/* Navbar container */
.navbar-mega-menu {
    padding:0 2vw;
    width:100%;height:55px;
    overflow: hidden;
    background-color:transparent;
    font-family: Arial;
  }
  
  /* Links inside the navbar */
  .navbar-mega-menu a {
    padding: 14px 16px;
    float: left;

    font-size:1vw;
    line-height:1.2vw;
    color:rgb(255,255,255,0.85);
    text-align: center;
    
    text-decoration: none;
  }
  
  /* The dropdown container */
  .dropdown-button button {
    padding: 14px 16px;
    margin: 0; 
    font-size:1vw;
    line-height:1.2vw;
    color:rgb(255,255,255,0.85);

    border: none;
    outline: none;
    background:none;
  }


  .dropdown-button:hover {
    
    color:rgb(255,255,255,1);
    background:#525252;
  }

  .dropdown1,
  .dropdown2 
  
  {
    float: left;
    overflow: hidden;
  }
  
  /* Dropdown button */
  .dropdown1 .dropbtn1,
  .dropdown2 .dropbtn2
  {
    
    
    
    
   

    
  }
  
  /* Add a red background color to navbar links on hover */
  .navbar-mega-menu a:hover, .dropdown1:hover .dropbtn1,
  .navbar-mega-menu a:hover, .dropdown2:hover .dropbtn2
  {
    /*color: rgb(0,0,0,1);*/
  }
  
  /* Dropdown content (hidden by default) */
  .dropdown-content1, 
  .dropdown-content2
  {
    width: 100%;
    display: none;
    position: absolute; z-index: 999; left: 0;
    
    /*border:1px solid rgb(0,0,0,0.95);*/
    background-color: rgb(82,82,82,0.97);
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  }
  
  /* Mega Menu header, if needed */

  .dropdown-content .dropdown-header {
    padding:0 2vw;
    color: rgb(255,255,255,1);
    border-bottom:1px solid rgb(255,255,255,0.1);
    background: rgb(82, 82, 82);

    -webkit-box-shadow: 0px 3px 7px -3px rgba(37, 37, 37, 0.5);
    -moz-box-shadow: 0px 3px 7px -3px rgba(37, 37, 37, 0.5);
    box-shadow: 0px 3px 7px -3px rgba(37, 37, 37, 0.5);
  }

  .dropdown-content .dropdown-header h2 {
    padding:0.3vw 0;margin:0;
    font-size:1vw;
    line-height:1vw;
    font-weight:300;
    color:rgb(255,255,255,1);
  }

  .dropdown-content1 .header, 
  .dropdown-content2 .header
  {
    
   
  }
  
  /* Show the dropdown menu on hover */
  .dropdown1:hover .dropdown-content1
  {
    display: block;
  }

  .dropdown2:hover .dropdown-content2
  {
    display: block;
  }
  
  .dropdown .dropdown-content1, 
  .dropdown .dropdown-content2
  {
    background:rgb(51,51,51, 1);
  }


  .dropdown-content .row {
    padding:1vw;
    width:100%;
    display:flex;flex-wrap: wrap; justify-content: flex-start;
  }

  .dropdown-content .row h3 {
    padding:0;
    margin:0 0 0.3rem 0;
    font-size:1vw;
    line-height:1.2vw;
    color:rgb(255,255,255,1);
    font-weight:400;
  }

/* Create three equal columns that floats next to each other */
.column {
    /*padding: 0 1vw 0 2vw;*/
    margin:0 0 0 0.5vw;
    width:15%;min-width:250px;

    float: left;
    border-right:1px solid rgb(255,255,255,0.2);

}

.column-header{
    margin-bottom:0.5rem;
    display:flex;
}

.column-header .chIcon {
    margin-right:0.3vw;
    width:1.2vw;height:1.2vw;
    display:flex; align-items: center; justify-content: center;
}

.column-header .chIcon .chIcon img {
    width:auto; height:100%;
    display:block;
}

.column-header .chText{
    padding:0;
    margin:0 0 0.3rem 0;
    font-size:1vw;
    line-height:1.2vw;
    color:rgb(255,255,255,1);
    font-weight:400;
}
  
  /* Style links inside the columns */
.column a {
    padding: 0 0 0 1.5vw;
    float: none; display: block;

    font-size:0.9vw;
    line-height:1.2vw;
    color: rgb(255,255,255,0.65);
    text-decoration: none;  
    text-align: left;
}
  
/* Add a background color on hover */
.column a:hover {
    color: rgb(255,255,255,1);
    text-shadow: 0px 4px 5px rgba(255, 255, 255, 0.5);
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}



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

    .navbar-mega-menu  {
        display:none;
    }
}