.header-container { /*this is position absolute*/
  /*min-height: 122px;*/
  top: 0;
}

.header-nav-container { /*this defines the height of the header*/
  /*min-height: 60px;*/
}

.nav-container {
  min-height: 25px;
  margin-top: 25px;
  margin-bottom: 0px;
  margin-right: 0px;
}

.head-contact-container {
  text-align: right;
  min-height: 44px;
  top: 0;
  right: 0;
  padding-top: 10px;
}

.header-contact {
  position: relative;
  z-index: 100;
}

.navbar {
  margin-bottom: 0;
  border: 0px solid transparent;
  padding: 0 !important;
  margin-top: 0px;
}
/* align navbar to right */
.collapse {
  margin-left: 0 !important;
}

.navbar-collapse {
  max-width: 1300px; /* set max width to max width of page */
  padding: 0 15px 0 0 !important;
  margin: 0 auto 0 auto;
}

.navbar-nav {
  /*width: 100%;
	display: inline-block;*/
  margin: 0;
  padding: 0;
}

.navbar-fullwidth {
  padding: 0;
}

.navbar-nav > li {
  padding: 0;
}

  .navbar-nav > li > a:link,
  .navbar-nav > li > a:visited,
  .navbar-nav > li > a:active,
  .navbar-nav > li > a:hover {
    font-family: effra, sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
    color: #003366 !important;
    text-decoration: none;
    padding: 0 0 0 22px;
    margin: 0 !important;
    border: 0px solid transparent !important;
    /*min-height:45px;*/
  }

  .navbar-nav > li > a:active,
  .navbar-nav > li > a:hover {
    color: #003366;
  }

  .navbar-nav > li > a:last-child {
    padding-right: 0;
  }
  /* change glyphicon next to main menu item */
  .navbar-nav > li > a.dropdown-toggle,
  .navbar-nav > li > a.dropdown-toggle:link,
  .navbar-nav > li > a.dropdown-toggle:visited,
  .navbar-nav > li > a.dropdown-toggle:active,
  .navbar-nav > li > a.dropdown-toggle:hover {
    font-family: effra, sans-serif;
    font-weight: 300;
    color: #003366 !important;
    content: "";
    cursor: pointer;
    margin: 0 !important;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
  }

    .navbar-nav > li > a.dropdown-toggle:after {
      border: 0px solid #fff;
      content: "";
    }

.mega-dropdown {
  position: static !important;
}
/*
	.mega-dropdown:after {
		content: "";
		position: absolute;
		width: 100%;
		bottom: 1px;
		z-index: -1;
		transform: scale(.9);
		box-shadow: 0px 0px 8px 2px #000000;
	}*/
/* Main menu button of dropdown */
.navbar-default .navbar-nav > li.mega-dropdown > a {
  font-family: effra, sans-serif;
  font-size: 20px;
  line-height: 24px;
  /*background-color:#fff;*/
  color: #fff;
  text-decoration: none;
}

  .navbar-default .navbar-nav > li.mega-dropdown > a,
  .navbar-default .navbar-nav > li.mega-dropdown > a:enabled,
  .navbar-default .navbar-nav > li.mega-dropdown > a:hover {
    /*background-color:#fff;*/
    color: #fff;
  }

    .navbar-default .navbar-nav > li.mega-dropdown > a:focus,
    .navbar-default .navbar-nav > li.mega-dropdown > a:active,
    .navbar-default .navbar-nav > li.mega-dropdown > a:hover {
      color: #fff;
    }


/* dropdown menu */
.mega-dropdown-menu {
  background-color: #363636;
  padding: 17px 0 50px 0px;
  width: 100%;
  border-radius: 0px;
  margin: -1px 0 0 0;
  box-shadow: 0px 15px 10px -15px #111;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
}
/*
  .mega-dropdown-menu:after {
    content: "";
    position: absolute;
    width: 100%;
    bottom: -5px;
    z-index: -1;
    transform: scale(.9);
    box-shadow: 0px 0px 10px 1px #000000;
  }
  */
.dropdown-toggle {
  box-shadow: none !important;
}

/* dropdown menu titles */
.mega-dropdown-menu > div h4 {
  background-color: transparent;
  text-align: left;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.mega-dropdown-menu > div h3 a,
.mega-dropdown-menu > div h3 a:link,
.mega-dropdown-menu > div h3 a:visited,
.mega-dropdown-menu > div h3 a:active,
.mega-dropdown-menu > div h3 a:hover {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.mega-dropdown-menu > div h4 a,
.mega-dropdown-menu > div h4 a:link,
.mega-dropdown-menu > div h4 a:visited,
.mega-dropdown-menu > div h4 a:active,
.mega-dropdown-menu > div h4 a:hover {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

  .mega-dropdown-menu > div h3 a:hover,
  .mega-dropdown-menu > div h4 a:hover {
    background-color: transparent;
    text-decoration: underline;
  }
/* dropdown menu sub menu */
.mega-dropdown-menu > div > div > div > h6.sub-title {
  border-top: 1px solid #000;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 10px 5px 0px 5px;
  margin-top: 0;
}

.mega-dropdown-menu > div > div > div > img {
  width: 100%;
  max-width: 400px;
}

.mega-dropdown-menu > div > div > div > p,
.mega-dropdown-menu > div > div > div > p a {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
}

  .mega-dropdown-menu > div > div > div > p:first-child {
    border-top: 1px solid #000;
    padding-top: 10px;
  }

.mega-dropdown-menu > div > div > div > ul {
  padding: 0;
  margin: 0;
}

  .mega-dropdown-menu > div > div > div > ul > li {
    color: #fff;
    text-align: left;
    list-style: none;
    padding: 0;
  }

    .mega-dropdown-menu > div > div > div > ul > li > a,
    .mega-dropdown-menu > div > div > div > ul > li > a.title {
      border-top: 1px solid #000;
      font-size: 16px;
      line-height: 18px;
      color: #fff;
      display: block;
      text-decoration: none;
      padding: 10px 5px 10px 5px;
    }

      .mega-dropdown-menu > div > div > div > ul > li > a.title {
        border-top: 1px solid #000;
        font-size: 16px;
        font-weight: 600;
      }
    /*indent sub menu items on desktop*/
    .mega-dropdown-menu > div > div > div > ul > li > a {
      padding-left: 25px;
    }

.mega-dropdown-menu > div > div > div ul > li > a:hover,
.mega-dropdown-menu > div > div > div ul > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}

.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.mega-dropdown-menu:hover {
}

.dropdown-menu a.active,
.dropdown-menu a.active:hover {
  background-color: #111111;
  color: #fff;
}



/**********************************************/
/* collapse main menu at xl (1200px) due to additional menu item 
  This entire Media Query can be removed when additional menu item is removed (Covid-19)
*/

/* adjust menu item buttons 
  NEED TO RE-INSTATE THIS WHEN ADDITIONAL MENU ITEM IS REMOVED (Covid-19)
@media (max-width: 1045px) {
   
  .navbar-nav > li > a:link,
  .navbar-nav > li > a:visited,
  .navbar-nav > li > a:active,
  .navbar-nav > li > a:hover {
    padding: 0 0 0 15px;
  }
}
  */


@media (min-width: 970px) {
}

/************************
 * Nav Menu on Hover
 ***********************/

/*only for screens greater than 992px  
@media (min-width: 992px) {
  .dropdown > .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;

    -moz-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
  }

  .dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }
}
*/



/*
	Point at which Menu changes
  Depends on class on navbar:
    navbar-expand = never collapses vertically (remains horizontal)
    navbar-expand-sm = collapses below sm widths <576px
    navbar-expand-md = collapses below md widths <768px
    navbar-expand-lg = collapses below lg widths <992px
    navbar-expand-xl = collapses below xl widths <1200px

*/

/*@media (min-width: 992px) { THIS SETTING FOR 8 MENU ITEMS*/
  @media (min-width: 1200px) {/* THIS SETTING FOR 9 MENU ITEMS*/
    /* TO-DO: bug fix for menu height change on hover */
    .mega-dropdown-menu {
      border: 0;
    }

    /* Position of main menu at full display */
    .navbar-collapse {
      margin-top: 0px;
    }

    /* nav bar */
    .nav > li > a {
      text-align: center;
    }

    .dropdown-menu > li {
      display: block;
    }

    /* Standard link - no dropdown 
  .navbar-nav > li > a:link,
  .navbar-nav > li > a:visited,
  .navbar-nav > li > a:active,
  .navbar-nav > li > a:hover {
    color: #fff !important;
    min-height: 45px;
    height: 45px;
  }*/

    /* Set height of standard links on main menu */
    .navbar-nav > li > a.nav-link,
    .navbar-nav > li > a.nav-link:link,
    .navbar-nav > li > a.nav-link:visited,
    .navbar-nav > li > a.nav-link:active,
    .navbar-nav > li > a.nav-link:hover {
      min-height: 45px;
      color: #003366 !important;
      background-color: none;
    }
      .navbar-nav > li:first-child > a.nav-link {
        font-weight:bold;
      }

    .member-header .navbar-nav > li > a.nav-link:link,
    .member-header .navbar-nav > li > a.nav-link:visited,
    .member-header .navbar-nav > li > a.nav-link:active,
    .member-header .navbar-nav > li > a.nav-link:hover {
      color: #fff !important;
    }
    /* Style of menu items at full display */
    .navbar-nav > li > a.dropdown-toggle,
    .navbar-nav > li > a.dropdown-toggle:active,
    .navbar-nav > li > a.dropdown-toggle:hover,
    .navbar-nav > li.mega-dropdown.show > a {
      display: block;
      height: 45px;
      color: #fff;
      background-color: none;
      margin: 0;
    }
    /* Add arrow pointer to to menu items
    .navbar-nav > li > a.dropdown-toggle:active,
    .navbar-nav > li > a.dropdown-toggle:hover,
    .navbar-nav > li.mega-dropdown.show > a {
      background: transparent url(../../images/site/menu-arrow.png) no-repeat 10px bottom;
    }
    */
    /* activate dropdown menu on hover */
    .dropdown:hover .dropdown-menu {
      /*display: block;*/
    }
  }
  /*Large devices ((incudes tablets due to orientation), 970px and up) 
	.col-lg-
*/
/*@media (max-width: 991.98px) { THIS SETTING FOR 8 MENU ITEMS*/
@media (max-width: 1199.98px) { /* THIS SETTING FOR 9 MENU ITEMS*/


  .navbar-nav {
  }

  .navbar-collapse {
    height: auto;
  }

  .nav-container {
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
  }

  /* DROPDOWN MENU STYLE START */
  /* change border bottom to display properly when menu opens*/
  /*
    .navbar {
      border-bottom: 4px solid #372F2F;
    }
    */
  .navbar-collapse {
    padding: 0 0 0 0 !important;
  }
  /*
    .navbar-collapse < div {
      border-bottom: 0px solid #372F2F !important;
    }*/

  /* Title Nav Element*/
  .navbar-nav {
    background-color: #111111;
    float: none;
    width: 100%;
  }

    .navbar-nav li {
      width: 100%;
      min-height: 36px;
    }

    .navbar-nav > li > a,
    .navbar-nav > li > a:link,
    .navbar-nav > li > a:active,
    .navbar-nav > li > a:visited,
    .navbar-nav > li > a:hover {
      display: block;
      width: 100%;
      line-height: 24px;
      padding: 6px 0 6px 10px;
      font-size: 18px;
      background-color: transparent !important;
      color: #fff !important;
      text-decoration: none;
      border-bottom: 1px solid #333333 !important;
    }

      .navbar-nav > li > a.dropdown-toggle,
      .navbar-nav > li > a.dropdown-toggle:link,
      .navbar-nav > li > a.dropdown-toggle:visited,
      .navbar-nav > li > a.dropdown-toggle:active,
      .navbar-nav > li > a.dropdown-toggle:hover,
      .navbar-nav > li.mega-dropdown.open > a {
        background-color: #111111 !important;
        border-top: 1px solid #4a4a4a !important;
        color: #fff !important;
        content: "";
        margin: 0 !important;
        background-image: none;
      }
        /* change glyphicon next to main menu item */
        .navbar-nav > li > a.dropdown-toggle::after {
          position: absolute;
          font-family: FontAwesome;
          font-size: 14px;
          border: 0px solid #fff;
          color: #fff !important;
          content: "\f078";
          margin-bottom: 0 !important;
        }

  /* nav bar */
  /*change main menu buttons*/
  .navbar-default .navbar-nav > li.mega-dropdown,
  .navbar-default .navbar-nav > li.mega-dropdown > a,
  .navbar-default .navbar-nav > .dropdown {
    background-color: transparent !important;
    color: #fff !important;
  }
  /*
		.navbar-default .navbar-nav > li.mega-dropdown > a.dropdown-toggle:focus,
		.navbar-default .navbar-nav > li.mega-dropdown > a.dropdown-toggle:active,
		.navbar-default .navbar-nav > li.mega-dropdown > a.dropdown-toggle:hover {
			color: #fff;
		}
		*/

  /*override default */
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    border-color: #333333;
    color: #fff;
  }

  /*change first menu item*/
  .navbar-nav > li:first-child > a {
    border-top: 1px solid transparent;
  }

  .navbar-nav > li.mega-dropdown.open,
  .navbar-nav > li.mega-dropdown.open > a {
    padding-bottom: 0;
  }

  /* dropdown menu sub menu */

  /* container */
  .dropdown-menu,
  .mega-dropdown-menu,
  .dropdown-menu .container,
  .mega-dropdown-menu .container {
    font-size: 1px;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: 0px solid #333333 !important;
    border-top: 0px solid #333333 !important;
    box-shadow: none;
  }

  .dropdown.mega-dropdown {
    background-color: transparent;
  }


  /* sub menu container - add padding to indent sub menu*/
  /* override boostrap container fixed width */
  .mega-dropdown-menu > div.container {
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
  }

  .mega-dropdown-menu > div,
  .mega-dropdown-menu > div > div,
  .mega-dropdown-menu > div > div > div {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

    .mega-dropdown-menu > div > div > div > ul {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }

      .mega-dropdown-menu > div > div > div > ul > li {
        width: 100% !important;
        color: #fff;
        text-align: left;
        list-style: none;
        border: none;
        border-bottom: 1px solid #000;
      }

        .mega-dropdown-menu > div > div > div > ul > li:last-child {
          border-bottom: 1px solid #000;
        }

        .mega-dropdown-menu > div > div > div > ul > li > a {
          border-top: 0px solid #000;
          font-size: 14px;
          padding-left: 20px;
        }

        .mega-dropdown-menu > div > div > div > ul > li:first-child > a,
        .mega-dropdown-menu > div > div > div > ul > li:last-child > a {
          border-top: 0px solid #333333 !important;
        }

    /*sub menu buttons*/
    .mega-dropdown-menu > div > div > div ul > li > a:hover,
    .mega-dropdown-menu > div > div > div ul > li > a:focus {
      color: #fff;
      text-decoration: none;
      background-color: transparent;
    }

    .mega-dropdown-menu > div > div > div > h6.sub-title {
      font-size: 16px;
      line-height: 20px;
      color: #fff;
      display: block;
      text-decoration: none;
      padding: 15px 5px 5px 5px;
      margin-top: 0;
    }

    .mega-dropdown-menu > div > div > div > ul > li > a.title {
      margin-top: 0;
      padding-left: 15px;
    }

  .mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
  }
  /*
.navbar-nav > li:first-child,
.navbar-nav > li.w8,
.navbar-nav > li.w10,
.navbar-nav > li.w12,
.navbar-nav > li.w14,
.navbar-nav > li.w16,
.navbar-nav > li.w18,
.navbar-nav > li.w20,
.navbar-nav > li.w22,
.navbar-nav > li.w23,
.navbar-nav > li.w24,
.navbar-nav > li.w26,
.navbar-nav > li.w28,
.navbar-nav > li.w30,
.navbar-nav > li.w32 { width:100%; }
		*/
  /* DROPDOWN MENU STYLE END */



}



  @media (max-width: 852px) {

    /* nav bar */
    .nav > li > a {
      font-size: 14px
    }
  }
  /* Dropdown menu goes into one column */
  @media (max-width: 767px) {
  }

  @media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
    /*iPhone 6 and iPhone 6+ portrait and landscape*/

    /* dropdown menu titles */
    .mega-dropdown-menu > div h4 {
      font-size: 18px;
      font-weight: 700;
      line-height: 28px;
    }

    .mega-dropdown-menu > div h3 a,
    .mega-dropdown-menu > div h3 a:link,
    .mega-dropdown-menu > div h3 a:visited,
    .mega-dropdown-menu > div h3 a:active,
    .mega-dropdown-menu > div h3 a:hover {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
    }

    .mega-dropdown-menu > div h4 a,
    .mega-dropdown-menu > div h4 a:link,
    .mega-dropdown-menu > div h4 a:visited,
    .mega-dropdown-menu > div h4 a:active,
    .mega-dropdown-menu > div h4 a:hover {
      font-size: 20px;
      font-weight: 700;
      line-height: 28px;
    }

    .mega-dropdown-menu > div > ul > li > a {
      font-size: 20px;
      line-height: 28px;
    }
  }
  /* smallest screen media */
  @media (max-width: 425px) {

    .head-contact-container span {
      display: block;
      text-align: right;
    }

    .header-contact:first-child {
      padding-right: 0px !important;
    }
  }
  /* SPECIFIC MEDIA QUERIES */
  /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  Up to iPhoneX of date 2018
*/
  @media (min-device-width: 320px) and (max-device-width: 812px) and (orientation: portrait) {

    /* Change menu font sizes */
    /* Titles */
    .navbar-nav > li > a.dropdown-toggle {
      font-size: 20px;
    }
    /* Menu items */
    .mega-dropdown-menu > div > div > div > ul > li > a, .mega-dropdown-menu > div > div > div > ul > li > a.title {
      font-size: 18px;
      line-height: 20px;
    }

      .mega-dropdown-menu > div > div > div > ul > li > a.title {
        font-size: 18px;
      }
  }