.cd-main-content {min-height: 100%;position: relative;background-color: #f9f9f9;z-index: 222;-webkit-transform: translateZ(0);-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;}
.cd-main-content.lateral-menu-is-open {-webkit-transform: translateX(-4.86rem);-moz-transform: translateX(-4.86rem);-ms-transform: translateX(-4.86rem);-o-transform: translateX(-4.86rem);transform: translateX(-4.86rem);}
header.lateral-menu-is-open {-webkit-transform: translateX(-4.86rem);-moz-transform: translateX(-4.86rem);-ms-transform: translateX(-4.86rem);-o-transform: translateX(-4.86rem);transform: translateX(-4.86rem);}
header.is-fixed {position: fixed;}
.overflow-hidden {overflow: hidden;}
#cd-menu-trigger {position: absolute;right: 0rem;top:0rem;height:1.16rem;width:1.14rem; }

#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: rgba(255, 255, 255, 0);}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {background-color: white;}
#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);}

#cd-lateral-nav {position: fixed;height: 100%;right: 0;top: 0; z-index: 1; width:4.25rem; box-sizing: content-box; padding:0rem 0.3rem; background-color: #0168b7; overflow-y: auto; -webkit-transform: translateZ(0); -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; -webkit-transform: translateX(0.8rem);-moz-transform: translateX(0.8rem); -ms-transform: translateX(0.8rem); -o-transform: translateX(0.8rem); transform: translateX(0.8rem);}
#cd-lateral-nav .cd-navigation {}
#cd-lateral-nav .sub-menu {display: none;}
#cd-lateral-nav a {display: block; text-align: center; font-size: 0.28rem; border-bottom: 1px solid #ffffff; box-sizing: border-box;
  line-height:0.9rem; height: 0.9rem;color: #ffffff;}
#cd-lateral-nav a.current {color: #ffffff;}
.no-touch #cd-lateral-nav a:hover {color: #ffffff;}

#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);-webkit-overflow-scrolling: touch;}
#cd-lateral-nav .item-has-children > a {position: relative;text-transform: uppercase;font-weight: 600;}
#cd-lateral-nav .item-has-children > a::after {content: ''; fill:#ffffff; display: block;height:0.32rem;width:0.26rem;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:0.2rem; background: url("../images/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: 0.2s;-moz-transition-duration: 0.2s;transition-duration: 0.2s;}
#cd-lateral-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);}
