/*
* Navbar
*/

.navbar-ms {
    padding:0!important;

    width:100vw;height:160px; /*overflow: hidden;*/

    position: absolute;z-index:99;
    top: 0; 

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.2); /* Use 'rgba' to allow transparency */
    
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    -moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.nav-side-left {
    height:100%;
    flex:0 0 33%;

    display:flex;align-items: flex-end;
}

.nav-side-center{
    flex: 0 0 33%;
    display:flex;align-items: center;justify-content: center;
}

.nav-side-right {
    flex: 0 0 33%;
}

.navbar-ms .container-fluid {
    height:100%;
}

.navbar-ms .navbar-row {
    width:100%;height:100%;
    display:flex;
    align-items: center;
}

.navbar-ms .navbar-row .nav-mobile {
    padding-left:2vw;
    width:3rem;height:100%;

    position:relative;

    display:none;align-items: center;
   
}

.navbar-ms .navbar-row .nav-mobile .icon-mobile{
    width:2rem;height:2rem;
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu {
    padding:1rem 0.5rem;
    width:40vw;height:60vh;
    position:absolute;top:50px;z-index:99;

    border:1px solid rgb(255,255,255,0.1);
    background:rgb(82, 82, 82, 0.90);
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu .container-mobile-menu {
    width:100%;height:100%;

    display:flex;flex-direction: column;
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu .container-mobile-menu .cm-item-cluster {
    margin:0;
    display:flex;flex-direction: column;
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu .container-mobile-menu  .cmm-item-l1 {
    margin:0.5rem 0;
    font-size:1.1rem;
    color:rgb(255,255,255,0.9);
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu .container-mobile-menu  .cmm-item-l2 {
    padding:0.1rem 0 0 0.5rem;margin-bottom:0.5rem;
    font-size:1rem;
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu .container-mobile-menu a {
    
    line-height:1.2rem;
    text-decoration:none;
    color:rgb(255,255,255,0.65);
}

.navbar-ms .navbar-row .nav-mobile .wrapper-mobile-menu .container-mobile-menu a:hover {
    color:rgb(255,255,255,1);
}

#wrapper-mobile {
    overflow: hidden; /* Prevent content overflow during height animations */
    display: none;    /* Initially hidden */
  }

.logo-ms{
    width:50%;max-width:230px;height:auto;
}

.navbar-ul-ms{
    margin:auto;
    width:70%;height:4rem;
    display:flex;flex-direction: row;
    align-items: center;justify-content: space-around;
    list-style-type: none;
}


.nav-link-ms,
.nav-link-ms-static
{
    width:12vw;

    display: block;

    font-size:0.9vw;
    line-height:1.2vw;
    color:rgb(255,255,255, 0.8);
    text-transform: uppercase;
    text-align: center;
    text-decoration:none;
}


.nav-link-ms-active{
    font-size:0.9vw;
    line-height:1.2vw;
    color:rgb(255,255,255, 1);
    text-transform: uppercase;
}

.nav-link-ms:hover,
.nav-link-ms-static:hover
{
    color:rgb(255,255,255, 1);
    text-shadow:1px 1px 5px rgb(255,255,255,1);
    cursor: pointer;
}



.logo-row-container-ms{
    padding:0.5rem 0; 
    width:100%; height:90px;
    display:flex; flex-direction: row;

}





/*
* Media queries
*/

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

}

@media only screen and (min-width: 481px) and (max-width: 768px) {

    
}

@media only screen and (max-width:768px){
    /* NavBar */
    .navbar-ms-collapse{
        display:none;
    }

}

@media only screen and (max-width: 1024px) {
    
    /*** Navbar ***/
    .navbar-ms{
        position:static;
        height:70px;
    }

    .socials-container .fsc-icon-text{
        height:25px;
    }

    .socials-container .fsc-icon-text img{
        width:20px;height:20px;
    }
    
    .socials-container .fsc-link{
        font-size:0.8rem;
        line-height: 1rem;
    }

    .nav-side-left{
        /*display:none;*/
    }

    .nav-side-right{
        flex:0 0 33%;
    }

    /*
    * Navbar mobile
    */
    .navbar-ms .navbar-row .nav-mobile{
        display:flex;
    }

    

    /*
    * Hero regular
    */
    .hero-regular{
        height:200px;
    }

    .hero-regular-contact:before{
        height:65px;
    }

    .hero-regular-contact .containerText {
        height:100%;
    }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
     

}

/* Laptops and desktops */
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
   
   
}

@media only screen and (min-width: 1000px) and (max-width: 1920px) {
    .slide-content {
        margin-top:100px;
    }
   
}

/* Large desktops */
@media only screen and (min-width: 1441px) and (max-width: 2300px) {


}


@media only screen and (min-width: 2331px) {


}