@import url("../../../../../templates/protostar/css/font-face.css");
@import url("http://fonts.googleapis.com/css?family=Alegreya+Sans+SC:400,400italic,500,500italic,700,700italic,800,800italic,900,900italic");

ul,
li { list-style-type: none; padding: 0; margin: 0 }
.collapse { overflow: visible; }
/* begin mainmenu */ 

.icemegamenu > ul { position: relative; margin: 0; padding: 0; z-index: 999; clear: both; width: 100%; height: 18px; }
.icemegamenu > ul > li { position: relative; display: block; float: left; }
.icemegamenu > ul > li a.iceMenuTitle { font-family: 'Alegreya Sans SC', sans-serif; font-weight: bold; position: relative; z-index: 9999; display: block; padding: 0 10px; line-height: 18px; font-size: 14px; margin: 0 0 0 0; color: #132F79; text-transform: uppercase; text-decoration: none; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; border-right:1px solid #BBBBBB  }
.icemegamenu > ul > li:hover > a { }
.icemegamenu ul > li a.iceMenuTitle:hover,
 .icemegamenu ul > li:hover > a.iceMenuTitle,
 .icemegamenu ul > ul > li:hover > a.iceMenuTitle,
 ul.icesubMenu li.active a.iceMenuTitle { color: #000 }
div.icemegamenu ul#icemegamenu li.active a.icemega_active > span.icemega_title { }
/* subtitles */

.icemegamenu > ul > li span.icemega_desc { display: block; font-size: 12px; font-family: Verdana, Geneva, sans-serif; padding: 0; line-height: 1.25em; color: #999!important; margin-bottom: 7px; margin-top: -8px; text-shadow: none!important }
/* when dont have subtitle */

.icemegamenu > ul > li > a.iceMenuTitle > span.icemega_nosubtitle { }
/* when is current */	

.icemegamenu > ul > li.active > a { }
/* Submenu */

ul.icesubMenu { position: absolute; z-index: 600; padding: 3px 0; margin: 0; top: 0px; border: 1px solid #DEDEDE; left: 0; opacity: 0; visibility: hidden; background-color: #fff; -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; }

#icemegamenu > li:hover > ul.icesubMenu { opacity: 1; visibility: visible; top: 19px; }
ul.icesubMenu ul > li { position: relative; }
ul.icesubMenu > li a.iceMenuTitle {
    border-radius: 0;
    border-right: 0 none;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    margin: 0;
    padding: 0 0 0 10px;
    text-transform: none;
}
ul.icesubMenu > li a.iceMenuTitle:hover { color: #FFF !important;}
/* when is parent */

ul.icesubMenu li.parent { background: url(../images/arrow.png) no-repeat 93% 45%; }
/* hover and active */

ul.icesubMenu ul > li:hover > a,
 ul.icesubMenu ul > li.active > a { background-color: #0138A7; color: #FFF; border-right: 0; }

ul.icesubMenu ul > li.active > a > span { color: #fff !important;}

/* Second Level Dropdown */

ul.sub_level_2,
 ul.sub_level_3,
 ul.sub_level_4,
 ul.sub_level_5 { top: -1px; left: 300px; z-index: 99999; box-shadow: none; border: 1px solid #DEDEDE; margin: 0 0 0 20px; }
ul.icesubMenu ul > li:hover > ul { opacity: 1; visibility: visible; left: 230px; }
/* Modules inside dropdown */

.icesubMenu .icemega_cover_module { padding: 10px 15px; color: #666; }
.icesubMenu .icemega_cover_module span.iceModuleTile { color: #555; font-size: 18px; text-shadow: 1px 1px 1px #fff; margin-bottom: 6px; display: block; }
.icesubMenu .icemega_cover_module a { }
/* for the respponsive part 

there is antoher CSS file in the same folder */



.ice-megamenu-toggle { display: none }
/* fix when there is no space for the dropdown on the right

it will appear instead on the left */

.ice_righttoleft { left: auto!important; right: 0; }