@font-face {
            font-family: "PTsans";
            src: url("../fonts/PTSans-Regular.ttf");
        }

        @font-face {
            font-family: "PTsansBold";
            src: url("../fonts/PTSans-Bold.ttf");
        }

        html {
            font-family: 'PTsans';
            letter-spacing: 1.3px;
        }

        a:active{color:rgb(90, 90, 90);}

        .activado {
            color:rgb(84, 171, 180) !important;
        }

        a{
            text-decoration: none;
        }
        a:hover{
            text-decoration: none;
        }
        .labelform{
            font-size:13px;
            color:#42878fc0;
            font-family:'Roboto';
            position:absolute;
            left:0%;
            pointer-events: none;
            bottom: 0px;
            width: 100%;
            height: 100%;
        }
        .highlighted_naranja{
            color:#ca9819;
        }
        .content-name{
            position: absolute;
            left:15px;
            bottom:10px
        }
        #fp-nav ul li .fp-tooltip{
            color: #42878f;
            transition:.3s;
            z-index:5 !important;
        }

        form input:focus + .labelform .content-name
        {
            transform:translateY(-25px) !important;
            transition: .3s;
            font-size:12px;
        }
        form input:valid + .labelform .content-name
        {
            transform:translateY(-25px) !important;
            transition: .3s;
            font-size:12px;
        }

        .form-controled{
            border:none;
            background-color: transparent;
            border-bottom:2px solid #54aab47a;
            width: 100%;
            padding:10px 5px;
            margin-bottom:10px;
            outline:0em;
        }
        input:required {
    box-shadow:none;
}
input:invalid {
    box-shadow:none;
}
        textarea{
            width: 100%;
            background-color: transparent;
            border:none;
            border-bottom:2px solid #54aab47a;
            max-width: 100%;
            min-width: 100%;
            min-height: 100px;
            max-height: 100px;
        }

        .lista {
            list-style: none;
            display: flex;
            justify-content: space-evenly;
        }

        .lista li {
            cursor: pointer;
            font-family: 'Roboto';
            font-weight: 600;
            font-size: 17px;
            color: rgb(90, 90, 90);
            text-transform: uppercase;
        }

        .lista a:nth-child(1) {
            color: #54abb4;
            transition: .2s;
        }

        .lista li:hover {
            transition: .3s;
            color: #54abb4;
        }

        .highlighted {
            color: #42878f;
        }

        #fp-nav ul li a span,
        .fp-slidesNav ul li a span {
            background: #42878f;
            transition:.3s;
            z-index:5 !important;
        }

        button {
            display: block;
            margin-top: 20px;
            float: right;
            padding: 10px 15px;
            color: white;
            font-family: 'Roboto';
            background: #54abb4;
            border-radius: 5px;
            border: none;
        }

        

        button:hover {
            transition: ease-in-out .3s;
            background: #42878f;
        }

        .buttonNaranja{
            background:#e4ab1d;
            float:left;
        }

        .buttonNaranja:hover{
            transition: ease-in-out .3s;
            background: #bb8a0d;
        }

        .shaded {
            transition: ease-in-out .5s;
            opacity: 1 !important;
        }

        .imgMarca {
            opacity: 0;
        }

        @keyframes flechaMov {
            0% {
                top: 0px
            }

            25% {
                top: -6px
            }

            50% {
                top: -12px
            }

            75% {
                top: -6px
            }

            100% {
                top: 0px
            }
        }

        .flechaMov {
            position: relative;
            top: 0px;
            animation: flechaMov 0.8s infinite;
        }

        .headerMobile{display:none;}

        .desplegableMobile{
            position:absolute;
            z-index:998;
            width:100%;
            height: 100%;
            background:#ddf1f3;
            color:#54abb4;
            display:block;
        }

        #headerContacta{
            display:flex; 
            position:relative; 
            justify-content: center; 
            align-items: center; 
            color:white; 
            background:grey; 
            height:380px; 
            text-align: center;
            background-image: url('../img/robot-2791671_1920.jpg');
            background-size: cover; 
            background-position: center;
        }

        .ulDesplegable{opacity: 0; transition:2s}

        .ulDesplegable li{
            color:white;
            padding: 15px;
            font-size:14px;
            border-bottom: 1px solid #efefef3d;
        }

        .divLista{display:none; position:absolute; background: #54aab4de; color:white; transition:3s}

        .ulDesplegable li:last-child{border-bottom:none;}

        .ulDesplegable li:hover{
            color:white;
            background:#3a747a
        }

        .lista li:hover .divLista{display:block;}
        .lista li:hover .divLista ul{opacity: 1; transition:2s;}


        .opacityBlack{
            width:100%; height: 100%; position:absolute; background: linear-gradient(156deg, rgba(84,171,180,1) 0%, rgba(64,122,128,1) 100%);   opacity: .6; z-index:100;
        }

        #fotoHeaderSubpagina{position: relative; z-index:800;}
        #fotoHeaderSubpagina h1{font-family: 'Roboto'; font-size:80px}

        #migasDePan{
            padding:25px 45px;
            font-family: 'PTSans';
            font-size:14px;
            border-bottom:1px solid #efefef;
        }
        #migasDePan i{margin:0px 12px}
        #migasDePan span{cursor:pointer;}
        #migasDePan span:nth-child(1){font-weight: bold; color:rgb(59, 59, 59)}
        
        .proyectoBody{
            width:80%;
            margin:auto;
            margin-top:45px;
        }

        .headerParragh{
            font-size:45px;
            text-align: left;
            color:#54abb4;
            font-family:'PTSans';
            margin-bottom:20px;
        }

        .headerPHigh{
            color:#488086;
        }

        .pStyle{
            font-family: 'Roboto';
            font-size:16px;
            text-align: justify;
            color:#208b97a2;
        }

        footer{
            width:80%;
            border-top:1px solid #41739011;
            font-family:'Roboto';
            font-size:14px;
            font-weight: bold;
            color:#488086
        }

        #formuContacto label{
            font-size:13px; 
            font-weight: 600;
            color:#70707093
        }

        #formuContacto input{
            border:none;
            border-bottom:2px solid #54aab47a;
            border-radius:0px;
            padding:25px 5px;
            
        }
        #formuContacto input:focus{
            outline:none !important;
        }

        #formuContacto input::placeholder, #formuContacto input, #formuContacto textarea{
            color:#458c94;
            font-family:'PTSans';
            font-size:17px;
            font-weight: 600;
        }

        .infoContact i{color:rgba(255, 255, 255, 0.712)}
        .infoContact div{
            font-weight: 600;
            font-family: 'PTSans';
        }

        .tarjetaEquipo{
            padding:40px 10%;
            box-shadow: 0px 0px 14px 0px rgba(171, 171, 171, 0.397);
            border-radius:5px;
            transition: .4s ease-in-out; 
        }

        .tarjetaEquipo:hover{
            box-shadow: 0px 0px 14px 0px #42939cc4;
        }

        .tarjetaEquipo img{
            transition: .3s ease-in-out;    
        }

        .nombreTarjeta{
            font-family: 'Roboto';
            font-size:24px;
            display:block;
            text-align: center;
            margin: 15px 0px 5px 0px;
            color:#488086;
            text-transform: uppercase;
        }

        .cargoTarjeta{
            font-family: 'Roboto';
            font-size:16px;
            letter-spacing: 3px;
            display:block;
            text-align: center;
            color:#208b97a2;
            text-transform: uppercase;
            margin: 0px 0px 15px 0px;
        }

        .separadorTarjeta{
            background: #488086;
            height: 2px;
            width:20%;
            margin:auto
        }

        .detallesTarjeta{
            font-family: 'Roboto';
            font-size:15px;
            text-align: justify;
            color:#59696b96;
            margin-top:20px;
            height:80px;
        }

        .tarjetaSocialMedia{
            color:#488086;
            width:45%;
            margin:auto;
            text-align: center;
        }
        .tarjetaSocialMedia i{margin-right: 10px; cursor:pointer; transition: .2s ease-in-out;}
        .tarjetaSocialMedia i:hover{color: #2c4b4e}
        .tarjetaSocialMedia i:nth-last-child(){margin-right: 0px;}

        .tarjetaEquipo img:hover {
            transform: scale(1.11); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
          }

        @media only screen and (max-width: 1368px) {
            .sectionContacta{width:95% !important;}
            .sectionContactaMb{margin-bottom:10px !important;}
            .sectionContacta h1{font-size:10px}
            .tarjetaSocialMedia{width:55%}
            .detallesTarjeta{height: 120px;}
            .nombreTarjeta{font-size:20px}
            .cargoTarjeta{font-size:15px;}
            .bodyContacta .fotoNms{left:78% !important; width:50px !important; height:50px !important;  top:88% !important;}
            .cargoTarjeta{height: 40px;}
            .nombreTarjeta{height: 60px;}
        }

        @media only screen and (max-width: 768px) {
            .headerNav{display:none }
            .headerTop{font-size:30px !important;}
            .fullDiv{width:95% !important; padding-top:0px !important;}
            .flechaAbajo{display:none !important;}
            .spanTop{font-size:14px !important;}
            .marginTop{margin-top:5px !important;}
            .automatFoto{display:none !important;}
            .headerMobile{display:block}
            #desplegableMovil{display:none;}
            #clickHeaderMobile{z-index:999; display:block; position:absolute; top:15px; left:15px; color:#54abb4; padding:10px; border-radius:5px; background:#54aab448}
            #desplegableMovil ul li{font-size:24px; text-transform: uppercase; font-weight: bold; font-family: 'Roboto'; letter-spacing: 2;} 
            #desplegableMovil ul a{color:#54abb4 !important;}
            #fotoHeaderSubpagina h1{font-size:40px}
            .proyectoBody{width:95%}
            .headerParragh{font-size:30px;}
            .proyectoBody .row.mt-5{ padding:40px; }
            .proyectoBody .row.mt-5 img{margin-top:15px}
            .bodyContacta{padding:20px}
            .bodyContacta .fotoNms{left:77% !important; width:60px !important; height:60px !important;  top:88% !important;}
            .tarjetaEquipo{margin-bottom:15px;}

            .contactaClass{flex-wrap: wrap;}
            #nmsLogoContact{display:none;}
            .contactPrueba{display:flex;
            margin:0}
            .infoContact{padding:0}
            .textContactH3{font-size:35px !important;}
            .mailIconContact{float:none !important;}
            .ulListaMovil li { font-size:14px !important; }
            
        }