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

#menu { background-color:#fff; background-color:rgba(255,255,255,.75); position:absolute; bottom:0px; width:100%; transition:background-color .4s; }
#menu div.c { padding:0; }
#menu::before { background:url(../images/menu_sh.png) top center no-repeat ; height:80px; width:100%; top:-15px; left:0px; }
#menu ul { list-style-type:none; }
ul.menu { list-style-type:none; padding:0px 25px; }
ul.menu a { font-size:18px; color:#d27500; font-weight:300; white-space:nowrap; }
ul.menu > li:not(.filtermenu) { display:inline-block; padding-left:40px; z-index:5; }
ul.menu > li > a { line-height:50px; display:block; }
ul.menu > li:not(.filtermenu)::before { background:#dfcde4; border-radius:50%; width:8px; height:8px; left:16px; top:22px; }
ul.menu > li:first-child, ul.menu > li.first { padding-left:0px; }
ul.menu > li:first-child::before, ul.menu > li.first::before { display:none; }
ul.menu > li:not(.filtermenu) > ul { position:absolute; visibility:hidden; opacity:0; left:20px; padding:10px 20px; transition:all .3s; -webkit-transition:all .3s; background:#fff; box-shadow:0px 5px 15px rgba(0,0,0,.25); top:40px; border-bottom-right-radius: 15px; }
ul.menu > li:not(.filtermenu) > ul > li { padding-left:0px; }
ul.menu > li:not(.filtermenu) > ul > li a::before, li.filtermenu ul.footer li::before, li.filtermenu ul.top li::before { width:8px; height:8px; top:50%; border-radius:50%; background:#dfcde4; left:0px; margin-top:-3px; }
ul.menu > li:not(.filtermenu) > ul > li a { line-height:30px; color:#696969; padding-left:18px; }
ul.menu > li:not(.filtermenu) > ul > li a:hover::before, li.filtermenu ul > li a:hover::before { background:#803795; }
ul.menu > li:not(.filtermenu):hover > ul { visibility:visible; opacity:1; top:50px; }
ul.menu li.sdx { display:none; }
/* */

#top { position:absolute; right:5px; top:0px; width:60px; height:50px; background:url(../images/top.png); visibility:hidden; opacity:0; }
#top::after { top:0px; left:0px; width:100%; height:100%; background:url(../images/top.png) 0px -50px no-repeat; opacity:0; }
#top:hover::after { opacity:1; }
#top:hover { transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); }

#menu.fixed ul.menu > li:not(.filtermenu) { padding-left:30px; }
#menu.fixed ul.menu > li.first { padding-left:0px !important; }
#menu.fixed ul.menu > li:not(.filtermenu)::before { left:11px;  }

li.mini-logo { display:inline-block; width:0px; height:0px; transition:all .3s; -webkit-transition:all .3s; padding-right:0px; top:0px; vertical-align:top; opacity:0; padding-left:0px !important; }
li.mini-logo img { width:100%; transition:all .3s; -webkit-transition:all .3s; }
li.mini-logo a:hover img { filter:saturate(150%); -webkit-filter:saturate(150%); }

#menu.fixed { position:fixed; height:50px; background:rgba(255,255,255,.98); z-index:100; top:0px; }
#menu.fixed li.mini-logo { width:50px; padding-right:20px; opacity:1; }
#menu.fixed #top { opacity:1; visibility:visible; }
#menu.fixed ul.menu a { font-size:16px; }

#menu ul.account { visibility:hidden; opacity:0; position:absolute; right:65px; top:0px; width:60px; height:50px; background:url(../images/account_icon.png) left top no-repeat; transition:all .3s; -webkit-transition:all .3s; }
#menu ul.account.login { background:url(../images/login_icon.png) left top no-repeat; }
#menu ul.account > li::after { position:absolute; width:100%; height:100%; top:0px; left:0px; content:''; background:url(../images/account_icon.png) left -50px no-repeat; opacity:0; transition:all .3s; -webkit-transition:all .3s; }
#menu ul.account.login > li::after { background:url(../images/login_icon.png) left -50px no-repeat; }
#menu ul.account > li:hover::after { opacity:1; } 
#menu ul.account > li > ul { position:absolute; opacity:0; visibility:hidden; background:#fff; right:0px; transition:all .3s; -webkit-transition:all .3s; box-shadow:0px 5px 15px rgba(0,0,0,.25); padding:10px 20px; top:40px; }
#menu ul.account > li > ul * { white-space:nowrap; }
#menu ul.account > li > ul span { cursor:default; }
#menu ul.account > li > ul li { padding:3px 0px; }
#menu ul.account > li > ul li a:before { width:8px; height:8px; top:50%; border-radius:50%; background:#efdbcf; left:0px; margin-top:-4px; }
#menu ul.account > li > ul li a { font-weight:400; padding-left:20px; display:block; }
#menu ul.account > li { padding-top:50px; }
#menu ul.account > li:hover ul { opacity:1; visibility:visible; top:50px; }

#menu.fixed ul.account { visibility:visible; opacity:1; }


/* SUPER */
ul.menu > li:hover+li.filtermenu, li.filtermenu:hover { visibility:visible; opacity:1; top:50px; }
ul.menu > li.first > ul { left:0px; }
ul.menu > li.gyogyulas > ul > li:nth-child(1) a {
    pointer-events: none;
    padding-left:0;
}
ul.menu > li.gyogyulas > ul > li:nth-child(5) a,
ul.menu > li.gyogyulas > ul > li:nth-child(6) a {
    padding-left:0;
}
ul.menu > li.gyogyulas > ul > li:nth-child(1) a::before,
ul.menu > li.gyogyulas > ul > li:nth-child(5) a::before,
ul.menu > li.gyogyulas > ul > li:nth-child(6) a::before {
    display:none;
}
ul.menu > li.gyogyulas > ul > li:nth-child(2),
ul.menu > li.gyogyulas > ul > li:nth-child(3),
ul.menu > li.gyogyulas > ul > li:nth-child(4) {
    padding-left:9px;   
}
ul.menu > li.gyogyulas > ul > li:nth-child(5) {
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #dfcde4;    
}
ul.menu > li.gyogyulas > ul > li:nth-child(6) {
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #dfcde4;    
}
li.filtermenu { position:absolute; width:100%; height:auto; background:url(../images/supermenu_bg.png) right bottom no-repeat #fff; box-shadow:0px 15px 25px rgba(0,0,0,.25); /*top:50px;*/ left:0px; transition:all .3s; top:30px; opacity:0; visibility:hidden; padding:20px; border-bottom-right-radius: 15px; }
li.filtermenu.bg2 { background:url(../images/supermenu_bg2.png) left top no-repeat #fff; }
li.filtermenu ul { list-style-type:none; }
li.filtermenu div.container { overflow:hidden; width:100%; }
li.filtermenu h1 { overflow:hidden; display:block; margin-bottom:10px; }
li.filtermenu h1 span { font-weight:300; font-style:italic; font-size:30px; color:#de983f; display:inline-block; line-height:normal; }

li.filtermenu ul { display:inline-block; padding-right:40px; vertical-align:top; }
li.filtermenu ul li.title { padding-left:0px; color:#de983f; font-size:18px; cursor:default; }
li.filtermenu ul li.title::before { display:none; }
li.filtermenu ul a, li.filtermenu ul > li span { color:#696969; line-height:30px; padding-left:18px; }
li.filtermenu ul a, li.filtermenu ul span { font-size:16px; text-transform:none; }
li.filtermenu ul > li span { opacity:.5; cursor:default; }
li.filtermenu ul > li a::before, li.filtermenu ul > li span::before { width:8px; height:8px; top:14px; margin-top:-3px; border-radius:50%; background:#efdbcf; left:0px; }
li.filtermenu ul.footer { display:block; margin-top:15px; padding-top:15px; padding-right:0px; border-top:1px solid #dfcde4; }
li.filtermenu ul.top { display:block; margin-bottom:15px; padding-bottom:15px; padding-right:0px; border-bottom:1px solid #dfcde4; }
li.filtermenu ul.footer li, li.filtermenu ul.top li { display:inline-block; padding-left:40px; }
li.filtermenu ul.footer li a, li.filtermenu ul.top li a { line-height:20px; padding:0; }
li.filtermenu ul.footer li a::before, li.filtermenu ul.top li a::before { display:none; }
li.filtermenu ul.footer li::before, li.filtermenu ul.top li::before { left:16px; top:10px; } 
li.filtermenu ul.footer li:first-child, li.filtermenu ul.top li:first-child { padding:0; }
li.filtermenu ul.footer li:first-child::before, li.filtermenu ul.top li:first-child::before { display:none; }

li.filtermenu ul li a, li.filtermenu ul li span { display:block; }
li.filtermenu ul li a > i { display:block; margin-top:-6px; }

li.filtermenu p { font-style:italic; /*border-bottom:1px solid #dfcde4; padding-bottom:15px; */ margin-bottom:15px; color:#803795; }

li.filtermenu ul.info { padding-left:40px; border-left:1px solid #f2dcd1; } 

li.filtermenu ul.footer { padding-top:15px; }

/* SUB */
#side div.submenu div.box-title span { font-size:30px; }
#side div.submenu div.box-title { margin-bottom:0px; }
#side div.submenu li a { color:#803795; }
#side div.submenu li a:hover { color:#ba76ce !important; }
#side div.submenu li.sel a { font-weight:600; color:#803795; }