/* responsive menu -->
 *
 * */

#cd-lateral-nav {
 /*position: fixed;*/
 height: 100%;
 left: 0;
 top: 0;
text-align: center;
 /* the secondary navigation is covered by the main element */
 z-index: 397;
 width: 100%;
 padding: 20px;
 /*background-color: #242e30;*/
 overflow-y: auto;
 /* smooth the scrolling on touch devices - webkit browsers */
 -webkit-overflow-scrolling: touch;
 /* Force Hardware Acceleration in WebKit */
 -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-lateral-nav .cd-navigation {
/* margin: 10px 0 16px 15px;*/
 margin: 10px 0 16px 0;
 padding-left: 0;
 text-align: left;
}




#cd-lateral-nav .sub-menu {
 padding: 0 10px 20px 15px;
 display: none;
}

#cd-lateral-nav a {
 display: block;
 line-height: 2em;
 padding: 0 16px 0 22px;
 color: #d6dbdc;
}

#cd-lateral-nav .sub-menu li a {
 color: #ddd;
}
#cd-lateral-nav .sub-menu li ul.sub-menu li a {
 color: #aaa;
}

#cd-lateral-nav a.current {
 background-color: #eee;
 color: red;
}

.no-touch #cd-lateral-nav a:hover {
 color: white;
}
/*
@media only screen and (min-width: 768px) {

	#cd-lateral-nav .cd-navigation {
	 margin: 85px 0 20px 14px;
	}
}
*/
@media only screen and (max-width: 1066px) {
	
#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);
}

/* style menu items which have a submenu  */

/*#cd-lateral-nav .item-has-children {
    border-bottom: none;
}*/
#cd-lateral-nav .item-has-children > a {
 position: relative;
 text-transform: none;
 cursor: pointer;
 font-weight: 300;/* this is the right arrow to show that the item has a submenu  */
}

#cd-lateral-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: 25px;
 background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-arrow-sec-exp-nav.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);
}
}
#cd-lateral-nav .socials {
 *zoom: 1;
 padding: 0 32px;
}

#cd-lateral-nav .socials:before,
#cd-lateral-nav .socials:after {
 content: " ";
 display: table;
}

#cd-lateral-nav .socials:after {
 clear: both;
}

#cd-lateral-nav .socials a {
 height: 32px;
 width: 32px;
 float: left;
 padding: 0;
 background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/cd-socials.svg");
 background-repeat: no-repeat;
 background-size: 128px 64px;
 background-color: #FFF;
 margin-right: .5em;
 border-radius: 0.25em;
}

#cd-lateral-nav .socials a.cd-twitter {
 background-position: 0 0;
}

#cd-lateral-nav .socials a.cd-github {
 background-position: -32px 0;
}

#cd-lateral-nav .socials a.cd-facebook {
 background-position: -64px 0;
}

#cd-lateral-nav .socials a.cd-google {
 background-position: -96px 0;
}

.no-touch #cd-lateral-nav .socials a:hover {
 background-color: #4e6361;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
 background-position: 0 -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-github {
 background-position: -32px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
 background-position: -64px -32px;
}

.no-touch #cd-lateral-nav .socials a:hover.cd-google {
 background-position: -96px -32px;
}


/*  my css */


#cd-lateral-nav ul li {
 list-style: none;
 padding: 0;
 margin: 0;
 border-bottom: 1px solid #333;
 overflow: auto;
}
#cd-lateral-nav ul li.float-right {
	float:left;
	width: 100%;
	clear:both;
}
#cd-lateral-nav ul li:last-of-type {
 list-style: none;
 padding: 0;
 margin: 0;
 /*border-bottom: red;*/
	float: left;
	clear: both;
	width: 100%;
}

#cd-lateral-nav ul li a {
 display: block;
 line-height: 20px;
 font-size: 14px;
 padding: 10px 16px 10px 0;
 color: #aab5b7;
}

#cd-lateral-nav .sub-menu {
padding: 0 10px 0 0;
display: none;
margin-left: 15px;
}

/*  END responsive menu */