
.mainMenu {
display:block;position:relative;width:100%;margin:0;padding:0;float:left
}
#toggleMenu {
display:none
}
#toggleMenu:checked ~ ul {
max-height:100%;opacity:1
}
.mainMenu>ul {
width:100%;margin:0;padding:0;list-style:none;float:left;overflow-y:hidden;max-height:0
}
.mainMenu li {
margin:0;padding:0;white-space:nowrap;display:block;width:100%;float:left
}
.mainMenu li ul {
display:none
}
.mainMenu a,.mainMenu a:visited,.mainMenu span.no-link {
display:block;width:100%;font-weight:normal
}
label.menuTitle {
margin:0;display:inline-block;cursor:pointer;width:auto
}
@media screen and (min-width: 1040px) {
label.menuTitle {
display:none
}
.mainMenu ul {
display:inline-block !important;border:0;overflow:visible;max-height:100% !important;width:auto;float:right
}
.mainMenu ul li {
width:auto;display:inline
}

}
.mainMenu>ul ul {
float:left;width:100%;margin:0;padding:0
}
@media screen and (min-width: 1040px) {
.mainMenu>ul>li:hover ul {
display:block !important
}
.mainMenu>ul ul {
display:none !important;position:absolute;max-height:inherit !important
}
.mainMenu>ul ul li {
border-left:0
}
.mainMenu>ul ul li {
display:block;width:100%;float:left;padding:0;margin:0
}
.mainMenu>ul ul li a {
padding:7px
}
.mainMenu>ul ul ul {
position:relative;top:0;min-width:100%;border:0
}
.mainMenu>ul ul ul li {
border-left:0
}
.mainMenu>ul ul ul li a {
padding:7px
}
.mainMenu .toggleChildren {
display:none !important
}

}
.mainMenu span.no-link {
display:block
}
.mainMenu li {
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;border-left:1px solid #f4f4f4;border-bottom:0px solid #e2e2e2
}
.mainMenu li:first-child {
border-top:0px solid #e2e2e2
}
@media only screen and (min-width: 1040px) {
.mainMenu li:first-child {
border-top:0
}

}
@media only screen and (min-width: 1040px) {
.mainMenu li {
border-bottom:0
}

}
.mainMenu li:hover,.mainMenu li.active {
background-color:#ffffff
}
.mainMenu li:hover a,.mainMenu li:hover span.no-link,.mainMenu li.active a,.mainMenu li.active span.no-link {
color:#56555b
}
@media only screen and (min-width: 1040px) {
.mainMenu li:hover,.mainMenu li.active {
background-color:#5eb8ce
}
.mainMenu li:hover a,.mainMenu li:hover span.no-link,.mainMenu li.active a,.mainMenu li.active span.no-link {
color:#ffffff
}

}
.mainMenu li li:last-child {
border-bottom:0
}
.mainMenu a,.mainMenu a:visited,.mainMenu span.no-link {
text-decoration:none;width:94%;padding:13px 3%;background:none;color:#56555b
}
label.menuTitle {
font-size:25px;width:10%;padding:5px 3%;font-weight:bold;color:#f7921e;padding-top:10px
}
label.menuTitle:hover {
color:#56555b
}
label.menuTitle.left {
text-align:left
}
label.menuTitle.right {
text-align:right
}
label.menuTitle a {
padding:0
}
@media screen and (min-width: 1040px) {
.mainMenu a,.mainMenu a:visited,.mainMenu span.no-link {
padding:20px 10px
}

}
@media only screen and (min-width: 1200px) {
.mainMenu a,.mainMenu a:visited,.mainMenu span.no-link {
padding:20px
}

}
.mainMenu .toggleChildren {
float:right;width:30px;height:30px;padding:10px;background-color:#f4f4f4;text-align:center;display:block;vertical-align:middle
}
.mainMenu .toggleChildren:hover {
color:#56555b
}
.mainMenu .toggleChildren i {
display:block;padding-top:7px
}
.mainMenu .toggleChildren.contract {
-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV"
}
.mainMenu .toggleChildren.contract i {
-moz-transform:translateY(5px);-o-transform:translateY(5px);-webkit-transform:translateY(5px);transform:translateY(5px)
}
@media screen and (min-width: 1040px) {
.mainMenu>ul ul {
top:60px;min-width:260px
}
.mainMenu>ul ul a {
border:0
}

}