

.overflow-hidden {overflow: hidden}

.cd-main-content {min-height: 100%;position: relative;background-color: #f5f4e9;z-index: 2;padding-top: 50px;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;transition-duration: .4s}

.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px)}


header {display: none;position: fixed;top:100px;right: 0;height: 50px;width:50px;z-index: 3;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;transition-duration: .4s}
header.lateral-menu-is-open {-webkit-transform: translateX(-260px);-moz-transform: translateX(-260px);-ms-transform: translateX(-260px);-o-transform: translateX(-260px);transform: translateX(-260px)}

#cd-menu-trigger {position: absolute;right: 0;top: 0;height: 100%;width: 50px;background:#242e30}
#cd-menu-trigger .cd-menu-icon {display: inline-block;position: absolute;left: 50%;top: 50%;bottom: auto;right: auto;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 18px;height: 2px;background-color: #fff}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {content: '';width: 100%;height: 100%;position: absolute;background-color: inherit;left: 0;-webkit-transform: translateZ(0);-webkit-backface-visibility: hidden}
#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: transparent}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: #fff}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {bottom: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}

#cd-menu-trigger.is-clicked .cd-menu-icon::after {top: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg)}

#M_nav {    position: fixed;height: 100%;right: 0;top: 0;z-index:99;width: 260px;background-color: #242e30;overflow-y: auto;-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: .4s;-moz-transition-duration: .4s;transition-duration: .4s;-webkit-transform: translateX(260px);-moz-transform: translateX(260px);-ms-transform: translateX(260px);-o-transform: translateX(260px);transform: translateX(260px)}

#M_nav .cd-navigation {margin: 10px 0 16px}
#M_nav .sub-menu {padding: 0 10px 20px 15px;display: none}

#M_nav a {display: block;padding: 0 16px 0 32px;color: #aab5b7; line-height: 36px;}
#M_nav a.current {background-color: #3a4a4d;color: #fff}

#M_nav.lateral-menu-is-open {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);-webkit-overflow-scrolling: touch}

#M_nav .item-has-children > a {position: relative;text-transform: uppercase;font-weight: 600}
#M_nav .item-has-children > a::after {content: '';display: block;height: 11px;width: 8px;position: absolute;top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 1em;background: url(http://www.jq22.com/demo/jquery-nav20151221/img/cd-arrow.svg) no-repeat center center;background-size: 8px 11px;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: .2s;-moz-transition-duration: .2s;transition-duration: .2s}
#M_nav .item-has-children > a.submenu-open::after {-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);transform: translateY(-50%) rotate(90deg)}

#M_nav .socials {padding: 0 32px}
#M_nav .socials:after {content: "";display: table;clear: both}
#M_nav .socials a {height: 32px;width: 32px;float: left;padding: 0;background: url(http://www.jq22.com/demo/jquery-nav20151221/img/cd-arrow.svg) no-repeat 128px 64px #fff;margin-right: .5em;border-radius: .25em}
#M_nav .socials a.cd-twitter {background-position: 0 0}
#M_nav .socials a.cd-github {background-position: -32px 0}
#M_nav .socials a.cd-facebook {background-position: -64px 0}
#M_nav .socials a.cd-google {background-position: -96px 0}

@media only screen and (min-width: 768px) {


    #M_nav .cd-navigation {margin: 20px 0}
    .cd-main-content {padding-top: 70px}
    #cd-menu-trigger .cd-menu-icon {left: auto;right: 1.25em;-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0)}
}
@media only screen and (max-width:641px){
    header {display: block;}
}