/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 25/02/2022, 09:36:21 AM
    Author     : angel
*/

.section_2 {
    background-color: #000000;
}

.section_2 .title h2 {
    color: #FFFFFF;
}

.section_2 .paragraph p {
    color: #FFFFFF;
}

.section_2 .benefits .title h2 {
    color: #FFFFFF;
}

.section_2 .icons h4 {
    color: #FFFFFF;
}

.section_2 .icons p {
    color: #FFFFFF;
}

.section_3 {
    background-color: #000000;
}

.section_3 .text p {
    color: #FFFFFF;
}

.section_4 {
    background-color: #000000;
}

.section_4 .information .text {
    color: #FFFFFF;
}

.section_4 .information .paragraph {
    color: #FFFFFF;
}

.section_5 {
    background-color: #2B2B2B;
}

.section_5 .image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.section_5 .image .screen {
    position: absolute;
    width: auto;
    height: 100%;
    transition: 1s all ease;
}

.screen5AnimatedM {
    transform: translateX(35%);
}

.section_5 .text h2 {
    color: #FFFFFF;
}

.section_5 .text p {
    color: #FFFFFF;
}

.section_6 {
    background-color: #000000;
}

.section_6 .text h2 {
    color: #FFFFFF;
}

.section_6 .text p {
    color: #FFFFFF;
}

.section_7 {
    background-color: #000000;
}

.section_7 .text h2 {
    color: #FFFFFF;
}

.section_7 .text p {
    color: #FFFFFF;
}

.section_7 .image {
    display: flex;
    justify-content: center;
}

.section_7 .image .parent-container {
    position: relative;
}

.section_7 .image .vigilancia {
    width: 100%;
    height: 100%;
}

.section_7 .image .video {
    position: absolute;
    top: 24%;
    right: 10%;
    width: 54%;
    transition: 1s all ease;
}

.watchableVideo {
    top: 10% !important;
    right: 0px !important;
    width: 100% !important;
}

.section_8 {
    background-color: #000000;
}

.section_8 .text h2 {
    color: #FFFFFF;
}

.section_8 .text p {
    color: #FFFFFF;
}

.section_10 {
    height: auto;
}

.section_10 .doctors {
    background-color: #025E8B;
    height: auto;
    padding: 5vh 0;
}

.section_10 .doctors .text {
    position: relative;
    bottom: 0px;
    padding: 0px 5vw;
}

.section_10 .doctors .text h2,
.section_10 .doctors .text p {
    color: #FFFFFF;
}

.section_10 .doctors .image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.section_10 .doctors .image img {
    width: 100%;
    height: auto;
}

.section_10 .services {
    background-color: #07364D;
    padding: 5vh 0px;
    height: auto;
}

.section_10 .services .image {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.section_10 .services .image img {
    width: 100%;
}

.section_10 .services .text h2,
.section_10 .services .text p {
    color: #FFFFFF;
}

.section_10 .doctors .image img,
.section_10 .services .text a{
    margin-bottom: 3vw;
}

.section_11 {
    background-color: #000000;
}

.section_11 .text h2 {
    color: #FFFFFF;
}

.section_11 .text p {
    color: #FFFFFF;
}

.section_11 .text {
    position: relative;
}

.section_11 .text .efecto-texto-1 {
    position: absolute;
    width: 100%;
    left: 100%;
    transition: 1s all ease;
    opacity: 0;
}

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

.section_12 {
    background-color: #000000;
}

.section_12 .text h2 {
    color: #FFFFFF;
}

.section_12 .text p {
    color: #FFFFFF;
}

.section_12 .image {
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.section_12 .text {
    position: relative;
}

.section_12 .text .efecto-texto-2 {
    position: absolute;
    width: 100%;
    right: 100%;
    transition: 1s all ease;
    opacity: 0;
}

.text2 {
    right: 0px !important;
    opacity: 1 !important;
}

.section_13 {
    background-color: #000000;
}

.section_14 {
    background-color: #000000;
}

.section_14 .main-title h2 {
    color: #FFFFFF;
}

.section_14 .information .ac-gf-content h3 {
    color: #FFFFFF;
}

.section_14 .information .ac-gf-content p {
    color: #FFFFFF;
}

.section_15 {
    background-color: #222222;
}

.section_15 .title h2 {
    color: #FFFFFF;
}

.section_16 {
    background-color: black;
}

.section_16  .row {
    padding: 5vh 5vw;
}

.section_16 .text {
    padding: 0px 5vw;
}

.section_16 .text h2 {
    font-family: 'Helvetica-Neue-Bold';
    font-size: 50px;
    color: white;
    text-align: left;
    line-height: 61px;
}

.section_16 .text p {
    font-family: 'Helvetica-Neue-Regular';
    font-size: 22px;
    color: white;
    text-align: left;
    line-height: 27px;
}

.section_16 .image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0px;
    margin-bottom: 2vh;
}

.textEFect {
    padding: 0px 5vh;
}

.textEFect1 {
    top: 0px !important;
    opacity: 1 !important;
}

.textEFect2 {
    bottom: 0px !important;
    opacity: 1 !important;
}

/*******************************************************************************************************************/
/******************************************      PORTRAIT     ******************************************************/
/*******************************************************************************************************************/
/***********************PORTRAIT DISPOSITIVO MOVIL CELULAR**********************************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    .section_4 .image img {
        width: 100%;
    }
    
    .section_5 .image .machine {
        width: 83%;
    }
    
    .section_6 .image img {
        width: 100%;
    }
    
    .section_7 .image .parent-container {
        width: 277px;
        height: 199px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 100%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 100%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 324px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 100%;
    }
    
    .section_12 .text {
        height: 308px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 0;
    }
    
    .section_12 .image img {
        width: 100%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 18px;
        line-height: 23px;
    }
    
    .section_16 .text p {
        font-size: 14px;
        line-height: 16px;
    }
    
    .section_16 .image img {
        width: 100%;
    }
}
@media only screen and (min-width: 321px) and (max-width: 424px) and (orientation: portrait){
    .section_1 .information360 .title h1 {
        padding-right: 7vw;
    }
    
    .section_3 .row {
        height: 25vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 24%;
    }
    
    .section_3 .text .pwx-3 {
        top: 44%;
    }

    .section_4 .image img {
        width: 100%;
    }
    
    .section_5 .image .machine {
        width: 83%;
    }
    
    .section_6 .image img {
        width: 100%;
    }
    
    .section_7 .image .parent-container {
        width: 277px;
        height: 199px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 100%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 100%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 324px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 100%;
    }
    
    .section_12 .text {
        height: 308px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 0;
    }
    
    .section_12 .image img {
        width: 100%;
    }
    
    .section_13 .text .logo img {
        width: 70px;
        margin-left: 10px;
        margin-bottom: -6px;
    }
    
    .section_16 .text h2 {
        font-size: 18px;
        line-height: 23px;
    }
    
    .section_16 .text p {
        font-size: 14px;
        line-height: 16px;
    }
    
    .section_16 .image img {
        width: 100%;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: portrait){
    .section_3 .row {
        height: 27vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 45%;
    }
    
    .section_3 .text .pwx-3 {
        top: 66%;
    }

    .section_4 .image img {
        width: 100%;
    }
    
    .section_5 .image .machine {
        width: 83%;
    }
    
    .section_6 .image img {
        width: 100%;
    }
    
    .section_7 .image .parent-container {
        width: 336px;
        height: 241px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 85%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 85%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 260px;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 90%;
    }
    
    .section_12 .text {
        height: 260px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 0;
    }
    
    .section_12 .image img {
        width: 90%;
    }
    
    .section_16 .text h2 {
        font-size: 18px;
        line-height: 23px;
    }
    
    .section_16 .text p {
        font-size: 14px;
        line-height: 16px;
    }
    
    .section_16 .image img {
        width: 90%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: portrait){
    .section_3 .row {
        height: 27vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 45%;
    }
    
    .section_3 .text .pwx-3 {
        top: 66%;
    }

    .section_4 .image img {
        width: 75%;
    }
    
    .section_5 .image .machine {
        width: 83%;
    }
    
    .section_6 .image img {
        width: 75%;
    }
    
    .section_7 .image .parent-container {
        width: 492px;
        height: 353px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 75%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 75%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 322px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 75%;
    }
    
    .section_12 .text {
        height: 300px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 5vh;
    }
    
    .section_12 .image img {
        width: 75%;
    }
    
    .section_16 .text h2 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .section_16 .text p {
        font-size: 18px;
        line-height: 22px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait){
    .section_3 .row {
        height: 27vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 45%;
    }
    
    .section_3 .text .pwx-3 {
        top: 66%;
    }

    .section_4 .image img {
        width: 75%;
    }
    
    .section_5 .image .machine {
        width: 83%;
    }
    
    .section_6 .image img {
        width: 75%;
    }
    
    .section_7 .image .parent-container {
        width: 492px;
        height: 353px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 75%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 75%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 322px;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 75%;
    }
    
    .section_12 .text {
        height: 322px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 2vh;
    }
    
    .section_12 .image img {
        width: 75%;
    }
    
    .section_16 .text h2 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .section_16 .text p {
        font-size: 18px;
        line-height: 22px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
/*******************************IPAD USADA EN LA EMPRESA************************************************************/
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait){
    .section_3 .row {
        height: 30vh;
    }
    
    .section_3 .text .pwx-1 {
        top: 20%;
    }
    
    .section_3 .text .pwx-2 {
        top: 40%;
    }

    .section_4 .image img {
        width: 80%;
    }
    
    .section_5 .image .machine {
        width: 65%;
    }
    
    .section_6 .image img {
        width: 80%;
    }
    
    .section_7 .image .parent-container {
        width: 620px;
        height: 444px;
    }
    
    .section_9 .text h2 {
        padding-right: 6vw;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 80%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 322px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 80%;
    }
    
    .section_12 .text {
        height: 322px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 5vh;
    }
    
    .section_12 .image img {
        width: 80%;
    }
    
    .section_13 .text {
        flex: 0 0 80%;
        max-width: 80%;
    }
    
    .section_13 .text .logo img {
        right: 5%;
        width: 90px;
        margin-bottom: -5px;
    }
    
    .section_16 .text h2 {
        font-size: 37px;
        line-height: 41px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 80%;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation: portrait){
    .section_3 .row {
        height: 27vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 45%;
    }
    
    .section_3 .text .pwx-3 {
        top: 66%;
    }

    .section_4 .image img {
        width: 80%;
    }
    
    .section_5 .image .machine {
        width: 65%;
    }
    
    .section_6 .image img {
        width: 80%;
    }
    
    .section_7 .image .parent-container {
        width: 620px;
        height: 444px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 75%;
        height: auto;
        margin-top: 5vh;
    }
    
    .section_10 .services .image img {
        width: 75%;
        margin-top: 5vh;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 322px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 75%;
    }
    
    .section_12 .text {
        height: 322px;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .image {
        margin-bottom: 5vh;
    }
    
    .section_12 .image img {
        width: 75%;
    }
    
    .section_16 .text h2 {
        font-size: 37px;
        line-height: 41px;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: portrait){
    .section_1 .information360 .title {
        padding-right: 4vw;
    }
    
    .section_2 .paragraph {
        padding: 0 4vw;
    }
    
    .section_4 .row {
        padding-top: 0;
    }
    
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .text h2 {
        padding-right: 8vw;
    }
    
    .section_7 .image {
        align-items: center;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .text {
        padding: 0 4vw;
    }

    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text {
        height: 508px;
    }
    
    .section_12 .text {
        height: 542px;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image {
        display: flex;
        align-items: center;
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 10vw;
    }
    
    .section_16 .text h2 {
        font-size: 37px;
        line-height: 41px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
/***********************PORTRAIT DISPOSITIVO PC ESCRITORIO***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: portrait){
    .section_3 .row {
        height: 27vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 53%;
    }

    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .image {
        align-items: center;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text {
        height: 465px;
        display: flex;
        align-items: center;
    }
    
    .section_12 .text {
        height: 470px;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image {
        display: flex;
        align-items: center;
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 10vw;
    }
    
    .section_16 .text h2 {
        font-size: 39px;
        line-height: 43px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and (orientation: portrait){
    .section_3 .row {
        height: 27vh;
    }
    
    .section_3 .text .pwx-2 {
        top: 53%;
    }

    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .image {
        align-items: center;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text {
        height: 508px;
        display: flex;
        align-items: center;
    }
    
    .section_12 .text {
        height: 542px;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image {
        display: flex;
        align-items: center;
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 10vw;
    }
    
    .section_16 .text h2 {
        font-size: 42px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
/*******************************************************************************************************************/
/******************************************      LANDSCAPE      ****************************************************/
/*******************************************************************************************************************/
/*********************LANDSCAPE DISPOSITIVO MOVIL CELULAR***********************************************************/
@media only screen and (max-width: 424px) and (orientation: landscape){    
    .section_1 .information360 .logo img {
        display: none;
    }
    
    .section_4 .image img {
        width: 100%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .image img {
        width: 100%;
    }
    
    .section_7 .image .parent-container {
        width: 277px;
        height: 199px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 60%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 60%;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 245px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 100%;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .text {
        height: 245px;
        margin-top: 5vh;
    }
    
    .section_12 .image img {
        width: 100%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 18px;
        line-height: 23px;
    }
    
    .section_16 .text p {
        font-size: 14px;
        line-height: 16px;
    }
    
    .section_16 .image img {
        width: 100%;
    }
}
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: landscape){
    .section_1 .information360 .logo img {
        display: none;
    }
    
    .section_4 .image img {
        width: 80%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .image img {
        width: 80%;
    }
    
    .section_7 .image .parent-container {
        width: 277px;
        height: 199px;
    }
    
    .section_9 .image img {
        height: 120vh;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 60%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 60%;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 245px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_11 .image img {
        width: 80%;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .text {
        height: 245px;
        margin-top: 5vh;
    }
    
    .section_12 .image img {
        width: 80%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 18px;
        line-height: 23px;
    }
    
    .section_16 .text p {
        font-size: 14px;
        line-height: 16px;
    }
    
    .section_16 .image img {
        width: 80%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: landscape){
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .image .parent-container {
        width: 392px;
        height: 281px;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 60%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 60%;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 320px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .text {
        height: 300px;
        margin-top: 5vh;
    }
    
    .section_12 .image img {
        width: 75%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .section_16 .text p {
        font-size: 18px;
        line-height: 22px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: landscape){
    .section_4 .image img {
        width: 75%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .image .parent-container {
        width: 392px;
        height: 281px;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 60%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 60%;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 265px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .text {
        height: 300px;
        margin-top: 5vh;
    }
    
    .section_12 .image {
        margin-bottom: 0;
    }
    
    .section_12 .image img {
        width: 75%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 32px;
        line-height: 36px;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 75%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation : landscape){
    .section_1 .information360 .logo img {
        width: 197px;
        height: auto;
    }

    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .row {
       flex-direction: column-reverse;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 320px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .text {
        height: 300px;
        margin-top: 5vh;
    }
    
    .section_12 .image {
        margin-bottom: 0;
    }
    
    .section_12 .image img {
        width: 80%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 37px;
        line-height: 41px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 100%;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation : landscape){
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .row {
        flex-direction: column; 
    }
    
    .section_10 .doctors {
        display: flex;
        flex-direction: column-reverse;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .row {
        flex-direction: inherit;
    }
    
    .section_11 .text .efecto-texto-1 {
        left: 0;
        top: -100%;
    }
    
    .section_11 .text {
        height: 300px;
        margin-bottom: 5vh;
        order: 2;
    }
    
    .section_11 .image {
        order: 1;
    }
    
    .section_12 .text .efecto-texto-2 {
        right: 0;
        bottom: 100%;
    }
    
    .section_12 .text {
        height: 300px;
        margin-top: 5vh;
    }
    
    .section_12 .image {
        margin-bottom: 0;
    }
    
    .section_12 .image img {
        width: 80%;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text h2 {
        font-size: 37px;
        line-height: 41px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 100%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: landscape){
    .section_1 .information360 .title h1 {
        padding-right: 6vw;
    }
    
    .section_2 .paragraph {
        padding: 0 4vw;
    }
    
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .text h2 {
        padding-right: 6vw;
    }
    
    .section_7 .image {
        align-items: center;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .text {
        padding: 0 4vw;
    }
    
    .section_10 .doctors .text h2 {
        padding-right: 11vw;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .row {
        padding-top: 20vh;
    }
    
    .section_11 .text {
        height: 433px;
    }
    
    .section_11 .text h2 {
        padding-right: 3vw;
    }
    
    .section_12 .text {
        height: 433px;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image {
        display: flex;
        align-items: center;
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 16vw;
    }
    
    .section_16 .text h2 {
        font-size: 37px;
        line-height: 41px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
    
    .section_16 .image img {
        width: 100%;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: landscape){
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .image {
        align-items: center;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 16vw;
    }
    
    .section_16 .text h2 {
        font-size: 39px;
        line-height: 43px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
        line-height: 24px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1360px) and (orientation: landscape){
    .section_1 .information360.col-lg-6 {
        -ms-flex: 0 0 70%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    
    .section_4 .row {
        padding-top: 0;
    }
    
    .section_4 .information {
        padding: 0 13vw;
    }
    
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .text {
        padding: 0 3vw;
    }
    
    .section_7 .text h2 {
        padding-right: 8vw;
    }
    
    .section_7 .image {
        align-items: center;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    .section_9 .text {
        padding: 0 5vw 0 7vw;
    }
    
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text {
        height: 424px;
    }
    
    .section_11 .text h2 {
        padding-right: 5vw;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 16vw;
    }
    
    .section_16 .text h2 {
        font-size: 42px;
        line-height: 46px;
    }
    
    .section_16 .text p {
        font-size: 20px;
    }
    
    .section_13 .text p {
        padding-right: 8vw;
    }
}
/*********************LANDSCAPE DISPOSITIVO PC ESCRITORIO***********************************************************/
/*patalla de escritorio utilizado en la empresa*/
@media only screen and (min-width: 1361px) and (max-width: 1899px) and (orientation : landscape){
    .section_1 .information360.col-lg-6 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    
    .section_4 .row {
        padding-top: 0;
    }

    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .text h2 {
        padding-right: 3vw;
    }
    
    .section_7 .text {
        padding: 0 4vw;
    }
    
    .section_7 .image .parent-container {
        width: 500px;
        height: 357px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text h2 {
        padding-right: 11vw;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 19vw;
    }
    
    .section_16 .text h2 {
        font-size: 42px;
        padding-right: 10vw;
    }
    
    .section_16 .text p {
        font-size: 20px;
    }
    
    .section_13 .text p {
        padding-right: 5vw;
    }
    
    .textEFect {
        padding: 0 3vh;
    }
}
@media only screen and (min-width: 1900px) and (max-width: 2299px) and (orientation : landscape){
    .section_1 .information360 {
        padding: 5vh 3vw 5vh 7vw;
    }

    .section_1 .information360 .paragraph {
        padding-right: 0vw;
    }

    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .text h2 {
        padding-right: 7vw;
    }
    
    .section_7 .image .parent-container {
        width: 700px;
        height: 454px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_11 .text h2 {
        padding-right: 14vw;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 15vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 21vw;
    }
    
    .section_13 .text p {
        padding-right: 8vw;
    }
    
    .section_13 .text .logo img {
        margin-left: 10px;
        margin-bottom: 0px;
    }
    
}
@media only screen and (min-width: 2300px) and (max-width: 2599px) and (orientation : landscape){
    .section_1 .information360.col-lg-6 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
    
    .section_2 .paragraph {
        padding: 0 9vw;
    }
    
    .section_4 .row {
        padding-top: 0  ;
    }
    
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_6 .text {
        justify-content: center;
        padding: 0 7vw;
    }
    
    .section_6 .text h2 {
        padding-right: 9vw;
    }
    
    .section_7 .image .parent-container {
        width: 900px;
        height: 587px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_13 .text .logo img {
        bottom: -15px;
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 24vw;
    }
    
    .textEFect {
        padding: 0 13vh;
    }
}
@media only screen and (min-width: 2600px) and (max-width: 3599px) and (orientation : landscape){
    .section_1 .information360.col-lg-6 {
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        max-width: 55%;
    }
    
    .section_4 .image img {
        width: 70%;
    }
    
    .section_5 .image .machine {
        width: 45%;
    }
    
    .section_7 .image .parent-container {
        width: 900px;
        height: 587px;
    }
    
    .section_10 .doctors,
    .section_10 .services {
        padding: 8vh 0;
    }
    
    .section_10 .doctors .image img {
        width: 80%;
        height: auto;
    }
    
    .section_10 .services .image img {
        width: 80%;
    }
    
    .section_12 .text h2 {
         padding-right: 0; 
    }
    
    .section_12 .image img {
        width: 100%; 
    }
    
    .section_16  .row {
        padding: 10vh 6vw;
    }
    
    .section_16 .text {
        padding: 0 24vw;
    }
}