@charset "utf-8"; .mini-menu { margin: 0px auto; max-width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: block; height: 51px; outline: 0; border-bottom: 1px solid #9999ff; background: #9999ff; background: -webkit-linear-gradient(rgba(188,178,240,1) 0%, rgba(163,152,228,1) 100%); background: -o-linear-gradient(rgba(188,178,240,1) 0%, rgba(163,152,228,1) 100%); background: linear-gradient(to bottom, rgba(188,178,240,1) 0%, rgba(163,152,228,1) 100%); } .mini-menu ul { margin: 0; padding:0; list-style: none; } .mini-menu > ul > li { position: relative; float: left; } .mini-menu > ul > li > a { display: block; padding: 1em 1em 0em 1em ; outline: 0; color: #FFFFFF; text-decoration: none; font-weight: normal; font-size: 16px; height: 35px; border-right: 1px solid rgba(192,181,250,1.00); border-left: 1px solid rgba(139,125,221,1.00); border-right-width: thin; border-left-width: thin; } .mini-menu > ul > li:first-of-type a { border-left: 0px; -webkit-border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .mini-menu > ul > li:last-of-type a { border-right: 0px; } .mini-menu > ul > li > a:hover, .mini-menu > ul > li > a.active { background-color: #8bd314; } .mini-menu .sub ul { position: absolute; z-index: 9999999; display: none; overflow: hidden; -webkit-box-shadow:inset 0 0 50px #dd93ff; -moz-box-shadow:inset 0 0 50px #dd93ff; box-shadow:inset 0 0 50px #dd93ff; margin-top: 5px; white-space: nowrap; width: auto; min-width: 330px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #9966cc; background-image:-webkit-linear-gradient(#d59fe5, #a97bb7); background-image:-moz-linear-gradient(#d59fe5, #a97bb7); background-image:-ms-linear-gradient(#d59fe5, #a97bb7); background-image:linear-gradient(#d59fe5, #a97bb7); } .mini-menu .sub ul li a { display: block; padding: .7em 2em .7em 1.1em; border-bottom: 1px dotted #eabdff; color: #FFFFFF; font-size: 14px; text-decoration: none; } .mini-menu .sub ul li a:hover, .mini-menu .sub ul li a.active { color: antiquewhite; } .mini-menu .sub > a.active:before{ color: #f2bd00; } #main-menu .main-mobile-menu-button { float: right; right: 0px; display: none; } #main-menu .main-mobile-menu-button li a{ background: url("/images-new/operator.svg") no-repeat; position: absolute; right: 0px; width: 30px; height: 30px; z-index: 999; padding: 0px; margin: 10px 3px 0px 0px; } @media screen and (max-width:650px) { #main-menu .nomobile650{ display: none; } .mini-menu .sub ul { min-width: auto; } } @media screen and (max-width:480px) { #main-menu .nomobile480{ display: none; } #main-menu .main-mobile-menu-button { display: block; } } @media screen and (max-width:360px) { #main-menu .nomobile360{ display: none; } } @media screen and (max-width:265px) { #main-menu .nomobile265{ display: none; } }