/*------------ Color Palette ------------*/

/*

LIGHT ORANGE: #e4644b

DARK ORANGE: #d05942

DARK BROWN: #484141

Menu text: #f7f1e3

Submenu text: #ae9f9f

*/



/*------------ General Settings ------------*/

/*@import url(https://fonts.useso.com/css?family=Montserrat);*/



body {

	margin:0;

	padding:0;

	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

	background: url("../images/bg.jpg") top center no-repeat;

	letter-spacing: 0.2px;

}







li {

	cursor: pointer;

}

/*------------ Main Menu ------------*/

.mainmenu {

	font-size: 16px;

	position:relative;

	padding:0;

}



.mainmenu > li {

	background-color: #104E8B;

	border-top: 1px #eee solid ;

	height: 38px;

	line-height:38px;

	color: #f7f1e3;

	box-sizing: border-box;

	position:relative;

	padding:0 0 0 40px;

}



.mainmenu > li a{

	

	color: #f7f1e3;



}



.mainmenu > li:first-child {



	border-top: 0;

}



.mainmenu > li:last-child {

	border-radius: 0 0 7px 7px;

}



.mainmenu > li span {

	display:block;

	line-height: 38px;

}



.mainmenu > li .icon {

	float: left;

	width: 20px;

	height: 20px;

	display:block;

	position:absolute;

	left:10px;

	top:15px;

}



.mainmenu > li .messages {

	background: url("../images/messages.png") no-repeat;

	padding: 0;

	margin-right: 19px;

	float: right;

	display: block;

	width: 34px;

	height: 18px;

	text-align: center;

	line-height: 19px;

}



.expand-triangle {

	background: url("../images/expand.gif") top left no-repeat;

	height: 10px;

	width: 226px;

	content: " ";

	margin-left: -40px;

}



/*------------ Sub Menu ------------*/

.submenu {

	box-sizing: border-box;

	color: #ae9f9f;

	border:1px #ccc solid;

	

	/*opacity: 0.5;*/

}



.submenu li {

	line-height: 30px;

	font-size:12px;

	height: 30px;

	padding-left:10px;

   

	background-color: #eee;



	transition: border-left 220ms ease-in;

}



.submenu .chosen,

.submenu .chosen:hover {

	border-left: solid 6px #96d145;

	

}

.submenu li a { font-size:12px; 

}

.submenu li:hover {

	border-left: solid 6px #006125;background-color:#ccc; 

}



.submenu li span {

	margin-left:30px;

}



.animate {

	animation: flip 2000ms ease-in-out alternate;

}



@keyframes flip {

	to {

		transform: rotateY(360deg);

	}

}