@font-face {
    font-family: "Myriad";
    src: url('/v1/recursos/Myriad_Pro_Regular.ttf') format('ttf');
 }

 @font-face {
    font-family: "Kollektif";
    src: url('/v1/recursos/Kollektif.ttf') format('ttf');
 }

 p{
    font-family: Arial, Helvetica, sans-serif;
  }
  .boton-producto-slider{
    text-align: center;
    margin-top: 2%;
    margin-bottom: 5%;
} 
 .visible-movil{
        display:none !important;
    }
.testw{
top: -66px; 
}
.carousel-control-next, .carousel-control-prev{
    top:-80px;
}
.navbar-toggler-icon i{
    margin-top: 15%;
    color: #3e4e68;
}
 
.navbar-toggler{
    background-color: #f8f9fa;
}

#inicio {
    overflow: hidden;
    position: relative;
    z-index: 1000;
    height: auto;
}

.info-productos-slide-2{
    position: relative;
}

.rotate{
    position: absolute;
    width: 132%;
    left: -72px;
}

div#computer-intro {
    z-index: 1001;
}

section#inicio:after {
    -webkit-clip-path: polygon(53% 0, 100% 0, 100% 100%, 50% 87%, 0 100%, 0 0);
    clip-path: polygon(50% 88%, 0 100%, 100% 100%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 1px;
    z-index: 1000;
    background: whitesmoke;
}

.titulo-informativo-encabezado {
    font-family: "Myriad";
    text-align: center;
    position: absolute;
    left: 15%;
    top: 72px;
    width: 70%;
    color: white;
}

.padding-linea{
    padding-top: 10%;
}
.show-computer {
    position: absolute;
    top: 384px;
}
.espacio{
    padding-top: 2%;
}

.imagen-derecha {
    position: relative;
    top: 8%;
    left: 67%;
}

.imagen-centro {
    position: relative;
    top: -6%;
    left: -16px;
}

.imagen-izquierda {
    position: relative;
    top: 27%;
    left: -12%;
}

.btn-Ver {
    width: 121px;
    position: absolute;
    top: 24%;
    left: -59px;
    border-radius: 20px;
}

.btn-productos {
    position: relative;
    left: -8px;
    top: -48px;
    border-radius: 20px;
}
.btn-producto{
    padding: .595rem 1.75rem !important;
    width: 50%;
}
.titulo-informativo {
    text-align: initial;
    position: absolute;
    left: 58%;
    top: 118px;
    width: 32%;
    color: #f7f6f7;
    font-weight: bolder;
}

.btn-informacion {
    margin-top: 1%;
    border-radius: 20px;
    color: #ffffff;
    background-image: antiquewhite;
    border-color: #88bfe6;
    margin-left: -1%;
    background: #59bcd7;
}

.btn-informacion:hover {
    opacity: 0.9;
}


#equipo-profesionales {
    background-image: url("../recursos/fondo3.jpg") ;
    text-align: center;
    padding-top: 5%;
    background-color: #e6e6e6;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 3%;
    background-size:cover;
}

.parrafo-equipo{
    color: white;
    font-size: 1.1rem;
}

#quienes-somos {
    background: whitesmoke;
    padding-top: 2%;
    padding-bottom: 7%;
} 

.encabezado-equipo {
    padding-bottom: 3%;
}

.encabezado-equipo h1 {
    font-size: 3.2rem;
    color: #c3c3c8;
}
.info-equipo h1 {
    color: #c3c3c8;
    font-size: 1.9rem;
}

#servicio {
    background: #f5f5f547;
    position: relative;
    padding-top: 2%;
    padding-bottom: 5%;
}



#servicio > h3 {
    font-weight: 300 !important;
}


.titulo-seccion {
    text-align: left;
    font-size: 4.6rem;
}

.titulo-medio {
    text-align: center;
    position: absolute;
    left: 26%;
    width: 50%;
    top: calc(100vh + 12px);
}

.contenido-medio {
    position: absolute;
    top: calc(100vh + 142px);
    width: 40%;
    left: 34%;
}

.titulo-seccion {
    color: #1E3693;
}

.encabezado-productos {
    text-align: initial;
}

.cuadro-general {
    padding-top: 5%;
    padding-bottom: 3%;
}

.x{
    text-align: center;
    color: white;
    width: 70%;
    margin-left: 14%;
    height: 50%;
    position: absolute;
    top: 130px;
}

.prueba{
    padding-top: 3%;
}

.encabezado-productos h1 {
    letter-spacing: -2px;
    font-size: 3.5rem;
    color: #1e3693;
}

.producto-estrella {
    display: none;
}

a#next:hover {
    cursor: pointer;
    opacity: 0.9;
}

a#back:hover {
    cursor: pointer;
    opacity: 0.9;
}

.control-box {
    margin-top: calc(100% - -51%);
}

#productos {
    background: rgba(233, 236, 239, 1);
    padding-top: 2%;
    padding-bottom: 1%;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
   position: relative;
}

.bg-item {
    z-index: 1;
    position: absolute;
    top: 33px;
    left: -6px;
    width: 98%;
    height: 100%;
    background-size: cover;
    display: none
}

.item-caracteristisca {
    position: relative;
    z-index: 2;
    text-align: center;
    padding-top: 8%;
}

.test {
    height: calc(100% + 9%);
    margin-top: 2%;
    -webkit-box-shadow: 8px 22px 44px -9px rgba(217, 217, 217, 1);
    -moz-box-shadow: 8px 22px 44px -9px rgba(217, 217, 217, 1);
    box-shadow: 8px 22px 44px -9px rgba(217, 217, 217, 1);
}

.wrapper-bg-item:hover .bg-item {
    display: block;
    /* esto es el zoom */
    opacity: 0.2;
    /* para dejarla un poco transparente, puedes jugar con ese valor 0: transparente 1: visible*/
    transition: all 8s ease-out;
}

#caracteristicas {
    padding-bottom: 6%;
    padding-top: 2%;
}

.titulo-caracteristica h3 {
    text-align: center;
    letter-spacing: -2px;
    text-shadow: 1px 4px 4px #ddd;
    font-size: 3.75rem;
    color: #1E3693;
    font-weight: lighter;
    padding-bottom: 2%;
}

.bg-item-1 {
    background: url(../recursos/3.png) no-repeat center;
}

.bg-item-2 {
    transition: all 4s ease-in;
    background: url(../recursos/1.png) no-repeat center;
}

.bg-item-3 {
    background: url(../recursos/2.png) no-repeat center;
}



.imagen-experiencia {
    position: relative;
    top: 75%;
    left: 3%;
}

#experiencia-usuario {
    height: 700px;
}

.encabezado-experiencia h1 {
    font-size: 4.7rem;
    color: #1e3693;
}

.encabezado-experiencia {
    padding-top: 2%;
    text-align: center;
    padding-bottom: 2%;
}

.encabezado-experiencia:after {
    content: '------------------';
    width: 90%;
    border-bottom: 2px solid #dc3545;
    color: white;
}

.mensaje-usuario2 {
    margin-top: 3%;
    padding-top: 3%;
    position: relative;
    left: 85%;
}

.mensaje-usuario {
    position: relative;
}

.experiencia-2 {
    position: relative;
}

.mensaje-usuario3 {
    position: relative;
    left: 160px;
}

.mensaje-usuario4 {
    margin-top: 3%;
    padding-top: 3%;
    position: relative;
    right: 48px;
}

.box {
    padding-top: 3%;
    -webkit-box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    -moz-box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    border: 1px solid #dee2e6;
    color: #e9ecef;
    -moz-box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    background: #59BCD7;
    border-radius: 3%;
    text-align: center;
}

.box::after {
    position: absolute;
    content: 'hola';
    top: -35px;
    left: 80%;
    width: 40%;
    color: black;
    border: 1px solid black;
    height: 50px;
    border-radius: 5%
}

.box2 {
    padding-top: 3%;
    -webkit-box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    -moz-box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    border: 1px solid #dee2e6;
    color: #e9ecef;
    -moz-box-shadow: 9px 6px 6px 0px rgba(233, 236, 239, 1);
    background: #59BCD7;
    border-radius: 3%;
    text-align: center;
}

.box2::after {
    position: absolute;
    content: 'hola';
    top: -40px;
    right: 148px;
    width: 40%;
    color: black;
    border: 1px solid black;
    height: 50px;
    border-radius: 5%
}

.encabezado-contacto h1 {
    font-size: 4.1rem;
    text-align: center;
    color: #1E3693;
}

.encabezado-form {
    padding-bottom: 2%;
}

#footer {
    padding-top: 1%;
    background: #e6e6e6;
}

#contacto-formulario {
    margin-top: 2%;
    padding-bottom: 3%;
}

.btn-contacto {
    width: calc(100% - 2%) !important;
    margin-top: 2%;
}

.mapa-jalisco {
    margin-top: 2%;
}

.inf-completa {
    text-align: center;
    margin-top: 35%
}

i {
    color: #ff5c5c;
}

.social-media i {
    color: #1e3693;;
}

.social-media {
    text-align: center;
}

.inf-completa {
    text-align: center;
    margin-top: 5%;
    margin-right: 8%;
}

.logo-contacto {
    text-align: center;
}

.fixed-top{   
    padding: 0rem 4rem;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    animation-name: stretch;
    animation-duration: 1s; 
    animation-timing-function: ease-in, ease-in-out; 
    animation-delay: 0s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-play-state: running;  
    background-color: #bbb6bd1f;
}
.navbar-brand{
    margin-right: 29rem;
}

@keyframes stretch {
    0% {
      background-color: #bbb6bd1f;
    }
    100% {
      background-color: #1E3693;
    }
  }

  .navbarV{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1001;
    background: transparent;
    padding: 0rem 4rem;
    transition-duration: 0.2s;
    transition-timing-function: ease-in;
    animation-name: estatico;
    animation-duration: 1.2s; 
    animation-timing-function: ease-in, ease-in-out; 
    animation-delay: 0s;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-play-state: running;  
    background-color: #bbb6bd1f;
}


.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
    cursor: pointer;
   color:  rgb(255, 255, 255);
font-weight: 500;
}

.navbar-light .navbar-toggler {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    background: white;
}

.footer-img2{
    width: 25%;
}

.nav-item{
    color: white;
}

.navbar-light .navbar-toggler {
    color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    background: white;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255, 255, 255) !important;
}

nav.navbar.navbar-expand-lg.navbar-light {
    background: #00000003;
}

.info-productos-slide {
   
    margin-top: 90%;
}

.item-caracteristisca h2{
    color: #ff5c5c;
} 

.btn-primary {
    color: #59bcd7;
    background-color: #ffffff;
    border-color: #59bcd7;
}

.btn-primary:hover{
    background-color: #59bcd7;
    color:white ;
    animation-name: estatico;
}

#productos i{
    color:black;
}

imagen-producto ::after{
    content: url(../recursos/linea-corta-producto.png)
}

.img-producto{
    padding-top: 4%;
}

.logo-center-producto{
    margin-top: -7%;
    margin-left: 25%;
    width: 50%;
    height: 100%;
}


.producto-style{
    margin-bottom: -4%;
    font-weight: bold;
    color: #111083;
}

.subtitulo-quienes-somos {
    color: #1e3693;
}

.img-encabezado {
    margin-top: 34px;
}

#productos-movil{
    padding-top: 11%;
    -webkit-clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 13%, 100% 100%, 0% 100%);
    background: #e6e6e6;
}


.back-footer {
    background: whitesmoke;
}

#footer-sich h5 {
    color: #1e3693;
    padding-left: 10px;
    border-left: 3px solid  #ff5c5c;
    padding-bottom: 6px;
    margin-bottom: 20px;
}

.list-unstyled a {
    color: #1e3693;
    font-weight: lighter;
}


#footer-sich i{

color: #343a40;
}

.encabezado-servicio-automatizacion{
   
    text-align: right;
}

.estilo{
    font-weight: 300;
}