/*
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 : 3/03/2022, 09:07:55 AM
    Author     : angel
*/
body{
    background-color: #000;
}

.section_1 .information360 .button a {
    background-color: #9F2240;
}

.section_2 {
    background-color: #000000;
}

.section_2 .title h2,
.section_2 .paragraph p,
.section_2 .benefits .title h2,
.section_2 .icons h4,
.section_2 .icons p {
    color: #FFFFFF;
}

.section_2 .icons h4 {
    margin-bottom: 2vh;
}

.section_3 {
    background-color: #000000;
    padding: 10vh 5vw;
}

.section_3 .row {
    height: auto !important;
}

.section_3 .text p {
    position: relative !important;
    color: #B40434;
}

.pwx {
    opacity: 0;
    transition: all 1s ease;
}

.pwx-animated {
    left: 0 !important;
    opacity: 1 !important;
}

.section_4 {
    background-color: #000000;
}

.section_4 .information .text,
.section_4 .information .paragraph {
    color: #FFFFFF;
    margin-bottom: 3vh;
}
.section_4 .image {
    margin-bottom: 10%;
}

.section_5 {
    background-color: #F5004B;
}

.section_5 .text h2 {
    color: #B40434;
    margin-bottom: 3vh;
}

.section_5 .text p {
    color: #FFFFFF;
    margin-bottom: 3vh;
}

.section_5 .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

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

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

.section_5 .image .principalImage {
    z-index: 2;
}

.section_5 .image .secondaryImage {
    z-index: 1;
}

.section_5 .image .chatImage {
    top: 2%;
    left: 10%;
}

.section_5 .image .personalImage {
    top: 2%;
    right: 10%;
}

.chatImageAnimated {
    left: 0 !important;
}

.personalImageAnimated {
    right: 0 !important;
}

.section_6 {
    background-color: #000000;
}

.section_6 .text h2 {
    color: #B40434;
    margin-bottom: 3vh;
}

.section_6 .text p {
    color: #FFFFFF;
    margin-bottom: 3vh;
}

.section_6 .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_7 {
    background-color: #000000;
}

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

.section_7 .image .alertGreen {
    z-index: 1;
}

.section_7 .image .alertOrange {
    z-index: 2;
}

.section_7 .image .alertBlue {
    z-index: 3;
}

/*.section_7 .image .fondo,
.section_7 .image .capa {
    display: none;
}*/

.section_7 .image .fondo {
    position: relative;
}

.section_7 .image .capa {
    position: absolute;
    display: none;
}

.section_7 .image img {
    width: 100%;
    position: absolute;
}

.section_7 .text h2 {
    color: #B40434;
    margin-bottom: 3vh;
}

.section_7 .text p {
    color: #FFFFFF;
    margin-bottom: 3vh;
}

.section_7 .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_8 {
    background-color: #000000;
}

.section_8 .text h2 {
    color: #B40434;
    margin-bottom: 3vh;
}

.section_8 .text p {
    color: #FFFFFF;
    margin-bottom: 3vh;
}

.section_8 .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_9 .text h2 {
    color: #B40434;
}

.section_9 .text h2,
.section_9 .text h3,
.section_9 .text p {
    margin-bottom: 3vh;
}

.section_10 .text h2 {
    color: #B40434 !important;
}

.section_10 .text h2,
.section_10 .text p {
    margin-bottom: 3vh;
}

.section_10 .doctors .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_10 .doctors .text p {
    font-family: 'Helvetica-Neue-Regular';
}

.section_10 .services {
    background-color: #F5004B;
}

.section_10 .services .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_10 .services .text p {
    font-family: 'Helvetica-Neue-Regular';
}

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

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

.section_11 {
    background-color: #000000;
}

.section_11 .text h2 {
    color: #B40434;
    margin-bottom: 3vh;
}

.section_11 .text p {
    color: #FFFFFF;
    margin-bottom: 3vh;
}

.section_11 .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_12 {
    background-color: #000000;
}

.section_12 .text h2 {
    color: #B40434;
    margin-bottom: 3vh;
}

.section_12 .text p {
    color: #FFFFFF;
    margin-bottom: 3vh;
}

.section_12 .text p:nth-child(2) {
    font-family: 'Helvetica-Neue-Bold';
}

.section_13 {
    background-color: #000000;
}

.section_13 .col-xl-6 {
    max-width: 60%;
}

.section_13 .text .logo img {
    margin-left: 15px;
    width: 15%;
    margin-bottom: 8px;
}

.section_14 {
    background-color: #000000;
}

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

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

.section_15 {
    background-color: #222222;
}

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

.section_15 .button a{
    background-color: #9F2240;
}

footer {
    background-color: #000000;
}

/*******************************************************************************************************************/
/******************************************      PORTRAIT     ******************************************************/
/*******************************************************************************************************************/
/***********************PORTRAIT DISPOSITIVO MOVIL CELULAR**********************************************************/
@media only screen and (max-width: 320px) and (orientation: portrait){
    .section_1 .image {
        height: 120vh;
    }
    .section_1 .information360 .logo img {
        margin-top: 26%;
    }
    .section_1 .information360 {
        padding: 5vh 7vw;
    }    
    .section_1 .information360 .title h1 {
        font-size: 25px;
    }
    .section_3 {
        padding-bottom: 0;
    }

    .section_3 .text p {
        line-height: 26px;
    }
    
    .section_5 .text {
        padding-top: 5vh;
    }

    .section_5 .image {
        height: 150px;
    }
    
    .section_5 .image .principalImage {
        width: 165px;
    }
    
    .section_5 .image .secondaryImage {
        width: 148px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 242px;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 7vw;
    }
    .section_13 .text .logo span {
        font-size: 24px;
    }
    .section_13 .text .logo img {
        margin-left: 7px;
        width: 19%;
        margin-bottom: 2px;
    }
}
@media only screen and (min-width: 321px) and (max-width: 424px) and (orientation: portrait){
    .section_1 .information360 .logo img {
        margin-top: 42%;
    }
    .section_2 .title h2 {
        line-height: 32px;
    }
    .section_2 .administration {
        padding: 10vh 2vw;
    }
    .section_3 {
        padding-bottom: 0;
    }
    
    .section_3 .text p {
        line-height: 18px;
    }
    
    .section_5 .text {
        padding-top: 5vh;
    }

    .section_5 .image {
        height: 168px;
    }
    
    .section_5 .image .principalImage {
        width: 180px;
    }
    
    .section_5 .image .secondaryImage {
        width: 182px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 340px;
    }
    .section_7 .image img {
        width: 90%;
    }
    .section_9 .text h3 {
        padding-right: 3%;
    }
    .section_8 .image img {
        width: 93%;
    }
    .section_8 .text {
        padding: 0 7vw;
    }
    .section_10 .row {
        flex-direction: column-reverse;
    }
    .section_10 .doctors .text p {
        font-size: 18px;
        line-height: 21px;
    }
    .section_10 .services .image img {
        width: 95%;
    }
    .section_11 .text h2 {
        padding-right: 0;
    }
    .section_12 .text {
        order: -1;
    }
    .section_12 .image {
        margin-top: 35%;
    }
    .section_13 .text .logo img {
        margin-left: 8px;
        margin-bottom: 2px;
        width: 17%;
    }
    .section_13 .text {
        padding: 0 6vw;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    
}
/***********************PORTRAIT DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: portrait){
    .section_3 {
        padding-bottom: 0;
    }
    
    .section_3 .text p {
        line-height: 30px;
    }
    
    .section_5 .text {
        padding-top: 0vh;
    }

    .section_5 .image {
        height: 240px;
    }
    
    .section_5 .image .principalImage {
        width: 240px;
    }
    
    .section_5 .image .secondaryImage {
        width: 204px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 466px;
        margin-bottom: 0;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 8vw;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 12%;
        margin-bottom: 1.3px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: portrait){
    .section_1 .information360 .logo img {
        width: 205px;
    }
    .section_3 {
        padding-bottom: 0;
    }
    
    .section_3 .text p {
        line-height: 35px;
    }
    
    .section_5 .text {
        padding-top: 0vh;
    }

    .section_5 .image {
        height: 305px;
    }
    
    .section_5 .image .principalImage {
        width: 340px;
    }
    
    .section_5 .image .secondaryImage {
        width: 316px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 400px;
    }
    
    .section_7 .image img {
        width: 75%;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    
    .section_11 .image img {
        width: 100%;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 8vw;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 13%;
        margin-bottom: 6px;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: portrait){
    .section_1 .information360 .logo img {
        width: 215px;
    }
    .section_3 {
        padding-bottom: 0;
    }
    
    .section_3 .text p {
        line-height: 35px;
    }
    
    .section_5 .text {
        padding-top: 0vh;
    }

    .section_5 .image {
        height: 360px;
    }
    
    .section_5 .image .principalImage {
        width: 410px;
    }
    
    .section_5 .image .secondaryImage {
        width: 370px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 455px;
    }
    
    .section_7 .image img {
        width: 75%;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 8vw;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 13%;
        margin-bottom: 6px;
    }
}
/*******************************IPAD USADA EN LA EMPRESA************************************************************/
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation: portrait){
    .section_1 .information360 .logo  img{
        width: 45%;
    }
    .section_3 .text p {
        line-height: 55px;
    }

    .section_5 .image {
        height: 400px;
    }
    
    .section_5 .image .principalImage {
        width: 470px;
    }
    
    .section_5 .image .secondaryImage {
        width: 425px;
    }
    .section_5 .text p:nth-child(2) {
        padding-right: 0;
    }
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 490px;
    }
    
    .section_7 .image img {
        width: 75%;
    }
    .section_8 .text {
        padding: 0 7vw;
    }
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_10 .services .text p:nth-child(2) {
        padding-right: 0;
    }
    
    .section_10 .services .image img {
        width: 70%;
    }
    
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text .logo img {
        margin-bottom: -4px;
        width: 13%;
    }
    .section_13 .text p {
        font-size: 28px;
        line-height: 34px;
        padding-right: 5%;
    }
}
/***********************PORTRAIT DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation: portrait){
    .section_1 .information360 .logo  img{
        width: 45%;
    }
    .section_3 {
        padding: 10vh 10vw;
    }

    .section_3 .text p {
        line-height: 55px;
    }
    
    .section_5 .text {
        padding-top: 5vh;
    }

    .section_5 .image {
        height: 500px;
    }
    
    .section_5 .image .principalImage {
        width: 580px;
    }
    
    .section_5 .image .secondaryImage {
        width: 540px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 575px;
        margin-bottom: 0;
    }
    
    .section_7 .image img {
        width: 75%;
    }
    
    .section_9 .text h2,
    .section_9 .text h3,
    .section_9 .text p {
        margin-bottom: 2vh;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_10 .services .text h2,
    .section_10 .services .text p {
        margin-bottom: 2vh;
    }
    
    .section_10 .doctors .text h2,
    .section_10 .doctors .text p {
        margin-bottom: 2vh;
    }
    
    .section_10 .services .image img {
        width: 70%;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 8vw;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 14%;
        margin-bottom: -2px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: portrait){
    .section_1 .col-lg-6 {
        flex: 0 0 76%;
        max-width: 76%;
    }
    .section_1 .information360 .logo img {
        width: 275px;
    }
    .section_3 .text p {
        line-height: 55px;
    }
    .section_4 .row {
        padding: 0 8vw 10vh;
    }
    .section_5 .image {
        height: 500px;
    }
    
    .section_5 .image .principalImage {
        width: 580px;
    }
    
    .section_5 .image .secondaryImage {
        width: 540px;
    }
    
    .section_7 .image {
        height: auto;
    }
    
    .section_10 {
        height: 70vh;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 8vw;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 11%;
        margin-bottom: -1px;
    }
}
/***********************PORTRAIT DISPOSITIVO PC ESCRITORIO***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: portrait){
    .section_1 .information360 .logo img {
        width: 295px;
    }
    .section_3 .text p {
        line-height: 75px;
    }

    .section_5 .image {
        height: 560px;
    }
    
    .section_5 .image .principalImage {
        width: 660px;
    }
    
    .section_5 .image .secondaryImage {
        width: 610px;
    }
    
    .section_7 .image {
        height: 470px;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        margin-bottom: 2px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:3000px) and (orientation: portrait){
    .section_1 .information360 .logo img {
        width: 300px;
    }
    .section_3 .text p {
        line-height: 80px;
    }

    .section_5 .image {
        height: 640px;
    }
    
    .section_5 .image .principalImage {
        width: 750px;
    }
    
    .section_5 .image .secondaryImage {
        width: 700px;
    }
    
    .section_7 .image {
        height: 600px;
    }
    
    .section_10 .services .image img {
        width: 100%;
    }
    .section_13 .text .logo img {
        margin-left: 12px;
        margin-bottom: 2.5px;
        width: 18%;
    }
}
/*******************************************************************************************************************/
/******************************************      LANDSCAPE      ****************************************************/
/*******************************************************************************************************************/
/*********************LANDSCAPE DISPOSITIVO MOVIL CELULAR***********************************************************/
@media only screen and (max-width: 424px) and (orientation: landscape){
    .section_1 .information360 {
        padding-top: 28vh;
    }
    .section_1 .information360 .logo img{
        width: 50%;
    }
    .section_1 .image {
        height: 180vh;
    }
    .section_7 .image img, .section_8 .image img, .section_10 .services .image img {
        width: 90%;
    }
    .section_8 .text {
        padding: 0 8vw;
    }
    .section_9 .image img {
        height: 180vh;
    }
    
    .section_5 .text {
        padding-top: 5vh;
    }

    .section_5 .image {
        height: 200px;
    }
    
    .section_5 .image .principalImage {
        width: 217px;
    }
    
    .section_5 .image .secondaryImage {
        width: 196px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 360px;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 7vw;
    }
    .section_13 .text .logo img {
        margin-left: 7px;
        width: 14%;
        margin-bottom: 2px;
    }
    .section_13 .text p {
        padding-top: 0;
        padding-right: 8%;
    }
}
@media only screen and (min-width: 425px) and (max-width: 600px) and (orientation: landscape){
    .section_1 .information360 {
        padding-top: 28vh;
    }
    .section_1 .information360 .logo img{
        width: 45%;
    }
    .section_1 .image {
        height: 180vh;
    }
    .section_7 .image img, .section_8 .image img, .section_10 .services .image img {
        width: 90%;
    }
    .section_8 .text {
        padding: 0 8vw;
    }
    .section_9 .image img {
        height: 180vh;
    }
    .section_5 .text {
        padding-top: 5vh;
    }

    .section_5 .image {
        height: 200px;
    }
    
    .section_5 .image .principalImage {
        width: 217px;
    }
    
    .section_5 .image .secondaryImage {
        width: 196px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 480px;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text {
        padding: 0 7vw;
    }
    .section_13 .text .logo img {
        margin-left: 6px;
        width: 11%;
        margin-bottom: 1.5px;
    }
    .section_13 .text p {
        padding-top: 0;
        padding-right: 8%;
    }
}
@media only screen and (min-width: 601px) and (max-width: 679px) and (orientation: landscape){
    .section_1 .information360 {
        padding-top: 8vh;
    }
    .section_1 .information360 .logo img{
        width: 40%;
    }
    .section_1 .image {
        height: 150vh;
    }
    .section_8 .text {
        padding: 0 8vw;
    }
    .section_5 .text {
        padding-top: 5vh;
    }
    
    .section_5 .image {
        height: 280px;
    }
    
    .section_5 .image .principalImage {
        width: 320px;
    }
    
    .section_5 .image .secondaryImage {
        width: 290px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 360px;
    }
    
    .section_7 .image img {
        width: 68%;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text .logo img {
        margin-left: 8px;
        width: 13%;
        margin-bottom: 5px;
    }
    .section_13 .text p {
        padding-top: 0;
        padding-right: 8%;
    }
}
@media only screen and (min-width: 680px) and (max-width: 767px) and (orientation: landscape){
    .section_1 .information360 {
        padding-top: 8vh;
    }
    .section_1 .information360 .logo img{
        width: 40%;
    }
    .section_1 .image {
        height: 150vh;
    }
    .section_8 .text {
        padding: 0 8vw;
    }
    .section_5 .image {
        height: 320px;
    }
    
    .section_5 .text {
        padding-top: 5vh;
    }
    
    .section_5 .image .principalImage {
        width: 373px;
    }
    
    .section_5 .image .secondaryImage {
        width: 338px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 420px;
    }
    
    .section_7 .image img {
        width: 68%;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text .logo img {
        margin-left: 8px;
        width: 12%;
        margin-bottom: 5px;
    }
    .section_13 .text p {
        padding-top: 0;
        padding-right: 18%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 820px) and (orientation : landscape){
    .section_1 .information360 {
        padding-top: 8vh;
    }
    .section_1 .information360 .logo img{
        width: 40%;
    }
    .section_1 .image {
        height: 150vh;
    }
    .section_8 .text {
        padding: 0 8vw;
    }
    .section_3 .text p {
        line-height: 50px;
    }
    
    .section_4 .information {
        padding: 0;
    }
    
    .section_5 .image {
        height: 320px;
    }
    
    .section_5 .image .principalImage {
        width: 373px;
    }
    
    .section_5 .image .secondaryImage {
        width: 338px;
    }
    
    .section_6.information .row {
        flex-direction: column;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 440px;
    }
    
    .section_7 .image img {
        width: 68%;
    }
    
    .section_10 .row {
        flex-direction: column-reverse;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 11%;
        margin-bottom: -2px;
    }
    .section_13 .text p {
        padding-top: 1.5rem;
        padding-right: 18%;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL TABLET***********************************************************/
@media only screen and (min-width: 821px) and (max-width: 991px) and (orientation : landscape){
    .section_1 .information360 .logo img {
        width: 40%;
    }
    .section_5 .text {
        padding-top: 5vh;
    }

    .section_5 .image {
        height: 370px;
    }
    
    .section_5 .image .principalImage {
        width: 423px;
    }
    
    .section_5 .image .secondaryImage {
        width: 384px;
    }
    
    .section_6.surveillance .row {
        flex-direction: column-reverse;
    }
    
    .section_7 .image {
        height: 523px;
        margin-bottom: 0;
    }
    
    .section_7 .image img {
        width: 70%;
    }
    .section_8 .text {
        padding: 0 8vw;
    }
    .section_10 .row {
        flex-direction: column-reverse;
    }
    .section_13 .col-xl-6 {
        max-width: 100%;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 11%;
        margin-bottom: -2px;
    }
    .section_13 .text p {
        padding-right: 22%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1150px) and (orientation: landscape){
    .section_1 .information360.col-lg-6 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .section_1 .information360 .logo img {
        width: 43%;
    }
    .section_1 .information360 {
        padding-top: 15%;
    }
    .section_5 .image {
        height: 450px;
    }
    
    .section_5 .image .principalImage {
        width: 518px;
    }
    
    .section_5 .image .secondaryImage {
        width: 478px;
    }
    
    .section_7 .image {
        height: auto;
    }
    .section_8 .text p:nth-child(2) {
        padding-right: 0;
    }
    .section_9 .text {
        padding: 0 0 0 7vw;
    }
    .section_9 .col-lg-6 {
        max-width: 55%;
    }
    .section_10 .services .image img {
        width: 100%;
    }
    .section_13 .col-xl-6 {
        max-width: 65%;
    }
    .section_13 .text .logo img {
        margin-bottom: -2.2px;
        margin-left: 10px;
    }
}
/*********************LANDSCAPE DISPOSITIVO MOVIL LAPTOP***********************************************************/
@media only screen and (min-width: 1151px) and (max-width: 1199px) and (orientation: landscape){
    .section_1 .information360.col-lg-6 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .section_1 .information360 {
        padding-top: 15%;
    }
    .section_1 .information360 .logo img {
        width: 42%;
    }
    .section_2 .administration {
        padding: 10vh 9vw;
    }
    
    .section_4 .information {
        padding: 0;
    }
    
    .section_5 .image {
        height: 477px;
    }
    
    .section_5 .image .principalImage {
        width: 561px;
    }
    
    .section_5 .image .secondaryImage {
        width: 506px;
    }
    .section_8 .image img {
        width: 55%;
    }
    .section_7 .image {
        height: 500px;
    }
    .section_10 .services .image img {
        width: 90%;
        margin-top: 10%;
    }
    .section_13 .text .logo img {
        margin-left: 10px;
        margin-bottom: 8px;
        width: 14%;
    }

}
@media only screen and (min-width: 1200px) and (max-width: 1360px) and (orientation: landscape){
    .section_1 .information360.col-lg-6 {
        flex: 0 0 70%;
        max-width: 70%;
    }
    .section_1 .information360 {
        padding-top: 14%;
    }
    .section_1 .information360 .logo img {
        width: 42%;
    }
    .section_2 .administration {
        padding: 10vh 9vw;
    }
    
    .section_3 .text p {
        line-height: 80px;
    }
    
    .section_4 .information {
        padding: 0 2vw;
    }
    
    .section_5 .image {
        height: 510px;
    }
    
    .section_5 .image .principalImage {
        width: 608px;
    }
    
    .section_5 .image .secondaryImage {
        width: 539px;
    }
    
    .section_5 .text {
        padding: 10vh 11vw;
    }
    
    .section_5 .text p:nth-child(2) {
        padding-right: 0;
    }
    
    .section_7 .image {
        height: auto;
    }
    
    .section_8 .text {
        padding: 0 20vw;
    }
    .section_9 .col-lg-6 {
        max-width: 55%;
    }
    .section_9 .text {
        padding: 0 3vw 0 7vw;
    }
    
    .section_9 .text h2 {
        padding-right: 0;
    }
    
    .section_10 .doctors .text {
        padding: 0 4vw;
    }
    
    .section_10 .doctors .text h2 {
        padding-right: 10vw;
    }
    
    .section_10 .services .text {
        padding: 0 6vw;
    }
    
    .section_10 .services .image img {
        width: 88%;
    }
    
    .section_11 .text {
        padding: 0 4% 0 0;
    }
    
    .section_11 .text h2 {
        padding-right: 0;
    }
    
    .section_12 .text {
        padding: 0 0 0 3%;
    }
    
    .section_12 .text h2 {
        padding: 0;
    }
    
    .section_13 .text .logo img {
        margin-left: 10px;
        width: 17%;
        margin-bottom: 1px;
    }
    
    .section_13 .text p {
        padding-right: 0;
        line-height: normal;
    }
}
/*********************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 {
        padding-top: 13%;
    }
    .section_1 .information360 .logo img {
        width: 48%;
    }
    .section_2 .administration {
        padding: 10vh 14vw;
    }
    
    .section_4 .information {
        padding: 0 4vw;
    }
    
    .section_5 .text {
        padding: 10vh 16vw;
    }

    .section_5 .image {
        height: 600px;
    }
    
    .section_5 .image .principalImage {
        width: 700px;
    }
    
    .section_5 .image .secondaryImage {
        width: 623px;
    }
    
    .section_5 .text p:nth-child(2) {
        padding-right: 0;
    }
    .section_6 .image{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .section_6.information .text h2 {
        padding-right: 8vw;
    }
    
    .section_7 .image {
        height: 700px;
    }
    
    .section_8 .text {
        padding: 0 24vw;
    }
    
    .section_9 .text {
        padding: 0 6vw;
    }
    
    .section_9 .text h2 {
        padding-right: 5vw;
    }
    
    .section_10 .doctors .text {
        padding: 0 6vw;
    }
    
    .section_10 .doctors .text h2 {
        padding-right: 9vw;
    }
    
    .section_10 .services .text {
        padding: 0 8vw;
    }
    
    .section_10 .services .image img {
        width: 60%;
    }
    
    .section_11 .text h2 {
        padding-right: 9vw;
    }
    
    .section_12 .text h2 {
        padding-right: 0vw;
    }
    .section_13 .text .logo img {
        margin-bottom: 2px;
        margin-left: 12px;
    }
    .section_13 .text p {
        padding-right: 6vw;
        line-height: normal;
    }
}
@media only screen and (min-width: 1900px) and (max-width: 2299px) and (orientation : landscape){
    .section_1 .information360 {
        padding: 15vh 1vw 5vh 7vw;
    }

    .section_1 .information360 .paragraph {
        padding-right: 0vw;
    }
    
    .section_3 {
        padding: 10vh 8vw;
    }
    
    .section_4 .information {
        padding: 0 11vw;
    }
    .section_4 .information .paragraph {
        padding-right: 5%;
    }
    .section_4 .row {
        padding: 0vh 8vw 10vh;
    }
    .section_5 .image {
        height: 755px;
    }
    
    .section_5 .image .principalImage {
        width: 825px;
    }
    
    .section_5 .image .secondaryImage {
        width: 730px;
    }
    .section_5 .text {
        padding: 10vh 21vw;
    }
    .section_6.information .text {
        padding: 0 8vw;
    }
    
    .section_6.surveillance .text {
        padding: 0 10vw 0 6vw;
    }
    
    .section_7 .text {
        padding: 0 7.6vw;
    }
    
    .section_7 .image {
        height: 776px;
    }
    
    .section_8 .text {
        padding: 0 27vw;
    }
    
    .section_8 .text p:nth-child(2) {
        padding-right: 0;
    }
    .section_8 .text p {
        padding-right: 5%;
    }
    .section_9 .text {
        padding: 0 9.2vw 0 7vw;
    }
    
    .section_9 .text h2 {
        padding-right: 0;
    }
    .section_10 .services .text h2 {
        padding-right: 10%;
    }
    .section_10 .services .text {
        padding: 0 10vw 0 7vw;
    }
    
    .section_10 .doctors .text {
        padding: 0 9vw 0 7vw;
    }
    .section_10 .doctors .text p:nth-child(2),
    .section_10 .services .text p:nth-child(2){
        padding-right: 5%;
    }
    .section_11 .text {
        padding: 0 6vw 0 5vw;
    }
    
    .section_11 .text h2 {
        padding-right: 0;
    }
    
    .section_12 .text {
        padding: 0 5vw;
    }
    .section_12 .text h2 {
        padding-right: 20%;
    }
    .section_12 .text p:nth-child(2) {
        padding-right: 10%;
    }
    .section_13 .text p {
        padding-right: 13%;
    }
}
@media only screen and (min-width: 2300px) and (max-width: 2599px) and (orientation : landscape){
    .section_1 .information360 .paragraph {
        padding-right: 5vw;
    }
    
    .section_3 {
        padding-left: 12vw;
        padding-right: 12vw;
    }
    
    .section_3 {
        padding: 10vh 12vw;
    }
    .section_4 img{
        width: 70%;
    }
    .section_5 .image {
        height: 990px;
    }
    
    .section_5 .image .principalImage {
        width: 1160px;
    }
    
    .section_5 .image .secondaryImage {
        width: 1025px;
    }
    
    .section_7 .image {
        height: 980px;
    }
    .section_8 img{
        width: 40%;
    }
    .section_13 .text p {
        padding-right: 9vw;
    }
    .section_13 .text .logo img {
        margin-bottom: -.5px;
    }
}
@media only screen and (min-width: 2600px) and (max-width: 3599px) and (orientation : landscape){
    .section_1 .information360 {
        padding-right: 4vw;
    }
    .section_3 {
        padding: 10vh 15vw;
    }
    .section_4 img{
        width: 70%;
    }
    .section_5 .image {
        height: 1000px;
    }
    
    .section_5 .image .principalImage {
        width: 1118px;
    }
    
    .section_5 .image .secondaryImage {
        width: 1022px;
    }
    
    .section_7 .image {
        height: 1215px;
    }
    .section_8 img{
        width: 50%;
    }
    .section_13 .text .logo img {
        margin-bottom: 8px;
        width: 13%;
    }
    .section_13 .text p {
        padding-right: 30%;
    }
}