/*@charset "utf-8";

@font-face {
    font-family: 'Frutiger';
    src: url('../fonts/Frutiger.eot') format('embedded-opentype'),
	url('../fonts/Frutiger.woff') format('woff'),
         url('../fonts/Frutiger.ttf') format('truetype'),
         url('../fonts/Frutiger.svg') format('svg');
	font-weight: normal;
    font-style: normal;
}*/

.content{margin: 0px 0px 0px 0px;}
.flexy-menu{margin: 0px 0 0 0;}
.flexy-menu
{
	margin:0;
	position:absolute;
	float:left; margin-top:10px;
	font-family: 'Copse', serif;
	font-weight:300;
	list-style: none;
	z-index:300;
}
.flexy-menu li{display:inline-block;font-size:14px;margin:0;padding:0;float:left;line-height: 20px;position:relative; text-transform:uppercase;}.flexy-menu > li > a{padding:20px 22px;color:#fff;text-decoration:none;display:block;-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 > ul > li > a
{
	text-transform:uppercase;
}
.flexy-menu li:hover > a,.flexy-menu li.active a{color: #fdaf18;}
.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: #23547e;box-shadow: 0 1px 1px #000;}
.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: none;font-size:12px;}
.flexy-menu ul li a{padding:10px 20px;width:100%;color:#414040;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;
-ms-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: #dedede;top: 20px;right:1px;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: 2px 0px 0px 0px; margin:4px 10px;}
.thick ul{top: 28px;}
.thick > li .indicator{top: 4px;}
.flexy-menu i{line-height: 20px !important;margin-right: 6px;font-size: 18px;float: left;}
.flexy-menu > li.showhide{display: none;width: 100%;height:40px;cursor: pointer;/*color:#dedede;border-bottom: solid 1px #333;*/
background-image:url('../images/bar.png');
}
.flexy-menu > li.showhide span.title{margin: 11px 0 0 25px;float: left;}
.flexy-menu > li.showhide span.icon{margin: 12px 20px;float: right;}
.flexy-menu > li.showhide .icon em{margin-bottom: 3px;display: block;width: 20px;height: 2px;background: #740d75;}
/*.orange li:hover > a, .orange li.active a{background: #ff670f;color: #fff!important;}*/

.orange li:active ul li:active ul li:hover > a {background: #00aeee;color: #fdaf18;}
.orange li.active ul a{background: #23547e;color: #FFF;}
.orange li.active ul li.active a{background: #00aeee;color: #fdaf18;}
.orange li.active ul li.active ul a{background: #333333;color: #fdaf18;}
.orange li.active ul li.active ul a:hover{background: #00aeee;color: #fdaf18;}
.orange li.active ul li.active ul li.active a{background: #00aeee;color: #fdaf18;}
.orange li ul li:hover > a {background: #01aaeb;color: #fdaf18;}


.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;}

/* change the max-width in js also according you make change in below. i.e.991px in js */
@media only screen and (max-width: 768px){
.flexy-menu.vertical{width: 100%;}
.flexy-menu li{display: block;width: 100%;}
.flexy-menu > li > a{padding:10px; color:#414040;}
.flexy-menu a{width: 95%;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;}}


@media only screen and (min-width : 240px) and (max-width : 767px){
.flexy-menu
{
	width: 100%;
	padding:0px; margin-left:-15px;
	//background:#333; 
	//background-image:url('../images/bar.png');
	background-color: #fdaf18; text-transform:uppercase;
	border:none!important;
}

.orange li{border-bottom:solid 2px #d08d0c;font-size:15px !important; }

.orange li:hover > a, .orange li.active a{/*background: #00aeee;*/color: #414040; }
.orange li.active{ background-color:#e5770b;}
.orange li:hover{ background-color:#e5770b;}
}

/*@media only screen and (min-width : 820px) and (max-width : 1163px){


.flexy-menu
{
	width: 110%;
	padding:8px 0px 8px 0px;
	background-color: #23547e;
	//background-image:url('../images/bar.png');
}
}*/

@media only screen and (min-width : 768px) and (max-width : 2000px){
.orange li:hover > a, .orange li.active a{/*background: #00aeee;*/color: #fdaf18; border-bottom:solid 2px #fdaf18; }
.flexy-menu
{
	width: 100%;
	padding:10px 0px 0px 0px;
}

}