.flexy-menu {

	margin: 10px 0 0 0 !important;

}

.flexy-menu {

	width: 100%;

	margin: 0;

	padding: 0;

	position: relative;

	float: left;

	font-family: 'Raleway', sans-serif;

	list-style: none;

	box-shadow: 0 0 1px #888888;



	

	background: rgb(252,252,252); /* Old browsers */

	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 1%, rgba(212,212,212,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(252,252,252,1)), color-stop(100%,rgba(212,212,212,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 1%,rgba(212,212,212,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(252,252,252,1) 1%,rgba(212,212,212,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 1%,rgba(212,212,212,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(252,252,252,1) 1%,rgba(212,212,212,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */



}

.flexy-menu li {

	display: inline-block;

	font-size: 14px;

	margin: 0;

	padding: 0;

	float: left;

	line-height: 20px;

	position: relative;

}

.flexy-menu > li > a {

	padding: 15px 22px;

	color: #3F1400;

	text-decoration: none;

	display: block;

	border-right: 1px solid #CCCCCC;

	font-size:16px;

	-webkit-transition: color 0.2s linear, background 0.2s linear;

	-moz-transition: color 0.2s linear, background 0.2s linear;

	-o-transition: color 0.2s linear, background 0.2s linear;

	transition: color 0.2s linear, background 0.2s linear;

}

.flexy-menu li:hover > a, .flexy-menu li.active a {

	background: #555;

	color: #fff;

}

.flexy-menu li.right {

	float: right;

}

.flexy-menu ul, .flexy-menu ul li ul {

	list-style: none;

	margin: 0;

	padding: 0;

	display: none;

	position: absolute;

	z-index: 99999;

	width: 250px;

	background: #fff;

	box-shadow: 0 1px 1px rgba(0,0,0,0.3);

}

.flexy-menu ul {

	top: 50px;

	left: 0;

}

.flexy-menu ul li ul {

	top: 0;

	left: 100%;

}

.flexy-menu ul li {

	clear: both;

	width: 100%;

	border: none;

	font-size: 12px;

}

.flexy-menu ul li a {

	padding: 10px 20px;

	width: 100%;

	color: #63605F;

	font-size: 13px;

	text-decoration: none;

	display: inline-block;

	float: left;

	clear: both;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-webkit-transition: color 0.2s linear, background 0.2s linear;

	-moz-transition: color 0.2s linear, background 0.2s linear;

	-o-transition: color 0.2s linear, background 0.2s linear;

	transition: color 0.2s linear, background 0.2s linear;

}

.flexy-menu > li .indicator {

	position: absolute;

	color: #63605F;

	top: 15px;

	right: 8px;

	font-size: 17px;

}

.flexy-menu ul > li .indicator {

	top: 10px;

	right: 8px;

}

.thin > li > a {

	padding: 10px 22px;

}

.thin ul {

	top: 40px;

}

.thin > li .indicator {

	top: 10px;

}

.thick > li > a {

	padding: 40px 22px;

}

.thick ul {

	top: 100px;

}

.thick > li .indicator {

	top: 40px;

}

.flexy-menu i {

	line-height: 20px !important;

	margin-right: 6px;

	font-size: 18px;

	float: left;

}

.flexy-menu > li.showhide {

	display: none;

	width: 100%;

	height: 50px;

	cursor: pointer;

	color: #dedede;

	border-bottom: solid 1px rgba(0, 0, 0, 0.1);

	background: #333333;

}

.flexy-menu > li.showhide span.title {

	margin: 16px 0 0 25px;

	float: left;

}

.flexy-menu > li.showhide span.icon {

	margin: 17px 20px;

	float: right;

}

.flexy-menu > li.showhide .icon em {

	margin-bottom: 3px;

	display: block;

	width: 20px;

	height: 2px;

	background: #ccc;

}

.orange li:hover > a, .orange li.active a {

	background: none repeat scroll 0 0 #C33838;

    color: #FFFFFF !important;

}

.flexy-menu.vertical {

	width: 200px;

}

.flexy-menu.vertical li {

	width: 100%;

}

.flexy-menu.vertical li a {

	display: inline-block !important;

	width: 100%;

	padding: 18px 20px 16px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.flexy-menu.vertical ul li {

	width: 100%;

}

.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {

	width: 150px;

}

.flexy-menu.vertical ul {

	top: 0;

	left: 100%;

}

.flexy-menu.vertical ul li ul {

	top: 0px;

}

.flexy-menu.vertical.right {

	float: right !important;

}

.flexy-menu.vertical.right ul {

	left: -150px !important;

}

.flexy-menu.vertical > li .indicator {

	top: 17px;

	right: 15px;

	font-size: 17px;

}

.flexy-menu.vertical ul > li .indicator {

	top: 18px;

	right: 15px;

}



@media only screen and (max-width: 768px) {

.flexy-menu.vertical {

	width: 100%;

}

.flexy-menu li {

	display: block;

	width: 100%;

}

.flexy-menu > li > a {

	padding-top: 15px;

	padding-bottom: 15px;

	padding-left: 25px;

}

.flexy-menu a {

	width: 100%;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.flexy-menu ul, .flexy-menu ul li ul, .flexy-menu.vertical ul, .flexy-menu.vertical ul li ul {

	width: 100%;

	left: 0;

	border-left: none;

	position: static;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.flexy-menu ul li {

	border-left: none;

	border-right: none;

}

.flexy-menu ul li a, .flexy-menu.vertical ul li a {

	padding-top: 10px;

	padding-bottom: 10px;

}

.flexy-menu ul > li > a {

	padding-left: 40px !important;

}

.flexy-menu > li .indicator {

	top: 15px;

	right: 25px;

	font-size: 17px;

}

.flexy-menu ul > li .indicator {

	right: 24px;

}

.flexy-menu.vertical ul > li .indicator {

	top: 10px;

	right: 15px;

}

.flexy-menu > li > ul > li > a {

	padding-left: 40px !important;

}

.flexy-menu > li > ul > li > ul > li > a {

	padding-left: 60px !important;

}

.flexy-menu > li > ul > li > ul > li > ul > li > a {

	padding-left: 80px !important;

}

}