.gm-navbar-nav{
  display: flex;
  margin: 0;
  padding: 0;
  font-family: 'Raleway', sans-serif; 
  justify-content: flex-end;
  flex-grow: 1;
  height: 90px;
}
.gm-navbar .gm-wrapper {
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
margin-right: auto;
margin-left: auto;
}
.gm-navbar-nav li {
  list-style: none;   
}
#gm-navabr-nav li.active a{ color: #eb5424;}
.gm-navbar-nav li a {
  padding: 0.7em;  
  display: block;
  color: black;
  text-decoration: none;  
  justify-content: center;
}
.gm-navbar-nav li a:hover {
  color: #eb5424;
}
.mega-menu {
  display: flex;    
  justify-content: space-between;
  position: absolute;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); 
}
.mega-menu .mega-menu-col a {
padding: 5px;
}
@media screen and (min-width:1023px){
  .gm-navbar-nav li:hover > .grid-container {
    opacity: 1;
    overflow-y: scroll;
    visibility: visible;
  }
}

.grid-container::-webkit-scrollbar {
  display: none;
}
.grid-container {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.mega-menu-col-col{
position: relative;
padding-bottom: 5%;
}
.mega-menu-item-text{
font-size: 13px !important;
}
.mega-menu-col-head{
font-size: 14px !important;
border-bottom: 1px solid #eb5424;
color:#eb5424 !important;
text-transform: uppercase;
margin-bottom: 15px;
width: max-content;
padding-right: 0.5em;
text-align: left;
padding-bottom: 5px !important;
font-weight: 500;

}
@media screen and (min-width:1023px){
  .grid-container{
    width: 100%;
    display: grid;
    padding-right: 5%;
    /* padding-left: 15%; */
    margin-right: auto;
    margin-left: auto;
    grid-template-columns: auto auto auto auto auto;
    cursor: default;
    opacity: 0;  
      visibility:hidden;  
      max-height: 660px;
    }
    .mega-menu-col-head{
      padding-top:10px;
    }
}

.gm-container{
background-color: #fff;
height: 90px;
transition: height 0.2s;
padding-right: 30px !important;
padding-left: 30px !important;
max-width: none;
display: flex;
margin-right: auto;
margin-left: auto;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
-webkit-transition: height 0.2s;
  -o-transition: height 0.2s;
  transition: height 0.2s; 
}
.gm-logo{
margin: 0px 0px 0px 0px;
z-index: 10011 !important;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.gm-logo >a>img{
height: 46px;
}
.gm-logo__img{
width: auto;
max-width: none;
max-height: none;
}
.gm-container .active{
color: #eb5424!important;
}
.gm-wrapper {
z-index: 999; }
.gm-inner-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.2s;
  -o-transition: background-color 0.2s;
  transition: background-color 0.2s; }
.main-menu-item{
    margin: 1.3em 0px 0px 0px;
}
  .gm-inner {
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  border-bottom-style: solid; }
.gm-menu-btn__inner {
line-height: 1; }
.gm-wrapper {
z-index: 999; }  
.gm-main-menu-wrapper{
font-size: 15px !important;
font-family: 'Raleway', sans-serif !important;
font-weight: 500;
text-transform: none;
letter-spacing: 1px;
line-height: 25px;
cursor: pointer;
color: rgba(1, 1, 1, 1.0);
}
.btn-header-signup{
margin: 25px 10px;
background-color: #eb5424;
color: #fff;
width: 100px;
height: 40px;
}
.btn{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-header-contact{
margin: 25px 30px!important;
color: #eb5424;
border-color: #eb5424;
background-color: #fff;
width: 120px;
height: 40px;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
border-radius: 4px;
}

.gmi {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'crane-font' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.gmi-zoom-search::before {
content: "\e901"; }
.gmi-bag::before {
content: "\e900"; }
.search{
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn1 {
  margin: 8px;
  display: none;
  cursor: pointer;
}
.btn1 div {
  width: 28px;
  height: 3px;
  background-color: black;
  margin: 8px 0;
  transition: 0.4s;
}
.open .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 6px);
  transform: rotate(-45deg) translate(-6px, 6px);
}
.open .bar2 {
  opacity: 0;
}
.open .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -8px);
  transform: rotate(45deg) translate(-6px, -8px);
}
.mobile-menu {
  display: none;
  position: absolute;
  top: 60px;
  right:0;
  height: calc(100vh - 60px);
  width: 100%;
  cursor: default;
  overflow-y: scroll;
  list-style-type: none;
  margin-bottom: 5%;
}
@media screen and (min-width:1023px){
  .gm-caret-wordpress, .gm-caret-drupal, .gm-caret-joomla, .gm-caret-more, .gm-caret-res{
    display: none;
  }
}


.mobile-menu .mobile-menu-item {
  margin-bottom: 20px;
  color: #eb5424;
  font-size: 12px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  line-height: 1.4;
  font-weight: 700;
  width: 95%;
  cursor: pointer;
}
.mobile-menu-item a{
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  color: #6C6C6C;
}
mobile-menu-item a:hover{
  color: #eb5424 !important;
}
nav ul .wordpress-sub.show .drupal-sub.show .joomla-sub.show .res-sub.show{
  display: flex;
}
.wordpress-sub, .drupal-sub, .joomla-sub, .more-sub, .res-sub{
  position:static;
  display: none;
  margin-left: -10%;
  list-style-type: none;
}
.mobile-menu-btn{
  position: static;
  display: inline-flex;
  margin-right: 5%;
  padding-bottom: 5%;
}

.sublvl1{
  margin: auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  padding: 4px 0px 4px 0px;
  border-bottom: #eb5424 1px dotted; 
}
.sub-caret{
  margin-left: 20px;
  position: relative;
  font-size: 16px;
  line-height: 1;
  color: #eb5424;
}
.sub-menu-lvl2{
  position:static;
  display: none;
  margin-left: -10%;
  list-style-type: none;
}
.mobile-menu-item-lvl2{
  margin: auto;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  padding: 4px 0px 4px 0px;
}

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

  #hamburger-icon123 {
    display: block;
  }
.mobile-menu.open {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
}
.gm-main-menu-wrapper {
  display:none;
  position: absolute;
  top: 60px;
  right:0;
  height: calc(100vh - 60px);
  width: 100%;
  cursor: default;
  overflow-y: scroll;
  list-style-type: none;
  margin-bottom: 5%;
}
.menu-main{
  display: none;
  top:0px;
}
.gm-main-menu-wrapper.open{
  display: block!important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
}
.gm-main-menu-wrapper.open .gm-navbar-nav{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: #fff;
}

.gm-main-menu-wrapper.open .gm-navbar-nav li a:hover{
  color: #eb5424;
}

.gm-main-menu-item .main-menu .main-menu-item{
  margin-bottom: 20px;
  color: #eb5424;
  font-size: 12px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  line-height: 1.4;
  font-weight: 700;
  width: 95%;
  cursor: pointer;
}
.gm-main-menu-item .main-menu .main-menu-item a{
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  color: #6C6C6C;
}
.gm-navbar-nav{
  display: none;
  position: absolute;
  right:0;
  height: calc(100vh - 60px) !important;
  width: 100%;
  cursor: default;
  overflow-y: scroll;
  list-style-type: none;
  margin-bottom: 5%;
}
.main-menu-item{
  margin-bottom: 20px;
  color: #eb5424;
  font-size: 12px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  line-height: 1.4;
  font-weight: 700;
  width: 95%;
  cursor: pointer;
  margin:0px;
}
.main-menu-item a{
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  color: #6C6C6C;
}
#headerSearchForm{
  display: none;
}
.wordpress-sub, .drupal-sub, .joomla-sub, .more-sub, .res-sub{
  position:static;
  display: none;
  margin-left: -10%;
  list-style-type: none;
}
.gm-caret-wordpress, .gm-caret-drupal, .gm-caret-joomla, .gm-caret-more, .gm-caret-res{
  display:inline-flex;
  top:12px;
  color: #eb5424;
  float: right;
  margin-left: 20px;
  position: relative;
  font-size: 16px;
  line-height: 1;
}
.gm-navbar-nav li a{
  display: inline-flex !important;
}
.grid-container{
  position:static;
  display: none;
  margin-left: 5%;
  list-style-type: none;
  padding: 0% !important;
}
.mega-menu-item-text{
  display:none;
}
.mega-menu{
  box-shadow: none;
}
.mega-menu-col-col{
  margin: auto;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  padding: 4px 0px 4px 0px; 
  
}
.mega-menu-col-head a{
  color: black !important;
  font-size:13px !important;
}
.mega-menu-col-head{
  border-bottom: 1px dotted #eb5424 !important;
  width: 95% !important;
}
.btn-header-signup{
  margin:20px 0px 0px 0px !important;
}
.mega-menu-item-text a{
  font-size: 12px !important;
  font-weight: 400 !important;
}
.mega-menu-col{
  width: auto !important;
}
}