@charset "utf-8";
/* CSS Document */

.full-btn {background-color: #606060; padding: 8px; box-sizing: border-box; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #ffffff; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 100; width: 44px; text-align: center; font-size: 24px; cursor: pointer;}
.mobil-nav {display: none; background-color: #606060; padding: 8px; box-sizing: border-box; border-radius: 10px; color: #ffffff; position: absolute; bottom: 3px; right: 0; z-index: 100; width: 44px; text-align: center; font-size: 24px; cursor: pointer; border: 1px #707070 solid;}
.pulser {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 0 0 0 rgba(240, 240, 240, 0.7); transform: scale(1); animation: pulse 2s infinite; background: #606060;}
@keyframes pulse {
0% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(240, 240, 240, 0.7);
}
70% {
transform: scale(1);
box-shadow: 0 0 0 20px rgba(240, 240, 240, 0);
}
100% {
transform: scale(0.95);
box-shadow: 0 0 0 0 rgba(240, 240, 240, 0);
}
}
.full-btn .fa {position: relative; z-index: 110;}

.navi::after {content: ""; display: table; clear: both;}
.navi {position: absolute; bottom: 3px; right: 0; z-index: 888888; font-family: 'Lato', sans-serif;}
.navi ul {list-style-type: none; padding: 0; margin: 0;}
.navi ul li {float: left; position: relative; color: #e2e2e2; font-size: 20px; padding: 0 18px; border-left: 1px #585858 solid; line-height: 40px;}
.navi ul li:last-child {border-right: 1px #585858 solid;}
.navi ul li:hover a {color: #e2e2e2;}
.navi ul li:hover a::after {content: ""; height: 3px; width: 100%; background-color: #ffffff; position: absolute; left: 0; top: 28px;}
.navi ul li:hover ul li a {color: #e2e2e2;}
.navi ul li:hover ul li:hover a {color: #ffffff;}
.navi ul li a {color: #e2e2e2; text-decoration: none; font-size: 20px; position: relative;}
.navi ul li a:hover {color: #e2e2e2;}
.navi ul li ul li {float: none; margin-left: 0; margin-top: 0; position: relative; font-size: 18px; background-color: #ffffff; border-bottom: 1px #e2e2e2 solid; border-left: none; border-right: none;}
.navi ul li ul li:last-child {border-right: none;}
.navi ul li ul li a {font-size: 16px; margin-left: 10px; display: table;}
.navi ul li ul li a::after, .navi ul li ul li ul li a::after {content: ""; height: 0!important;}
.navi ul li ul, .navi ul li ul li ul {display: none;}
.navi ul li:hover ul {display: block; position: absolute; top: 55px; left: 0px; border-top: 5px transparent solid; width: 250px; -webkit-box-shadow: 0px 5px 14px 0px rgba(76,76,76,0.75); box-shadow: 0px 5px 14px 0px rgba(76,76,76,0.75); padding: 5px 5px 10px 5px; background-color: #ffffff;}
.navi ul li:hover ul::before {content: ""; position: absolute; top: -20px; left: 0; height: 20px; width: 100%;}
.navi ul li:hover ul li ul {display: none;}
.navi ul li ul li:hover ul {display: block; position: absolute; top: 0; left: 100%; border-left: 4px transparent solid; border-top: 0;}

.separator::after {font-family: 'FontAwesome'; content: "\f107"; margin-left: 5px;}
.navi ul li ul li:hover {background-color: #ffffff; color: #ffffff;}
.navi ul li.active a::after {content: ""; height: 3px; width: 100%; background-color: #ffffff; position: absolute; left: 0; top: 28px;}
.navi ul li.active a {color: #e2e2e2;}
.navi .active a, .navi .active {color: #e2e2e2;}
.navi ul li ul li.active {background-color: #ffffff;}
.navi ul li.current a {color: #e2e2e2!important;}

@media screen and (max-width: 920px){
.navi {display: none;}
.mobil-nav {display: block;}
}

.mobil-menu {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #707070; z-index: 2000; display: none;}
.closer {width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; color: #707070; background-color: #dddddd; margin: 20px auto; cursor: pointer;}
.mm-inner {width: 60%; margin: 40px auto;}
.mm-inner ul {list-style-type: none; margin-left: -40px;}
.mm-inner li {text-align: center; padding: 10px 0;}
.mm-inner a {color: #dddddd; text-decoration: none; font-size: 24px;}
.mm-on {display: block;}