@font-face {
    font-family: 'ArgentumSansBold';
    src: url('/fuentes/ArgentumSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

@font-face {
    font-family: 'ArgentumSansItalic';
    src: url('/fuentes/ArgentumSans-ExtraBoldItalic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

@font-face {
    font-family: 'ArgentumSansRegular';
    src: url('/fuentes/ArgentumSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}  

* {
margin:0px;
padding:0px;
}

body {
background: #000000;
overflow-x: hidden;
}

.logobbb {
    display: none;
}

#NAVEGAR {
background: transparent !important;
}

@media (max-width: 1120px) {
    
    .sec01 h1,h2 {
        font-style: italic;
        color:#ffffff;
        font: bold 6em 'ArgentumSansItalic' !important;
        -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    
}

@media (max-width: 991.98px) {
    #PymeSeccion h1, h2{
        font: bold 1000% 'ArgentumSansItalic' !important; 
    }
    #SeccionSpeedTest {
        font-size: 65%;
        -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
    }
    .textoPYmes {
        font: bold 1em 'ArgentumSansItalic','SemiBold' !important;
        color:#222255;
        top:-20px !important;
    }
    .textoFactibilidad {
        font: normal 3em 'ArgentumSansRegular';
        color: white;
        margin-top: 40%;
    }
    .offcanvas-collapse {
    position: fixed;
    top: 56px; /* Height of navbar */
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    transition: transform .3s ease-in-out, visibility .3s ease-in-out;
    }
    .PARTE4_MOSTRAR {
    position: absolute !important;
    left:0% !important;
    top:0% !important;
    width:100% !important;
    height:100% !important;
    }
    nav {
    background: #ffffff;
    -moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
    -o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
    -webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
    -ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
    box-shadow:0px 0px 7px rgba(0,0,0,0.5);
    }
    .modalDerecho {
    position: initial !important;
    padding:10px;
    text-align: center;
    border-radius: 30px 0px 0px 30px;
    -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
    -o-box-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
    -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
    -ms-box-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
    box-shadow:0px 0px 0px rgba(0,0,0,0.5) !important;
    }
    .modalDerecho a {
    display:inline-block !important;
    margin-top:10px;
    }
    .offcanvas-collapse.open {
    background: #ffffff;
    visibility: visible;
    transform: translateX(-100%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    }
    #logoprincipal {
    visibility: hidden
    }
    #logoprincipal_span {
    background-image: url('../img/logo-mangonet-negro.png');
    background-repeat: round;
    margin: 5px;
    margin-left: 25px;
    margin-top: 12px;
    }
    #OPCIONES_UL {
    margin-top: 70px !important;
    }
    .navbar-toggler-icon:hover {
        -webkit-filter: invert(1);
        filter: invert(1);
        border: 2px solid white;
    }
    .link-nave {
        color: #000000 !important; 
    }
    .text-white {
        --bs-text-opacity: 1;
        color: #000000 !important; 
    }
    .navbar-toggler-icon {
        -webkit-filter: invert(0) !important; 
        filter: invert(0) !important; 
        border: 2px solid transparent !important;
        display: inline-block;
        width: 1.5em !important;
        height: 2.5em;
        vertical-align: middle;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    .logo {
        width: 210px;
        margin: 0px !important;
        height: auto;
        margin-left: 10px;
    }
    .nav-item {
    margin-left: 0px !important;
    margin-top: 10px;
    }
    .logoaa {
        display: none;
    }
    .logobbb {
        display: block;
        position: absolute;
        left:5px;
        top:2px;
    }
    .cara {
    position:absolute;
    right:-3% !important;
    bottom:50% !important;
    width:160px !important;
    height:auto;
    }
}


@keyframes entradaCabeza {
    0% {
        transform: translateX(9000px);
        -moz-opacity:0;
        -o-opacity:0;
        -webkit-opacity:0;
        -ms-opacity:0;
        opacity:0;
        width:0%;
    }
    100% {
        transform: translateX(0px);
        -moz-opacity:1;
        -o-opacity:1;
        -webkit-opacity:1;
        -ms-opacity:1;
        opacity:1;
        width:100%;
    }
}

.animacionentradaCabeza {
-webkit-animation-name: entradaCabeza;
animation-name: entradaCabeza;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}


@keyframes entradaCabeza2 {
    0% {
        transform: translateX(9000px);
        -moz-opacity:0;
        -o-opacity:0;
        -webkit-opacity:0;
        -ms-opacity:0;
        opacity:0;
        width:0%;
    }
    100% {
        transform: translateX(0px);
        -moz-opacity:1;
        -o-opacity:1;
        -webkit-opacity:1;
        -ms-opacity:1;
        opacity:1;
        width:100%;
    }
}

.animacionentradaCabeza2 {
-webkit-animation-name: entradaCabeza2;
animation-name: entradaCabeza2;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}

#CARAANIM {
    display: none;
}
#CARAANIM2 {
    display: none;
}


@media (max-width: 830px) {
    .textoFactibilidad {
        font: normal 2em 'ArgentumSansRegular' !important;
        color: white;
        margin-top: 45% !important;
    }
    #conectamosFelicidadSeccion h1, h2{
        font: bold 250% 'ArgentumSansItalic' !important;     
    }
    #PymeSeccion h1, h2{
        font: bold 700% 'ArgentumSansItalic' !important; 
        color:#ffffff !important;    
    }
    .textoPYmes {
        font: bold 1em 'ArgentumSansItalic','SemiBold';
        top:-7px !important;
    }
    .cara {
        display: none;
    }
    .cara2 {
        display: none;
    }
    #logoprincipal_span {
    margin-top: 5px !important;
    }
    .pos-cara {
    position:relative;
    margin-top: 0px !important;
    }
    #CARAANIM {
        display: block !important;
    }
    #CARAANIM2 {
        display: block !important;
    }
    .PARTE4_MOSTRAR {
    position: absolute !important;
    left:0% !important;
    top:0% !important;
    width:100% !important;
    height:100% !important;
    }
    .caraArriba {
        width:80%;
        max-width: 400px;
        margin: 0px auto;
        margin-top: -15%;
        transform: translate(0px,7%);
    }
    .caraArriba2 {
        width:80%;
        max-width: 400px;
        margin: 0px auto;
        margin-top: -15%;
    }
    #SeccionSpeedTest {
    font-size: 50%;
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    }
    #botonSpeedTest {
    width: 80% !important;
    }
    #secrow0c {
        display: none;
    }
    #secrow0b {
        display: none;
    }
    #secrow0b2 {
        display: none;
    }    
    #secrow0 {
        display: none;
    }
    #secrow1c {
        width:100% !important;
        font-size: 85%;
    }
    #secrow1 {
        width:100% !important;
        font-size: 85%;
    }
    #secrow1b {
        width:100% !important;
        font-size: 85%;
    }
    #secrow1b2 {
        width:100% !important;
        font-size: 85%;
    }
    #lefts2b div {
        -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        font-size:5em !important;
    }
    #rights2b {
        -o-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        -moz-opacity:0;
        -o-opacity:0;
        -webkit-opacity:0;
        -ms-opacity:0;
        opacity:0;
    }
}


#PymeSeccion h1, h2{
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color:#ffffff;
    font: bold 1700% 'ArgentumSansItalic';     
}

.logoaa {
margin-top: 0px;
}

.nav-scroller .nav {
color: rgba(255, 255, 255, .75);
}

.nav-scroller .nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: .875rem;
color: #6c757d;
}

.nav-scroller .active {
font-weight: 500;
color: #343a40;
}

.logo {
width:230px;
height:auto;
margin-top: 10px;
}

.logoFooter {
width:85%;
min-width:220px;
height:auto;
margin-top: 10px;
}

.btn-mangonet-sm {
display: inline-block;
background:#F39524;
color:#ffffff;
text-decoration: none;
padding:7px 7px;
font: normal 0.8em 'ArgentumSansBold','SemiBold';
min-width:100px;
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
}

.btn-mangonet-sm:hover {
background:#ffffff;
color:#000000;
}

.link-nave {
color:#ffffff; 
font: normal 0.8em 'ArgentumSansBold','SemiBold';
text-decoration: none;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.link-nave:hover {
border-bottom:3px solid #F39524;
}

.dropdown-toggle::after {
display: none;
}

.flecha {
display: inline-block;
margin-left: 0.355em;
vertical-align: 0.255em;
color: #000000;
background: #ffffff;
font-size:0.6em;
padding:0px 3px;
border-radius: 50%;
}

.btn-mangonet2 {
display: block;
background:#ffffff;
color:#000000;
text-decoration: none;
padding:7px 7px;
font: bold 0.8em 'ArgentumSansBold','SemiBold';
}

.btn-mangonet2:hover {
background:#ffffff;
color:#F39524;
}

#fondov0 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
object-fit: cover;
z-index:-1;
}

#fondovv0 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
object-fit: cover;
z-index:-1;
}

#fondov1 {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #222255;
z-index: -1;
background-attachment: local;
background-repeat: no-repeat;
background-position: 0px 0px;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;
-moz-opacity: 0.40;
-o-opacity: 0.40;
-webkit-opacity: 0.40;
-ms-opacity: 0.40;
opacity: 0.40;
}

#fondov2 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:#000000;
z-index:-1;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;
-moz-opacity:0.5;
-o-opacity:0.5;
-webkit-opacity:0.5;
-ms-opacity:0.5;
opacity:0.5;
}

.sec0 {
position:relative;
text-align:center;
display:table;
height:100vh;
width: 100%;
}

.degradado-bottom {
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:120px;
background: linear-gradient(0deg, black 2%, transparent 70%);
background: -moz-linear-gradient(0deg, black 2%, transparent 70%);
background: -webkit-linear-gradient(90deg, black 2%, transparent 70%);
background: -o-linear-gradient(0deg, black 2%, transparent 70%);
background: -ms-linear-gradient(0deg, black 2%, transparent 70%);
}

.degradado-top {
position:absolute;
left:0px;
top:0px;
width:100%;
height:70px;
background: linear-gradient(180deg, black 2%, transparent 70%);
background: -moz-linear-gradient(180deg, black 2%, transparent 70%);
background: -webkit-linear-gradient(270deg, black 2%, transparent 70%);
background: -o-linear-gradient(180deg, black 2%, transparent 70%);
background: -ms-linear-gradient(180deg, black 2%, transparent 70%);
}

.esptop p {
margin-top: -25px;
}

.imagen-degradado-bottom {
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-o-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-moz-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-ms-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
}

.imagen-degradado-top {
-webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-o-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-moz-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-ms-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
mask-image: linear-gradient(to top, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
}

.imagen-degradado-bottom-top {
-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-o-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-moz-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
-ms-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 70%, transparent 100%);
}

.sec00 {
display:table-cell;
vertical-align:middle;
height:100vh;
}

.sec01 h1,h2 {
font-style: italic;
color:#ffffff;
font: bold 8em 'ArgentumSansItalic';
}

.pos-cara {
position:relative;
margin-top: -30px;
}

.cara {
position:absolute;
right:0%;
bottom:55%;
width:20%;
z-index:-1;
height:auto;
}

.cara2 {
position:absolute;
right:10%;
bottom:0%;
width:20%;
z-index:9999;
height:auto;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width:5px;
}

::-webkit-scrollbar-button:increment,.contenedor::-webkit-scrollbar-button {
    display: none;
} 

::-webkit-scrollbar:horizontal {
    height: 10px;
}

::-webkit-scrollbar-thumb {
    background-color: #797979;
    border-radius: 20px;
}

::-webkit-scrollbar-track {
    border-radius: 10px;  
}

.btn-mangonet {
display: inline-block;
background:#F39524;
color:#ffffff;
text-decoration: none;
padding:20px 20px;
font: normal 0.9em 'ArgentumSansBold','SemiBold';
min-width:150px;
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
border:0px solid transparent;
}

.btn-mangonet:hover {
background:#ffffff;
color:#000000;
}

.ver-planes-texto {
font: bold 2.5em 'ArgentumSansItalic';
color:white;
}

.fondo-seccion-2a {
position:relative;
}

.fondo-seccion-2 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background:#ffffff;
z-index:-1;/*
background: url('../img/Fondo-pagina2.jpg');
background-attachment: local;
background-repeat: no-repeat;
background-position: 0% 31.2%;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;*/
}

.inicialOcultoPasado {
position: absolute;
left:0px;
top:0px;
width:100%;
height:100%;
transform: translateX(-4000px);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.inicialOculto {
position: absolute;
left:0px;
top:0px;
width:100%;
height:100%;
transform: translateX(4000px);
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.inicialLeft {
position: absolute;
left:0px;
top:0px;
width:100%;
height:100%;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.inicialLeft2 {
position: absolute;
left:0px;
top:0px;
width:100%;
height:100%;
width:200%;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.mov0 {
transform: translateX(0px);
-o-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}

.inicialRight {
position: relative;
left:0px;
top:0px;
width:100%;
height:100%;
transform: translateX(0deg);
-o-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
transition: all 1s ease 0s;
width:100%;
}

.conose-factibilidad {
font: normal 0.6em 'ArgentumSansRegular';
color:white;
}

.video-factibiliad-caja {
-moz-border-radius: 10%;
-o-border-radius: 10%;
-webkit-border-radius: 10%;
-ms-border-radius: 10%;
border-radius: 10%;
position:absolute;
left:0px;
top:20%;
width:100%;
height:70%;
object-fit: cover;
z-index:-1;
}

.fondo-video-factibilidad {
background: url('../img/Fondo-pagina2.jpg');
background-attachment: local;
background-repeat: no-repeat;
background-position: 0% 45.5%;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;
z-index:1;
}

.btn-mangonet-white-green {
display: inline-block;
background:#ffffff;
color:#000000;
text-decoration: none;
padding:5px 20px;
width:50%;
font: bold 1.2em 'ArgentumSansItalic','SemiBold';
min-width:150px;
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
border:0px solid transparent;
}

.btn-mangonet-white-green:hover {
background:rgb(96,170,70);
color:#ffffff;
}

.video-speedtest-caja {
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px;
position:absolute;
left:0px;
top:0%;
width:100%;
height:100%;
object-fit: cover;
z-index:-1;
}

.imagen2 {
background: #f7f7f7 !important;
}

.imagen3 {
background: url('../img/Fondo-pagina2.jpg');
background-attachment: local;
background-repeat: no-repeat;
background-position: 0% 50.5%;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;
}

.imagen4 {
background: url('../img/Fondo-pagina2.jpg');
background-attachment: local;
background-repeat: no-repeat;
background-position: 0% 75.5%;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;
}

.imagen5 {
background: url('../img/Fondo-pagina2.jpg');
background-attachment: local;
background-repeat: no-repeat;
background-position: 0% 50.5%;
-webkit-background-size: 110%;
-moz-background-size: 110%;
-o-background-size: 110%;
background-size: 110%;
}

.logo-boton {
width:25px;
height:25px;
margin-top: -5px;
margin-right: 5px;
}

.btn-mangonet-white-blue {
display: inline-block;
background:#ffffff;
color:#000000;
text-decoration: none;
padding:5px 20px;
width:50%;
font: bold 1.2em 'ArgentumSansItalic','SemiBold';
min-width:150px;
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
border:0px solid transparent;
}

.btn-mangonet-white-blue:hover {
background:rgb(38,164,227);
color:#ffffff;
}

.footerv {
border-radius: 30px 30px 0px 0px;
text-align: left;
}

.titulo-footer {
font: bold 1em 'ArgentumSansItalic','SemiBold';
padding-left:10px;
border-left: 3px solid #48BF74;
}

.linkfooter {
font: normal 1em 'ArgentumSansRegular';
padding-left:5px;
border-left: 3px solid #48BF74;
text-decoration: none;
color:#000000;
}

.linkfooter:hover {
font: normal 1em 'ArgentumSansRegular';
padding-left:5px;
border-left: 3px solid #48BF74;
text-decoration: none;
color:#000000;
}

.modalDerechoFijo {
position: absolute;
right:0px;
top: 350px;
padding:10px;
z-index: 99;
border-radius: 30px 0px 0px 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-moz-opacity:0;
-o-opacity:0;
-webkit-opacity:0;
-ms-opacity:0;
opacity:0;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}

.OcultarModalDerechoFijo {
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-opacity:0;
-o-opacity:0;
-webkit-opacity:0;
-ms-opacity:0;
opacity:0;
}

.MostrarModalDerechoFijo {
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-moz-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
-ms-opacity:1;
opacity:1;
}

.modalDerechoFijo a {
display:block;
margin-top:10px;
}

.modalDerecho {
position: fixed;
right:0px;
bottom: 200px;
padding:10px;
z-index: 99;
border-radius: 30px 0px 0px 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
}

.modalDerecho a {
display:block;
margin-top:10px;
}

.modalDerechoA {
border:0px;
}

.modalLogoButton {
width:32px;
height:32px;
}

.modalLogoButton:hover {
-moz-transform: scale(1.2,1.2);
-o-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
-ms-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
-webkit-filter: invert(1);
filter: invert(1);
background: #48BF74;
border-radius: 50%;
}

.facebook_btn {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/facebook.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
}

.facebook_btn:hover {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/facebookHover.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
}

.twitter_btn {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/twitter.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
}

.twitter_btn:hover {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/twitterHover.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
}

.instagram_btn {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/instagram.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
}

.instagram_btn:hover {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/instagramHover.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
}

.telegram_btn {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/telegrama.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
}

.telegram_btn:hover {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/telegramaHover.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
}

.whatsapp_btn {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/whatsapp.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
}

.whatsapp_btn:hover {
display: inline-block;
padding: 0px;
margin: 0px;
width:32px;
height:32px;
background-image: url('../img/whatsappHover.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 0px 0px;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
-moz-filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.5));
}

    

.navbar-toggler-icon {
-webkit-filter: invert(1);
filter: invert(1);  
border:2px solid white;
display: inline-block;
width: 2.5em;
height: 2.5em;
vertical-align: middle;
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}

.navbar-toggler-icon:hover {
-webkit-filter: invert(1);
filter: invert(1);  
border:2px solid white;
}

.textoultimo {
font: normal 1em 'ArgentumSansRegular';
}

.PARTE1_AT {
position: relative;
left:0%;
top:0%;
width:100%;
height:100%;
z-index: 9999;
}

.PARTE1 {
position: absolute;
left:0%;
top:25%;
width:100%;
height:100%;
z-index: 9999;
}

.PARTE2 {
position: absolute;
left:0%;
top:25%;
width:100%;
height:100%;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
transform: translate(1000px);
-moz-opacity:0;
-o-opacity:0;
-webkit-opacity:0;
-ms-opacity:0;
opacity:0;
z-index: 9999;
}

.PARTE3_OCULTAR {
position: absolute;
left:0%;
top:25%;
width:100%;
height:100%;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
transform: translate(-1000px);
-moz-opacity:0;
-o-opacity:0;
-webkit-opacity:0;
-ms-opacity:0;
opacity:0;
z-index: 9999;
}

.PARTE4_MOSTRAR {
position: absolute;
left:0%;
top:25%;
width:100%;
height:100%;
-o-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
transform: translate(0px);
-moz-opacity:1;
-o-opacity:1;
-webkit-opacity:1;
-ms-opacity:1;
opacity:1;
z-index: 9999;
}

.textoFactibilidad {
font: normal 3em 'ArgentumSansRegular';
color:white;
margin-top: 10%;
}

.TEXTO_QUIENSON {
font: normal 2em 'ArgentumSansRegular';
color:white;
}

.OCULTAR_ANIM_SOMOS {
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: rotate(-360deg);
    -moz-opacity:0;
    -o-opacity:0;
    -webkit-opacity:0;
    -ms-opacity:0;
    opacity:0;
    z-index: 9999;
    height: 0px;
}

.MOSTRAR_ANIM_SOMOS {
    -o-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    transform: rotate(0deg);
    -moz-opacity:1;
    -o-opacity:1;
    -webkit-opacity:1;
    -ms-opacity:1;
    opacity:1;
    z-index: 9999;
    height: auto;
}

.NARANJATEXTO {
color:rgb(243,149,36);
}

.GREENTEXTO {
color:rgb(95,176,98);
}

.btn-mangonet-black-green {
display: inline-block;
background:#000000;
color:#ffffff;
text-decoration: none;
padding:10px 20px;
width:50%;
font: bold 1.2em 'ArgentumSansItalic','SemiBold';
min-width:70%;
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
border:0px solid transparent;
}

.btn-mangonet-black-green:hover {
background:rgb(96,170,70);
color:#ffffff;
}

.btn-mangonet-black-green-rounded {
display: inline-block;
background:#000000;
background-image: url('../img/triangulo.png');
background-size: 85%;
background-position: 3px 0px;
background-repeat: no-repeat;
transform: rotateZ(90deg);
-webkit-transform: rotateZ(90deg);
-moz-transform: rotateZ(90deg);
-o-transform: rotateZ(90deg);
-ms-transform: rotateZ(90deg);
color:#ffffff;
text-decoration: none;
padding:10px;
width:50%;
font: bold 1.2em 'ArgentumSansItalic','SemiBold';
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
border:0px solid transparent;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}


.textoPYmes {
display: inline-block;
position: absolute;
top:-40px;
left:40px;
background:#000000;
color:#ffffff;
text-decoration: none;
padding:10px;
width:auto;
font: bold 1.6em 'ArgentumSansItalic','SemiBold';
border-radius: 30px;
-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-o-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
-ms-box-shadow:0px 0px 7px rgba(0,0,0,0.5);
box-shadow:0px 0px 7px rgba(0,0,0,0.5);
border:0px solid transparent;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
-ms-border-radius: 30px;
margin-top: -20px;
}

.textoSombra {
    -moz-text-shadow:0px 0px 7px rgba(0,0,0,0.5);
    -o-text-shadow:0px 0px 7px rgba(0,0,0,0.5);
    -webkit-text-shadow:0px 0px 7px rgba(0,0,0,0.5);
    -ms-text-shadow:0px 0px 7px rgba(0,0,0,0.5);
    text-shadow:0px 0px 7px rgba(0,0,0,0.5);
}



@media (max-width: 430px) {
    #PymeSeccion h1, h2{
        font: bold 400% 'ArgentumSansItalic' !important; 
    }
    .textoPYmes {
        font: bold 0.8em 'ArgentumSansItalic','SemiBold' !important;
        color:#ffffff;
        top:10px !important;
    }

    #pr0 {
    max-height:289px;
    }
    #pr1 {
    max-height:289px;
    }   
    
    #menuFlotanteFijo {
        display: none;
    }
}

.textoMenu {
font: normal 0.8em 'ArgentumSansBold','SemiBold';
}