@import url(http://fonts.googleapis.com/css?family=Montserrat);
ul#css3menu1,ul#css3menu1 ul{
 margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:0;border-style:solid;border-color:; }
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;background-color:transparent;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:7px 0 0;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display: block;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font: 18px Montserrat, sans-serif;
	color: #000;
	cursor: pointer;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
background-color:;		background-repeat: repeat;
	border-width: 0px;
	border-style: none;
border-color:;}
ul#css3menu1 ul li{
	float:none;margin:0;}
ul#css3menu1 ul a{
	text-align:left;padding:10px 13px;background-color:#5152E7;border-width:0 0 1px 0;border-style:solid;border-color:#3D36D0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	border-style:none;color:#FFFFFF; -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;}

li:hover > ul {
    	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
 
	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
 
	-webkit-animation-duration:0.5s;
	-moz-animation-duration:0.5s;
	animation-duration:0.5s;
}
 
.fadeIn {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}
 @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 > li.switch{
	display:none;cursor:pointer;width:25px;height:20px;padding:20px;}
ul#css3menu1 > li.switch:before{
	content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#5152E7;-moz-box-shadow:0 8px #5152E7, 0 16px #5152E7;-webkit-box-shadow:0 8px #5152E7, 0 16px #5152E7;box-shadow:0 8px #5152E7, 0 16px #5152E7;}
ul#css3menu1 > li.switch:hover:before{
	background:#333;-moz-box-shadow:0 8px #333, 0 16px #333;-webkit-box-shadow:0 8px #333, 0 16px #333;box-shadow:0 8px #333, 0 16px #333;}
.c3m-switch-input{
	display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{
	border-style:none;color:#000;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed{
	background-color:#3432C1;border-style:solid;border-color:#3432C1;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li.topmenu>a{
	-moz-box-shadow:0 7px 0 #fff;-webkit-box-shadow:0 7px 0 #fff;box-shadow:0 7px 0 #fff;background-color:#FFFFFF;border-width:0 1px 0 0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu > a.pressed{
	-moz-box-shadow:0 7px 0 #3432C1;-webkit-box-shadow:0 7px 0 #3432C1;box-shadow:0 7px 0 #3432C1;background-color:#fff;}
	
	ul#css3menu1 li.lastmenu>a{
	-moz-box-shadow:0 7px 0 #fff;-webkit-box-shadow:0 7px 0 #fff;box-shadow:0 7px 0 #fff;background-color:#032b68;border-width:2px ;border-style:solid;border-color:#000;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; color:#fff;}
ul#css3menu1 li.lastmenu:hover>a,ul#css3menu1 li.lastmenu > a.pressed{
	-moz-box-shadow:0 7px 0 #3432C1;-webkit-box-shadow:0 7px 0 #3432C1;box-shadow:0 7px 0 #3432C1;}
	
	@media screen and (max-width: 1024px) {
		li.topmenu>a {
			font-size:18px;
		
	}
	
	li.lastmenu>a {
		font-size:18px;
	}}
@media screen and (max-width: 802px) {
	ul#css3menu1 > li {
		position: initial;}
	ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
		left: 0; right:auto; top: 100%;}
	ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}




@media screen and (max-width: 801px) {
	ul#css3menu1 {
		width: 90%;}
	ul#css3menu1 > li {
		display: none;		position: relative;		width: 90% !important;}
	ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {
		display: block;}
	ul#css3menu1 > li.switch > label {		position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}