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

}
body{
    overflow-x: hidden;
}
@font-face {
    font-family:Avenir-Next-Bold ;
    src: url("../fonts/Metropolis/Metropolis-Bold.otf");
}

@font-face {
    font-family: Avenir-Next-Regular;
    src: url("../fonts/Metropolis/Metropolis-Regular.otf");
}
@font-face {
    font-family: Avenir-Next-Demi;
    src: url("../fonts/Metropolis/Metropolis-SemiBold.otf");
}
#videoPortada{
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin:  0 auto;
}

.tituloPagina{
    z-index: 50;
    font-size: 15pt;
    color: #fff;
    position: absolute;
    top: 15%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.intro{
    padding: 20px;
    margin: 20px;
    
}

.intro .titulo{
    color: #FCD168;
    font-family: Avenir-Next-Bold;
    font-size: 20pt;
    width: 100%;
    
}
.intro .texto{
    font-size: 10pt;
    font-family: Avenir-Next-Regular;
    color: #212D40;
}

.intro img{
    width: 90%;
    display: block;
    margin: 0 auto;
}

.subtitulo{
    color: #212D40;
    font-family: Avenir-Next-Bold;
    font-size: 20pt;
    text-align: center;
}
.section-soluciones{
    background-color: #212D40;
    padding: 20px;
}
.section-soluciones .subtitulo{
    color: #fff;
}
.estadisticas{
    padding: 20px;
    margin: 20px;
    text-align: center;
}

.estadisticas .numero{
    color: #F6D268;
    font-size: 34pt;
    font-family: Avenir-Next-Demi;
}
.estadisticas .datos{
    color: #364156;
    font-size: 10pt;
    font-family: Avenir-Next-Bold;
}

.datos{
    margin: 20px;
    padding: 20px;
}

.datos img{
    margin-top: 50px;
    width: 110%;
}

.acerca-intro, .contacto-intro{
    text-align: justify;
}
.proyectos{
    padding: 20px;
    margin: 20px;
}

.clientes{
    padding: 20px;
    margin: 20px;
}

.clientes .subtitulo{
    text-align: center;
}
.clientes figure{
    text-align: center;
    width: 100%;
}
.clientes img{
    margin: 10px;
    width: 50%;
}

.clientes figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.clientes figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

/*ABOUT*/
main.encabezado
{
     position: absolute;
	top: 70vh;
	width: 100wh;
	box-sizing: border-box;
	text-align: center;
	z-index: 1; 
    
    width: 100%;
    height: auto;
	overflow-x: hidden;
    background-color: transparent;
 }

 /*------SECCION UNO---------*/
section.seccion-uno-contenedor{
    top: 50px;
	text-align: center;
	height: 40vh;
	display: table;
    position: relative;
    width: 100%;
}


section.seccion-uno-contenedor div.cont{
	display: table-cell;
    vertical-align: middle;
	position: relative;
    margin: 0 auto 0 auto;
    max-width: 1200px;
}


section.seccion-uno-contenedor div.descripcion div.titulo{
    font-size: 35pt;
    color: #fff;
    font-family: Avenir-Next-Bold;
}



#acerca {
    overflow: hidden;
    max-width: 2000px;
    margin: 0 auto;
    font-family: poppins;
    font-weight: bold;
	position: absolute;
	top: 100px;
	width: 100%;
	padding: 20px;
    left: 0;
    right: 0;
	box-sizing: border-box;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: url('../images/acercaHeader.png');
    background-size: cover;
    background-position: center;
	pointer-events: none;
}
.section-team{
    background-color: #ECEFF8;
    padding: 20px;
    margin: 30px 0px 40px 0px;
}
.section-team .subtitulo{
    margin: 20px 0px;
}
.owl-carousel .owl-item figure{
    text-align: center;
    width: 100%;
}
.owl-carousel .owl-item .imgTeam{
    width: 50%;
    position: relative;
    margin:  0 auto;
}
.section-team .nombre{
    color: #212D40;
    font-size: 13pt;
    font-family: Avenir-Next-Bold;
}


.section-team .puesto{
    color: #A1A6AE;
    
    font-size: 8pt;
    font-family: Avenir-Next-Demi;
}
.section-team .linkTeam{
    text-align: center;
}
.owl-carousel .owl-item .icLinkedin{
    width: 20px;
    position: relative;
    margin:  0 auto;
}
#contacto{
    overflow: hidden;
    max-width: 2000px;
    margin: 0 auto;
    font-family: poppins;
    font-weight: bold;
	position: absolute;
	top: 100px;
	width: 100%;
	padding: 20px;
    left: 0;
    right: 0;
	box-sizing: border-box;
	text-align: center;
	background-image: url('../images/contactoHeader.png');
    background-size: cover;
    background-position: center;
}


.formulario{
    background-color: #FCD168;
  position: relative;
    width: 100%;
}
.formulario img{
    position: absolute;
    right: 0;
    bottom: 0;
    height: 250px;
}
.formulario .titulo{
    color: #fff;
    margin-top: 15px;
    font-family: Avenir-Next-Bold;
    font-size: 15pt;
    text-align: center;
}

.formulario .txtBox{
    height: 50px;
    font-size: 10pt;
    color: #a7abb2;
    margin: 10px 10px 0px 10px;
    padding: 5px 15px;
    font-family:  Avenir-Next-Demi;
    width: 90%;
    background-color: #F5F4F4;
    border-color: transparent;
    box-shadow: 2px 2px 2px 1px rgba(172, 172, 172, 0.466);
}
iframe{
    margin: 50px 0px;
}

.cmd {
    background-color: #364156 !important;
    color: #FFF !important;
    width: 150px;
    border-color: transparent;
    font-family:  Avenir-Next-Bold;
    border-radius: 5px;
    margin: 10px 15px !important;
    float: left;
    clear: both;
    padding: 5px 0px;
    font-size: 12pt;
}
main .informacionExito{
    margin: 50 200px !important;
    padding: 20px;
}

.informacionExito .titulo{
    font-family:  Avenir-Next-Bold;
    color: #212D40;
    font-size: 30pt;
}
.informacionExito img{
    width: 50%;
    margin: 20px auto;
}
.informacionExito .subtitulo{
    color: #212D40;
    font-size: 15pt;;
}

/*Celulares*/
@media (min-width: 425px) { 
    .cmd {
     
        margin: 10px 25px !important;
        float: left;
        clear: both;
    }
    .tituloPagina{
        z-index: 50;
        font-size: 15pt;
        color: #fff;
        position: absolute;
        top: 20%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
 }
/*Tablets*/

@media (min-width: 768px) { 
    .intro{
        padding: 50px;
        
    }
    .intro .titulo{
        font-size: 21pt;
    }
    .intro .texto{
        font-size: 12pt;
    }
    .clientes figure{
        margin-top: 30px;
    }
    .clientes figure{
        text-align: center;
        width: 100%;
    }
    .clientes img{
        margin: 0px;
        width: 100%;
    }
    section.seccion-uno-contenedor div.descripcion div.titulo{
        font-size: 45pt;
    }
    .datos img{
        margin-top: 50px;
        width: 150%;
    }
    .formulario{
        padding: 0 50px;
    }
    .formulario .txtBox{
        height: 50px;
        font-size: 10pt;
        color: #a7abb2;
        
        font-family:  Avenir-Next-Demi;
        width: 100%;
    }

    .cmd {
     
        margin: 10px 10px !important;
        float: left;
        clear: both;
    }

    .tituloPagina{
        z-index: 50;
        font-size: 35pt;
        color: #fff;
        position: absolute;
        top: 30%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    .informacionExito .titulo{
        
        font-size: 35pt;
    }
    .informacionExito img{
        width: 50%;
        margin: 20px auto;
    }
    .informacionExito .subtitulo{
 
        font-size: 18pt;;
    }
}

/*Desktops */
@media (min-width: 992px) { 
    .intro{
        margin: 50px;
        
    }
    .intro .titulo{
        font-size: 25pt;
        margin: auto;
    }
    .intro .texto{
        font-size: 15pt;
    }

    .intro img{
        src: url("../images/intro.png");
        width: 80%;
    }

    .estadisticas{
        padding: 20px;
        margin: 20px;
        text-align: center;
    }
    
    .estadisticas .numero{
        font-size: 45pt;
    }
    .estadisticas .datos{
        font-size: 12pt;
    }
    .clientes figure{
        margin-top: 50px;
    }
    section.seccion-uno-contenedor div.descripcion div.titulo{
        font-size: 50pt;
    }
    .datos img{
        margin-top: 50px;
        width: 120%;
    }
    .formulario .titulo{
        font-size: 20pt;
    }

    .formulario{
        padding: 0 200px;
    }

    .formulario .txtBox{
       margin: 20px 0px;
    }

    .informacionExito .titulo{
        
        font-size: 40pt;
    }
    .informacionExito img{
        width: 30%;
        margin: 20px auto;
    }
    .informacionExito .subtitulo{
 
        font-size: 22pt;;
    }
    .videoDiv{
        height: 70vh;
        overflow: hidden;
    }
    #videoPortada{
       width: 100%;
       
        overflow: hidden;
    }
 }

/*Large desktops*/
@media (min-width: 1200px) { 
    .intro{
        margin: 50px;
    }
    .subtitulo{
        font-size: 25pt;
        text-align: center;
    }
    .datos img{
        margin-top: 50px;
        width: 100%;
    }
 }

/*Larger desktops*/
@media (min-width: 1400px) { 
   
    .intro{
        padding: 50px;
    }
    .intro img{
        width: 50%;
        display: block;
        margin: 0 auto;
    }
 
    .formulario{
        padding: 0 300px;
    }

    .tituloPagina{
        z-index: 50;
        font-size: 60pt;
        
        position: absolute;
        top: 35%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
 }

.manual .titulo {
    margin-top: 10px;
    font-size: 25pt;
    color: #F6D268 !important;
}
.manual .descripcion{
    color:#212529 ;
    font-size: 18px;
}
.manual{
    margin: 20px;
}

.manual ul li, .manual ul li a{
    list-style-type: none;
    font-size: 15px;
    color: #666666;
}

.manual ul li a:hover{
    color: #F6D268;
}

.manual ul li i{
    color: #F6D268;
}

.tituloEntrada {
    color: #212D40;
}

.manual .list-group-item.active {
    background-color: #F6D268 !important;
    border-color: #F6D268 !important;
    color: #fff !important;
}
.manual .list-group-item .active a{
    color: #fff !important;
}