nav{
background: #dde1eb;
background: linear-gradient(0deg, rgb(234, 236, 241) 0%, rgba(255, 255, 255, 1) 100%);
    z-index: 9999;
}

.navbar{
    padding: 10px 0px;

}
.navbar-brand{
    text-align: center;
    padding: 30px;
}

.navbar-brand img{
    height: 40px;
    width: auto;
}
.navbar-toggler{
    background: #fff;
    border: #94A9DA 3px solid;
    color: #94A9DA;
    font-size: 1.5em;
    padding: 10px;
    transition: all 0.5s;
}

.navbar-toggler:hover{
    background: #94A9DA;
    border: #d8e3fb 3px solid;
    color: #fff;
    transition: all 0.5s;
}

.navbar-toggler:focus{
    background: #fff;
    border: #d8e3fb 3px solid;
    color: #94A9DA;
    transition: all 0.5s;

}

.nav-item{
    padding: 10px 15px;
}

.nav-item .nav-link{
    color: #818494;
    font-weight: 400;
    font-size: 1.1em;
    font-weight: normal;
    transition: all 0.5s ease;
}

.nav-item .nav-link:hover{
    color: #51d1f6;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active{
    font-weight: 500;
    color: #273D87;
    font-weight: bolder;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active:hover{
    color: #51d1f6;;
    transition: all 0.5s ease;
}
#navCotizarDesk{
    padding: 0px 50px;
}
button.navCotizar{
    background: #3eaed6;
    height: 50px;
    border-radius: 25px;
    border: 2px #fff solid;
    color: #ffffff;
    padding: 0px 50px;
    font-size: 1.1em;
    box-shadow: 2px 2px 5px 1px #00000015;
    transition: all 0.5s ease;
}

button.navCotizar:hover{
    background: #6684D2;
    box-shadow: 2px 2px 5px 1px #00000075;
    transform: scale(0.98);
    transition: all 0.5s ease;
}

button.navCotizar:focus{
    box-shadow: 2px 2px 5px 1px #00000075;
    border: 3px #fff solid;
    transition: all 0.5s ease;
}


#navCotizarMob{
    display: none;
}

@media (max-width: 991px){
    #navCotizarDesk{
    display: none;
}

#navCotizarMob{
    display: contents;
}

#navCotizarMob button{
    width: 100%;
    text-align: center;
    padding: 0px 15px;
    font-size: 1em;
    border-radius: 0;
}




}

@media (min-width: 1200px) and (max-width: 1399px){
    #navCotizarDesk{
    padding: 0px 30px;
}
button.navCotizar{
    width: 100%;
}
}

@media (min-width: 1100px) and (max-width: 1199px){
       #navCotizarDesk{
    padding: 0px 20px;
}
button.navCotizar{
    width: 100%;
    font-size: 1em;
}

.nav-item .nav-link{
    font-size: 1em;
}
}

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

    .navbar-brand img{
    height: 35px;
    width: auto;
}

       #navCotizarDesk{
    padding: 0px 10px;
}
button.navCotizar{
    width: 100%;
    font-size: 1em;
}

.nav-item .nav-link{
    font-size: 1em;
}
}

@media (min-width: 768px) and (max-width: 991px){
    /*
    
.navbar{
    padding: 10px 0px;

}
.navbar-brand{
    text-align: center;
    padding: 30px;
}

.navbar-brand img{
    height: 50px;
    width: auto;
}
.navbar-toggler{
    background: #fff;
    border: cyan 3px solid;
    color: blue;
    font-size: 2em;
    padding: 10px 5px;
}

.nav-item{
    padding: 10px 15px;
}

.nav-item .nav-link{
    color: #818494;
    font-weight: 400;
    font-size: 1.1em;
    font-weight: normal;
    transition: all 0.5s ease;
}

.nav-item .nav-link:hover{
    color: #51d1f6;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active{
    font-weight: 500;
    color: #273D87;
    font-weight: bolder;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active:hover{
    color: #51d1f6;;
    transition: all 0.5s ease;
}
#navCotizarDesk{
    padding: 0px 50px;
}
button.navCotizar{
    background: #3eaed6;
    height: 50px;
    border-radius: 25px;
    border: 2px #fff solid;
    color: #ffffff;
    padding: 0px 50px;
    font-size: 1.1em;
    box-shadow: 2px 2px 5px 1px #00000015;
    transition: all 0.5s ease;
}

button.navCotizar:hover{
    background: #6684D2;
    box-shadow: 2px 2px 5px 1px #00000075;
    transform: scale(0.98);
    transition: all 0.5s ease;
}

button.navCotizar:focus{
    box-shadow: 2px 2px 5px 1px #00000075;
    border: 3px #fff solid;
    transition: all 0.5s ease;
}


#navCotizarMob{
    display: none;
}
    */
}

@media (min-width: 576px) and (max-width: 767px){
    /*
    
.navbar{
    padding: 10px 0px;

}
.navbar-brand{
    text-align: center;
    padding: 30px;
}

.navbar-brand img{
    height: 50px;
    width: auto;
}
.navbar-toggler{
    background: #fff;
    border: cyan 3px solid;
    color: blue;
    font-size: 2em;
    padding: 10px 5px;
}

.nav-item{
    padding: 10px 15px;
}

.nav-item .nav-link{
    color: #818494;
    font-weight: 400;
    font-size: 1.1em;
    font-weight: normal;
    transition: all 0.5s ease;
}

.nav-item .nav-link:hover{
    color: #51d1f6;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active{
    font-weight: 500;
    color: #273D87;
    font-weight: bolder;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active:hover{
    color: #51d1f6;;
    transition: all 0.5s ease;
}
#navCotizarDesk{
    padding: 0px 50px;
}
button.navCotizar{
    background: #3eaed6;
    height: 50px;
    border-radius: 25px;
    border: 2px #fff solid;
    color: #ffffff;
    padding: 0px 50px;
    font-size: 1.1em;
    box-shadow: 2px 2px 5px 1px #00000015;
    transition: all 0.5s ease;
}

button.navCotizar:hover{
    background: #6684D2;
    box-shadow: 2px 2px 5px 1px #00000075;
    transform: scale(0.98);
    transition: all 0.5s ease;
}

button.navCotizar:focus{
    box-shadow: 2px 2px 5px 1px #00000075;
    border: 3px #fff solid;
    transition: all 0.5s ease;
}


#navCotizarMob{
    display: none;
}
    */
}

@media (max-width: 575px){
    /*
    
.navbar{
    padding: 10px 0px;

}
.navbar-brand{
    text-align: center;
    padding: 30px;
}

.navbar-brand img{
    height: 50px;
    width: auto;
}
.navbar-toggler{
    background: #fff;
    border: cyan 3px solid;
    color: blue;
    font-size: 2em;
    padding: 10px 5px;
}

.nav-item{
    padding: 10px 15px;
}

.nav-item .nav-link{
    color: #818494;
    font-weight: 400;
    font-size: 1.1em;
    font-weight: normal;
    transition: all 0.5s ease;
}

.nav-item .nav-link:hover{
    color: #51d1f6;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active{
    font-weight: 500;
    color: #273D87;
    font-weight: bolder;
    transition: all 0.5s ease;
}

.nav-item .nav-link.active:hover{
    color: #51d1f6;;
    transition: all 0.5s ease;
}
#navCotizarDesk{
    padding: 0px 50px;
}
button.navCotizar{
    background: #3eaed6;
    height: 50px;
    border-radius: 25px;
    border: 2px #fff solid;
    color: #ffffff;
    padding: 0px 50px;
    font-size: 1.1em;
    box-shadow: 2px 2px 5px 1px #00000015;
    transition: all 0.5s ease;
}

button.navCotizar:hover{
    background: #6684D2;
    box-shadow: 2px 2px 5px 1px #00000075;
    transform: scale(0.98);
    transition: all 0.5s ease;
}

button.navCotizar:focus{
    box-shadow: 2px 2px 5px 1px #00000075;
    border: 3px #fff solid;
    transition: all 0.5s ease;
}


#navCotizarMob{
    display: none;
}
    */
}

/*

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

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

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

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

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

@media (max-width: 575px){}

*/