.top-bar{
    width:100%;
    color:white;
    border-top:1px solid rgb(0, 0, 0);
    height:40px;
    text-align:center;
}
.header-main{
    width:100%;
    background-color:rgb(226, 227, 236);
    height: 60px;
    color:rgb(0, 0, 0);
}
.nav-link{
    color:black !important;
}
.nav-link:hover{
    border-bottom:1px solid black;
}
body{
    background-size: 100% 100%; 
    background-attachment: fixed;
}
html{
    height: 100% 100% auto;
	
} 
.parallax{
    width:100%;
    height:100vh;
    background-image: url('../images/image.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display:flex;
    justify-content: center;
    align-items: center;
}
.parallax h2{
    font-size:50px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    margin-top:-350px;
}
.parallax p{
    font-size:30px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    
}
.sect-1{
    height:200px;
}

h2{
    font-size:32px;
    font-weight: 300;
    text-align: center;

}
.parallax-medio{
    height: auto;
    background-image: url('../images/pag.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;

}
.parallax-medio h2{
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;    
    font-weight: 300;
    text-align: center;
    color:white;

}

.sect-2 .col-sm{
    padding:5px;
    padding-bottom:40px;
    
}

.parallax-menor{
    height: auto;
    background-image: url('../images/font.png');
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    padding: 20px;

}
.parallax-menor h2{
    
    text-align: center;
    color:white;

}
.parallax-menor p{
    padding-top: 20px;
    font-size:24px;
    font-weight: 300;
    text-align: justify;
    color:white;
    background-color: rgba(16, 73, 128, 0.719);

}
h2{
    
    text-align:center;
    display:flex;
    height: inherit;
    justify-content: center;
    align-items: center;
}
h3{
    padding:15px;
    padding-top:0px;
    margin-top:-10px;
    text-align:center;
    display:flex;
    height: inherit;
    justify-content: center;
    align-items: center;
    color:white;
}
p{
    padding-left:40px;
    padding-right: 40px;
    padding-bottom:40px;
    text-align:justify;
    display:flex;
    height: inherit;
    justify-content: center;
    align-items: center;
}
body, html{ margin:0; padding:0;}

.nv2{ 
    z-index:9999999;
    height:80px; 
    width:100%; 
    background:rgba(238, 242, 252, 0.925); 
    color:rgb(14, 6, 6); 
    text-align:center;
}

.contenido{width:100%;}

.fixed{position:fixed; top:0}

.nv2-r{
    padding:0px;
    padding-top:15px;
    
    font-size:20px;
}
.active{
    
    border-bottom: 1px solid blue;;
    height: 46px;
}
.active:hover{
    background: rgba(233, 234, 245, 0.952);
}
.par{
    padding:20px;
}
.map-container-2{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.map-container-2 iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}





.parallax-ser{
    width:100%;
    height:100vh;
    background-image: url('../images/fondo5.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display:flex;
    justify-content: left;
    align-items: center;
    text-align: left ;
}
.parallax-ser h2{
    font-size:70px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:white;
}
.parallax-ser p{
    font-size:40px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:white;
}
.sect-ser-1{
    height:500px;
}
.sect-ser-1 p{
    font-size:40px;
}
.sect-ser-2{
    height:500px;
}
.sect-ser-2 p{
    font-size:40px;
}
h4{
    font-size:20px;
    color: black;
}



.parallax-QS{
    width:100%;
    height:100vh;
    background-image: url('../images/quienessomos.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    display:flex;
    justify-content: left;
    align-items: center;
    text-align: left ;
}
.parallax-QS h2{
    font-size:70px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:white;
}
.parallax-QS p{
    font-size:40px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    color:white;
}
.sect-QS-1{
    height:500px;
}
.sect-QS-1 p{
    font-size:20px;
}
.sect-QS-2{
    height:500px;
}
.sect-QS-2 p{
    font-size:33px;
}
.sect-QS-3{
    height:500px;
}
.sect-QS-3 p{
    font-size:33px;
}
h4{
    font-size:20px;
    color: black;
}

.contacto{
    height: auto;
}

.sect-cont p{
    font-size:50px;
}

.formularioSoporte{
    border: 1px solid black;
    border-radius:5px;
    padding:20px;
}

.formularioSoporte input,textarea, select{
    border: 1px solid black;
    border-radius:5px;
    margin-bottom:5px;
    padding:10px;
    width:100%;
}
#botonsoporte:hover{
    background-color: rgb(12, 16, 243);
    color:white
}

.btnco{
    display: none;
}

@media (max-width: 575px) { 
    .header-main{
        margin-top:0px !important;
        background-color: rgb(235, 236, 238);
        
    }
    
    .btnco{
        display: inline-block;
        position: fixed !important;
        top:100px;
        z-index:99999;
        color:white;
        background-color: rgba(52, 108, 231, 0.89);
    }
    .navbar-collapse{
        background-color: rgb(235, 236, 238);
    }
    .navbar{
        display:none !important;
    }
    .parallax-menor p{
        
        font-size:18px;
        font-weight: 300;
        text-align: justify;
        color:white;
        background-color: rgba(10, 49, 85, 0.486);
        padding-top: 10px;
    
    }
    .parallax{
        width:100%;
        height: 100vh;
        background-size: 100% 100%;
    }
    .parallax h2{
        font-size:30px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        margin-top:200px;
    }
    .parallax p{
        font-size:20px;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        margin-top:0px;
    }
    
}


@media (min-width: 576px) and (max-width: 767px) {  }


@media (min-width: 768px) and (max-width: 991px) {  }


@media (min-width: 992px) and (max-width: 1199px) {  }


@media (min-width: 1200px) {  }