/****************************************************************************************/
.contenido2{    
    background-color: #008699;    
}
.contenido2 .texto p {
    padding: 0 15rem 2rem;
}
.contenido2.dos button {
    background-color: #9F2240;
}
/************************************************************************************/
.contenido3{    
    color: #1D1D1F;
}
.contenido3.fondo1{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/banner_trabajo_ok.png');
}
.contenido3.fondo2{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/Empresa04.png');
}
.contenido3.fondo3{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/Empresa05.png');
}
.contenido3.fondo4{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/banner_planos_ok.png');
}
/***********************************************************************************/
.contenido4{
    background-color: #91EFFC;
}
.contenido4 .texto h3{
    color: #008699;   
}
.contenido4 .texto p{
    color: #000;
}
.contenido4 .texto a{    
    color: #0E8FD3;    
}
.contenido4 .primero .vacio{

}
.contenido4 .primero .vacio img{
    width: 100%;
}
.contenido4 .segundo {
    padding-bottom: 200px;
    position: relative;
}
.contenido4 .segundo .vacio img{
    width: 100%;
}

.contenido4 .segundo .vacio {
    position: absolute;
    left: 25%;
    transition: all 2s ease;
    z-index: 3;
    display: flex;
    justify-content: center;
/*    border: 3px solid violet;*/
}

.contenido4 .segundo .texto {
    position: absolute;
    right: 25%;
    transition: all 2s ease;
    z-index: 2;
}

.imageAnimationActive2 {
    left: 0 !important;
}

.textAnimationActive2 {
    right: 0 !important;
}

.contenido4 .tercero {
    padding-top: 200px;
}

.contenido4 .row.tercero .imagen {
    justify-content: center;
}

.contenido4 .row.tercero .imagen img {
    position: static;
}

.contenido4 .row.cuarto {
    height: auto;
}

.contenido4 .cuarto .imagen {
    position: static;
    display: flex;
    justify-content: center;
}

.contenido4 .row.cuarto .texto {
    position: static;
}

.contenido4 .row.cuarto .texto {
    margin-top: 0vh;
    align-self: auto;
}

.contenido4 .quinto {
    height: 700px;
    position: relative;
/*    border: 3px solid green;*/
}

.contenido4 .row.quinto .imagen{
    justify-content: center;
}

.contenido4 .quinto .imagen {
    position: absolute;
    right: 25%;
    transition: all 2s ease;
    z-index: 3;
}

.contenido4 .quinto .texto {
    position: absolute;
    left: 25%;
    transition: all 2s ease;
    z-index: 2;
    opacity: 0;
}

.imageAnimationActive5 {
    right: 0 !important;
}

.textAnimationActive5 {
    left: 0 !important;
    opacity: 1 !important;
}

.contenido4 .quinto .texto h3{
    padding-bottom: 3rem;
}
.contenido4 .sexto .texto h2{    
    color: #1D1D1F;    
    border-bottom: solid 5px #000;
}
.contenido4 .sexto .texto p{    
    border-bottom: solid 5px #000;
    color: #1D1D1F;
}
/**********************/
.contenido4 .septimo .texto p {
    text-align: left;
}

.contenido4 .row.septimo .imagen {
    justify-content: center;
}

.contenido4 .row.septimo .imagen img{
    width: 100%;
}
/************************/
.contenido4 .octavo {
/*    border: 3px solid blue;*/
}

.contenido4 .octavo .imagen {
    position: absolute;
    right: 25%;
    transition: all 2s ease;
    z-index: 3;
}

.contenido4 .octavo .texto {
    position: absolute;
    left: 25%;
    transition: all 2s ease;
    z-index: 2;
}

.imageAnimationActive8 {
    right: 0 !important;
}

.textAnimationActive8 {
    left: 0 !important;
}

.contenido4 .row.octavo .imagen img{
    width: 60%;
}

.contenido5 .titulo h2 {
    padding-top: 12vh;
}

.contenido5 .texto h3{
    margin-bottom: 4vh;
}
/********************************************************************/
.contenido3.fondo5{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/img0005.jpg');
}
.contenido3.fondo6{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/banners_ss_ok.png');
}
.contenido3.fondo7{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/Empresa19.png');
}
.contenido3.fondo8{
    background-image: url('https://assets.claro360.com/landingsMexico360/empresa/generalEmpresa/Web/img0008.jpg');
}
/*********************************************************************************/


.contenido16 .tarjeta .card{
    width: 100%;
    height: 100% !important;
    box-shadow: 0px 3px 30px rgba(0,0,0,0.3);
    /*background-color: #008699;*/
}
.contenido16 .tarjeta .card .card-body{
    background-color: #008699;
}
.contenido17 .imgResponsive{
    height: 100vh;
}
/**************************************************************/
footer {
    background-color: #151212;
}
/*********************************************************************************/
/*******************************************************************************************************************/
/******************************************      PORTRAIT     *******************************************************/
/*******************************************************************************************************************/
/****************************  PORTRAIT DISPOSITIVO MOVIL CELULAR    *************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    .contenido2.dos {
        background-image: url(https://assets.claro360.com/Corporativo/generalCorporativo/Responsive/Corporativo_mobile_11.png);
        padding-top: 0vh;
        padding-bottom: 0vh;
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .contenido2 .texto p {
        padding: 0 0rem 2rem;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    
    .contenido4 .texto {
        padding-right: 0;
    }
    
    .contenido4 .texto p{
        padding-bottom: 1rem;
    }
    /****************************************/
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 197px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero .imagen img {
        height: 45vh;
    }
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    .contenido4 .row.tercero {
        padding-bottom: 5%;
    }
    /****************************************/    
    .contenido4 .cuarto .imagen{
        margin-bottom: 5vh;
        padding: 0;
    }
    
    .contenido4 .row.cuarto .texto {
        padding: 0;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 920px;
        border: 3px solid red;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        left: 0;
        top: 24%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 85%;
    }
    /****************************************/
    
    .contenido4 .sexto .texto h2 {
        font-size: 25px;
        border-bottom: solid 2px;
    }
    .contenido4 .sexto .texto p {
        font-size: 12px;
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 100%;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        justify-content: center;
    }
    /****************************************/
    .contenido4 .row.octavo {
        height: 920px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 17%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 100%;
    }
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED; 
        padding-bottom: 20vh;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
@media only screen and (min-width: 321px) and (max-width:424px) and  (orientation: portrait){
    .contenido2 .texto p {
        padding: 0 0rem 2rem;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    
    .contenido4 .texto {
        padding-right: 0;
    }
    /****************************************/
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 197px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero {
        padding-bottom: 5%;
    }
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    .contenido4 .row.tercero .imagen {
        padding-bottom: 3rem;
    }
    
    .contenido4 .row.tercero .imagen img {
        height: 20rem;
    }
    /****************************************/
/*    .contenido4 .row.cuarto {
        flex-direction: column-reverse;
    }*/
    
    .contenido4 .cuarto .imagen{        
        margin-bottom: 3vh;
    }
    
    .contenido4 .row.cuarto .texto {
        padding: 0;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 918px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        left: 0;
        top: 27%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        right: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
        left: inherit;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 85%;
    }
    /****************************************/
    
    .contenido4 .sexto .texto h2 {
        font-size: 30px;
        border-bottom: solid 2px;
    }
    .contenido4 .sexto .texto p {
        font-size: 14px;
        border-bottom: solid 2px;
        padding: 0 3vw !important;
    }
    
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 2rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 100%;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        justify-content: center;
    }
    
    /****************************************/
    .contenido4 .row.octavo {
        height: 910px;
    }
    
    .contenido4 .octavo .texto h3, .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 165px;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 15%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    /****************************************/
    .contenido4 .texto p{
        padding-bottom: 1rem;
    }
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED; 
        padding-bottom: 20vh;
    }
    
    .contenido5 .titulo {
        width: 100%;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
/****************************  PORTRAIT DISPOSITIVO MOVIL TABLET     *************************************/
@media only screen and (min-width: 425px) and (max-width:600px) and  (orientation: portrait){
    .contenido2 .texto p {
        padding: 0 0rem 2rem;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    
    .contenido4 .texto h3 {
        font-size: 48px;
        line-height: 54px;
    }
    
     .contenido4 .texto p{
        padding-bottom: 1rem;
    }
    /****************************************/
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 295px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        padding-top: 100px;
    }

    .contenido4 .row.tercero .imagen img {
        width: 70%;
    }
    .contenido4 .row.tercero .imagen {
        padding-bottom: 4rem;
    }

    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    .contenido4 .row.tercero {
        padding-bottom: 5%;
    }
    
    /****************************************/
    .contenido4 .cuarto .texto {
         padding: 0 15px; 
    }

    .contenido4 .cuarto .imagen{        
        margin-bottom: 5vh;
    }
    
    .contenido4 .cuarto .imagen img {
        width: 70%;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1100px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        left: 0;
        top: 24%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 313px;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 30px;
        border-bottom: solid 2px;
    }
    .contenido4 .sexto .texto p {
        font-size: 14px;
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        justify-content: center;
    }
    /****************************************/
    .contenido4 .row.octavo {
        height: 1084px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 350px;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 17%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED; 
        padding-bottom: 20vh;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
@media only screen and (min-width: 601px) and (max-width:679px) and  (orientation: portrait){
    .contenido2 .texto p {
        padding: 0 3rem 2rem;
    }
    
    .contenido2 span img {
        width: 20%;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    /****************************************/
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 339px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero .imagen img {
        height: 60vh;
    }
    
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    .contenido4 .row.tercero {
        padding-bottom: 5%;
    }
    
    .contenido4 .row.tercero .imagen {
        padding-bottom: 3rem;
    }
    
    /****************************************/
    .contenido4 .cuarto .imagen{
        margin-bottom: 5vh
    }
    
    .contenido4 .cuarto .texto {
        padding: 0 15px;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1288px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        right: 0;
        top: 24%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 464px;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 45px;
        border-bottom: solid 2px;
    }
    .contenido4 .sexto .texto p {
        font-size: 22px;
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo {
        height: 1180px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 355px;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 17%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    .contenido4 .row.octavo .imagen img{
        width: 50%;
    }
    
    /****************************************************************/
    .contenido4 .texto p{
        padding-bottom: 1rem;
    }
    
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED; 
        padding-bottom: 20vh;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
@media only screen and (min-width: 680px) and (max-width:767px) and  (orientation: portrait){
    .contenido2 .texto p {
        padding: 0 3rem 2rem;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    /****************************************/
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 380px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero .imagen img {
        height: 60vh;
    }
    
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    .contenido4 .row.tercero {
        padding-bottom: 5%;
    }
    /****************************************/
    .contenido4 .cuarto .imagen{        
        margin-bottom: 5vh;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1467px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        right: 0;
        top: 24%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 1;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width:487px;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 45px;
        border-bottom: solid 2px;
    }
    .contenido4 .sexto .texto p {
        font-size: 22px;
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo {
        height: 1200px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        width: 100%;
        top: 20%;
        left: 0;
    }
    
    .contenido4 .octavo .imagen {
        top: 17%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        left: 0;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    .contenido4 .row.octavo .imagen img{
        width: 360px;
    }
    /****************************************/  
    
    .contenido4 .texto p{
        padding-bottom: 1rem;
    }
    
    .contenido4 .texto h3 {
        text-align: center;
    }
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
/**********************************  IPAD USADA EN LA EMPRESA    *******************************************/
@media only screen and (min-width: 768px) and (max-width:820px) and  (orientation: portrait){
    .contenido2 .texto p {
        padding: 0 4rem 2rem;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    
    .contenido4 .primero .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .primero .texto p{
        margin-bottom: 3vh;
    }
    
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 380px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    
    .contenido4 .row.tercero {
        padding-bottom: 5%;
        padding-top: 100px;
        flex-direction: column-reverse;
    }
    
    .contenido4 .row.tercero .imagen img {
        width: 45%;
        height: auto;
    }
    
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    /****************************************/
    .contenido4 .cuarto .imagen {
        margin-bottom: 7vh;
    }
    
    .contenido4 .cuarto .texto {
        padding: 0 15px;
    }
    
    .contenido4 .cuarto .imagen img {
        width: 45%;
    }
    
    /****************************************/
    .contenido4 .quinto {
        height: 1467px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        right: 0;
        top: 32%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 563px;
    }
    /****************************************/
    
    .contenido4 .sexto .texto h2 {
        font-size: 50px;
        border-bottom: solid 3px;
    }
    .contenido4 .sexto .texto p {
        font-size: 25px;
        border-bottom: solid 3px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo {
        height: 1371px;
    }
    
    .contenido4 .octavo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 280px;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
        left: 0;
        width: 100%;
    }
    
    .contenido4 .octavo .imagen {
        top: 20%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        left: 0;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    /****************************************/
    .contenido4 .texto h3 {
        text-align: center;
    }
    /****************************************************************/   
    .contenido5 {
        background-color: #EDEDED;
        padding-bottom: 20vh;
    }
    
    .contenido5 .titulo {
        width: 100%;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
/****************************  PORTRAIT DISPOSITIVO MOVIL LAPTOP     ************************************/
@media only screen and (min-width: 821px) and (max-width:991px) and  (orientation: portrait){
    .contenido2 .texto p {
        padding: 0 7rem 2rem;
    }
    
    .contenido3.fondo1 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp03.png');
    }
    
    .contenido3.fondo2 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp04.png');
    }
    
    .contenido3.fondo3 {
        background-image: url('https://assets.claro360.com/Empresa/general/NuevaVersion/responsive/Empresa_resp05.png');
    }
    /****************************************/
    
    .contenido4 .segundo {
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 480px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    
    .contenido4 .tercero {
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero .imagen img {
        height: 60vh;
    }
    
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    /****************************************/
    .contenido4 .cuarto .imagen{        
        margin-bottom: 7vh;
    }
    
    .contenido4 .cuarto .texto {
        padding: 0 15px;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1467px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        right: 0;
        top: 24%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 643px;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    /****************************************/
    
    .contenido4 .sexto .texto h2 {
        font-size: 50px;
    }
    
    .contenido4 .sexto .texto p {
        font-size: 25px;
    }
    /****************************************/
    
    .contenido4 .septimo {
        height: auto;
    }   
    
    .contenido4 .septimo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .septimo .texto h3,
    .contenido4 .septimo .imagen,
    .contenido4 .septimo .texto p{
        position: static;
        opacity: 1;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    
    .contenido4 .row.octavo {
        height: 1300px;
    }
    
    .contenido4 .octavo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .octavo .texto {
        left: 0;
        position: relative;
    }
    
    .contenido4 .row.octavo .imagen{
        right: 0vh;
        text-align: center;
        padding: 5rem 0;
        top: 19%;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 465px;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED;
        padding-bottom: 0;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
@media only screen and (min-width: 992px) and (max-width:1150px) and  (orientation: portrait){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido2 .texto p {
        padding: 0 2rem 2rem;
    }
    
    .contenido4 .texto h3 {
        font-size: 75px;
        line-height: 81px;
    }
    
    /*********************/
    .contenido4 .primero .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .primero .texto h3 {
        text-align: left;
    }
    
    /*********************/
    .contenido4 .segundo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .segundo {
        padding-bottom: 100px;
        height: 1100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 480px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        width: 100%;
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    
    /*********************/
    .contenido4 .tercero {
        padding-top: 100px;
    }

      
    .contenido4 .row.tercero .imagen img {
        width: 40%;
        height: auto;
    }
    
    .contenido4 .row.tercero .imagen {
        padding-bottom: 7rem;
    }
    
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
     /*********************/
    .contenido4 .cuarto .imagen{        
        margin-bottom: 7rem;
    }
    
    .contenido4 .cuarto .imagen img {
        width: 40%;
    }
    /*********************/
    .contenido4 .quinto {
        height: 1500px;
    }
    
    .contenido4 .quinto .texto br{
        display: block;
    }
    
    .contenido4 .quinto .imagen {
        right: 0;
        top: 24%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 643px;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    /*********************/
    .contenido4 .septimo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 70%;
    }
    
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .texto h3,
    .contenido4 .septimo .texto p {
        opacity: 1;
        position: static;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
    }
    
    /*********************/
    .contenido4 .row.octavo {
        height: 1520px;
    }
    
    .contenido4 .octavo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .octavo .texto {
        left: 0;
        position: relative;
    }
    
    .contenido4 .row.octavo .imagen{
        right: 0vh;
        text-align: center;
        padding: 5rem 0;
        top: 11%;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
        width: 100%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 370px;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    /****************************************/
    .contenido4 .texto p{
        padding-bottom: 1rem;
    }
    .contenido4 .texto h3 {
        text-align: center;
    }
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED;
        padding-bottom: 20vh;
    }
    
    .contenido5 .titulo {
        width: 100%;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
/****************************  PORTRAIT DISPOSITIVO PC ESCRITORIO     ***********************************/
@media only screen and (min-width: 1151px) and (max-width:1199px) and  (orientation: portrait){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido4 .segundo {
        height: 760px;
    }
    
    .contenido4 .segundo .texto{
        order: -1;
    }
    
    .contenido4 .texto h3 {
        font-size: 93px;
        line-height: 100px;
    }

    .contenido4 .row.tercero .texto {
        order: -1;
    }    
    .contenido4 .row.tercero .imagen img {
        height: 60vh;
    }
    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    .contenido4 .quinto {
        height: 1956px;
    }
    
    .contenido4 .quinto .imagen {
        position: static;
        padding: 5rem 0 5rem !important;
    }
    
    .contenido4 .septimo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        justify-content: center;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    
    .contenido4 .row.octavo {
        height: 1550px;
    }
    
    .contenido4 .octavo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .octavo .imagen {
        position: static;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        padding: 5rem 0 5rem;
    }

    .contenido4 .row.octavo .imagen img{
        width: 50%;
    }
    
    .contenido4 .texto h3 {
        padding: 0;
    }
    
    .contenido4 .row.octavo .texto {
         top: inherit; 
         padding-right: 5vw;
    }
    
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }
    /****************************************/
    .contenido4 .cuarto .imagen{        
        order: 1;
    }    
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED;
        padding-bottom: 20vh;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and  (orientation: portrait){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido4 .segundo {
        height: 760px;
    }
    
    .contenido4 .segundo .texto{
        order: -1;
    }
    .contenido4 .row.tercero .texto {
        order: -1;
    }
    
    .contenido4 .texto h3 {
        font-size: 90px;
        line-height: 96px;
    }

    .contenido4 .row.tercero .imgResponsive{
        text-align: center;
    }
    
    .contenido4 .quinto {
        height: 1920px;
    }
    
    .contenido4 .quinto .imagen {
        left: 0%;
        position: static;
    }
    
    .contenido4 .quinto .texto {
        padding-left: 5vw;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 5rem 0 5rem;
        text-align: center;
    }
    
    .contenido4 .row.quinto .imagen {
        padding-right: 5vw;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 70%;
    }
    
    .contenido4 .septimo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .row.septimo .imagen {
        justify-content: center;
    }

    .contenido4 .row.septimo .imagen img {
        width: 70%;
    }
    
    .contenido4 .octavo .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    
    .contenido4 .octavo .imagen {
        position: static;
    }

    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
        padding-right: 5vw;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 75%;
    }
    /****************************************/
    .contenido4 .cuarto .imagen{        
        order: 1;
    }    
    /****************************************************************/
    .contenido5 {
        background-color: #EDEDED;
        padding-bottom: 0;
    }
    
    .contenido5 .texto h3 {
        text-align: center;
    }
    
    .contenido5 .texto p {
        text-align: center;
    }

}


/*******************************************************************************************************************/
/******************************************      LANDSCAPE     ****************************************************/
/*******************************************************************************************************************/
/****************************  LANDSCAPE DISPOSITIVO MOVIL CELULAR    ***********************************/
@media only screen and (max-width: 424px) and (orientation: landscape){
    .contenido1 {
        padding-top: 60px;
    }
    .contenido2 .texto p {
        padding: 0 2rem 2rem;
    }
    
    .contenido4 {
        padding: 0px 60px;
    }
    /****************************************/
    .contenido4 .primero .vacio{
        text-align: center;
        left: 0;
        padding: 0;
    }
    .contenido4 .primero .vacio img{
        width: 80%;
    }
    /****************************************/
    .contenido4 .segundo {
        height: 569px;
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 197px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        flex-direction: column-reverse;
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero .imagen img{
        width: 50%;
        height: unset;
    }
    /****************************************/
    .contenido4 .cuarto {
        flex-direction: column-reverse;
    }
    
    .contenido4 .row.cuarto .imagen{
        order: 1;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 50%;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 999px;
    }
    
    .contenido4 .quinto .imagen {
        right: inherit;
        top: 26%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 85%;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 20px;
    }
    .contenido4 .sexto .texto p {
        font-size: 10px;
    }
    .contenido4 .sexto .texto h2,
    .contenido4 .sexto .texto p{
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgWeb {
        display: none !important;
    }
    
    .contenido4 .row.septimo .imgResponsive {   
        padding: 1rem 0 5rem;
        display: block !important;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo .imgWeb {
        display: none;
    }
    
    .contenido4 .row.octavo {
        height: 908px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 60%;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p,
    .contenido4 .octavo .texto a {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 16%;
        right: 0vh;
        text-align: center;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    .contenido4 .row.octavo .imagen img{
        width: 75%;
    }
}
@media only screen and (min-width: 425px) and (max-width:600px) and  (orientation: landscape){
    .contenido1 {
        padding-top: 60px;
    }
    .contenido2 .texto p {
        padding: 0 2rem 2rem;
    }
    .contenido4 {
        padding: 0px 40px;
    }
    /****************************************/
    .contenido4 .primero .vacio{
        text-align: center;
        left: 0;
        padding: 0;
    }
    .contenido4 .primero .vacio img{
        width: 80%;
    }
    /****************************************/
    .contenido4 .segundo {
        height: auto;
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 197px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        flex-direction: column-reverse;
    }
    
    .contenido4 .row.tercero .imagen img{
        width: 50%;
        height: unset;
    }
    .contenido4 .row.cuarto .imagen{
        order: 1;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 50%;
    }
    /****************************************/
    .contenido4 .cuarto {
        flex-direction: column-reverse;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1090px;
    }
    
    .contenido4 .quinto .imagen {
        right: inherit;
        top: 26%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 85%;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 20px;
    }
    .contenido4 .sexto .texto p {
        font-size: 10px;
    }
    .contenido4 .sexto .texto h2,
    .contenido4 .sexto .texto p{
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgWeb {
        display: none !important;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        padding: 1rem 0 5rem;
        display: block !important;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo .imgWeb {
        display: none;
    }
    
    .contenido4 .row.octavo {
        height: 908px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 60%;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p,
    .contenido4 .octavo .texto a {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 16%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    .contenido4 .row.octavo .imagen img{
        width: 50%;
    }
}
@media only screen and (min-width: 601px) and (max-width:679px) and  (orientation: landscape){
    .contenido1 {
        padding-top: 60px;
    }
    .contenido2 .texto p {
        padding: 0 7rem 2rem;
    }
    
    .contenido4 {
        padding: 0px 40px;
    }
    /****************************************/
    .contenido4 .primero .vacio{
        text-align: center;
        left: 0;
        padding: 0;
    }
    .contenido4 .primero .vacio img{
        width: 70%;
    }
    /****************************************/
    .contenido4 .segundo {
        height: auto;
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 275px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
        
    /****************************************/
    .contenido4 .row.tercero .imagen img{
        width: 50%;
        height: unset;
    }
    /****************************************/
    .contenido4 .row.cuarto .imagen{
        order: 1;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 50%;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1090px;
    }
    
    .contenido4 .quinto .imagen {
        right: inherit;
        top: 23%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 85%;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 25px;
    }
    .contenido4 .sexto .texto p {
        font-size: 12px;
    }
    .contenido4 .sexto .texto h2,
    .contenido4 .sexto .texto p{
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgWeb {
        display: none !important;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        display: block !important;
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo .imgWeb {
        display: none;
    }
    
    .contenido4 .row.octavo {
        height: 1040px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .row.octavo .imagen{
        right: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 60%;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p,
    .contenido4 .octavo .texto a {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        top: 20%;
        width: 100%;
        text-align: center;
    }
    
    .contenido4 .octavo .imagen {
        top: 16%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    .contenido4 .row.octavo .imagen img{
        width: 50%;
    }
}
@media only screen and (min-width: 680px) and (max-width:767px) and  (orientation: landscape){
    .contenido1 {
        padding-top: 60px;
    }
    
    .contenido2 .texto p {
        padding: 0 9rem 2rem;
    }
    
    /****************************************/
    .contenido4 .primero .vacio{
        text-align: right;
        padding: 0;
        display: flex;
        justify-content: center;
    }
    .contenido4 .primero .vacio img{
        width: 70%;
    }
    /****************************************/
      
    .contenido4 .segundo {
        height: 633px;
        padding-bottom: 100px;
    }
    
    .contenido4 .segundo .vacio {
        position: static;
        height: 380px;
        order: 1;
    }
    
    .contenido4 .segundo .vacio img {
        position: absolute;
        transform: translateX(-100%);
        transition: all 2s ease;
        width: 80%;
    }
    
    .contenido4 .segundo .texto {
        position: static;
    }
    
    .imageAnimation2 {
        transform: translateX(0%)!important;
    }
    /****************************************/
    .contenido4 .tercero {
        padding-top: 100px;
    }
    .contenido4 .row.tercero .imagen img{
        width: 50%;
        height: unset;
    }
    /****************************************/
    .contenido4 .row.cuarto .imagen{
        order: 1;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 40%;
    }
    /****************************************/
    .contenido4 .quinto {
        height: 1090px;
    }
    
    .contenido4 .quinto .imagen {
        right: inherit;
        top: 17%;
    }
    
    .contenido4 .row.quinto .imagen {
        padding: 5rem 0 5rem;
    }
    
    .contenido4 .quinto .texto {
        left: inherit;
        opacity: 1;
        height: 100%;
        position: relative;
    }
    
    .contenido4 .quinto .texto h3,
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        position: absolute;
        transition: all 2s ease;
        opacity: 0;
    }
    
    .contenido4 .quinto .texto h3 {
        top: 20%;
    }
    
    .contenido4 .quinto .texto p,
    .contenido4 .quinto .texto a {
        bottom: 50%;
    }
    
    .tituloActive5 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive5 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive5 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.quinto .imagen img {
        width: 85%;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 25px;
    }
    .contenido4 .sexto .texto p {
        font-size: 12px;
    }
    .contenido4 .sexto .texto h2,
    .contenido4 .sexto .texto p{
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imgWeb {
        display: none !important;
    }
    
    .contenido4 .row.septimo .imgResponsive {
        display: block !important;
        padding: 1rem 0 5rem;
    }
    
    .contenido4 .septimo .texto h3 {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
        top: inherit;
    }
    
    .contenido4 .row.septimo .imagen img {
        width: 75%;
    }
    /****************************************/
    .contenido4 .row.octavo .imgWeb {
        display: none;
    }
    
    .contenido4 .row.octavo {
        height: 1040px;
    }
    
    .contenido4 .row.octavo .imgResponsive {
        display: flex !important;
        padding: 3rem 0 3rem;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 60%;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p,
    .contenido4 .octavo .texto a {
        opacity: 0;
    }
    
    .contenido4 .octavo .texto h3 {
        width: 100%;
        text-align: center;
        top: 20%;
    }
    
    .contenido4 .octavo .imagen {
        top: 16%;
    }
    
    .contenido4 .octavo .texto p {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto a {
        top: inherit;
        bottom: 50%;
    }
    
    .contenido4 .octavo .texto {
        position: relative;
        left: 0;
    }
    
    .tituloActive8 {
        top: 0px !important;
        opacity: 1 !important;
    }
    
    .parrafoActive8 {
        bottom: 50px !important;
        opacity: 1 !important;
    }
    
    .linkActive8 {
        bottom: 0px !important;
        opacity: 1 !important;
    }
    
    .contenido4 .row.octavo .imagen{
        left: 0vh;
        text-align: center;
    }
    .contenido4 .row.octavo .imagen img{
        width: 50%;
    }
}
@media only screen and (min-width: 768px) and (max-width:820px) and  (orientation: landscape){
    .contenido1 {
        padding-top: 60px;
    }
    .contenido2 .texto p {
        padding: 0 9rem 2rem;
    }
    .contenido4 {
        padding: 100px 10px;
    }
    /****************************************/
    .contenido4 .primero {
        padding-right: 0;
    }
    .contenido4 .primero .vacio {
        padding: 0;
    }
    .contenido4 .primero .vacio img{
        width: 100%;
    }
    /****************************************/
    .contenido4 .segundo {
        padding-bottom: 100px;
        height: 478px;
    }
    /****************************************/
    .contenido4 .tercero{
        padding-top: 100px;
    }
    
    .contenido4 .row.tercero{
        padding-bottom: 10%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        height: auto;
        width: 65%;
    }
    
    /****************************************/
    .contenido4 .quinto{
        height: 895px;
    }
    
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen img{
        height: auto;
        width: 100%;
    }
    
    .contenido4 .quinto .texto p {
        padding-right: 0rem;
    }
    /****************************************/
    .contenido4 .sexto .texto h2 {
        font-size: 30px;
    }
    .contenido4 .sexto .texto p {
        font-size: 14px;
    }
    .contenido4 .sexto .texto h2,
    .contenido4 .sexto .texto p{
        border-bottom: solid 2px;
    }
    /****************************************/
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .septimo .imagen {
        position: static;
    }
    
    .contenido4 .septimo .texto h3,
    .contenido4 .septimo .texto p,
    .contenido4 .septimo .texto a {
        position: static;
        opacity: 1;
    }

    .contenido4 .row.septimo .imagen{
        right: 0;
    }
    .contenido4 .row.septimo .imagen img{
        width: 100%;
    }
    /****************************************/
    .contenido4 .row.octavo {
        height: 709px;
    }
    
    .contenido4 .octavo .imagen {
        top: initial;
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p,
    .contenido4 .octavo .texto a {
         position: static;
    }
    
    .contenido4 .octavo .texto {
        height: auto;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 100%;
    }
}

/****************************  LANDSCAPE DISPOSITIVO MOVIL TABLET     ************************************/
@media only screen and (min-width: 821px) and (max-width:991px) and  (orientation: landscape){
    .contenido4 {
        padding: 0 35px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 100px 0;
    }
    
    .contenido4 .row.tercero{
        padding-bottom: 10%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        height: unset;
        width: 70%;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 70%;
    }
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen img{
        height: unset;
        width: 100%;
    }
    
    .contenido4 .septimo {
        height: auto;
    }
    
    .contenido4 .row.septimo .imagen img{
        width: 100%;
    }
    
    .contenido4 .septimo .imagen,
    .contenido4 .septimo .texto,
    .contenido4 .septimo .texto h3,
    .contenido4 .septimo .texto p {
        position: static;
        opacity: 1;
    }
    
    .contenido4 .row.octavo {
        height: 663px;
    }
    
    .contenido4 .octavo .texto {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .contenido4 .octavo .imagen {
        top: inherit; 
    }
    
    .contenido4 .octavo .texto h3,
    .contenido4 .octavo .texto p,
    .contenido4 .octavo .texto a {
        position: static;
    }

    .contenido4 .row.octavo .imagen img{
        width: 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width:1150px) and  (orientation: landscape){
    .contenido1 .imgInicial img {
        object-fit: cover;
    }
    
    .contenido2 .texto p {
        padding: 0 6rem 2rem;
    }

    .contenido4 {
        padding: 0 50px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 100px 0;
    }
    
    .contenido4 .primero .texto p {
         padding-right: 0rem; 
    }
    
    .contenido4 .segundo {
        height: 557px;
    }

    .contenido4 .segundo .vacio{
        right: 15%;
    }
    .contenido4 .segundo .vacio img{
        width: 120%;
    }
    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    .contenido4 .tercero {
        padding-top: 100px;
    }
    .contenido4 .row.tercero{
        padding-bottom: 10%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        height: auto;
        width: 80%;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 80%;
    }
    
    .contenido4 .quinto {
        height: 726px;
    }
    
    .contenido4 .quinto .texto be {
        display: block;
    }

    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen img{
        height: unset;
        width: 100%;
    }
    
    .contenido4 .row.septimo .imagen img{
        width: 100%;
    }
    
    .contenido4 .row.octavo .imagen {
        text-align: center;
    }

    .contenido4 .row.octavo .imagen img{
        width: 69%;
    }
    
    .contenido2.dos .texto p {
        padding: 0 17rem 1rem;
    }
    
    .contenido5 .titulo h2 {
        padding-top: 7vh;
    }
}

/****************************  LANDSCAPE DISPOSITIVO MOVIL LAPTOP     ************************************/
@media only screen and (min-width: 1151px) and (max-width:1199px) and  (orientation: landscape){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido4 {
        padding: 0 100px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 100px 0;
    }
    
    .contenido4 .primero .vacio img{
        width: 100%;
    }
    
    .contenido4 .segundo {
        height: 475px;
    }

    .contenido4 .segundo .vacio img{
        width: 100%;
    }
    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    .contenido4 .row.tercero{
        padding-bottom: 15%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        height: auto;
        width: 70%;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 70%;
    }
    
    .contenido4 .quinto {
        height: 1168px;
    }

    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .texto {
        padding-left: 5vw;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen {
        padding-right: 5vw;
    }
    .contenido4 .row.quinto .imagen img{
        height: unset;
        width: 100%;
    }
    .contenido4 .row.septimo .imagen{
        right: 0;
    }
    .contenido4 .row.septimo .imagen img{
        width: 100%;
    }
    
    .contenido4 .row.octavo {
        height: 769px;
    }
    
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }

    .contenido4 .row.octavo .imagen img{
        width: 100%;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1360px) and  (orientation: landscape){
    .contenido1 .imgInicial img {
        height: 100vh;
        object-fit: cover;
    }
    
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido2.uno .texto p {
        font-size: 22px;
        padding: 0 6rem 2rem;
    }
    
    .contenido2.dos .texto p {
        font-size: 22px;
        line-height: 1.5rem;
        padding: 0 20rem 2rem;
    }
    
    .contenido4 {
        padding: 0 70px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 100px 0;
    }
    
    
    .contenido4 .primero .vacio {
        padding: 0;
    }
    
    .contenido4 .primero .texto p {
        padding-right: 2rem;
    }

    .contenido4 .primero .vacio img{
        width: 100%;
    }
    
    .contenido4 .segundo {
        height: 500px;
    }

    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    
    .contenido4 .segundo .vacio img {
        width: 115%;
    }
    
    .contenido4 .row.tercero{
        padding-bottom: 15%;
    }
    
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    
    .contenido4 .row.tercero .imagen img{
        height: auto;
        width: 70%;
    }
    
    .contenido4 .cuarto .texto p {
        padding-right: 4rem;
    }
    
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .contenido4 .row.septimo .imagen{
        right: 0;
    }
    
    .contenido4 .row.septimo .imagen img{
        width: 100%;
    }
    
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }
    
    .contenido4 .row.octavo .imagen img{
        width: 95%;
    }
}

/****************************  LANDSCAPE DISPOSITIVO PC ESCRITORIO     ***********************************/
@media only screen and (min-width: 1361px) and (max-width:1899px) and  (orientation: landscape){
    .contenido1 .imgInicial img {
        height: 100vh;
        object-fit: cover;
    }
    
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido2 .texto p {
        padding: 0 11rem 2rem;
    }
    
    .contenido3.fondo2 {
        background-position: left;
    }
    
    .contenido3.fondo3 {
        background-position: right;
    }
    
    .contenido3.fondo4 {
        background-position: left;
    }
    
    .contenido4 {
        padding: 0 100px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .tercero, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 200px 0;
    }
    
    .contenido4 .primero{
        padding-right: 0;
    }
    .contenido4 .primero .vacio {
        padding: 0;
    }
    .contenido4 .primero .vacio img{
        width: 100%;
    }
    .contenido4 .segundo {
        height: 760px;
    }
    .contenido4 .segundo .vacio{
        right: 8%;
    }
    .contenido4 .segundo .vacio img{
        width: 120%;
    }
    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    .contenido4 .row.tercero{
        padding-bottom: 15%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .tercero .texto p {
        padding-right: 3rem;
    }
    .contenido4 .row.tercero .imagen img{
        height: 75vh;
    }
    .contenido4 .row.cuarto .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 75%;
    }
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .texto br{
        display: block;
    }
    .contenido4 .quinto .texto {
        padding-left: 5vw;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen {
        padding-right: 5vw;
    }
    .contenido4 .row.quinto .imagen img{
        height: unset;        
    }
    .contenido4 .row.septimo .imagen{
        right: 0;
    }
    .contenido4 .row.septimo .imagen img{
        width: 100%;
    }
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }
    .contenido4 .row.octavo .imagen img{
        width: 85%;
    }
    
    .contenido2.dos .texto p {
        padding: 0 25rem 2rem;
    }
    
    .contenido5 .titulo h2 {
        padding-top: 4rem;
    }
}
@media only screen and (min-width: 1900px) and (max-width:2299px) and  (orientation: landscape){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }

    .contenido2 .texto p {
        padding: 0 14rem 2rem;
    }

    .contenido4 .primero .vacio {
        padding: 0;
    }
    .contenido4 .primero .vacio img{
        width: 100%;
    }
    .contenido4 .segundo {
        height: 830px;
    }
    .contenido4 .segundo .vacio img{
        width: 100%;
    }
    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    .contenido4 .row.tercero{
        padding-bottom: 15%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        width: 60%;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 60%;
    }
    .contenido4 .quinto {
        height: 1364px;
    }
    .contenido4 .quinto .texto br{
        display: block;
    }
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .contenido4 .quinto .texto {
        padding-left: 5vw;
    }
    
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .contenido4 .row.quinto .imagen{
        padding-right: 5vw;
        display: unset;
    }
    .contenido4 .row.quinto .imagen img{
        width: 100%;
    }
    .contenido4 .row.septimo .imagen img{
        width: 130%;
    }
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }
    .contenido17 .cajaTexto2 p {
        padding: 0 18rem;
    }

}
@media only screen and (min-width: 2300px) and (max-width:2599px) and  (orientation: landscape){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido2 .texto p {
        padding: 0 33rem 2rem;
    }

    .contenido4 {
        padding: 0 200px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 200px 0;
    }
    
    .contenido4 .primero .vacio img{
        width: 100%;
    }
    .contenido4 .segundo {
        height: 1000px;
    }
    .contenido4 .segundo .vacio{
        right: 22%;
    }
    .contenido4 .segundo .vacio img{
        width: 100%;
    }
    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    .contenido4 .row.tercero{
        padding-bottom: 15%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        width: 75%;
        height: auto;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 65%;
    }
    .contenido4 .quinto {
        height: 1322px;
    }
    .contenido4 .quinto .texto br{
        display: block;
    }
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .texto {
        padding-left: 5vw;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen{
        display: unset;
        padding-right: 5vw;
    }
    .contenido4 .row.quinto .imagen img{
        width: 100%;
        height: unset;
    }
    .contenido4 .row.septimo .imagen{
        left: 2%;
    }
    .contenido4 .row.septimo .imagen img{
        width: 90%;
    }
    .contenido4 .row.octavo {
        height: 1478px;
    }
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }
    .contenido4 .row.octavo .imagen img {
        width: 75%;
    }
    
    .contenido2.dos .texto p {
        padding: 0 54rem 2rem;
    }
    
    .contenido5 .titulo h2 {
        padding-top: 5.5vh;
    }
    
    .contenido17 .cajaTexto2 p {
        padding: 0 25rem;
    }
}
@media only screen and (min-width: 2600px) and (max-width:3599px) and  (orientation: landscape){
    .contenido2 button {
        border: 1px solid #FFFFFF;
        background-color: transparent;
        color: #FFFFFF;
    }
    
    .contenido4 {
        padding: 0 200px;
    }

    .contenido4 .primero, 
    .contenido4 .segundo, 
    .contenido4 .cuarto, 
    .contenido4 .sexto, 
    .contenido4 .septimo, 
    .contenido4 .octavo {
        padding: 200px 0;
    }

    .contenido4 .primero .vacio img{
        width: 100%;
    }
    .contenido4 .segundo {
        height: 1000px;
    }
    .contenido4 .segundo .vacio{
        right: 15%;
    }
    .contenido4 .segundo .vacio img{
        width: 100%;
    }
    .contenido4 .segundo .texto h3{
        padding-left: 15%;
    }
    .contenido4 .row.tercero{
        padding-bottom: 15%;
    }
    .contenido4 .row.tercero .texto{
        align-self: center;
    }
    .contenido4 .row.tercero .imagen img{
        height: 75vh;
    }
    .contenido4 .row.cuarto .imagen img{
        width: 55%;
    }
    .contenido4 .quinto {
        height: 1454px;
    }
    .contenido4 .quinto .texto br{
        display: block;
    }
    .contenido4 .quinto .col-md-9{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .quinto .texto {
        padding-left: 5vw;
    }
    .contenido4 .quinto .imagen{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .contenido4 .row.quinto .imagen {
        padding-right: 5vw;
    }
    .contenido4 .row.quinto .imagen img{
        width: 90%;
        height: unset;
    }
    .contenido4 .row.septimo .imagen{
        left: 0%;
    }
    .contenido4 .row.septimo .imagen img{
        width: 140%;
    }
    .contenido4 .octavo .texto {
        padding-left: 5vw;
    }
    .contenido4 .row.octavo .imagen {
        padding-right: 5vw;
    }
    .contenido2.dos .texto p {
        padding: 0 54rem 2rem;
    }
    
    .contenido17 .cajaTexto2 p {
        padding: 0 27rem;
    }
}