/*........... destop menu .............*/
@media screen and (min-width:768px) {
	#cssmenu ul {
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}
	#cssmenu li {
		padding: 0;
		background: none;
		list-style: none;
	}
	#cssmenu > ul {
		position: relative;
		display: block;
		z-index: 99999;
	}
	#cssmenu > ul > li {
		display: block;
		position: relative;
		float: left;
		font-size: 23px;
		line-height: 27px;
		margin: 0 0 0 37px;
		padding: 0;
		line-height: 1;
		z-index: 5000;
		text-transform: uppercase;
	}
	#cssmenu > ul > #menu-button {
		display: none;
	}
	#cssmenu ul li a {
		display: block;
		text-decoration: none;
	}
	#cssmenu > ul > li > a {
		padding: 0 0 11px;
		color: #019bd3;
		font-family: 'SA-Stick-A-Round-Bold', Verdana, Geneva, sans-serif;
		font-weight: 400;
	}
	#cssmenu > ul > li:hover > a {
		color: #1E3374;
	}
	#cssmenu ul ul {
		position: absolute;
		left: -9999px;
		top: 32px;
		width: 190px;
		opacity: 0;
		z-index: 1000;
	}
	#cssmenu ul ul ul {
		top: 37px;
	}
	#cssmenu ul ul li {
		position: relative;
		font-size: 13px;
		line-height: normal;
		margin: 0;
		border-bottom:1px solid #a4c8e6;
		word-wrap: break-word;
		text-transform:none;
	}
	#cssmenu ul ul li:last-child{
		border-bottom: none;
	}
	#cssmenu ul ul li a {
		padding: 10px;
		background: #019bd3;
		color: #fff;
	    font-family: 'FSAlbert-Regular', Verdana, Geneva, sans-serif;
	}
	#cssmenu ul ul li a:hover{
		background: #67bae1;
		color: #fff;
	}
	#cssmenu ul > li:hover > ul {
		left: auto;
		opacity: 1;
	}
	#cssmenu ul ul li:hover > ul {
		left: 190px;
		top: 0;
		opacity: 1;
	}
	#cssmenu .down{
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#cssmenu > ul > li {
		font-size: 21px;
		margin: 0 0 0 15px;
	}
	#cssmenu ul ul li {
		font-size: 14px;
	}
}
/*........... end destop menu .............*/

/*........... mobile menu .............*/
@media screen and (max-width:767px) {
	.main-navi {
		float: none;
		clear: both;
		margin: 5px -15px 0;
	}
	#cssmenu ul {
		padding: 0;
		margin: 0;
		line-height: 1;
		list-style: none;
	}
	#cssmenu li {
		padding: 0;
		background: none;
		list-style: none;
	}
	#cssmenu > ul.open {
		background: url("../images/mobile-menu-top.png") no-repeat #189bd3;
		background-size: 100%;
		min-height: 18px;
		padding-top: 10px;
		margin-bottom: -15px;
	}
	#cssmenu ul li {
		display: none;
	}
	#cssmenu > ul > #menu-button {
		display: block;
		border: none;
		position: absolute;
		right: 15px;
		top: 19px;
	}
	#cssmenu > ul > #menu-button a {
		padding: 0;
		background: none;
		font-size: 39px;
		color: #189bd3;
		cursor: pointer;
	}
	#cssmenu > ul.open > #menu-button a {
		color: #67bae1;
	}
	#cssmenu > ul.open > li.first-level {
		display: block;
	}
	#cssmenu > ul li.active ul li {
		display: block;
	}
	#cssmenu ul li a{
		display: block;
		padding: 13px 15px;
		background: #189bd3;
		color: #fff;
		text-decoration: none;
	}
	#cssmenu ul li{
		position: relative;
		z-index: 99999;
		background: #fff;
		border-top: 1px solid #a7cbea;
		font-family: 'SA-Stick-A-Round-Bold', Verdana, Geneva, sans-serif;
		font-size: 25px;
		line-height: 28px;
		font-weight: 400;
		text-transform: uppercase;
	}
	#cssmenu > ul > li:nth-child(2) {
		border: none;
	}
	#cssmenu ul ul{
		margin: 0;
		padding: 0;
	}
	#cssmenu ul ul ul{
		padding-bottom: 10px;
	}
	#cssmenu ul ul li{
		font-family: 'FSAlbert-Regular', Verdana, Geneva, sans-serif;
		font-size: 16px;
		line-height: 18px;
		text-transform: none;
	}
	#cssmenu ul ul ul li{
		border: none;
	}
	#cssmenu ul ul li a{
		background: #fff;
		color: #189bd3;
		padding: 13px 15px;
	}
	#cssmenu ul ul li a:hover{
		background: #93c0e3;
		color: #fff;
	}
	#cssmenu ul ul ul li a{
		padding: 7px 30px;
	}
	#cssmenu ul ul ul ul li a{
		padding-left: 445px;
	}
	#cssmenu ul ul ul ul ul li a{
		padding-left: 60px;
	}
	#cssmenu ul li .down {
		position: absolute;
		right: 0;
		top: 0;
		z-index: 999;
		width: 60px;
		height: 54px;
	}
	#cssmenu ul li li .down {
		display: none !important;
	}
	#cssmenu ul li .down:after{
		display: block;
		margin: 7px 0 0 10px;
		font: normal normal normal 30px/1 FontAwesome;
		content: "\f107";
		font-size: 40px;
		color: #fff;
		cursor: pointer;
	}
	#cssmenu ul li.active .down:after{
		content: "\f106";
	}
	.search-box{
		display: none;
	}
}
/*........... end mobile menu .............*/