@-webkit-keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@keyframes slideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@-webkit-keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}



.header {

  display: block;

  top: 0;

  left: 0;

  height: auto;

  padding: 0;

  margin: 0 auto;

  z-index: 999;

  border: none;

  outline: none;

  font-size: 1em;

  font-weight: bold;

}



.header .wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: space-between;

  margin: 0;

}

.header .wrapper1 {

  padding: .25em .5em; background: #FFF; 
 
  max-width: 1200px; margin: 0 auto;

}

.header .wrapper2 {

  padding: 0 .5em; background: #DE5D50; 

}



.header-item-left {

  display: flex;

  justify-content: flex-start;

}



.header-item-right {

  display: flex;

  justify-content: flex-end;

}



.header-item-center {

  width: 100%;

  text-align: center;

}



.header-item-right .menu-icon {

  font-size: 1rem;

  position: relative;

  top: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 1rem;

  margin-left: 1rem;

  border: none;

  outline: none;

  color: #DE5D50;

  -webkit-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.menu-icon-nospace {

  margin-left: 0 !important;

}

.menu-icon-smallspace {

  margin: 0 .25rem !important;

}

.header-item-right .welcome { color: #111; font-weight: normal; }


.header-item-right a,
.header-item-right a:hover,
.header .menu > ul > li:hover > a {
  color: #FFDE00;
}

@media only screen and (min-width: 993px) {
  .header .menu > ul > li.menu-item-has-children:hover .menu-subs {
    margin-top: 0;
    opacity: 1;
    visibility: visible;
  }
  .menu-item-has-children i {
	position: relative;  
	font-size: 10px;
	top: -2px;
	left: 5px;
    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
  }
}

.menu-mobile-header,
.menu-mobile-trigger {
  display: none;
}

@media only screen and (max-width: 992px) {
  .header-item-left img { width: 150px !important; }
  .header-item-right { margin: -5px 10px 0 0; }
  .header-item-center { width: 100%; text-align: left; }
  .wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header .wrapper1 { padding: .25em .5em; }
  .header-item-right .menu-icon { top: 2px; }
  .header .menu-mobile-trigger {
    position: relative;
    display: block;
    cursor: pointer;
    width: 1.5rem;
    height: 1rem;
    border: none;
    outline: none;
    margin-left: 1rem;
    background: none;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.35s ease-in-out;
    -o-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;	
  }

  .header .menu-mobile-trigger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    border: none;
    outline: none;
    opacity: 1;
    border-radius: 0.25rem;
    background: #DE5D50;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  .header .menu-mobile-trigger span:nth-child(1) { top: 0; }
  .header .menu-mobile-trigger span:nth-child(2), .header .menu-mobile-trigger span:nth-child(3) { top: 0.5rem; }
  .header .menu-mobile-trigger span:nth-child(4) { top: 1rem; }
  .header-item-right {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header .navmenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 20rem;
    height: 100%;
    z-index: 1099;
    overflow: hidden;
    background: #FFF;
    -webkit-transform: translate(-100%);
        -ms-transform: translate(-100%);
            transform: translate(-100%);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }
  .header .navmenu.active {
    -webkit-transform: translate(0%);
        -ms-transform: translate(0%);
            transform: translate(0%);
  }
  .menu-mobile-header { display: block; background: #DE5D50; color: #FFF; padding: 0 1em; height: 70px; line-height: 70px; }
  .overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1098;
    opacity: 0;
    visibility: hidden;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
  }

  .overlay.active {
    opacity: 1;
    visibility: visible;
  }
}