/* The navigation menu */
.navbar {
  overflow: hidden;
  width: 100%;
  

  /*background-color: #333;*/
}

/* Navigation links */
.navbar a {
  float: right;
  font-size: 22px;
  color: white;
  text-align: center;
  /*padding: 14px 16px;*/
  padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 16px;
  text-decoration: none;
  font-weight: 200;
}

/* The subnavigation menu */
.subnav {
  float: right;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 22px;
  border: none;
  outline: none;
  color: white;
  /*padding: 14px 16px;*/
  padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.subnav .subnavbtn:active {
  /*color: #00c2f3;*/
  font-weight: 700;
}



/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  /*background-color: red;*/
  /*color: #00c2f3;*/
  font-weight: 700;
}



/* Style the subnav content - positioned absolute */
.subnav-content {
  margin-top: -15px;
  display: none;
  position: absolute;
  left: 0;
  /*background-color: red;*/
  width: 100%;
  z-index: 1;
  font-size: 18px;
  /*right: 15px;*/
}

/* Style the subnav links */
.subnav-content a {
  float: right;
  color: white;
  text-decoration: none;
  font-size: 16px;
  /*margin-left: 10px;*/
  margin-top: -10px;

}

/* Add a grey background color on hover */
.subnav-content a:hover {
  /*background-color: #eee;*/

  /*color: #00c2f3;*/
  font-weight: 700;
}


/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}

.subnav-content.show {
    display: block;
}

/* Style the subnav content - positioned absolute */
.subnav4-content4 {
  margin-top: -15px;
  display: none;
  position: absolute;
  left: 0;
  /*background-color: red;*/
  width: 100%;
  z-index: 1;
  font-size: 18px;
  /*right: 15px;*/
  padding-right: unset;
}

/* Style the subnav links */
.subnav4-content4 a {
  float: right;
  color: white;
  text-decoration: none;
  font-size: 16px;
  /*margin-left: 10px;*/
  margin-top: -16px;

}

/* Add a grey background color on hover */
.subnav4-content4 a:hover {
  /*background-color: #eee;*/

  /*color: #00c2f3;*/
  font-weight: 500;
}


/* When you move the mouse over the subnav container, open the subnav content */
.subnav4:hover .subnav4-content4 {
  display: block;
}



.navbar2 {
  overflow: hidden;
  /*margin-top: -15px;*/
  position: relative;
  min-height: 85px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  width: 100%;
  justify-content: end;
  display: flex;
  padding-top: 10px;
  flex-wrap: wrap;

}

/* Navigation links */
.navbar2 a {
  float: right;
  font-size: 22px;
  color: #393839;;
  text-align: center;
  /*padding: 14px 16px;*/
  padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 16px;
  text-decoration: none;
  /*font-weight: 400;*/

}

/* The subnavigation menu */
.subnav2 {
  float: right;
  overflow: hidden;
}

/* Subnav button */
.subnav2 .subnavbtn2 {
  font-size: 22px;
  border: none;
  outline: none;
  color: #393839;
  /*padding: 14px 16px;*/
  padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.subnav2 .subnavbtn2:active {
  /*color: #00c2f3;*/
  font-weight: 500;
}



/* Add a red background color to navigation links on hover */
.navbar2 a:hover, .subnav2:hover .subnavbtn2 {
  /*background-color: red;*/
  /*color: #00c2f3;*/
  font-weight: 500;
}



/* Style the subnav content - positioned absolute */
.subnav2-content2 {
  margin-top: -10px;
  display: none;
  position: absolute;
  left: 0;
  /*background-color: red;*/
  width: 100%;
  z-index: 1;
  font-size: 18px;
  /*right: 15px;*/
}

/* Style the subnav links */
.subnav2-content2 a {
  float: right;
  color: #393839;
  text-decoration: none;
  font-size: 16px;
  /*margin-left: 10px;*/
  margin-top: -10px;

}

/* Add a grey background color on hover */
.subnav2-content2 a:hover {
  /*background-color: #eee;*/

  /*color: #00c2f3;*/
  font-weight: 500;
}



/* When you move the mouse over the subnav container, open the subnav content */
.subnav2:hover .subnav2-content2 {
  display: block;
}









/* The subnavigation menu */
.subnav3 {
  float: right;
  overflow: hidden;
}

/* Subnav button */
.subnav3 .subnavbtn3 {
  font-size: 22px;
  border: none;
  outline: none;
  color: #393839;
  /*padding: 14px 16px;*/
  padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.subnav3 .subnavbtn3:active {
  /*color: #00c2f3;*/
  font-weight: 500;
}



/* Add a red background color to navigation links on hover */
.navbar2 a:hover, .subnav3:hover .subnavbtn3 {
  /*background-color: red;*/
  /*color: #00c2f3;*/
  font-weight: 500;
}



/* Style the subnav content - positioned absolute */
.subnav3-content3 {
  margin-top: -10px;
  display: none;
  position: absolute;
  left: 0;
  /*background-color: red;*/
  width: 100%;
  z-index: 1;
  font-size: 18px;
  /*right: 15px;*/
}

/* Style the subnav links */
.subnav3-content3 a {
  float: right;
  color: #393839;
  text-decoration: none;
  font-size: 14px;
  /*margin-left: 10px;*/
  margin-top: -10px;

}

/* Add a grey background color on hover */
.subnav3-content3 a:hover {
  /*background-color: #eee;*/

  /*color: #00c2f3;*/
  font-weight: 500;
}



/* When you move the mouse over the subnav container, open the subnav content */
.subnav3:hover .subnav3-content3 {
  display: block;
}






/* The subnavigation menu */
.subnav4 {
  float: right;
  overflow: hidden;
}

/* Subnav button */
.subnav4 .subnavbtn4 {
  font-size: 22px;
  border: none;
  outline: none;
  color: #393839;
  /*padding: 14px 16px;*/
   padding-left: 16px;
  padding-bottom: 14px;
  padding-top: 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
  padding-right: unset;

}

.subnav4 .subnavbtn4:active {
  /*color: #00c2f3;*/
  font-weight: 500;
}



/* Add a red background color to navigation links on hover */
.navbar2 a:hover, .subnav4:hover .subnavbtn4 {
  /*background-color: red;*/
  /*color: #00c2f3;*/
  font-weight: 500;
}



/* Style the subnav content - positioned absolute */
.subnav4-content4 {
  margin-top: -10px;
  display: none;
  position: absolute;
  left: 0;
  /*background-color: red;*/
  width: 100%;
  z-index: 1;
  font-size: 18px;
  /*right: 15px;*/
}

/* Style the subnav links */
.subnav4-content4 a {
  float: right;
  color: #393839;
  text-decoration: none;
  font-size: 16px;
  /*margin-left: 10px;*/
  margin-top: -10px;

}

/* Add a grey background color on hover */
.subnav4-content4 a:hover {
  /*background-color: #eee;*/

  /*color: #00c2f3;*/
  font-weight: 500;
}



/* When you move the mouse over the subnav container, open the subnav content */
.subnav4:hover .subnav4-content4 {
  display: block;
}





/*!* The navigation menu *!*/
/*.navbar2 {*/
/*  overflow: hidden;*/
/*  !*background-color: #333;*!*/
/*  position: relative;*/
/*}*/

/*!* Navigation links *!*/
/*.navbar2 a {*/
/*  float: left;*/
/*  font-size: 18px;*/
/*  color: #393839;*/
/*  text-align: center;*/
/*  padding: 14px 16px;*/
/*  text-decoration: none;*/

/*}*/

/*!* The subnavigation menu *!*/
/*.subnav2 {*/
/*  float: left;*/
/*  overflow: hidden;*/
/*}*/

/*!* Subnav button *!*/
/*.subnav2 .subnavbtn2 {*/
/*  font-size: 18px;*/
/*  border: none;*/
/*  outline: none;*/
/*  color: #393839;*/
/*  padding: 14px 16px;*/
/*  background-color: inherit;*/
/*  font-family: inherit;*/
/*  margin: 0;*/
/*}*/

/*.subnav2 .subnavbtn2:active {*/
/*  color: #00c2f3;*/
/*  font-weight: 500;*/
/*}*/



/*!* Add a red background color to navigation links on hover *!*/
/*.navbar2 a:hover, .subnav2:hover .subnavbtn2 {*/
/*  !*background-color: red;*!*/
/*  color: #00c2f3;*/
/*  font-weight: 500;*/
/*}*/



/*!* Style the subnav content - positioned absolute *!*/
/*.subnav2-content2 {*/
/*  margin-top: -15px;*/
/*  display: none;*/
/*  position: absolute;*/
/*  !*left: 8px;*!*/
/*  !*background-color: red;*!*/
/*  width: 100%;*/
/*  z-index: 1;*/
/*  font-size: 16px;*/
/*  right: 0px;*/
/*}*/

/*!* Style the subnav links *!*/
/*.subnav2-content2 a {*/

/*    color: #393839;*/
/*    !*float: right;*!*/
/*    text-decoration: none;*/
/*    font-size: 14px;*/
/*    !*margin-left: 10px;*!*/
/*    margin-top: -15px;*/



/*}*/

/*!* Add a grey background color on hover *!*/
/*.subnav2-content2 a:hover {*/
/*  !*background-color: #eee;*!*/

/*  color: #00c2f3;*/
/*  font-weight: 500;*/
/*}*/



/*!* When you move the mouse over the subnav container, open the subnav content *!*/
/*.subnav2:hover .subnav2-content2 {*/
/*  display: block;*/
/*}*/