nav > ul
{
	margin: 0px;
	padding: 0px;
}

nav > ul >li
{
	float: left;
	position: relative;
}

nav li
{
	list-style-type: none;
}

.submenu
{
	display: none;
}

nav
{
	width: 109px;
	background-color: #424558;
}

nav > ul::after
{
	content: "";
	display: block;
	clear: both;
}

nav a
{
	display: inline-block;
	text-decoration: none;
}

nav > ul > li > a
{
	padding: 20px 30px;
	color: #FFF;
}

nav li:hover .submenu
{
	display: inline-block;
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0px;
	z-index: 10000;
}

.submenu li
{
	border-bottom: 1px solid #CCC;
}

.submenu li a
{
	padding: 15px 30px;
	font-size: 13px;
	color: #222538;
	width: 270px;
}

.bbbutton:hover
{
	border-top: 5px solid #e44d26;
	background-color: rgba(228, 77, 38, 0.15);
}

nav > ul >li::hover a
{
	padding: 15px 30px 20px 30px
}

.bbbutton .submenu
{
	background-color: rgb(230, 100, 40);
}

.submenu li:hover a
{
	color: #EEE;
	font-weight: bold;
}

.bbbutton .submenu li:hover
{
	background-color: rgb(210, 77, 60);
}

@-webkit-keyframes instablebar
{
	0% {transform: rotate(0deg);}
	85% {transform: rotate(0deg);}
	90% {transform: rotate(4deg);}
	95% {transform: rotate(-4deg);}
	100% {transform: rotate(0deg);}
}

@-webkit-keyframes instablenav
{
	0% {transform: translate(0,-25px);}
	90% {transform: translate(0,-25px);}
	100% {transform: translate(0,0px);}
}

@-webkit-keyframes rotatemenu
{
	0% {transform: rotate(0deg);}
	89% {transform: rotate(0deg);}
	90% {transform: rotate(45deg);}
	91.5% {transform: rotate(90deg);}
	93% {transform: rotate(135deg);}
	94.5% {transform: rotate(180deg);}
	96% {transform: rotate(-135deg);}
	97.5% {transform: rotate(-90deg);}
	99% {transform: rotate(-45deg);}
	100% {transform: rotate(0deg);}
}

@-webkit-keyframes clickblocpage
{
	0% {transform: translate(0px,0px);}
	70% {transform: translate(0px,0px);}
	71% {transform: translate(0px,-25px);}
	89% {transform: translate(0px,-25px);}
	90% {transform: translate(-50px,-25px);}
	94.5% {transform: translate(50px,-25px);}
	100% {transform: translate(0px,-25px);}
}


@-webkit-keyframes rotatemenuhover
{
	0% {transform: rotate(0deg);}
	12.5% {transform: rotate(45deg);}
	25% {transform: rotate(90deg);}
	37.5% {transform: rotate(135deg);}
	50% {transform: rotate(180deg);}
	67.5% {transform: rotate(-135deg);}
	75% {transform: rotate(-90deg);}
	87.5% {transform: rotate(-45deg);}
	100% {transform: rotate(0deg);}
}


.navbloc
{
    -webkit-animation: instablebar 1.5s;
}

.menudrlnt
{
    -webkit-animation: instablenav 1.5s;
}


.chatbloc
{
	-webkit-animation: rotatemenu 2s;
}

.cmdbloc
{
	-webkit-animation: rotatemenu 2s;
}

.htmlbloc
{
	-webkit-animation: rotatemenu 2s;
}

.pagebloc
{
	-webkit-animation: clickblocpage 2s;
}


.chatbloc:hover
{
	-webkit-animation: rotatemenuhover 0.5s;
}

.cmdbloc:hover
{
	-webkit-animation: rotatemenuhover 0.5s;
}

.htmlbloc:hover
{
	-webkit-animation: rotatemenuhover 0.5s;
}