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

#primary-menu, #primary-menu + ul { text-align: left; }
#primary-navigation .menu-toggle { display: none; }
#primary-navigation #primary-menu.no-responsive li.dl-parent, #primary-navigation #primary-menu.no-responsive li.dl-back { display: none; }
#primary-menu.no-responsive { text-align: left; white-space: nowrap; display: inline-block; }
#primary-menu.no-responsive li { position: relative; }
#primary-menu.no-responsive a { position: relative; display: block; text-decoration: none; }
#primary-menu.no-responsive > li { display: inline-block; vertical-align: middle; }
#primary-menu.no-responsive > li.menu-item-parent > a:after { position: absolute; width: 16px; height: 9px; left: 50%; margin-left: -8px; bottom: 15px; font-family: 'scalia-icons'; font-weight: normal; content: '\e602'; font-size: 16px; line-height: 9px; transition: all 0.01s linear 0.5s; -moz-transition: all 0.01s linear 0.5s; -webkit-transition: all 0.01s linear 0.5s; visibility: hidden; }
#primary-menu.no-responsive:hover > li.menu-item-parent > a:after { visibility: hidden; transition: all 0.01s linear; -moz-transition: all 0.01s linear; -webkit-transition: all 0.01s linear; }
#primary-menu.no-responsive > li.menu-item-parent:hover > a:after { visibility: visible; transition: all 0.01s linear; -moz-transition: all 0.01s linear; -webkit-transition: all 0.01s linear; }
#primary-menu.no-responsive > li ul { position: absolute; visibility: hidden; white-space: normal; width: 220px; transition: all 0.1s linear 0.5s; -moz-transition: all 0.1s linear 0.5s; -webkit-transition: all 0.1s linear 0.5s; opacity: 0; }
#primary-menu.no-responsive > li > ul:before { content: ''; position: absolute; bottom: -3px; left: -3px; right: -3px; height: 3px; }
#primary-menu.no-responsive > li > ul { transform: translateY(20px); -o-transform: translateY(20px); -ms-transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px); }
#primary-menu.no-responsive:hover li:hover > ul { visibility: visible; transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); background-color:#FFF; box-shadow: 0px 0px 3px rgba(0,0,0,.4); z-index:10; }
#primary-menu.no-responsive:hover > li ul { visibility: hidden; transition: all 0.1s linear; -moz-transition: all 0.1s linear; -webkit-transition: all 0.1s linear; opacity: 0; }
#primary-menu.no-responsive > li > ul { top: 100%; left: 0; }
#primary-menu.no-responsive > li > ul.invert { left: auto; right: 0; }
#primary-menu.no-responsive > li > ul a { padding: 5px 10px; font-size:16px; }
#primary-menu.no-responsive > li > ul ul { top: 0; left: 100%; transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); -moz-transform: translateX(20px); -webkit-transform: translateX(20px); z-index: 1; }
#primary-menu.no-responsive > li > ul ul.invert { top: 0; left: auto; right: 100%; transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); -moz-transform: translateX(-20px); -webkit-transform: translateX(-20px); }
#primary-menu.no-responsive > li > ul li:hover > ul { transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); }
#primary-menu.no-responsive > li li.menu-item-parent > a:after { position: absolute; width: 9px; height: 16px; right: 20px; top: 50%; margin-top: -8px; font-weight: normal; font-family: 'scalia-icons'; content: '\e601'; font-size: 16px; line-height: 16px; }
/* Mega Menu Styles*/
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul ul { display: none; }
#primary-menu.no-responsive > li.megamenu-enable > ul { width: auto; white-space: nowrap; background-repeat: no-repeat; font-size: 0; line-height: 1; }
#primary-menu.no-responsive > li.megamenu-enable > ul.megamenu-masonry.megamenu-masonry-inited > li { position: absolute; }
#primary-menu.no-responsive li > ul.without-transition { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; }
#primary-menu.no-responsive > li.megamenu-enable ul { width: auto; }
#primary-menu.no-responsive > li.megamenu-enable > ul ul { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li { display: inline-block; vertical-align: top; margin: 0 0 0 31px; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li.megamenu-first-element { margin-left: 0; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li.megamenu-new-row { display: block; margin: 0 0 20px 0; }
#primary-menu.no-responsive > li.megamenu-enable li { background: none; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header { display: block; padding-bottom: 10px; margin-bottom: 14px; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li { padding: 3px 0; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li a { display: inline-block; background: none; padding: 0; }
#primary-menu.no-responsive > li.megamenu-enable li.menu-item-parent > a:after { display: none; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a { padding: 0; text-transform: uppercase; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a.mega-no-link { pointer-events: none; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li span.megamenu-column-header a.megamenu-has-icon:before { display: inline-block; font-family: 'scalia-user-icons'; font-weight: normal; content: attr(data-icon); font-size: 14px; vertical-align: baseline; margin-right: 9px; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li .mega-label { display: inline-block; font-size: 65%; line-height: 1.6; text-transform: uppercase; padding: 1px 3px 1px 4px; margin: 0 0 0 7px; position: relative; top: -2px; vertical-align: middle; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul li > a { position: relative; padding-left: 34px; padding-right: 12px; vertical-align: middle; margin-left: -12px; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul > li > a:before { display: block; float:left; margin-left: -22px; font-family: 'scalia-user-icons'; font-weight: normal; content: '\e7cf'; font-size: 14px; vertical-align: middle; width: 15px; text-align: center; }
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul > li.megamenu-has-icon > a::before {
 content: attr(data-icon);
 margin-left: -24px;
}
#primary-menu.no-responsive > li.megamenu-enable > ul > li > ul { position: static; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); }
#primary-menu.no-responsive > li.megamenu-enable:hover > ul > li > ul { visibility: visible; opacity: 1; }