
#menu{
  height:90px;
  background-color:#230F05;
  color:#fff;
  padding:23px;
  box-sizing:border-box;
  display:flex;
  justify-content: center;
  position:fixed;
  top:0;
  z-index:999;
  width:100%;
  transition: height 0.5s;
  font-size:16px;
  cursor:default;
}

.menu-wrapper{
  max-width:1440px;
  display:flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}


.menu-items ul, .menu-items ul li{
  padding:0;
  margin:0;
  list-style:none;
  overflow:hidden;
}
.menu-items ul{
  display:flex;
  
  justify-content: center;
}
.menu-items > ul > li > a, .menu-items > ul > li > span {
  color:#fff;
  text-decoration:none;
  display:block;
  padding: 36px 16px;
  font-weight:500;
 
}
.menu-items > ul > li:hover > span, 
.menu-items > ul > li:hover > a, 
.menu-items > ul > li > a.active{

  color:#FF5541!important;

}

.cursor-default{
  cursor:default;
}


.logo img{
  height:50px;
  margin-right:80px;
}
.logo-mobile{
  display:none;
  
}
.contact-items a{
  display:inline-flex;
  padding:16px;
  align-items: center;
  font-weight:500;
}

.contact-items a:hover{
  text-decoration:underline;
}
.contact-items img{
  height:20px;
}

.contact-items .phone img{
  margin-right:10px;
}



.contact-items a{
  color:#fff;
  text-decoration:none;
}

#mobile-menu-icon {
  display: none;
  width: 18px;
  height: 18px;
  background: url('https://f.hubspotusercontent20.net/hubfs/20321878/6m/next-tech_icon_18px_white_hamburger.svg') no-repeat;
  position:absolute;
  top:24px;
  right:24px;

}
#mobile-menu-icon.hm-open{
  background: url('https://f.hubspotusercontent20.net/hubfs/20321878/6m/close-ico.svg') no-repeat;
}
.menu-collapsed{

}
@media (min-width:769px){
  .menu-items > ul > li:hover > ul{
    visibility:visible;
    opacity:1;
    transition-delay: 0s;
  }
  
  .menu-items > ul > li:hover > ul{
    display:flex;
  }

  .menu-items > ul > li > ul{
    visibility:hidden;
    opacity:0;
   transition: .2s all;   
    transition-delay: 250ms; 
  }
  
  .menu-items > ul > li > ul{
    position:absolute;
    top: 90px;
/*     max-width:100%;
    width: 1110px; */
    right: 0;
    left: 0;
    margin: auto;
/*     transition: top 0.5s ease; */
    
    
  }
  .menu-items > ul > li > ul > li:first-of-type{
    
    border-right: 1px solid #E8DCDA;
    border-bottom: 1px solid #E8DCDA;
    border-left: 1px solid #E8DCDA;
  }
  .menu-items > ul > li > ul > li{
    
    border-right: 1px solid #E8DCDA;
    border-bottom: 1px solid #E8DCDA;
   
  }
  #menu.loheader .menu-items > ul > li > ul{
    top:60px;
    
  }
  #menu.loheader .logo-desktop{
    display:none;

  }
  #menu.loheader .logo-mobile{
    display:block;
    height:20px;
    margin-right:136.86px;
  }
  #menu.loheader {
    height:60px;
    transition: height 0.5s;
  }

  .menu-items > ul > li > ul > li > span{
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:#CD1405;
    color:white;
    padding:10px;
    height:40px;
    box-sizing: border-box;
    text-align: center;
    font-weight:500;

  }
  .menu-items > ul > li > ul > li:nth-of-type(2) > span{
    background-color:#FF5541;
/*     border-left:1px solid white; */
  }

  .menu-items > ul > li > ul > li > ul{
    background-color:white;
    padding:5px 0;
    height: calc(100% - 40px);
    box-sizing: border-box;

  }
  .menu-items > ul > li > ul > li > ul a {
    display:block;
    box-sizing:border-box;
    color:#230F05;
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    padding:10px 20px;
    border-right:1px solid #E8DCDA;
    width:222px;
    height:100%;
  }
  .menu-items > ul > li > ul > li > ul > li:last-of-type a {
    border:none;
  }
  .menu-items > ul > li > ul > li > ul a.active,
  .menu-items > ul > li > ul > li > ul a:hover{
    background-color:#FDFBDE;
  }
  .menu-items > ul > li > ul > li > ul a span:first-of-type{
    display:block;
    color:#CD1405;
    font-size:14px;
    font-weight:500;
    margin-bottom:10px;
  }   
}
@media (max-width:768px){
  .menu-wrapper {
    flex-direction: column;
  }
  .logo-mobile{
    display:initial;
  }
  .logo-desktop{
    display:none;
  }
  
  .logo{
    padding: 20px;
  }
  
  #menu{
    height:auto;
    position:absolute;
    width:100%;
    padding:0;
  }
  .menu-wrapper{
    align-items:flex-start;
  }
  
  .menu-items{
    width:100%;
    background-color:#fff;
    
    padding: 0 10px;
    box-sizing: border-box;
  }
  
  .menu-items > ul{
    
/*     margin:40px 0; */
  }
  .menu-items ul{
    flex-direction: column;
  }
  .menu-items > ul > li > a, .menu-items > ul > li > span{
    padding:16px 10px;
    border-bottom:1px solid #E8DCDA;
    color: #CD1405;
    
    
  }
  
  .menu-items > ul > li > ul > li > ul > li > a{
    padding:16px 10px;
    display:block;
    border-bottom:1px solid #E8DCDA;
    margin-left: 20px;
    text-decoration: none;
    color: #CD1405;
  }
  
  .contact-items{
/*     margin:auto; */
    margin:4px 0
  }
  .logo a{
    display:flex;
  }
  .logo img{
    height:auto;
    width:70px;
  }
  
  #mobile-menu-icon {
  	display:inline-block;
  }
  .menu-collapsed{
    display:none!important;
  }
 
  
  .menu-items > ul > li > ul{
    display:flex;
    flex-direction:column;
  }
  
  .menu-items > ul > li > ul > li > span, .menu-items > ul > li > ul > li > ul > li a span:nth-of-type(2) {
    display:none;
  }
  

  
  .menu-items > ul > li > ul.children_visible{
    display:flex;
  }

  .menu-items > ul > li > ul{
    display:none;
    
  }
  .menu-items > ul > li span:hover,.menu-items > ul > li a:hover, .menu-items > ul > li a.active {
   background-color:#FDFBDE;
    color: #CD1405!important;

  }
  
  
}

