#main-navi {
	position: relative;
}
#main-navi ul {
margin-bottom:0;
}

ul#sgmainmenu li:hover>* {
display:block;
}

ul#sgmainmenu li {
position:relative;
display:block;
white-space:nowrap;
font-size:0;
float:left;
}

ul#sgmainmenu li:hover {
z-index:1;
}

ul#sgmainmenu ul ul {
position:absolute;
left:100%;
top:0;
}

* html ul#sgmainmenu li a {
display:inline-block;
}

ul#sgmainmenu>li {
margin:0;
}

ul#sgmainmenu a:active,ul#sgmainmenu a:focus {
outline-style:none;
}

ul#sgmainmenu a {
display:block;
vertical-align:middle;
text-align:left;
text-decoration:none;
font-size:small;
color:#000;
cursor:default;
background-repeat:repeat;
border-style:none;
border-width:0;
padding:3px;
}

ul#sgmainmenu ul li {
float:none;
margin:0;
}

ul#sgmainmenu ul a {
text-align:left;
background-color:#2b2d41;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
font:13px Raleway, sans-serif;
color:#FFF;
text-decoration:none;
padding:10px 15px;
}

ul#sgmainmenu li:hover>a,ul#sgmainmenu li a.pressed {
color:#FFF;
text-decoration:none;
border-style:none;
}

ul#sgmainmenu img {
border:none;
vertical-align:middle;
margin-right:3px;
}

ul#sgmainmenu span {
display:block;
overflow:visible;
background-position:right center;
background-repeat:no-repeat;
padding-right:0;
}

ul#sgmainmenu ul span {
background-image:url(../images/arrow2.png);
padding-right:70px;
}

ul#sgmainmenu ul li:hover > a span {
background-image:url(../images/arrow1.png);
}

ul#sgmainmenu > li.switch {
display:none;
cursor:pointer;
width:25px;
height:20px;
padding:22px 16px;
}

ul#sgmainmenu > li.switch:before {
content:"";
position:absolute;
display:block;
height:4px;
width:25px;
border-radius:4px;
background:#FFF;
-moz-box-shadow:0 8px #FFFFFF, 0 16px #FFF;
-webkit-box-shadow:0 8px #FFFFFF, 0 16px #FFF;
box-shadow:0 8px #FFFFFF, 0 16px #FFF;
}

ul#sgmainmenu > li.switch:hover:before {
background:#d6e6ff;
-moz-box-shadow:0 8px #d6e6ff, 0 16px #d6e6ff;
-webkit-box-shadow:0 8px #d6e6ff, 0 16px #d6e6ff;
box-shadow:0 8px #d6e6ff, 0 16px #d6e6ff;
}

.c3m-switch-input {
display:none;
}

ul#sgmainmenu ul li:hover>a,ul#sgmainmenu ul li a.pressed {
background-color:#3c3e58;
color:#FFF;
text-decoration:none;
}

ul#sgmainmenu>li>a {
text-transform:uppercase;
padding:13px 10px;
}

ul#sgmainmenu li.topfirst>a {
background-image:none;
background-repeat:no-repeat;
background-position:0 0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
font:13px Raleway, sans-serif;
color:#FFF;
cursor:pointer;
border-color:transparent;
border-style:solid;
border-width:0 0 5px;
padding:18px 8px 12px;
}

ul#sgmainmenu li.topfirst:hover>a,ul#sgmainmenu li.topfirst a.pressed {
background-image:none;
color:#d6e6ff;
cursor:pointer;
border-color:#fff transparent;
border-style:solid;
}

ul#sgmainmenu li.topmenu>a {
background-repeat:no-repeat;
background-position:0 0;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
font:13px Raleway, sans-serif;
font-weight: 300;
letter-spacing: 0.2px;
color:#FFF;
cursor:pointer;
border-color:transparent;
border-style:solid;
border-width:0 0 5px;
padding:18px 8px 12px;
}

ul#sgmainmenu li.topmenu a.pressed {
color:#fff;
cursor:pointer;
/*border-color:#fff transparent;*/
border-style:solid;
}

ul#sgmainmenu li.topmenu:hover>a {
color:#fff;
cursor:pointer;
border-color:#fff transparent;
border-style:solid;
}

.pagemenu {float: right;}
ul#sgmainmenu li.topmenu.last>a {
	padding-right: 0px;
}

@media screen and max-width 768px{
ul#sgmainmenu > li {
position:initial;
}

ul#sgmainmenu ul .submenu,ul#sgmainmenu li > ul {
left:0;
right:auto;
top:100%;
}

ul#sgmainmenu .submenu,ul#sgmainmenu ul,ul#sgmainmenu .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 460px{
ul#sgmainmenu {
width:100%;
}

ul#sgmainmenu > li {
display:none;
position:relative;
width:100%!important;
}

ul#sgmainmenu > li.switch,.c3m-switch-input:checked + ul#sgmainmenu > li + li {
display:block;
}
}