@charset "UTF-8";
/* CSS Document */

/*-------------------------------------navbar------------------------*/
.logo-nav{
    max-width: 120px;
    min-width: 80px;
}
.navbar .megamenu{ 
    padding: 0rem; 
}
.bg-primary {
    background-color: #f2f2f2!important;
    border-bottom: 0.5px solid #828282;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.txt-cont-nav{
    text-align: right;
    color: #f2f2f2;
    margin-top: 2px;
    margin-bottom: 2px;
}
.txt-cont-nav>span{
    padding-right: 2rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #595959;
    font-weight: 600;
    padding-right: 2rem;
    font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1920 - 300)));
    text-transform: uppercase;
    letter-spacing: 0.1rem;
}

.navbar-nav .dropdown-menu {
    background-color: #f2f2f2!important;
    
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #A1A3A1;
}
.box-drop{
    padding-left: 6rem;
    padding-right: 2rem;
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.back-drop{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;  
}

.title-drop-nav{
    font-family: 'Noto Serif Display', serif;
    font-size: calc(16px + (50 - 16) * ((100vw - 300px) / (1920 - 300)))!important;
    font-weight: 600;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.title-drop-nav span {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(172, 106, 172, 0) 56%, #E7E4DB 57%, #E7E4DB 97%, rgba(172, 106, 172, 0) 98%);
  background-size: 0 100%;
  color: #363533;
  background-repeat: no-repeat;
  transition: 250ms linear;
}
.title-drop-nav span:hover {
    color: #363533;
  background-size: 100% 100%;
}
.title-nav{
    padding-top: 1rem;
    font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 800;
}
.back-drop{
    padding: 8rem;
}
#image{
    background-image: url(../img/hov-menu/logo-hov.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 74vh;
    transition-duration: 1s;
}
#almond{
   
}
@media all and (min-width: 992px) {

  .navbar .has-megamenu{
    position:static!important;
    }
  .navbar .megamenu{
    left:0; 
    right:0; 
    width:100%; 
    margin-top:0;
    min-height: 95vh;  
    }
}   

@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
    max-height: 90vh;
    margin-top:10px;
    }
}
.title-drop-nav{
pointer-events: auto;
}

.back-drop:hover{
    pointer-events: none;
}
/*-------------------------------------fine-navbar------------------------*/


@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 700px) {
.box-drop {
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.title-drop-nav{
    font-family: 'Noto Serif Display', serif;
    font-size: calc(24px + (50 - 24) * ((100vw - 300px) / (1920 - 300)))!important;
    font-weight: 900;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}
.box-drop{
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.back-drop {
    padding: 0rem;
}
#image{
    height: 60vh;
}
}