.overflow-hidden { overflow: hidden}
.cd-navigation ul.sub-menu li{border-top:1px solid #ddd; border-bottom:0 !important; }
.cd-navigation ul.sub-menu li a{padding-left:35px }
.cd-navigation ul ul.sub-menu li a{padding-left:55px !important}
/* Code more */
ul.cd-navigation li.cart-m{border-bottom:1px solid #ddd; text-align:center}  ul.cd-navigation li.cart-m img{vertical-align:middle}
ul.cd-navigation li.cart-m div{text-align:center; position:relative; margin:0 auto; margin-bottom:5px}
ul.cd-navigation li.cart-m div span{position:absolute; right:10px; top:1px; color:#fff}
ul.cd-navigation li.cart-m a{padding:10px 0 10px 20px !important} 

ul.cd-navigation li.hotline-m{border-bottom:1px solid #ddd; text-align:center} 
ul.cd-navigation li.hotline-m a{font-weight:bold !important; text-transform:uppercase; padding:10px 0 !important}

ul.cd-navigation li.intro-m{background:#2582be ; text-align:center} 
ul.cd-navigation li.intro-m a{font-weight:bold !important; text-transform:uppercase; padding:10px 0 !important; color:#fff !important} 

span.submenu-open{float:right}
ul.cd-navigation li{position:relative; border-bottom:1px solid #ddd; } ul.cd-navigation li:last-child{}
ul.cd-navigation li span.toggle{position: absolute; right: 0; top: 0; cursor:pointer; text-indent:-9999px; width:40px; height:40px; border-left: 1px solid #ddd;}
.cd-main-content.lateral-menu-is-open {transform: translateX(260); visibility: visible;transition: transform .4s 0s, visibility 0s 0s}

#cd-menu-trigger { position: relative; right: 0; top: 0; display:block; color:#2582be}
#cd-menu-trigger .cd-menu-text {height: 100%; text-transform: uppercase; color: #fff; font-weight: 300; font-size:15px; padding:10px 0; display:block; padding-left:10px}
#cd-menu-trigger .cd-menu-icon {display: inline-block; position: absolute; left: 10%; top: 49%; bottom: auto; right: auto; width: 18px; height: 2px; background-color: #fff;  -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%)}
#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}
#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: #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)}
@media only screen and (min-width: 768px) {
  #cd-menu-trigger {width: 130px}
  #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)}
}
#cd-lateral-nav {position: fixed; height: 100%; right: 0; top: 0; visibility: hidden; z-index: 9999; width: 260px; background: #fff; border-color: rgba(0,0,0,.1); color: rgba(0,0,0,.7); border-left:1px solid #ccc; overflow:auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);  -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;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);  -moz-transform: translateX(80px);  -ms-transform: translateX(80px);  -o-transform: translateX(80px);  transform: translateX(80px);
}

#cd-lateral-nav .cd-navigation {margin: 0px 0 16px}
#cd-lateral-nav .sub-menu {padding: 0 0px 0px; display: none}
#cd-lateral-nav .sub-menucon {padding: 0 10px 0px 25px}
#cd-lateral-nav a {display: block; padding: 10px 40px 10px 20px; color: #666; font-weight:normal; border-color: inherit;}
#cd-lateral-nav a.current { background-color: #3a4a4d; color: #FFF}
.no-touch #cd-lateral-nav a:hover {color: #FFF}

#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 .item-has-children > a {position: relative}
/* this is the right arrow to show that the item has a submenu  */
#cd-lateral-nav .item-has-children > span::after { content: ''; display: block; height: 16px; width: 16px; 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: 10px; background: url("img/play.png") no-repeat center center; -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 span.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)}