.top-nav{width:100%;background-color:#333;overflow:auto;display:flex}.top-nav.is-responsive a{float:left}.top-nav.is-bottom{position:absolute!important;bottom:0}.top-nav a{display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:18px;cursor:pointer}.top-nav a:hover{background-color:#ddd;color:#000}.top-nav a.is-active{background-color:#4caf50;color:#fff}.top-nav a.toggle-menu{display:none}@media (max-width:768px){.top-nav.is-responsive{display:block}.top-nav.is-responsive a:not(.is-active){display:none}.top-nav.is-responsive .toggle-menu{float:right;font-size:1em;display:block!important}.top-nav.is-responsive.is-active{position:relative}.top-nav.is-responsive.is-active.is-bottom .toggle-menu{bottom:0;top:unset}.top-nav.is-responsive.is-active .toggle-menu{position:absolute;right:0;top:0}.top-nav.is-responsive.is-active a{float:none;display:block;text-align:left}}.dropdown{position:relative;display:inline-block}.dropdown button{background-color:#4caf50;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropdown button:hover{background-color:#3e8e41}.dropdown .content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown .content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown .content a:hover{background-color:#f1f1f1}.dropdown.is-active .content,.dropdown.is-hoverable:hover .content{display:block}.mega-menu-page .sample{flex-direction:column;border:3px solid #f1f1f1;height:430px;position:relative;overflow:auto}.mega-menu-page .sample .sample-contents{padding:15px}.mega-menu-page .sample .top-nav{overflow:inherit}.mega-menu-page .sample .top-nav .dropdown{position:inherit}.mega-menu-page .sample .top-nav .dropdown:hover button{background-color:red;color:#fff}.mega-menu-page .sample .top-nav .dropdown button{font-size:18px;background-color:inherit}.mega-menu-page .sample .top-nav .dropdown .content{width:100%;left:0}.mega-menu-page .sample .top-nav .dropdown .content .header{background:red;padding:16px;color:#fff}.mega-menu-page .sample .top-nav .dropdown .content .row{display:flex}.mega-menu-page .sample .top-nav .dropdown .content .row:after{content:"";display:table;clear:both}.mega-menu-page .sample .top-nav .dropdown .content .row .column{flex:1;padding:10px;background-color:#ccc;height:250px}.mega-menu-page .sample .top-nav .dropdown .content .row .column a{float:none;color:#000;padding:16px;text-decoration:none;display:block;text-align:left}.mega-menu-page .sample .top-nav .dropdown .content .row .column a:hover{background-color:#ddd}.mega-menu-page .sample .top-nav>a:hover{background-color:red;color:#fff}.responsive-mega-menu-sample .sample .row{flex-direction:column}