.mp-pusher {  /*
  position: relative;
  z-index: 2;
  -webkit-backface-visibility: hidden;  
  transition-property: transform;  
  transition-duration: 0.4s;
  background-color:#ffffff;
*/
  z-index: 2;
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  background-color: #ffffff;
}
.overflow-hidden{overflow: hidden;}
.overflow-hidden {overflow: hidden; position: fixed; width: 100%;}
.mp-pusher.lateral-menu-is-open {  
  transform: translateX(300px);
}
@media only screen and (min-width: 768px) {
  .cd-main-content {
    padding-top: 70px;
  }
}
.cd-menu-trigger {
  position:relative;
}
.cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
.cd-menu-trigger .cd-menu-icon {  
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;  
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 3px;
  background-color: #000000;
}
.cd-menu-trigger .cd-menu-icon::before, .cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000000;
  left: 0;
}
.cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
.cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
.cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(0, 0, 0, 0);
}



.cd-menu-trigger.is-clicked .cd-menu-icon::before, .cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: #000000;
}
.cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0; 
  transform: rotate(45deg);
}
.cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;  
  transform: rotate(-45deg);
}
.cd-menu-trigger {
  width: auto;
  padding-left: 0px;
}
/*@media only screen and (min-width: 768px) {*/

  /*.cd-menu-trigger .cd-menu-text {*/
    /*display: inline-block;*/
    /*line-height: 70px;*/
  /*}*/
  /*.cd-menu-trigger .cd-menu-icon {*/
    /*left: auto;*/
    /*right: 0px;    */
    /*transform: translateX(0);*/
    /*color:#000000;*/
  /*}*/
/*}*/

.cd-lateral-nav {
  position: fixed;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;  
  z-index: 99;
  width: 300px;
  background-color: #ffffff;
  overflow-y: auto;
  transition: transform .4s 0s, visibility 0s .4s;
  transform: translateX(-300px);
  color:#fff;

  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  transform: translateX(-300px);
}
.cd-lateral-nav ul li{list-style: none; position: relative; font-size: 16px;}
.cd-lateral-nav .cd-navigation {
    margin: 0; padding: 10px 0;
    padding-top: 48px;
}
.cd-lateral-nav .sub-menu {
  padding: 0px;
  display: none;
}

.cd-lateral-nav a {
    display: block;
    line-height: 1em;
    padding: 13px 16px;
    color: #666666;  
    font-size: 16px;
    text-transform: uppercase;
}
.cd-lateral-nav .item {text-transform: uppercase; padding: 13px 16px; color: #208f38;}
.cd-lateral-nav .sub-menu a{font-size: 16px; font-weight: 500; text-transform: none;}
.cd-lateral-nav a.current {
  background-color: #fff;
  color: #007da0;
}
.no-touch .cd-lateral-nav a:hover {
  color: #007da0;
}
@media only screen and (min-width: 768px) {
  .cd-lateral-nav .cd-navigation {
    margin: 20px 0;
    padding-left: 0px;
  }
}
.cd-lateral-nav.lateral-menu-is-open {  
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
.cd-lateral-nav a:hover, 
a.submenu-open{background: #666; color:#fff !important;}
.cd-lateral-nav .sub-menu a:hover{color: #2b68b1 !important; background-color: transparent;}
.cd-lateral-nav .sub-menu a{position: relative; padding: 8px 15px; padding-left: 30px; font-size: 15px;}
.cd-lateral-nav .sub-menu a:before{content: "\f054"; font-family: FontAwesome; color: #ff2600; display: inline-block; padding-right: 10px; font-size: 12px;}
.cd-lateral-nav .item-has-children > a {
  position: relative;
  font-size: 16px;
  text-transform: uppercase;
}
.cd-lateral-nav a:focus{color:#2b68b1;}
.cd-lateral-nav .item-has-children > a:after{
  content: '';
  display: inline-block;
  bottom: auto;  
  transform: translateY(-50%);
  right: 1em;
  content: "\f0da";
  font-family: FontAwesome;  
  transition-property: transform;  
  transition-duration: 0.2s;
  position: absolute;
  font-size: 15px;
  top: 50%;
  font-style: normal;
  cursor: pointer;
  line-height: 1;
  background: transparent !important;
  /* width: 17px;
  height: 17px; */
  text-align: center;
}
.cd-lateral-nav .item-has-children > .submenu-open:after {  
  transform: translateY(-50%) rotate(90deg);
}


.menu-icon {
  width: 35px;
  height: 28px;
  margin-left: 0px;
  background: transparent;
  border: none;
  position: relative;
  display: none;
}
.menu-icon:hover,
.menu-icon:focus,
.menu-icon:active {
  outline: none;
}
.menu-icon:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.menu-icon:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.menu-icon .hamb-top,
.menu-icon .hamb-middle,
.menu-icon .hamb-bottom,
.menu-icon.is-clicked .hamb-top,
.menu-icon.is-clicked .hamb-middle,
.menu-icon.is-clicked .hamb-bottom {
  position: absolute;
  left: 0;
  height: 4px;
  width: 100%;
}
.menu-icon .hamb-top,
.menu-icon .hamb-middle,
.menu-icon .hamb-bottom {
  background-color: #666;
}
.menu-icon .hamb-top {
  top: 4px;
  -webkit-transition: all .35s ease-in-out;
  background: #FE2600;
}
.menu-icon .hamb-middle {
  top: 50%;
  margin-top: -2px;
  background: #0085C8;
}
.menu-icon .hamb-bottom {
  bottom: 4px;
  -webkit-transition: all .35s ease-in-out;
  background: #009F57;
}

.menu-icon:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.menu-icon:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
/*.menu-icon.is-clicked .hamb-top,
.menu-icon.is-clicked .hamb-middle,
.menu-icon.is-clicked .hamb-bottom {
  background-color: #666;
}*/
.menu-icon.is-clicked .hamb-top,
.menu-icon.is-clicked .hamb-bottom {
  top: 50%;
  margin-top: -2px;
}
.menu-icon.is-clicked .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.menu-icon.is-clicked .hamb-middle { display: none; }
.menu-icon.is-clicked .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.menu-icon.is-clicked:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.menu-icon.is-clicked:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.ar .cd-lateral-nav  {
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    -ms-transform: translateX(300px);
    -o-transform: translateX(300px);
    transform: translateX(300px);
    left: auto;
    right: 0px;
}
.ar .cd-lateral-nav.lateral-menu-is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.ar .mp-pusher.lateral-menu-is-open {
  -webkit-transform: translateX(-300px);
  -moz-transform: translateX(-300px);
  -ms-transform: translateX(-300px);
  -o-transform: translateX(-300px);
  transform: translateX(-300px);
}
.ar .cd-lateral-nav .item-has-children > .icon {left: 1em; right: auto; transform: rotate(180deg);}
.ar .cd-lateral-nav .item-has-children > .icon.submenu-open .fa {transform: rotate(-90deg);}
.ar .cd-lateral-nav .sub-menu a:before {transform: rotate(180deg);}

/*@media only screen and (max-width: 400px) {*/
    /*.cd-lateral-nav{width: 250px;}*/
    /*.mp-pusher.lateral-menu-is-open{*/
        /*transform: translateX(250px);        */
    /*}*/
    /*.ar .mp-pusher.lateral-menu-is-open {*/
      /*transform: translateX(-250px);*/
    /*}*/
/*}*/
body.front-page .menu-icon .hamb-top, body.front-page.sticky .menu-icon .hamb-top,
body.front-page .menu-icon .hamb-middle, body.front-page.sticky .menu-icon .hamb-middle,
body.front-page .menu-icon .hamb-bottom, body.front-page.sticky .menu-icon .hamb-bottom {
  background-color: #666;
}
body.front-page.sticky .menu-icon .hamb-top,
body.front-page.sticky .menu-icon .hamb-middle,
body.front-page.sticky .menu-icon .hamb-bottom {
  background-color: #007da0;
}


.cd-lateral-nav .close-menu {padding: 10px; width: 30px; height: 30px; border-radius: 50px; background: #666; color: #fff; line-height: 1; display: flex; align-items: center; justify-content: center; position: absolute; right: 15px; top: 15px;}