@font-face{font-family:"LEMONMILK";src:url(../fonts/LEMONMILK-Bold.otf)}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
::-webkit-scrollbar{width:6px;background-color:#FFF}
::-webkit-scrollbar-thumb{background:#9f33d6;border-radius:0}
html{color:#000;scrollbar-color:#9f33d6 #FFF;scrollbar-width:thin}
a{outline:none}
body{background:#600090;height:100%;overflow:hidden}
#FlashObject{width:100vw;height:calc(100vh - 60px)}
a,button
{
	-webkit-tap-highlight-color:transparent;
	-webkit-appearance: none;
}
input[type=text], input[type=button], input[type=submit] {
    -webkit-appearance: none;
}

::-webkit-input-placeholder{color:#FFF}
:-ms-input-placeholder{color:#FFF}
::placeholder{color:#FFF}
.scrollbar-white{scrollbar-color:rgba(255,255,255,0.01) transparent;scrollbar-width:thin}
.scrollbar-white:hover{scrollbar-color:rgba(255,255,255,0.5) transparent}
.scrollbar-white::-webkit-scrollbar{width:6px;height:6px;background-color:transparent}
.scrollbar-white::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.01);border-radius:2em}
.scrollbar-white:hover::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.5)}

.menu__wrapper{padding:0 20px 100px;white-space:nowrap;overflow-x:scroll;position:fixed;left:0;top:0;right:0;bottom:0;cursor:-webkit-grab;cursor:grab;scroll-snap-type:x mandatory;white-space:nowrap;scroll-padding-left:20px}
@media screen and (min-width:1024px){
    .menu__wrapper{overflow-y: hidden;}
}
.menu__wrapper:active{cursor:-webkit-grabbing;cursor:grabbing}
.menu__item{width:200px;height:66vh;margin:0 10px;filter:drop-shadow(0 0 5px rgba(0,0,0,0.6)) drop-shadow(0 0 30px rgba(0,0,0,0.1));display:inline-block;vertical-align:top;position:relative;max-height:600px;scroll-snap-align:start;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */}
@media screen and (max-height:601px){
    .menu__item{width:160px;height:70vh}
    .menu__item a{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 40px),50% 100%,0% calc(100% - 40px));}
    .menu__item::after{clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 40px),50% 100%,0% calc(100% - 40px));}
}                                  
.menu__item:hover{filter:drop-shadow(0 0 10px #FFF) drop-shadow(0 0 20px #9f33d6) drop-shadow(0 0 30px #9f33d6)}
.menu__item a{display:block;width:100%;background-color:rgba(133,228,247,0.6);clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 100px),50% 100%,0% calc(100% - 100px));text-decoration:none;color:#fff;text-shadow:0 0 1px black,0 0 10px black,0 0 20px #000;text-align:center;font:Bold 22px/60px LEMONMILK,Arial;position:absolute;left:0;top:0;right:0;bottom:0}
.menu__item::after{content:"";position:absolute;left:-3px;top:-3px;right:-3px;bottom:-3px;clip-path:polygon(0% 0%,100% 0%,100% calc(100% - 100px),50% 100%,0% calc(100% - 100px));background-color:#b82efd;z-index:-1}
.toolbar{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:10000;height:40px;background-color:#36084d;border-radius:2em;padding:0;display:flex;align-items:center;justify-content:space-between;align-content:space-between;box-shadow:0 0 10px rgba(0,0,0,0.1),0 0 20px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.1);border:1px solid #8506c5}
.toolbar .toolbar-item{margin:0 5px;position:relative;text-decoration:none;font-size:18px!important}
.toolbar-search-box{background-color:rgba(0,0,0,.3);border-radius:2em;min-width:100px;transition: all 300ms linear;}
.toolbar-search-box:active, .toolbar-search-box:hover{background-color:#7110a1}
.toolbar-search-box input{background-color:transparent;border:0;padding:10px 5px;outline:none;font:12px/1 Arial;color:#fff}
.toolbar-search-box input[type="text"]{width:140px;transition:all 200ms linear;padding:10px 15px;float: left;}
@media screen and (max-width:601px) {
.toolbar-search-box input[type="text"]{width:50px}
}
.toolbar-search-box input[type="submit"]{background-color:#4d0870;cursor:pointer;padding:12px 10px;border-radius: 2em;float: left;}
.search-result-box{position:absolute;left:50%;transform: translateX(-50%);bottom:43px;display:none;padding:10px}
.search-result-content{border-radius:10px;box-shadow:3px 5px 3px rgba(0,0,0,0.3);overflow: hidden;overflow-y: auto;width:280px;max-width:98%;min-height:30px;max-height:calc(100vh - 80px);background-color:#FFF;}
.search-result-content .header-2{padding: 0 5px;}
.search-result-box::after{content:"";border:10px solid transparent;border-top-color:#FFF;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%)}

.search-result-box a{display:block;height:50px;margin:1px 0;text-decoration:none;border-bottom:1px solid rgba(0,0,0,0.2);color:#300247;padding:5px;border-radius:0}
.search-result-box a:last-child{border:0;box-shadow:0}
.search-result-box a:hover{background-color:rgba(0,0,0,0.1)}
.search-result-box a img{width:40px;height:40px;border:3px solid #c9c9dd;border-left-color:#fff;border-top-color:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:0 0 3px rgba(0,0,0,.25);background:#fff}
.search-result-box a b{font:12px/50px Arial;padding:5px 10px}
.toolbar .toolbar-item{border:0;background-color:#b82efd;border-radius:50%;min-width:30px;height:30px;color:#fff;cursor:pointer;text-align:center;font:12px/30px Arial;position: relative;}
.toolbar .toolbar-item:hover{background-color:#8021af}
.toolbar-item[data-title]::after{
    content: attr(data-title);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #1c0229;
    top:-30px;
    font:11px/20px Arial;
    border-radius: 2em;
    display: none;
    white-space: nowrap;
    padding: 2px 10px;
    z-index: 99999;
}
.toolbar-item:hover::after{display: block;}
.about-us{display: block;width: 30px!important;height:30px!important;padding:0;}
.item-sub{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;display:none}
.item-sub-content{margin-bottom:15px;background-color:#FFF;width:210px;min-height:220px;border-radius:10px;padding:10px;color:#AAA}
.item-sub-content::after{content:"";border:10px solid transparent;border-top-color:#FFF;position:absolute;left:50%;bottom:-5px;transform:translateX(-50%)}
.item-sub-content a{display:block;text-decoration:none;color:#300247;font:12px/26px Arial;border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 1px rgba(255,255,255,0.1);width:100px;float:left}
.item-sub-content a:hover{color:#AAA}
.toolbar .toolbar-item:hover .item-sub{display:block}
.popup-max{position:absolute;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8);z-index:99999;display:none;overflow: auto;}
.popup-max .popup-content{border-radius:10px;background-color:#fff;padding:10px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,0.7), 0 0 100px rgba(0,0,0,0.5), 0 0 150px rgba(0,0,0,0.3), 0 0 200px rgba(0,0,0,0.1);}
@media screen and (max-width:1024px){
    .popup-max{overflow:initial}
    .popup-max .popup-content{left:10px;top:10px;right:40px; bottom: 10px;transform: none;overflow: auto;border-radius: 0;}
}
.header{font:20px/30px LEMONMILK,Arial;border-bottom:1px solid #9f33d6}
.header-2{font:12px/30px LEMONMILK,Arial;border-bottom:1px solid #9f33d6}
.popup-max .popup-content p{font:15px/20px Arial;padding:10px;word-wrap: break-word;}
.close-button{display:none;font:Bold 12px/20px Arial;color:white;float:right;margin:10px;border-radius:50%;background-color:#a704f8;border:0;cursor:pointer;width: 22px;height: 22px;text-align: center;padding: 0;}
.close-button:hover{background-color:rgba(255, 255,255,0.8)}
.with-close-button .close-button{display:block}