/* General */
body
{
    font-family:'Work Sans';
}
a,a:hover
{
    color:inherit;
    text-decoration:none;
}
.navbar-nav > li > a {
    padding: 0;
    background-color: transparent!important;
    font-size: 14px;
    cursor:  pointer;
}
.navbar-collapse.collapse
{
    height: 100%!important;
}
.navbar-collapse
{
    width:100%;
    /* display:  flex; */
}
p 
{
    font-size:16px;
}
/* Fin General */
/* Header */
header
{
    background-color: #2c2c2ce9;
    padding: 20px 0;
    position:absolute;
    width:100%;
    z-index:2;
}
header nav ul 
{
    display:flex;
    justify-content:space-around;
    color:white;
    font-weight:300;
    align-items:center;
}
header .col-md-9,header .col-md-9 nav
{
    display: flex;

}
header .col-md-9 nav,header .col-md-9 ul
{
    width:100%;
    /* height:  100%; */
    display: flex;
    align-items: center;
}
header .col-md-3 img 
{
    height: 60px;
}
ul
{
    margin:0;
}
/* Fin Header */
/* Inicio */
#myCarousel2
{
    height:90%;
}
#myCarousel2 .carousel-inner
{
    height:100%;
}
#myCarousel2 .item * 
{
    position:relative;
    z-index:2;
    color:white;
}
#myCarousel2 .item:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
#myCarousel2 .item
{
    height:100%;
    background-size:cover;
    
        background-position:center;

    
}
#myCarousel2 .item .flex
{
    height:100%;
    align-items:flex-end;
    justify-content:center;
    text-align:center;
    position:relative;
    z-index:2;
    padding-bottom:100px;
   
}
h2
{
    font-size:50px;
    font-weight:bold;
    margin-top:0;
    text-transform:uppercase;
}
.lineas
{
    margin-bottom:30px;
    margin-top:15px;
    /* position: relative; */
}
.lineas div
{
    height:5px;
    width:200px;
    margin:auto;
    background:white;
    position: relative;
}
.lineas div:before
{
    width:250px;
    height:1px;
    content:'';
    position:absolute;
    left:-250px;
    top:2px;
    background:#ffffff2e;
    transition:  0.5s;
}
#Servicios:hover .lineas div:before
{
    width:300px;
    left:-300px;
}
#Servicios:hover .lineas div:after
{
    width:300px;
    right:-300px;
}

.lineas div:after
{
    width:250px;
    height:1px;
    content:'';
    position:absolute;
    right:-250px;
    top:2px;
    background:#ffffff2e;
    transition:  0.5s;
}
.carousel p 
{
    font-weight:300;
    margin-bottom:30px;
}
.carousel a
{
    border:1px solid white;
    padding: 7px 60px;
    font-weight:300;
    transition: 0.5s!important;
    position:relative;
}
.carousel a:hover
{
    background:white;
    color:black!important;
}
.carousel a:hover:before
{
    width:120px;
    left:-120px;
}
.carousel a:hover:after
{
    width:120px;
    right:-120px;
}
.carousel a:before
{
    width:100px;
    height:1px;
    background:#ffffff85;
    position:absolute;
    left:-100px;
    content:'';
    top:15px;
    transition:0.5s;
}
.carousel a:after
{
     transition:0.5s;
    width:100px;
    height:1px;
    background:#ffffff85;
    position:absolute;
    right:-100px;
    content:'';
    top:15px;
}
.SubSlider
{
    background-image:url(../img/pattern.png);
    padding:100px 0;
}
.SubSlider b 
{
    transition:0.5s;
    line-height:30px;
}
.SubSlider .col-md-3:hover b 
{
    font-size:22px;
}
.SubSlider .ico
{
    background-color:white;
    width:120px;
    height:120px;
    background-repeat:no-repeat;
    background-position:center;
    border-radius:200px;
    box-shadow: 0 0 4px 5px #15151512;
    margin:auto;
    margin-bottom:20px;
    transition: 0.5s;
}
.SubSlider .col-md-3:hover .ico
{
    transform:rotate(360deg)
}
.SubSlider b 
{
    font-size:19px;
    display:block;
    margin-bottom:15px;
}
.SubSlider p 
{
    color:#6b6b6b;
}
.SubSlider
{
    text-align:center;
}
#Nosotros
{
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:  relative;
    padding:100px 0;
}
#Nosotros:before
{
    content:'';
    width:100%;
    height:100%;
    background:black;
    position:absolute;
    opacity:0.8;
    top:0;
}
#Nosotros * 
{
    position:relative;
    color:white;
}
.lineas.izq div:after
{
    display:none;
}
#Nosotros h2 
{
    text-align:right;
}
#Nosotros .lineas div
{
    float:Right;
}
#Nosotros h3
{
    text-align:right;
    font-size:28px;
    font-weight:300;
    margin-top:60px;
}
#Nosotros .col-md-7
{
    text-align:justify;
}
#Nosotros .col-md-7 strong
{
 font-size:20px;
 line-height:22px;   
 display:block;
 margin-bottom:20px;
}

#Servicios .lineas div:before,#Servicios .lineas div:after
{
    background-color: #1aa8a44a;
}
#Servicios .lineas div
{
    background:#1aa8a4;
}
#Servicios
{
    padding:80px 0;
    text-align:center;
}
#Servicios .item
{
    width:25%;
    margin:40px 20px;
    position:  relative;
    padding-bottom: 50px;
}
#Servicios .flex
{
    justify-content:center;
}
#Servicios .img
{
    width:120px;
    height:120px;
    background-repeat:no-repeat;
    background-size:Cover;
    background-position:center;
    border-radius:150px;
    box-shadow: 0 0 4px 5px #15151521;
    margin:auto;
    transition: 0.5s;
}
#Servicios .img:hover
{
    transform:rotate(360deg);
}
#Servicios h3
{
    font-weight:bold;
    margin-bottom:20px;
    font-size: 22px;
}
#Servicios p
{
    color:#666;
    font-size:14px;
}
#Servicios button
{
    border:1px solid #1aa8a4;
    padding: 2px 30px;
    font-weight:300;
    background:transparent;
    position:relative;
    margin-top:20px;
    transition: 0.5s;
    position:  absolute;
    bottom:  0;
    width100%:;
    left:;
    right :;
    left: calc(50% - 60px);
}
#Servicios button:hover
{
    background:#1aa8a4;
    color:white;
}
#Servicios button:hover:before
{
    width:80px;
    left:-80px;
}
#Servicios button:hover:after
{
    width:80px;
    right:-80px;
}
#Servicios button:before
{
    width:50px;
    height:1px;
    background:#1aa8a4;
    position:absolute;
    left:-50px;
    content:'';
    transition:0.5s;
    top:10px;
}
#Servicios button:after
{
    width:50px;
    height:1px;
    background:#1aa8a4;
    position:absolute;
    right:-50px;
    content:'';
     transition:0.5s;
    top:10px;
}
#Eventos
{
    background-image:url(../img/pattern.png);
    text-align:center;
    padding:100px 0;
}
#Eventos .lineas div:before,#Eventos .lineas div:after
{
    background-color: #1aa8a44a;
}
#Eventos .lineas div
{
    background:#1aa8a4;
}
#Eventos .item
{
    width:23%;
    background:white;
    border-radius:20px;
    margin-top:30px;
    padding-bottom:30px;
}
#Eventos .flex
{
    justify-content:space-between

}
#Eventos .img
{
    height:250px;
    background-size:cover;
    background-position:center;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
}
#Eventos h3
{
    font-weight:bold;
    font-size:18px;
    text-transform:uppercase;
    color:#333;
    margin-bottom:00px;
}
#Eventos button
{
    border:1px solid #1aa8a4;
    padding: 2px 30px;
    font-weight:300;
    background:transparent;
    position:relative;
    margin-top:20px;
    transition:0.5s;
}
form *:focus
{
    outline:none;
}
#Eventos button:hover
{
    background:#1aa8a4;
    color:white;
}
#Eventos button:before
{
    width:50px;
    height:1px;
    background:#1aa8a4;
    position:absolute;
    left:-50px;
    content:'';
    top:10px;
    transition:0.5s;
}
#Eventos button:after
{
    width:50px;
    height:1px;
    background:#1aa8a4;
    position:absolute;
    right:-50px;
    content:'';
    top:10px;
    transition:0.5s;
}
#Eventos button:hover:before
{
    width:60px;
    left:-60px;
}
#Eventos button:hover:after
{
    width:60px;
    right:-60px;
}
#NuestroTrabajo
{
    background-size:cover;
    background-position:center;
    text-align:center;
    color:White;
    position:relative;
    padding:100px 0;
}

#NuestroTrabajo .lineas div:before,#NuestroTrabajo .lineas div:after
{
    background-color: #1aa8a44a;
}
#NuestroTrabajo .lineas div
{
    background:#1aa8a4;
}
#NuestroTrabajo li
{
    width:24%;
    height:200px;
    background:white;
    display:flex;
    justify-content:center;
    background-size:cover;
    background-position:center;
    align-items:center;
    position:relative;
}
#NuestroTrabajo li:before
{
    width:100%;
    height:100%;
    content:'';
    position:absolute;
    background:#000000ab;
    background-image:url(../img/line-pattern.png);
}
#NuestroTrabajo .flex
{
    justify-content:space-between;
    margin-top:70px;
}
#NuestroTrabajo:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background:black;
    top:0;
    left:0;
    opacity:0.8;
}
#NuestroTrabajo * 
{
    position:relative;
}
#Marcas .lineas div:before,#Marcas .lineas div:after
{
    background-color: #1aa8a44a;
}
#Marcas .lineas div
{
    background:#1aa8a4;
}
#Marcas
{
    text-align:center;
    padding:100px 0;
}
#Marcas ul 
{
    margin-top:90px;
}
#Redes .Titulo
{
    background:#1aa8a4;
       font-weight:bold;
       font-size:30px;
       text-align:center;
       padding:10px;
          
       
    color:white;

    
}
#Redes .Cont
{
    background:#3b3b3b;
    padding:60px;
    text-align:center;
}
/* Fin Inicio */
/* Footer */
footer
{
    background-size:cover;
    background-position:center;
    color:white;
    padding:100px 0;
    position:relative;
}
footer:before
{
    content:'';
    position:absolute;
    width:100%;
    top:0;
    left:0;
    height:100%;
    background:#0aa29d;
    opacity:0.8;
}
footer .col-md-5
{
    text-align:right;
}
footer .lineas{
    float:right;
}
footer .Cont
{
    clear:Both;
    margin-top:30px;
}
footer form input,footer form textarea
{
    background:white;
    border:none;
    border-radius:10px;
    width:100%;
    padding:10px;
}
footer .lineaform
{
    margin-bottom:20px;
}
footer form button
{
    background:white;
    border:none;
    border-radius:10px;
    width:100%;
    color:#2fb0ac;
    font-weight:bold;
    padding:10px;
}
/* Fin Footer */
.Banner
{
    height:400px;
    background-size:cover;
    background-position:center;
    display:flex;
    justify-content:flex-end;
    flex-direction:column;
    align-items:center;
}
.Banner h1
{
    color:white;
    font-size:80px;
    font-weight:bold;
    text-transform:uppercase;
}
.Banner nav
{
color:white;
margin-bottom:30px;
}
h1
{
    margin:0;
}
.Banner * 
{
    position:relative;
    z-index:2;
}
.Banner:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
    background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
opacity:0.6;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
#VistaProducto .info
{
    position:relative;
    clear:both;
    display:Flex;
    background-color:#f8f8f8;
    align-items:center;
}
#VistaProducto .carousel .item
{
    background-size:cover;
    background-position:center;
}
#VistaProducto .carousel .item,#VistaProducto .carousel .carousel-inner
{
    height:500px;
    width:100%;
}
#VistaProducto .carousel
{
    width: 50%;
}
#VistaProducto .info > div
{
    width: 50%;
    padding:30px;
    line-height: 20px;
    text-align:  justify;
}
.owl-item
{
    height:100px;
    display:flex;
    align-items:center;
    margin:0 20px;
    justify-content:center;
}
footer label
{
    color:white;
}
footer form
{
    color:black
}
header.fijo
{
    width:100%;
    position:fixed;
    padding-top: 20px;
    background-color: #2c2c2ce9;
    z-index: 23;
}
header.fijo .col-md-3 img 
{
    height: 45px;
}
header.fijo nav 
{
    /* margin-top:-15px; */
}
/* Responsive */
@media (max-width: 768px) {
    .SubSlider .flex
    {
        justify-content: space-around;
    }
    .SubSlider .container:before, .SubSlider .container:after
    {
        display:none;
    }
  .navbar-toggle {
      background: white;
      margin-top: 0;
      margin-right: 0;
      width: fit-content;
      margin-left: auto;
    }
    .navbar-toggle span {
      background: #0b9894;
    }
    .sub-header nav {
      margin-top: 0;
    }
    header nav
    {
      position:absolute;
      top: 97px;
      width: 100%;
    }
    header nav ul li {
      display: block !important;
      text-align: center;
      padding: 5px;
      float: none!important;
      padding: 0px!important;
      margin: 0!important;
      font-size: 13px;
      width: 90%;
    }
    nav ul {
        background-color: rgb(9, 150, 147);
        color: white;
        /* min-width: 300px; */
        float: none!important;
        display: block;
        width: 100%;
        flex-direction: column;
        margin: 0!important;
    }
    nav ul li a
    {
        color:white;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        /* background-color: rgb(181, 4, 4)!important; */
        border-radius: 0;
        padding: 15px!important;
    }
    header nav ul li.activo, header nav ul li:hover
    {
      background: #2dacd5!important;
      border-top: none;
      color: #09365f;
    }
    .navbar-collapse
    {
      width:100%;
      position: fixed!important;
      width:100%;
      height:100%;
      top: 100px;
      left:100%;
      z-index: 17;
      padding: 0;
      transition:  0.5s;
      display: block!important;
    }
    .navbar-collapse.in
    {
      left:0;
    }
    header ul ul li a 
    {
      background-color:#1e57e8;
    }
    .navbar-toggle b 
    {
        position:absolute;
        display:  none;
    }
    header .col-md-3 img
    {
        height:80px;
    }
    header .flex
    {
        align-items:center;
        justify-content:space-between
    }
    .lineas div:after,.lineas div:before
    {
        width:50px;
    }
    .lineas div:before
    {
        left:-50px;
    }
    .lineas div:after
    {
        right:-50px;
    }
    #Eventos .item
    {
        width:48%;
        display:  flex;
    }
    #Eventos .item a 
    {
        display:flex;
        flex-direction:column;
        width:100%;
        justify-content:space-between;
        align-items:  center;
    }
    #Eventos button
    {
        font-size:12px;
        padding:2px 20px;
        width:  fit-content;
    }
    #Eventos button:before,#Eventos button:after
    {
        width:20px;
    }
    #Eventos button:before
    {
        left:-20px;
    }
    #Eventos button:after
    {
        right:-20px;
    }
    #Eventos h3
    {
        font-size:14px;
    }
    #Eventos .img
    {
        height:150px;
        width: 100%;
    }
    h2
    {
        font-size:30px;
    }
    .lineas div
    {
        width:100px;
    }
    .carousel p
    {
        font-size:13px;
        width:80%;
        margin:auto;
        margin-bottom:30px;
    }
    .carousel a
    {
        padding:5px 30px;
    }
    .carousel-indicators
    {
        bottom: 30px;
    }
    .SubSlider b
    {
        font-size:14px;
        line-height:20px;
    }
    p 
    {
        font-size:14px;
    }
    .SubSlider .col-md-3
    {
        margin:10px 0;
        width: 45%;
        float: none;
    }
    #Nosotros h2
    {
        text-align:center;
    }
    #Nosotros .lineas div
    {
        float:none;
    }
    .lineas.izq div:after
    {
        display:initial;
    }
    #Nosotros h3
    {
        font-size:16px;
        text-align:justify;
    }
    #Nosotros .col-md-7 strong
    {
        font-size:14px;
    }
    #Servicios .item
    {
        width: 45%;
        margin: 30px 0;
    }
    #Servicios .flex
    {
        justify-content:space-around
    }
    #Servicios button
    {
        font-size:13px;
        padding:2px 10px;
        left: calc(50% - 37px);
    }
    #Servicios button:before
    {
        width:20px;
        left:-20px;
    }
    #Servicios button:after
    {
        width:20px;
        right:-20px;
    }
    #Servicios h3
    {
        font-size:18px;
    }
    #NuestroTrabajo li
    {
        width:48%;
        margin: 10px 0;
    }
    #Marcas .item
    {
        width:50%;
    }
    .owl-item
    {
        margin:0
    }
    footer .col-md-5
    {
        text-align:center;
        margin-bottom:30px
    }
    footer .lineas
    {
        float:none;
    }
    .Banner h1
    {
        font-size:25px;
    }
    .Banner
    {
        height:300px
    }
    #VistaProducto .info
    {
        flex-direction:column;
        /* align-items: initial; */
        /* justify-content:  space-between; */
    }
    #VistaProducto .carousel
    {
        width:100%
    }
    #VistaProducto .info > div
    {
        width:95%;
        text-align:center;
    }
    #VistaProducto .carousel .item, #VistaProducto .carousel .carousel-inner
    {
        height:300px;
        margin-top:10px;
    }
    #VistaProducto .info ul li 
    {
        text-align:left;
        width:100%
    }
}