.cerrarNav 
{
    display: none;
}
a,a:hover
{
    color:inherit;
    text-decoration:none;
}
.container
{
    padding:0;
}
body
{
    font-family:'Oswald';
}
header nav ul 
{
    display:flex;
}
p 
{
    margin:0;
}
header .flex 
{
    justify-content:space-between;
    align-items:center;
}
header nav ul li 
{
    padding:0 20px;
    font-size:16px;
    font-weight:300;
    color:#7d7b78;
    letter-spacing:1px;
}
#S_Inicio header nav ul li:first-child
{
    font-weight:500;
    color:#092f57;
}
header .container
{
    padding:30px 15px;
    border-bottom:4px solid #cbc8c7;
}
.carousel-inner
{
    height:600px;
}
.item
{
    position:absolute;
    width:100%;
    height:100%;
}
.item .dent
{
    height:100%;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
}
.item .container
{
    padding:0;
}
.item .dent > div 
{
    background-color:#013ca6;
    color:white;
    width:fit-content;
    padding:7px 20px;
    text-transform:uppercase;
    letter-spacing:3px;
    position:relative;
    top:20px;
    left:20px;
    box-shadow:2px 2px 3px 2px #00000054;
    height: initial;
}
footer .flex > div:last-child
{
    display:flex;
}
footer .flex
{
    justify-content:space-between;
    width:90%;
    background-color:white;
    margin-left:5%;
    padding:15px;
    color:#7d7b78;
    font-weight:300;
    margin-top:-50px;
    box-shadow:0px 0px 5px black;
    position:relative;
}
footer strong
{
    font-weight:500;
}
footer .flex > div:last-child > div 
{
    margin:0 10px;
    text-transform:uppercase;
    font-size: 12px;
    display:flex;
    align-items:center;
}
footer .flex > div:last-child > div img 
{
    margin-right:10px;
}
.carousel-indicators
{
    bottom:70px;
}

.carousel-indicators li,.carousel-indicators li.active
{
    width:16px;
    height:16px;
    border:none;
}
.carousel-indicators li
{
    background-color:#5a5a5a99;
    border-color:transparent;
    margin: 0 4px;
}
.izq li 
{
    position:relative;
    padding-left:10px!important;
}
.izq li:before
{
    content:'-';
    position:absolute;
    left:0;
}
.proyectos .izq
{
    background-color:#092f57;
    color:white;
    text-transform:uppercase;
    padding:20px;
    width:20%;
    padding-bottom:70px;
}
.proyectos .der 
{
    width:78.5%;
    padding-bottom: 100px;
}
.proyectos
{
    justify-content:space-between;
}
.izq .tit 
{
    font-size:22px;
    font-weight:100;
    letter-spacing:3px;
    display:block;
    margin-bottom:10px;
}
.izq ul li 
{
    font-weight:300;
    font-size:13px;
    padding:7px 0;
    letter-spacing:1px;
}
.productos li 
{
    width:32%;
    margin:0px 0.6%;
}
.productos 
{
    display:flex;
    flex-wrap:wrap;
}
.productos .img 
{
    height:200px;
    background-size:cover;
    background-position:center;
}
.productos li .flex
{
    background-color:#092f57;
    color:white;
    padding:10px;
    text-transform:uppercase;
    justify-content:space-between;
}
.productos li .flex > div:last-child
{
    font-weight:bold;
    font-size:30px;
    line-height:20px;
}
.productos li .flex > div:first-child
{
    font-weight:300;
    letter-spacing:1px;
}
.item
{
    background-size:cover;
    background-position:center;
}
.item div
{
    width:100%;
    height:100%;
}
#Producto .carousel-inner
{
    height:400px;
}
#Producto .carousel-control.right
{
    right:20px;
}
#Producto .carousel-control.left
{
    left:20px;
}
#Producto .carousel-control
{
    background: white;
    height: 40px;
    top: calc(50% - 10px);
    width: 40px;
    border-radius: 6px;
    color: #092f57;
    display: flex;
    align-items: center;
    justify-content: center;
    /* opacity: 1; */
}
#Producto h2 
{
    color:#092f57;
    text-transform:uppercase;
    font-size:24px;
    margin-bottom:30px;
}
#Producto .descrip
{
    color:#092f57;
}
#Producto li 
{
    padding-left:10px;
    position:relative;
    margin:5px 0;
    letter-spacing:1px;
    font-weight:400;
}
#Producto li strong
{
    font-weight:600;
}
#Producto .descrip li:before
{
    content:'';
    width:4px;
    height:4px;
    position:absolute;
    background-color:#092f57;
    border-radius:10px;
    left:0;
    top:8px;
}
h1
{
    background-color:#092f57;
    color:white;
    text-transform:uppercase;
    width:fit-content;
    padding:10px 20px;
    font-size:24px;
    line-height:24px;
    margin-bottom:30px;
}
.texto
{
    color:#092f57;
    font-size:15px;
    letter-spacing:1px;
    font-weight:400;
    line-height:28px;
}
.equipo 
{
    display:flex;
    flex-wrap:wrap;

}
.equipo li 
{
    width:32%;
    margin:5px 0.6%; 
}
.equipo li .img
{
    height:220px;
    background-size:cover;
    background-position:center;
}
.equipo li .des 
{
    background-color:#092f57;
    color:white;
    padding:10px;
}
.equipo li b 
{
    display:block;
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:1px;
}
.equipo li span 
{
    display:block;
    font-weight:300;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:1px;
}
.brochures
{
    display:flex;
    flex-wrap:wrap;
}
.brochures li 
{
    width:32%;
    margin:10px 0.6%;
    box-shadow:-3px 3px 3px #969696;
    height:170px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.brochures li img 
{
    display:block;
    margin:Auto;
}
a,a:hover
{
    color:inherit;
    text-decoration:none;
}
.brochures li span 
{
    display:block;
    text-align:center;
    margin-top:20px;
    font-size:20px;
    font-weight:bold;
    letter-spacing:1px;
}
#SContacto .flex > div 
{
    width:50%;
    background-color:#ffffffbf;
    margin-left:-15px;
    padding:20px 50px;
    padding-bottom:100px;
}
#SContacto h2 
{
    text-transform:uppercase;
    font-weight:300;
    font-size:24px;
    color:#092f57;
    margin-bottom:20px;
}
#SContacto
{
    color:#092f57;
    letter-spacing:1px;
}
#SContacto p 
{
    font-size:12px;
    margin-bottom:10px;
    text-transform:uppercase;
}
#SContacto form input,#SContacto form textarea
{
    width:100%;
    margin-top:10px;
    padding:10px 20px;
    border:none;
    color:#092f57;;
}
#SContacto form input::placeholder,#SContacto form textarea::placeholder
{
    color:#092f57;;
    letter-spacing:2px;
}
#SContacto form
{
    margin-top:20px;
}
#SContacto form textarea
{
    height:100px;
}
#SContacto form input[type="submit"]
{
    background-color:#092f57;
    color:white;
    width:fit-content;
    padding:10px 40px;
    box-shadow:0px 2px 2px 1px #0000005c;
}
.clientes
{
    display:Flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.clientes li 
{
    width:30%;
    text-align:center;
    margin:10px 0;
    box-shadow:-3px 3px 3px #969696;
    height:150px;
    display:flex;
    align-items:center;
    justify-content:center;
}
.clientes li img 
{
    max-height:100px;
}
.servicio > div:first-child
{
    width:60%;
}
.servicio > div:last-child
{
    width:37%;
    background-size:cover;
    background-position:center;
}
.servicio 
{
    justify-content:space-between;
}
.navbar-nav > li > a
{
  padding:0;
  background-color:transparent!important;
  cursor: pointer;
  text-align: center;
  position: relative;
}

/* Responsive */
@media (max-width: 768px) {
 .navbar-toggle {
      background: #092f57;
      /* margin-top: -80px; */
      margin: 0;
      /* margin-top: -57px; */
    }
    .navbar-toggle span {
      background: white;
    }
    .sub-header nav {
      margin-top: 0;
    }
    header nav ul li li
    {
      padding:5px!important;
      font-size:12px;
    }
    header nav ul li {
      display: block !important;
      text-align: center;
      padding: 5px;
      float: none!important;
      padding: 10px!important;
      margin: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.15); */
    }
    header nav > div {
        background-color: rgb(0 67 149 / 98%);
        color: white;
        /* min-width: 300px; */
        float: none!important;
        /* display: block!important; */
        width: 100%;
        /* height: fit-content!important; */
        height: 100%;
        margin: 0;
        padding: 20px;
    }
    header nav ul 
    {
        display:flex;
        flex-direction:column;
        padding-top:30px;
    }
    nav ul li a
    {
        color: white!important;
        /* border-bottom: 1px solid rgba(255, 255, 255, 0.15); */
        /* background-color: rgb(0, 67, 149)!important; */
        border-radius: 0;
    'padding:;;
    }
    header nav ul li.activo, header nav ul li:hover
    {
      /* background: #2dacd5!important; */
      border-top: none;
      color: #09365f;
    }
    .flex
    {
      flex-direction:column;
    }
    header .flex
    {
        flex-direction:row;
    }
    .logo
    {
        width:50%;
    }
    header .navbar-collapse.in
    {
        right:0;
        display:block;
    }
    header .navbar-collapse
    {
        position:absolute;
        width:90%;
        height: 100%!Important;
        right:-90%;
        top: 0;
        margin: 0;
        padding: 0;
        z-index: 1111;
        transition: 0.5s;
    }
    header .cerrarNav
    {
        background-color:white;
        border:none;
        color:#004395;
        height:25px;
        width:25px;
        border-radius:50px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:10px;
        float:Right;
    }
    .carousel-inner
    {
        height:400px;
    }
    footer .flex
    {
        width:100%;
        text-align:center;
        margin-left: 0;
        margin-top: 0;
    }
    footer .flex > div:last-child
    {
        flex-direction:column;
        align-items:center;
        text-align:center;
        padding:10px 0;
    }
    footer .flex > div:last-child > div{
        margin:5px 20px;
    }
    .proyectos .izq,.proyectos .der
    {
        width:100%;
        padding-bottom: 20px;
    }
    .productos li
    {
        width:100%;
    }
    .productos li .flex
    {
        flex-direction:row;
    }
    .izq .tit
    {
        display: inline;
        margin-bottom: 20px;
    }
    .izq .navbar-collapse 
    {
        width:100%;
        margin-top: 10px;
    }
    #Producto .carousel-inner
    {
        height:250px;
    }
    .carousel-indicators
    {
        bottom:0;
    }

    #Producto .descrip,#Producto h2
    {
        padding:10px;
    }
    #Producto h2
    {
        padding-bottom:0;
        margin-bottom:0;
        font-size:20px;
    }
    h1
    {
        font-size:20px;
        padding: 10px;
        width: 100%;
    }
    .servicio > div 
    {
        width:100%!important;
    }
    .texto
    {
        padding:0 15px;
        line-height:19px;
    }
    .equipo li
    {
        width:100%;
    }
    .brochures li
    {
        width:100%;
    }
    .clientes li
    {
        width:100%;
    }
    #SContacto .flex > div
    {
        width:100%;
        padding: 10px;
        margin-left: 0;
    }

}