@font-face {
  font-family: 'worksans-black';
  src: url('../fonts/WorkSans-Black.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-bold';
  src: url('../fonts/WorkSans-Bold.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-eb';
  src: url('../fonts/WorkSans-ExtraBold.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-el';
  src: url('../fonts/WorkSans-ExtraLight.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-light';
  src: url('../fonts/WorkSans-Light.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-medium';
  src: url('../fonts/WorkSans-Medium.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-regular';
  src: url('../fonts/WorkSans-Regular.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-sb';
  src: url('../fonts/WorkSans-SemiBold.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

@font-face {
  font-family: 'worksans-thin';
  src: url('../fonts/WorkSans-Thin.ttf'); /* IE9 Compat Modes */
  /*src: url('webfont.eot?#iefix') format('embedded-opentype'), 
       url('webfont.woff2') format('woff2'),  Super Modern Browsers 
       url('webfont.woff') format('woff'), Pretty Modern Browsers 
       url('webfont.ttf')  format('truetype'), Safari, Android, iOS 
       url('webfont.svg#svgFontName') format('svg');  Legacy iOS*/ 
}

.work-bold{
    font-family: 'worksans-bold' !important;
}

.work-black{
    font-family: 'worksans-black' !important;
}

.work-regular{
    font-family: 'worksans-regular' !important;
    font-weight: normal;
}

.work-light{
    font-family: 'worksans-light' !important;
}

.work-thin{
    font-family: 'worksans-thin' !important;
}

.work-sb{
    font-family: 'worksans-sb' !important;
}

.work-medium{
    font-family: 'worksans-medium' !important;
}

.work-eb{
    font-family: 'worksans-eb' !important;
}

.work-el{
    font-family: 'worksans-el' !important;
}


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

@media screen and (max-width: 991px){
    .contenedorServicios {
        min-height: 180px !important;
    }
}

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

}


@media screen and (max-width: 771px){
    .header-nav.navbar-transparent.animated-active {
        background-color: #323296 !important;
    }
    
    .contenedorCaracteristica {
        padding-left: 8.33333333% !important;
    }
    
    .txt-Somos,.txt-SomosD{
        text-align: center;
            display: block;
    margin: 0 auto;
    }
    
    .textServicio {
        font-size: 14px !important;
    }
    
    .contenedorServicios1 .textServicio1{
        font-size: 13px !important;
    }
    
    .mapaSitio li {
        text-align: left;
        margin: 0;
        height: auto !important;
        line-height: 1.2;
        margin-bottom: 5px !important;
    }
    
    .contenedorServicios1 img{
        max-height: 45px;
        margin: 0 auto;
        display: block;
    }
    
    #carouselC img{
        display: block;
        margin: 0 auto;
    }
    
    .contenedorServicios1{
        min-height: 170px !important;
        display: initial !important;
    }
    
    .menuzord-brand img {
        margin-bottom: 10px;
    }
    
    .menuzord .showhide {
        padding: 19px 0 0 !important;
    }
    
    .menuzord .showhide em {
        background: #fff !important;
    }
    
    .blueTitulo4, .blueTitulo3{
        text-align: center;
    }
    
    .owl-nav>.owl-next {
        right: 0 !important;
    }
    
    .owl-nav>.owl-prev {
        left: 0 !important;
    }
    
    .textMetodologia{
        text-align: center;
    }
    
    .textContacto{
        font-size: 22px !important;
        text-align: center;
    }
    
    
    .contenedorServicios3{
        margin-bottom: 3px;
    }
    
    .contenedorServicios3 p{
        text-align: center;
    }
    
    .contenedorServicios3 img{
        display: block;
        margin: 0 auto;
    }
    
    /*NOSOTROS*/
    .textContacto1, .textServicio1{
        text-align: center !important;
    }
    
    .nosotrosText p, .nosotrosText1 p{
        text-align: center;
    }
    
    .imgPersonas{
        max-width: 300px;
        display: block;
        margin: 0 auto;
    }
    
    .textContacto2{
        text-align: center !important;
    }
    
    .btnContactar, .btnVer{
        display: block;
        margin: 0 auto;
    }
    
    .mapaSitio li{
        text-align: center !important;
    }
    
    .textBlues {
        text-align: center !important;
    }
    
    .logoF{
        display: block;
        margin: 0 auto;
        float: none !important;
        margin-bottom: 5px !important;
    }
    
    .contenedorEmpleo .font-55 {
        font-size: 25px !important;
    }

    .contenedorUnete> .font-60 {
        font-size: 2.5rem !important;
    }
    
    .contenedorEmpleo .font-20 {
        font-size: 17px !important;
    }

}

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

}

.btnContactar:hover, .btnEnviar:hover {
    background-color: #1f1e6a;
    border-radius: 2px;
    color: white;
}

.btnVer:hover {
    background-color: #33ccff;
    border-radius: 2px;
    min-width: 130px;
    color: #0d0d4b !important;
}

.activo a{
    color: #ff5964 !important;
}

.menuBlue li:hover a{
    color: #ff5964 !important;
}

.logoB {
    width: 30%;
}

.menuBlue {
    width: 70%;
}

.container-fluid{
    max-width: 1300px;
}

.contenedorEtapas {
    background-color: #1f1e6a;
}

.barra {
    width: 60px;
}

.blueTitulo {
    color: #33ccff;
    font-size: 20px;
}

.blueTitulo2 {
    color: #000033;
    font-size: 20px;
}

.blueTitulo4 {
    color: white;
    font-size: 23px;
}

.blueTitulo3 {
    color: #000033;
    font-size: 23px;
}

.textEtapa {
    color: white;
    text-align: left;
    font-size: 30px;
    line-height: 1.2;
}

.texNumero {
    padding-top: 5px;
    font-size: 12px;
    text-align: center;
    color: #ff5964;
    font-family: roboto;
    font-weight: bold;
}

.caracteristicaEtapa {
    color: #33ccff;
    font-size: 23px;
    line-height: 1.2;
    transition: color .4s linear, background .4s linear;
}

.contenedorCaracteristica {
    background-color: #302f7b;
    height: 150px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 5px;
}

.textHover {
    color: #1f1e6a;
    transition: opacity 1s ease-out;
    opacity: 0; 
    height: 0;
    overflow: hidden; 
}

.flechita {
    width: 90px;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.contenedorDesactivado {
    opacity: .2;
}

.contenedorDesactivado:hover {
    opacity: 1;
}

.contenedorCaracteristica:hover {
    background-color: #33ccff;
    height: auto !important;
    padding-top: 15px !important;
}

.contenedorCaracteristica:hover .caracteristicaEtapa{
    color: #1f1e6a;
}

.contenedorCaracteristica:hover .textHover{
    display: initial !important;
    opacity: 1;
    height: auto;
}

.contenedorDesarrollos {
    background-color: #e3e8f1
}

.contenedorServicios {
    min-height: 228px;
    padding-top: 40px;
    background-color: #1f1e6a;
    margin: 1px;
}

.contenedorServicios1 {
    min-height: 163px;
    padding-top: 20px;
    background-color: #e3e8f1;
    margin: 1px;
    display: flex;
    align-items: center;
}

.contenedorServicios3 {
    min-height: 160px;
    padding-top: 20px;
    background-color: #0d0d4b;
}

.textServicio {
    color: white;
    font-size: 20px;
    line-height: 1.2;
}

.textServicio1 {
    color: #1f1e6a;
    font-size: 20px;
    line-height: 1.2;
}

.imgServicio {
    max-width: 60px;
}

.reticulaServicios>.col-md-6, .reticulaServicios>.col-sm-6{
    width: calc(50% - 2px);
}

.imgServicio1 {
}

.imgServicio2 {
    max-width: 60px;
    display: block; 
    margin: 0 auto;
}

.imgServicio3 {
    max-height: 50px;
}

.owl-controls .owl-nav > div {
    background-color: transparent!important;
    top: 50% !important;
    transform: translate(0, -50%);
    height: 44px;
    width: 35px;
}

.owl-next{
    right: -35px !important;
}

.owl-prev{
    left: -35px !important;
}

.owl-controls .owl-next i {
    color: #171846 !important;
}

.contenedorClientes {
    background-color: #e3e8f1;
}

.textContacto {
    color: #0d0d4b;
    line-height: 1.2;
    font-size: 30px;
}

.textContacto1 {
    color: #2e2e8d;
    text-align: left;
    line-height: 1;
    font-size: 30px;
}

.textContacto2 {
    color: #000033;
    text-align: left;
    line-height: 1.2;
    font-size: 30px;
}

.inputBlue::placeholder{
    color: #abb6c9;
}

.inputBlue::placeholder{
    color: #8997b0;
}

.inputBlueX::placeholder{
    color: #8997b0;
}

.inputBlue {
    background-color: #e3e8f1;
    margin-bottom: 10px;
    color:#abb6c9;
}

.inputBlueX {
    background-color: #d2d9e5;
    margin-bottom: 10px;
    color:#8997b0;
}

.inputBlue1 {
    background-color: #d2d9e5;
    margin-bottom: 5px;
    color:#8997b0;
}

.inputBlue1::placeholder {
    color:#8997b0;
}

.btnEnviar {
    background-color: #33ccff;
    border-radius: 2px;
    min-width: 130px;
    color: #000032;
}

.btnEnviar1 {
    background-color: #33ccff;
    border-radius: 2px;
    min-width: 130px;
    color: white;
    float: right;
}

.btnVer {
    background-color: #1f1e6a;
    border-radius: 2px;
    min-width: 130px;
    color: white;
}

.mapaSitio li a:hover{
    color: white;
}

.mapaSitio li a{
    color: #008fcb;
    font-size: 14px;
    line-height: 1.2;
}

.mapaSitio li{
    text-align: left;
    margin: 0;
    height: 16px;
}

.logoF {
    max-width: 150px;
    float: left;
}


/**NOSOTROS**/
.nosotrosPage .header-nav.navbar-transparent.animated-active {
    background-color: #2E2E96!important;
}

.nosotrosText p{
    color: #2e2e8d;
    line-height: 1.2;
    font-size: 15px;
}

.contenedorGris {
    background-color: #e3e8f1;
}

.nosotrosText1 p{
    color: #000033;
    font-size: 18px;
    line-height: 1.2;
}

.btnContactar {
    border-radius: 1px;
    background-color: #33ccff;
    color: #0d0d4b;
    min-width: 150px;
    min-height: 45px;
}

.textBlues {
    text-align: left;
}

.mayoriaText {
    color: #2e2e8d;
}

.imgManos {
    max-height: 115px;
    display: block;
    margin: 0 auto;
}

.input50 {
    width: 49%;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    border: none
}

.txt-Somos {
    color: #1f1e6a;
    font-size: 30px;
    line-height: 1;
}

.txt-SomosD {
    color: #1f1e6a;
    font-size: 20px;
    line-height: 1;
    max-width: 380px;
}

.contenedorTerminos p{
    color: #0d0d4b;
}



.font-55 {
    font-size: 35px;
}

.contenedorEmpleo:hover p {
    color: #33ccff !important;
}

.bg-marino {
    background-color: #000033
}

.text-azul {
    color: #33ccff !important;
}

.container-fluid1 {
    width: 100%;
}

.w-100 {
    width: 100%;
}

.hr {
    border-color: #ff5964;
}

.bg-gris {
    background-color: #e3e8f1;
}

 .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 12px;
    font-weight: normal;
    color: #1f1e6a;
    background-color: transparent;
    display: block;
    border: 1px dotted #1f1e6a;
    text-align: center;
    height: 40px;
    padding-top: 8px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: transparent;
}
        
.inputfile + label {
    cursor: pointer; /* "hand" cursor */
}
        
.inputfile:focus + label {
    outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.Fright {
    float: right;
}

.txt-marino {
    color: #0d0d4b !important;
}

.contenedorFlecha {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    cursor: pointer;
}

.gifB {
    max-height: 350px;
    display: block;
    margin: 0 auto;
}

.w100 {
    width: 100%;
}

.txt-gris {
    color: #a8aab1 !important;
}

.inputBlue{
        color: rgb(0, 0, 0) !important;
      }