
@font-face {
    font-family: 'Candara';
    src: url('../fonts/Candara.eot');
    src: url('../fonts/Candara.eot') format('embedded-opentype'),
         url('../fonts/Candara.woff2') format('woff2'),
         url('../fonts/Candara.woff') format('woff'),
         url('../fonts/Candara.ttf') format('truetype'),
         url('../fonts/Candara.svg#Candara') format('svg');}

.flexy-menu li{
	display:inline;
	font-size:13px;
	margin:0;
	padding:0;
	float:left;
	line-height:20px;
	position:relative;
	border-left: 0px solid rgb(236, 236, 236);
}
.flexy-menu li.last{
	border-right: 0px solid rgb(236, 236, 236);	
}
.flexy-menu>li>a{
	padding: 35px 18px;
	font-weight: 600;
	color: #252525;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	
	-webkit-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear;	
}
.flexy-menu li:hover>a{
	background:#555;
	color:#fff;
background:#993;
}
.flexy-menu li.active a{
	background:#91C22F;
	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:132px;
	background:#333;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
}
.flexy-menu ul{top:60px;left:0}.flexy-menu ul li ul{top:0;left:100%}
.flexy-menu ul li{
	clear:both;width:100%;border:0;font-size:12px}
.flexy-menu ul li a{
	text-transform: uppercase;
	border-bottom: 1px solid rgb(31, 29, 29);
	padding: 10px 18px;
	width: 100%;
	color: #f0f0f0;
	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 .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear;	
}




.flexy-menu1{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	
	 font-family: 'Candara';
	list-style: none;
}
.flexy-menu1 li{
	display:inline;
	font-size:14px;
	margin:0;
	padding:0;
	float:left;
	line-height:20px;
	position:relative;
	border-left: 0px solid rgb(236, 236, 236);
}
.flexy-menu1 li.last{
	border-right: 0px solid rgb(236, 236, 236);	
}
.flexy-menu1>li>a{
	padding: 17px 18px;
	font-weight: 300;
	color: #252525;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	
	-webkit-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear;	
}
.flexy-menu1 li:hover>a{
		color:#fff;
background:#DD8C13
}
.flexy-menu1 li.active a{
	background:#B5833E;
	color:#fff;
}
.flexy-menu li.right{
	float:right
}
.flexy-menu1 ul,.flexy-menu ul li ul{
	list-style:none;
	margin:0;
	padding:0;
	display:none;
	position:absolute;
	z-index:99999;
	width:132px;
	background:#333;
	box-shadow:0 1px 1px rgba(0,0,0,0.3);
}
.flexy-menu1 ul{top:60px;left:0}.flexy-menu1 ul li ul{top:0;left:100%}
.flexy-menu1 ul li{
	clear:both;width:100%;border:0;font-size:12px}
.flexy-menu1 ul li a{
	text-transform: uppercase;
	border-bottom: 1px solid rgb(31, 29, 29);
	padding: 10px 18px;
	width: 100%;
	color: #f0f0f0;
	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 .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-o-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear;	
}


.thick>li .arrow{top:40px}
.flexy-menu i{
	display: block;
	text-align: center;
	background-image:none;
}

.orange li.active a{
	background: none;
}
.orange li:hover>a{
	background: none;
	color: #f53300 ;
}


.purple li:hover>a,.purple li.active a{
	background:#a737fa;
	color:#fff;

}
.pink li:hover>a,.pink li.active a{background:#f82b4c;color:#fff ;    





