/*** NAVIGATION START ***/
#top-menu li li{
  padding: 0 10px !important;
}
#et_mobile_nav_menu{
  display: none !important;
}
#top-header {
  z-index: 99;
  position: relative;
  background: transparent !important;
}

#et-secondary-menu > ul > li a{
  padding-bottom: 0 !important;
}


#main-header-ehi {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100px;
  z-index: 99999;
  background: #fff;
  padding-top: 12px;
  will-change: height, padding-top;
  transition-property: height, padding-top;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.admin-bar #main-header-ehi{
  top: 20px;
}

.et_search_outer{
  height: 40px !important;
  top: 45px !important;
}

#et_search_icon::before{
  transform: scaleX(-1) !important;
  margin-top: 5px;
  font-size: 18px !important;
}

#et_search_icon:hover{
  color: #00b2b2 !important;
}

.et-search-field{
  font-size: 19px !important;
}

.container.et_search_form_container{
  height: 40px !important;
}

#main-header-ehi.scrolled {
  will-change: height, padding-top;
  transition-property: height, padding-top;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
  height: 85px;
  padding-top: 19px;
}

#main-header-ehi.scrolled #top-header {
  transform: translateY(0px);
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}

#main-header-ehi.scrolled #top-header {
  transform: translateY(-13px);
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}

#main-header-ehi #et-top-navigation {
  transform: translateY(0px);
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}

#main-header-ehi.scrolled #et-top-navigation {
  transform: translateY(-13px);
  will-change: transform;
  transition: transform 0.3s ease-in-out;
}

#main-header-ehi .container {
  width: 100%;
  max-width: 75%;
  margin: auto;
  padding-top: 5px;
}

#main-header-ehi .logo_container {
  position: fixed;
  height: auto;
  width: 300px;
  display: block;
  top: 0;
  z-index: 999;
  transition: width 0.3s ease-in-out;
  will-change: width;
}

#main-header-ehi .logo_container.scrolled-200 {
  width: 270px;
  transition: width 0.3s ease-in-out;
  will-change: width;
}

#top-menu li a {
  font-size: 22px;
  font-weight: 400;
  line-height: 28px;
  color: #2f2f2f !important;
}

#top-menu li.current-menu-ancestor > a,
#top-menu li.current-menu-item > a {
  color: #00b2b2 !important;
}

#top-menu li .sub-menu {
  width: auto;
  max-width: 600px;
  margin-top: 0px;
}

#top-menu li .sub-menu a {
  width: 340px;
  font-size: 21px;
  font-weight: 300;
}
.nav li.et-reverse-direction-nav li ul{
  right: 340px !important;
}

#et-secondary-nav li a {
  font-weight: 400;
  font-size: 19px;
  line-height: 19px;
  color: #2f2f2f !important;
}

.et_fixed_nav #top-header {
  position: relative;
  top: 5px !important;
}

#main-header-ehi .et_header_style_left .logo_container a {
  display: block !important;
}

.et_header_style_left #et-top-navigation {
  padding-top: 0px;
  margin-top: 10px;
}

#et-top-navigation nav > ul > li > a {
  padding-bottom: 0 !important;
}

.mobile-primary-nav-icon {
  display: none;
}

.mobile-primary-nav-icon .et-pb-icon {
  cursor: pointer;
  opacity: 0.7;
  font-size: 40px;
  color: #000;
  transition: all 0.3s ease-in-out;
}

.mobile-primary-nav-icon .et-pb-icon:hover {
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

#mobile-menu-container {
  opacity: 0;
}

#mobile-menu-container.mm-spn {
  opacity: 1;
}

#mobile-menu-container.mm-menu_opened {
  opacity: 1;
}

.mobile-menu-icon-animated {
  margin-top: 40px;
}
.mobile-menu-icon-animated .menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
}
.mobile-menu-icon-animated .menu .line {
  fill: none;
  stroke: black;
  stroke-width: 6;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
    stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu-icon-animated .menu .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}
.mobile-menu-icon-animated .menu .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 6;
}
.mobile-menu-icon-animated .menu .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 6;
}

.mmenu-background-placer{
  position: fixed;
  top: 0;
  background: #fff;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

body.mm-wrapper_opening .mmenu-background-placer{
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
.mm-wrapper__blocker {
  display: none !important;
}

body.mm-ocd-opened .mobile-menu-icon-animated .menu .line1, body.mm-wrapper_opening .mobile-menu-icon-animated .menu .line1{
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}
body.mm-ocd-opened .mobile-menu-icon-animated .menu .line2, body.mm-wrapper_opening .mobile-menu-icon-animated .menu .line2{
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 6;
}
body.mm-ocd-opened .mobile-menu-icon-animated .menu .line3, body.mm-wrapper_opening .mobile-menu-icon-animated .menu .line3{
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6;
}



.container.et_pb_menu_hidden {
  z-index: 99 !important;
}


/*** NAVIGATION END ***/

@media screen and (min-width: 980px) {
  .mobile-menu-icon-animated {
    display: none;
  }
}

@media screen and (max-width: 980px) {
  .mobile-primary-nav-icon {
    display: flex;
    margin-top: 40px;
  }
}