@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;
    --colorsectionmaintitle: linear-gradient(to right, #7b1001, #f3250a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    --colorsectionmaintitle: #001143;
    --colorTextos: #49454567;
    --colorsectionheader: #000a26;
    --colorSectionHeadDesc:#03185ce9;

    --colorTextHeaderDesc: #030714e9;
    --colorTextSpan: #0442fc;
    --colorMainParagraph: #555;

    --fontfamily-sectionmaintitle: 'Open Sans','Montserrat', sans-serif;
    
    --fontSize-MainItem: 3.8rem;
    --fontsize-sectionheader: 2.4rem; 
    --fontsize-TextHeaderDesc: 2.2rem;
    --fsMainParagraph: 1.8rem
    
    --fontweight-sectionheader: bolder;
    --fontWH: 900;

    --bgbody: #f6f6f6;
    --bgbtn: rgba(25, 26, 51, 0.95);
    --bgHeader: #022ba5;
}

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;

} 

/**GLOBALES***/

/*.container {
    width: 96%;
    margin: 0 auto;
}*/
.ocultar {
    height: 0;
    visibility: hidden;
}

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

.btnHamCerrar:hover {
    cursor: pointer;
}

.pantalla-completa {
    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: 100%;
    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;
    border-bottom: 3px solid transparent;
    box-shadow: 3px 3px 10px 0 var(--colorsectionheader);
    position: fixed;
    top: 0;
    z-index: 200;
    transition: ease-in-out 1s;
    background: #f9f9f9; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


.nav {
    width: 140rem;
    /*overflow: hidden;*/
    /*left: 5%;*/
    /*margin: auto;*/
    display: flex;
    flex-direction: row;
    height: 8rem;
    align-items: last baseline;
    user-select: none;

}

.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: #484A47;
            color: #ffffff;
            color: var(--bgHeader);
            font-weight: 300;
            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.4rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        color: #201b2e;
        color: var(--colorsectionheader);
        color: #201b2e;

        text-decoration: none;
        margin-left: 0;
        letter-spacing: 0.05rem;
        padding: 0 1.5rem;

    }

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

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

.menuham {
    display: none;
}

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

    
.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: var(--colorsectionmaintitle);
    cursor: pointer;
    font-size: 1.2rem;
    vertical-align: bottom;
    padding-top: 0.1rem;
    font-weight: 600;
}

.lang-selected:before {
    content: '';
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    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;
    background-color: var(--colorsectionmaintitle);
    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***************/

.launch {
    width: 100%;
    /*max-width: 1300px;*/
    margin: auto;
    overflow: hidden;
    margin-top: -8rem;
    height: 80rem;
    overflow: hidden;
    background-size: cover;
   
    display: flex;
    justify-content: center;
    background-image: url(./BBS_LaunchSection04.png);
    background-position-x: center;
    background-position-y: center;
   
}
    .launchbg {
        width: 100%;
        height: 80rem;
        position: absolute;
        top: 0;
        left: 0;
        
        background: #ffffffb0;
    }


.launch-cont {
    width: 140rem;
    max-width: 140rem;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
}


.contenido-header {
    width: 100%;
    width: 100%;
    margin: auto;
    height: 80rem;
    /*max-height: 74rem;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
   /*
    background: linear-gradient(to right, #0617399f, #00081eed);  /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #0617399f, #00081eed);  /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #142e629f, #010d29d7,#000c29d7,#000618f9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to right, #bcbcb8b4, #fffff7c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    z-index: 9;
}
    .launchheadcont {
        width: 100%;
        margin: auto;
        height: inherit;
        /*max-height: 74rem;*/
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }

    .textos-header {
        position: relative;
        width: 65%;
        margin-top: 16rem;
        margin-bottom: 16rem;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-evenly;
        justify-content: left;
        justify-items: left;
        user-select: none;
        z-index: 10;
        
    }

        .textos-header h1 {
            width: 90%;
            /*font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;*/
            
            font-family: 'Open Sans','Montserrat', sans-serif;
            font-family: 'Open Sans', 'Trebuchet MS', 'Gill Sans MT', Calibri, sans-serif;
            font-family: var(--fontfamily-sectionmaintitle);
            
            font-size: 5rem;
            line-height: 7rem;
            font-weight: 900;
            text-align: left;
            letter-spacing: normal;
            color: var(--colorsectionmaintitle);
            text-transform: uppercase;     
        }

        .textos-header h2 {
            width: 80%;
            font-size: 2.6rem;
            line-height: 3.8rem;
            font-weight: 600;
            text-align: justify;
            color: #000514;
            letter-spacing: normal;
            font-family: 'Montserrat', sans-serif;
            color: var(--colorsectionmaintitle);
            margin-bottom: 0;
        }


        .textos-header p {
            width: 90%;
            font-weight: 300;
            color: #0a0a00;
            text-align: justify;
            font-size: 2.6rem;
            font-family: 'Montserrat', sans-serif;
            letter-spacing: normal;
            color: rgb(153, 153, 79);
            color: #f2f2f2;
            display: none;
        }

    .launchmenu {
            position: relative;
            width: 35%;
            /*margin-top: 1rem;
            margin-bottom: 26rem;*/
            margin: auto;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: right;
            justify-content: right;
            justify-items: right;
            align-content: center;
            vertical-align: middle;
            align-items: center;
            user-select: none;
            z-index: 2;
    }
        .lmenuitem {
            position: absolute;
            /*top: 14.7rem;*/
            width: 38rem;
            margin-left: 3rem;
            height: 58.4rem;
            height: 100%;
            display: grid;
            grid-template-columns: 0rem 1fr;
            gap: 0rem;
            box-shadow: rgba(239, 5, 5, 0.35), 0 .5rem 1.5rem;
            opacity: 0;
            animation: slideup 40s linear infinite;
            border-radius: 0.2rem;
            background: var(--colorTextSpan);
            background: #0134ccc6;
            padding: 8rem 2rem;
        }
        .lmenuitem:nth-child(1) {
            animation-delay: -8s;
        }
        .lmenuitem:nth-child(2) {
            animation-delay: 0s;
        }
        .lmenuitem:nth-child(3) {
            animation-delay: 8s;
        }
        .lmenuitem:nth-child(4) {
            animation-delay: 16s;
        }
        .lmenuitem:nth-child(5) {
            animation-delay: 24s;
        }
        .icon {
            display: flex;
            align-items: center;
            width: 0rem;
        }
        .licon img {
            width: 0rem;
            height: 0rem;
            border-radius: 0%;
        }
        .ldetail {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            margin: 0 0;

        }
        #lmheader {
            /*font-family: 'nunito', sans-serif;*/
            font-size: 1.8rem;
            line-height: 2rem;
            font-weight: 300;
            letter-spacing: 0.1rem;
            /*text-transform: uppercase;*/
            color: #ffffff;
            width: 100%;
            border-bottom: solid 0.15rem #ffffff;
            text-transform: uppercase;
            padding-bottom: 1rem;
        }


        #lmdesc {
            /*font-family: 'nunito', sans-serif;*/
            margin-top: 1.4REM;
            line-height: 2.2REM;
            font-size: 1.5rem;
            color: #ffffff;
            font-weight: 300;
            letter-spacing: 0.1rem;
            width: 80%;
            margin-left: 10%;
    }

@keyframes slideup {
    0% {
        transform: translateY(100%) scale(0.5);
        opacity: 0;
    }
    5%, 20% {
        transform: translateY(100%) scale(0.7);
        opacity: 0;
    }
    25%, 40% {
        transform: translateY(0%) scale(1);
        opacity: 1;
    }
    45%, 60% {
        transform: translateY(-100%) scale(0.7);
        opacity: 0;
    }
    65%, 100% {
        transform: translateY(-100%) scale(0.5);
        opacity: 0.0;
    }
}

#contactbtn {
    position: relative;
    width: 40rem;
    /*height: inherit;*/
    display: inline-block;

    background-color: var(--colorTextSpan);
    text-align: center;

    color: #f9f9f9;
    font-weight: 900;
    padding: 1.2rem 0;
    margin-top: -4rem;
    text-decoration: none;
    font-weight: 300;
    /*text-transform: uppercase;*/
    font-size: 1.45rem;
    border-radius: 0.5rem;
    box-shadow: 2px 8px 32px rgba(5, 3, 0, 0.46);
    z-index: 8;
    border: 1px solid #5f5e5e;
}

#contactbtn:hover {
    text-align: center;
    color: #ffffff;
    /*text-transform: uppercase;
    letter-spacing: 0.1rem;*/
    font-weight: 900;
}




/*-------------- CONOCE MAS Overlay INICIO --------*/

#conoce {
    position: relative;
    width: 16rem;
    /*height: inherit;*/
    display: inline-block;
    /*background: #ffffffec;*/
    text-align: center;
    color: var(--colorsectionheader);
    color: #f2F2F2;
    border-bottom: solid 0.1rem #ffffff;
    font-weight: bolder;
    padding: 0.5rem 0;
    margin-top: 18rem;
    text-decoration: none;
    font-weight: 300;
    /*text-transform: uppercase;*/
    font-size: 1.1rem;
    /*border-radius: 0.5rem;*/
    z-index: 8;
    margin-left: 118rem;
}
#conoce:hover {
    /*text-transform: uppercase;*/
    /*background: #fffFFF;*/
    font-weight: 900;
} 

.overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-content: center;
    size: cover;
    top: 10rem;
    /*bottom: 25%;*/
    left: 10%;
    background: #f9f9f9;
    width: 80%;
    height: 74rem;
    overflow-y: scroll;
    /*transition: 1s;*/
    
    padding: 0 3rem 2rem 3rem;
    
    box-shadow: 2px 8px 32px 0px var(--colorsectionheader);
    opacity: 1;
    z-index: 10;
    user-select: none;
    /*animation: 2s ease-in-out;
    /*animation: slide10 100s linear infinite;*/
    /*visibility: hidden;*/
}

    .overlay > img {
        width: 10rem;
        height: 6rem;
        position: relative;
        top: 2rem;
        align-self: center;
        /*animation: ease-in animat 1s;*/
                
    }

    #bbs-overlay {
        width: 14rem;
        height: 6rem;
        position: relative;
        top: 2rem;
        align-self: center;
        margin-top: 0rem;
        z-index: 1;
    }


.overlay > p {
    font-size: 1.8rem;
    color: #ffffff;
    background-color: var(--colorsectionheader);
    margin-top: 0;
    top: 0%;
    right: 0%;
    padding: 0.5rem 1rem;
    font-weight: 600;
    position: absolute;
    border-top: 1px solid #000000; 
    border-right: 1px solid #000000;
    user-select: none;
}

.overlay > p:hover {
    cursor: pointer;
}


.fullscreen {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: inherit;
}

.btnclose p {
    font-size: 4rem;
}

.acercade {
    margin-top: 1rem;
    
}

.mision {
    margin-top: 12rem;
}

.acercade, .mision {
    width: 100%;
    position: relative;
    height: auto;
    /*background-color: #fffffff1;*/
    /*border:hsl(58, 97%, 15%) 1px solid;*/
    /*background-color: #fac4478f;*/
    /*border-radius: 0.8rem;*/
               
}


.acercade > h4, .mision > h4 {
    font-family: 'Montserrat', sans-serif;
    /*margin-left: 5%;*/
    /*padding-top: 6rem;*/
    color: var(--colorsectionmaintitle);
    font-weight: 600;
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-align: center;
    /*bottom: 10px;  */
}




.acercaimg, .misionimg {
    width: 90%;
    margin-left: 5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .acercaimg {
        margin-top: -14rem;
        opacity: 0.35;
        z-index: 0;
    }
    .misionimg {
    margin-top: -10rem;
    opacity: 0.1;
    z-index: 0;
    }


#bbsmp {
    width: 12rem;
    height: 4rem;
    border-radius: 1rem;
}


#dyn365fo {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
}

#dyn365bc {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
}
#dynsls {
    width: 4.5rem;
    height: 4rem;
    border-radius: 1rem;
}
#dyn365fs {
    width: 5rem;
    height: 4rem;
    border-radius: 1rem;
}
#dyn365po {
    width: 6rem;
    height: 4rem;
    border-radius: 1rem;
}
#msfpbi {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
}
#pwrapps {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
}
#pwrauto {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
}

#mspba {
    width: 8rem;
    height: 4rem;
    border-radius: 1rem;
}
#ifrs {
    width: 16rem;
    height: 4rem;
    border-radius: 1rem;
}
#ascm {
    width: 15rem;
    height: 4rem;
    border-radius: 1rem;
}
#pmi {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
}

.acercade > h4::after, .mision > h4::after {
    content: '';
    background: var(--colorTextSpan);
    /*background: #ff4d73;*/
    display: block;
    height: 1px;
    width: 90%;
    margin: 1rem 0px; 
    margin-left: 5%;
    
    border-radius: 5px;
}

.acercade > p, .mision > p {
    width: 90%;
    margin-left: 5%;
    font-weight: 300;
    margin-top: 0%;
    color: var(--colorsectionheader);
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-family: 'Montserrat', sans-serif;
    z-index: 10;
    
}


/*-------------- CONOCE MAS Overlay fin --------*/



.contenido-header > img {
    width: 35%;
    margin-top: 4vh;
   
    border-radius: 1rem;
    
    padding: 6% 4%;
    margin-left: 3%;    
    box-shadow: 2px 2px 6px 0 rgb(238, 215, 8);
    box-shadow: 2px 2px 6px 0 #ff7c25;
    user-select: none;
    z-index: 9;
               
}




/*****************INICIO PORTAFOLIO SERVICIOS *****************/
.bbsservicios {
    background: #f6f6f6;
    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;
}


    .contenedorserv {
        height: auto;
        width: 140rem;
        /*left: 0%;
        margin-top: 0vh;*/
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: initial;
        padding-left: 1rem;
        padding-right: 1em;
    }

        .serv-head {
            height: auto;
            justify-content: left;
            align-content: start;
            user-select: none;
            padding-top: 1rem;
        }
            .serv-head h2 {
                text-transform: uppercase;
                font-size: var(--fontsize-sectionheader);
                color: var(--bgHeader);
                font-weight: var(--fontweight-sectionheader);
                font-weight: bolder;
                text-align: left;
                letter-spacing: normal;
            }
            .serv-head p {
                width: 100%;
                color: var(--colorTextHeaderDesc);
                text-align: left;
                margin-left: 0;
                margin-bottom: 2rem;
                font-size: var(--fontsize-TextHeaderDesc);
                line-height: 2.8rem;
                width: 90%;
                font-weight: 300;
                text-align: justify;
            }
                .serv-head p span {
                    color: var(--colorTextSpan);
                    font-weight: 900;
                }
                .serv-head p::after {
                    background-color: #151500fc;
                 }


.servscontenedor {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    background: transparent;
    padding-bottom: 4rem;
}
    .temas {
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        /*border-bottom: 0.1rem solid #7a7977;*/
        position: relative;
        height: 6rem;
    }

        .temas .temabttn {
            font-size: 1.6rem;
            font-weight: 600;
            color: #5f5d5d;
            color: var(--colorTextHeaderDesc);
            background: none;
            border: none;
            padding: 1rem;
            cursor: pointer;
            text-align: center;
        }
            .temas #mice {
                border-right: none;
            }
            .temas .temabttn:hover {
                color: var(--colorTextSpan);
                color: rgb(4, 66, 252);
                font-weight: var(--fontWH);
            }
            .temas .temabttn.active {
                background: var(--bgHeader);
                color: #f2f6f9;
                font-size: 1.6rem;
                line-height: 2rem;
                font-weight: 900;
                border-top-left-radius: 0.2;
                border-top-right-radius: 0.2rem;
            }
        .line {
            position: absolute;
            top: 5.8rem;
            left: 0rem;
            width: 18rem;
            height: .4rem;
            background: #f7f4f3;;
            border-radius: 0.4rem;
            transition: all 0.3s ease-in-out;
            display: none;
        }

    .temasCont {
        padding: 0rem;
        width: 100%;
        height: auto;
    }

        .temasCont .temaContenido {
            display: none;
            animation: move .5s ease;
        }

            @keyframes move {
                from{transform: translateX(5rem); opacity: 0;}
                to{transform: translateX(0rem); opacity: 1;}
            }

            .temasCont .temaContenido.active {
                /*display: block;*/
                display: flex;
                flex-direction: column;
                height: 52rem;
                min-height: 52rem;
                max-height: 52rem;
                overflow: hidden;
            }
    
                #MSDyn365, #consultoria, #capsop {
                    background-repeat: no-repeat;
                    background-position-x: center;
                    background-position-y: center;   
                }
                #MSDyn365 {
                    background-image: url(./ProjectMngmnt.png);
                    background-size: cover;
                }
                #consultoria {
                    background-image: url(./BBS_ConsultoriaAsesoria.png);
                    background-size: cover;
                }
                #desarrollo {
                    background-image: url(./desarrollo.png);
                    background-size: cover;
                }

                #capsop {
                    background-image: url(./bbs_TrainingSupport.png);
                    background-size: cover;
                }
                #projman {
                    background-image: url(./ProjectMngmnt1.png);
                    background-size: cover;
                }
                #mipe {
                    background-image: url(./srv_mng.png);
                    background-size: cover;
                }




        .temaContenido.active .col-md-3 {
            width: 100%;
            margin-bottom: 0rem;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            max-height: 100%;
            height: 100%;
            min-height: 100%;
            overflow: hidden;
            background: linear-gradient(to bottom,#fc7a0013, #fc7a007c, #fc7a00,); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        }
            

        .temaContenido.active .temaContHead {
            width: 45%;
            padding: 2rem;
            padding-left: 0;
            padding-right: 0;
            padding-bottom: 4rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            justify-content: center;
            
        }
            .temaContenido.active .temaContHead h1 {
                font-weight: bolder;
                width: 80%;
                margin-left: 10%;
                font-size: 2.8rem;
            }
        /*
            .temaContenido.active #tch-d {
            color: var(--colorsectionheader);
        }
        */

            #MSDyn365 .temaContHead {
                background: var(--colorSectionHeadDesc);
                background: rgba(1, 24, 154, 0.651);
                height: 24rem;
                margin-top: 28rem;
            }

                #MSDyn365 .temaContHead h1 {
                    font-size: 3.4rem;
                    line-height: 4.4rem;
                    color: var(--bgbody);
                }

                #MSDyn365 .temaContHead h2,
                #consultoria .temaContHead h2 {
                    color: var(--bgbody);   
                    font-weight: var(--fontweight-sectionheader);
                    /*font-size: var(--fontsize-sectionheader);*/
                }

                #MSDyn365 .temaContHead h2 span {
                    font-size: 2.4rem;
                    font-weight: var(--fontweight-sectionheader);
                    color: var(--bgbody);
                    text-transform: uppercase;
                }

            #consultoria .col-md-3 {
                flex-direction: row-reverse;
            }
                #consultoria .temaContHead {
                    background: rgba(217, 217, 220, 0.774);
                }
                    #consultoria .temaContHead h1 {
                        text-align: left;
                        margin-left: 0%;
                        padding-left: 1rem;
                        width: 100%;
                        background: #f2f2f29c;
                        color: var(--colorsectionmaintitle);
                    }

            #desarrollo .temaContHead {
                background: rgba(31, 0, 39, 0.61);
            }
                #desarrollo .temaContHead h1 {
                    color: var(--colorsectionmaintitle);
                    text-align: right;
                    margin-left: 0%;
                    padding-right: 1rem;
                    width: 100%;
                    background: #f2f2f29c;
                }
                #desarrollo .temaContHead h2 {
                    color: #f2f2f2;
                }


            #capsop .temaContHead {
                background: #2c2b018f;
            }

                #capsop .temaContHead h1,
                #capsop .temaContHead h2 {
                    color: var(--colorsectionheader);
                    text-align: right;
                    margin-left: 0%;
                    padding-right: 1rem;
                    width: 100%;
                    background: #f2f2f29c;
                }

            #projman .temaContHead {
                background: rgba(197, 197, 201, 0.56);
                padding-left: 0;
                padding-right: 0;
            }
                #projman .temaContHead h1 {
                    text-align: right;
                    margin-left: 0%;
                    padding-right: 1rem;
                    width: 100%;
                    background: #f2f2f29c;
                }
                #projman .temaContHead h2 {
                    display: none;
                }
            #mipe .temaContHead {
                background: rgba(225, 225, 231, 0.509);
                font-size: 2rem;
                line-height: 4.4rem;
            }
                #mipe .temaContHead h1 {
                    /*font-size: 3.4rem;*/
                    line-height: 4.2rem;
                    text-align: right;
                    margin-left: 0%;
                    padding-right: 1rem;
                    width: 100%;
                    background: #f2f2f29c;
                }

        #MSDyn365 .temaContDesc {
            background: var(--bgbody);
        }
        #consultoria .temaContDesc {
            background: rgba(64, 64, 69, 0.907);
            background: #f2f2f2e0;
            border-bottom: 1px solid var(--colorTextSpan);
            border-left: 1px solid var(--colorTextSpan);
            justify-content: center;
        }

            #consultoria .temaContDesc p {
                width: 80%;
                padding: 0 0;
                margin-left: 10%;
                font-size: 1.6rem;
                font-weight: 300;
                color: var(--colorsectionheader);
            } 

        #desarrollo .temaContDesc {
            background: #090015d0;
            background: #f2f2f2e0;
            /*padding: 8rem;*/
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--colorTextSpan);
            border-right: 1px solid var(--colorTextSpan);
            
        }
            #desarrollo .temaContDesc p {
                color: var(--colorsectionheader);
                font-weight: 300;
                width: 80%;
                padding: 0 0;
                margin-left: 10%;
            }
        #capsop .temaContDesc {
            background: rgba(245, 245, 251, 0.639);
            background: #f2f2f2e0;
            /*padding: 8rem;*/
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--colorTextSpan);
            border-right: 1px solid var(--colorTextSpan);
        }
            #capsop .temaContDesc p {
                font-weight: 300;
                width: 80%;
                padding: 0 0;
                margin-left: 10%;
            }
        #projman .temaContDesc {
            background: rgba(22, 30, 49, 0.774);
            background: #f2f2f2e0;
            /*padding: 8rem;*/
            display: flex;
            flex-direction: column;
           justify-content: center;
            border-bottom: 1px solid var(--colorTextSpan);
            border-right: 1px solid var(--colorTextSpan);
        }
            #projman .temaContDesc p {
                color: var(--colorsectionheader);
                font-weight: 300;
                width: 80%;
                padding: 0 0;
                margin-left: 10%;
            }
        #mipe .temaContDesc {
            background: rgba(9, 9, 40, 0.78);
            background: #f2f2f2e0;
            /*padding: 8rem;*/
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid var(--colorTextSpan);
            border-right: 1px solid var(--colorTextSpan);
        }
            #mipe .temaContDesc p {
                color: var(--colorsectionheader);
                font-weight: 300;
                width: 80%;
                padding: 0 0;
                margin-left: 10%;
            }

        .temaContenido.active h1 {
            
            font-family: 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', Calibri, sans-serif;
            font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
            
            font-size: 3.4rem;
            line-height: 4.2rem;
            width: 100%;
            height: auto;
            margin-left: 0%;
            /*height: 6vh;*/
            margin-top:  2rem;
            margin-bottom: 0rem;
            letter-spacing: 0;
            color: #292a29;
            font-weight: 900;
        }

        .temaContenido.active h2 {
            font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
            font-size: 2rem;
            line-height: 2.6rem;
            width: 96%;
            margin-left: 2%;
            /*height: 6vh;*/
            margin-top:  0rem;
            margin-bottom: 0rem;
            letter-spacing: normal;
            color: #161616;
            font-weight: 300;
            height: auto;
            
        }

        .temaContenido.active h2 span {
            color: #2200ff;
            color: #ea3204;
            font-size: 2.4rem;
            font-weight: 900;
            line-height: 5rem;
            letter-spacing: 0.1rem;
        }
        .temaContenido.active .temaContDesc {
            height: 52rem;
            width: 55.1%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-content: space-between;
            justify-content: center;
        }


        .temaContenido.active p {
            font-size: 1.6rem;
            font-weight: 600;
            margin-top: 0.2rem;
            color: #000000;
            /*padding: 0.5rem;*/
            width: 100%;
            margin-left: 1rem;
            margin-right: 1rem;
            line-height: 2.6rem;
            text-align: justify;
            padding-left: 2rem;
            padding-right: 3rem;
        }
        .temaContDesc ul {
            margin-top: 0;
            margin-bottom: 4rem;
        }
/*
        .temaContDesc ul li {
            width: 60%;
            margin-left: 20%;
            list-style: none;
            font-size: 1.6rem;
            font-weight: 300;
            line-height: 3rem;
            color: #000000;
        }
*/
        #MSDyn365 .temaContDesc {
            padding-left: 0;
            padding-right: 0;
            display: flex;
            flex-direction: column;
            height: 52rem;
            max-height: 52rem;
        }


            .funcionalidadContenedor {
                width: 100%;
                height: auto;
                /*transform: translateY(-50%);*/
                overflow: hidden;
            }


                #funcionalidad {
                    display: inline-flex;
                    transition: 0.8s;
                    height: 52rem;
                    max-height: 52rem;
                    min-height: 52rem;
                    /*width: 96%;*/
                    margin-top: 0;
                    padding-top: 0;
                    /*overflow: hidden;*/
                }

                .funcionalidad .msg-col {
                    width: 86.4rem;
                    height: 100%;
                    margin-top: 0;
                    padding-top: 0;
                }
                    .msg-col .msgcol-text {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        margin-top: 0;
                        padding-top: 0;
                        width: 56rem;
                        height: 44rem;
                        max-height: 44rem;
                        margin-bottom: 0;
                    }
                           
                        .msgcol-text h5 {
                            color: var(--colorsectionmaintitle);
                            font-size: 2.2rem;
                            font-weight: 600;
                            margin: 2rem 0 0rem 2rem;
                            text-align: left;
                            max-width: 98%;
                        }

                            .msgtextdetail {
                                text-align: justify;
                                text-align: start;
                                display: flex;
                                justify-items: first baseline;
                                flex-direction: column;
                                margin: 2rem 0 0rem 2rem;
                                padding: 0 1rem 1rem 1rem;
                                max-width: 90%;
                                margin-left: 5%;
                                min-height: 15rem;
                                max-height: 25rem;
                                overflow-y: scroll;
                            }

                                .msg-col .msgcol-text .msgtextdetail::-webkit-scrollbar {
                                    width: 0.1rem;
                                    background:transparent;
                                }

                                .msg-col .msgcol-text .msgtextdetail::-webkit-scrollbar-thumb {
                                    background: transparent;
                                    border-radius: 0.1rem;
                                    border-right: 0.1rem solid #f9f907;
                                }


                                .msgtextdetail > h6 {
                                    color: var(--colorTextHeaderDesc);
                                    font-weight: 300;
                                    font-size: 1.6rem;
                                    line-height: 2.2rem;
                                    margin-top: 0;
                                    margin-bottom: 2rem;
                                }
                            

                    .msg-col a {
                        /*display: inline-block;*/
                        position: relative;
                        text-decoration: none;
                        background: transparent;
                        color: var(--colorTextSpan);
                        font-size: 14px;
                        font-weight: 600;
                        padding: 5px 24px;
                        border-radius: 0.5rem;
                        left: -36rem;
                        top: 1rem;
                        /**** inactivo hasta que pueda vincularse con la página detallada**/
                        display: none;
                    }
                            .msg-col a:hover {
                                color: var(--bgbody);
                                background: var(--colorTextSpan);
                            }


        .controller {
            width: 1px;
            height: 42rem;
            height: auto;
            display: block;
            background: var(--colorSectionHeadDesc);
            position: absolute;
            top: 28rem;
            right: 16rem;
            transform: translateY(-50%);    
        }

        #line1 p,#line2 p,#line3 p,#line4 p,#line5 p,#line6 p,
        #line7 p,#line8 p,#line9 p,#line10 p,#line11 p,#line12 p {
            font-size: 1.28rem;
            line-height: 1.38rem;
            color: var(--colorSectionHeadDesc);
            width: 18rem;
            height: 3rem;
            max-height: 3rem;
            margin-left: 0;
            margin-top: 0;
            margin-bottom: 0.5rem;
            letter-spacing: 0rem;
            text-align: left;
            justify-content: last baseline;
            justify-content: flex-end;
            display: flex;
            flex-direction: column;
            align-items: start;
            justify-items: center;
            vertical-align: bottom;
        }

        #line1 p:hover,#line2 p:hover,#line3 p:hover,#line4 p:hover,#line5 p:hover,#line6 p:hover,
        #line7 p:hover,#line8 p:hover,#line9 p:hover,#line10 p:hover,#line11 p:hover,#line12 p:hover {
            color: rgb(4, 66, 252);
            font-size: 1.35rem;
        }


        #line1,#line2,#line3,#line4,#line5,#line6,
        #line7,#line8,#line9,#line10,#line11,#line12 {

            height: 3.4rem;
            width: 0.3rem;
            cursor: pointer;
            transform: translateX(-50%);
        
            /*background: #fff;*/
        }

        #active {
            width: 2rem;
            height: 0.8rem;
            border-radius: 30%;
            background: var(--colorTextSpan);
            position: absolute;
            top: 1.5rem;
            transform: translateX(-50%);
            transition: 1.6s;

        }


        .temaContDesc .funcionalidad p {
            width: 12rem;
            height: 12rem;
            border-radius: 50%;
            font-size: 1.45rem;
            font-weight: 300;
            letter-spacing: 0.01rem;
            background: rgba(20, 1, 72, 0.693);
            background: transparent;
            border: solid 1px #f8f6f6;
            border: none;
            color: #ffffff;
            align-content: center;
            text-align: center;
            padding: 0;
            padding-left: 0.4rem;
            padding-right: 0.4rem;
            line-height: 1.7rem;
        }
        .temaContDesc .servs {
            display: flex;
            flex-direction: row;
            width: 100%;
            justify-content: center;
            align-content: center;
            /*background: rgb(4, 66, 252);
            background: var(--colorSectionHeadDesc);*/
            height: 4rem;
            margin-top: 0rem;
        }
        .temaContDesc .servs p {
            width: auto;
            font-weight: 900;
            color: #ffffff;
            color: var(--colorsectionmaintitle);
            text-transform: uppercase;
            font-size: 1.8rem;
            line-height: 2rem;
            margin-top: 1rem;
            height: 2rem;
        }




        .temaContenido.active span {
            color: #292a29;
        }


        .s-btn, .ind-btn {
            width: 14rem;
            height: 2.4rem;
            border-radius: 5px;
            background: #f55606;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #f2f2f2;
            font-size: 1.4rem;
            font-weight: 600;
            margin: 3rem auto;
            bottom: 2rem;
            text-decoration: none;
            padding-top: 2rem;
            padding-bottom: 2rem;

        }


        .s-btn:hover {
            background-color: #f55606;
            /*color: ;*/
            transition: all ease 0.3s;
        }





/*service*/


/*****************FIN PORTAFOLIO SERVICIOS *****************/



















/*******************MAIN HOME***************/



.text-boxuser {
    width: 100%;
    height: 58vh;
    max-height: 58vh;
    display: flex;
    flex-direction: row;
    
    background-color: #151500b7;
    justify-content: center;
    /*position: relative;*/
    /*top: 21vh;*/
    /*margin-top: 1rem;*/
    /*left: 0%;*/
    color: rgba(26, 25, 0, 0.667);
    border-radius: 0.2rem;
    /*animation: textup 60s linear infinite;
    transform: translateY(100px);*/
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*border: 1px solid rgb(255, 238, 0);*/
    box-shadow: 2px 8px 32px rgba(203, 225, 1, 0.46);
    

    /*background-color: #deee00;*/
}
/*
.text-boxuser > h2 {
    position: relative;
    padding: 0 2rem;
    width: 25%;
    /*height: 4%;
    top: 0%;
    left: 0%;  
    display: flex;
    flex-direction: column;
    align-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #f0f02e;
    border-right: solid 1px #f0f02e;
    margin-right: 0%;
    padding-right: 0;
    z-index: 1;   
}
*/
.text-header {
    position: relative;
    padding: 6rem 2rem;
    margin: 0rem 0rem;
    width: 25%;
    height: inherit;
    top: 0%;
    left: 0%;  
    display: flex;
    flex-direction: column;
    /*align-content: center;*/
    font-family: 'Montserrat', sans-serif;
    border-right: solid 1px #f0f02e;
    margin-right: 0%;
    padding-right: 0;
    z-index: 1;   
}

.text-header > h2 {
    position: relative;
    width: 90%;
    /*height: 4%;*/
    top: 0%;
    left: 5%;  
    margin-top: 15vh;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #f0722e;
    z-index: 1;   
}


.text-header > h4 {
    position: relative;
    width: 80%;
    height: auto;
    margin-left: 8%;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    /*margin-top: 10px;*/
    /*margin-bottom: 50px;*/
    /*padding: 10px;*/
    text-align: center;
    /*left: 35%;*/
    bottom: 0;
    margin-top: 12vh;
    color: rgb(205, 241, 1);
    letter-spacing: 1px;
    z-index: 1;
    /*background-color: #00acee;*/    
}


.textos {
    position: relative;
    max-width: 75%;
    left: 0;
    margin-left: 0%;
    padding-left: 0;
    height:inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    /*align-content: center;*/
    justify-content: space-evenly;
    /*top: 2vh;*/
    /*left: 5%;*/
    color: rgb(247, 245, 141);
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 5px;
    overflow: hidden;



}


.textos p {

    width: 30%;
    height: 25vh;
    background: rgba(22, 23, 0, 0.631);
    color: #f8f873;
    border-radius: 0.5rem;
    
    padding: 2rem 2rem;
    position: relative;
    /*align-self: center;*/
  
    /*height: auto;*/
    /*max-width: 70%;*/
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    /*text-indent: 2rem;*/
    display: flex;
    flex-direction: column;
    align-content: space-evenly;
    margin-bottom: 1rem;
    overflow: hidden;
    justify-content: center;
    z-index: 1;
}


#user-leer {
    position: absolute;
    /*margin: 80px 0 0 0px;*/
    width: 125px;
    display: inline-flex;
    left: 83%;
    bottom: 4vh;
    background: #3a3100f1;
    text-align: center;
    color: rgb(231, 231, 242);
    padding: 2px 15px 2px 20px;
    text-decoration: none;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    border-radius: 5px 0 0px 5px;
    box-shadow: 0 8px 32px rgba(111, 222, 31, 0.46);
    cursor: pointer;
    z-index: 10;
    display: none;
}




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

.sge {
    width: 100%;
    height: auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background: #ffffff;

}

.sge-contenedor {    
    width: 140rem;
    margin: auto;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items:center;
    text-align: center;
    /*padding-bottom: 10px;*/
    /*z-index: 10;    */
    padding: 0 1rem 0 1rem;
    user-select: none;
}


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

.sge-header h2 {
    width: 80%;
    font-size: 4.5rem;
    font-weight: 1200;
    color: var(--colorsectionheader);
    margin-left: 0;
    text-align: left;
    margin-bottom: 4rem;
}
.sge-header p {
    width: 80%;
    color: var(--colorTextHeaderDesc);
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-left: 0;
    text-align: justify;
}


.sge-items{
    height: auto;
    width: 60%;
    left: 0%;
    margin-left: 0;
    display: flex;
    justify-items: center;
    align-items: center;
    overflow: hidden;
    margin-top: 0rem;
    margin-bottom: 0rem;

}

.sge-content {
    width: 100%;
    height: auto;
    margin-left: 0%;
    background: #252528;
    background: #484626;
    background: #fffffff6;
}

.sge-slider-container {
    /*margin-top: -4vh;*/
    position: relative;
    overflow: hidden;
    width: 100%;
    /*margin: auto;*/
    height: 52rem;
    /*border: solid 1px #cbcb01;*/
}

.slideshow-items {
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: -1.6rem;
}

.item {
    position: absolute;
    width: 100%;
    height: 100%;
}

.item-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    /*margin: auto;*/
}

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

.item-image {
    position: relative;
    
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 0;
    display: block;
    transition: opacity .3s ease-out .45s;
    /*
    clip-path: ellipse(43% 65% at 63% 48%);
    clip-path: polygon(51% 7%, 100% 0, 100% 43%, 100% 100%, 70% 98%, 40% 100%, 0 100%);
    clip-path: polygon(68% 4%, 100% 0, 100% 43%, 100% 100%, 70% 98%, 40% 100%, 14% 100%);
    clip-path: polygon(68% 4%, 100% 0, 100% 43%, 100% 89%, 71% 100%, 40% 100%, 11% 100%);
    clip-path: polygon(72% 7%, 100% 0, 100% 43%, 100% 89%, 71% 100%, 40% 100%, 0 100%);
    clip-path: polygon(39% 10%, 100% 5%, 100% 50%, 100% 84%, 70% 100%, 0 100%);
    clip-path: polygon(52% 19%, 100% 5%, 100% 50%, 100% 84%, 76% 100%, 0 100%);
    clip-path: polygon(35% 21%, 100% 5%, 100% 50%, 100% 84%, 76% 100%, 0 100%);
    clip-path: polygon(43% 18%, 100% 0, 100% 50%, 100% 84%, 76% 100%, 0 100%);
    clip-path: polygon(45% 11%, 100% 0, 100% 50%, 100% 84%, 76% 100%, 0 100%);

    clip-path: polygon(68% 10%, 100% 0, 100% 43%, 100% 100%, 70% 98%, 40% 100%, 7% 100%);
    clip-path: polygon(54% 10%, 100% 0, 100% 50%, 100% 84%, 76% 100%, 0 100%);*/
    /*border-top-left-radius: 65%;
    border-top-right-radius: 30%;
    border-bottom-right-radius: 75%;
    border-bottom-left-radius: 10%;*/
}

.item.active .item-image {
    opacity: 0.9;
    
}
.item.active .item-image-container::before {
    opacity: 0.9;
}
.itemtext {
    position: absolute;
    top: 0rem;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #ffffffab;
    background: #7f838669;
    background: #011a7b9d;
    z-index: 2;
    align-content: center;
    justify-items: center;
}

.itemtextbox {
    width: 60rem;
    height: 44rem;
    padding-left: 3rem;
    padding-right: 3rem;
    margin-right: 0;
    background: #ffffffc4;
    background: #0048ffbf;
    background: #ffffffd5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}


.item-header {
    position: absolute;
    top: 6rem;
    right: 0;
    left: 24rem;
    width: 48rem;
    z-index: 2;
}

    .item-header:after {
        content: '';
        background: #fff;
        background: var(--colorTextSpan);
        display: block;
        height: 1rem;
        margin-top: 0.2rem;
        width: 59rem;
        margin-left: 0rem;
    }


.item-description {
    position: absolute;
    top: 14rem;
    width: 54rem;
    height: 34rem;
    left: 15rem;
    padding-right: 0%;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-content: space-around;
    justify-content: space-around;
    overflow-y: hidden;
}
    .item-description .vertical-part {
        transition: 2.21s;
        z-index: 0;
        width: 100%;
        display: flex;
        margin-right: 0;
        flex-direction: column;
        justify-content: right;
        align-content: flex-end;
        padding-left: 4rem;
        padding-right: 4rem;

    }
        .item-description .vertical-part b {
        color: #ffffff;
        color: var(--colorsectionheader);
        font-size: 1.6rem;
        line-height: 2.4rem;
        font-weight: 300;
        letter-spacing: normal;
        margin-left: -0rem;
        text-align: justify;
        width: 100%;
        }   



.item-header .vertical-part {
    width: 48rem;
    display: flex;
    flex-direction: column;
    justify-content: right;
}


.item-header .vertical-part b {
    width: 48rem;
    padding-right: 2rem;
    font-size: 2.8rem;
    line-height: 3.4rem;
    letter-spacing: 0.2rem;
    font-weight: 1200;
    text-align: right;
    text-transform: uppercase;
    transform: translateY(100%);
    color: var(--bgHeader);
}

.vertical-part {
    overflow: hidden;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 600;
}

.vertical-part b {
    display:  inline-block;
    transform: translateY(100%);
    color: #0e0101;
}

.item-header:after {
    transition: 1s;
    transform: translateY(100%);
}

.item-header .vertical-part b {
    transition: 1s;
}





.item-description .vertical-part .solutions {
    width: 100%;
    text-align: center;
    margin-top: 5rem;
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 900;
    transition: 3.21s;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    color: var(--colorTextSpan);
}

.item-description .vertical-part .erp-solutions {
    width: 100%;
    text-align: center;
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 900;
    transition: 3.21s;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: var(--colorTextSpan);
}

.item-description .vertical-part .crm-solutions {
    width: 100%;
    text-align: center;
    margin-top: 6rem;
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 900;
    transition: 3.21s;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: var(--colorTextSpan);
}

.item-description .vertical-part .pwr-solutionsa,
.item-description .vertical-part .pwr-solutionsb,
.item-description .vertical-part .pwr-solutionsc {
    width: 100%;
    text-align: center;
    margin-top: 12rem;
    margin-left: 0;
    font-size: 1.1rem;
    font-weight: 900;
    transition: 3.21s;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color: var(--colorTextSpan);
}

.item.active .item-header .vertical-part b {
    transform: translateY(0);
    
}

.item.active .item-description .vertical-part b {
    transform: translateY(0);
    
}

.item.active .item-description .vertical-part .solutions {
    transform: translateY(0);
}
.item.active .item-description .vertical-part .erp-solutions {
    transform: translateY(0);
}
.item.active .item-description .vertical-part .pwr-solutions {
    transform: translateY(0);
}

.controls {
    position: relative;
    text-align: right;
    margin-right: 0rem;
    z-index: 2;
}

.controls ul {
    list-style: none;
}

.controls ul li {
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    margin: 1.5rem;
    background: transparent;
    cursor: pointer;
    border: 0.2rem solid #0073ff;
    border: 0.2rem solid #F2f2f2;
}

.controls ul li.active { 
    background: var(--colorTextSpan);
    background: #FFFFFF;
}


.slide-contenedor > .sge-ls {
    height: 100%;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    left: 0;
    /*color: #181414;*/
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
 

    background-color: greenyellow;
}


.slide-contenedor > .sge-rs {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100%;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content:space-evenly;
   
}

/*-----accordion right slide--------*/

.sge-rs > .accordion-rs1 {
    height: inherit;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    /*justify-items: center;*/
    /*align-content: space-evenly;*/
    /*background-color: rgba(2, 1, 0, 0.712);*/
    background-color: rgba(0, 0, 0, 0.64);
    opacity: 1;
    
}

.accordion-item {
    width: 100%;
    margin-left: 0%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    /*background-color:#ffffff4c;*/
    /*color:#070839;*/
    /*margin: 5% 0;*/
    border-radius: 1rem;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);*/
    
}

.accordion-item-header {
    width: 120%;
    height: 7vh;
    left: 0%;
    min-height: 20px;
    margin-top: 0px;
    /*line-height: 20px;*/
    display: flex;
    position: relative;
    align-content: center;
    justify-content: center;
    /*justify-content: space-evenly;*/
    cursor: pointer;
    border-top-left-radius: 90%;
    border-top-left-radius: 40%;
    border-bottom-right-radius: 100%;
    background: linear-gradient(to right,#0d0d00a4,#c3c3017d,#0d0d00a4);
    
    /*border-left: 1px solid #3f4401;*/
    /*border-image: linear-gradient(to right, #ffe600, #ffe600, transparent, transparent, transparent) 1;*/
    border-image: linear-gradient(to right,#ffff00, #fbff00) 1;

}


.accordion-item-header h4 {
    /*background-color: rgba(47, 36, 1, 0.777);*/
    /*padding: 0.8rem .5rem 0.8rem 1rem;*/
    width: 80%;
    /*height: auto;*/
    /*max-width: 80%;*/
    left: -0%;
    margin-left: -20%;
    /*padding-top: 10px;*/
    padding-left: 5.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.4rem;
    /*line-height: 24px;*/
    /*line-height: 22px;*/
    font-weight: 500;
    color: rgba(236, 237, 231, 0.971);
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-radius: 0.5rem;
}


.accordion-item-header::after {
    content: "\002B";
    position: relative;
    /*content: "\25BE";*/
    /*content: "Cerrar";*/
    /*vertical-align: auto;*/
    /*padding-top: 0.5rem;*/
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    font-size: 3.6rem;
    font-weight: 300;
    left: 3rem;
    color: #f9fcd0;
    transition: transform 1.2s ease-in-out;
    display: none;
}

.accordion-item-header.active::after {
    /*background-color: #040400;*/
    content: "\2212";
    /*content: "\03A7";*/
    font-size: 3.6rem;
    font-weight: 400;
    /*transform: rotate(-360deg);*/
    color: #f1f104;
    /*border-radius: 30px;*/
    /*width: 30px;*/
    /*border: 1px solid;*/
    display: none;
    
}

.accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1.8s ease-in-out; 
}



.accordion-item-body-content {
    margin-top: 0.2rem;
    padding: 0.4rem 1.5rem 0.4rem 1.5rem; 
    width: 120%;
    margin-left: -10%;
    /*border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, transparent, transparent, #232201, transparent) 1;*/
    max-height: 30rem;
    /*background-color: #141600a2;*/
    background-color: rgba(236, 237, 231, 0.791);
    border-radius: 60% 43% 85% 35%;
    text-align: justify;
    overflow: hidden;
    padding-bottom: 3rem;
    /*border-left: 0.1rem solid #121400;*/
    /*border-image: linear-gradient(to right, #ffe600, #ffe600, transparent, transparent, transparent) 1;*/
    border-image: linear-gradient(to right,#ffdd00, #ffdd00) 1;
    overflow-y: scroll;
    /*text-align: center;
    justify-content: center;*/

}


.accordion-item-body-content > p {
    width: 70%;
    font-size: 1.5rem;
    text-align: center;
    color: #151500fc;
    /*color: #fae203;*/
    margin-left: 15%;
    font-weight: 600;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    letter-spacing: normal;
    line-height: 2rem;
}

.accordion-item-body-content::-webkit-scrollbar {
    width: 0.1rem;
    background:transparent;
}

.accordion-item-body-content::-webkit-scrollbar-thumb {
    background: #2c2b28;
    border-radius: 0.4rem;
    border-right: 0.3rem solid #f9f907;
}


#sge-rsleer_1 {
    /*margin: 80px 0 0 0px;*/
    /*display: inline-flex;*/
    position: absolute;
    margin-top: 70vh;
    /*margin-bottom: -660px;*/
    left: 25%;
    width: 50%;
    display: inline-block;
    /*background-color:rgb(230, 246, 8);*/
    border-bottom: 0.1rem solid #151500fc;
    text-align: center;
    vertical-align: middle;
    color: rgb(10, 9, 0);
    padding: 0.4rem 0.4rem;
    text-decoration: none;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 1.2rem;
    /*border: 1px solid #c8f407;*/
    border-radius: 0.4rem;
    /*box-shadow: 0 8px 32px rgba(2, 110, 241, 0.309);*/
    z-index: 10;
    letter-spacing: 0.1rem;
}


#sge-rsleer_1:hover {
    color: rgba(236, 237, 231, 0.871);
    font-weight: 600;
    padding: 0.5rem 0.5rem;
    font-weight: 600;
    background-color: rgba(93, 100, 0, 0.828);
    box-shadow: 0px 3px 4px rgb(238, 255, 0);
   
    border-bottom: none;
   /* border: 0.1rem solid rgb(30, 17, 0)*/
}




/*-----accordon left slide--------*/


.sge-ls > .accordion-ls1 {
    height: inherit;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    
}

#bc {
    background-image: url(./Dynamics365_BCLogo.png);
    background-size: 12vh;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 16vh;
    background-position-x: center;
    border-radius: 1.5rem;
}

#fo {
    background-image: url(./Dynamics365_FOLogo.png);
    background-size: 12vh;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 10vh;
    background-position-x: center;
}
#crm {
    background-image: url(./DynamicsSales_logo.png);
    background-size: 12vh;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 18vh;
    background-position-x: center;
}
#pbi {
    background-image: url(./msf_pbi_logo.png);
    background-size: 12vh;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 16vh;
    background-position-x: center;
}
#papps {
    background-image: url(./msf_pwrapps_logo.png);
    background-size: 12vh;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 16vh;
    background-position-x: center;
}
#patm {
    background-image: url(./msf_pwrauto_logo.png);
    background-size: 12vh;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: 16vh;
    background-position-x: center;
}



.accordion-ls1 > h3 {
    font-size: 1.6rem;
    color: rgb(36, 26, 0);
    width: 100%;
    font-weight: 600;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    justify-content: center;
    margin-bottom: 0;
}

.accordion-itemls {
    /*height: inherit;*/
    max-width: 100%;
    margin-left: 0%;
    margin-bottom: 2rem;
    /*background-color:#ffffff4c;*/
    /*color:#070839;*/
    /*margin: 5% 0;*/
    /*border-radius: 10px;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);*/
    text-align: center;
    justify-content: center;
    align-items: center;
    
}

.accordion-item-headerls {
    padding: 0rem 0rem;
    /*min-height: 3rem;
    line-height: 2rem;
    display: flex;
    flex-direction: column;
    position: relative;*/
    cursor: pointer;
    /*background-color: #00acee;*/
    /*border-bottom: 1px solid;*/
    /*border-image: linear-gradient(to right, transparent, #ece400, #ece400, transparent) 1;*/
    text-align: center;
}


.accordion-item-headerls > h1 {
    font-size: 2.6rem;
    line-height: 3.4rem;
    /*margin-left: 1.5rem;*/
    width: 70%;
    margin-left: 15%;
    font-weight: 900;
    margin-top: 0;
    padding-top: 0.5rem;
    margin-bottom: 0;
    padding-bottom: 0;

    justify-content: center;
    /*align-content: center;
    text-align: center;*/
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.accordion-item-headerls::after {
 
    padding-top: 0;
    /*padding-right: 10px;*/
    /*content: "\002B";*/
    content: "Leer";
    font-size: 1.4rem;

    font-weight: 300;
    position: relative;
    color: #151500fc;
    transition: transform 1.2s ease-in-out;
    text-decoration: underline;

    
}

.accordion-item-headerls.active::after {
    /*content: "\002D";*/
    padding-top: 0.5rem;
    content: "Cerrar";
    font-weight: 600;
    font-size: 1rem;
    color: #080800fc;
    text-decoration: none;

    
    
    
    
    /*transform: rotate(-180deg);*/
}

.accordion-item-bodyls {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1.2s ease-in-out; 
}

.accordion-item-bodyls-content {
    
    border-top: 1px solid;
    /*border-image: linear-gradient(to right, transparent, #151500fc, transparent) 1;*/
    /*border-bottom: solid 1.2px #383801;*/
    height: 30vh;
    /*background-color: rgba(21, 21, 0, 0.871);*/
    border-radius: 0 0 5px 5px;
    text-align: left;
    width: 60%;
    margin-left: 20%;
    overflow-y: scroll;


}


.accordion-item-bodyls-content::-webkit-scrollbar {
    width: 0.4rem;
    background:#161600;
}

.accordion-item-bodyls-content::-webkit-scrollbar-thumb {
    background: #242321;
    border-radius: 0.35rem;
    border-right: 0.35rem solid #ffdd00;
}






.accordion-item-bodyls-content > p {
    width: 94%;
    margin-left: 1%;
    font-size: 1.6rem;
    line-height: 2.2rem;
    text-indent: 2rem;
    color: rgb(20, 18, 0);
    font-weight: 300;
    text-align: justify;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
}






.sge-right-slide > .sge-rs > h3 {
    position: absolute;
    width: 80%;
    margin-left: 12%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 900;
    color: rgb(0, 0, 0);
}

/*
.sge-right-slide > .sge-rs > h4 {
    position: relative;
    background-color:rgb(32, 58, 252);
    width: auto;
    max-width: 500px;
    height: auto;
    padding: 4px 10px 4px 10px;
    margin-bottom: 10px;
    margin-left: 20%;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: rgb(255, 249, 249);
    border-radius: 20px;
}
*/

.sge-right-slide > .sge-rs > p {
    width: 50%;
    margin-left: 10%;
}



/*#sge-leer_1, #sge-leer_2, #sge-leer_3, #sge-leer_4, #sge-leer_5, #sge-leer_6, #sge-leer_7 */
#sge-leer_1 {
    /*margin: 80px 0 0 0px;*/
    /*display: inline-flex;*/
    position: absolute;
    margin-top: 30vh;
    left: 68%;
    width: 40%;
    display: inline-block;
    background-color:rgba(0, 0, 0, 0.687);
    text-align: center;
    color: rgb(249, 249, 10);
    padding: 10px 10px;
    text-decoration:underline;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 24px;
    border-radius: 1px;
    box-shadow: 0 8px 32px rgba(213, 220, 6, 0.46);
    z-index: 10;
}

#sge-leer_1:hover, #sge-leer_2:hover, #sge-leer_3:hover, #sge-leer_4:hover, #sge-leer_5:hover, #sge-leer_6:hover, #sge-leer_7:hover {
    color:#00030d;
    background-color: #f0fc0b;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
}



button {
    background: #030300a4;
    color: #fbfbf7f8;
    border: 1px solid #eaea0175;
    cursor: pointer;
    font-size: 3.4rem;
    padding: 1rem 1.6rem;
    box-shadow: 2px 2px 2px -1px rgba(176, 176, 0, 0.15), -1px -1px 2px -1px rgba(249, 249, 246, 0.7);
    font-weight: 300;
}

/*button:hover {
    /*color: #0a0a08;*/
    /*font-weight: bold;
}*/

button:focus {
    outline: none;

}

.sge-slider-container .sge-action-buttons button {
    position: absolute;
    left: 40%;
    top: 50%;
    z-index: 100;
}

.sge-slider-container .sge-action-buttons .down-button {
    transform: translateX(-100%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sge-slider-container .sge-action-buttons .up-button {
    transform: translateY(-100%);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}








/*******************SGN fin***************/




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


.services-contenedor {
    width: 100%;
    /*max-width: 1300px;*/
    margin-top: 0vh;
    height: auto;
    display: flex;
   /* background-color:transparent;*/
    /*background: #e48eb9;*/
    flex-direction: column;
    /*flex-wrap: wrap;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    /*padding-bottom: 10px;*/
    /*margin-left: 23%;*/
    user-select: none;
    
}


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

.servdesc-texto p {
    color: #f1eb66; 
    color: #000000;
}




/*******************Services  Items Inicio**************/


.items-lbe {
    height: auto;
    width: 100%;
    left: 0%;
    display: flex;
    /*background-image: url(img/bground.png);*/
    background: #8eb6e407;
    background-color: #f2f2f2;
    /*flex-direction: column;*/
    /*flex-wrap: wrap;*/
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 0vh;
      
}

.items-lbe .areas {
    width: 100%;
    height: 54vh;
    background-color: rgb(187, 144, 64);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /*border-radius: 10px;*/
    box-shadow: -5px 5px 10px 0 rgba(114, 74, 1, 0.74);
    /*margin-right: 130px;*/
    margin-bottom: 5vh;
}


.banner1, .banner2, .banner3, .banner4, .banner5, .banner6, .banner7, .banner8, .banner9, .banner10 {
    height: inherit;
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    /*border-radius: 10px;*/
    overflow: hidden;
}

.items-lbe img {
    width: 140%;
    height: inherit;
    object-fit: cover;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: zoom-out 35s linear infinite;
}

@keyframes zoom-out {
    100%{
        width: 100%;
    }
}

/*
.text-box {
    width: 100%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 0px;
    color: rgb(247, 243, 2);
    background-color: rgba(13, 7, 0, 0.755);
    animation: textup 35s linear infinite;
    transform: translateY(30rem);
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
*/








/*******************Services  Items Fin**************/


/***************INDS inicio***********/

.industrias {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 0 0;
    user-select: none;
    background: #f6f6f6;
}

    .industrias-contenedor {
        width: 140rem;
        margin: auto;
        height: auto;
        padding: 0 1rem 0 1rem;
        overflow: hidden;
    }

        .srv-description {
            height: auto;
            width: 100%;
            position: relative;
            text-align: left;
            justify-content: left;
            align-items: left;
            padding-top: 0.5rem;
            padding-bottom: 0;
            padding-right: 0;
        }
            .srv-description .servdesc-texto {
                justify-content: right;
                justify-items: right;
                align-items: right;
                width: 100%;    
            }
            .servdesc-texto > h2,
            .servdesc-texto > p {
                color: #000000;
                margin-left: 0;
                width: 100%;
                text-align: left;
                padding-left: 0rem;
                padding-right: 0rem;
            }
            .servdesc-texto h2 {
                text-transform: uppercase;
                font-size: var(--fontsize-sectionheader);
                color: var(--colorsectionmaintitle);
                text-align: right;
                font-weight: 900;
                letter-spacing: normal;
            }
            .servdesc-texto p {
                width: 100%;
                color: #151500fc;
                margin-left: 40%;
                font-size: var(--fontsize-TextHeaderDesc);
                width: 60%;
                font-weight: 300;
                text-align: right;
            }

        .wrapper {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 100%;
            margin: auto;
            height: auto;
            margin-bottom: 6rem;
            padding: 0 0;
            overflow: hidden;
        }

            .options {
                display: flex;
                flex-direction: row;
                height: 64rem;
                max-width: 100%;
                width: 100%;
                min-width: 100%;
                justify-content: space-between;
                padding: 0 0;
            }

                .option {
                    position: relative;
                    width: 11rem;
                    max-width: 11rem;
                    height: 64rem;
                    max-height: 64rem;
                    display: flex;
                    flex-direction: column;
                    padding: 0 0;
                    
                    
                }
                
                    .option .optionhead {
                            position: absolute;
                            height: inherit;
                            width: 100%;
                            height: 8rem;
                            display: flex;
                            flex-direction: column;
                            justify-content: flex-end;
                            margin-top: 0rem;
                            border-bottom: solid 0.1rem #130300;
                            cursor: pointer;
                            z-index: 160;
                    }
                    .option .optionhead:hover {
                        border-bottom: solid 0.2rem var(--colorTextSpan);
                    }
                    
                        .option .optionhead > h2 {
                            /*transform: rotate(-90deg);*/
                            font-size: 1.3rem;
                            font-weight: 300;
                            height: auto;
                            width: 100%;
                            /*align-content: center;*/
                            justify-content: flex-end;
                            text-align: right;
                            margin-left: 0rem;
                            color: #000000;
                            align-content: flex-end;
                            
                            cursor: pointer;
                            justify-content: flex-end;
                            letter-spacing: 0px;
                            margin-bottom: 0;
                            margin-top: 0;
                        }
                        .option .optionhead h2:hover {
                            color: var(--colorTextSpan);
                            font-weight: 600;
                            text-transform: uppercase;
                            font-size: 1.2rem;
                        }

                    .option .optioncontent {
                        position: relative;
                        width: 100%;
                        height: 64rem;
                        display: flex;
                        flex-direction: column;
                        padding: 0 0;
                    }
                    /*
                    .option.active {
                        padding: 0 0;    
                    }
        */
                    .option.active .optioncontent {
                        width: 140rem;
                        height: 56rem;
                        padding: 2rem 5rem;
                        display: flex;
                        flex-direction: column;
                        justify-content: first baseline;
                        align-content: center;
                        margin-top: 8rem;
                        position: relative;
                        z-index: 150;
                    }

                    .option.active > #ServsAdmin {
                        margin-left: -64.6rem;
                    }
                    .option.active > #inmob {
                        margin-left: -26rem;
                    }
                    .option.active > #retail {
                        margin-left: -13rem;
                    }
                    .option.active > #mkt {
                        margin-left: -38.8rem;
                    }
                    .option.active > #servtech {
                        margin-left: -51.8rem;
                    }
                    .option.active > #trade {
                        margin-left: -77.4rem;
                    }
                    .option.active > #mfg {
                        margin-left: -90.4rem;
                    }
                    .option.active > #project {
                        margin-left: -103.2rem;
                    }
                    .option.active > #warehouse {
                        margin-left: -116rem;
                    }
                    .option.active > #transport {
                        margin-left: -129rem;
                    }

                        .option .optioncontent > img {
                            visibility: hidden;
                        }

                        .option.active .optioncontent > img {
                            visibility: visible;
                            position: relative;
                            margin-top: 2rem;
                            margin-left: 5rem;
                            padding-top: 1rem;
                            padding-left: 1rem;
                            width: 60%;
                            height: 42rem;
                            min-height: 42rem;
                            max-height: 42rem;
                            /*object-fit: cover;*/
                            opacity: 0.8;
                            z-index: 9;
                            border-top: solid 0.25rem var(--colorTextSpan);
                            border-left: solid 0.25rem var(--colorTextSpan);
                        }
                    
                        
        .option .optiondetail {
            visibility: hidden;
        }

        .option.active {
            flex-grow: 18;
        }


        .option.active .optioncontent .optionhead {
            
            width: 60%;
            height: 20%;
            margin-left: 40%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            margin-top: -50rem;
        }

        .option.active .optionhead {
            border-bottom: solid 0.7rem var(--colorTextSpan);
        }


        .option.active .optionhead h2 {
            color: var(--bgHeader);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 1.2rem;
        }

        .option.active .optioncontent .optionhead h2:hover {
            cursor: auto;
        }



        .option.active .optioncontent .optiondetail {
            visibility: visible;
            position: relative;
            z-index: 10;
            margin-top: -30rem;
            width: 80rem;
            height: 64rem;
            overflow-y: hidden;
            padding: 1rem 1rem;
            margin-left: 46rem;
            justify-content: right;
            align-items: first baseline baseline;
            align-content: flex-start;
            vertical-align: bottom;
            border-right: solid 0.3rem var(--bgHeader);
            border-bottom: solid 0.3rem var(--bgHeader);
            background: #ffffffd1;
        }

        .option.active .optioncontent .optiondetail p {
            font-size: 1.65rem;
            line-height: 2.4rem;
            font-weight: 300;
            width: 90%;
            margin-left: 5%;
            display: flex;
            flex-direction: column;
            text-align: right;
            color: #000000;
        }


/***************inds FIN--------------/





/*******************ACTUALIDAD INICIO***************/

.actualidad {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    background: #f2f6f9;
    background: #ffffff;

}

.actcont {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 140rem;
    max-width: 140rem;
    height: auto;
    background: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
}

.actdescription {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    width: 100%;
    height: auto;
    background: transparent;
}

.acttexto {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    width: 100%;
    height: auto;
    
}


.acttexto > h2,
.acttexto > p {
    color: #000000;
    text-align: left;
    margin-left: 0;
    width: 100%;
    text-align: left;
    padding-left: 0rem;
    padding-right: 2rem;
}

.acttexto > h2 {
    text-transform: uppercase;
    font-size: var(--fontsize-sectionheader);
    color: var(--colorsectionheader);
    font-weight: 900;
    letter-spacing: normal;
}
.acttexto > p {
    color: var(--colorSectionHeadDesc);
    font-size: var(--fontsize-TextHeaderDesc);
    width: 75%;
    font-weight: 300;
}

.actcontainer {
    height: auto;
    padding: 0rem 0;
    /*background: red;*/
    margin-bottom: 8rem;
}

.actitems {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: hidden;
    /*border: 1px solid  #ff974d;*/
    padding: 0rem 0;
    height: auto;
    margin-top: 2rem;
    /*background: yellow;*/
}

.actitems1, .actitems2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: hidden;
    /*border: 1px solid  #ff974d;*/
    padding: 1rem 0;
    height: auto;
    /*background: yellow;*/
}

.act-item {
    /*background-color: #00000020;*/
    min-width: 27rem;
    max-width: 27rem;
    height: 27rem;
    /*outline: 0.2rem solid #fafa07;*/
    display: flex;
    flex-direction: column;
    margin: 1.8rem 1.8rem;
}

#actiteml {
    margin-left: 0;
}
#actitemr {
    margin-right: 0;
}


.act-item > img {
    position: relative;
    margin-top: 0rem;
    width: 27rem;
    height: 27rem;
    min-height: 27rem;
    max-height: 27rem;
    opacity: 0.5;
    z-index: 0;
    border: solid 0.1rem var(--bgHeader);
}
.act-item .text-box {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 1rem;
    margin: auto;
    top: -5rem;
    left: 0px;
    color: #f7f302;
    background-color: transparent;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: initial;
    
}

.act-item .text-box .inddesc {
    height: 17.5rem;
    min-height: 17.5rem;
    max-height: 17.5rem;
    overflow: hidden;
    overflow-y: scroll;
    
    margin-bottom: 0;
    visibility: hidden;
}

    .act-item .text-box .inddesc::-webkit-scrollbar {
        width: 0.1rem;
        background: var(--colorsectionmaintitle);
    }

        .act-item .text-box .inddesc::-webkit-scrollbar-thumb {
            background: #000228;
            border-radius: 0.4rem;
            border-right: 0.3rem solid var(--colorsectionmaintitle);
        }



.act-item .text-box:hover .inddesc {
    visibility: visible;
    margin-top: 0rem;
    padding-top: 1rem;
}

.ind-btn {
    visibility: hidden;
}

.act-item .text-box .text:hover .ind-btn {
    visibility: visible;
    background: none;
    color: var(--colorTextSpan);
    font-weight: bolder;
    padding: 0.5rem 1.5rem;
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: 1.5rem;
    margin-left: 39rem;
    border: solid 1px var(--bgHeader);
}

.act-item .text-box .text .ind-btn:hover {
    font-weight: 600;
}

.act-item .text-box .text:hover {
    position: absolute;
    display: flex;
    flex-direction: column;
    box-shadow: 2px 1px 4px 0.5px #484747;
    /*top: -20rem;*/
    width: 58.5rem;
    height: 28rem;
    transform: scale(1.1);
    transition: transform 2.5s;
    outline: none;
    overflow-x: hidden;
    overflow-y: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    font-weight: bolder;
    top: 8rem;
    left: 3rem;
    background-color: #1c1b1bde;
    background-color: #1b1818;
    background-color: #f1f1f1;
    border: solid 0.1rem #f2f2f2c9;
    z-index: 1;
}

.act-item .text-box #tb1:hover,
.act-item .text-box #tb2:hover,
.act-item .text-box #tb5:hover,
.act-item .text-box #tb6:hover {
    left: -34.5rem;
}


#tb1:hover {
    background-image: url(./FclsMngmnt_Essntials.png);
}

#tb2:hover {
    background-image: url(./logistics.png);
}
#tb3:hover {
    background-image: url(./mkt.png);   
}
#tb4:hover {
    background-image: url(./moda.png);   
}
#tb5:hover {
    background-image: url(./srv_mng.png);
}
#tb6:hover {
    background-image: url(./mfg-min.png);   
}
#tb7:hover {
    background-image: url(./prjmng.png);   
}
#tb8:hover {
    background-image: url(./wms.png);   
}
#tb9:hover {
    background-image: url(./Sinmb.png);
    background-position-x: 100%; 
}
#tb10:hover {
    background-image: url(./rtl.png);   
}

.text-box .text {
    width: 100%;
    margin-left: 0%;
    margin-top: -30.5rem;
    /*height: auto;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;    

}


.text h1 {
    vertical-align: middle;
    font-size: 1.6rem;
    width: 27rem;
    height: 13.5rem;
    min-height: 13.5rem;
    max-height: 13.5rem;
    font-weight: 300;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.6px;
    line-height: 2.2rem;
    border-radius: 14rem;
    margin-left: 0rem;
    margin-top: 14rem;
    background: #1770eed8;
    background: rgba(1, 24, 154, 0.8);
    align-content: center;
    border-radius: 0.2rem;
    padding: 1.5rem;
    letter-spacing: 0.05rem;
    border: solid 0.1rem #7e7d7c;
    border: none;
    
}


.text h1 span {
    position: relative;
    font-size: 2.2rem;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #fff;
    text-align: center;
    height: auto;
    left: 0%;
    display: none;
}


.text h1::after {
    content: '';
    background: #ffffff;
    display: block;
    height: 0.2rem;
    width: 80%;
    margin-top: 0.6rem;
    margin-left: 10%;
}
.text p {
    width: 96%;
    height: 80%;
    font-size: 0.4rem;
    font-family: "Montserrat", Arial, "Helvetica Neue", Helvetica, sans-serif;
    line-height: 1.7rem;
    font-weight: bold;
    margin-top: 0rem;
    text-align: right;
    margin-left: 2%;
    color: var(--colorSectionHeadDesc);
    letter-spacing: normal;
}

.act-item .text-box .text:hover .inddesc {
    display: flex;
    flex-direction: column;
    width: 60rem;
    margin-left: 0rem;
    margin-top: 1.5rem;
    height: 10rem;
}

.act-item .text-box .text:hover h1 {
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin-left: 0;
    align-self: left;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2rem;
    background: none;
    color: var(--colorsectionmaintitle);
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: normal;
    height: 3.8rem;
    max-height: 3.8rem;
    min-height: 3.8rem;
    text-align: left;
    border: none;
}
.act-item .text-box .text:hover h1::after {
    background: var(--colorTextSpan);
    height: 0.12rem;
    margin-left: -3rem;
    margin-bottom: 0rem;
    
}

.act-item .text-box .text:hover #inddescp1 {
    position: relative;
    margin-top: 0rem;
}

.act-item .text-box .text:hover p {
    font-size: 1.45rem;
    font-weight: 300;
    line-height: 2rem;
    color: #080808;
    text-align: justify;
    width: 80%;
    margin-left: 10%;
}




.text span {
    height: 0.1rem;
    width: 100%;
    position: absolute;
    left: 0;
}

/*******************ACTUALIDAD FIN***************/

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


.s-contact {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    margin-top: 0vh;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: #f6f6f6;
    margin: auto;
}


.forma-contacto {
    margin-top: 0vh;
    background: transparent;
    width: 140rem;
    padding-left: 1rem;
    padding-right: 1rem;
    /*left: 5%;*/
    height: auto;
}


.contact-header {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: left;
    width: 100%;
    height: auto;
}

    .contactdesc {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: right;
        /*align-items:;*/
        width: 100%;
        height: auto;
    }


    .contactdesc > h2,
    .contactdesc > p {
        color: #000000;
        width: 100%;
        text-align: right;
        padding-left: 0rem;
        padding-right: 0;
    }

    .contactdesc > h2 {
        text-transform: uppercase;
        font-size: var(--fontsize-sectionheader);
        color: var(--colorsectionmaintitle);
        font-weight: 900;
        letter-spacing: normal;
        max-height: 2.4rem;
        margin-bottom: 1.6rem;
    }
    .contactdesc p {
        color: var(--colorSectionHeadDesc);
        font-size: var(--fontsize-TextHeaderDesc);
        width: 75%;
        margin-left: 25%;
        font-weight: 300;
        text-align: right;
        margin-top: 0;
        max-height: 2.4rem;
        letter-spacing: normal;

    }



.forma-footer {
    width: 100%;
    margin: auto;
    margin-bottom: 4rem;
    /*max-width: 1300px;*/
    height: auto;
    display: inline-flex;
    justify-content: left;    
    justify-items:left;

}

    .contact-form {
        display: flex;
        flex-direction: column;
        justify-items: left;
        justify-content: left;
        align-items: flex-start;
        height: 42rem;
        width: 60rem;
        margin-left: 0;
        padding: 0 0;
        padding: 1rem 1rem;
        border: solid 0.1rem var(--colorTextSpan);
        background: #ffffff;
        background: transparent;
        box-shadow: 3px 3px 6px 0px var(--colorsectionmaintitle);
    }

        form {
            height: auto;
            border-radius: 5px;
            margin: auto;    
            margin-top: 1vh;
        }


        .form {
            width: 100%;
            
            margin-left: 0;
            height: inherit;
            margin-top: 0;
            top: 0;
            padding-top: 0;
        }

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


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

            input:focus, textarea:focus, select:focus {
                outline: none;
                color: rgb(241, 61, 6);
                color: var(--colorsectionheader);
            }

            input:focus~label, input:valid~label, textarea:focus~label, textarea:valid~label, select:focus~label, select:valid~label {
                position: absolute;
                top: -0.6rem;
                font-size: 0.8rem;
                color: #593401;
                color: #591100f4;
                color: var(--bgHeader);
            } 

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

            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;
                transition: 0.3s ease all;
                left: 0%;
            }

            .form > button {
                position: relative;
                background-color: var(--colorTextSpan);
                display: block;
                width: 20%;
                left: 40%;
                font-size: 1.4rem;
                letter-spacing: normal;
                font-weight: 300;
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
                /*height: 4vh;*/
                border: none;
                text-align: center;
                color: #fafa07;
                color: #ffffff;
                border-radius: 0.2rem;
                cursor: pointer;
                margin-bottom: 1rem;
                font-family: "Montserrat", Arial, Helvetica, sans-serif;
                
            }
            .form > button:hover {
                font-weight: bolder;
            }


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

        #cpreview {
            font-size: 1.8rem;
            font-weight: 300;
            letter-spacing: 0.3rem;
        }

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

        }

        #kapcha {
            width: 16rem;
            height: 2.2rem;
            text-align: center;
            padding-bottom: 1rem;
            margin-top: 0.1rem;
            font-size: 1.4rem;
            letter-spacing: 0.1rem;
            font-weight: 900;
            margin-right: 1rem;
            border: 1px solid var(--bgHeader);
            vertical-align: middle;
            justify-content: center;
        }


        .captcharefresh {
            text-decoration: none;
            width: auto;
            height: 2.4rem;
            justify-content: center;
            background-color: #ffffff;
            color: #090909;
            font-size: 1.4rem;
            font-weight: 900;
            cursor: pointer;
            padding: 0 0.6rem;
        }

    
    

    /*Footer*/


    .footer {
        width: 60%;
        height: 42rem;
        display: flex;
        flex-direction: column;
        margin-bottom: 0px;
        overflow: hidden;
        border-bottom: 1px solid transparent;
        transition: ease-in-out 0.3s;
        
    }

        .footer-caption {
            width: 100%;
            height: inherit;
            display: flex;
            flex-direction: column;
            justify-content: right;
            margin-top: 0px;
            

        }


            .empresa {
                width: 100%;
                height: 34rem;
                margin-left: 0%;
                display: flex;
                flex-direction: column;
                justify-content:last baseline;
                text-align: right;
                margin-top: 0rem;
                user-select: none;
            }

                .empresa img {
                    width: 12rem;
                }

                .empresa p {
                    margin-left: 0px;
                    font-weight: 500;
                    font-size: 1.4rem;
                    color: #0b0b0b;
                    text-align: right;

                }


            .f-contacto {
                width: 100%;
                height: 50%;
                display: flex;
                flex-direction: row;
                justify-content: right;
                justify-items: right;
                user-select: none;
            }



            #logo_simp {
                margin-left: 0px;
                width: 10rem;
                height: 4rem;
                margin-bottom: 2rem;
                padding: 4px 6px;
                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: right;
                align-items: last baseline;
                padding-bottom: 0.2rem;
            }


            #sm {
                display: flex;
                background: #fcfcefc7;
                background: #ecf4fc;
                height: 4rem;
                width: 4rem;
                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;
                margin-left: 3rem;
                margin-right: 0rem;
            }

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

            }

            #sm:hover{
                border: 1px solid rgba(0,0,0,0.01);
                background: rgba(254, 254, 253, 0.945);
            }

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

            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;
            }

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

            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;
            }












/*******************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;
}




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


.avisos {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    justify-items: center;
    user-select: none;
    background: var(--bgHeader);
    background: #001143;
    z-index: 1000;
    border-top: solid 0.3rem var(--bgHeader);
}
    .footer-copy {
        height: 9rem;
        width: 140rem;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
    }

    .copyright {
        width: auto;
        margin-top: 2rem;
        color: #f2f2f2;
        font-size: 1.2rem;
        font-weight: 300;
    }

    .politica-privacidad, .politica-privacidad1 {
        width: auto;
        color: #f2f2f2;
        text-decoration: none;
        margin-top: 2rem;
        font-size: 1.25rem;
        font-weight: 300;
    }

    .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: 1450px) {

/***CONTENEDORES*/
    nav {
        max-width: 100%;
    }
    .launch {
        max-width: 100%;
        width: 100%;
       
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 120rem;
        max-width: 120rem;
        overflow: hidden;
    }

/******LAUNCH*****/

.launch, .launchbg, .contenido-header {
     height: 64rem;
}
        .textos-header h1 {
            font-size: 3.6rem;
            line-height: 4.8rem;
            margin-top: 6rem;
        }
        .textos-header h2 {
            font-size: 2.2rem;
            line-height: 3.2rem;
        }
    .lmenuitem {
        top: 5rem;
    }
    #conoce {    
       margin-left: 100rem;
    } 

    .language ul {
        top: -6.5rem;
        right: 5rem;
    }

/***servicios****/
    .temas .temabttn.active {
        font-size: 1.4rem;
    }

    .msg-col h5 {
        max-width: 44rem;
        font-size: 3.4rem;
    }  
    .msg-col h6 {
        width: 38rem;
        max-width: 38rem;
    }

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

    .sge-header h2 {
        font-size: 3.8rem;
    }

    .item-header {
        left: 17rem;
    }
    .item-description {
        left: 10rem;
    }

/*****industrias*****/
    .option {
        width: 10rem;
    }

    .option.active .optioncontent > img {
        margin-left: 25rem;
    }

    .option.active .optioncontent .optiondetail {
        margin-left: 46rem;
    }

    .option.active > #indtextil {
        margin-left: -22rem;
    }

    .option.active > #ServsAdmin {
        margin-left: -74.6rem;
    }
    .option.active > #inmob {
        margin-left: -43rem;
    }
    .option.active > #retail {
        margin-left: -32rem;
    }
    .option.active > #mkt {
        margin-left: -53rem;
    }
    .option.active > #servtech {
        margin-left: -64rem;
    }
    .option.active > #trade {
        margin-left: -86rem;
    }
    .option.active > #mfg {
        margin-left: -96rem;
    }
    .option.active > #project {
        margin-left: -107.5rem;
    }
    .option.active > #warehouse {
        margin-left: -118rem;
    }
    .option.active > #transport {
        margin-left: -129rem;
    }

}

@media screen and (width: 1440px) and (height: 1440px) {    
   /******LAUNCH*****/
   /*.textos-header {
        margin-top: 12rem;
        background: red;
   }
   .textos-header h1 {
        margin-top: 18rem;
        background: yellow;
   }
   .textos-header h2 {
        margin-bottom: 0;
        background: yellow;
   }
        #contactbtn {
            
            margin-top: 0rem;
        }
        #conoce {
            top: 0rem;
        }

*/
    .overlay {
        margin-top: 2rem;
        height: auto;
    }

    /********sge*********/
    .item-header {
        top: 8rem
    }
        .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
    
    /******contacto*********/



    
}

@media screen and (width: 1440px) and (height: 768px) {
   /******LAUNCH*****/
  /* .textos-header {
        margin-top: 12.5rem;
   }
        
        #conoce {
            margin-top: 0rem;
        }
*/
    .overlay {
        margin-top: 2rem;
        height: 60rem;
    }

    /********sge*********/
    .item-header {
        top: 8rem
    }
        .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
    /*****Actualidad*****/
    
    /******contacto*********/


    .forma-footer {
        height: 62vh;
    }

    
}


/******Surface pro 7******/
@media screen and (width: 1368px) and (height: 912px) {
   /******LAUNCH*****/
   /*
   .textos-header {
        margin-top: 12.5rem;
   }
        
        #conoce {
            margin-top: 0rem;
        }
*/
    .overlay {
        margin-top: 2rem;
    }

    /********sge*********/
    .item-header {
        top: 8rem
    }
        .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
    
    /******contacto*********/



    
}

/******Ipad Pro******/
@media screen and (width: 1366px) and (height: 1024px) {
   /******LAUNCH*****/
/*
   .textos-header {
        margin-top: 12.5rem;
   }
        
        #conoce {
            margin-top: 0rem;
        }
*/
    .overlay {
        margin-top: 2rem;
    }

    /****servicios***/
    .controller {
        top: 30rem;
    }

    /********sge*********/
    .item-header {
        top: 8rem
    }
        .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
    
    /******contacto*********/



    
}

@media screen and (width: 1366px) and (height: 768px) {
   /******LAUNCH*****/
   /*
   .textos-header {
        margin-top: 12.5rem;
   }
        
        #conoce {
            margin-top: 0rem;
        }
*/
    .overlay {
        margin-top: 0rem;
        height: 64rem;
    }
    /****services****/
    .controller {
        top: 30rem;
    }
    /********sge*********/
    .item-header {
        top: 8rem
    }
        .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
    
    /******contacto*********/


    .forma-footer {
        height: 62vh;
    }

    
}

/********Asus Zenbook Fold*****/
@media screen and (width: 1280px) and (height: 853px) {

    /********launch****/
   /* .launch, .launchbg {
        height: 72rem;
    }
        .textos-header  {
            margin-top: 6rem;
        }
            .textos-header h1 {
                font-size: 3.8rem;
                line-height: 4.6rem;
            }

        .lmenuitem {
            top: 10rem;
        }
        */
    .overlay {
        height: 60rem;
        overflow-y: scroll;
    }

    /****servicios******/



    /***solutions***/
    .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}


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

    /********launch****/
  /*
    .launch, .launchbg {
        height: 72rem;
    }
        .textos-header  {
            margin-top: 6rem;
        }
            .textos-header h1 {
                font-size: 3.8rem;
                line-height: 4.6rem;
            }

        .lmenuitem {
            top: 10rem;
        }
        */
    .overlay {
        height: 60rem;
        overflow-y: scroll;
    }

    /****servicios******/



    /***solutions***/
    .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}

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

/***CONTENEDORES*/
    nav {
        max-width: 100%;
    }
    .launch {
        max-width: 100%;
        width: 100%;
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 100rem;
        max-width: 100rem;
    }

/******LAUNCH*****/
.textos-header {
    max-height: 90%;
}
    .textos-header h2 {
        margin-bottom: 0;
    }
    
    .lmenuitem {
        width: 34rem;
        height: 62rem;
        top: 6rem;
        margin-left: 0rem;
    }
    #contactbtn {
        margin-top: -3.5rem;
    }

    #conoce {   
        margin-top: 8rem; 
        margin-left: 81rem;
    }
/***servicios****/


    .msg-col h5 {
        margin-left: 1rem;
        max-width: 34rem;
        font-size: 2.6rem;
    }  
    .msg-col h6 {
        margin-left: 2rem;
        width: 30rem;
        max-width: 30rem;
    }
    #MSDyn365 .temaContHead {
        height: 36rem;
        margin-top: 24.6rem;
    }

    #MSDyn365 .temaContHead h2 span {
        font-size: 2rem;
        line-height: 2.6rem;
    }
        .controller {
            top: 30rem;
        }
    #consultoria .temaContHead h1,
    #desarrollo .temaContHead h1,
    #capsop .temaContHead h1,
    #projman .temaContHead h1,
    #mipe .temaContHead h1 {
        font-size: 2.4rem;
    }

    .temaContDesc .servs p {
        font-size: 1.4rem;
    }

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

    .item-header {
        left: 11rem;
    }
    .item-description {
        left: 2rem;
    }

/*****industrias*****/
    .option.active .optioncontent {
        margin-top: 0rem;
        height: 64rem;
    }
    .option.active .optioncontent > img {
        width: 45%;
        margin-top: 0;
        margin-left: 42rem;
    }

    .option.active .optioncontent .optiondetail {
        width: 60rem;
        height: 64rem;
        margin-left: 52rem;
    }
/*  .options {
        flex-direction: column;
    }*/    
    .option .optionhead {
        width: 22rem;
        height: 5rem;
    }
    .option .optionhead > h2 {
        font-size: 1.5rem;
    }

    #ohindtextil {
        top: 0rem;
    }
    #ohretail {
        top: 5.8rem;
        left: -10rem;
    }
    #ohinmob {
        top: 11.6rem;
        left: -20rem;
    }
    #ohmkt {
        top: 17.4rem;
        left: -30rem;
    }
    #ohservtech {
        top: 23.2rem;
        left: -40rem;
    }
    #ohServsAdmin {
        top: 29rem;
        left: -50rem;
    }
    #ohtrade {
        top: 34.8rem;
        left: -60rem;
    }
    #ohmfg {
        top: 40.6rem;
        left: -70rem;
    }
    #ohproject {
        top: 46.4rem;
        left: -80rem;
    }
    #wms {
        top: 52.2rem;
        left: -90rem;
    }
    #tms {
        top: 58rem;
        left: -100rem;
    }




    .option.active > #indtextil {
        margin-left: -22rem;
    }

    .option.active > #ServsAdmin {
        margin-left: -72rem;
    }
    .option.active > #inmob {
        margin-left: -42rem;
    }
    .option.active > #retail {
        margin-left: -32rem;
    }
    .option.active > #mkt {
        margin-left: -52rem;
    }
    .option.active > #servtech {
        margin-left: -62rem;
    }
    .option.active > #trade {
        margin-left: -82rem;
    }
    .option.active > #mfg {
        margin-left: -92rem;
    }
    .option.active > #project {
        margin-left: -102rem;
    }
    .option.active > #warehouse {
        margin-left: -112rem;
    }
    .option.active > #transport {
        margin-left: -122rem;
    }



/***********ACTUALIDAD**********/
    .act-item {
        min-width: 23rem;
        max-width: 23rem;
        margin: 1.8rem 0.8rem;
    }
    .act-item > img {
        width: 23rem;
        height: 23rem;
    }
    .text h1 {
        width: 23rem;
    }
    .act-item .text-box .text:hover {
        height: 28rem;
        top: 10rem;
    }
    .act-item .text-box #tb1:hover,
    .act-item .text-box #tb2:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        left: -38.5rem;
    }
    .act-item .text-box #tb3:hover,
    .act-item .text-box #tb4:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        top: 6rem;
    }
}

/**********Ipad Air*****/
@media screen and (width: 1180px) and (height: 820px) {

    /********launch****/
    /*
    .launch, .launchbg {
        height: 72rem;
    }
        .textos-header  {
            margin-top: 6rem;
        }
            .textos-header h1 {
                font-size: 3.8rem;
                line-height: 4.6rem;
            }

        .lmenuitem {
            top: 10rem;
        }
        */
    .overlay {
        height: 60rem;
        overflow-y: scroll;
    }

    /****servicios******/
    .temaContDesc .servs p {
        padding: 0;
    }
    /***solutions***/
    .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }

    /*****ACTUALIDAD***/
    .act-item .text-box .text:hover {
            max-height: 24rem;
    }
        .act-item .text-box .text:hover .inddesc {
            height: 14rem;
            min-height: 14rem;
            max-height: 14rem;
            overflow-y: scroll;
        }
    .act-item .text-box #tb3:hover,
    .act-item .text-box #tb4:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        top: 10rem;
    }


}

/**********Galaxy Tab S4*****/
@media screen and (width: 1138px) and (height: 712px) {

    /********launch****/
   /*
    .launch, .launchbg {
        height: 72rem;
    }
        .textos-header  {
            margin-top: 6rem;
        }
            .textos-header h1 {
                font-size: 3.8rem;
                line-height: 4.6rem;
            }

        .lmenuitem {
            top: 10rem;
        }
    */
    .overlay {
        height: 58rem;
        overflow-y: scroll;
    }

    /****servicios******/
    .temaContDesc .servs p {
        padding: 0;
    }
    /***solutions***/
    .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}


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

/***CONTENEDORES*/

    .launch {
        max-width: 100%;
        width: 100%;
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 90rem;
        max-width: 90rem;
    }


/**********HEADER**********/
   

    .nav .logo {
        min-width: 28rem;
        width: 28rem;
        max-width: 28rem;
    }
    .language {
        left: -5.4rem;
    }


/******LAUNCH*****/
    .textos-header h1 {
        font-size: 4rem;
        line-height: 5.5rem;
    }
    .textos-header h2 {
        font-size: 2.2rem;
        line-height: 3rem;
    }

    #conoce {    
       margin-left: 72rem;
    }
    .lmenuitem {
        width: 32rem;
    }

/***servicios****/

.sectiontitledesc1 {
    font-size: 1.6rem;
}

 .temas .temabttn {
    font-size: 1.4rem;
}
    .temas .temabttn.active {
        font-size: 1.4rem;
        line-height: 1.8rem;
        padding: 0.2rem;
    }
    .msg-col h5 {
        max-width: 30rem;
        font-size: 2.6rem;
    }  
    .msg-col h6 {
        margin-left: 1rem;
        width: 26rem;
        max-width: 26rem;
    }

    .temaContenido.active h1 {
        font-size: 3rem;
        line-height: 3.6rem;
    }

    #MSDyn365 .temaContHead {
        padding-bottom: 6rem;
    }
    #MSDyn365 .temaContHead h2 span {
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
    /*
    .temaContDesc .servs p {
        font-size: 1.4rem;
        margin-left: 0.2;
        margin-right: 0.2;
    }


    #consultoria .temaContDesc p {
        width: 90%;
        margin-left: 5%;
        font-size: 1.8rem;
    } 
    #desarrollo .temaContDesc p, 
    #capsop .temaContDesc p,
    #mipe .temaContDesc p {
        width: 136%;
        margin-left: -18%;
    }
    #projman .temaContDesc p {
        width: 120%;
        margin-left: -10%;
    }
*/
    .temaContDesc .servs p {
        font-size: 1.4rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }
/********SGE******/

    .sge-header h2 {
        font-size: 3.6rem;
    }
    .sge-header p {
        font-size: 1.65rem;
        line-height: 2.2rem;
    }

    .item-header {
        left: 5rem;
    }
    .item-description {
        left: 0rem;
    }

/*****industrias*****/
    .servdesc-texto p {
        width: 90%;
    }

    .option.active .optioncontent {
        margin-top: 0rem;
        height: 64rem;
    }
    .option.active .optioncontent > img {
        width: 35%;
        margin-top: 0;
        margin-left: 42rem;
    }

    .option.active .optioncontent .optiondetail {
        width: 52rem;
        height: 64rem;
        margin-left: 52rem;
    }  
    .option .optionhead {
        width: 22rem;
        height: 5rem;
    }
    .option .optionhead > h2 {
        font-size: 1.5rem;
    }

/*
    #ohindtextil {
        top: 0rem;
    }
    #ohretail {
        top: 5.8rem;
        left: -10rem;
    }
    #ohinmob {
        top: 11.6rem;
        left: -20rem;
    }
    #ohmkt {
        top: 17.4rem;
        left: -30rem;
    }
    #ohservtech {
        top: 23.2rem;
        left: -40rem;
    }
    #ohServsAdmin {
        top: 29rem;
        left: -50rem;
    }
    #ohtrade {
        top: 34.8rem;
        left: -60rem;
    }
    #ohmfg {
        top: 40.6rem;
        left: -70rem;
    }
    #ohproject {
        top: 46.4rem;
        left: -80rem;
    }
    #wms {
        top: 52.2rem;
        left: -90rem;
    }
    #tms {
        top: 58rem;
        left: -100rem;
    }

*/


    .option.active > #indtextil {
        margin-left: -22rem;
    }

    .option.active > #ServsAdmin {
        margin-left: -72rem;
    }
    .option.active > #inmob {
        margin-left: -42rem;
    }
    .option.active > #retail {
        margin-left: -32rem;
    }
    .option.active > #mkt {
        margin-left: -52rem;
    }
    .option.active > #servtech {
        margin-left: -62rem;
    }
    .option.active > #trade {
        margin-left: -82rem;
    }
    .option.active > #mfg {
        margin-left: -92rem;
    }
    .option.active > #project {
        margin-left: -102rem;
    }
    .option.active > #warehouse {
        margin-left: -112rem;
    }
    .option.active > #transport {
        margin-left: -122rem;
    }



/***********ACTUALIDAD**********/
    .acttexto > p {
        width: 100%;
    }
    .actcontainer {
        margin-bottom: 4rem;
    }
    .act-item {
        min-width: 20rem;
        max-width: 20rem;
        margin: 0.5rem 0.8rem;
    }
    .act-item > img {
        width: 20rem;
        height: 20rem;
    }
    .text h1 {
        width: 20rem;
    }
    .act-item .text-box .text:hover {
        height: 24rem;
        top: 10rem;
    }
        .act-item .text-box:hover .inddesc {
            height: 14rem;
            min-height: 14rem;
            max-height: 14rem;
            overflow-y: scroll;
        }

    /*.act-item .text-box #tb1:hover,*/
    .act-item .text-box #tb2:hover,
    /*.act-item .text-box #tb5:hover,*/
    .act-item .text-box #tb6:hover {
        left: -41.5rem;

    }
    .act-item .text-box #tb3:hover,
    .act-item .text-box #tb4:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        top: 10rem;
    }

    /******CONTACTO**********/
    .contactdesc p {
        width: 95%;
        margin-left: 5%;
    }
    .forma-footer {
        margin-top: 2rem;
    }

}

/**rotate ok ok**/
@media screen and (width: 1024px) and (height: 1366px) {
   /* .launch 
      */

    /***solutions***/
 
    .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }





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


}

/*********Ipad Mini*******/
@media screen and (width: 1024px) and (height: 768px) {
    /********launch****/
/*
    .launch, .launchbg {
        height: 76rem;
    }
         
   
    .lmenuitem {
        top: 12rem;
    }
*/   
    .overlay {
        height: 60rem;
        overflow-y: scroll;
    }

    /***solutions***/
     .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}


@media screen and (width: 1024px) and (height: 763px) {
    /********launch****/
    /*
    .launch, .launchbg {
        height: 76rem;
    }
         
   
    .lmenuitem {
        top: 12rem;
    }
   */
    .overlay {
        height: 60rem;
        overflow-y: scroll;
    }

    /***solutions***/
     .item-header {
        top: 8rem
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}


@media screen and (width: 1024px) and (height: 600px) {
  /********launch****/
    .launch, .launchbg, .contenido-header {
        height: 60rem;
        max-height: 60rem;
    }
    .textos-header {
        margin-top: 14rem;
    }
        .textos-header h1 {
            font-size: 3.4rem;
            line-height: 4.2rem;
        }
        .textos-header h2 {
            font-size: 2rem;
            line-height: 2.6rem;
        }

    .lmenuitem {
        top: 1rem;
    }
    .overlay {
        height: 48rem;
        overflow-y: scroll;
    }
/********servicios************/
    .msg-col a {
        top: 14rem;
        left: -37.5rem;
    }


    /***solutions***/
    .item-header {
        top: 8rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }

}

@media screen and (max-width: 950px) {
    /***CONTENEDORES*/

    .launch {
        max-width: 100%;
        width: 100%;
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 80rem;
        max-width: 80rem;
    }


/**********HEADER**********/
   

    .nav .logo {
        min-width: 22rem;
        width: 22rem;
        max-width: 22rem;
    }
        .slogan > h3 {
            font-size: 1.1rem;
        }

    .language {
        left: -8.8rem;
    }


/******LAUNCH*****/
    .textos-header h1 {
        font-size: 3.6rem;
        line-height: 4.2rem;
    }
    .textos-header h2 {
        font-size: 2rem;
        line-height: 2.6rem;
    }

    #conoce {    
        width: 19rem;
        margin-left: 55rem;
       
    }
    .lmenuitem {
        width: 29.2rem;
        padding-top: 0;
    }
        .ldetail {
            margin-top: 0;
            padding-top: 0rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
            .lmheader {
                font-size: 1.6rem;
                margin-top: -6rem
            }
            .lmdesc {
                font-size: 1.4rem;
                
            }

*/
/***servicios****/
    .serv-head h2 {
        margin-bottom: 0;
    }
    .serv-head p {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-top: 0;
        padding-top: 0;
    }
    

    .temas .temabttn {
        font-size: 1.25rem;
        height: 100%;
        min-height: 100%;
    }
        .temas .temabttn:hover {
            font-size: 1.25rem;
        }
        .temas .temabttn.active {
            font-size: 1.25rem;
            line-height: 1.6rem;
            padding: .4rem;
        }


    .temaContenido.active .temaContHead {
        width: 35%;
    }
    .temaContenido.active .temaContDesc {
        width: 65.1%;
    }

    .msg-col h5 {
        max-width: 30rem;
        font-size: 2.6rem;
    }  
    .msg-col h6 {
        margin-left: 1rem;
        width: 26rem;
        max-width: 26rem;
        height: 30rem;
        max-height: 30rem;
        line-height: 2.2rem;
    }
    .msg-col a {
        top: -2rem;
        left: -36rem;
    }


    .temaContenido.active h1,
    #consultoria .temaContHead h1,
    #desarrollo .temaContHead h1,
    #capsop .temaContHead h1,
    #projman .temaContHead h1,
    #mipe .temaContHead h1,
    #MSDyn365 .temaContHead h1 {
        font-size: 2rem;
        line-height: 2.4rem;
    }

    #MSDyn365 .temaContHead h2 span {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .temaContDesc .servs p {
        font-size: 1.4rem;
        margin-left: 0.6rem;
        margin-right: 0.6rem;
    }
    #consultoria .temaContDesc,
    #desarrollo .temaContDesc, 
    #capsop .temaContDesc,
    #projman .temaContDesc,
    #mipe .temaContDesc {
        margin-top: 2rem;
        justify-content: flex-start;
        padding-top: 1rem;
        padding-bottom: 1rem;
        max-height: 48rem;
        max-width: 46rem;
        margin-left: 2rem;
        overflow-y: scroll;
        border-radius: 1rem;
    }
        #consultoria .temaContDesc {
            margin-left: 0rem;
            margin-right: 2rem;
        }
    

    #consultoria .temaContDesc p,       
    #desarrollo .temaContDesc p, 
    #capsop .temaContDesc p,
    #projman .temaContDesc p,
    #mipe .temaContDesc p {
       width: 90%;
        margin-left: 5%;
        font-size: 1.6rem;
    }
    

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

    .sge-header h2 {
        font-size: 2.8rem;
    }
    .sge-header p {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .item-header {
        left: 0rem;
    }
    .item-description {
        width: 48rem;
        left: -0rem;
    }

/*****industrias*****/
    .servdesc-texto p {
        width: 90%;
        font-size: 1.8rem;
        margin-bottom: 0rem;
    }

    .option.active .optioncontent {
        margin-top: 0rem;
        height: 64rem;
    }
    .option.active .optioncontent > img {
        width: 35%;
        margin-top: 0;
        margin-left: 38rem;
    }

    .option.active .optioncontent .optiondetail {
        width: 48rem;
        height: 64rem;
        margin-left: 47rem;
    }  
    .option .optionhead {
        width: 20rem;
        height: 5rem;
    }
    .option .optionhead > h2 {
        font-size: 1.35rem;
        width: 20rem;
    }

    .option.active > #indtextil {
        margin-left: -22rem;
    }

    .option.active > #ServsAdmin {
        margin-left: -72rem;
    }
    .option.active > #inmob {
        margin-left: -42rem;
    }
    .option.active > #retail {
        margin-left: -32rem;
    }
    .option.active > #mkt {
        margin-left: -52rem;
    }
    .option.active > #servtech {
        margin-left: -62rem;
    }
    .option.active > #trade {
        margin-left: -82rem;
    }
    .option.active > #mfg {
        margin-left: -92rem;
    }
    .option.active > #project {
        margin-left: -102rem;
    }
    .option.active > #warehouse {
        margin-left: -112rem;
    }
    .option.active > #transport {
        margin-left: -122rem;
    }



/***********ACTUALIDAD**********/
    .acttexto > p {
        width: 100%;
        font-size: 1.8rem;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .actcontainer {
        margin-bottom: 4rem;
    }
    .act-item {
        min-width: 16rem;
        max-width: 16rem;
        margin: 0.5rem 0.8rem;
    }
    .act-item > img {
        width: 16rem;
        height: 16rem;
    }

    .act-item .text-box .text .inddesc {
        height: 6rem;
        max-height: 6rem;
        overflow: hidden;
    }

    .text h1 {
        width: 16rem;
    }
    
    .act-item .text-box .text:hover {
        width: 50rem;
        height: 24.5rem;
        top: 10rem;
    }
        .act-item .text-box .text:hover .inddesc {
            height: 14rem;
            min-height: 14rem;
            max-height: 14rem;
            overflow-y: scroll;
        }
        .act-item .text-box .text:hover .ind-btn {
            margin-left: 35rem;
        }

    .act-item .text-box .text:hover h1 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .act-item .text-box .text:hover p {
        font-size: 1.25rem;
        line-height: 1.6rem;
        width: 70%;
        margin-left: 15%;
    }
    .act-item .text-box #tb1:hover,
    .act-item .text-box #tb2:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        left: -36.5rem;
    }
    .act-item .text-box #tb3:hover,
    .act-item .text-box #tb4:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        top: 10rem;
    }

    /******CONTACTO**********/
    .contactdesc p {
        width: 95%;
        margin-left: 5%;
        font-size: 1.8rem;
    }
    .forma-footer {
        margin-top: 2rem;
    }
}

/***rotate ok ok****/
@media screen and (width: 912px) and (height: 1368px) {
   /* launch*****/
   /*
   .launch, .launchbg, .contenido-header {
        height: 68rem;
        max-height: 68rem;
        overflow: hidden;
    }
    .textos-header {
        margin-top: 24rem;
    }
        .textos-header h1 {
            font-size: 3.4rem;
            line-height: 4.2rem;
        }
        .textos-header h2 {
            font-size: 2rem;
            line-height: 2.6rem;
        }

    .lmenuitem {
        top: 14rem;
        height: 48rem;
    }
        */
    .overlay {
        height: 56rem;
        overflow-y: scroll;
    }
    /********servicios***/
     #mipe .temaContDesc,
     #consultoria .temaContDesc,
     #desarrollo .temaContDesc,
     #capsop .temaContDesc,
     #projman .temaContDesc {
        border: none;
        max-width: 54%;
        margin: auto;
        height: 40rem;
     }
    /***solutions***/
    .item-header {
        top: 8rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}

/********Asus Zenbook Fold & rotate ok ok*****/
@media screen and (width: 853px) and (height: 1280px) {
   /* launch*****/
   /*
   .launch, .launchbg, .contenido-header {
        height: 68rem;
        max-height: 68rem;
        overflow: hidden;
    }
    .textos-header {
        margin-top: 16rem;
    }
        .textos-header h1 {
            font-size: 3.4rem;
            line-height: 4.2rem;
        }
        .textos-header h2 {
            font-size: 2rem;
            line-height: 2.6rem;
        }

    .lmenuitem {
        top: 14rem;
        height: 48rem;
    }
        */
    .overlay {
        height: 56rem;
        overflow-y: scroll;
    }

    /***solutions***/
    .item-header {
        top: 8rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 14rem;        
    }
}


@media screen and (max-width: 850px) {
    /***CONTENEDORES*/

    .launch {
        max-width: 100%;
        width: 100%;
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 65rem;
        max-width: 65rem;
        /*overflow: hidden;*/
    }


/**********HEADER**********/


    .nav .logo {
        min-width: 18rem;
        width: 18rem;
        max-width: 18rem;
    }
        .nav .logo img {
            height: 5rem;
            width: 10rem;
        }
        .slogan {
            width: 8rem;
        }
            .slogan > h3 {
                font-size: 1rem;
            }
    .enlaces-header {
        margin-left: 1rem;
    }
        .nav .enlaces-header  a {
            font-size: 1.2rem;
            padding: 0 0.8rem;
        }
    .language {
        left: -8rem;
        top: -2rem;
    }
        .language ul {
            top: -7rem;
        }
     

/******LAUNCH*****/
    .launchheadcont {
        display: flex;
        flex-direction: column;
    }
    .contenido-header {
        padding-top: 0;
    }
        .textos-header {
            width: 96%;
            margin-left: 2%;
            margin-top: 4rem;
        }

            .textos-header h1 {
                width: 90%;
                margin-left: 5%;
                text-align: center;
                font-size: 3.2rem;
                line-height: 4rem;
                margin-bottom: 0rem;
            }
            .textos-header h2 {
                margin-top: 0rem;
                width: 80%;
                margin-left: 10%;
                text-align: center;
                font-size: 1.8rem;
                line-height: 2.4rem;
            }
        #contactbtn {
            margin-top: 20rem;
            width: 40%;
            margin-left: 30%;

        }

        #conoce {    
            width: 18rem;
            max-width: 15rem;
            top: 11.5rem;
            margin-left: 23rem;
        }
        .launchmenu {
            width: 80%;
            height: 18rem;
            margin-left: 10%;
            margin-top: -44rem;
        }
            .lmenuitem {
                width: 100%;
                margin-left: 0%;
                height: 20rem;
                top: -4rem;
                padding-top: 2rem;
            }
            .ldetail {
                margin-top: 0;
                top: 0;
            }
                .lmheader {
                    font-size: 1.6rem;
                    top: -12rem;
                }
                .lmdesc {
                    font-size: 1.2rem;
                }

*/
/***servicios****/
    
    .contenedorserv .sectiontitle1 h2 {
        padding-bottom: 0;
    }
    
    .contenedorserv .serv-head p {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-top: 0;
        margin-top: 0;
    }
    .temas {
        height: 5.2rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    .temas .temabttn {
        font-size: 1.1rem;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: .6rem;    
        padding-right: .6rem;
        overflow: hidden;
    }
        .temas .temabttn.active {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }
        .temas .temabttn:hover {
            font-size: 1.2rem;
            line-height: 1.5rem;
        }
    .temasCont {
        height: 100%;
    }

    .temaContenido.active {
        height: 100%;
    }
    
    .temaContenido.active .col-md-3 {
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
    }
    .temaContenido.active .temaContHead {
        width: 100%;
        height: 12rem;
        min-height: 12rem;
        max-height: 12rem;
        margin-top: 0;
    }
    #MSDyn365 {
        min-height: 60rem;
        height: 60rem;
        max-height: 60rem;
    }
    #MSDyn365 .temaContHead {
        padding: 1rem 1rem;
        padding-top: 2rem;
        margin-top: 0rem;
        justify-content: center;
        height: 8.5rem;
        min-height: 8.6rem;
        max-height: 8.6rem;
        
    }
        #MSDyn365 .temaContHead h1 {
            top: 0.2rem;
            margin-top: 0.4rem;
            font-size: 2.4rem;
            line-height: 2.6rem;
            padding-top: 0.2rem;
            padding-bottom: 0;
            margin-bottom: 0.5rem;
        }
        
        #MSDyn365 .temaContHead h2,
        #consultoria .temaContHead h2 {
            font-size: 1.6rem;
            line-height: 1.8rem;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 0rem;
        }

        #MSDyn365 .temaContHead h2 span {
            font-size: 1.25rem;
            font-size: 900;
            line-height: 1.25rem;
            margin-top: 0rem;
            margin-bottom: 0;
            padding-top: 0rem;
            padding-bottom: 0;
        }

        .controller {
            top: 38rem
        }

    #consultoria .col-md-3 {
        flex-direction: column;
    }

    .temaContenido.active .temaContDesc {
        width: 100%;
        margin-top: 0;
    }

    .msg-col h5 {
        max-width: 44rem;
        font-size: 2.2rem;
    }  
    .msg-col h6 {
        margin-left: 2rem;
        width: 38rem;
        max-width: 38rem;
        height: 35rem;
        max-height: 38rem;
        line-height: 2.2rem;
    }
    .msg-col a {
        top: -2rem;
        left: -38rem;
    }


    .temaContenido.active h1,
     #mipe .temaContHead h1,
     #consultoria .temaContHead h1,
     #desarrollo .temaContHead h1,
     #capsop .temaContHead h1,
     #projman .temaContHead h1 {
        font-size: 2rem;
        line-height: 3rem;
    }
    #projman .temaContHead h2 {
        display: none;
    }
    #mipe .temaContDesc,
    #consultoria .temaContDesc,
    #desarrollo .temaContDesc,
    #capsop .temaContDesc,
    #projman .temaContDesc {
        border: none;
        width: 100%;
        margin: auto;
        height: 36rem;
     }
    .temaContDesc .servs p {
        width: 90%;
        font-size: 1.4rem;
        font-weight: 900;
        margin-top: 0.6rem;
        margin-left: 5%;
        margin-right: 0;
        color: var(--colorsectionmaintitle);
    }

    #desarrollo .temaContDesc p, 
    #capsop .temaContDesc p,
    #projman .temaContDesc p,
    #mipe .temaContDesc p,
    #consultoria .temaContDesc p {
        width: 80%;
        margin-left: 10%;
        font-size: 1.45rem;
        line-height: 2rem;
    } 
   

/********SGE******/
.sge {
    padding-top: 0;
}    
.sge-contenedor {
        flex-direction: column;
        margin-top: 0;
        padding-top: 2rem;
    }
        .sge-header {
            width: 100%;
            margin-top: 0;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        .sge-header h2 {
            width: 100%;
            font-size: 2.6rem;
            letter-spacing: 0;
            line-height: 3rem;
            margin-bottom: 0;
            padding-bottom: 0;
        }
        .sge-header p {
            padding: 1rem 2rem;
            padding-left: 0;
            font-size: 1.6rem;
            line-height: 2rem;
            width: 100%;
        }
    .sge-items {
        width: 100%;
    }
        .slideshow-items {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }
            .item {
                width: 100%;
                left: 0;
                margin-left: 0;
                padding: 0 0;
                margin: 0 0;
            }
                .itemtext {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .itemtextbox {
                        margin-top: 2rem;
                        width: 100%;
                        padding-left: 0;
                        padding-right: 0;
                        height: 42rem;
                    }
                        .item-header {
                            left: 12.5rem;
                            margin-top: 2rem;
                        }
                            .item-header .vertical-part b {
                                font-size: 1.8rem;
                            }
                            .item-header:after {
                                width: 42rem;    
                                margin-left: 8.5rem;
                                height: 0.6rem;
                            }

                        .item-description {
                            max-width: 100%;
                            margin-top: 1.6rem;
                            height: 32rem;
                            width: 94%;
                            margin-left: 3%;
                        }
                            .item-description .vertical-part {
                                margin-bottom: 0;
                            }
                                .item-description .vertical-part b {
                                    font-size: 1.45rem;
                                    line-height: 1.8rem;
                                }

/*****industrias*****/
    .servdesc-texto p {
        width: 90%;
        font-size: 1.6rem;
        height: 3rem;
        padding-bottom: 1rem;
        margin-bottom: 2rem;
    }

 .options {
    display: flex;
    flex-direction: row;
    height: 64rem;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    justify-content: space-between;
    padding: 0 0;
}

    .option {
        position: relative;
        width: 11rem;
        max-width: 11rem;
        height: 64rem;
        max-height: 64rem;
        display: flex;
        flex-direction: column;
        padding: 0 0;
    }
        .option .optionhead {
            position: absolute;
            height: inherit;
            width: 16rem;
            max-width: 16rem;
            height: 5rem;
            max-height: 5rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            margin-top: 0rem;
            margin-left: 0.5rem;
            border-bottom: solid 0.1rem #130300;
            cursor: pointer;
            z-index: 160;
        }
       
            .option .optionhead:hover {
                border-bottom: solid 0.2rem var(--colorTextSpan);
            }

            .option .optionhead > h2 {
                /*transform: rotate(-90deg);*/
                font-size: 1.2rem;
                font-weight: 300;
                height: auto;
                width: 16rem;
                /*align-content: center;*/
                justify-content: flex-end;
                text-align: right;
                margin-left: 0rem;
                color: #000000;
                align-content: flex-end;
                cursor: pointer;
                justify-content: flex-end;
                letter-spacing: 0px;
                margin-bottom: 0;
                padding-bottom: 0.4rem;
                margin-top: 0;
            }
                .option .optionhead h2:hover {
                    color: var(--colorTextSpan);
                    font-weight: 600;
                    text-transform: none;
                    font-size: 1.2rem;
                    width: 16rem;
                }
                    
                .option.active .optionhead {
                    padding-right: 0;
                }
                    .option.active .optionhead h2 {
                        padding-bottom: 0.2rem;
                        padding-right: 0.4rem;
                        text-transform: none;
                        background: var(--colorsectionheader);
                        color: #f2f2f2;
                        margin-right: 0;
                        font-size: 1.25rem;
                        height: 5rem;
                    }

        .option .optioncontent {
            position: relative;
            width: 100%;
            height: 64rem;
            display: flex;
            flex-direction: column;
            padding: 0 0;
        }
        .option.active {
            height: 64rem;
        }
        .option.active .optioncontent {
            width: 140rem;
            height: 64rem;
            padding: 2rem 5rem;
            display: flex;
            flex-direction: column;
            justify-content: first baseline;
            align-content: center;
            margin-top: 0rem;
            position: relative;
            z-index: 150;
        }
        .option.active > #indtextil {
            margin-left: -22rem;
        }
        .option.active > #retail {
            margin-left: -33rem;
        }
        .option.active > #inmob {
            margin-left: -44rem;
        }
        .option.active > #mkt {
            margin-left: -55rem;
        }
        .option.active > #servtech {
            margin-left: -66rem;
        }
        .option.active > #ServsAdmin {
            margin-left: -77rem;
        }
        .option.active > #trade {
            margin-left: -88rem;
        }
        .option.active > #mfg {
            margin-left: -99rem;
        }
        .option.active > #project {
            margin-left: -110rem;
        }
        .option.active > #warehouse {
            margin-left: -121rem;
        }
        .option.active > #transport {
            margin-left: -132rem;
        }
    .option.active .optioncontent > img {
        width: 62%;
        left: 24%;
        height: 65rem;
        min-height: 65rem;
        max-height: 65rem;
        margin-top: -3rem;
        margin-left: 2rem;
        border: none;
    }

    .option.active .optioncontent .optiondetail {
        width: 64rem;
        min-width: 64rem;
        height: 64rem;
        margin-top: -64rem;
        min-height: 64rem;
        max-height: 64rem;
        margin-left: 17rem;
        border: none;
        justify-content: right;
        align-content: center;
        padding-right: 0rem;
        background: #ffffffce;
    }  
        .option.active .optioncontent .optiondetail p {
            width: 70%;
            margin-left: 28%;
            font-size: 1.45rem;
        }
    
   
       



    #ohindtextil {
        top: 0rem;
        left: 0rem;
    }

    #ohretail {
        top: 5.8rem;
        left: -11rem;
    }
    #ohinmob {
        top: 11.6rem;
        left: -22rem;
    }
    #ohmkt {
        top: 17.4rem;
        left: -33rem;
    }
    #ohservtech {
        top: 23.2rem;
        left: -44rem;
    }
    #ohServsAdmin {
        top: 29rem;
        left: -55rem;
    }
    #ohtrade {
        top: 34.8rem;
        left: -66rem;
    }
    #ohmfg {
        top: 40.6rem;
        left: -77rem;
    }
    #ohproject {
        top: 46.4rem;
        left: -88rem;
    }
    #wms {
        top: 52.2rem;
        left: -99rem;
    }
    #tms {
        top: 58rem;
        left: -110rem;
    }



/***********ACTUALIDAD**********/
    .acttexto > p {
        width: 100%;
        font-size: 1.6rem;
    }
    .actcontainer {
        margin-bottom: 4rem;
    }
    .act-item {
        min-width: 14rem;
        max-width: 14rem;
        margin: 0.5rem 0.8rem;
    }
    .act-item > img {
        width: 14rem;
        height: 14rem;
    }

    .act-item .text-box .text .inddesc {
        height: 6rem;
        max-height: 6rem;
        overflow: hidden;
    }

    .text h1 {
        width: 14rem;
        font-size: 1.1rem;
        letter-spacing: 0;
        line-height: 1.6rem;
    }
    
    .act-item .text-box .text:hover {
        width: 50rem;
        height: 24.5rem;
        top: 10rem;
    }
        .act-item .text-box .text:hover .inddesc {
            height: 14rem;
            min-height: 14rem;
            max-height: 14rem;
            overflow-y: scroll;
        }
        .act-item .text-box .text:hover .ind-btn {
            margin-left: 35rem;
        }

    .act-item .text-box .text:hover h1 {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    .act-item .text-box .text:hover p {
        font-size: 1.25rem;
        line-height: 1.6rem;
        width: 70%;
        margin-left: 15%;
    }
    .act-item .text-box #tb1:hover,
    .act-item .text-box #tb2:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        left: -38.8rem;
    }
    .act-item .text-box #tb3:hover,
    .act-item .text-box #tb4:hover,
    .act-item .text-box #tb5:hover,
    .act-item .text-box #tb6:hover {
        top: 10rem;
    }
    .act-item .text-box #tb4:hover,
    .act-item .text-box #tb10:hover {
        left: -10rem;
    }
     .act-item .text-box #tb5:hover,
     .act-item .text-box #tb1:hover {
        left: -26rem;
    }
 

    /******CONTACTO**********/
    .contactdesc p {
        width: 95%;
        margin-left: 5%;
        font-size: 1.6rem;
    }
    .forma-footer {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0rem 0rem;
        justify-content: center;
        justify-items: center;
        align-items: center;
    }
        .contact-form {
            width: 100%;
            margin-bottom: 2rem;
        }
        .footer {
            width: 100%;
            max-width: 100%;
            padding: 0rem 0rem;
            display: flex;
            flex-direction: column;
            margin: 0rem 0rem;
            justify-content: left;
            height: auto;

        }
        .footer-caption {
            position: relative;
            width: 90%;
            max-width: 90%;
            min-width: 90%;
            left: 0rem;
            margin: 0 0;
            margin-left: 10%;
            padding: 0 0;
            align-content: left;
            align-items: left;
            justify-items: left;
            justify-content: left;
        }
            .f-contacto {
                width: 90%;
                min-width: 90%;
                margin-left: 10%;
                margin-right: 0;
            }
         .empresa {
                height: 25rem;
                max-height: 25rem;
                min-height: 25rem;
            }
            .f-contacto {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                margin-left: 0%;
                margin-right: 0;
                height: 6rem;
                margin-top: 0;
            }

                #sm {    
                    height: 3.4rem;
                    width: 3.4rem;
                    margin-left: 1.5rem;
                }

/**********AVISOS*********/
    .copyright {
        font-size: 1rem;
    }
    .politica-privacidad, .politica-privacidad1 {
        font-size: 1rem;
    }
}

/****rotate ok ok*/
@media screen and (width: 820px) and (height: 1180px) {
    /***launch ***/
    /*
    .lmenuitem {
        top: -5rem;
    }
    */
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }


    
      /*****solutions**********/

      /*******contacto*******/
    .footer {
        height: 32rem;    
    }
            .footer-caption {
                height: 32rem;
            }
            .empresa {
                        height: 25rem;
                        max-height: 25rem;
                        min-height: 25rem;
                    }
            .f-contacto {
                width: 90%;
                min-width: 90%;
                margin-left: 10%;
                margin-right: 0;
                height: 6rem;
                margin-top: 0;
            }


}

@media screen and (width: 800px) and (height: 600px) {
/* launch*****/
/*   
.launch, .launchbg, .contenido-header {
        height: 60rem;
        max-height: 60rem;
        overflow: hidden;
    }
        .textos-header {
            margin-top: 6rem;
        }
            .textos-header h1 {
                font-size: 3rem;
                line-height: 4rem;
                margin-bottom: 0rem;
            }
            .textos-header h2 {
                margin-top: 0rem;
                font-size: 2rem;
                line-height: 2.6rem;
            }
        .lmenuitem {
            top: 14rem;
            height: 20rem;
        }
        #conoce {
            top: 5rem;
        }
        #contactbtn {
            margin-top: 6rem;
        }
            */
     .overlay {
        height: 48rem;
        overflow-y: scroll;
    }


    /* CONTACTO    */
    .footer {
        height: 34rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }
}

/***rotate ok ok***/
@media screen and (width: 768px) and (height: 1440px) {
    /***launch****/
  /*  .lmenuitem {
        top: -8rem;
    }
    #conoce {
        top: 16rem;
    }
*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }


    /***solutions***/

    .controller {
        top: 36rem;
    }
    .msg-col a {
        top: -4rem;
    }

    /*
    .item-header {
        top: 10rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 16rem;        
    }
    */
    /* CONTACTO    */
    .footer {
        height: 34rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }

}
/***rotate okok***/
@media screen and (width: 768px) and (height: 1366px) {
    /***launch****/
  /*  .lmenuitem {
        top: -8rem;
    }
    #conoce {
        top: 16rem;
    }
*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }


    /***servicios***/

    .controller {
        top: 36rem;
    }
    .msg-col a {
        top: -4rem;
    }

    /*
    .item-header {
        top: 10rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 16rem;        
    }
    */
    /* CONTACTO    */
    .footer {
        height: 34rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }

}

/*****rotate ok ok*****/
@media screen and (width: 768px) and (height: 1024px) {
    /***launch****/
  /*
    #conoce {
        top: 16rem;
    }
*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }


    /***solutions***/

    .item-header {
        top: 10rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 16rem;        
    }
    
    /* CONTACTO    */
    .footer {
        height: 34rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }

}
/*****rotate ok ok*****/
@media screen and (width: 763px) and (height: 1024px) {
    /***launch****/
  /*
    #conoce {
        top: 16rem;
    }
*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }


    /***solutions***/

    .item-header {
        top: 10rem;
    }
    .item-header:after {
            width: 60rem;
            margin-left: 0rem;
        }
    
    .item-description {
        top: 16rem;        
    }
    
    /* CONTACTO    */
    .footer {
        height: 34rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }

}


@media screen and (width: 768px) and (height: 533px) {
    /***launch****/

    .launch {
        height: 53rem;
        margin-bottom: 0;
    }
    .launch-cont {
        max-height: 54rem;
    }
    .launchbg {
        height: 54rem;
    }
    .textos-header h1 {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
     .textos-header h2 {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

         .launchmenu {
            width: 100%;
            margin-left: 0%;
            height: 10rem;
            top: 3rem;
        }

            .lmenuitem {
                width: 100%;
                margin-left: 0%;
                height: 18rem;
                top: 0rem;
            }
            .lmheader {
                font-size: 1.6rem;
                margin-top: -6rem;
            }
            .lmdesc {
                font-size: 1.4rem;
            }
    #contactbtn {
        margin-top: 12rem
    }
    
    #conoce {
        top: 9rem;
    }

    /*
    .lmenuitem {
        top: 8rem;
    }
*/
    .overlay {
        height: 40rem;
        overflow-y: scroll;
    }


    /***solutions***/


    
    /* CONTACTO    */
    .footer-caption {
        height: 32rem;
    }
    .footer {
        height: 32rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }

}


/*******galaxy S8****/
@media screen and (width: 740px) and (height: 360px) {
/*.launch, .launchbg, .contenido-header {
    height: 72rem;
    max-height: 72rem;
    overflow: hidden;
}
    .textos-header {
        margin-top: 8rem;
        width: 100%;
    }
        .textos-header h1 {
            font-size: 2.2rem;
            line-height:     3rem;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 100%
        }
        .textos-header h2 {
            margin-top: 0rem;
            font-size: 1.6rem;
            line-height: 2rem;
            margin-left: 0;
            width: 100%
        }
    #contactbtn {
        top: 4rem;
    }
    .lmenuitem {
        top: 10rem;
    }

#conoce {
        top: 16rem;
        left: 1rem;
}
*/
.overlay {
    height: 60rem;
    overflow-y: scroll;
}

}   

/******rotate ok ok*****/
@media screen and (width: 720px) and (height: 1280px) {
    /***launch***/
/*
    .launch, .launchbg, .contenido-header {
    height: 54rem;
    max-height: 54rem;
    overflow: hidden;
}
    .textos-header {
        margin-top: 8rem;
        width: 100%;
    }
        .textos-header h1 {
            font-size: 2.2rem;
            line-height:     3rem;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 100%
        }
        .textos-header h2 {
            margin-top: 0rem;
            font-size: 1.6rem;
            line-height: 2rem;
            margin-left: 0;
            width: 100%
        }
    #contactbtn {
        margin-top: 8rem;
    }
    .lmenuitem {
        top: 14rem;
        height: 22rem;
    }

#conoce {
        top: 8rem;
        left: 1rem;
}
*/
.overlay {
    height: 60rem;
    overflow-y: scroll;
}


  /* CONTACTO    */
    .footer {
        height: 30rem;
    }
        .footer-caption {
            height: 30rem;
        }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }


}


/*******surface duo*****/
@media screen and (width: 720px) and (height: 540px) {
    /***launch***/
.launch, .launchbg, .contenido-header {
    height: 54rem;
    max-height: 54rem;
    overflow: hidden;
}
    .textos-header {
        margin-top: 8rem;
        width: 100%;
    }
        .textos-header h1 {
            font-size: 2.2rem;
            line-height:     3rem;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 100%
        }
        .textos-header h2 {
            margin-top: 0rem;
            font-size: 1.6rem;
            line-height: 2rem;
            margin-left: 0;
            width: 100%
        }
    #contactbtn {
        margin-top: 8rem;
    }
    .lmenuitem {
        top: 5rem;
        height: 18rem;
    }
        #lmdesc {
            font-size: 1.35rem;
            line-height: 1.8rem;
        }

#conoce {
        top: 6rem;
        left: 1rem;
}

.overlay {
    height: 42rem;
    overflow-y: scroll;
}


  /* CONTACTO    */
    .footer {
        height: 30rem;
    }
        .footer-caption {
            height: 30rem;
        }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }


}

/******rotate ok ok****/
@media screen and (width: 712px) and (height: 1138px) {
    /***launch***/
 /*    .lmenuitem {
            top: -5rem;
            height: 28rem;
        }
        #conoce {
            top: 16rem;
        }
*/
       /* #contactbtn {
            margin-top: 6rem;
        }*/
     .overlay {
        height: 68rem;
        overflow-y: scroll;
    }

  /* CONTACTO    */
    .footer {
        height: 34rem;
    }
    .empresa {
        height: 26rem;
    }
    .f-contacto {
        height: 6rem;
    }


}

/*******galaxy S9****/
@media screen and (width: 658px) and (height: 320px) {
/*
.launch, .launchbg, .contenido-header {
    height: 72rem;
    max-height: 72rem;
    overflow: hidden;
}
    .textos-header {
        margin-top: 8rem;
        width: 100%;
    }
        .textos-header h1 {
            font-size: 2.2rem;
            line-height:     3rem;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 100%
        }
        .textos-header h2 {
            margin-top: 0rem;
            font-size: 1.6rem;
            line-height: 2rem;
            margin-left: 0;
            width: 100%
        }
    #contactbtn {
        top: 4rem;
    }
    .lmenuitem {
        top: 10rem;
    }

#conoce {
        top: 16rem;
        left: 1rem;
}
*/
.overlay {
    height: 60rem;
    overflow-y: scroll;
}

}   

@media screen and (max-width: 650px) {
    /***CONTENEDORES*/

    .launch {
        max-width: 100%;
        width: 100%;
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 45rem;
        max-width: 45rem;
    }


/**********HEADER**********/
    .nav {
        display: flex;
        flex-direction: row;
        
    }

    .nav .logo {
        margin-top: 0;
        top: 0rem;
        padding-top: 0;
        min-width: 30rem;
        width: 30rem;
        max-width: 30rem;
        min-height: 10rem;
        max-height: 10rem;
        display: flex;
        flex-direction: row;
        margin-left: 0rem;
        left: 0rem;
        padding: 0rem 0rem;
        justify-content: center;
    }
        .nav .logo img {
            position: relative;
            min-height: 6rem;
            max-width: 16rem;
            margin-top: 2rem;
            left: 0;
            padding-left: 0;
            border-radius: 0;          
        }
            
        .slogan {
            position: relative;
            width: 18rem;
            min-height: 8rem;
            top: 1rem;
            left: 0rem;
            padding: 0 0 0rem 0.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }    
            .slogan > h3 {
                    width: 100%;
                    margin-right: 0;
                    margin: 0 0;
                    padding: 0 0;
                    font-size: 1.2rem;
                    justify-content: center;
                }


    .enlaces-header {
        margin-left: 1rem;
        max-width: 55%;
        flex-wrap: wrap;
        display: none;
    }

        .nav .enlaces-header  a {
            font-size: 1.2rem;
            padding: 0 0.8rem;
            width: 50%;
            padding: 0.5rem 0;

            margin: 0rem 0rem;
        }

    
    .nav .menuham {
        position: relative;
        display: block;   
        margin-left: 4rem;
        margin-top: 2rem;
        margin-bottom: 0;
        top: 2rem;
        background: var(--colorTextSpan);
    }

    .menuham:hover {
        cursor: pointer;
    }
   
    .navham {
        position: absolute;
        top: 9rem;
        width: 58%;
        right: 1rem;
        height: 42rem;
        padding: 3rem 1rem;
        background: var(--bgHeader);
        display: flex;
        flex-direction: column;
        animation: desplaza 1.5s ease-in-out;
    }    

    

    .navham a {
        font-size: 1.6rem;
        font-family: 'Montserrat', sans-serif;
        font-weight: 300;
        color: #f2f2f2;
        text-decoration: none;
        letter-spacing: normal;
        margin: 2rem 0;
        user-select: none;
        z-index: 7;
    }

    .navham a:hover {
        cursor: pointer;
        font-weight: bolder;
    }
    .btnHamCerrar {
        color: #ffffff;
        margin-top: 0;
    }


    .language {
        position: relative;
        left: 2rem;
        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: 6rem;*/
        right: 1rem;
        top: 2.2rem;
    }

    .lang-selected {
        position: relative;
        justify-content: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
        align-items: center;
        margin-left: 0rem;
        right: 0rem;
    }
    .lang-selected:before {
        margin-bottom: 0.8rem;
        align-items: center;
        justify-content: center;
        align-content: center;
        margin-left: 0.45rem;
    }
    
    .language ul {
        top: -3.5rem;
    }
    

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

/******LAUNCH*****/
    .launchheadcont {
        display: flex;
        flex-direction: column;
    }
    .contenido-header {
        width: 100%;
        padding: 0 0;
    }
    .textos-header {
        width: 100%;
        margin-left: 0%;
    }

        .textos-header h1 {
            width: 96%;
            margin-left: 2%;
            text-align: center;
            font-size: 2.6rem;
            line-height: 3.4rem;
            margin-bottom: 0rem;
        }
        .textos-header h2 {
            margin-top: 2rem;
            width: 90%;
            margin-left: 5%;
            text-align: center;
            font-size: 1.8rem;
            line-height: 2.4rem;
        }
    #contactbtn {
        margin-top: 14rem;
        width: 60%;
        margin-left: 18.5%;

    }

    #conoce {    
        width: 18rem;
        max-width: 15rem;
        top: 11rem;
        margin-left: 13.8rem;
    }
    .launchmenu {
        width: 90%;
        height: 21rem;
        margin-left: 5%;
        margin-top: -44rem;
    }

        .lmenuitem {
            width: 100%;
            margin-left: 0%;
            height: 21rem;
            top: 0.5rem;
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            padding-top: 0;
        }
            .ldetail {
                height: 21rem;
            }
                #lmheader {
                    font-size: 1.6rem;
                    margin-top: -4rem;
                }
                #lmdesc {
                    font-size: 1.25rem;
                    width: 80%;
                    margin-left: 10%;
                }

*/
/***servicios****/
    .contenedorserv {
        margin-bottom: 0;
    }
/*
    .contenedorserv .serv-head {
        height: 10rem;
    }
  */  /*
    .contenedorserv .serv-head p {
        font-size: 1.6rem;
        line-height: 2rem;
    }*/
    .servscontenedor {
        padding-bottom: 0rem;
        margin-bottom: 0;
    }
        .temas {
            max-width: 100%;
            min-height: 100%;
            height: 12.6rem;
        }

            .temas .temabttn {
                font-size: 1.25rem;
                min-width: 12rem;
                max-width: 12rem;
                min-height: 6.9rem;
                max-height: 6.9rem;
                padding-top: 0;
                margin-top: 0;
                margin-bottom: 0;
                padding-top: 0;
                padding-left: .1rem;
                padding-right: .1rem;
                rotate: -90deg;
            }
                #bd365 {
                    margin-left: -2.5rem;
                }
                #bcons {
                    margin-left: -4.95rem;
                }
                #bcust {
                    margin-left: -4.95rem;
                }
                
                #bcap {
                    margin-left: -4.95rem;
                }
                #bpm {
                    margin-left: -4.95rem;
                }
                #bmipe {
                    margin-left: -4.95rem;
                }

                .temas .temabttn.active {
                    font-size: 1.25rem;
                    line-height: 1.5rem;
                }
    .temasCont {
        height: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
        .temasCont .temaContenido {
            margin-bottom: 0;
            padding-bottom: 0;
        }

    .temaContenido.active {
        height: auto;
        margin-bottom: 0;
        padding-bottom: 0;
    }
         .temasCont .temaContenido.active {    
            height: 56rem;
            min-height: 56rem;
            max-height: 56rem;
         }
    
    .temaContenido.active .col-md-3 {
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        margin-bottom: 2rem;
    }
    .temaContenido.active .temaContHead {
        width: 100%;
        height: 10rem;
        min-height: 10rem;
        max-height: 10rem;
        margin-top: 0;
        padding-bottom: 0rem;
    }

    #consultoria .temaContHead h1,
    #desarrollo .temaContHead h1, 
    #capsop .temaContHead h1,
    #mipe .temaContHead h1,
    #projman .temaContHead h1 {
        font-size: 1.8rem;
        margin-top: 0;
    }
    #MSDyn365 {
        min-height: 62rem;
        height: 62rem;
        max-height: 62rem;
    }


    #MSDyn365 .temaContHead {
        padding: 1rem 1rem;
        margin-top: 0rem;
        justify-content: center;
        height: 10rem;
        min-height: 10rem;
        max-height: 10rem;
    }
        #MSDyn365 .temaContHead h1 {
            top: 0;
            margin-top: 1rem;
            font-size: 2.2rem;
            line-height: 2.6rem;
            padding-top: 0rem;
            padding-bottom: 0;
            margin-bottom: 0.4rem;
        }
        
        #MSDyn365 .temaContHead h2 {
            font-size: 1.4rem;
            line-height: 1.8rem;
            margin-top: 0;
            padding-top: 0;
            margin-bottom: 0;
        }

        #MSDyn365 .temaContHead h2 span {
            font-size: 1.4rem;
        }
        /*
        #consultoria .temaContHead {
            padding-bottom: 0;
        }
        #consultoria .temaContHead h1 {
            padding-bottom: 2rem;
        } 
        */

        .controller {
            top: 46rem;
            left: 28rem;
        }
            .controller p {
                font-size: 1.1rem;
                max-width: 18rem;
            }


    .temaContenido.active .temaContDesc {
        width: 100%;
        margin-top: 0;
        height: 42rem;
        padding: 0 0; 
    }
        .temaContenido.active .temaContDesc .funcionalidadContenedor {
            margin-top: 0;
            top: 0;
        }
    .msg-col h5 {
        min-width: 46rem;
        max-width: 46rem;
        margin-left: -21rem;
        margin-top: 20rem;
        font-size: 2rem;
        transform: rotate(-90deg);
    }  
    .msg-col .msgtextdetail {
        margin-top: -20rem;
        margin-left: 4rem;
        width: 22rem;
        max-width: 22rem;
        height: 42rem;
        max-height: 42rem;
        display: flex;
        flex-direction: column;
        justify-items: flex-start;
        justify-content: center;
        align-content: center;
        overflow-y: scroll;
    }
        .msgtextdetail h6 {
            font-size: 1.4rem;
            line-height: 2rem;
            max-width: 20rem;
            margin-left: 0;
            margin-top: 0;
            margin-bottom: 1rem;
            padding-bottom: 0;
            padding-top: 0;
        }

    .msg-col a {
        top: -3.6rem;
        left: -24rem;
        font-size: 1.2rem;
    }


    .temaContDesc .servs {
        width: 101%;
        overflow-x: hidden;
        margin-left: 0.2rem;
        padding-left: 2rem;
        background: var(--bgHeader);
    }
    
    .temaContDesc .servs p {
        font-size: 1.25rem;
        margin-left: 0;
        margin-right: 0;
        color: #F2f2f2;
    }

    #consultoria .temaContDesc,
    #desarrollo .temaContDesc,
    #capsop .temaContDesc,
    #mipe .temaContDesc,
    #projman .temaContDesc {
        padding: 1.5rem 0;
        width: 80%;
        height: 36rem;
        overflow-y: scroll;
    }

  /*  
    #consultoria .temaContDesc p,
    #desarrollo .temaContDesc p, 
    #capsop .temaContDesc p,
    #mipe .temaContDesc p,
    #projman .temaContDesc p {
        width: 90%;
        margin: auto;
        line-height: 2rem;
    }
*/
    #consultoria .temaContDesc p,
    #desarrollo .temaContDesc p,
    #capsop .temaContDesc p,
    #projman .temaContDesc p,
    #mipe .temaContDesc p {
        margin-left: 0;
        margin: auto;
        width: 86%;
        line-height: 1.8rem;
        margin-top: 1.5rem;

    }


/********SGE******/
.sge {
    padding-top: 0;
    padding-bottom: 0;
}
    .sge-contenedor {
        flex-direction: column;
        padding-top: 2rem;
    }
        .sge-header {
            width: 100%;
        }
        .sge-header h2 {
            width: 100%;
            font-size: 2.6rem;
            letter-spacing: 0;
            line-height: 3rem;
            margin-bottom: 0;
        }
        .sge-header p {
            padding: 2rem 2rem;
            padding-left: 0;
            font-size: 1.4rem;
            line-height: 2rem;
            width: 100%;
        }
    .sge-items {
        width: 100%;
    }
        .slideshow-items {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }
            .item {
                width: 100%;
                left: 0;
                margin-left: 0;
                padding: 0 0;
                margin: 0 0;
            }
                .itemtext {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .itemtextbox {
                        margin-top: 2rem;
                        width: 100%;
                        padding-left: 0;
                        padding-right: 0;
                        height: 38rem;
                    }
                        .item-header {
                            margin-top: 4rem;
                            left: -4.5rem;
                        }
                            .item-header .vertical-part b {
                                font-size: 1.8rem;
                            }
                            .item-header:after {
                                width: 32rem;    
                                margin-left: 18rem;
                                height: 0.6rem;
                            }

                        .item-description {
                            max-width: 100%;
                            margin-top: 2rem;
                            margin-left: 1.4rem;
                            height: 28rem;
                        }
                            .item-description .vertical-part {
                                width: 100%;
                                margin-left: 0;
                                margin-bottom: 0;
                                padding-left: 0;
                                padding-right: 0;
                                justify-content: center;
                                justify-items: center;
                                align-content: center;
                                align-items: center;
                            }
                                .item-description .vertical-part b {
                                    width: 96%;
                                    margin-left: 2%;
                                    font-size: 1.4rem;
                                    line-height: 1.8rem;
                                }
                                .vertical-part .solutions,
                                .vertical-part .erp-solutions,
                                .vertical-part .crm-solutions,
                                .vertical-part .pwr-solutionsa,
                                .vertical-part .pwr-solutionsb,
                                .vertical-part .pwr-solutionsc {
                                    font-size: 1rem;
                                    width: 100%;
                                    max-width: 100%;
                                }


/*****industrias*****/
.servdesc-texto {
    height: 10rem;
}
    .servdesc-texto p {
        width: 90%;
        font-size: 1.6rem;
        height: 3rem;
        padding-bottom: 1rem;
    }
/*
    .options {
        display: flex;
        flex-direction: column;
    }
*/
 .options {
    display: flex;
    flex-direction: row;
    height: 64rem;
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    justify-content: space-between;
    padding: 0 0;
}

    .option {
        position: relative;
        width: 11rem;
        max-width: 11rem;
        height: 64rem;
        max-height: 64rem;
        display: flex;
        flex-direction: column;
        padding: 0 0;
    }
        .option .optionhead {
            position: absolute;
            height: inherit;
            width: 14rem;
            max-width: 14rem;
            height: 5rem;
            max-height: 5rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            margin-top: 0rem;
            margin-left: 0.5rem;
            border-bottom: solid 0.1rem #130300;
            cursor: pointer;
            z-index: 160;
        }
       
            .option .optionhead:hover {
                border-bottom: solid 0.2rem var(--colorTextSpan);
            }

            .option .optionhead > h2 {
                /*transform: rotate(-90deg);*/
                font-size: 1.2rem;
                font-weight: 300;
                height: auto;
                width: 14rem;
                /*align-content: center;*/
                justify-content: flex-end;
                text-align: right;
                margin-left: 0rem;
                color: #000000;
                align-content: flex-end;
                cursor: pointer;
                justify-content: flex-end;
                letter-spacing: 0px;
                margin-bottom: 0;
                padding-bottom: 0.4rem;
                margin-top: 0;
            }
                .option .optionhead h2:hover {
                    color: var(--colorTextSpan);
                    font-weight: 600;
                    text-transform: none;
                    font-size: 1.1rem;
                    width: 14rem;
                    border: none;
                }
                    
                .option.active .optionhead {
                    padding-right: 0;
                }
                    .option.active .optionhead h2 {
                        padding-bottom: 0.2rem;
                        padding-right: 0.4rem;
                        text-transform: none;
                        background: var(--colorsectionheader);
                        color: #f2f2f2;
                        margin-right: 0;
                        font-size: 1.18rem;
                        height: 5rem;
                    }

        .option .optioncontent {
            position: relative;
            width: 100%;
            height: 64rem;
            display: flex;
            flex-direction: column;
            padding: 0 0;
        }
        .option.active {
            height: 64rem;
        }
        .option.active .optioncontent {
            width: 140rem;
            height: 64rem;
            padding: 2rem 5rem;
            display: flex;
            flex-direction: column;
            justify-content: first baseline;
            align-content: center;
            margin-top: 0rem;
            position: relative;
            z-index: 150;
        }
        .option.active > #indtextil {
            margin-left: -24rem;
        }
        .option.active > #retail {
            margin-left: -35rem;
        }
        .option.active > #inmob {
            margin-left: -46rem;
        }
        .option.active > #mkt {
            margin-left: -57rem;
        }
        .option.active > #servtech {
            margin-left: -68rem;
        }
        .option.active > #ServsAdmin {
            margin-left: -79rem;
        }
        .option.active > #trade {
            margin-left: -90rem;
        }
        .option.active > #mfg {
            margin-left: -101rem;
        }
        .option.active > #project {
            margin-left: -112rem;
        }
        .option.active > #warehouse {
            margin-left: -123rem;
        }
        .option.active > #transport {
            margin-left: -134rem;
        }
    .option.active .optioncontent > img {
        width: 62%;
        left: 24%;
        height: 65rem;
        min-height: 65rem;
        max-height: 65rem;
        margin-top: -3rem;
        margin-left: 2rem;
        border: none;
    }

    .option.active .optioncontent .optiondetail {
        width: 64rem;
        min-width: 64rem;
        height: 64rem;
        margin-top: -64rem;
        min-height: 64rem;
        max-height: 64rem;
        margin-left: 17rem;
        border: none;
        justify-content: right;
        align-content: center;
        padding-right: 0rem;
        background: #ffffffce;
    }  
        .option.active .optioncontent .optiondetail p {
            width: 40%;
            margin-left: 28%;
            font-size: 1.45rem;
        }
    
   
       



    #ohindtextil {
        top: 0rem;
        left: 0rem;
    }

    #ohretail {
        top: 5.8rem;
        left: -11rem;
    }
    #ohinmob {
        top: 11.6rem;
        left: -22rem;
    }
    #ohmkt {
        top: 17.4rem;
        left: -33rem;
    }
    #ohservtech {
        top: 23.2rem;
        left: -44rem;
    }
    #ohServsAdmin {
        top: 29rem;
        left: -55rem;
    }
    #ohtrade {
        top: 34.8rem;
        left: -66rem;
    }
    #ohmfg {
        top: 40.6rem;
        left: -77rem;
    }
    #ohproject {
        top: 46.4rem;
        left: -88rem;
    }
    #wms {
        top: 52.2rem;
        left: -99rem;
    }
    #tms {
        top: 58rem;
        left: -110rem;
    }



/***********ACTUALIDAD**********/
    .acttexto > p {
        width: 100%;
        font-size: 1.6rem;
        margin-bottom: 0;
    }
    .actcontainer {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .actitems {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }

        
        .actitems1,
        .actitems2 {
            max-width: 100%;
            min-width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .act-item {
                min-width: 100%;
                max-width: 100%;
                height: 8rem;
                padding: 0 0;
                margin: 0.5rem 0rem;
            }
                .act-item > img {
                    margin-top: 0;
                    top: 0;
                    width: 8rem;
                    min-height: 8rem;
                    height: 8rem;
                    max-height: 8rem;
                    opacity: 0.35;
                    border: solid 0.2rem var(--colorTextSpan);
                }
                .act-item .text-box {    
                    background: transparent;
                    margin-left: -0rem;
                    margin-top: -3rem;
                    width: 100%;
                    min-width: 100%;
                    min-height: 8rem;
                    height: 8rem;
                    max-height: 8rem;
                    padding: 0 0;
                }
                    .act-item .text-box .text {
                        height: 8rem;
                        max-height: 8rem;
                        min-height: 8rem;
                        max-width: 100%;
                        min-height: 8rem;
                        max-height: 8rem;
                        margin-top: 0;
                        padding: 0 0;
                        /*justify-content: center;*/
                    }

                        .text > h1 {
                            position: relative;
                            width: 100%;
                            min-height: 6rem;
                            max-height: 6rem;
                            height: 6rem;
                            font-size: 1.4rem;
                            letter-spacing: 0;
                            line-height: 1.6rem;
                            margin-top: 1rem;
                            padding-left: 10rem;
                            text-align: left;
                        }
                           .text h1::after {
                                margin-left: 0%;
                                width: 10%;
                            }
            

                    .act-item .text-box .text .inddesc {
                        height: 40rem;
                        max-height: 40rem;
                        overflow: hidden;
                    }


            .act-item .text-box .text:hover {
                    height: 8rem;
                    max-height: 8rem;
                    min-height: 8rem;
                    max-width: 99%;
                    margin-top: 0;
                    margin-left: 0.2rem;
                    padding: 0 0;
                    transform: none;
                    transition: none;
            }
                .act-item .text-box .text:hover .inddesc {
                    height: 21rem;
                    min-height: 21rem;
                    max-height: 21rem;
                    overflow-y: scroll;
                    display: none;
                }
                .act-item .text-box .text:hover .ind-btn {
                    width: 10rem;
                    margin-left: 32rem;
                    margin-top: -2rem;
                    font-size: 0.9rem;

                }

            .act-item .text-box .text:hover h1 {
                position: relative;
                width: 60%;
                min-height: 4rem;
                max-height: 4rem;
                height: 4rem;
                font-size: 1.4rem;
                letter-spacing: 0;
                line-height: 1.6rem;
                margin-top: 1rem;
                margin-left: -5rem;
                padding-left: 0rem;
                text-align: left;
                color: var(--colorsectionmaintitle);
            }
                   .act-item .text-box .text:hover h1::after {
                        display: none;
                   }
            .act-item .text-box .text:hover p {
                font-size: 1.25rem;
                line-height: 1.6rem;
                width: 70%;
                margin-left: 15%;
                display: none;
            }
            
            .act-item .text-box #tb9:hover,
            .act-item .text-box #tb10:hover,
            .act-item .text-box #tb1:hover, 
            .act-item .text-box #tb2:hover,
            .act-item .text-box #tb3:hover,
            .act-item .text-box #tb4:hover,
            .act-item .text-box #tb5:hover,
            .act-item .text-box #tb6:hover {
                left: 0rem;
                top: 0rem;
                background-color: #f1f1f1d4;
                
            }





    /******CONTACTO**********/
    
    .contactdesc  h2 {
        padding-top: 1.5rem;
        margin-top: 0;
        margin-bottom: 2rem;
    }
    .contactdesc p {
        width: 95%;
        margin-left: 5%;
        font-size: 1.6rem;
        margin-top: 1rem;
    }
    .forma-footer {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0rem 0rem;
        justify-content: center;
        justify-items: center;
        align-items: center;
    }
        .contact-form {
            width: 100%;
            margin-bottom: 2rem;
        }
        .footer {
            width: 100%;
            max-width: 100%;
            padding: 0rem 0rem;
            display: flex;
            flex-direction: column;
            margin: 0rem 0rem;
            justify-content: left;
            height: auto;
        }
        .footer-caption {
            position: relative;
            width: 90%;
            max-width: 90%;
            min-width: 90%;
            left: 0rem;
            margin: 0 0;
            margin-left: 10%;
            padding: 0 0;
            align-content: left;
            align-items: left;
            justify-items: left;
            justify-content: left;
            height: auto;
        }
            .empresa {
                height: 25rem;
                max-height: 25rem;
                min-height: 25rem;
            }
            .f-contacto {
                width: 90%;
                min-width: 90%;
                margin-left: 10%;
                margin-right: 0;
                height: 6rem;
                margin-top: 0;
            }

/**********AVISOS*********/
    .copyright {
        font-size: 1rem;
    }
    .politica-privacidad, .politica-privacidad1 {
        font-size: 1rem;
    }
}

/*******galaxy note 3****/
@media screen and (width: 640px) and (height: 360px) {
/*.launch, .launchbg, .contenido-header {
    height: 72rem;
    max-height: 72rem;
    overflow: hidden;
}
    .textos-header {
        margin-top: 8rem;
        width: 100%;
    }
        .textos-header h1 {
            font-size: 2.2rem;
            line-height:     3rem;
            margin-bottom: 0rem;
            margin-left: 0;
            width: 100%
        }
        .textos-header h2 {
            margin-top: 0rem;
            font-size: 1.6rem;
            line-height: 2rem;
            margin-left: 0;
            width: 100%
        }
    #contactbtn {
        top: 8rem;
    }
    .lmenuitem {
        top: 12rem;
    }

#conoce {
        top: 16rem;
        left: 1rem;
}
*/
.overlay {
    height: 60rem;
    overflow-y: scroll;
}


/***solutions***/
/*
.item-header {
    top: 10rem;
}
.item-header:after {
        width: 40rem;
        margin-left: 8rem;
    }

.item-description {
    top: 10rem;        
}
*/

}

/***rotate ok ok****/
@media screen and (width: 600px) and (height: 800px) {
    /**launch***/
    .overlay {
        height: 64rem;
    };
}

/***Rotate ok ok***/
@media screen and (width: 540px) and (height: 720px) {
    .launch, .launchbg, .contenido-header {
        height: 72rem;
        max-height: 72rem;
        overflow: hidden;
    }
        .textos-header {
            margin-top: 8rem;
            width: 100%;
        }
            .textos-header h1 {
                font-size: 3rem;
                line-height:     4rem;
                margin-bottom: 0rem;
                margin-left: 0;
                width: 100%
            }
            .textos-header h2 {
                margin-top: 0rem;
                font-size: 2rem;
                line-height: 2.6rem;
                margin-left: 0;
                width: 100%
            }
    
    #conoce {
            top: 11rem;
            left: 1rem;
    }
            .lmenuitem {
                padding-top: 1rem;
            }
            .ldetail {
                padding-left: 0;
                padding-right: 0;
            }
                .lmdesc {
                    font-size: 12rem;
                    width: 100%;
                }
    .overlay {
        height: 60rem;
        overflow-y: scroll;
    }

    
    /***solutions***/

/*

    .item-header {
        top: 10rem;
    }
    .item-header:after {
            width: 40rem;
            margin-left: 8rem;
        }
    
    .item-description {
        top: 10rem;        
    }
    
*/
}

/***Rotate ok ok***/
@media screen and (width: 533px) and (height: 768px) {
    /*Launch*/
    .overlay {
        height: 58rem;
    }
    #lmheader {
        font-size: 1.4rem;
    }
     #lmdesc {
        font-size: 1.25rem;
    }

}

/****ROTATE OKOK*/
@media screen and (width: 533px) and (height: 425px) {
   
    /******launch***/
    #lmheader {
        font-size: 1.4rem;
    }
     #lmdesc {
        font-size: 1.25rem;
    }
     /******contact*******/

     .form > button {
        left: 14rem;
        width: unset;
    }

}

/**okok*/
@media screen and (width: 480px) and (height: 854px) {
    
    #lmheader {
        font-size: 1.4rem;
    }
     #lmdesc {
        font-size: 1.25rem;
    }

    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }

    /*****servicios******/

    #MSDyn365 {
        min-height: 62rem;
    }

    
    /***solutions***/

/*

    .item-header {
        top: 10rem;
    }
    .item-header:after {
            width: 40rem;
            margin-left: 8rem;
        }
    
    .item-description {
        top: 10rem;        
    }
    */

}

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

    .launch {
        max-width: 100%;
        width: 100%;
    }

    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 36rem;
        max-width: 36rem;
    }

    .nav {
        margin-left: 0;

    }

/**********HEADER**********/

    .nav {
        display: flex;
        flex-direction: row;
        
    }

    .nav .logo {
        margin-top: 0;
        top: 0rem;
        padding-top: 0;
        min-width: 22rem;
        width: 22rem;
        max-width: 22rem;
        min-height: 10rem;
        max-height: 10rem;
        display: flex;
        flex-direction: row;
        margin-left: 0rem;
        left: 0rem;
        padding: 0rem 0rem;
    }
        .nav .logo img {
            position: relative;
            min-height: 4rem;
            max-width: 12rem;
            margin-top: 2rem;
            left: 0;
            padding-left: 0;
            border-radius: 0;
        }
            
        .slogan {
            position: relative;
            width: 18rem;
            min-height: 8rem;
            top: 1rem;
            left: 0rem;
            padding: 0 0 0rem 0.5rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }    
            .slogan > h3 {
                    width: 100%;
                    margin-right: 0;
                    margin: 0 0;
                    padding: 0 0;
                    font-size: 1.2rem;
                }
    .overlay {
        max-height: 54rem;
        overflow-y: scroll;
    }
    .nav .menuham {
        position: relative;
        display: block;   
        margin-left: 4rem;
        margin-top: -5rem;
        margin-bottom: 0;
        top: 2rem;
    }
        .navham {
            right: 1rem;
        }
    
    .language ul {
        position: absolute;
        left: -8rem;
        top: -4rem
    }
    


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

/******LAUNCH*****/
    .launchheadcont {
        display: flex;
        flex-direction: column;
    }
    .textos-header {
        width: 98%;
        margin-left: 1%;
    }

        .textos-header h1 {
            width: 96%;
            margin-left: 2%;
            text-align: center;
            font-size: 2.2rem;
            line-height: 3rem;
            margin-bottom: 0rem;
        }
        .textos-header h2 {
            margin-top: 2rem;
            width: 100%;
            margin-left: 0%;
            text-align: center;
            font-size: 1.6rem;
            line-height: 2.4rem;
        }
    #contactbtn {
        margin-top: 15rem;
        width: 60%;
        margin-left: 18.5%;

    }

    #conoce {    
        width: 18rem;
        max-width: 15rem;
        top: 10rem;
        margin-left: 9rem;
    }
    .launchmenu {
        width: 100%;
        height: 22rem;
        margin-left: 0%;
        margin-top: -46rem;
    }

        .lmenuitem {
            width: 100%;
            margin-left: 0%;
            height: 22rem;
            top: 0.5rem;
        }
        #lmheader {
            font-size: 1.4rem;
            margin-top: -1rem;
        }
        #lmdesc {
            font-size: 1.25rem;
            width: 100%;
            margin-left: 0%;
        }


*/
/***servicios****/


        .temas {
            max-width: 100%;
            min-height: 100%;
            height: 12.6rem;
        }

            .temas .temabttn {
                font-size: 1.25rem;
                min-width: 12rem;
                max-width: 12rem;
                min-height: 5.4rem;
                max-height: 5.4rem;
                padding-top: 0.4;
                margin-top: 0;
                margin-bottom: 0;
                padding-bottom: 0.4;
                padding-left: .4rem;
                padding-right: .4rem;
                rotate: -90deg;
            }
            
                #bd365 {
                    margin-left: -3.5rem;
                }
                #bcons {
                    margin-left: -6.35rem;
                }
                #bcust {
                    margin-left: -6.35rem;
                }
                
                #bcap {
                    margin-left: -6.35rem;
                }
                #bpm {
                    margin-left: -6.35rem;
                }
                #bmipe {
                    margin-left: -6.35rem;
                }

                .temas .temabttn.active {
                    font-size: 1.25rem;
                    line-height: 1.5rem;
                }

     .controller {
            top: 46rem;
            left: 21rem;
        }
            .controller p {
                font-size: 0.9rem;
                max-width: 16rem;
            }

     .msg-col h5 {
        margin-left: -22rem;
    }  
    
    .msg-col .msgtextdetail {
        display: flex;
        justify-content: start;
        margin-top: -20rem;
        margin-left: 3rem;
        width: 16rem;
        max-width: 16rem;
        height: 42rem;
        max-height: 42rem;
        overflow-y: scroll;
    }
        .msg-col .msgtextdetail h6 {
            max-width: 16rem;
            font-size: 1.4rem;
            line-height: 2.2rem;
        }

    .msg-col a {
        top: -3.6rem;
        left: -27rem;
        font-size: 1.2rem;
    }

    #consultoria .temaContHead h1,
    #desarrollo .temaContHead h1,
    #capsop .temaContHead h1,
    #projman .temaContHead h1,
    #mipe .temaContHead h1 {
        background: transparent;
        font-size: 1.8rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    #desarrollo .temaContHead h1,
    #capsop .temaContHead h1,
    #projman .temaContHead h1 {
        color: #ffffff;
    }

    #consultoria .temaContDesc,
    #desarrollo .temaContDesc,
    #capsop .temaContDesc,
    #projman .temaContDesc,
    #mipe .temaContDesc {
        width: 90%;
        height: 36rem;
        border-radius: 0.5rem;
        padding: 1rem 1rem;
    }

    #consultoria .temaContDesc p,
    #desarrollo .temaContDesc p,
    #capsop .temaContDesc p,
    #projman .temaContDesc p,
    #mipe .temaContDesc p {
        width: 86%;
        line-height: 1.8rem;
        margin-top: 1rem;

    }
    .temaContDesc .servs p {
        font-size: 1rem;
        padding-left: 0.5rem;
    }
        .temaContDesc .servs {
            padding-left: 0.5rem;
        }


/********SGE******/
.sge {
    padding-top: 0;
    padding-bottom: 0;
}
    .sge-contenedor {
        flex-direction: column;
        padding-top: 2rem;
    }
        .sge-header {
            width: 100%;
        }
        .sge-header h2 {
            width: 100%;
            font-size: 2.2rem;
            letter-spacing: 0;
            line-height: 3rem;
            margin-bottom: 0;
        }
        .sge-header p {
            padding: 2rem 2rem;
            padding-left: 0;
            font-size: 1.4rem;
            line-height: 2rem;
            width: 100%;
        }
    .sge-items {
        width: 100%;
    }
        .slideshow-items {
            width: 100%;
            padding-left: 0;
            padding-right: 0;
        }
            .item {
                width: 100%;
                left: 0;
                margin-left: 0;
                padding: 0 0;
                margin: 0 0;
            }
                .itemtext {
                    padding-left: 0;
                    padding-right: 0;
                }

                    .itemtextbox {
                        margin-top: 0rem;
                        width: 100%;
                        padding-left: 0;
                        padding-right: 0;
                        height: 40rem;
                        padding-top: 0;
                    }
                        .item-header {
                            margin-top: 0;
                            top: 8rem;
                            left: -14rem;
                            padding-top: 0;
                        }
                            .item-header .vertical-part b {
                                font-size: 1.8rem;
                                width: 100%;
                                margin-top: 0;
                            }
                            .item-header:after {
                                width: 32rem;    
                                margin-left: 18rem;
                                height: 0.6rem;
                                margin-bottom: 0;
                            }
                .controls ul li {
                    width: 1rem;
                    height: 1rem;
                    margin: 1rem;
                }

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

    .servdesc-texto h2 {
        font-size: 2.2rem;
    }
    .servdesc-texto p {
        width: 90%;
        font-size: 1.6rem;
        height: 4.6rem;
    }
    .wrapper {
        margin-bottom: 0;
    }

    .option .optionhead {
        width: 10rem;
        max-width: 10rem;
        height: 5rem;
        max-height: 5rem;
        padding-bottom: 0;
        padding: 0.2rem 0rem;
        align-items: center;
        justify-content: flex-end;
        justify-content: flex-end;
        margin-left: 0rem;
    }
    .option .optionhead:hover h2 {
        font-weight: 900;
        text-transform: none;
        font-size: 1rem;
        margin: 0 0;
        width: 10rem;
        max-width: 10rem;
    }
    .option .optionhead > h2 {
        font-size: 1.1rem;
        width: 10rem;
        letter-spacing: 0;
        margin: 0 0;
        margin-bottom: 0;
        padding: 0 0;
    }
   .option.active .optionhead {
        background: var(--colorTextSpan);
        padding-right: 0;
        width: 10rem;
        max-width: 10rem;
    }
    .option.active .optionhead h2 {
        padding-bottom: 0rem;
        text-transform: none;
        color: #f2f2f2;
        margin-right: 0;
        font-size: 1.1rem;
        font-weight: 300;
        width: 10rem;
        max-width: 10rem;
    }
    .option.active .optioncontent > img {
        left: 14.8rem;
    }
        .option.active .optioncontent .optiondetail p {
            width: 22rem;
            margin-left: 12rem;
            font-size: 1.4rem;
            line-height: 2rem;
            color: #000000;
        }


/***********ACTUALIDAD**********/
    .acttexto > h2 {
        font-size: 2.2rem;
    }
    .acttexto > p {
        width: 100%;
        font-size: 1.6rem;
        margin-bottom: 0;
    }
    .actcontainer {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .actitems {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }

        
        .actitems1,
        .actitems2 {
            max-width: 100%;
            min-width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .act-item {
                min-width: 100%;
                max-width: 100%;
                height: 8rem;
                padding: 0 0;
                margin: 0.5rem 0rem;
            }
                .act-item > img {
                    margin-top: 0;
                    top: 0;
                    width: 8rem;
                    min-height: 8rem;
                    height: 8rem;
                    max-height: 8rem;
                    opacity: 0.35;
                    border: solid 0.2rem var(--colorTextSpan);
                }
                .act-item .text-box {    
                    background: transparent;
                    margin-left: -0rem;
                    margin-top: -3rem;
                    width: 100%;
                    min-width: 100%;
                    min-height: 8rem;
                    height: 8rem;
                    max-height: 8rem;
                    padding: 0 0;
                }
                    .act-item .text-box .text {
                        height: 8rem;
                        max-height: 8rem;
                        min-height: 8rem;
                        max-width: 100%;
                        min-height: 8rem;
                        max-height: 8rem;
                        margin-top: 0;
                        padding: 0 0;
                        /*justify-content: center;*/
                    }

                        .text > h1 {
                            position: relative;
                            width: 100%;
                            min-height: 6rem;
                            max-height: 6rem;
                            height: 6rem;
                            font-size: 1.4rem;
                            letter-spacing: 0;
                            line-height: 1.6rem;
                            margin-top: 1rem;
                            padding-left: 10rem;
                            text-align: left;
                        }
                           .text h1::after {
                                margin-left: 0%;
                                width: 10%;
                            }
            

                    .act-item .text-box .text .inddesc {
                        height: 40rem;
                        max-height: 40rem;
                        overflow: hidden;
                    }


            .act-item .text-box .text:hover {
                    height: 8rem;
                    max-height: 8rem;
                    min-height: 8rem;
                    max-width: 99%;
                    margin-top: 0;
                    margin-left: 0.2rem;
                    padding: 0 0;
                    transform: none;
                    transition: none;
            }
                .act-item .text-box .text:hover .inddesc {
                    height: 21rem;
                    min-height: 21rem;
                    max-height: 21rem;
                    overflow-y: scroll;
                    display: none;
                }
                .act-item .text-box .text:hover .ind-btn {
                    width: 10rem;
                    margin-left: 22rem;
                    margin-top: -2rem;

                }

            .act-item .text-box .text:hover h1 {
                position: relative;
                width: 60%;
                min-height: 4rem;
                max-height: 4rem;
                height: 4rem;
                font-size: 1.4rem;
                letter-spacing: 0;
                line-height: 1.6rem;
                margin-top: 1rem;
                margin-left: -10rem;
                padding-left: 0rem;
                text-align: left;
                color: var(--colorsectionmaintitle);
            }
                   .act-item .text-box .text:hover h1::after {
                        display: none;
                   }
            .act-item .text-box .text:hover p {
                font-size: 1.25rem;
                line-height: 1.6rem;
                width: 70%;
                margin-left: 15%;
                display: none;
            }
            
            .act-item .text-box #tb9:hover,
            .act-item .text-box #tb10:hover,
            .act-item .text-box #tb1:hover, 
            .act-item .text-box #tb2:hover,
            .act-item .text-box #tb3:hover,
            .act-item .text-box #tb4:hover,
            .act-item .text-box #tb5:hover,
            .act-item .text-box #tb6:hover {
                left: 0rem;
                top: 0rem;
                background-color: #f1f1f1d4;
                
            }





    /******CONTACTO**********/
    .forma-contacto {
        margin-top: 0;
    }
    .contact-header {
        margin-top: 0;
    }
    .contactdesc {
        margin-top: 0;
    }
    .contactdesc  h2 {
        font-size: 2.2rem;
        margin-top: 0rem;
    }
    .contactdesc p {
        width: 95%;
        margin-left: 5%;
        font-size: 1.6rem;
    }
    .forma-footer {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0rem 0rem;
        justify-content: center;
        justify-items: center;
        align-items: center;
    }
        .contact-form {
            width: 100%;
            margin-bottom: 2rem;
        }
        .footer {
            width: 100%;
            max-width: 100%;
            padding: 0rem 0rem;
            display: flex;
            flex-direction: column;
            margin: 0rem 0rem;
            justify-content: left;
            height: auto;
        }
        .footer-caption {
            position: relative;
            width: 90%;
            max-width: 90%;
            min-width: 90%;
            left: 0rem;
            margin: 0 0;
            margin-left: 10%;
            padding: 0 0;
            align-content: left;
            align-items: left;
            justify-items: left;
            justify-content: left;
            height: auto;
        }
        .form > button {
            left: 6.5rem;
            width: 8rem;
        }
            .empresa {
                height: 25rem;
                max-height: 25rem;
                min-height: 25rem;
            }
            .f-contacto {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                margin-left: 0%;
                margin-right: 0;
                height: 6rem;
                margin-top: 0;
            }

                #sm {    
                    height: 3.4rem;
                    width: 3.4rem;
                    margin-left: 1.5rem;
                }


/**********AVISOS*********/
    .copyright {
        font-size: 1rem;
    }
    .politica-privacidad, .politica-privacidad1 {
        font-size: 1rem;
    }
}

/**okok***/
@media screen and (width: 430px) and (height: 932px) {
    /******launch***/
    .overlay {
        height: 68rem;
        overflow: scroll;
    }
     /******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }

}

/***OKOK***/
@media screen and (width: 425px) and (height: 533px) {
   /*
    /******launch***
  
     /******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }

}

/*OKOK***/
@media screen and (width: 414px) and (height: 896px) {
    /******launch***/
    .overlay {
        height: 68rem;
        overflow: scroll;
    }
     /******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }

}

/*OKOK*/
@media screen and (width: 414px) and (height: 736px) {
 /*
    .launch, .launchbg, .contenido-header {
        height: 73.6rem;
        max-height: 73.6rem;
        overflow: hidden;
    }

        #contactbtn {
            margin-top: 18rem;
        }
    .launchmenu {
        top: 4rem;
    }
        #conoce {
            top: 14rem;
            left: 0rem;
        }
    .overlay {
        height: 62rem;
        overflow-y: scroll;
    }
*/
/******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }

}


/*OKOK*/
@media screen and (width: 412px) and (height: 915px) {
    /***********launch*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }
    /******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }
}


/*OKOK*/
/********Facebool on Android******/
@media screen and (width: 412px) and (height: 892px) {
    /***********launch*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }
    /******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }
}


/*OKKO*/
@media screen and (width: 393px) and (height: 851px) {
     /***********launch*/
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }


    /*
    .lang-selected {
        left: 1rem;
    }
    .language ul {
        top: 2.2rem;
        left: 14rem;
    }
    */

    /******contact*******/

     .form > button {
        left: 9.5rem;
        width: unset;
    }
}

/*OKOK*/
@media screen and (width: 390px) and (height: 844px) {
    /*
    #conoce {
        top: 15rem;
    }
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }
    
    /*
    .lang-selected {
        left: 1rem;
    }
    .language ul {
        top: 2.2rem;
        left: 14rem;
    }
    */
 /******contact*******/

     .form > button {
        left: 9rem;
        width: unset;
    }

}

/*OKOK*/
@media screen and (width: 375px) and (height: 812px) {
  /*  #conoce {
        top: 15rem;
    }
    .overlay {
        height: 68rem;
        overflow-y: scroll;
    }

*/ /******contact*******/

     .form > button {
        left: 9rem;
        width: unset;
    }


}

/*OKOK*/
@media screen and (width: 375px) and (height: 667px) {
    /* launch*****/
  /* .launch, .launchbg, .contenido-header {
        height: 66.7rem;
        max-height: 66.7rem;
        overflow: hidden;
    }
    
    .textos-header {
        margin-top: 8rem;
    }
        .textos-header h1 {
            margin-top: 1rem;
            margin-bottom: 0;
        }
        .textos-header h2 {
            margin-top: 0;
        }
        #contactbtn {
            margin-top: 16rem;
        }
    .lmenuitem {
        top: 6rem;
        /*height: 48rem;*
    }

    #conoce {
        top: 12rem;
    }
    .overlay {
        height: 54rem;
        overflow-y: scroll;
    }

     /******contact*******/

     .form > button {
        left: 9rem;
        width: unset;
    }

        
}

/*okok*/
@media screen and (width: 375px) and (height: 533px) {
    /* launch*****/
    
   .launch, .launchbg, .contenido-header {
        height: 53.3rem;
        max-height: 53.3rem;
        overflow: hidden;
    }
    
    .textos-header {
        margin-top: 8rem;
    }
        .textos-header h1 {
            font-size: 2rem;
            line-height: 2.4rem;
            margin-top: 1rem;
            margin-bottom: 0;
        }
        .textos-header h2 {
            margin-top: 0;
            line-height: 2rem;
        }
        #contactbtn {
            margin-top: 12rem;
        }
    .lmenuitem {
        width: 100%;
        padding: 0 0;
        top: 5rem;
        height: 20rem;
    }
        .ldetail {
            margin-top: 0;
            padding-top: 0rem;
        }
            #lmheader {
                margin-top: -3rem;
                font-size: 1.25rem;
            }
            #lmdesc {
                font-size: 1.2rem;
                line-height: 1.8rem;
                padding-left: 1rem;
                padding-right: 1rem;
            }

    #conoce {
        top: 10rem;
    }
    .overlay {
        height: 42rem;
        overflow-y: scroll;
    }

     /******contact*******/

     .form > button {
        left: 9rem;
        width: unset;
    }

        
}


@media screen and (max-width: 360px) {
    /***CONTENEDORES*/

    .launch {
        max-width: 100%;
        width: 100%;
    }
/*
    .bbsservicios {
        background: greenyellow;
    }
    .sge {
        background: green;
    }
    .industrias {
        background: orange;
    }
    .actualidad {
        background: #0073ff;
    }
    .s-contact {
        background: yellow;
    }
    .avisos {
        background: pink;
    }
*/
    .nav, 
    .launch-cont,
    .contenedorserv,
    .sge-contenedor,
    .industrias-contenedor,
    .actcont,
    .forma-contacto,
    .footer-copy
    {
        width: 30rem;
        max-width: 30rem;
        overflow: hidden;
    }


/**********HEADER**********/
    .nav .logo {
        min-width: 18rem;
        width: 18rem;
        max-width: 18rem;
        margin-left: 0rem;
        margin-right: 0;
        left: 0rem;
        padding: 0rem 0rem;
    }    

    .slogan {
        width: 10rem;
        max-width: 10rem;
    }   
        .slogan > h3 {
            font-size: 1rem;
        }

    .menuham {
        left: -2rem;
    }
        .navham {
            right: 1rem;
        }
    
    .language {
        left: 0rem;
    }
        .language ul {
            top: -4.5rem
        }

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

/******LAUNCH*****/
.contenido-header {
    padding-left: 0;
    padding-right: 0;
}   
    .textos-header {
        width: 100%;
        margin-left: 0%;
        margin-top: 3rem;
        padding-left: 0;
        padding-right: 0;
    }
        .textos-header h1 {
            width: 100%;
            margin-left: 0%;
            font-size: 2rem;
        }
        .textos-header h2 {
            margin-top: 0rem;
            width: 100%;
            margin-left: 0%;
            font-size: 1.6rem;
            line-height: 2.2rem;
        }
     #contactbtn {
        margin-top: 14rem;
        width: 80%;
        margin-left: 9%;
        font-size: 1.4rem;

    }
    .launchmenu {
        width: 100%;
        height: 22rem;
        margin-left: 0%;
        margin-top: -46rem;
    }

        .lmenuitem {
            width: 100%;
            margin-left: 0%;
            height: 22rem;
            top: 0.5rem;
        }
        .lmheader {
            font-size: 1.4rem;
            margin-top: -6rem;
        }
        .lmdesc {
            font-size: 1.25rem;
            font-weight: 300;
        }
    
    #conoce {    
        width: 29rem;
        max-width: 29rem;
        height: 3rem;
        top: 10rem;
        margin-left: -0.5rem;
        padding-bottom: 0.3rem;
        padding-top: 0.6rem;
        font-size: 1.25rem;
        border-radius: 0;
    }



/***servicios****/
    .contenedorserv {
        margin-bottom: 0;
    }

        .contenedorserv .serv-head h2 {
            font-size: 1.8rem;
            width: 100%;
        }
        
        .contenedorserv .serv-head p {
            font-size: 1.45rem;
            line-height: 2rem;
            width: 100%;
        }
    .servscontenedor {
        padding-bottom: 0rem;
        margin-bottom: 0rem;
    }
        .temas {
            max-width: 100%;
            min-height: 100%;
            height: 12.6rem;
            padding: 0rem 0rem;
            margin: 0rem 0rem;
        }

            .temas .temabttn {
                font-size: 1.2rem;
                min-width: 12rem;
                max-width: 12rem;
                min-height: 4.4rem;
                max-height: 4.4rem;
                padding-top: 0.3rem;
                margin-top: 0;
                margin-bottom: 0;
                padding-bottom: 0.4;
                padding-left: .4rem;
                padding-right: .4rem;
                rotate: -90deg;
            }
                #bd365 {
                    margin-left: -3.8rem;
                }
                #bcons {
                    margin-left: -7.43rem;
                }
                #bcust {
                    margin-left: -7.43rem;
                }
                
                #bcap {
                    margin-left: -7.43rem;
                }
                #bpm {
                    margin-left: -7.43rem;
                }
                #bmipe {
                    margin-left: -7.43rem;
                }

                .temas .temabttn.active {
                    font-size: 1.25rem;
                    line-height: 1.5rem;
                }
    .temasCont {
        height: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
        .temasCont .temaContenido {
            margin-bottom: 0;
            padding-bottom: 0;
        }

    #active {
        width: 1.4rem;
    }

    .temaContenido.active {
        height: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .temaContenido.active .col-md-3 {
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        margin-bottom: 2rem;
    }
    .temaContenido.active .temaContHead {
        width: 100%;
        height: 8rem;
        min-height: 8rem;
        max-height: 8rem;
        margin-top: 0;
        padding-bottom: 2rem;
    }

    .temaContenido.active .temaContHead h1 {
        line-height: 1.8rem;
    }

    #MSDyn365.active {
        max-height: 58rem;
        height: 58rem;
        min-height: 58rem;
    }
    #MSDyn365 .temaContHead {
        padding: 1rem 1rem;
        margin-top: 0rem;
        margin-bottom: 0rem;
        justify-content: center;
        height: 8rem;
        min-height: 8rem;
        max-height: 8rem;
    }
        #MSDyn365 .temaContHead h1 {
            top: 0;
            margin-top: 0;
            font-size: 1.8rem;
            line-height: 2.6rem;
            padding-top: 0rem;
            padding-bottom: 0;
            margin-bottom: 0;
        }
        
        #MSDyn365 .temaContHead h2 {
            font-size: 1.25rem;
            line-height: 1.6rem;
            margin-top: 0;
            padding-top: 0.4rem;
            padding-bottom: 0;
            margin-bottom: 0;
        }

        #MSDyn365 .temaContHead h2 span {
            font-size: 1.25rem;
            line-height: 1.6rem;
        }
        .controller {
            top: 43rem;
            left: 18.5rem;
        }
            .controller p {
                font-size: 0.9rem;
                font-weight: 300;
                width: 12.8rem;
                max-width: 12.8rem;
            }

            #line1 p, #line2 p,
            #line3 p, #line4 p,
            #line5 p, #line6 p,
            #line7 p, #line8 p,
            #line9 p, #line10 p,
            #line11 p, #line12 p {
                font-size: 1.1rem;
            }
            #line1 p:hover,#line2 p:hover,#line3 p:hover,#line4 p:hover,#line5 p:hover,#line6 p:hover,
            #line7 p:hover,#line8 p:hover,#line9 p:hover,#line10 p:hover,#line11 p:hover,#line12 p:hover {
                font-size: 1.1rem;
                font-weight: 900;
            }

    #MSDyn365 .temaContDesc {
        margin-top: 0;
        padding-top: 0; 
    }


    #MSDyn365 .temaContDesc .funcionalidadContenedor {
        height: 100%;
        margin-top: -0rem;
        
    }

    .temaContenido.active .temaContDesc {
        width: 100%;
        margin-top: 0;
        height: 58rem;
        padding: 0 0; 
        overflow-y: scroll;
    }
        .temaContenido.active .temaContDesc .funcionalidadContenedor {
            margin-top: 0;
            top: 0;
        }
    .msg-col {
        padding-top: 0;
        margin-top: 0;
    }
        .msg-col h5 {
            width: 16rem;
            min-width: 16rem;
            max-width: 16rem;
            margin-left: 0rem;
            margin-top: 2.5rem;
            font-size: 1.75rem;
            line-height: 2rem;
            transform: rotate(-0deg);
        }  
        .msg-col .msgtextdetail {
            margin-top: 1.5rem;
            margin-left: 0rem;
            padding-left: 0.5rem;
            width: 16rem;
            max-width: 16rem;
            height: 41rem;
            max-height: 41rem;    
        }
            .msgtextdetail h6 {
                font-size: 1.25rem;
                line-height: 1.8rem;    
                margin-left: 0;
            }

        .msg-col a {
            top: -3rem;
            left: -38rem;
            font-size: 1.2rem;
        }
    
    #consultoria .temaContDesc,
    #desarrollo .temaContDesc,
    #capsop .temaContDesc,
    #projman .temaContDesc,
    #mipe .temaContDesc {
        height: 36rem;
    }



    .temaContDesc .servs {
        max-width: 100%;
        overflow-x: hidden;
        padding-left: 0.8rem;
    }
    .temaContDesc .servs p {
        padding-left: 0.1rem;
        font-size: 0.9rem;
    }
    /*
    .temaContDesc .servs p {
        font-size: 0.95rem;
        width: 88%;
        margin-left: 0;
        margin-right: 0;
        margin-top: 1rem;
        padding: 2rem 2rem;
    }
*/
    #consultoria .temaContDesc p,
    #desarrollo .temaContDesc p, 
    #capsop .temaContDesc p,
    #mipe .temaContDesc p,
    #projman .temaContDesc p {
        width: 86%;
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-top: 1rem;
    }


/********SGE******/
    .sge-header h2 {
        width: 100%;
        font-size: 2rem;
        letter-spacing: 0;
        line-height: 3rem;
        margin-bottom: 0.5rem;
    }
    .sge-header p {
        padding: 0rem 2rem;
        padding-left: 0;
        font-size: 1.4rem;
        line-height: 2rem;
        width: 100%;
    }


    .itemtextbox {
        margin-top: 0rem;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        height: 44rem;
        padding-top: 0;
    }
        .item-header {
            margin-top: 0;
            top: 6rem;
            left: -19rem;
            padding-top: 0;
        }
            .item-header .vertical-part b {
                font-size: 1.6rem;
                width: 100%;
                margin-top: 0;
            }
            .item-header:after {
                width: 24rem;    
                margin-left: 24rem;
                height: 0.4rem;
                margin-bottom: 0;
            }

        .item-description {
            max-width: 100%;
            width: 100%;
            margin-top: -2rem;
            margin-left: 0rem;
            height: 34rem;
        }
            .item-description .vertical-part {
                width: 100%;
                margin-left: 0;
                margin-bottom: 0;
                padding-left: 0;
                padding-right: 0;
                justify-content: center;
                justify-items: center;
                align-content: center;
                align-items: center;
            }
                .item-description .vertical-part b {
                    width: 90%;
                    margin-left: 0rem;
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                }
                .vertical-part .solutions,
                .vertical-part .erp-solutions,
                .vertical-part .crm-solutions,
                .vertical-part .pwr-solutionsa,
                .vertical-part .pwr-solutionsb,
                .vertical-part .pwr-solutionsc {
                    font-size: 1rem;
                    width: 100%;
                    max-width: 100%;
                    padding-top: 2.5rem;
                }

    .controls ul li {
        width: 1.2rem;
        height: 1.2rem;
        margin: 0.6rem;
    }


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

    .servdesc-texto h2 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .servdesc-texto p {
        width: 100%;
        font-size: 1.45rem;
        height: 4.6rem;
    }
        .option.active .optioncontent .optiondetail {
            justify-content: baseline;
            padding-top: 0rem;
            padding-bottom: 2rem;
            overflow-y: scroll;
        }
        .option.active .optioncontent .optiondetail p {
            width: 16rem;
            margin-left: 12rem;
            margin-top: 0;
            font-size: 1.28rem;
            line-height: 2rem;
        }

/***********ACTUALIDAD**********/
    .acttexto > h2 {
        font-size: 1.8rem;
        padding-top: 2rem;
        margin-bottom: 1rem;
    }
    .acttexto > p {
        width: 100%;
        font-size: 1.45rem;
        margin-top: 0;
        margin-bottom: 0;
    }
    .actcontainer {
        max-width: 100%;
        margin-top: 0;
        margin-bottom: 4rem;
        padding-top: 1rem;
        padding-bottom: 0;
    }
    .actitems {
        margin-top: 0;
        margin-bottom: 1rem;
        padding-top: 0;
        display: flex;
        flex-direction: column;
    }

        
        .actitems1,
        .actitems2 {
            max-width: 100%;
            min-width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

            .act-item {
                min-width: 100%;
                max-width: 100%;
                height: 8rem;
                padding: 0 0;
                margin: 0.5rem 0rem;
            }
                .act-item > img {
                    margin-top: 0;
                    top: 0;
                    width: 8rem;
                    min-height: 8rem;
                    height: 8rem;
                    max-height: 8rem;
                    opacity: 0.35;
                    border: solid 0.2rem var(--colorTextSpan);
                }
                .act-item .text-box {    
                    background: transparent;
                    margin-left: -0rem;
                    margin-top: -3rem;
                    width: 100%;
                    min-width: 100%;
                    min-height: 8rem;
                    height: 8rem;
                    max-height: 8rem;
                    padding: 0 0;
                }
                    .act-item .text-box .text {
                        height: 8rem;
                        max-height: 8rem;
                        min-height: 8rem;
                        max-width: 100%;
                        min-height: 8rem;
                        max-height: 8rem;
                        margin-top: 0;
                        padding: 0 0;
                        /*justify-content: center;*/
                    }

                        .text > h1 {
                            position: relative;
                            width: 100%;
                            min-height: 6rem;
                            max-height: 6rem;
                            height: 6rem;
                            font-size: 1.25rem;
                            letter-spacing: 0;
                            line-height: 1.6rem;
                            margin-top: 1rem;
                            padding-left: 10rem;
                            text-align: left;
                        }
                           .text h1::after {
                                margin-left: 0%;
                                width: 10%;
                            }
            

                    .act-item .text-box .text .inddesc {
                        height: 40rem;
                        max-height: 40rem;
                        overflow: hidden;
                    }


            .act-item .text-box .text:hover {
                    height: 8rem;
                    max-height: 8rem;
                    min-height: 8rem;
                    max-width: 99%;
                    margin-top: 0;
                    margin-left: 0.2rem;
                    padding: 0 0;
                    transform: none;
                    transition: none;
            }
                .act-item .text-box .text:hover .inddesc {
                    height: 21rem;
                    min-height: 21rem;
                    max-height: 21rem;
                    overflow-y: scroll;
                    display: none;
                }
                .act-item .text-box .text:hover .ind-btn {
                    width: 11rem;
                    margin-left: 16rem;
                    margin-top: -2rem;
                    font-size: 1rem;
                }

            .act-item .text-box .text:hover h1 {
                position: relative;
                width: 60%;
                min-height: 4rem;
                max-height: 4rem;
                height: 4rem;
                font-size: 1.25rem;
                letter-spacing: 0;
                line-height: 1.6rem;
                margin-top: 1rem;
                margin-left: -10rem;
                padding-left: 0rem;
                text-align: left;
                color: var(--colorsectionmaintitle);
            }
                   .act-item .text-box .text:hover h1::after {
                        display: none;
                   }
            .act-item .text-box .text:hover p {
                font-size: 1.25rem;
                line-height: 1.6rem;
                width: 70%;
                margin-left: 15%;
                display: none;
            }
            
            .act-item .text-box #tb9:hover,
            .act-item .text-box #tb10:hover,
            .act-item .text-box #tb1:hover, 
            .act-item .text-box #tb2:hover,
            .act-item .text-box #tb3:hover,
            .act-item .text-box #tb4:hover,
            .act-item .text-box #tb5:hover,
            .act-item .text-box #tb6:hover {
                left: 0rem;
                top: 0rem;
                background-color: #f1f1f1d4;
                
            }





    /******CONTACTO**********/
    
    .contactdesc  h2 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
    .contactdesc p {
        width: 95%;
        margin-left: 5%;
        font-size: 1.45rem;
    }
    .forma-footer {
        margin-top: 2rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 0rem 0rem;
        justify-content: center;
        justify-items: center;
        align-items: center;
    }
        .contact-form {
            width: 100%;
            margin-bottom: 2rem;
            /*box-shadow: none;*/
        }
            .captcharefresh {
                font-size: 1.25rem;
            }
        .footer {
            width: 100%;
            max-width: 100%;
            padding: 0rem 0rem;
            display: flex;
            flex-direction: column;
            margin: 0rem 0rem;
            justify-content: left;
            height: auto;
        }
        .footer-caption {
            position: relative;
            width: 90%;
            max-width: 90%;
            min-width: 90%;
            left: 0rem;
            margin: 0 0;
            margin-left: 10%;
            padding: 0 0;
            align-content: left;
            align-items: left;
            justify-items: left;
            justify-content: left;
            height: auto;
        }
            .empresa {
                height: 25rem;
                max-height: 25rem;
                min-height: 25rem;
            }
            .f-contacto {
                width: 100%;
                min-width: 100%;
                max-width: 100%;
                margin-left: 0%;
                margin-right: 0;
                height: 6rem;
                margin-top: 0;
            }

                #sm {    
                    height: 3.4rem;
                    width: 3.4rem;
                    margin-left: 1.5rem;
                }


/**********AVISOS*********/
    .copyright {
        font-size: 1rem;
    }
    .politica-privacidad, .politica-privacidad1 {
        font-size: 1rem;
    }
}

/*****rotate ok ok****/
@media screen and (width: 360px) and (height: 740px) {
 /* launch*****/
 /*  
 .launch, .launchbg, .contenido-header {
        height: 74rem;
        max-height: 74rem;
        overflow: hidden;
    }


    #contactbtn {
            margin-top: 16rem;
    }
    
    #conoce {
        top: 12rem;
    }
    *
    
*/
    .lmenuitem {
        min-width: 32rem;
        padding-top: 0;
    }
        #lmheader {
            width: 80%;
            margin-left: 10%;
            margin-top: 0;
        }
        #lmdesc {
            font-size: 1.25rem;
            line-height: 2rem;
            width: 90%;
            margin-left: 5%;
        }
    .overlay {
        height: 62rem;
        overflow-y: scroll;
    }

/******contact*******/
    .form > button {
        left: 7rem;
        width: unset;
    }

}
/***rotate okok*/
@media screen and (width: 360px) and (height: 640px) {
    /* launch*****/
   .launch, .launchbg, .contenido-header {
        height: 64rem;
        max-height: 64rem;
        overflow: hidden;
    }
    .contenido-header, .textos-header {
        margin-top: 0;
    }

    .textos-header {
        margin-top: 2rem;
        width: 100%;
        margin-left: 0;
    }
        .textos-header h1 {
            font-size: 2rem;
        }
        .textos-header h2 {
            margin-top: 0;
        }
    #contactbtn {
        margin-top: 14rem;
    }
        .lmenuitem {
            min-width: 36rem;
            margin-left: 0;
            top: 0rem;
            height: 22rem;
        }
            #lmheader {
                width: 76%;
                margin-left: 12%;
            }
            #lmdesc {
                font-size: 1.25rem;
                line-height: 2rem;
                width: 76%;
                margin-left: 12%;
            }

        #conoce {
            top: 10rem;
            left: 0.5rem;
        }
    
    .overlay {
        height: 52rem;
        overflow-y: scroll;
    }
 /******contact*******/
    .form > button {
        left: 7rem;
        width: unset;
    }

}

/*okok*/
/*******Galaxy Z Fold5********/
@media screen and (width: 344px) and (height: 882px) {
   /* launch*****/
    .overlay {
        height: 70rem;
        overflow-y: scroll;
    }
    /******contact*******/
    .form > button {
        left: 7rem;
        width: unset;
    }
}
/*rotate ok ok**/
@media screen and (width: 320px) and (height: 658px) {
   /* launch*****/
   .launch, .launchbg, .contenido-header {
        height: 66rem;
        max-height: 66rem;
        overflow: hidden;
    }
    
    .contenido-header, .textos-header {
        margin-top: 0;
    }
    .textos-header {
        margin-top: 4rem;
        width: 100%;
        margin-left: 0;
    }
        .textos-header h1 {
            font-size: 2rem;
        }
        .textos-header h2 {
            margin-top: 0;
        }
    #contactbtn {
        margin-top: 13.4rem;
    }
        .lmenuitem {
            top: 2rem;
            height: 20rem;
            padding-top: 0;
        }
            .ldetail {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                height: 20rem;
                padding-top: 2rem;
            }

                #lmheader {
                    margin-top: 0;
                    font-size: 1.4rem;
                    line-height: 1.8rem;
                    padding-bottom: 0.4rem;
                }

                #lmdesc {
                    margin-top: 1.4REM;
                    line-height: 2REM;
                    font-size: 1.25rem;
                    letter-spacing: normal;
                    width: 96%;
                    margin-left: 2%;
                }

        #conoce {
            top: 9rem;
            left: 0rem;
        }
    
    .overlay {
        height: 52rem;
        overflow-y: scroll;
    }

/***sge****/
    .temaContDesc .servs {
            height: 3rem;
            margin-top: 0rem;
            text-align: center;
            width: 26rem;
            justify-content: space-between;
        }
        .temaContDesc .servs p {
            font-size: 0.85rem;
            line-height: 1.6rem;
            margin-top: 0.6rem;
            height: 1.6rem;
            margin-right: 0;
            margin-right: 0;
            padding-left: 0rem;
            padding-right: 0.5rem;
        }



    /******contact*******/
    .form > button {
        left: 7rem;
        width: unset;
    }
}

/*okok*/
@media screen and (width: 320px) and (height: 568px) {
    /* launch*****/
   .launch, .launchbg, .contenido-header {
        height: 57rem;
        max-height: 57rem;
        overflow: hidden;
    }
    
    .contenido-header, .textos-header {
        margin-top: 0;
    }
    .textos-header {
        margin-top: 3rem;
        width: 100%;
        margin-left: 0;
    }
        .textos-header h1 {
            font-size: 1.8rem;
            margin-bottom: 0;
        }

        .textos-header h2 {
            font-size: 1.6rem;
            margin-top: 0;
        }
    #contactbtn {
        margin-top: 16rem;
    }
        .lmenuitem {
            top: 4rem;
            height: 20rem;
            padding: 0rem 0.2rem;
        }

         .ldetail {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                height: 20rem;
                padding-top: 2rem;
            }

                #lmheader {
                    font-size: 1.4rem;
                    line-height: 1.6rem;
                    margin-top: 0rem;
                    padding-top: 0;
                }
                #lmdesc {
                    font-size: 1.2rem;
                    width: 100%;
                    margin-left: 0;
                    line-height: 1.4rem;
                    font-weight: 300;
                }
        #conoce {
            top: 11rem;
            left: 0.5rem;
        }
        #contactbtn {
            top: 0rem;
        }
    
    .overlay {
        height: 45rem;
        overflow-y: scroll;
    }
     /******contact*******/
    .form > button {
        left: 7rem;
        width: unset;
    }

}


/**okok*/
@media screen and (width: 320px) and (height: 533px) {
      /* launch*****/
   .launch, .launchbg, .contenido-header {
        height: 54rem;
        max-height: 54rem;
        overflow: hidden;
    }
    
    .contenido-header, .textos-header {
        margin-top: 0;
    }
    .textos-header {
        margin-top: 2rem;
        width: 100%;
        margin-left: 0;
    }
        .textos-header h1 {
            font-size: 1.8rem;
            margin-bottom: 0;
        }

        .textos-header h2 {
            font-size: 1.4rem;
            margin-top: 0;
        }
    #contactbtn {
        top: 1rem;
    }
        .lmenuitem {
            top: 6rem;
            height: 18rem;
            padding: 0rem 0.2rem;
        }
            .ldetail {
                height: 18rem;
            }
            #lmheader {
                font-size: 1.4rem;
                line-height: 1.6rem;
                margin-top: -4rem;
                padding-top: 0;
            }
            #lmdesc {
                font-size: 1.2rem;
                width: 100%;
                margin-left: 0;
                line-height: 1.4rem;
                font-weight: 300;
            }
        #conoce {
            top: 6rem;
            left: 0.5rem;
        }
        #contactbtn {
            margin-top: 9rem;
        }
    
    .overlay {
        height: 45rem;
        overflow-y: scroll;
    }
     /******contact*******/
    .form > button {
        left: 7rem;
        width: unset;
    }


}