@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Heebo&family=Montserrat:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');




:root {
    --bgbottom: #fafa07;
    --bgiconos: #fafa07;
    --sectionstitle: rgba(0, 0, 0, 0.974);
    --colorTextos: #49454567;
    --tituloseccion: 3rem;
    --tituloseccionweight: 900;
    --tituloseccionalinear: left;
    --tituloletterspacing: 0.12rem;


}



html {
    box-sizing: border-box;
    /*1 rem = 10 px*/
    font-size: 62.5%;
}

*,*::after, *::before {
    box-sizing: inherit;
}


body {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6rem;
    
    text-align: center;
    justify-content: center;
    justify-items: center;
    background-color: #f2f2f2;

} 

/**GLOBALES***/

.container {
    width: 100%;
    margin: 0 auto;
}

.ocultar {
    height: 0;
    visibility: hidden;
}

.btnHamCerrarD365 {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 2.4rem;
    color: #eaf63d;
    color: #f2f2f2e1;
    font-weight: bolder;
    position: absolute;
    top: 0;
    padding-top: 0.4rem;
    right: 0.5rem;
    user-select: none;
    z-index: 9;
}

.btnHamCerrarD365:hover {
    cursor: pointer;
}

.pantalla-completaD365 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.379);
    z-index: 9;
}

@keyframes desplaza {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

.sectiontitle, .sectiontitle1, .sectiontitle2, .sectiontitle3, .sectiontitle4 {
    
    width: 80%;
    margin-left: 0%;
    padding-top: 0vh;
    padding-bottom: 0;
    margin-top: 3vh;
    margin-bottom: 1.5vh;
    font-size: 3.8rem;
    color: #484a47;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 600;
    align-items: center;
    text-align: center;
    justify-content: center;
    justify-items: center;
    letter-spacing: 0.1rem;
}

.descsectiontitle, .descsectiontitle1, .descsectiontitle2, .descsectiontitle3, .descsectiontitle4 {
    width: 80%;
    margin-left: 10%;
    padding-top: 0vh;
    padding-bottom: 0rem;
    margin-top: 0.1vh;
    font-size: 2rem;
    color: rgb(30, 30, 0);
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 500;
    align-items: center;
    text-align: center;
    justify-content: center;
    justify-items: center;
}

.descsectiontitle::after {
    content: '';
    background-color: #fafa07;
    display: block;
    height: 1.2px;
    width: 100%;
    margin-top: 1rem;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}



h1, h2, h3, h4, h5, h6 {
    color: #1d273b;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
}


h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 60px;
    letter-spacing: 2px;
    padding: 10px 0;
    color: #555;
    text-align: center;
}

h2 {
    font-weight: 300;
    font-size: 20px;
    letter-spacing: 1px;
    padding: 10px 0;
    color: #555;
    text-align: center;
    justify-content: start;
}


h3 {

    font-weight: 600;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 5px 0 0 0;
    color: rgb(244, 248, 125);
    text-align: center;
    left: -120px;
}

header {
    width: 100%;
    border-bottom: 1px solid transparent;
    box-shadow: 1px 1px 10px 0 rgb(255, 238, 0);
}

header::before {
    content: "";
    display: block;
    margin-bottom: 8rem;
}


/*******************Header***************/


nav {
    width: 100%;
    height: 8rem;
    display: flex;
    justify-content: center;
    background-color: rgba(218, 218, 3, 0.988);
    background-color: #caca4ffc;
    background-color: #b5b544fc;
    background-color: #2d2d17;


    border-bottom: 3px solid transparent;
    box-shadow: 3px 3px 10px 0 rgb(246, 255, 0);
    box-shadow: 3px 3px 10px 0 #484a47;
    position: fixed;
    top: 0;
    z-index: 10;
    transition: ease-in-out 1s;

    background: #141E30;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: rgba(238, 236, 236, 0.952);
    background-color: #fcfafab2;
    background-color: #484a47db;


}


.nav {
    width: 90%;
    width: 130rem;
    left: 5%;
    left: 0%;
    margin: auto;
    display: flex;
    flex-direction: row;
    height: 8rem;
    align-items: center;
    user-select: none;
    padding-left: 1rem;
    padding-right: 1rem;
}

.nav .logo {
    position: relative;
    width: 100%;
    margin-left: 0%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 2rem;
    
}

    .slogan {
        position: relative;
        width: 80%;
    }

        .slogan h3 {
            font-size: 1.4rem;
            color:#141500;            
            color: #484A47;
            color: #f2f2f2;
            font-weight: 600;
            padding-left: 0.5rem;
            text-align: left;
            letter-spacing: normal;
        }


    .nav .logo img {
        position: relative;
        height: 6rem;
        width: 12rem;
        border-radius: 0.2rem;
  
    }



.enlaces-header {
    position: relative;
    transition: ease-in-out 0.8s;
    width: 200%;
    margin-left: 0rem;
    display: flex;
    flex-direction: row;
    justify-content: right;
}


    .nav .enlaces-header  a {
        font-size: 1.5rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        color: rgb(25, 25, 0);
        color: #484A47;
        color: #f2f2f2;
        text-decoration: none;
        margin-left: 0;
        letter-spacing: normal;
        padding: 0 1.5rem;

    }

    .nav .enlaces-header  a:hover {
        font-weight: bolder;
        text-decoration:double;
        text-decoration: underline;
         
    }


.nav .menuharmD365 {
    position: relative;
    left: 0rem;
    width: auto;
    height: auto;
    /*background-color: red;*/
    z-index: 110;
    display: flex;
    flex-direction: column;
}


.nav .menuhamd365 {
    display: none;
}

.nav .menuhamD365 span {
    display: block;
    background-color: #ff7c25;
    height: 0.3rem;
    width: 2.5rem;
    margin-bottom: 0.3rem;
    z-index: 100;
    display: none;
    
}

    
.language {
    position: relative;
    width: 10%;
    height: 2.5rem;
    display: flex;
    flex-direction: row;
    justify-content: right;
    vertical-align: middle;
}

.lang-selected {
    position: relative;
    display: flex;
    align-items: center;
    color: rgb(25, 25, 0);
    color: #484A47;
    color: #f2f2f2;
    cursor: pointer;
    font-size: 1.2rem;
    vertical-align: bottom;
    padding-top: 0.1rem;
    font-weight: 600;
}

.lang-selected:before {
    content: '';
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
    background-image: url(./icons8-mexico-48.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 0.5rem;
    vertical-align: bottom;
}


/*JS Query Class*/
.lang-selected.change-mx:before {
    background-image: url(./icons8-mexico-48.png);
}

.lang-selected.change-en::before {
    background-image: url(./icons8-usa-48.png);
}

.lang-selected.change-fr:before {
    background-image: url(./icons8-france-48.png);
}

.language ul {
    position: absolute;
    width: 6rem;
    height: 7rem;
    margin-top: 2.5rem;
    margin-left: 1.5rem;
    color: rgb(246, 249, 85);
    background-color: #484a47;
    border-color: 1px solid #ff7c25;
    padding: 0.2rem 0rem 0.2rem 0rem;
    box-shadow: 0px 1px 5px rgba(239, 251, 3, 0.88);
    display: none;
    border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
}


.language ul li {
    list-style: none;
}

.language ul li a {
    /*max-width: 60px;*/
    width: 10rem;
    height: 2.6rem;
    justify-content: center;
    /*text-transform: uppercase;*/
    color: #f2f2f2;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.2rem;
    padding: 1rem 0.2rem;
    /*background-color: #555656;*/
    font-family: 'Montserrat', sans-serif;    
    margin: 0.2rem 0.2rem 1rem 0.2rem;
    transition: 0.5s linear;
    vertical-align: middle;
}

.language ul li:hover {
    font-size: 600;
    background-color: #080800f6;
    border-radius: 5px;
}

.language ul li a:hover {
    font-weight: 600;
    color: rgb(248, 220, 9);
}


.language ul li a:before {
    content: '';
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    padding: 1rem 0rem;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 0.5rem;
    margin-bottom: 0.3rem;
    
}

a.mx:before, a.en:before, a.fr:before {
    padding: 0.6rem 0rem;

}


a.mx:before {
    background-image: url(./icons8-mexico-48.png);
    
}

a.en:before {
    background-image: url(./icons8-usa-48.png);
}

a.fr:before {
    background-image: url(./icons8-france-48.png);
}

.language:hover ul {
    display: block;
}


.nav .language a > :hover {
    background-color: #f5efe7;
    border-radius: 2px;
}



/*******************Launch***************/

.Dyn365 {
    width: 100%;
    /*max-width: 1300px;*/
    margin: auto;
    overflow: hidden;
    margin-top: -8rem;
    height: auto;
    overflow: hidden;
    background-size: cover;
    background: #cdd704;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to left, #ffffff, #edeff2, #e3e9ee, #d5e1ed, #d1cf60, #d5d236);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to left,#eaead9, #f6f5d0, #c2c2bafc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right,#dfdfdc, #d1d36a, #656501df, #242215); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 /*   background: #f0f0e6;*/
    display: flex;
    justify-content: center;
    
    background: #3C3B3F;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #605C3C, #3C3B3F);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #605C3C, #3C3B3F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #F2994A;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F2C94C, #F2994A);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F2C94C, #F2994A); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #F7971E;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFD200, #F7971E);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    background: #0575E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    background: #141E30;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #243B55, #141E30);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #243B55, #141E30); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #000000;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #4B79A1;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #283E51, #4B79A1);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #283E51, #4B79A1); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #1e3c72;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #2a5298, #1e3c72);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #2a5298, #1e3c72); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #C02425;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #F0CB35, #C02425);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #F0CB35, #C02425); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #BA8B02;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #181818, #BA8B02);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #181818, #BA8B02); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #525252;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3d72b4, #525252);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3d72b4, #525252); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #606c88;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3f4c6b, #606c88);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3f4c6b, #606c88); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #4b6cb7;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #182848, #4b6cb7);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #182848, #4b6cb7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #373B44;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #4286f4, #373B44); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    background: #636363;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #a2ab58, #636363);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #a2ab58, #636363); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #0575E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #021B79, #0575E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #021B79, #0575E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #3C3B3F;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #605C3C, #3C3B3F);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #605C3C, #3C3B3F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    
    background: #283048;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #859398, #283048);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #859398, #283048); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #FFB75E;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #ED8F03, #FFB75E);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #ED8F03, #FFB75E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #F0F2F0;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #000C40, #F0F2F0);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #000C40, #F0F2F0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: #000428;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #004e92, #000428);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #004e92, #000428); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    background: linear-gradient(to right, #567fde10, #050d2131); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #ffbb00e2, #F0F2F0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background-size: cover;
    background-repeat: no-repeat;
    
}

.contenidod365 {
    background-color: #f2f2f24a;
    display: flex;
    flex-direction: column;
    width: 1300px;
    margin: auto;
    height: auto;
    padding: 2rem 2rem;
}

.cd365-header {
    position: relative;
    width: 100%;
    margin-left: 0%;
    margin-top: 8rem;
    margin-bottom: 4rem;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-evenly;
    justify-content: right;
    justify-items: right;
    user-select: none;

}

.cd365-header h1 {
    width: 75%;
    font-size: 5rem;
    font-weight: 900;
    text-align: right;
    letter-spacing: normal;
    font-family: 'Montserrat', sans-serif;
    color: #303130;
}

.cd365-header h2 {
    font-size: 2.8rem;
    font-weight: 600;
    text-align: right;
    color: #000514;
    letter-spacing: normal;
    font-family: 'Montserrat', sans-serif;
    color: #282827;
}


.cd365-header p {
    max-width: 90%;
    font-weight: bold;
    text-align: right;
    font-size: 2rem;
    line-height: 2.6rem;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: normal;
    color: #484A47;
}

.d365cards {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 90%;
    margin-left: 5%;
    height: auto;
}

.d365cards .card {
    position: relative;
    width: 33.2%;
    height: 35vh;
    display: flex;
    flex-direction: column;
    margin: 0rem;
    margin-bottom: 4rem;
    overflow: hidden;
    /*background-color: red;*/

}

.d365cards .card .imgcard,
.d365cards .card .contentcard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.d365cards .card .imgcard {
    width: 100%;
    height: inherit;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.d365cards .card .imgcard H1 {
    width: 90%;
    height: 9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 5%;
    font-size: 2.2rem;
    font-weight: bolder;
    
    color: #484A47;
    color: #e75c00;
    letter-spacing: normal;
    text-transform: uppercase;;
}

.d365cards .card .contentcard {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /*align-items: center;*/
    margin-top: 0;
    padding-top: 0;
 
}


.d365cards .card .contentcard::before {
    content: '';
    position: absolute;
    top: 0;
    margin-top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    background-color: #ff7c25;
    transform: scale(0);
    transition: transform 1.5s ease-in-out;
    transform-origin: right;
    transition-delay: 0.5s;
    border-top-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.d365cards .card:hover .contentcard::before {
    transform: scale(1);
    transition: transform 1.5s ease-in-out;
    transform-origin: left;
    transition-delay: 0s;
    margin-top: 0;
    top: 0;
}



.d365cards .card .contentcard .content {
    display: flex;
    flex-direction: column;
    justify-content: initial;
    position: relative;
    margin: 0rem 1.5rem;
    z-index: 1;
    transition: 1.5s;
    transform: translateX(-60rem);
    transition-delay: 0.5s;

}
.d365cards .card:hover .contentcard .content {
    transform: translateX(0rem);
    transition-delay: 0.5s;
    user-select: none;
}
.d365cards .card .contentcard .content h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color:#f2f2f2;
    font-weight: bolder;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.d365cards .card .contentcard .content p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 300;
    margin-top: 1.5rem;
    padding-top: 0;
    
}

.d365cards .card .contentcard .content p span {
    color: #f2f2f2;
    font-weight: 900;
}

.d365cards .card .contentcard .content a {
    font-size: 1.4rem;
    font-weight: 900;
    margin-top: 1rem;
    padding-top: 0;
    color: #f2f2f2;
    text-decoration: none;
}



/*****************INICIO ERP & CRM *****************/
.businessapps {
    background: #f2f2f2;
    height: auto;
    width: 100%;
    display: flex;
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 0vh;
    user-select: none;


    

    
}

.bisapps-contenedor {
    height: auto;
    width: 100%;
    width: 130rem;
    left: 0%;
    margin-top: 0vh;
    display: flex;
    flex-direction: column;
    align-items: initial;
    padding: 2rem 2rem;
}

.bisapps-erp, .bisapps-crm {
    height: auto;
    width: 100%;  
    margin-top: 0vh;
    display: flex;
    flex-direction: column;
    align-items: initial;
    user-select: none;
    background-image: url(./bisappserp.png);
    background-size: cover;
    background-position-x: center;
    object-fit: cover;
}

.bisapps-crm { 
    background-image: url(./bisapp_crm.png);
}



.bisapps-head {
    height: auto;
    justify-content: left;
    align-content: left;
    text-align: justify;
    user-select: none;

}


    .baerptitle1, .bacrmtitle, .pptitleh1, .descsectiontitle4 {
        width: 100%;
        margin-left: 0%;
        top: 0rem;
        margin-top: 4rem;
        color: #484a47;
        font-weight: 900;
        font-weight: var(--tituloseccionweight);
        font-size: 3.8rem;
        font-size: var(--tituloseccion);
        letter-spacing: var(--tituloletterspacing);
        margin-bottom: 1rem;
        text-align: left;
        text-transform: uppercase;
    }

    .baerpdesc1, .bacrmdesc1, .ppdesc1 {
        width: 100%;
        margin-left: 0%;
        margin-top: 1.5rem;
        font-weight: 500;
        font-size: 1.8rem;
        margin-bottom: 3rem;
        text-transform: none;
        letter-spacing: 0.05rem;
    }










.bisapp-articulo {
    position: relative;
    width: 100%;
    height: auto;
    margin: 1rem 0rem;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column;
 
}


    .bcentral {
        position: relative;
        top: 0rem;    
        width: 90%;
        margin-left: 5%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;

        margin-bottom: 0rem;
    }
    
        .bcentral .bisapp {
            position: relative;
            width: 50%;
            height: 55rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
            #bisappbclogo {
                width: 5rem;
                height: 5rem;
            }
    
            .bisapp h1 {
                font-size: 2.8rem;
                font-weight: bolder;
                width: 40%;
                color: #484A47;
                letter-spacing: 0.1rem;
            }
            .bisapp button {
                cursor: pointer;
                padding: 1rem 2rem;
                background: #ff7c25;
                font-weight: 600;
                font-size: 1.6rem;
                color: #f2f2f2;
                border: none;
            }

        .bisappbc-texts, .bisappfo-texts {
            position: absolute;
            top: 0;
            left: 0%;
            width: 50%;
            height: 100%;
            background-color: #f2f2f2;
            z-index: 7;
            display: flex;
            flex-direction: column;
            justify-content: center;
            /*align-items: center;*/
            box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.25);
            box-shadow: 0 0.5rem 1.5rem rgba(246, 189, 32, 0.462);
            box-shadow: 0 0.8rem 1.8rem #484A47;
            transition: 0.5s ease-in-out;
            user-select: none;
        }
        .bisappfo-texts {
            left: 50%;
        }

        .bisappbc-texts h4, .bisappfo-texts h4 {
            font-size: 1.6rem;
            font-weight: 900;
            color: #484A47;
            text-decoration: none;    
        }
        .bisappbc-texts h4 span, .bisappfo-texts h4 span{
            font-size: 2.2rem;
            color: #ff7c25;
            font-weight: bolder;
        }

        
        .bisappbc-texts h4::after, .bisappfo-texts h4::after {
            content: '';
            height: 0.3rem;
            width: 40%;
            background-color: #484A47;
            margin-top: 1rem;
            margin-left: 2%;
            display: flex;
        }


        .bisappbc-texts ul, .bisappfo-texts ul {
            display: flex;
            flex-direction: column;
            align-content: initial;
            text-align: left;
            font-size: 1.6rem;
            font-weight: 400;
            color: #484A47;
            text-decoration: none;
            width: 86%;
            margin-left: 7%;
            margin-top: 0;
        }
        .bisappbc-texts ul li,
        .bisappfo-texts ul li {
            margin-bottom: 2.2rem;
            list-style: square;
            line-height: 2.4rem;
        }





        .bc-leer, .fo-leer {
            top: 4rem;
            margin-top: 4rem;
            padding: 1rem 2rem;
            background-color: #484a47;
            color: #f2f2f2;
            font-size: 1.4rem;
            text-decoration: none;
            border-radius: 0.5rem;
        }
            


.bisappfo button {
    cursor: pointer;
    padding: 1rem 2rem;
    background: #ff7c25;
    font-weight: 600;
    font-size: 1.6rem;
    border: none;
    z-index: 10000;
}



.bcfuncionalidad, .fogeneralidad {
    display: none;
}

.activa {
    left: 50%;
}

.activafo {
    left: 0%;
}


.bc-bg {
    background: transparent;
}

.bctext-active, .fotext-active {
    display: none;
}

.bctext-inactive, .fotext-inactive {
    display: contents;
}

/*********CRM Inicio**********/

.bacrm {
    position: relative;
    top: 0rem;    
    width: 90%;
    margin-left: 5%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /*
    background: #eef9e9;
    background-color: #ff7c2538;
    box-shadow: 0 5px 4.5.rem rgba(0,0,0,0.15);
    box-shadow: 0 5px 4.5.rem #ff7c25;
    */
    margin-bottom: 0rem;
}





    .bacrm .bisapp {
        position: relative;
        width: 50%;
        height: 48rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
        #bisappbclogo {
            width: 5rem;
            height: 5rem;
        }

        .bacrm .bisapp h1 {
            font-size: 3rem;
            font-weight: 900;
            width: 40%;
            margin-top: 0;
            color: #484A47;

        }


        
        /*
        .bisapp button {
            cursor: pointer;
            padding: 1rem 2rem;
            background: #ff7c25;
            font-weight: 600;
            font-size: 1.6rem;
            color: #f2f2f2;
            border: none;
        }
*/
    .bisappsls-texts, .bisappmkt-texts, .bisappsrv-texts {
        position: absolute;
        top: 0;
        left: 0%;
        width: 50%;
        height: 100%;
        background-color: #ababab;
        background-color: #ff8e43;
        z-index: 7;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: 0.5s ease-in-out;
        clip-path: polygon(71% 5%, 100% 0, 97% 45%, 95% 84%, 100% 100%, 23% 93%, 5% 100%, 0 65%, 4% 34%, 0 0);
        

    }
    .bisappsls-texts, .bisappsrv-texts {
        left: 50%;
    }



    .bisappsls-texts h4, .bisappmkt-texts h4, .bisappsrv-texts h4 {
        font-size: 1.8rem;
        font-weight: 600;
        color: #484A47;
        text-decoration: none;
    }

    .bisappsls-texts h4 span, .bisappmkt-texts h4 span, .bisappsrv-texts h4 span {
        color: #f2f2f2;
        font-size: 2.4rem;
        font-weight: bolder;
    }


    
    .bisappsls-texts h4 span::after, .bisappmkt-texts h4 span::after, .bisappsrv-texts h4 span::after {
        content: '';
        height: 0.3rem;
        width: 45%;
        background-color: #f2f2f2;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        margin-left: 2%;
        display: flex;
    }


    .bisappsls-texts ul, .bisappsrv-texts ul, .bisappmkt-texts ul {
        display: flex;
        flex-direction: column;
        align-content: initial;
        text-align: left;
        font-size: 1.6rem;
        font-weight: 400;
        color: #484A47;
        text-decoration: none;
        width: 86%;
        margin-left: 7%;
        margin-top: 0;
    }
    .bisappsls-texts ul li,
    .bisappmkt-texts ul li,
    .bisappsrv-texts ul li {
        margin-bottom: 2.2rem;
        list-style: square;
        line-height: 2.4rem;
    }


    .sls-leer, .mkt-leer, .srv-leer {
        top: 3rem;
        margin-top: 3rem;
        padding: 0.5rem 2rem;
        background-color: #f2f2f2;
        color: #484a47;
        font-size: 1.4rem;
        font-weight: 600;
        text-decoration: none;
        border-radius: 0.5rem;
    }
        

.bisappsls button, .bisappmkt button, .bisappsrv button {
    cursor: pointer;
    padding: 1rem 2rem;
    background: #ff7c25;
    font-weight: 600;
    font-size: 1.6rem;
    border: none;
    z-index: 10000;
}


.slsgeneralidad, .mktfuncionalidad, .srvgeneralidad {
    display: none;
}

.activa {
    left: 50%;
}

.activacrm {
    left: 0%;
}


.bc-bg {
    background: transparent;
}

.slstext-active, .mkttext-active {
    display: none;
}

.slstext-inactive, .mkttext-inactive {
    display: contents;
}



/********CRM Fin ************/



/*****************FIN ERP & CRM *****************/




/*****************INICIO SOLUCIONES *****************/

.pwrplatt {
    width: 100%;
    height: auto;
    /*background: #070000;  /* fallback for old browsers */
   /* background: -webkit-linear-gradient(to left, #eff3fa, #f0f2f7);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to left, #e6ecf5, #f4f7fc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   
   /* display: flex;
    flex-flow: wrap;
    /*background-image: url(./img/sgn2-min.png);*/
    /*background: #8eb6e407;
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    justify-content: center;
    align-items: center;
    text-align: center;
      
   /* background: #222000ef;  /* fallback for old browsers */
   /*background: -webkit-linear-gradient(to right, #191600ea, #949401e6);  /* Chrome 10-25, Safari 5.1-6 */
   /*background: linear-gradient(to top,#c3c602e0, #919100e4,#7c7c00f6,#565600f6,#282800cf); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
/*    background: linear-gradient(to bottom,#1c1c00f6,#646400f6, #a8a800f6,#989801d4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    z-index: 1;
    /*padding-bottom: 10px;*/
    background-color: #151500fc;
    background-color: #e6e6d3fc;
    background-color: #f2f2f2;

   


}

.pwrplatt-contenedor {    
    width: 100%;
    width: 130rem;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    /*position: absolute;*/
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    /*justify-content: ;*/
    align-items:center;
    text-align: center;
    /*padding-bottom: 10px;*/
    /*z-index: 5;    */
    padding-top: 0rem;
    padding-bottom: 0rem;
    user-select: none;
    background-image: url(./pptools.png);
    background-size: cover;
    object-fit: cover;
    padding: 2rem 2rem;
    
}

.pwrplatt-header {
    height: auto;
    width: 100%;
    position: relative;
    text-align: left;
    justify-content: center;
    align-items: center;
    /*background-color: #f1f1c5e3;*/
    margin-top: 6rem;
    padding-top: 0;
    padding-bottom: 0;    
}    
/*

.pwrplatt-items{
    height: 64vh;
    width: 100%;
    left: 0%;
    margin-left: 0;
    display: flex;
    justify-items: center;
    align-items: center;
    overflow: hidden;
    margin-top: 0rem;
    margin-bottom: 0rem;

}
*/
.pwrplatt-content {
    width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 3rem;
}

.pwrplatt-cards {
    position: relative;
    width: 100%;
    height: auto;

}

.pwrplattcard {
    position: relative;
    width: 36%;
    width: 60rem;
    margin-left: 32%;
    margin: auto;
    height: 40rem;
    background: #484A47;
    background: #ff7c25;
    transform-style: preserve-3d;
    transform: perspective(100rem);
    box-shadow: 1rem 2rem 4rem rgba(0,0,0,0.0.25);
    transition: 1.2s;
    margin-bottom: 5vh;
}

.pwrplattcard:hover {
    transform: translateX(50%);
}

.pwrplattcard .ppimgbox {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform-origin: left;
    transform-style: preserve-3d;
    background-color: #484A47;
    transition: 1.8s;
    box-shadow: 1rem 2rem 4rem rgba(0,0,0,0.0.25);
    backface-visibility: hidden;
}

.pwrplattcard:hover .ppimgbox {
    transform: rotateY(-180deg);
}


.pwrplattcard .ppimgbox .ppportada,
.pwrplattcard .ppimgbox .ppportada2,
.pwrplattcard .ppimgbox .ppportada3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(./pp_pbi03.png);
    background-size: cover;
    object-fit: contain;
}

.pwrplattcard .ppimgbox .ppportada2 {
    background-image: url(./pp_pat02.png);
}
.pwrplattcard .ppimgbox .ppportada3 {
    background-image: url(./pp_pap01.png);
}


.pwrplattcard .ppportada .ppcontent,
.pwrplattcard .ppportada2 .ppcontent,
.pwrplattcard .ppportada3 .ppcontent {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.pwrplattcard .ppportada .ppcontent .ppcontenthead h2,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 {
    text-align: center;
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 2.8rem;
    color: #f2f2f2;    
}

.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2 {
    color: #484A47;
}
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 {
    color: #f2f2f2;
}


.pwrplattcard .ppportada .ppcontent .ppcontenthead h2 span,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2 span,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 span {
    color: #ff7c25;
    font-size: 4rem;
}

.pwrplattcard .ppportada .ppcontent img,
.pwrplattcard .ppportada2 .ppcontent img,
.pwrplattcard .ppportada3 .ppcontent img {
    position: relative;
    width: 6rem;
    height: 6rem;
    border-radius: 0.3rem;
    border: solid 1px #484A47;
    opacity: 0.6;
}
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 img,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 img {
    border: none;
    opacity: 1;
}

.pwrplattcard .ppportada .ppcontent .ppcontenthead2 h2,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 h2 {
    text-align: center;
    font-weight: 700;
    font-size: 2.8rem;
    color: #ff7c25;    
}

.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2 {
    color: #ff7c25;    
}


.pwrplattcard .ppportada .ppcontent .ppcontenthead2 h2 span,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2 span,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 h2 span {
    color: #484a47;
    font-size: 4rem;
}

.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2 span {
    color: #f2f2f2;
}


.pwrplattcard .ppportada .ppcontent .pbidesc p,
.pwrplattcard .ppportada .ppcontent .pbidesc2 p {
    text-align: center;
    font-weight: 500;
    font-size: 2.2rem;
    line-height: 2.4rem;
    color: #f2f2f2;    
}
.pwrplattcard .ppportada .ppcontent .pbidesc2 p {
    font-size: 1.8rem;
    color: #484A47;
}


.pwrplattcard .ppportada2 .ppcontent .pbidesc p,
.pwrplattcard .ppportada2 .ppcontent .pbidesc2 p {
    font-weight: 300;
    color: #484a47;
    font-size: 2.2rem;    
}

.pwrplattcard .ppportada3 .ppcontent .pbidesc p,
.pwrplattcard .ppportada3 .ppcontent .pbidesc3 p {
    font-weight: 300;
    color: #ff7c25;
    font-size: 2.2rem;
}


.pwrplattcard .ppportada2 .ppcontent .pbidesc2 p {
    font-size: 1.8rem;
    color: #f2f2f2;
}
.pwrplattcard .ppportada3 .ppcontent .pbidesc3 p {
    font-size: 1.8rem;
    color: #ff7c25;
}





.pwrplattcard .ppportada:nth-child(2),
.pwrplattcard .ppportada2:nth-child(2),
.pwrplattcard .ppportada3:nth-child(2) {
    transform: rotateY(180deg);
    background-image: url(./pp_pbi02.png);
    backface-visibility: hidden;
  
}

.pwrplattcard .ppportada2:nth-child(2) {
    background-image: url(./pp_pat04.png);
}
.pwrplattcard .ppportada3:nth-child(2) {
    background-image: url(./pp_pap02.png);
}



/***fin portada****/

.pwrplattcard .ppimgbox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.pwrplattcard .ppimgbox .imagen {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    z-index: 10;
}
.pwrplattcard .ppimgbox .imagen p {
    color: #000;
}


.pwrplattcard .ppimgbox img:nth-child(2) {
    transform: rotateY(180deg);
}

.ppimgbox::before {
    content: '';
    position: absolute;
    width: 100%;
    top: -0px;
    bottom: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}

.pwrplattcard .ppdetalle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pwrplattcard .ppdetalle .ppcontent {
    width: 80%;
    margin-left: 2%;
    display: flex;
    justify-content: space-evenly;
    align-items: initial;
    flex-direction: column;
}

.pwrplattcard .ppdetalle .ppcontent .ppcontenthead h2 {
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    color: #f2f2f2;   


}

.pwrplattcard .ppdetalle .ppcontent .ppcontenthead h2 span {
    color: #484A47;
    font-size: 2.4rem;
}

.pwrplattcard .ppimgbox .ppportada3 .ppcontent .pbidesc3 p {
    color: #484A47;
}


.pwrplattcard .ppdetalle .ppcontent .pbidesc ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc2 ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc3 ul {
    margin-top: 0;
    text-align: left;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    
}

.pwrplattcard .ppdetalle .ppcontent .pbidesc ul li,
.pwrplattcard .ppdetalle .ppcontent .pbidesc2 ul li,
.pwrplattcard .ppdetalle .ppcontent .pbidesc3 ul li {
    margin-bottom: 1.4rem;
    color: #484A47;
}


.pwrplattcard .ppdetalle .ppcontent a {
    text-align: center;
    font-weight: 900;
    font-size: 1.4rem;
    color: #484A47;
    text-decoration: none;
}






/*******************NOTICIAS INICIO***************/






/*******************NOTICIAS FIN***************/










/*******************CONTACTO INICIO***************/


.s-contact {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    margin-top: 0vh;
    /*background-image: url(./img/contact_bg.png);*/
   /* background: #f9f9f1;  /* fallback for old browsers*/
   /* background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #f0f0e6;
    background-color: #f0f0e6;
    background-color: #f2f2f2;
    
}


.forma-contacto {
    margin-top: 0vh;
    background: transparent;
    width: 100%;
    /*left: 5%;*/
    height: auto;
    user-select: none;
}


/*
.s-contact > p {
    color: var(--colorTextos);
    font-size: 16px;
    position: absolute; 
    left: 5px;
    top: 10px;
}
*/
/*

select {
    background: none;
    font-size: 14px;
    width: 40%;
    border: none;
    border-bottom: 1px solid var(--colorTextos);
    resize: none;
    margin: 15px 0 0 0px;
}
*/
/*.contact-l {
    width: 20%;
}

.contact-r {
    width: 20%;
}
*/


.contact-header {
    height: 8vh;
    width: 100%;
    /*max-width: 1300px;*/
    display: flex;
    flex-direction: row;
    /*display:inline;*/
    /*position: relative;*/
    justify-content: center;
    align-items: center;
    justify-items: center;
    text-align: left;
    
}


    .contact-header h2 {
        font-size: var(--tituloseccion);
        font-weight: 600;
        text-transform: uppercase;
        width: 80%;
        margin-left: 6%;
        
    }

/*
    .contact-header h2::after {
        position: absolute;
        content: '';
        background-color: #151500fc;
        display: block;
        height: 1.2px;
        width: 60%;
        left: 20%;
        margin: 5px auto 5px;
    }
*/

.forma-footer {
    width: 80%;
    left: 1%;
    /*max-width: 1300px;*/
    height: 56vh;
    height: auto;
    display: inline-flex;
    justify-content: space-evenly;    
    justify-items:center;
    justify-content: center;
    align-items: center;
    text-align: center;

}

.contact-header, .forma-footer {
    width: 130rem;
    padding: 2rem 2rem;
}

.contact-form {
    height: 54vh;
    height: auto;
    /*margin-top: 0px;*/
    width: 40%;
    margin-left: 0%;
    margin-right: 0%;
    /*align-items: center;
    justify-content: center;
    justify-items: center;*/
}

form {
    /*height: 90%;*/
    /*max-height: 54vh;*/
    height: auto;

   /* padding: 1% 0;*/
    border-radius: 5px;
    /*box-shadow: 0 0 10px 0 rgb(214, 225, 1);*/
    margin: auto;    
    margin-top: 1vh;
}


.form {
    width: 98%;
    
    margin-left: 1%;
    height: inherit;
    margin-top: 0;
    top: 0;
    padding-top: 0;
    /*padding: % 1%;*/
}

form .grupo {
    position: relative;
    margin: 3vh 0;
    width: 100%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}


input, textarea {
    background: none;
    color: #050000;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1rem 1rem 0.2rem 0.5rem;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid var(--colorTextos);
    resize: none;
    margin-left: 0rem;
    
}

input:focus, textarea:focus, select:focus {
    outline: none;
    color: rgb(13, 7, 0);
}

input:focus~label, input:valid~label, textarea:focus~label, textarea:valid~label, select:focus~label, select:valid~label {
    position: absolute;
    top: -1.4rem;
    font-size: 1.2rem;
    color: #593401;
} 

label {
    /*color: var(--colorTextos);*/
    font-size: 1.4rem;
    position: absolute;
    left: 0.5rem;
    top: 1rem;
    transition: 0.5s ease all;
    pointer-events: none;
    margin-left: 1%;
}

input:focus~.barra::before, textarea:focus~.barra::before {
    width: 80%;
}    

.barra {
    position: relative;
    display: block;
    width: 40%;
    margin-left: 10%;

}

.barra::before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    /*background: linear-gradient(to right, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    transition: 0.3s ease all;
    left: 0%;
}

.form > button {
    position: relative;
    background-color: #c75204;
    /*background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    display: block;
    width: 20%;
    left: 40%;
    font-size: 1.6rem;
    letter-spacing: 0.1rem;
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /*height: 4vh;*/
    border: none;
    text-align: center;
    color: #fafa07;
    color: #f2f2f2;
    border-radius: 0.2rem;
    /*margin: 10px auto;*/
    /*margin: 80px 0px 5px 40px;*/
    /*box-shadow: 0.5px 1px 1px 0.5px rgba(48, 48, 1, 0.96);*/
    cursor: pointer;
    margin-bottom: 2vh;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    
}
.form > button:hover {
 
    /*background-color: #fafa07;*/
    
    font-weight: bolder;
    /*padding: 0.8rem 0.8rem;*/
    font-size: 1.6rem;
    text-transform: uppercase;
    background: #ff7c25;
}



/****Actualizar Captcha*********/

#cpreview {
    font-size: 2.2rem;
}

.captchaform {
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-items: center;
    margin-top: 0.5rem;
    margin-bottom: 1rem;

}

#kapcha {
    width: 15rem;
    height: 3rem;
    text-align: center;
    padding-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 900;
    margin-right: 1rem;
    border: 1px solid #303030;
}


.captcharefresh {
    text-decoration: none;
    width: auto;
    height: 3rem;
    justify-content: center;
    background-color: rgb(141, 141, 143);
    color: #f2f2f2;
    font-size: 1.4rem;
    cursor: pointer;
    padding: 0 0.6rem;
}






/*******************Launch  Items Areas***************/

.banner1 {
    animation: slide1 350s linear infinite;
}
.banner2 {
    animation: slide2 350s linear infinite;
}
.banner3 {
    animation: slide3 350s linear infinite;
}
.banner4 {
    animation: slide4 350s linear infinite;
}
.banner5 {
    animation: slide5 350s linear infinite;
}
.banner6 {
    animation: slide6 350s linear infinite;
}
.banner7 {
    animation: slide7 350s linear infinite;
}
.banner8 {
    animation: slide8 350s linear infinite;
}
.banner9 {
    animation: slide9 350s linear infinite;
}
.banner10 {
    animation: slide10 350s linear infinite;
}


@keyframes slide1{
    0%{
        visibility: visible;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide2{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: visible;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide3{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: visible;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide4{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: visible;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide5{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: visible;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide6{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: visible;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide7{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: visible;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide8{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: visible;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide9{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: visible;
    }
    100%{
        visibility: hidden;
    }
}

@keyframes slide10{
    0%{
        visibility: hidden;
    }
    10%{
        visibility: hidden;
    }
    20%{
        visibility: hidden;
    }
    30%{
        visibility: hidden;
    }
    40%{
        visibility: hidden;
    }
    50%{
        visibility: hidden;
    }
    60%{
        visibility: hidden;
    }
    70%{
        visibility: hidden;
    }
    80%{
        visibility: hidden;
    }
    90%{
        visibility: hidden;
    }
    100%{
        visibility: visible;
    }
}

@keyframes textup{
    10%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(0px);
    }
}

.text-box1 {
    animation-delay: 0s;
}
.text-box2 {
    animation-delay: 35s;
}
.text-box3 {
    animation-delay: 70s;
}
.text-box4 {
    animation-delay: 105s;
}
.text-box5 {
    animation-delay: 140s;
}
.text-box6 {
    animation-delay: 175s;
}
.text-box7 {
    animation-delay: 210s;
}
.text-box8 {
    animation-delay: 245s;
}
.text-box9 {
    animation-delay: 280s;
}
.text-box10 {
    animation-delay: 315s;
}




/***************/

/*

a i {
    font-size: 22px;
    color: rgb(224, 32, 160);
    transition: transform 0.5s;

}*/

/*
a:hover{
    box-shadow: inset 4px 4px 6px -1px rgba(0,0,0,0.2), inset -4px -4px 6px -1px rgba(255,255,255,0.7), -0.5px -0.5px 0px rgba(255,255,255,1), 0.5px 0.5px 0px rgba(0,0,0,0.15), 0px 12px 10px -10px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.01);
    transform: translateY(5px);
  


}
*/


a:hover i {
    transform: scale(1.8);
}

a:hover .fa-facebook {
    color: #3b5998;
}
a:hover .fa-twitter {
    color: #00acee  ;
}
a:hover .fa-linkedin {
    color: #002cee;
}
a:hover .fa-youtube {
    color: #f00;
}
a:hover .fa-whatsapp {
    color: #4fce5d;
}
a:hover .fa-github {
    color: #b70600;
}




/*Footer*/


.footer {
    width: 40%;
    /*margin: auto;*/
    height: 52vh;
    height: auto;
    display: flex;
    flex-direction: column;
    /*justify-content: space-evenly;*/
    margin-bottom: 0px;
    overflow: hidden;
    /*background: #BA8B02;  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #181818, #BA8B02);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #181818, #BA8B02); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to left, #01124b, rgb(100, 98, 98));*/
    /*background: linear-gradient(to right, #745c11, rgb(112, 110, 2));*/
    /*background: linear-gradient(to bottom, rgba(248, 241, 33, 0.397),rgba(41, 28, 1, 0.801));*/
    border-bottom: 1px solid transparent;
    /*box-shadow: 10px 1px 1px 0 rgba(235, 252, 2, 0.3);*/
    transition: ease-in-out 0.3s;
    /*background: linear-gradient(to top, #363301cc, rgba(240, 224, 4, 0.479));*/
    
}

.footer-caption {
    width: 100%;
    height: inherit;
    display: flex;
    flex-direction: column;
    /*display: inline-flex;*/
    /*flex-wrap: wrap-reverse;*/
    justify-content: space-evenly;
    /*align-items: top;*/
    margin-top: 0px;
    

}


.empresa {
    width: 100%;
    height: 50%;
    margin-left: 0%;
    display: flex;
    /*position: relative;*/
    flex-direction: column;
    justify-content: space-evenly;
    text-align: center;
    justify-content: center;
    align-items: center;
    /*vertical-align: middle;*/
     /*flex-direction: column;
  */

    margin-top: 0rem;
    user-select: none;
    
}

/*
.empresa h3 {
    justify-items: end;
    margin-left: 0;
    font-weight: 900;
    font-size: 2.5rem;
    color: #000000;
    line-height: 3rem;
    vertical-align: auto;
    
}
*/
.empresa img {
    width: 15rem;
}
/*
.empresa h3 span {
    margin-left: 0px;
    color: rgb(255, 191, 0);
    font-size: 3rem;
    font-weight: 900;
    padding-right: 1rem;
}
*/
.empresa p {
    margin-left: 0px;
    font-weight: 500;
    font-size: 1.6rem;
    color: rgb(35, 36, 37);
    text-align: left;

}


.f-contacto {
    width: 100%;
    height: 50%;
    display: flex;
    /*position: relative;*/
    flex-direction: column;
    justify-content:end;
    align-items: center;
    /*flex-direction: column;
  */
    right: 0;
    user-select: none;
    
}



#logo_simp {
    /*margin-top: -100px;*/
    margin-left: 0px;
    width: 10rem;
    height: 4rem;
    margin-bottom: 2rem;
    padding: 4px 6px;
    /*border: #dec103 2px solid;*/
    background-color: #151500e4;
    background-color: #151500fc;
    padding: 0.8rem 1.2rem;
    border-radius: 0.3rem;
    display: none;
    
}

.social-media {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content:space-evenly;
    /*align-content: last baseline;*/
    /*justify-items: center;*/
    /*color: var(--black2);*/
    /*margin-top: 1rem;*/
    
    
 
    /*text-align: center;*/
}


#sm {
    display: flex;
    background: #fcfcefc7;
    background: #ecf4fc;
    height: 5rem;
    width: 5rem;
    /*margin: 0% 0.1%;*/
    border-radius: 0.5rem;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-shadow: 3px 3px 4px -1px rgba(0,0,0,0.15), -3px -3px 5px -1px rgba(22, 21, 21, 0.7);
    margin-bottom: 0.5rem;
    transition: transform 0.5s;
}

a i {
    font-size: 3rem;
    color: #484a47;
    transition: transform 0.8s;

}

#sm:hover{
    /*box-shadow: inset 4px 4px 6px -1px rgba(0,0,0,0.2), inset -4px -4px 6px -1px rgba(255,255,255,0.7), -0.5px -0.5px 0px rgba(255,255,255,1), 0.5px 0.5px 0px rgba(0,0,0,0.15), 0px 12px 10px -10px rgba(0,0,0,0.05);*/
    border: 1px solid rgba(0,0,0,0.01);
    /*transform: translateY(3px);*/
    background: rgba(254, 254, 253, 0.945);
}

a:hover i {
    transform: scale(1.08);
}

a:hover .fa-facebook {
    color: #3b5998;
}
a:hover .fa-twitter {
    color: #00acee  ;
}
a:hover .fa-linkedin {
    color: #002cee;
}
a:hover .fa-youtube {
    color: #f00;
}
a:hover .fa-whatsapp {
    color: #4fce5d;
}
a:hover .fa-instagram {
    color: #f14843;
}







.avisos {
    height: 8vh;
    width: 100%;
    background: #161200f5;

    margin-top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    justify-items: center;
    user-select: none;

    background: linear-gradient(to right, #00081d,#000a23); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: #484a47;

    
}

/*.avisos::before {
    content: '';
    background: #080400;
    display: block;
    height: 2px;
    width: 100%;
    margin: 5px auto 5px; 
}*/



.footer-copy {
    height: 5vh;
    width: 90%;
    left: 5%;
    color: rgb(167, 198, 213);
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.copyright {
    width: auto;
    margin-top: 1rem;
    color: rgb(252, 252, 3);
    color: #f2f2f2;
    font-size: 1.2rem;
    font-weight: 300;
    /*padding-left: 600px;*/
}

.politica-privacidad, .politica-privacidad1 {
    width: auto;
   /* color: inherit;*/
    color: rgb(252, 252, 3);
    color: #f2f2f2;
    text-decoration: none;
    /*display: inline-block;*/
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 300;
    /*padding: 0px 0 20px 0;*/
}

.politica-privacidad:hover, .politica-privacidad1:hover {
    text-decoration: underline;
}
/**************** TERMINOS Y CONDICIONES & POLITICA DE PRIVACIDAD*****************************/

/****************POLITICA DE PRIVACIDAD*****************************/



#termshome {
    text-align: right;
    width: 100%;

    
}
.bbsprivacity {
    width: 100%;
    height: 100%;
}
.contenedorpriv {
    width: 100%;
    height: inherit;

}
.privacity {
    width: 80%;
    margin-left: 10%;
    height: auto;
    display: flex;
    flex-direction: column;
    text-align: justify;
    margin-bottom: 12vh;
}
.privacity > h5 {
    font-size: 2rem;
    height: auto;
    font-weight: bold;
}
.privacity > p {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 300;
    user-select: none;
}

.lista {
    text-indent: 5rem;
    margin-top: 0;
    padding-top: 0;
}
.privtext span {
    text-decoration: underline;
}

/**************** TERMINOS Y CONDICIONES*****************************/


#bbstc {
    text-align: right;
    width: 100%;

    
}

.contenedortc {
    width: 100%;
    height: inherit;

}
.terms, .condiciones, .derechos {
    width: 80%;
    margin-left: 10%;
    height: auto;
    display: flex;
    flex-direction: column;
    text-align: justify;
    margin-bottom: 4vh;
}

.contenedortc h5 {
    font-size: 2rem;
    height: auto;
    font-weight: bold;
}

.contenedortc p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 300;
    user-select: none;
}

.lista {
    text-indent: 3rem;
    margin-top: 0;
    padding-top: 0;
}


/******************************************RESPONSIVE*******************************/


@media screen and (max-width: 1500px) {

.container {
    max-width: 150rem;
    width: 100%;
    margin: 0 auto;
}
.nav .logo {
    margin-left: 2rem;
}

.lang-selected {
    right: 2rem;
}


.language ul {
    right: 1rem;
}


/*****home****/
.contenido-header {
    width: 100%;
}

/********PP**********/



}        

@media screen and (max-width: 1450px) {
/***********soluciones************/
    .item-description {
            width: 65%;
    }

    .item-header .vertical-part {
        font-size: 4rem;
    }
    .vertical-part {
        font-size: 1.6rem;
    }
}  
@media screen and (max-width: 1400px) {

/***CRM***/
.bacrm .bisapp {
    height: 60vh;
}


/***GLOBALS**/
.container {
    max-width: 140rem;
    width: 100%;
    margin: 0 auto;
}



/****HEADER****/

.enlaces-header {
    margin-left: 0;
}


/****launch*******/
.contenido-header {
    width: 100%;
}

video {
    max-width: 100%;
}


/*.textos-header {
    margin-top: 12%;
}
*/
   
/****PP****/   












/****news****/   
/*
.bbs-noticias {
    height: 105vh;
    margin-top: 0px;
}

.contenedor1 {
   margin-top: -4vh;
}
*/
}

@media screen and (max-width: 1366px) and (height: 768px) {
    .contenido-header {
        width: 100%;
    }
    

    .contenido-header > img {
        padding-top: 6vh;
        width: 35%;
        padding-bottom: 6vh;
    }
    
    
    /*

    .textos-header h1 {
        font-size: 3.6rem;
    }
    .textos-header p {
        width: 70%;
        font-size: 2rem;
    }
    */
    .overlay {
        margin-top: 2rem;
    }

    .articulo {
        height: auto;
    }

/*

    .menu-srv h1 {
        font-size: 1.35rem;
        font-weight: 300;
    }
    #sge-rsleer_1 {
        margin-top: 70vh;
        
    }
*/
    .forma-footer {
        height: 62vh;
    }

    
}



@media screen and (max-width: 1300px) {

/***GLOBALES****/

    .container {
        max-width: 130rem;
    }


/****HEADER****/
/*.nav .logo {
    width: 30%;
}*/
/*
    .nav .logo img {
        width: 30%;
        height: 12%;
        margin-left: 1rem;
    }
*/

    .slogan {
        width: 90%;
        align-items: center;
        justify-content: center;
    }
/*
    .slogan h3 {
        width: auto;
        font-size: 1rem;
        padding-top: 0.1rem;   
    }         
  */      
       
.enlaces-header {
    width: 90%;
    margin-left: 10rem;
}

.nav .enlaces-header a {
    font-size: 1.4rem;
}




/***********d365************/

.cd365-header p {
    max-width: 95%;
}

.d365cards .card {
    height: 42vh;
}


.d365cards .card .imgcard H1 {
    font-size: 1.8rem;
}

.d365cards .card .contentcard .content h2 {
    font-size: 2rem;
}
.d365cards .card .contentcard .content p {
    font-size: 1.4rem;
}

/*****bisapps*********/

.bcentral .bisapp {
    height: 65rem;
}

.bacrm .bisapp {
    height: 65rem;
}


/*****PP**********/
.pwrplattcard {
    width: 52rem;
}


.pwrplattcard .ppdetalle .ppcontent {
    width: 100%;
}

/*****SGE*****/


.item-header {
    top: 4rem;
}

.item-description {
    top: 12rem;
}

.item-description .vertical-part .solutions,
.item-description .vertical-part .erp-solutions,
.item-description .vertical-part .crm-solutions,
.item-description .vertical-part .pwr-solutionsa,
.item-description .vertical-part .pwr-solutionsb,
.item-description .vertical-part .pwr-solutionsc {
    margin-top: 2rem;
    
}


.controls ul li {
    margin: 0.5rem 1.5rem;
}

.accordion-item-header h4 {
    width: 80%;
    margin-left: -24%;
}
/*
.accordion-item-body-content {
    width: 82%;
    margin-left: 12%;
    max-height: 26rem;
}
*/
.accordion-ls1 > h3 {
    font-size: 1.4rem;
    width: 60%;
    letter-spacing: normal;
    
    margin-left: 20%;
}


.accordion-item-headerls > h1 {
    font-size: 2.2rem;
    letter-spacing: normal;
    width: 70%;
    margin-left: 15%;
}

.accordion-item-bodyls-content > p {
    width: 96%;
}
#sge-rsleer_1 {
    font-size: 1.4rem;
}
button {
    font-size: 2.8rem;
    padding: 0.8rem 1.4rem;
}

/*****CONTACT ******/
/*
#logo_simp {
    /*margin-top: -100px;
    width: 22%;
    height: 26%;
}

#sm {
    height: 4rem;
    width: 4rem;
}


a i {
    font-size: 2rem;
}
*/

    


}

@media screen and (max-width: 1280px) and (height: 720px) {


    /***solutions***/
    .sge-slider-container {
        height: 48vh;
    }
}


@media screen and (max-width: 1100px) {
/****GLOBALES****/
    
    
    .sectiontitle {
        font-size: 3rem;
        max-width: 90%;
        margin-left: 5%;
    }
    .descsectiontitle {
        font-size: 1.6rem;
    }


 /*****HEADER****/
  /*  .nav .logo {
        width: 60%;
    }
*/
        .nav .logo img {
            width: 35%;
            height: 12%;
        }

  
        .slogan {
            width: 60%;
            align-items: center;
            justify-content: center;
        }

        .slogan h3 {
            width: auto;
            font-size: 1rem;
            padding-top: 0.1rem;   
        }         
            /*font-style: italic;*/
        /****    padding-left: 15px;*/

           
    .enlaces-header {
        margin-left: 6rem;
        width: 90%
    }
    .nav .enlaces-header a {
        font-size: 1.4rem;
    }



   
/****************d365******************/    

.d365cards .card {
    width: 33%;
}

/****************bisapps******************/   

.bisapps-head h2 {
    font-size: 3.4rem;
}

.baerpdesc1, .bacrmdesc1, .ppdesc1 {
    font-size: 1.6rem;
}
.bcentral .bisapp {
    height: 60rem;
}

.bisapp h1 {
    font-size: 2rem;
}

.bisappbc-texts h4, .bisappfo-texts h4 {
    font-size: 1.8rem;
}

.bisappbc-texts ul, .bisappfo-texts ul {
    width: 98%;
    margin-left: 0%;
    font-size: 1.5rem;
}



/****************CRM******************/   

.bacrm .bisapp h1 {
    font-size: 2rem;
}
.bisappsls-texts h4, .bisappmkt-texts h4, .bisappsrv-texts h4 {
    font-size: 1.8rem;
}
.bisappsls-texts ul, .bisappsrv-texts ul, .bisappmkt-texts ul {
    width: 86%;
    margin-left: 5%;
    
    font-size: 1.5rem;
}

/**********PP***********/
.descsectiontitle2 {
    font-size: 1.6rem;
}

.pwrplattcard {
    width: 38rem;
    height: 55rem;
}




/****************CONTACTO******************/   
/*
.contact-header h2 {
    font-size: 3rem;
}*/

.form > button {
    width: 40%;
    left: 30%;
}

/*
#logo_simp {
    width: 20%;
    height: 15%;
}
*/

#sm {
    height: 4.5rem;
    width: 4.5rem;
}

a i {
    font-size: 2.6rem;
}

}
/*
@media screen and (max-width: 1024px) and (max-height: 1366px) {
    .bbs-conocemas:hover .overlay {
        margin-bottom: 10%;
        width: 90%;
        margin-left: 2%;
        max-height: 45%;
    }

}
*/

@media screen and (max-width: 1024px) and (height: 1366px) {
   /* .launch {
        height: 48vh;
    }
    .contenido-header {
        height: inherit;
    }
    .textos-header {
        height: inherit;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }*/
   
   
   
    /*d365*/
   .d365cards .card {
    height: 28vh;
}   





    /************industrias**********/

    .items-lbe .areas {
        height: 34vh;
    }

    .forma-footer {
        height: 44vh;
    }
    form, .contact-form, .form, .footer {
        max-height: 42vh;
        height: 42vh;
    }
}

@media screen and (max-width: 1024px) and (height: 763px) {

    /***solutions***/
    .sge-slider-container {
        height: 48vh;
    }
}


@media screen and (max-width: 1024px) and (height: 600px) {

        /*d365*/
        .d365cards .card {
            height: 60vh;
        }


}






@media screen and (max-width: 1000px) {
/*    
.sectiontitle, .sectiontitle1, .sectiontitle2, .sectiontitle3, .sectiontitle4 {    
    font-size: 3rem;
    color: rgb(20, 18, 0);
    font-weight: 900;    
}
*/

.descsectiontitle, .descsectiontitle1, .descsectiontitle2, .descsectiontitle3, .descsectiontitle4 {
    font-size: 1.6rem;
    font-weight: 500;
}

    
    
    .container {
        max-width: 100%;
    }

    .nav {
        /*width: 100%;*/
        display: flex;
        flex-direction: column;

    }
    .nav .logo {
        position: absolute;
        display: flex;
        justify-content: left;
        flex-direction: row;
        top: 0rem;
        width: 96%;
        margin-left: 0;
        height: 5rem;
        z-index: 1;
    }
    .nav .logo img {
        position: relative;
        /*width: 60%;*/
        width: 8rem;
        height: 4rem;
        top: 0;
        padding-top: 0;
        margin-top: 0rem;
        margin-left: 1rem;
        max-height: 6rem;
        /*padding-right: 2%;*/
        /*max-width: 140px;*/

    }

    .slogan {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 50%;
        margin-left: 0%;
        height: 100%;
        bottom: 0%;

    }
        .slogan h3 {
            width: 100%;
            height: auto;
            padding: 0 0;
            padding-left: 1rem;
            text-align: left;
            align-content: center;
            font-size: 1.2rem;
        }
    
    .enlaces-header {
        margin-top: 5rem;
        margin-bottom: 1rem;
        width: 90%;
        margin-left: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        z-index: 10;
    }
    .nav .enlaces-header  a {
        padding: 0 1rem;
    }


    .language {
        position: absolute;
        top: 1.2rem;
        right: 2rem;
        z-index: 10;
        
    }
    .lang-selected {
        font-size: 1.2rem;        
        right: 2rem;
    }
    
    .language ul {
        /*width: 8.5rem;*/
        right: 1rem;
        margin-left: -10rem;
        top: 0.4rem;
    }



/*******************d365***************/



/****************HOME******************/    
.menu-srv h1 {
    font-size: 1.4rem;
 
}
.textos p {
    font-size: 1.7rem;
}

/***
.circle-box {
    width: 1100px;
    /*margin-left: 100px;*/
/**}

.circle-box span {
    font-size: 12px;
}

.menu-srv {
    /*width: 400px;*/
    /**margin-left: 40px;
}

#srv2, #srv3, #srv4, #srv5, #srv6, #srv7, #srv8, #srv9 {
    left: 22px;
}

#srv2 > i, #srv3 > i, #srv4 > i, #srv5 > i, #srv6 > i, #srv7 > i, #srv8 > i, #srv9 > i  {
    font-size: 14px;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10PX;
} 




#userBox {
    width: 550px;
    left: 430px;
}

#userBox1 {
    width: 550px;
    left: 420px;

}

#userBox1 h3 {
    margin-top: 60px;
    width: 84%;
    left: 10%;
}

#userBox1 p {
    width: 94%;
    /*left: 4%;*/
/***    margin-top: 20px;
}

.user {
    width: 550px;
    margin-left: 0px;
}

.text-boxuser {
    width: 550px;
}


.textos {
  width: 100%;
  left: 0%;
  height: 48vh;
}

/*
.text-boxuser > h2 {
    left: 9%;
}  
*/
/*
.text-boxuser > h4 {
    width: 90%;
    left: 3%;
}
*/
/**
.textos > p {
    width: 94%;
    left: 3%;

}
*/

/*******serrvices*******/

.contenedor-articulo .col-md-3 {
    width: 45%;
}


/************SGE*********/
/*

.accordion-item {
    margin-left: 5%;
}


.accordion-item {
    max-width: 82%;
}

.accordion-item-body-content {
    margin-top: 2px;
    padding: 4px 15px 4px 15px; 
    width: 80%;
}

button {
    padding: 10px;
}
*/

/****************portafolio servicios******************/   

.contenedor-articulo {
    width: 96%;
    margin-left: 2%;
}
.articulo {
    width: 40%;
}






/****************contacto******************/   



}

@media screen and (max-width: 912px) and (height: 1368px) {
    /*d365*/
    .d365cards .card {
        height: 30vh;
    }


    .forma-footer {
        height: 44vh;
    }
    form, .contact-form, .footer {
        height: 42vh;
    }
   
}

@media screen and (max-width: 900px) {
    /*.contenedor {
    }*/

    #dyn365fo, #dyn365bc, #dynsls, #dyn365fs, 
    #dyn365po, #msfpbi, #pwrapps, #pwrauto {
        width: 4rem;
        height: 4rem;
    }
    
    #mspba {
        width: 8rem;
        height: 4rem;
        border-radius: 0.2rem;
    }
    #ifrs {
        width: 12rem;
        height: 4rem;
        border-radius: 0.2rem;
    }
    #ascm {
        width: 12rem;
        height: 4rem;
        border-radius: 0.2rem;
    }
    #pmi {
        width: 4rem;
        height: 4rem;
        border-radius: 0.2rem;
    }
    


/*******d365***********/
.cd365-header {
    margin-bottom: 2rem;
}
.cd365-header h1 {
    font-size: 3rem;
}
.cd365-header h2 {
    font-size: 2.2rem;
}
.cd365-header p {
    font-size: 1.8rem;
}
.d365cards {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    margin-left: 0;
    margin-top: 0rem;
}
.d365cards .card {
    width: 80%;
    margin-left: 10%;
    left: 0;
    right: 0;
    height: 32vh;
    margin-top: 0;
    margin-bottom: 0rem;
}


.d365cards .card .imgcard {
    padding: 0 0;
}


.d365cards .card .imgcard h1 {
    margin: 0 0;
    font-size: 1.8rem;
    max-width: 100%;
    left: 0;
    right: 0;
    margin-left: 5%;
    height: 32vh;
    background-color: #ff7c254d;
    color: #484A47;
    border-radius: 1rem;
    clip-path: circle(50% at 50% 50%);
    clip-path: polygon(81% 0, 100% 22%, 94% 48%, 100% 91%, 77% 100%, 3% 94%, 14% 66%, 2% 28%, 0 4%);
    
}

#carderp {
    background-image: url(./bisappserp.png);
}
#cardcrm {
    background-image: url(./bisapp_crm.png);
}
#cardpp {
    background-image: url(./pptools.png);
}   


.d365cards .card .contentcard .content {
    transform: translateX(-90rem);
}

.d365cards .card .contentcard .content h2 {
    font-size: 2.8rem;
}
.d365cards .card .contentcard .content p {
    font-size: 1.6rem;
}



/***********soluciones************/













    /******SGE****/
    /*
    .sge {
        height: 84vh;
    }
    
    .sge-header {
        height: 7vh;
    }
    .sge-header h2 {
        font-size: 2.6rem;
    }
    .sge-items {
        margin-top: 0.5rem;
        width: 100%;
        margin-left: 0%;
        left: 0;
    }
    .sge-content {
        width: 100%;
    }
    .accordion-item-headerls > h1 {
        font-size: 1.65rem;
        width: 70%;
        margin-left: 15%;
    }

    .accordion-ls1 > h3 {
        font-size: 1.4rem;
    }


    .accordion-item-bodyls-content > p {
        font-size: 1.4rem;
    }
    
    #sge-rsleer_1 {
        font-size: 1.2rem;
        
    }
    
    .accordion-item-header h4 {
        padding-top: 0.6rem;
        /*font-size: 1.6rem;
    }
    
    .accordion-item-header::after {
        padding-top: 0rem;
    }
    
    .accordion-item-body-content > p {
        font-size: 1.5rem;
    }
*/


    /****************SERVICES******************/   

    
/*
    .text p {
        width: 100%;
        font-size: 1.6rem;
    }
*/



/********contacto***********/

.forma-footer {
    width: 98%;
}

}
@media screen and (max-width: 820px) and (height: 1180px) {
    .launch {
        height: 60vh;
    }
    .contenido-header > img {
        padding-top: 10vh;
        padding-bottom: 10vh;
        border-radius: 2vh;
    }



    .articulo {
        height: 51vh;
    }
    .item { 
        width: 90%;
        margin-left: 5%;
    }
    .item-description {
        top: 11rem;
    }
    
.item-description .vertical-part .solutions,
.item-description .vertical-part .erp-solutions,
.item-description .vertical-part .crm-solutions,
.item-description .vertical-part .pwr-solutionsa,
.item-description .vertical-part .pwr-solutionsb,
.item-description .vertical-part .pwr-solutionsc {
    margin-top: 0.5rem;
    
}


    
      /*****solutions**********/
    .sge-slider-container {
        height: 30vh;
    }


    .forma-footer {
        height: 46vh;
    }
    form, .contact-form, .footer {
        height: 44vh;
    }
}

@media screen and (max-width: 820px) {

  /*  .bbs-conocemas:hover .overlay {
        top: 10%;
        height: 42%;
        
    }
    */
    
    .overlay > img {
        width: 10rem;
        height: 5rem;
    }




}

@media screen and (max-width: 800px) {




nav {
    width: 100%;
}
.nav {
    width: 100%;
    
}

.nav .logo {
    margin-left: 0;
    left: 0;
    width: 80%;
    margin-left: 0%;
}

.nav .enlaces-header {
    margin-left: 0;
    left: 0;
    width: 80%;
}

    .nav .enlaces-header  a {
     font-size: 1.4rem;    
    }

    .lang-selected {
        margin-left: 0rem;
        margin-right: 2rem;
        left: 0;
        font-size: 1.1rem;
    }
    
    .language ul li a {
        font-size: 1rem;
    }



    /****************D365******************/  
    
    
     
    .bcentral .bisapp {
        width: 25%;
    }
    
    .bisapp h1 { 
        width: 90%;
        font-size: 1.8rem;
    }
    

    .bisapp button {
        padding: 1rem 1rem;
        font-size: 1.2rem;
    }
  
    .general {
        margin-right: 25%;
    }
    
    .funcionalidad {
          margin-left: 25%;
    }





    .bisappbc-texts, .bisappfo-texts {
        width: 75%;
    }
    .bisappfo-texts {
        left: 25%;
    }
    .activa {
        left: 25%;
    }
    .activafo {
        left: 0%;
    }


    /****************CRM******************/    

    

    .bacrm .bisapp {
        width: 25%;
    }
    .bacrm .bisapp h1 {
        width: 90%;
        font-size: 1.8rem;
    }
    .bisappsls-texts, .bisappmkt-texts, .bisappsrv-texts {
        width: 75%;
    }
    .bisappsls-texts, .bisappsrv-texts {
        left: 25%;
    }
    .activacrm {
        left: 0%;
    }


/***PP****/

.pwrplattcard {
    width: 28rem;
    height: 68rem;
}


    /************SGE*********/
    
    /****************NOTICIAS******************/   





    /****************contacto******************/   

    
    .empresa h3 {
        font-size: 1.8rem;
    }
    
    .empresa h3 span {
        font-size: 1.8rem;
    }

    .empresa p {
        font-size: 1.4rem;
    }

    
    #logo_simp {
        width: 8rem;
        height: 4rem;
    }

    #sm {
        height: 3.5rem;
        width: 3.5rem;
    }
    
    a i {
        font-size: 2rem;
    }

    .form > button {
        font-size: 1.4rem;
    };



    /****************TÈRMINOS Y CONDICIONES******************/  

/*
    .copyright {
        padding-left: 30px;
    }
*/
}

@media screen and (max-width: 800px) and (height: 600px) {
    .art-desc p {
        font-size: 1.5rem;
    } 



    .text h1 {
        font-size: 1.8rem;
        font-weight: 300;
        line-height: 2.1rem;
    }

    .text p {
        font-size: 1.4rem;
        line-height: 2rem;
    }



}



@media screen and (max-width: 768px) and (height: 1024px) {
    /*.launch {
        height: 58vh;
    }
    .contenido-header > img {
        padding-top: 10vh;
        padding-bottom: 10vh;
        border-radius: 2vh;
    }*/

        /*****solutions**********/
    .sge-slider-container {
        height: 38vh;
    }
    .articulo {
        height: 53vh;
    }

    .item { 
        width: 86%;
        margin-left: 7%;
    }
    .item-description {
        top: 11rem;
    }
    
.item-description .vertical-part .solutions,
.item-description .vertical-part .erp-solutions,
.item-description .vertical-part .crm-solutions,
.item-description .vertical-part .pwr-solutionsa,
.item-description .vertical-part .pwr-solutionsb,
.item-description .vertical-part .pwr-solutionsc {
    margin-top: 0.5rem;
    
}












    .forma-footer {
        height: 50vh;
    }
    form, .contact-form, .footer {
        height: 48vh;
    }


    /*
    #userBox1 p {
        font-size: 1.7rem;
        margin-left: 0;
    }
    
    #userBox1 h3 {
        margin-left: 0;
        font-size: 1.8rem;
    }

    .textos {
        font-size: 1.8rem;
        justify-content: space-around;
    }
    
    .textos p {
        font-size: 1.85rem;
    }

*/    
}
@media screen and (max-width: 712px) and (height: 1138px) {
    .contenido-header > img {
        padding-top: 10vh;
        padding-bottom: 10vh;
        border-radius: 2vh;
    }
    


    /*****solutions**********/
    .sge-slider-container {
        height: 36vh;
    }


    .forma-footer {
        height: auto;
        width: 100%;
    }
    form, .contact-form {
        margin-top: 0;
        max-height: 60vh;
        height:     60vh;

    }
    
}


@media screen and (max-width: 700px) {
/*
    .container {
        max-width: 70rem;
    }
*/




/***LAUNCH*****/

    
    .textos-header {
        margin-top: 8rem;
        margin-bottom: 3rem;
    }


    
    .textos-header h1 {
     /*   margin-top: 45%;*/
        /*font-size: 2.2rem;*/
        letter-spacing: normal;
    }
    
    .textos-header h2 {
        /*margin-top: 15%;*/
        font-size: 2.0rem;
        letter-spacing: normal;
    }
    .textos-header p {
        font-size: 1.6rem;
        /*letter-spacing: normal;*/
        /*margin-top: 10%;*/
    }
    
/*
    .textos-header a {
        width: 16rem;
        font-size: 1.2rem;
    }

    */

    .contenido-header > img {
        width: 36%;
        margin-left: 2%;
        padding: 4rem 1rem;
    }

    
    
    #conoce {
        width: 40%;
        font-size: 1.2rem;

    }
    .overlay > p {
        font-size: 1.8rem;
    }
    /*
    .overlay {
        height: 50vh;
    }
   

    .acercade > h4, .mision > h4 {
        font-size: 1.4rem;
    }

    .acercade > p, .mision > p {
        font-size: 1.2rem;
        
    }
    
    .overlay > img {
        width: 6%;
        height: 5%;
    }

    
   
*/

/****home*****/
.menu-srv h1 {
    font-size: 1.4rem;
}

.textos1 {
    /*max-height: 60rem;*/
    overflow-y: scroll;
}

.textos1::-webkit-scrollbar {
    width: 0.5rem;
    background:transparent;
}

.textos1::-webkit-scrollbar-thumb {
    background: #393801;
    border-radius: 1rem;
    border-right: 0.1rem solid #f9f907;
}

/*******sge*****/

.item {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    width: 80%;
    margin-left: 10%;
}

/*

.item-image-container {
    width: 105%;
}

.item-image {
    left:-2%;
}

.item-header {
    left: 2%;
}
/*
.item-header:after {
    width: 10rem;
    height: 0.15rem;
    margin-top: 0;
}
*/
.item-description {
    width: 100%;
    top: 12rem;
    left: 5%;
}

.item-header .vertical-part {
font-size: 3.4rem;

}

.controls {
    margin-right: 5rem;
}
/*
.accordion-item-bodyls-content {
    max-height: 35rem;
   /* overflow-y: scroll;*
}
/*
.accordion-item-bodyls-content::-webkit-scrollbar {
    width: 0.5rem;
    background:transparent;
}

.accordion-item-bodyls-content::-webkit-scrollbar-thumb {
    background: #393801;
    border-radius: 1rem;
    border-right: 0.1rem solid #f9f907;
}*/

/**********industrias**********/

.ind-item .text-box:hover {
    top: -6rem;
    transform: scale(1.3);
}


/*
.items-lbe .areas {
    height: 60vh;
}*/
/*
.text h1 {
    font-size: 1.6rem;

    font-weight: 600;
}
*/
/*******contacto***********/
/*
.contact-header h2 {
    font-size: 2.4rem;
}*/
.forma-footer {
    width: 100%;
    left: 0%;
    display: flex;
    flex-direction: column;
    height: auto;
    align-content: center;
}
.contact-form {
    width: 100%;
    left: 0%;
    overflow: hidden;
    height: auto;
    
}
form {
    width: 90%;
    left: 5%;
}


form .grupo {
    position: relative;
    margin: 2rem 0;
    width: 100%;
}

.form {
    width: 90%;
    margin-left: 5%;
    height: inherit;
}

.form > button {
    position: relative;
    width: 30%;
    left: 35%;
    font-size: 1.2rem;
}

.footer {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
}


.footer-caption {
    width: 80%;
    margin-left: 10%;
    margin-top: 0;
    padding-top: 0;
    height: auto;
}
.empresa {
    width: 100%;
    height: auto;
}
.empresa h3 {
    line-height: 2rem;
}

.f-contacto {
    width: 80%;
    margin-left: 10%;
    height: auto;
}
#logo_simp {
    display: none;
}
#sm {
    width: 4rem;
    height: 4rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-bottom: 1rem;

}
    
a i {
    font-size: 2.2rem;
}












/*
input, textarea {
    width: 80%;
}


#logo_simp {
    width: 28%;
    height: 22%;
}


#sm {
    height: 3rem;
    width: 3rem;
}


.copyright {
    /*width: auto;
    margin-top: 1rem;
    color: rgb(252, 252, 3);
    font-size: 1.2rem;
    font-weight: 300;
    padding-left: 2rem;
}

.politica-privacidad {
   /* width: auto;
   /* color: inherit;
    color: rgb(252, 252, 3);
    text-decoration: none;
    /*display: inline-block;
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 300;
    padding-right: 2rem;
}

/*
.contact-header h2 {
    font-size: 2rem;
}



.empresa h3 {
    font-size: 1.8rem;
}

.empresa h3 span {
    font-size: 1.8rem;
}

.empresa p {
    font-size: 1.4rem;
}



a i {
    font-size: 1.4rem;
}



*/

}



@media screen and (max-width: 600px) {
    .container {
        max-width: 100%;
    }
    /*
    .sectiontitle {
        font-size: 2.2rem;
        letter-spacing: normal;
    }*/
    .nav .enlaces-header {
        width: 90%;
    }


    .nav .enlaces-header  a {
        font-size: 1.2rem;
    }

    .lang-selected {
        position: absolute;
        margin-right: 0rem;
    }
    .language ul {
        /*width: 10rem;*/
        margin-left: -14rem;
    }   

    /***D365*****/

.d365cards {
    margin: 0 0;
    width: 100%;
    margin-bottom: 4rem;
}

.d365cards .card {
    width: 96%;
    margin: auto;
    height: 38vh;
}
.d365cards .card .imgcard {
    width: 100%;
    
}

.d365cards .card .imgcard H1 {
    font-size: 1.8rem;
    line-height: 2.6rem;
    max-width: 98%;
    margin: auto;
    height: 38rem;
    background-color: #ff7c254d;
    color: #484A47;
    border-radius: 1rem;
    justify-items: center;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-justify: auto;
    
}

.d365cards .card .contentcard .content h2 {
    font-size: 2rem;
}




    /****************bisapps******************/    
.baerptitle1, .bacrmtitle, .pptitleh1, .sectiontitle4 {
    font-size: 2.6rem;
    letter-spacing: normal;
}    

.bisapps-head p {
    font-size: 1.6rem;
    width: 90%;
    margin-left: 5%;
}

    
.bisappbc-texts, .bisappfo-texts  {
    top: 0rem;
    background-color: transparent;
    justify-content: initial;
}
.bisappbc-texts, .bisappfo-texts {
    background-image: url(./Dynamics365_BCLogo.png);
    background-size: 20rem;
    background-position-x: center;
    background-position-y: center;
    background-blend-mode: soft-light;
    background-repeat: no-repeat;

}
.bisappfo-texts {
    background-image: url(./Dynamics365_FOLogo.png);
}
.bisappbc-texts h4, .bisappfo-texts h4 {
    margin-top: 4rem;
}

.bcentral .bisapp {
    width: 50%;
    align-content: initial;
    justify-content: initial;
}
.bisapp button {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
    color: #ff7c25;
    color: #484A47;
    background-color: transparent;
    cursor: pointer;
    z-index: 10;
}
.bisapp button:hover {
    text-decoration: underline;
    color: #ff7c25;
}
.bcgralbtn, .fogralbtn {
    margin-left: 80%;

}
.bcfunbtn, .fofunbtn {
    margin-right: 80%;
}




.funcionalidad img, .funcionalidad h1,
.general img, .general h1 {
    display: none;
}
.bisappbc-texts, .bisappfo-texts {
    width: 100%;
}

.activa {
    left: 0%;
}
.bisappfo-texts {
    left: 0%;
}

    /************crm******************/
    
    .bisappsls-texts, .bisappmkt-texts, .bisappsrv-texts {
        top: 0rem;
        background-color: #ff7c25ad;
        box-shadow: 1rem 1rem 1.5rem 1rem #0a0501;
        /*justify-content: initial;*/
        background-image: url(./DynamicsSales_logo.png);
        background-size: 20rem;
        background-position-x: center;
        background-position-y: center;
        background-blend-mode: soft-light;
        background-repeat: no-repeat;
        width: 100%;
    }

    .bisappmkt-texts {
        background-image: url(./dyncrm_mkt.png);
    }
    .bisappsrv-texts {
        background-image: url(./dyncrm_CS.png);
    }
    
    .bisappsls-texts h4, .bisappmkt-texts h4, .bisappsrv-texts h4 {
        margin-top: 4rem;
    }

    .bisappsls-texts ul li,
    .bisappmkt-texts ul li,
    .bisappsrv-texts ul li {
        font-weight: 500;
    }


    .bacrm .bisapp {
        width: 50%;
        align-content: initial;
        justify-content: initial;
    }
     
    /*
    .bisapp button {
        margin-top: 0.5rem;
        padding: 0.5rem 1rem;
        font-size: 1.4rem;
        color: #ff7c25;
        color: #484A47;
        background-color: transparent;
        cursor: pointer;
        z-index: 10;
    }
    .bisapp button:hover {
        text-decoration: underline;
        color: #ff7c25;
    }
    */
    .slsgralbtn, .mktgralbtn, .srvgralbtn {
        margin-left: 80%;
    
    }
 
    .slsfunbtn, .mktfunbtn, .srvfunbtn {
        margin-right: 80%;
    }

    /*
    .funcionalidad img, .funcionalidad h1,
    .general img, .general h1 {
        display: none;
    }*/
/*
    .bisappbc-texts, .bisappfo-texts {
        width: 100%;
    }
   */ 
    .activa {
        left: 0%;
    }
    .bisappsls-texts, .bisappsrv-texts {
        left: 0%;
    }
    

/***PP*****/

.pwrplattcard {
    width: 20rem;
    height: 7rem;
}

.pwrplattcard {
    width: 100%;
    height: 78rem;
}
.pwrplattcard .ppportada:nth-child(2),
.pwrplattcard .ppportada2:nth-child(2),
.pwrplattcard .ppportada3:nth-child(2), 
.pwrplattcard .ppdetalle:nth-child(2) {
    width: 50%;
}





.pwrplattcard .ppportada .ppcontent .ppcontenthead h2,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 {
    font-size: 2rem;
}
.pwrplattcard .ppportada .ppcontent .ppcontenthead h2 span,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2 span,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 span {
    font-size: 3rem;
}
.pwrplattcard .ppportada .ppcontent .ppcontenthead2 h2,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 h2 {
    font-size: 2.rem;
}


.pwrplattcard .ppportada .ppcontent .ppcontenthead2 h2 span,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2 span,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 h2 span {
    
    font-size: 3rem;
}


.pwrplattcard .ppdetalle {
    width: 100%;
    padding: 0.4rem 0.4rem 0.4rem 0;
}

.pwrplattcard .ppdetalle .ppcontent {
    width: 100%;
    margin: 0 0;
    padding: 0 0;
}

.pwrplattcard .ppdetalle .ppcontent .pbidesc ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc2 ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc3 ul {
    font-size: 1.4rem;
}

.pwrplattcard .ppdetalle .ppcontent .pbidesc ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc2 ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc3 ul {
    margin: 0 0;
    margin-right: 2rem;
}




    /****************NOTICIAS******************/   


    /****************contacto******************/   

    .form > button {
        width: 50%;
        left: 25%;
    }


}

@media screen and (max-width: 540px) and (height: 720px) {
    /*.contenido-header {
  
*/

/*ba*/
.bcentral .bisapp {
    height: 58rem;
}


.bacrm .bisapp {
    height: 56rem;
}


/**Platform*/
.pwrplattcard {
    height: 60rem;
}



    .forma-footer {
        height: auto;
    }
    form, .contact-form {
        max-height: 60vh;
    }
 
    
    #userBox1 p {
        font-size: 1.4rem;
        width: 92%;
        margin-left: 4%;
        left: 0;
        
    }
    
    #userBox1 h3 {
        width: 92%;
        margin-left: 4%;
        font-size: 1.6rem;
    }
    .text-header h2 {
        font-size: 1.6rem;
    }
    .text-header h4 {
        margin-top: 0.5vh;
    }
   
    .textos p {
        font-size: 1.4rem;
    }

}

@media screen and (max-width: 500px) {


    .nav .logo {
        margin-top: 0;
        top: 0rem;
        padding-top: 0;
        max-width: 60%;
        display: flex;
        flex-direction: row;
        /*justify-content: space-evenly;*/
        text-align: left;
        align-items: left;
        font-size: 2rem;
        height: 100%;
        /*max-height: 7rem;*/
        margin-left: 0rem;
        left: 0rem;
        margin: auto;
        
    }
    .nav .logo img {
        position: relative;
        margin-left: 1.5rem;
        height: 4rem;
        width: 15rem;
        border-radius: 0.5rem;
        
    }

    
    .slogan {
        position: relative;
        width: 80%;
        height: auto;
        margin-top: 0;
        top: 0;
        padding-top: 0;
        margin-left: 1rem;
    }
        .slogan h3 {
            width: 90%;
            margin-right: 0;
            margin-top: 2rem;
            padding: 0 0;
            font-size: 1.2rem;
        }
    
    .enlaces-header {
        max-width: 55%;
        flex-wrap: wrap;
        display: none;
        
    }
    
    .nav .enlaces-header  a {
        width: 50%;
        padding: 0.5rem 0;
        margin: 0rem 0rem;
    }

    .nav .menuhamD365 {
        position: relative;
        margin-top: 2rem;
        margin-left: 25rem;
        display: block;   
        
        z-index: 1000;
        
        
    }

    .nav .menuhamD365 span {
        display: block;
        background-color: #f2f2f2;
        height: 0.3rem;
        width: 2.5rem;
        margin-bottom: 0.3rem;
        z-index: 100;
    }

    .menuham-d365:hover {
        cursor: pointer;
    }


    
    .navhamD365 {
        position: absolute;
        top: 8rem;
        right: 0rem;
        width: 100%;
        height: 100vh;
        padding: 3rem 4rem;
        background-color: #011032e3;
        background-color: #484a47da;
        display: flex;
        flex-direction: column;
        animation: desplaza 1.2s ease-in-out;
        

    }

    

    .navhamD365 a {
        font-size: 1.6rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        color: rgb(25, 25, 0);
        color: rgb(246, 255, 0);
        color: #f2f2f2;
        text-decoration: none;
        letter-spacing: normal;
        margin: 4rem 0;
        user-select: none;
        z-index: 7;
    }

    .navhamD365 a:hover {
        cursor: pointer;
        font-weight: bolder;
    }


    /*
    .nav a:first-of-type {
        margin-top: 4rem;
    }
*/

    .language {
        position: absolute;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        max-height: 8vh;
        height: 6vh;
        max-width: 8rem;
        margin-top: 0rem;
        left: 85%;
        top: 1rem;
    }
    .lang-selected {
        position: relative;
        justify-content: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
        align-items: center;
        right: 0.5rem;
    }
    .lang-selected:before {
        margin-bottom: 0.8rem;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-left: 0.45rem;

    }
    
    .language ul {
        top: 3rem;
        left: 12rem;
        /*width: 8rem;*/
    }
   
    
/***********SERVICES*********/

.items-lbe .areas {
    height: 68vh;
    background-color: royalblue;
}


/***soluciones*/
.item-header .vertical-part {
    font-size: 2.4rem;
}

.item-description {
    top: 10rem;
}


}



@media screen and (max-width: 450px) {

/*******d365*****/





/****************bisapps******************/    
    .bcentral .bisapp {
        height: 65rem;
    }

.bisapp button {
    font-size: 1.2rem;
}

/****************crm******************/    
.bacrm .bisapp {
    height: 65rem;
}

.bacrm button {
font-size: 1.2rem;
}

  
    /************SGE*********/
    .sge-slider-container {
        width: 94%;
    }

    .item-header:after {
        height: 0.1rem;
    }
    
/***soluciones*/
.item-header .vertical-part {
    font-size: 2.2rem;
}

.item-description {
   
    top: 8rem;
}
/*
.item-description .vertical-part b {
    font-size: 1.4rem;
}
*/

    /****************INDUSTRIAS******************/   

.ind-item {
    min-width: 30rem;
    max-width: 30rem;
    /*height: 68rem;*/
}

    /*
    .items-lbe .areas {
        height: vh;
    }*/

    /*
    .text > h1 {
        width: 96%;
        margin-left: 2%;
        font-size: 1.8rem;
        font-weight: 500;
    }


    .text > p {
        width: 96%;
        margin-left: 2%;
        font-size: 1.4rem;
        padding: 0 0;
    }
*/

 /*
    .servdesc-texto h2 {
        font-size: 1.4rem;
    }
    .text-box h1 span {
       font-size: 1.6rem;
    }
    
     .text-box h1 {
        width: 90%;
        margin-left: 35%;
        font-size: 1.4rem;
    }

 
*/
    
    /****************NOTICIAS******************/   

/*
    .contenedor1 h2::after {
        width: 80%;
        margin-left: 10%;
    }

  
    .articulo {
        width: 90%;
        margin-bottom: 1.5rem;
        border-radius: 1rem;
        padding: 2rem 3rem 1rem 3rem;
        transition: 0.5s;
    }

            
        .articulo > i {
            font-size: 2rem;
            width: 4rem;
            height: 4rem;
            padding-top: 1.2rem;
        }
    
    
        .articulo > h3 {
            font-size: 1.6rem;
            margin-top: 1rem;
        }
    
        .articulo > p {
            margin-top: 1rem;
            padding-bottom: 1rem;
            font-size: 1.4rem;
        }
    
        .articulo > a {
            font-size: 1.2rem;
        }
    
*/


    /****************contacto******************/   
 
    
    .f-contacto {
        width: 100%;
        margin-left: 0%;
    }
    
    #sm {
        width: 3.5rem;
        height: 3.5rem;
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 1rem;
    
    }
        
    a i {
        font-size: 20px;
    }
    



    /****************TÈRMINOS Y CONDICIONES******************/  


}

@media screen and (max-width: 414px) and (height: 896px) {
    .bbs-conocemas:hover .overlay {
        top: 9%;
        height: 55%;
    }
    .sge-header h2 {
        font-size: 1.8rem;
    }
    .sge-slider-container .sge-action-buttons .up-button {
        margin-top: 0.8vh;
    }
    .forma-footer {
        height: auto;
    }
    form, .contact-form, .form {
        max-height: 58vh;
        height: 58vh;
    }

/*
    #home, #homecontent {
        height: 82vh;
    }


    #userBox1 {
        margin-bottom: 1vh;
    }
    
    #userBox1 p{
        left: 0;
        width: 90%;
        margin-left: 5%;
        font-size: 1.4rem;
    }
    #userBox1 h3 {
        left: 0;
        width: 90%;
        margin-left: 5%;
        font-size: 1.5rem;
    }
    */
}

@media screen and (max-width: 414px) and (height: 736px) {
    /*.contenido-header {
        height: 80%;
    }*/


    .articulo {
        height: 60vh;
    }
    .art-desc {
        margin-top: 2vh;
    }
     /*d365*/
     .d365cards .card {
        height: 42vh;
    }


/*************industrias****************/

    .text p {
        margin-top: 0;
        padding-top: 0;
        line-height: 1.85rem;

    }


    .forma-contacto {
        height: auto;
    }
    form {
        /*margin-top: 0;*/
        max-height: 58vh;
    }
    /*
    .contact-form {
        height: 164vh;
        
    }*/
    /*
    .form {
        height: 164vh;
        
    }*/

    .forma-footer {
        height: auto;
    }
    /*
    .footer {
        margin-top: 0;
        top: 0;
        height: 64vh;
    }*/
}

@media screen and (max-width: 412px) and (height: 915px) {
    /*.launch {
        height: 58vh;

    }
    .contenido-header {
        height: inherit;
    }
    .contact-header > img {
        padding-top: 0;
        top: 0vh;
        margin-top: 0;
    }
    .textos-header {
        margin-top: 5vh;
    }
    */


    #userBox1 {
        margin-bottom: 4vh;
    }    
    #userBox1 p{
        left: 0;
        width: 90%;
        margin-left: 5%;
        font-size: 1.4rem;
    }
    #userBox1 h3 {
        left: 0;
        width: 90%;
        margin-left: 5%;
        font-size: 1.5rem;
    }

      /*****solutions**********/
    .sge-slider-container {
        height: 42vh;
    }


}


@media screen and (max-width: 400px) {

    /*sectiontitle {
        font-size: 2.1rem;
        letter-spacing: normal;
    }

    .descsectiontitle {
        font-size: 1.4rem;
    }

    */

    .nav .logo img {
        position: relative;
        height: 3.5rem;
        width: 6rem;
        margin-left: 0;
    }

    .nav .logo .slogan {
        width: 100%;
        font-size: 0.8rem;
        padding: 0 0;
        margin-top: 0;
        margin-bottom: 0;

    }

    .slogan h3 {
        width: 100%;
        font-weight: 300;
    }

    .nav .menuhamD365 {
        position: relative;
        margin-top: 2.5rem;
        margin-left: 18rem;
        display: block;   
        
        z-index: 1000;
        
        
    }

    .nav .menuhamD365 span {
        display: block;
        background-color: #f2f2f2;
        height: 0.3rem;
        width: 2.5rem;
        margin-bottom: 0.3rem;
        z-index: 100;
    }

    .menuham-d365:hover {
        cursor: pointer;
    }


    
    .navhamd365 {
        position: absolute;
        top: 8rem;
        right: 0rem;
        width: 15rem;
        height: 66rem;
        padding: 3rem 4rem;
        background-color: #011032e3;
        display: flex;
        flex-direction: column;
        animation: desplaza 1.2s ease-in-out;
        


    }

    

    .navhamd365 a {
        font-size: 1.4rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
        color: rgb(25, 25, 0);
        color: rgb(246, 255, 0);
        text-decoration: none;
        letter-spacing: normal;
        margin: 4rem 0;
        user-select: none;
        z-index: 7;
    }

    .navhamd365 a:hover {
        cursor: pointer;
        font-weight: bolder;
    }


    .language {
        right: 0rem;
        margin-left: 0rem;
    }
    .lang-selected {
        right: 0rem;
        margin-left: 1rem;
    }
    .language ul {
        left: 12rem;
    
    }
    

/****header*******/


/****************D365******************/  
.d365cards .card {
    /*width: 98%;*/
    height: 48vh;
    /*margin: auto;*/
}


    /****************bisapps******************/  
    /*.bisapps-head h2, .sectiontitle2, .sectiontitle4 {
        font-size: 3rem;
        width: 90%;
        margin-left: 5%;
    }*/
    
    .baerptitle1, .bacrmtitle, .pptitleh1, .sectiontitle4 {
        font-size: 2.4rem;
        
    }
/*
    .bisapps-head p, .descsectiontitle2 {
        width: 94%;
        margin-left: 3%;
    }
   */ 
    .bcentral .bisapp {
        height: 80rem;
    }

    
    .general {
        margin-right: 15%;
    }
    
    .funcionalidad {
        margin-left: 15%;
    }


    /****************crm******************/  
    .bisappsls-texts h4, .bisappmkt-texts h4, .bisappsrv-texts h4 {
        width: 90%;
        margin-left: 5%;
        line-height: 2.2rem;
    }
    
    .bacrm .bisapp {
        height: 80rem;
    }
    

/***PP*****/


.pwrplattcard {
    width: 100%;
    height: 104rem;
}
.pwrplattcard .ppportada:nth-child(2),
.pwrplattcard .ppportada2:nth-child(2),
.pwrplattcard .ppportada3:nth-child(2), 
.pwrplattcard .ppdetalle:nth-child(2) {
    width: 50%;
}


.pwrplattcard .ppportada .ppcontent .ppcontenthead h2,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 {
    font-size: 1.6rem;
}
.pwrplattcard .ppportada .ppcontent .ppcontenthead h2 span,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead h2 span,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead h2 span {
    font-size: 2.4rem;
}
.pwrplattcard .ppportada .ppcontent .ppcontenthead2 h2,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 h2 {
    font-size: 1.6rem;
}


.pwrplattcard .ppportada .ppcontent .ppcontenthead2 h2 span,
.pwrplattcard .ppportada2 .ppcontent .ppcontenthead2 h2 span,
.pwrplattcard .ppportada3 .ppcontent .ppcontenthead2 h2 span {
    
    font-size: 2.4rem;
}

.pwrplattcard .ppportada .ppcontent .pbidesc p,
.pwrplattcard .ppportada .ppcontent .pbidesc2 p,
.pwrplattcard .ppportada2 .ppcontent .pbidesc p,
.pwrplattcard .ppportada2 .ppcontent .pbidesc2 p,
.pwrplattcard .ppportada3 .ppcontent .pbidesc p,
.pwrplattcard .ppportada3 .ppcontent .pbidesc3 p {
    font-size: 1.6rem;
}

.pwrplattcard .ppdetalle {
    padding: 0.2rem 0.2rem 0.2rem 0;
}

.pwrplattcard .ppdetalle .ppcontent {
    width: 100%;
    margin: 0 0;
    padding: 0 0;
}

.pwrplattcard .ppdetalle .ppcontent .pbidesc ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc2 ul,
.pwrplattcard .ppdetalle .ppcontent .pbidesc3 ul {
    font-size: 1.4rem;
}

.pwrplattcard .ppdetalle .ppcontent .pbidesc li,
.pwrplattcard .ppdetalle .ppcontent .pbidesc2 li,
.pwrplattcard .ppdetalle .ppcontent .pbidesc3 li {
    font-size: 1.25rem;
}




    /************SGE*********/



    /****************SERVICES******************/   

   

/*********industrias**********/
    
    /****************NOTICIAS******************/   




    /****************contacto******************/   
   
   /*
    .contact-header h2 {
        font-size: 2.1rem;
        letter-spacing: 0px;
    }*/
    /*.forma-footer {
        width: 100%;
        left: 0%;
        display: flex;
        flex-direction: column;
        height: auto;
        align-content: center;
    }
    
    
    form {
        width: 60%;
        left: 0%;
    }
    .form {
        width: 60%;
        left: 0%;
    }
    

    input, textarea {
        
        width: 100%;
        left: 0;
        margin-left: 0;

        font-size: 1.4rem;
    }
    label {
        font-size: 0.8rem;
    }
    input:focus~label, input:valid~label, textarea:focus~label, textarea:valid~label, select:focus~label, select:valid~label {
        font-size: 0.8rem;
    } 
    
    
    .footer-caption {
        width: 100%;
        margin-left: 0;
    }
*/
    .empresa p {
        font-size: 1.2rem;
    }

    /*
    .f-contacto {
        height: 20vh;
    }
    */



    #sm {
        height: 3.2rem;
        width: 3.5rem;
        /*margin-bottom: 1rem;
        margin-left: 1rem;*/

    }
    
    a i {
        font-size: 1.8rem;
    }

    .copyright, .politica-privacidad, .politica-privacidad1 {
        font-size: 0.8rem;
    }
    
   

    /****************TÈRMINOS Y CONDICIONES******************/  


}


@media screen and (max-width: 393px) and (height: 851px) {

    .lang-selected {
        left: 1rem;
    }
    .language ul {
        top: 2.2rem;
        left: 14rem;
    }
    
    
/*ba*/
.bcentral .bisapp {
    height: 70rem;
}


.bacrm .bisapp {
    height: 65rem;
}


/**Platform*/
.pwrplattcard {
    height: 78rem;
}

    
}

@media screen and (max-width: 390px) and (height: 844px) {
    
    .lang-selected {
        left: 1rem;
    }
    .language ul {
        top: 2.2rem;
        left: 14rem;
    }
    /*ba*/
.bcentral .bisapp {
    height: 70rem;
}


.bacrm .bisapp {
    height: 65rem;
}


/**Platform*/
.pwrplattcard {
    height: 78rem;
}


}

@media screen and (max-width: 375px) and (height: 812px) {
    .navham {
        height: 66rem;
    }

    
    .navham a {
        margin: 4.2rem 0;
    }

    .lang-selected {
        left: 1rem;
    }
    .language ul {
        top: 2.2rem;
        left: 14rem;
    }
     /*d365*/
     .d365cards .card {
        height: 42vh;
    }    
    /*ba*/
.bcentral .bisapp {
    height: 68rem;
}


.bacrm .bisapp {
    height: 65rem;
}


/**Platform*/
.pwrplattcard {
    height: 78rem;
}


}
@media screen and (max-width: 375px) and (height: 667px) {
    /*.contenido-header > img {
        margin-top: 1vh;
    }
    .textos-header h2 {
        width: 80%;
    }*/

    .navham {
        height: 59rem;
    }

    
    .navham a {
        margin: 3.6rem 0;
    }

    .lang-selected {
        left: 1rem;
    }
    .language ul {
        top: 1.8rem;
        left: 14rem;
    }
    

    
/*ba*/
.bcentral .bisapp {
    height: 74rem;
}


.bacrm .bisapp {
    height: 65rem;
}


/**Platform*/
.pwrplattcard {
    height: 78rem;
}


 /*
    #home {
        height: 84vh;
    }
    #homecontent {
        height: 84vh;
    }
    
    #userBox1 {
        height: 65vh;
        margin-top: 0;
        top:0;
        padding-top: 0;
        margin-bottom: 0vh;
    }
    .textos1 {
        height: 65vh;
        max-height: 60vh;
        margin-top: 2vh;
        justify-content: initial;
        line-height: 1.6rem;
    }
    
    #userBox1 h3 {
        width: 96%;
        margin-left: 2%;
        left: 0;
        padding-top: 0.85rem;
    }

    .text-boxuser {
        max-height: 56vh;
    }
    .textos {
        height: 34vh;
        max-height: 34vh;
    }

*/

/*    
#home {
    height: 86vh;
}
#homecontent {
    height: 86vh;
}

#userBox1{
    height: 65vh;
    margin-top: 0;
    top:0;
    padding-top: 0;
    margin-bottom: 0vh;
}
.textos1 {
    height: 65vh;
    max-height: 60vh;
    margin-top: 2vh;
    justify-content: initial;
    line-height: 1.6rem;
}




#userBox p {
    width: 96%;
    margin-left: 2%;
    left: 0;
}
     
#userBox h3 {
    width: 92%;
    margin-left: 4%;
    left: 0;
    font-size: 1.4rem;
    padding-top: 0.8rem;
}

.user {
    padding-top: 1vh;
    padding-bottom: 0vh;
}
.textos {
    height: 32vh;
    max-height: 32vh;
}
*/

    .sge-header h2 {
        font-size: 1.6rem;
    }
    
    /*****solutions**********/
    .sge-slider-container {
        height: 66vh;
    }



    .sge-slider-container .sge-action-buttons .up-button {
        margin-top: 1.25vh;
    }

    /*************industrias***************/



    
    .text > p {
        line-height: 1.85rem;
    }



    

    .forma-footer {
        height: auto;
    }
    form, .contact-form {
        margin-top: 0;
        max-height: 66vh;
        height:     66vh;
    }
    .form > button:hover {
        font-size: 1.2rem;
        font-weight: 600;
    
    }



}

@media screen and (max-width: 360px) and (height: 740px) {


    .lang-selected {
        left: 0.2rem;
    }
    .language ul {
        top: 2.2rem;
        left: 12.8rem;
    }
    

/*ba*/
.bcentral .bisapp {
    height: 74rem;
}


.bacrm .bisapp {
    height: 65rem;
}


/**Platform*/
.pwrplattcard {
    height: 78rem;
}




    .forma-footer {
        height: auto;
    }
    form, .contact-form {
        margin-top: 0;
        max-height: 68vh;
        height:     68vh;
    }
    .form > button:hover {
        font-size: 1.2rem;
        font-weight: 600;
    
    }

    /*************industrias***************/



    
    .text > p {
        line-height: 1.95rem;
    }


}

@media screen and (max-width: 360px) and (height: 640px) {
    
    
    .navham {
        height: 56rem;
    }

    
    .navham a {
        margin: 3.5rem 0;
    }

/*d365*/
    .d365cards .card {
        height: 55vh;
    }
    .d365cards .card .imgcard > h1 {
        font-size: 1.8rem;
    }


/*ba*/
.bcentral .bisapp {
    height: 76rem;
}


.bacrm .bisapp {
    height: 65rem;
}


/**Platform*/
.pwrplattcard {
    height: 78rem;
}


    
    .text > p {
        line-height: 1.8rem;
    }

    /*****solutions**********/
    .sge-slider-container {
        height: 66vh;
    }


}

@media screen and (max-width: 320px) {
 
    .enlaces-header a {
        padding-top: 0.1rem;
        padding-bottom: 0.5rem;
        letter-spacing: normal;
        font-size: 0.8rem;
    }

    
    /*****HEADER****/
    /****************launch******************/  

/****bisapps****/

    /****************bisapps******************/  
    .bcentral .bisapp {
        height: 85rem;
    }
    /****************CRM******************/  

    .bacrm .bisapp {
        height: 85rem;
    }


    /****************portafolio servicios******************/    




/*    #userBox1 p {
        font-size: 1.2rem;
    }
    .textos p {
        font-size: 1.4rem;
    }
  */  
    /************SGE*********/

    

    .accordion-item-header h4 {
        font-size: 1.5rem;
    }
    
    
    /*
    .sge-header h2 {
        letter-spacing: 0;
        font-size: 1.8rem;
    }
    .accordion-item-headerls > h1 {
        font-size: 1.6rem;
    }
*/
/*
    .accordion-item-headerls {
        top: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        line-height: 1.8px;
        vertical-align: middle;
    }
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.4rem;
        letter-spacing: normal;
        line-height: 1.4rem;
    }
    .accordion-ls1 > h3 {
        width: 90%;
        margin-left: 5%;
        padding-bottom: 0.5rem;
        padding-top: 1rem;
    }
    .accordion-item-bodyls-content {
        height: 6.5rem;
    }
        #sge-rsleer_1 {
        margin-top: 14rem;
    }
    */
    /*
    .accordion-item-body-content > p {
        font-size: 1.4rem;
        line-height: 1.7rem;
        margin-top: 0.2rem;
    }


    
    .accordion-item {
        width: 99%;
        margin-left: 0.5%;
    }
    .accordion-item-header {
        width: 100%;
        padding-left: 0;
        margin-left: 0%;
        
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .accordion-item-header h4 {
        width: 100%;
        padding-left: 1rem;
        font-size: 1.4rem;
        font-weight: 600;
        letter-spacing: normal;
        margin-top: 0rem;
        margin-bottom: 0;
    }

    .accordion-item-body-content {
        height: 20vh;
        width: 99%;
        left: 0%;
    }
    .accordion-item-header::after {
        display: none;
    }
    /*  
    .sge-header {
        height: 10vh;
        
    }



    .accordion-item-headerls > h1 {
        font-size: 1.4rem;
        letter-spacing: normal;
        line-height: 1.4rem;
    }



    
 
  




/*
    .sge {
        height: 82vh;
    }
    .sge-contenedor {    
        height: 82vh;
        width: 100%;
        max-width: 320px;
    }

    .sge-items {    
        height: 76vh;
    }

    .sge-header h2 {
        width: 100%;
        line-height: 14px;
        letter-spacing: 0px;
        font-size: 14px;
    }

    .sge-slider-container {
        height: 75vh;
        width: 320px;
    }

    .accordion-ls1 h3 {
        font-size: 9px;
        letter-spacing: 1px;
    }

  

    
    .accordion-item-bodyls-content::-webkit-scrollbar {
        width: 3px;
        background:transparent;
    }

    .accordion-item-bodyls-content::-webkit-scrollbar-thumb {
        background: #130e00;
        border-radius: 10px;
        border-right: 1px solid #f9f907;
    }



    .sge-right-slide > .sge-rs {
        overflow: hidden;
    }


    .accordion-item-headerls h1 {
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 18px;
    }

 
        
    #sge-rsleer_1 {
        margin-top: 160px;
        margin-left: 14%;        
    }

    .accordion-item {
        margin-top: 0.2rem;
        margin-left: 2%;
        max-width: 96%;
    }

    .accordion-item-header {
        min-height: 14px;
        margin-top: 2px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    
    .accordion-item-header h4 {
        padding: 4px 5px 0px 20px;
        font-size: 14px;
        line-height: 18px;
    }
    
    
    .accordion-item-header::after {
        font-size: 22px;
        padding-top: 0px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        vertical-align: text-top;
    }



    button {
        font-size: 16px;
        padding: 8px;
    }

    .sge-slider-container .sge-action-buttons button {
        /*position: absolute;
        left: 40%;*/
  /**      top: 33%;
    }

    .sge-slider-container .sge-action-buttons .down-button {
        top: 0.35vh;
    }

 
*/

    /****************SERVICES******************/   

    .text-box {
        height: 96%;
        top: 2%;
    }

    .text > h1 {
        padding: 0 0;
    }
    
    /*
        right: 0;
        padding-right: 0;
        margin-right: 0;
        margin-left: 28%;
        font-size: 1.5rem;
        /*line-height: 1.8rem;
        width: 80%;
        margin-top: 0.4rem;
        
    }
    
    .text-box h1 span {
        padding-top: -0.2rem;
    }

    
    .text-box > p {
        width: 98%;
        margin-left: 2%;
    }
    
/*
    .servdesc-texto h2 {
        font-size: 14px;
        /*margin-top: 5px;
        margin-left: 0%;
    }

    .servdesc-texto h2::after {
        width: 240px;
        margin-left: 0%;
        padding-bottom: 10px;


    }

    .text-box h1 > span {
        top: 10px;
    }
    

    */
/***************industrias***********/

.ind-item .text-box .text:hover {
    transform: scale(0.8);
    top:-110rem;
    height: 120rem;
}

    /****************NOTICIAS******************/   



    /****************contacto******************/   
    
    #sm {
        width: 3.5rem;  
        height: 3.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        margin-bottom: 1rem;
    
    }

    /* 
    .s-contact {
        height: 100vh;
        max-width: 320px;
      
    }

    .fomra-contacto {
        height: 100vh;
    }



    .contact-header h2 {
        font-size: 18px;
    }

    .contact-header h2::after {
        width: 80%;
    }

    
    form {
        max-width: 320px;
    }

    .footer {  
        max-width: 320px;
        margin-top: 160px;
    }
    
    .footer-caption {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 52vh;
    }

    .empresa {
        margin-top: 0px;
    }

    
    .f-contacto {
        width: 100%;
        height: 80vh;
        margin-top: 0px;
    }

        
    #logo_simp {
        margin-top: 5px;
        padding-left: 0px;
    }



   .social-media {
        margin-left: 0%;
        left: 0%;
   } 

    #sm {
        height: 40px;
        width: 40px;
        margin: 0 5px;
    }
    
    a i {
        font-size: 20px;
    }




    .avisos {
        margin-top: 0px;
    }





    /*
    .s-contact {
        max-width: 450px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 45vh;
    }

    
    .forma-contacto {
        height: inherit;
    }

    .contact-header {
        max-width: 450px;
    }

    .contact-header h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .contact-header h2::after {
        width: 400px;
    }

    .forma-footer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
    }
  
    .contact-form {
        width: 90%;
    }

    
    .form > button {
        z-index: 10;
        width: 30%;
        margin-left: 35%;
        font-size: 14px;
        height: 4vh;
    }

    .footer {
        width: 90%;
    }

    .empresa {
        width: 60%;
        margin-left: 20%;
        margin-top: 85px;
        height: auto;
    }
    .empresa h3 {
        display: none;
    }

    .empresa p {
        font-size: 14px;
    }

*/

    /****************TÈRMINOS Y CONDICIONES******************/  
/*
    .politica-privacidad {
        font-size: 8px;
    }

    .copyright {
        font-size: 8px;
        padding-left: 20px;
    }


*/

}

@media screen and (max-width: 320px) and (height: 658px) {
    .text p {
        font-size: 1.28rem;
        line-height: 1.65rem;
    }

    
    .navham {
        height: 58rem;
    }

    
    .navham a {
        margin: 3.5rem 0;
    }

    /***d365****/
    /*d365*/
    .d365cards .card {
        height: 55vh;
    }



/**Platform*/
.pwrplattcard {
    height: 100rem;
}







    /*****solutions**********/
    .sge-slider-container {
        height: 70vh;
    }

    .d365cards .card .imgcard H1 {
        font-size: 1.4;
    }

    
    /*
    .contenido-header {
        width: 98%;
        height: 100%;
        margin-left: 0%;
    }
    .contenido-header > img {
        margin-top: 1vh;
    }

    .textos-header {

        max-width: 98%;
        left: 1%;
    }
    .textos-header h1 {
        font-size: 1.8rem;
        width: 100%;
    }
    
    .textos-header h2 {
        font-size: 1.6rem;
        width: 80%;
    }
    */

    .forma-footer {
        height: auto;
    }
    form, .contact-form {
        margin-top: 0;
        max-height: 68vh;
        height:     68vh;
    }
    .form > button:hover {
        font-size: 1.2rem;
        font-weight: 600;
    
    }

    /*
    .textos1 {
        display: flex;
        flex-direction: column;
        justify-content: left;
        height: 63vh;
    }
    #userBox1 p {
        font-size: 1.4rem;
        border-left: none;
        padding-left: 0;
        padding-top: 0.5rem;
    } 
    
    #userBox1 h3 {
        padding-top: 0.2rem;
        padding-bottom: 0.6rem;
        line-height: 1.7rem;
        font-size: 1.4rem;
    } 
    .textos p {
        font-size: 1.25rem;
    }
    
*/  
}
@media screen and (max-width: 320px) and (height: 568px) {
    /*.contenido-header > img {
        margin-top: 2Vh;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
    
    .textos-header h1 {
        font-size: 1.8rem;
    }
    .textos-header h2 {
        font-size: 1.6rem;
    }
    .textos-header p {
        font-size: 1.4rem;
    }*/
    .navham {
        height: 49rem;
    }

    
    .navham a {
        margin: 3rem 0;
    }

    .lang-selected {
        left: 0rem;
    }
    .language ul {
        top: 1.8rem;
        left: 12.4rem;
    }
    

        /*d365*/
        .d365cards .card {
            height: 64vh;
        }

        /*ba*/
.bcentral .bisapp {
    height: 82rem;
}


.bacrm .bisapp {
    height: 75rem;
}


/**Platform*/
.pwrplattcard {
    height: 96rem;
}




    .forma-footer {
        height: auto;
    }
    form, .contact-form, .form {
        max-height: 74vh;
        height: 73vh;
    }

    .textos p {
        font-size: 1.1rem;
    }

/**********industrias***********/
    
    /*.items-lbe .areas {
        height: 68vh;
    }*/
    .text-box {
        width: 100%;
        margin-left: 0;
        left: 0;
        padding: 0 0;
    }
    .text > h1 {
        font-size: 1.6rem;
        padding-bottom: 0;
    }
    
    .text > p {
        width: 100%;
        margin-top: 0;
        margin-left: 0%;
        padding: 0 0;
        font-size: 1.28rem;
        line-height: 1.7rem;
    }




}



@media screen and (max-width: 320px) and (height: 533px) {
    
    .navham {
        height: 45rem;
    }

    
    .navham a {
        margin: 2.5rem 0;
    }

    
    
    
    .articulo {
        height: 62vh;
    }
    .art-desc {
        margin-top: 2rem;
    }
}




@media screen and (max-width: 300px) {


    /*****HEADER****/
  
/*
    .nav {
        max-width: 300px;
        height: 18vh;
        display: flex;
        flex-direction: column;
        align-content: start;
    }
    .nav .logo {
        position: relative;
        left: -16%;
        top: 0px;
        width: 250px;
        height: 10vh;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .nav .logo > img {
        position: absolute;
        width: 60%;
        height: 40px;
        left: -10%;
        margin-top: 8px;
        /*margin-left: 10px;*/
        /*padding-right: 10px;*/
 /***   }
    

    .nav .logo .slogan {
        position: relative;
        width: 156%;
        margin-left: 35%;
        margin-top: 56px;
        max-width: 360px;
    }
    .enlaces-header {
        position: absolute;
        margin-top: 10vh;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        padding-left: 0px;
        max-width: 300px;
        margin-left: -1%;
        left: 0%;
    }
    .nav .enlaces-header a {
        width: 30%;
        padding: 12px 5px 6px 5px;
        /*padding-left: 5px;
        padding-right: 5px;*/
 /**   }

    .language {
        position: absolute;
        margin-top: 4px;
        left: 18%;
    }

    
    .language ul {
        left: 55%;
        top: -10.5vh; 
        width: 80px;
    }
    
    .language ul li a:before {
        width: 14px;
        height: 14px;
    }
    
    .language ul li a {
        font-size: 10px;
    }
   */ 

    /****************launch******************/  
/*
    
    .launch {
        height: 60vh;
    }
    
    .contenido-header > img {
        height: 60px;
        margin-bottom: 340px;
    }
    
    .textos-header h1 {
        margin-top: 8%;
        font-size: 18px;
        letter-spacing: normal;
    }
    .textos-header h2 {
        margin-top: 1%;
        font-size: 20px;
    }
    .textos-header p {
        margin-top: 2%;
        font-size: 14px;
        width: 95%;
        letter-spacing: normal;
    }

    .bbs-conocemas {
        margin-top: 10%;
        width: 50%;
        height: 4%;
    }
    
    .textos-header a {
        padding: 6px 0;
    }
    
    */
    /****************HOME******************/    
    /*
    #home {
        height: 82vh;
    } 
    #homecontent {
        height: 82vh;
        max-width: 300px;

    }
    .menu-srv {
        margin-top: -2vh;
    }
    .user {
        /*background-color: yellow;*/
    /**    margin-top: -1vh;
    }

    .text-boxuser {
        max-height: 52vh;
        overflow-y: scroll;
    }

    .text-boxuser::-webkit-scrollbar {
        width: 4px;
        background:transparent;
    }

    .text-boxuser::-webkit-scrollbar-thumb {
        background: #dcf906;
        border-radius: 4px;
        border-right: 1px solid #1e1e01;
    }






    .textos {
        max-height: 60vh;
        overflow-y: scroll;
    }
    
    .textos::-webkit-scrollbar {
        width: 10px;
        background:transparent;
    }

    .textos::-webkit-scrollbar-thumb {
        background: #dcf906;
        border-radius: 4px;
        border-right: 1px solid #1e1e01;
    }


    #userBox1 p {
        font-size: 11px;
    }
    #userBox1 h3 {
        font-size: 12px;
        line-height: 13px;
        padding-bottom: 5px;
        padding-top: 0px;
    }


    #srv2, #srv3, #srv4, #srv5, #srv6, #srv7, #srv8, #srv9  {
        max-width: 35%;
        position: relative;
        font-size: 10px;
    }

    #srv2 > h1, #srv3 > h1, #srv4 > h1, #srv5 > h1, #srv6 > h1, #srv7 > h1, #srv8 > h1, #srv9 > h1 {
        font-size: 13px;
        padding-top: 0px;
    }
    #srv6, #srv9 {
        max-width: 37%;
    }
    
    #srv6 > h1, #srv9 > h1 {
        font-size: 11px;
    }

    #srv2 {
        left: 1%;
        top: 3vh;
    }

    #srv3 {
        margin-left: 35%;
        top: 3vh;

    }

    #srv4 {
        left: 2%;
        top: 8vh;
    }

    #srv5 {
        margin-left: 35%;
        top: 8vh;
    }

    #srv6 {
        left: 2%;
        top: 13vh;
    }

    #srv7 {
        margin-left: 35%;
        top: 13vh;
    }

    #srv8 {
        left: 30px;
        top: 18vh;
    }

    #srv9 {
        margin-left: 35%;
        top: 18vh;
    }
    /*.textos {
        background-color: red;
        height: 46vh;
    }
*/
  /***  
    .text-boxuser h2 {
        font-size: 14px;
    }

    .text-boxuser > h4 {
        font-size: 8px;
        margin-top: 5px;
    }

*/
    
    /************SGE*********/
   /* 
    
    .accordion-item-headerls > h1 {

        font-size: 1.25rem;
    }
    
    .accordion-item-bodyls-content {
        width: 82%;
        margin-left: 2.2rem;
    }
    .accordion-item-bodyls-content p {
        width: 94%;
    }
    
    .accordion-item {
        margin-left: 4%;
    }

    .accordion-item-headerls::after {
        font-size: 2.4rem;
    }
    .accordion-item-headerls.active::after {
        font-size: 3rem;
    }
    .accordion-item-header::after {
        font-size: 2rem;
    }
    .accordion-item-header.active::after {
        font-size: 2rem;
    }
    
    /*
    .sge {
        height: 82vh;
    }

    .sge-contenedor {    
        height: 82vh;
        width: 100%;
        max-width: 300px;
    }

    .sge-header h2 {
        letter-spacing: 1px;
    
    }

    .sge-slider-container {
        width: 300px;
    }

        
    #sge-rsleer_1 {
        margin-left: 14%;
    }
    */

    /****************SERVICES******************/   
    /*
    #services {
        height: 85vh;
    }
    .services-contenedor {
        height: 85vh;
        /*background-color: yellow;
    }

    .servdesc-texto h2 {
        margin-left: 0%;
    }

    .servdesc-texto h2::after {
        width: 240px;
        margin-left: 0%;
    }

    .text-box > p {
        width: 100%;
        margin-top: 20px;
        margin-left: 1%;
        font-size: 12px;
    }
    */
    /****************NOTICIAS******************/   


    /****************contacto******************/   
    /*
    .s-contact {
        max-width: 300px;
      
    }

    .contact-header h2 {
        font-size: 18px;
    }

    .contact-header h2::after {
        width: 80%;
    }

    
    form {
        max-width: 300px;
    }

    .footer {  
        max-width: 300px;
    }
    
    /*
    .s-contact {
        max-width: 450px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 45vh;
    }

    
    .forma-contacto {
        height: inherit;
    }

    .contact-header {
        max-width: 450px;
    }

    .contact-header h2 {
        font-size: 20px;
        letter-spacing: 1px;
    }

    .contact-header h2::after {
        width: 400px;
    }

    .forma-footer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
    }
  
    .contact-form {
        width: 90%;
    }

    
    .form > button {
        z-index: 10;
        width: 30%;
        margin-left: 35%;
        font-size: 14px;
        height: 4vh;
    }

    .footer {
        width: 90%;
    }

    .footer-caption {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 50vh;
    }

    .empresa {
        width: 60%;
        margin-left: 20%;
        margin-top: 85px;
        height: auto;
    }
    .empresa h3 {
        display: none;
    }

    .empresa p {
        font-size: 14px;
    }

    .f-contacto {
        width: 100%;
        height: 15vh;
        margin-top: 0px;
    }

        
    #logo_simp {
        margin-top: 80px;
        padding-left: 0px;
    }

    #sm {
        height: 40px;
        width: 40px;
        margin: 0 5px;
    }
    
    a i {
        font-size: 20px;
    }
*/

    /****************TÈRMINOS Y CONDICIONES******************/  
/*
    .politica-privacidad {
        font-size: 8px;
    }

    .copyright {
        font-size: 8px;
        padding-left: 20px;
    }

*/


}

























    /****************launch******************/  
/*
    .launch {
        margin-top: -180px;
    }
    
    .contenido-header {
        margin-top: -0px;
        max-width: 300px;
    }


    .contenido-header > img {
        position: absolute;
        width: 180px;
        margin-left: 40px;
        margin-top: 280px;
    }

    .textos-header {
        position: absolute;
        max-width: 450px;
        margin-top: 300px;
        margin-left: 35px;
        height: 36vh;
    }
    

    .textos-header > h1 {
        max-width: 100%;
        margin-top: -0px;
        font-size: 18px;
        line-height: 24px;
    }

    .textos-header > h2 {
        font-size: 18px;
        margin-top: 80px;
        max-width: 90%;
        text-align: center;
    }

    .textos-header > p {
        max-width: 90%;
        text-align: justify;
        font-size: 16px;
        margin-top: 5px;
    }

    .bbs-conocemas {
        margin-top: 2vh;
        font-size: 9px;
        font-weight: 300;

    }

    .overlay {
        max-width: 100%;
        
        flex-direction: column;
        margin-left: 0px;   
        max-height: 3vh;            
    }

    .bbs-conocemas:hover .overlay {
        max-width: 100%;
        max-height: 38vh;
        margin-left: -10%;
        top: 1px;
        overflow-y: scroll;
        z-index: 10;
    }
 
    .bbs-conocemas .overlay::-webkit-scrollbar {
        width: 6px;
        background:transparent;
    }
    
    .bbs-conocemas .overlay::-webkit-scrollbar-thumb {
        background: #d39f01;
        border-radius: 6px;
        border-right: 1px solid #f9f907;
    }

    .overlay > img {
        width: 20%;
        height: 4vh;
        position: absolute;
        top: 5px;
        /*animation: ease-in animat 1s;*/
  /***      margin-left: 40%;                   
    }
    
   
    .acercade {
        margin-top: 36px;
        margin-bottom: 10px;
    }

     .acercade, .mision {
        width: 95%;
        height: 59vh;
        margin-left: 2%;

    }

    .mision {
        margin-top: 20px;
    }

    .acercade > h4, .mision > h4 {
        margin-left: 2%;
        padding-top: 3px;
        font-weight: 300;
        font-size: 16px;
    }

    .acercade > h4::after, .mision > h4::after {
        margin: 1px 0px;
        width: 60%;
    }

    .acercade > p, .mision > p {
        max-width: 94%;
        margin-left: 1%;
        margin-bottom: 1px;
        margin-top: 1px;
        font-size: 12px;
        line-height: 20px;        
    }

*/
    
    /****************HOME******************/    
 /* 
    #home {
        height: 85vh;
    }

    #homecontent {
        max-width: 300px;
        height: inherit;
        flex-wrap: wrap;
    }

    .homecontent-textos {
        max-width: 100%;
        height: 50px;
    }

    
    #srv1 h2 {
        /*position: absolute;*/
  /***      padding-top: 10px;
        font-size: 20px;
        margin-bottom: 14px;
        font-weight: 900;
        letter-spacing: 2px;        
    }

    #srv1 > h2::after {
        width: 80%;
        margin-top: 0px;
        margin-bottom: 0px;  
    }

    .circle-box {
        max-width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: 0px;
        height: 78vh;
        margin-top: 0vh;
    }

    #svgCircle {
        width: 100%;
        margin-left: 12.5%;
        height: 22vh;        
        background-color: #1f2100;
    }

   
    #srv2 > i, #srv3 > i, #srv4 > i, #srv5 > i, #srv6 > i, #srv7 > i, #srv8 > i, #srv9 > i  {
        font-size: 12px;
        color: #efeb02;
        padding-top: 7px;
        padding-bottom: 7px;
        padding-left: 4px;
        padding-right: 4Px;
        border: 1px solid rgb(236, 221, 3);
    }

    
    #srv2, #srv3, #srv4, #srv5, #srv6, #srv7, #srv8, #srv9  {
        max-width: 50%;
    }
        
    #srv2 {
        left: 5px;
        top: 10px;
    }

    #srv3 {
        left: 160px;
        top: 10px;
    }

    #srv4 {
        left: 5px;
        top: 57px;
    }

    #srv5 {
        left: 160px;
        top: 57px;
    }

    #srv6 {
        left: 5px;
        top: 104px;
    }

    #srv7 {
        left: 160px;
        top: 104px;
    }

    #srv8 {
        left: 5px;
        top: 150px;
    }

    #srv9 {
        left: 160px;
        top: 150px;
    }

    .menu-srv h1 {
        font-size: 12px;
        max-width: 100%;
        padding-top: 0px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 0px;
        height: 28px;
        line-height: 14px;
        color: #efeb02;
        font-weight: 500;
    }


    i > h1:hover, #srv2 > h1:hover, #srv3 > h1:hover, #srv4 > h1:hover, #srv5 > h1:hover, #srv6 > h1:hover, #srv7 > h1:hover, #srv8 > h1:hover, #srv9 > h1:hover {
        font-weight: 600;
        color: #e9bb03;
    }

    #userBox {
        width: 100%;
        left: 0%;
        margin-top: 33vh;
        height: 72vh;    
    }

    #userBox1 {
        max-width: 100%;
        margin-left: 0%;
        height: 50vh;
     
        overflow-y: scroll;
    }

    
    #userBox1::-webkit-scrollbar {
        width: 10px;
        background:transparent;
      
    }

    #userBox1::-webkit-scrollbar-thumb {
        background: #2c2b28;
        border-radius: 10px;
        border-right: 1px solid #f9f907;
    }
    
    #userBox1 h3 {
        font-size: 12px;
        left: 8%;
        max-width: 100%;
        line-height: 14px;
        margin-top: -7vh;
        padding-bottom: 4px;
        
    }
    
    #userBox1 p {
        font-size: 10px;
        max-width: 98%;
        left: 2%;
        margin-top: -10vh;
    }
       
    .user {
        width: 99%;
        margin-left: 1%;
        margin-top: 1vh;
        overflow-y: scroll;
    }
    
    
    .user::-webkit-scrollbar {
        width: 10px;
        background:transparent;
      
    }

    .user::-webkit-scrollbar-thumb {
        background: #2c2b28;
        border-radius: 10px;
        border-right: 1px solid #f9f907;
    }

    .text-boxuser {
        width: 96%;
        margin-left: 0%;
    }

    .text-boxuser h2 {
        width: 100%;
        top: 3px;
        left: 2%;
        font-size: 14px;
    }
    .textos {
        width: 100%;
        left: 2%;
        max-height: 44vh;
    }

    .textos p {
        margin-top: -25px;
        margin-left: 2%;
        max-width: 90%;
        font-size: 12px;
        height: 0px;
    }
    
    
    .text-boxuser > h4 {
        width: 100%;
        font-size: 7px;
    }

*/
    /************SGE*********/
 /*   .sge {
        height: 82vh;
        max-width: 300px;
    }
  
    .sge-contenedor {    
        width: 100%;
        height: auto;
    }
   
    .sge-header {
        height: 6vh;
        margin-top: 15px;
        padding-bottom: 0px;
    }

    .sge-header h2 {
        padding: 5px 0px;
        font-size: 16px;
    
    }

    .sge-header h2::after {
        max-width: 60%;
    }
    .sge-items {
        max-width: 100%;
        margin-top: 0vh;
  
    }
    .sge-content {
        max-width: 100%;
    }

    .sge-slider-container {
        max-width: 100%;
    }
    
    .sge-left-slide {
        width: 100%;
    }
    .sge-left-slide > .sge-ls {
        height: 25vh;
        width: 100%;
        margin-bottom: 50vh;

    }

    .sge-ls > .accordion-ls1 {
        margin-bottom: 30px;
    }

    
    .accordion-itemls {
        max-width: 100%;
        margin-left: 0%;
        margin-bottom: 2px;
    }

    .accordion-item-bodyls-content {
        padding: 10px 5px 5px 5px;
        line-height: 18px;
        max-height: 14vh;
        overflow-y: scroll;
    }


    .sge-ls h3 {
        font-size: 10px;
        text-align: center;
        width: 90%;
        margin-left: 7%;
        margin-top: 5px;
    }
   
    .accordion-item-headerls > h1 {
        font-size: 14px;
        width: 100%;
        margin-left: 0%;
        line-height: 15px;
    }

    .accordion-item-headerls::after {
        font-size: 26px;
        padding-top: 4px;
    }
    
    .accordion-item-headerls.active::after {
        font-size: 36px;
        padding-top: 0px;
    }
    
    .accordion-item-bodyls-content {
        height: 10vh;
    }

    .accordion-item-bodyls-content > p {
        font-size: 12px;
        text-align: justify;
    }
    

    .accordion-item-bodyls-content::-webkit-scrollbar {
        width: 10px;
        background:transparent;
    }

    .accordion-item-bodyls-content::-webkit-scrollbar-thumb {
        background: #2c2b28;
        border-radius: 10px;
        border-right: 1px solid #f9f907;
    }

   
    #sge-rsleer_1 {
        margin-top: 25vh;
        font-size: 10px;
        margin-left: 72px;
        width: 40%;
    }

        
    #sge-rsleer_1:hover {
        font-size: 12px;
        padding: 3px 3px;
        background-color: rgb(255, 217, 0);
        border: solid 1px rgb(255, 162, 0);
        color: rgb(7, 8, 0);
        font-weight: 600;
    }




    
  
    .sge-right-slide {
        width: 100%;
        left: 0%;
    }
    .sge-right-slide > .sge-rs {
        height: 50vh;
        margin-top: 25vh;
        width: 100%;
        overflow-y: hidden;
    }
/*
    .sge-rs::-webkit-scrollbar {
        width: 10px;
        background:transparent;
    }

    .sge-rs::-webkit-scrollbar-thumb {
        background: #141412;
        border-radius: 10px;
        border-right: 1px solid #f9f907;
    }
*/

/***

    .accordion-item {
        max-width: 98%;
    }
    
    .accordion-item-header {
        max-width: 98%;
        left: 1%;
    } 
    
    .accordion-item-header h4 {
        padding: 4px 10px 4px 25px;
        width: 100%;
        font-size: 14px;
        letter-spacing: 0px;
    }

    .accordion-item-header::after {
        padding-top: 2px;
        left: 2px;
        font-size: 20px;
    }
    
    
    .accordion-item-header.active::after {
        font-size: 18px;
    }

    .accordion-item-body-content {
        width: 96%;
        max-height: 15vh;
        margin-top: 2px;
        margin-left: 1%;
        padding: 4px 5px 4px 5px;
        line-height: 14px; 

    }
    
    .accordion-item-body-content > p {
        width: 95%;
        margin-left: 1%;
        font-size: 12px;
        text-indent: 5px;
        letter-spacing: 0px;
    }

    button {
        background-color: #090900;
        padding: 8px;
        font-size: 14px;
        font-weight: lighter;
    }
    
    .sge-slider-container .sge-action-buttons button {
        position: absolute;
        left: 91%;
        top: 33.5%;
        z-index: 100;
    }

*/

    /****************SERVICES******************/   
  /*  
    .services {
        max-width: 300px;
    }

    .services-contenedor {
        max-width: 100%;
    }

    .servdesc-texto h2 {
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 22px;
    }

    .servdesc-texto h2::after {
        width: 80%;
    }
    .items-lbe {
        max-width: 100%;
    }

    .areas {
        max-width: 100%;
    }
    .text-box {
        max-width: 100%;
        margin-left: 0px;
    }
    
    .text-box h1 {
        margin-left: 44%;
        padding-right: 50px;
        font-size: 16px;
        width: 60%;
        
    }
    
    .text-box h1 span {
        margin-top: -5px;

        margin-left: 8%;
        font-size: 14px;
    }
    
    .text-box > p {
        max-width: 96%;
        margin-top: 20px;
        margin-left: 5%;
        font-size: 14px;
        line-height: 20px;
    }
*/
    
    /****************NOTICIAS******************/   
/*
    .bbs-noticias {
        max-width: 300px;
        height: 135vh;
    }
    .contenedor1 {
        width: 100%;     
        margin-top: 6vh;
        height: auto;
        }

    .contenedor1 h2 {
        font-size: 24px;
        letter-spacing: 2px;
    }
    

    .contenedor1 h2::after {
        width: 400px;
    }

    .contenedor-articulo {
        margin-top: 5px;
    }


    .articulo {
        width: 100%;
        left: 0%;
        padding: 15px 30px 5px 30px;
        margin-bottom: 10px;
        /*height: 20vh;*/
/***    }

    .articulo > i {
        font-size: 18px;
        width: 40px;
        height: 40px;
        padding-top: 10px;
    }

    .articulo > h3 {
        font-size: 14px;
        margin-top: 5px;
    }

    .articulo > p {
        font-size: 14px;
        margin-top: 5px;
        padding-bottom: 5px;
    }
    
    
    .articulo > a {
        font-size: 12px;
        margin-bottom: 15px;
    }
    
*/


    /****************contacto******************/   
/**
    .s-contact {
        max-width: 300px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: 45vh;
    }

    
    .forma-contacto {
        width: 100%;
        height: inherit;
    }

    .contact-header {
        margin-top: 10px;
        max-width: 100%;
    }

    .contact-header h2 {
        font-size: 18px;
        letter-spacing: 1px;
    }

    .contact-header h2::after {
        width: 400px;
    }

    .contact-header h3 {
        font-size: 14px;
    }

    .contact-header h3 span {
        font-size: 18px;
        padding-top: 5px;
        padding-bottom: 2px;
        padding-right: 5px;
    }






    .forma-footer {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        height: auto;
    }
  
    .contact-form {
        width: 100%;
    }

    .form {
        width: 100%;
    }

    
    .form > button {
        z-index: 10;
        width: 30%;
        margin-left: 35%;
        font-size: 14px;
        height: 4vh;
    }

    .footer {
        width: 90%;
    }

    .footer-caption {
        margin-top: 25px;
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 45vh;
    }

    .empresa {
        width: 80%;
        margin-left: 10%;
        margin-top: 85px;
        height: auto;
    }
    .empresa h3 {
        display: none;
    }

    .empresa p {
        font-size: 14px;
    }

    .f-contacto {
        width: 100%;
        height: 15vh;
        margin-top: 0px;
    }

        
    #logo_simp {
        margin-top: 80px;
        padding-left: 0px;
    }

    #sm {
        height: 40px;
        width: 40px;
        margin: 0 5px;
    }
    
    a i {
        font-size: 20px;
    }

*/
    /****************TÈRMINOS Y CONDICIONES******************/  
   /* .footer-copy {
        margin-top: 0px;
    }

    .politica-privacidad {
        font-size: 8px;
        margin-top: 6px;
        padding-left: 5px;
    }
    .copyright {
        font-size: 8px;
        MARGIN-top: 6px;
        padding-left: 20px;
        padding-right: 5px;
    }



*/