/*FUENTES*/

@font-face {
    font-family: Fjalla One;
    src: url(font/FjallaOne-Regular.ttf) format("truetype");
}

@font-face {
    font-family: Roboto Condensed;
    src: url(font/RobotoCondensed-Light.ttf) format("truetype");
  }

/*******************************************************************/

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    background-color: black;
}

/*NAVBAR*/
.navbar {
    height: 87px;
    background-color: black;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 600;
    font-size: 18px;
    position: fixed;
    top: 0;
    width:100%;
    z-index: 4;
}
.nav-link{
    color: #d5d5d5;
    transition: 0.3s;
}
.nav-link:hover{
    color: #e5212d;
}

@media(max-width:991px){
    .navbar-nav{
        background-color: black;
        padding: 10px;
        border-radius: 10px;
    }
}

/*HEADER*/

header {
background: linear-gradient(rgba(5,7,12,0.7),rgba(5,7,12,0.7)),url(img/img-1.jpg) no-repeat center center fixed;
/* background: linear-gradient(rgba(5,7,12,0.7),rgba(5,7,12,0.7)),url(img/img-1.jpg);
background-repeat: no-repeat;
background-position: center center; */
background-size: cover;
height: 1000px;
}

header h1{
    font-size: 60px;
    text-align: center;
}

main{
    background-color:#170000;
}

@media(max-width:991px){
    header { 
        height: 800px;
    }

    header h1{
        font-size: 38px; 
    }
}

@media (max-width: 576px) {
    header h1{
        font-size: 20px;  
    }
}

@media (min-height: 1000px) {
    header { 
        height: 1000px;
    }
}

/*EMPRESA*/
#empresa {
   padding-top: 50px;
   padding-bottom: 50px;
}
span {
    color: #e5212d;
}

#img-empresa{
    width: 80%;
    border-radius: 5px;
}

#empresa p{
    text-align: justify;
    text-align-last: center;
}

@media(max-width:991px){
   #img-empresa{
    margin-bottom: 50px;
   }
}

@media (max-width: 576px) {
   #img-empresa{
    display: none;
   }
}

/*TITULOS*/

h1{
    color: #d5d5d5;
    font-family: 'Fjalla One', sans-serif;
        font-weight: 600;

}

h2{
    color: #d5d5d5;
    font-family: 'Fjalla One', sans-serif;
    font-weight: 600;
    font-size: 40px;

}

h3{
    color: #d5d5d5;
    font-family: 'Fjalla One', sans-serif;
        font-weight: 600;
        font-size: 40px;
}

h5{
    color: #e5212d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

p{
    color: white;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
}

/*SERVICIOS*/

#servicios {
    padding: 80px 0 80px 0;
}

#servicios img{
    width: 200px;
    transition: 0.3s;
}

#servicios img:hover{
    filter: none;
}

#servicios p {
    margin: 0 20% 0 20%;
}

#servicios h3{
    color: #e5212d;
    font-weight: 100;
    font-size: 35px;
}

/*GALERIA*/

#galeria{
    padding: 80px 0 80px 0;
}

/*CONTACTO*/
#contacto{
    padding: 40px 0 30px 0;
    color: white;
}

#info-contacto{
    display: flex;
    align-items: center;
    justify-content: center;
}

#contacto ul{
    list-style: none;
    text-align: center;
    padding: 0;
}

#contacto p{
    font-size: 20px;
}

#contacto .form-control {
    background-color: #d5d5d5;
}

#contacto button {
    background-color: #e5212d;
    color: white;
}

@media(max-width:991px){
    
 }
 
 @media (max-width: 576px) {
    #contactForm {
        margin: 15px;
    }
 }

/*FOOTER*/

footer{
    background-color: black;
    color: white;
    padding: 50px 0;
}

footer .red-social ul{
    display: flex;
    list-style: none;
    justify-content: center;
    padding: 0;
    margin-bottom: 30px;
}

footer .red-social ul li a {
    padding: 0 10px;
    transition: 0.3s;
    color: white;
}

footer .red-social ul li a :hover{
    color: #e5212d;
}

.footer-text{
    text-align: center;
    font-size: 12px;
}

.footer-text a{
    text-decoration: none;
    color: #e5212d;
}

/*OTROS*/

.container-fluid{
    position: relative;
}

.background-2{
    background-color: #1c0000;
}

/* SEPARADORES */

#separador-img{
    display: flex;
   background: linear-gradient(rgba(5,7,12,0.5),rgba(5,7,12,0.5)),url(img/separador-1.jpg) no-repeat center center fixed;
   background-size: cover;
   height: 20em;
   justify-content: center;
   align-items: center;
   text-align: center;
}

#separador-img-2{
   display: flex;
   background-color: black;
   height: 20em;
   justify-content: center;
   align-items: center;
   padding-top: 50px;
   text-align: center;
}

#separador-img-2 .texto-pri {
    font-size: 51px;
    font-weight: bold;
}
 
 @media (max-width: 576px) {

    #separador-img-2 .texto-pri {
        font-size: 30px;
    }

    #separador-img-2 p{
        font-size: 16px;
    }

 }

.separador-top{
    overflow:hidden;
    position:relative;
    }
    .separador-top::before{
    content:'';
    font-family:'shape divider from ShapeDividers.com';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat; 
    background-size: 400% 40px;
    background-position: 50% 0%;    
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23000000"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>'); 
    }
    
    @media (min-width:768px){
    .separador-top::before{
    background-size: 400% 40px;
    background-position: 50% 0%;   
    }  
    }
     
    @media (min-width:1025px){
    .separador-top::before{ 
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw; 
    background-size: 400% 40px;
    background-position: 0% 0%;  
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23e5212d"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>'); 
    }
    }
   /*  @media (min-width:2100px){
    .separador-top::before{
    background-size: 400% calc(2vw + 40px); 
    }
    }
    */          

.separador-top-2{
    overflow:hidden;
    position:relative;
    }
    .separador-top-2::before{
    content:'';
    font-family:'shape divider from ShapeDividers.com';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat; 
    background-size: 400% 40px;
    background-position: 50% 0%;    
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23000000"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>'); 
    }
    
    @media (min-width:768px){
    .separador-top-2::before{
    background-size: 400% 40px;
    background-position: 50% 0%;   
    }  
    }
     
    @media (min-width:1025px){
    .separador-top-2::before{ 
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw; 
    background-size: 100% 40px;
    background-position: 50% 0%;  
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1134.63 158.42"><g fill="%23e5212d"><path d="M0 0h1134.63L565.17 111.32Z"/><path d="M0 0v51.38l565.17 107.04 569.46-115.6V0Z" opacity=".66"/></g></svg>'); 
    }
    }
    /* @media (min-width:2100px){
    .separador-top-2::before{
    background-size: 100% calc(2vw + 40px); 
    }
    }
    */

.separador-bottom{
    overflow:hidden;
    position:relative;
    }
    .separador-bottom::before{
    content:'';
    font-family:'shape divider from ShapeDividers.com';
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat; 
    background-size: 400% 40px;
    background-position: 50% 0%;    
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23000000"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>'); 
    }
    
    @media (min-width:768px){
    .separador-bottom::before{
    background-size: 400% 40px;
    background-position: 50% 0%;   
    }  
    }
     
    @media (min-width:1025px){
    .separador-bottom::before{ 
    bottom: -0.1vw;
    left: -0.1vw;
    right: -0.1vw;
    top: -0.1vw; 
    background-size: 400% 40px;
    background-position: 50% 100%;  
    background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23e5212d"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>'); 
    }
    }
    /* @media (min-width:2100px){
    .separador-bottom::before{
    background-size: 400% calc(2vw + 40px);
    } 
    }    
    */     
    
    .shapedividers_com-8852{
        overflow:hidden;
        position:relative;
        }
        .shapedividers_com-8852::before{
        content:'';
        font-family:'shape divider from ShapeDividers.com';
        position: absolute;
        bottom: -1px;
        left: -1px;
        right: -1px;
        top: -1px;
        z-index: 3;
        pointer-events: none;
        background-repeat: no-repeat; 
        background-size: 400% 21px;
        background-position: 50% 0%;    
        background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23e5212d"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>'); 
        }
        
        @media (min-width:768px){
        .shapedividers_com-8852::before{
        background-size: 400% 31px;
        background-position: 50% 0%;   
        }  
        }
         
        @media (min-width:1025px){
        .shapedividers_com-8852::before{ 
        bottom: -0.1vw;
        left: -0.1vw;
        right: -0.1vw;
        top: -0.1vw; 
        background-size: 400% 40px;
        background-position: 100% 0%;  
        }
        }
    /*     @media (min-width:2100px){
        .shapedividers_com-8852::before{
        background-size: 400% calc(2vw + 40px);
        }
        } */
         






        .shapedividers_com-7922{
            overflow:hidden;
            position:relative;
            }
            .shapedividers_com-7922::before{
            content:'';
            font-family:'shape divider from ShapeDividers.com';
            position: absolute;
            bottom: -1px;
            left: -1px;
            right: -1px;
            top: -1px;
            z-index: 3;
            pointer-events: none;
            background-repeat: no-repeat; 
            background-size: 400% 21px;
            background-position: 0% 0%;    
            background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23e5212d"><path d="M381 8.47L0 42.33V0h381z"/><path d="M381 33.87L0 59.27V0h381z" opacity=".33"/><path d="M381 59.27L0 77.25V0h381z" opacity=".33"/></g></svg>'); 
            }
            
            @media (min-width:768px){
            .shapedividers_com-7922::before{
            background-size: 400% 31px;
            background-position: 0% 0%;   
            }  
            }
             
            @media (min-width:1025px){
            .shapedividers_com-7922::before{ 
            bottom: -0.1vw;
            left: -0.1vw;
            right: -0.1vw;
            top: -0.1vw; 
            background-size: 100% 50px;
            background-position: 50% 0%;  
            background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1134.63 158.42"><g fill="%23e5212d"><path d="M0 0h1134.63L565.17 111.32Z"/><path d="M0 0v51.38l565.17 107.04 569.46-115.6V0Z" opacity=".66"/></g></svg>'); 
            }
            }
            @media (min-width:2100px){
            .shapedividers_com-7922::before{
            background-size: 100% calc(2vw + 50px);
            }
            }