/* General */
body
{
    font-family:'Raleway';
}
a,a:hover
{
    color:inherit;
    text-decoration:none;
}
/* Fin General */
/* Header */
.sup
{
    background-color:#363636;
    color:white;
}
.sup .container
{
    display:flex;
    padding:30px 0;
    font-weight:300;
    font-size:13px;
}
.sup img 
{
    margin-right:10px;
    margin-left:30px;
    height:17px;
}
header .cuerpo
{
    background-color:#6f6f6f;
    color:white;
    padding:20px 0;
}
header nav ul 
{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    width:100%;
    margin: 0;
}

header .logo 
{
    width:20%;
}
header nav ul li 
{
    margin:0 30px;
    font-weight:300;
    font-size:16px;
}
header nav.navbar-collapse.collapse 
{
    display: flex!important;
    width: 75%!important;
    align-items: center;
}
/* Fin Header */
/* Inicio */
#Sec1 #Der 
{
    width:73%;
    padding: 50px 0;
}
#S_Productos #Sec1
{
    justify-content:space-between;
}
#Sec1 #Izq
{
    color:white;
    text-align:Center;
    background-color:#d92027;
    width:25%;
    padding:30px;
    padding-left:80px;
}
#Sec1 #Video,#Sec1 #Nosotros
{
    width:75%;
}
#Sec1 #Nosotros h2 
{
    padding-top:0;
    margin-top:0;
}
#Sec1 #Nosotros
{
    padding:50px 150px;
    background-image: url(../img/bgNosotros.png);
    color: white;
}
#Sec1 #Nosotros h2 
{
    border-bottom:4px solid #d92027;
    padding-bottom:30px;
    margin-bottom:40px;
}
#Sec1 #Nosotros
{
    line-height:28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#Sec1 #Video > div 
{
    padding:50px 150px;
}
#Sec1 #Video h2 
{
    margin-top:-20px;
    margin-bottom:0;
}
#Sec1 #Izq ul li 
{
    border-bottom:1px solid white;
    padding:15px;
    font-family:'Encode Sans'
}
#Sec1 #Izq .titulo
{
    font-size:22px;
    font-family:'Encode Sans'
}
#S_Inicio #Sec1 .carousel
{
    width:75%;
    height:500px;
}
#Sec1 #Izq ul
{
    width:70%;
    margin:auto;
}
#S_Inicio #Sec1 .carousel .carousel-inner
{
    height:100%;
}
#S_Inicio #Sec1 .carousel .carousel-inner .item
{
    height:100%;
}
#Sec1 h3 
{
    margin-top:0;
}
#S_Inicio #Sec1 .carousel .item
{
    /* display:flex; */
    flex-direction:column;
    justify-content:center;
    padding:150px;
    color:white;
    font-family:'Encode Sans';
}
#Sec1 .carousel .item h3 
{
    font-weight:bold;
    font-size:30px;
}
#Sec1 .carousel .item h5 
{
    font-size:20px;
    font-weight:300;
}
#Sec1 .carousel .item a
{
    font-size:16px;
    font-weight:300;
}
#Sec1 .carousel .item p 
{
    margin:20px 0;
    border-top:4px solid #d92027;
}
.carousel-control
{
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
#UltimosTrabajos
{
    background-color:#363636;
    color:white;
    text-align:center;
}
.Titulo
{
    font-weight:bold;
    font-family:'Encode Sans';
    padding:50px;
        font-size:30px;
    
}
#UltimosTrabajos ul
{
    display:flex;
    flex-wrap:wrap;
}
#UltimosTrabajos ul li:hover
{
    transform:scale(1.05);
}
#UltimosTrabajos ul li
{
    width:25%;
    background-size:cover;
    background-position:center;
    height:300px;
    transition: 0.5s;
}
#UltimosTrabajos ul li div 
{
    width:100%;
    height:100%;
}
h2
{
    font-weight:bold;
    font-family:'Encode Sans';
    padding:50px;
        font-size:30px;
        text-align:center;
    
}
.videos:not(.interior)
{
    width:50%;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.videos.interior
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.videos:not(.interior) > div:nth-child(1)
{
    width:100%;
    border:4px solid #d92027;
}
.videos:not(.interior) > div:nth-child(2),.videos:not(.interior) > div:nth-child(3),.videos:not(.interior) > div:nth-child(4)
{
    width:28%;
    height:120px;
    margin:50px 0;
    border:4px solid #d92027;
    background-size:cover;
    background-position:center;
}
.videos > div div
{
    width:100%;
    height:100%;
    transition:0.5s;
    position:relative;
}
.videos.interior > div div
{
    height:250px;
}
.videos > div div:hover:after
{

    content:'';
    width:100%;
    height:100%;
    background-color:#0000009c;
    position:absolute;
    background-image:url(../img/play.png);
    background-position:center;
    background-repeat:no-repeat;
}
.videos > a,.videos > a button
{

    width:100%;
}
.videos > a button
{
    background-color:#d92027;
    border:none;
    color:white;
    font-weight:bold;
    font-size:20px;
    padding:15px;
}
#NuestrosClientes * 
{
    position:relative;
}
#NuestrosClientes
{
    margin:70px 0;
    color:white;
    text-align:center;
    background-image:url(../img/bgNC.png);
    position:relative;
}
#NuestrosClientes .Titulo
{
    background-color:#363636;
}
#NuestrosClientes .container
{
    padding:100px 0;
    position:relative;
}
#NuestrosClientes:before
{
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    background-color:black;
    top:0;
    left:0;
    opacity:0.4;
}
.owl-wrapper
{
    align-items:center;
    display:flex!important;
}
#ContactoS
{
    color:white;
    background-color: #d92027;
    padding-bottom: 70px;
}
#ContactoS .flex > div:first-child
{
    width:50%;
    padding:0 40px;
    padding-left: 0;
}
#ContactoS .flex > div:last-child
{
    width:50%;
}
#ContactoS input,#ContactoS textarea,#ContactoS button
{
    border:none;
    background-color:#363636;
    color:white;
    padding:12px 35px;
    margin-bottom:5px;
}
#ContactoS input
{
    width:49.5%;

}
#ContactoS form
{
    font-size:14px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-top:30px;
}
#ContactoS input:nth-child(3),#ContactoS textarea
{
    width:100%;
}
#ContactoS textarea
{
    height:100px;
}
#ContactoS a 
{
    font-weight:bold;
}
#ContactoS
{
    font-size:16px;
}
#ContactoS form *:focus
{
    outline:none;
}
/* Fin Inicio */
/* Footer */
footer
{
    background-image:url(../img/bgFooter.png);
    background-size:cover;
    background-position:center;
    color:white;
    padding:30px;
}
footer .flex
{
    align-items:flex-end;
}
footer .flex > div:last-child
{
    text-align:right;
}
footer .flex > div
{
    width:50%;
}
footer b 
{
    font-size:16px;
    padding-bottom:10px;
    margin-bottom:20px;
    display:block;
    width:fit-content;
    padding-right:100px;
    border-bottom:1px solid #d92027;
}
footer .flex ul li > div:first-child
{
    width: 30px;
    text-align:center;
    margin-right: 10px;
}
footer .flex ul li
{
    display:flex;
    margin: 10px 0;
}
footer .flex ul li img 
{
    /* margin-right:20px; */
}
/* Fin Footer */
.videos.interior > div 
{
    width:30%;
    margin-bottom:50px;
    height: 350px;
}
.videos.interior > div h4 
{
    font-size:16px;
    margin:20px 0;
}
.videos.interior > div button
{
    color:white;
    font-weight:bold;
    width:100%;
    padding:10px;
    border:none;
    background-color:#d92027;
}
#Video
{

}
.Titulo
{
    text-align:center
}
.productos button
{
    color:white;
    font-weight:bold;
    width:100%;
    padding:10px;
    border:none;
    background-color:#d92027;
    font-size: 18px;
}
.productos
{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.productos li 
{
    margin-bottom: 50px;
    width:30%;
}
.productos li .img 
{
    height:250px;
    background-size:cover;
    background-position:center;
}
.productos li h3 
{
    font-size:20px;
    font-weight:bold;
}
#Bg
{
    background-image:url(../img/bgContacto.png);
    color:white;
    padding:70px 0;
}
#Bg #ContactoS form
{
    margin:0;
}
#Bg h2 
{
    padding-top:0;
}
#Bg b 
{
    display:block;
    font-size:20px;
    border-bottom:5px solid #d92027;
    padding-bottom:20px;
    margin-right:50px;
}
#Bg .flex > div 
{
    width:48%;
    background: transparent;
}
#Bg .flex
{
    display:flex;
    justify-content:space-between;
}
#Bg .flex ul li > div:first-child
{
    width: 30px;
    text-align:center;
    margin-right: 10px;
}
#Bg .flex ul li
{
    display:flex;
    margin: 30px 0;
    font-size:16px;
}
header.fijo
{
    position:fixed;
    width:100%;
    z-index:10;
}
header.fijo .sup .container
{
    padding:10px;
}
header.fijo .sup .container img 
{
    height:13px;
}
header.fijo .logo img
{
    width:100px;
}
header.fijo li 
{
    font-size:14px;
}
header.fijo .cuerpo
{
    padding:10px;
}
/* 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;
      float: right;
    }
    .navbar-toggle span {
      background: #d92027;
    }
    .sub-header nav {
      margin-top: 0;
    }
    header nav
    {
      position: absolute!important;
      top: 0;
      width: 100%;
    }
    header .container > .flex > div:first-child
    {
        width: 30%;
    }
    header nav ul li {
      display: block !important;
      text-align: center;
      padding: 0;
      float: none!important;
      /* padding: 15px!important; */
      margin: 0!important;
      font-size: 13px;
      width: 100%;
    }
    nav ul {
        background-color: rgb(217, 32, 39);
        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: 20px!important;
        width: 100%;
        display: block;
    }
    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: #e67c29;
    }
    .navbar-toggle b 
    {
        position:absolute;
        display:  none;
    }
    .carousel .col-md-5
    {
        position:relative;
    }
    .flex{
        flex-direction:column;
    }
    header .container > .flex
    {
        flex-direction:row;
        align-items:center;
    }
    header .sup
    {
        display:none;
    }
    #UltimosTrabajos ul li
    {
        width: 25%;
        height: 100px;
    }
    #Sec1
    {
        flex-direction:column-reverse;
    }
    #Sec1 .carousel
    {
        width:100%;
        height: 350px;
    }
    #Sec1 #Izq
    {
        width:100%;
        padding: 0;
    }
    #Sec1 .carousel .item
    {
        padding:70px;
        text-align:center;
    }
    #Sec1 .carousel .item h3
    {
        font-size:20px;
    }
    #Sec1 .carousel .item h5
    {
        font-size:14px;
    }
    #Sec1 .carousel .item a 
    {
        font-size:14px;
    }
    #Sec1 #Izq ul li
    {
        padding:10px;
    }
    #Sec1 #Izq{
        padding-bottom:30px;
    }
    #Sec1 #Izq .titulo
    {
        padding:30px;
        padding-bottom:10px;
    }
    .Titulo
    {
        font-size: 20px;
        padding: 30px;
    }
    h2 
    {
        font-size:20px;
    }
    .videos:not(.interior)
    {
        width:100%;
    }
    .videos:not(.interior) > div:nth-child(2), .videos:not(.interior) > div:nth-child(3), .videos:not(.interior) > div:nth-child(4)
    {
        height:80px;
    }
    #NuestrosClientes .container
    {
        padding:40px 0;
    }
    #ContactoS .flex > div:first-child
    {
        width:100%;
        padding: 0;
        text-align: center;
    }
    #ContactoS .flex > div:last-child
    {
        width:100%;
        margin-top:50px;
    }
    footer .flex > div
    {
        width:100%;
    }
    #Sec1 #Video, #Sec1 #Nosotros
    {
        width:100%;
        padding: 50px 30px;
        text-align: center;
        background-size: cover;
    }
    .productos li
    {
        width:48%;
    }
    .productos li .img
    {
        height:150px;
    }
    .productos li p 
    {
        font-size:12px;
    }
    .productos li h3
    {
        font-size:14px;
    }
    #Bg .flex > div
    {
        width:100%;
    }
}
/* FIn Responsive */
.precio
{
    font-weight:bold;
    font-size:25px;
    margin-bottom:30px;
    color: #d92027;
}
#Producto .descripcion{/* padding:0 15px; */margin-top: 40px;clear:both;background-color: #F2F2F2;border: 1px solid #c4c4c4;}
#Producto .descripcion .nav-tabs{/* padding:15px; */background: #ea4d53;/* border-left:10px solid #0099C9; */border-radius:0;border-bottom:0;}
#Producto .descripcion .nav-tabs li.active{
    background-color: #d92027;
}
#Producto .descripcion .nav-tabs li{float:none;padding: 17px 24px;display:inline-block;vertical-align:middle;color:#555;line-height: 20px;margin-bottom: 0;}
#Producto .descripcion .nav-tabs li:last-child:after{content:""}
#Producto .descripcion .nav-tabs li a{padding:0;border:0;/* text-transform:uppercase; *//* font-weight:700; */font-size: 13px;display:inline-block;vertical-align:middle;color: white;background-color: transparent!important;}
#Producto .descripcion .nav-tabs > li.active > a,.descripcion .nav-tabs > li.active > a:hover,.descripcion .nav-tabs > li.active > a:focus{border:0;color: white;background:none;}
#Producto .descripcion .tab-content{padding: 20px 15px;line-height: 30px;}
#Producto .descripcion .tab-content ul{margin-top:30px}
#Producto .descripcion .tab-content ul li{margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px}
#Producto .descripcion .tab-content ul li:last-child{margin-bottom:0;padding-bottom:0;border:none}
#Producto #slider-thumbs img 
{
  height: 60px;
  margin: 3px;
}
#Producto #myCarousel2 img
{
  margin-bottom:5px;
}
#Producto h2
{
    text-align:left;
    margin-top:0;
    padding: 0;
    margin-bottom: 20px;
}