ul#drop_mainmenu { list-style-type: none; list-style-position: outside; list-style-image: none; position: relative; display: block; width: auto; text-align: right; margin: 0 0 0 0; top: auto; left: auto; display: block; } ul#drop_mainmenu ul { list-style-type: none; list-style-position: outside; list-style-image: none; margin: 0 0 0 0; display: block; } ul#drop_mainmenu a:active, ul#drop_mainmenu a:focus { outline-style: none; } div#drop_mainmenu_container { z-index: 9999; padding: 0; background-image: none; float: none; vertical-align: top; } div#drop_mainmenu_container select { display: none; } div#drop_mainmenu_container.stick { position: fixed; top: 0; } ul#drop_mainmenu a { display: block; } ul#drop_mainmenu span, ul#drop_mainmenu font { display: block; } ul#drop_mainmenu ul ul li { position: relative; } ul#drop_mainmenu li > ul { display: none; } .drop_down_menu_ul li { font-weight: 400; font-family: inherit; position: relative; } ul#drop_mainmenu li a { transition: all 0.3s; } ul#drop_mainmenu li:hover a, ul#drop_mainmenu li.hover a { transition: all 0.3s; } ul#drop_mainmenu > li > a { background: transparent none repeat-x left center scroll; width: auto; height: 100%; margin: 0; padding: 10px 20px; border-top-left-radius:25px; border-top-right-radius:25px; border-bottom-left-radius:25px; border-bottom-right-radius:25px; border-top-width:2px; border-top-style:solid; border-top-color:rgba(255, 255, 255, 0); border-right-width:2px; border-right-style:solid; border-bottom-width:2px; border-bottom-style:solid; border-left-width:2px; border-left-style:solid; border-right-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 0); border-left-color:rgba(255, 255, 255, 0); } ul#drop_mainmenu > li > a, ul#drop_mainmenu > li > a span, ul#drop_mainmenu > li > a font { font: normal normal bold 12px/120% Lato, sans-serif; color: #ffffff; text-decoration: none; text-align: center; cursor: pointer; } ul#drop_mainmenu > li { padding: 0 0px 0px 0px; line-height: 100%; margin-left: 1%; margin-right: 1%; display: inline-block; height: auto; } ul#drop_mainmenu > li:hover > a, ul#drop_mainmenu > li.hover > a { background-image: none; background-color: transparent; border-top-width:2px; border-top-style:solid; border-top-color:rgba(0, 0, 0, 0.5); border-right-width:2px; border-right-style:solid; border-bottom-width:2px; border-bottom-style:solid; border-left-width:2px; border-left-style:solid; border-right-color:rgba(0, 0, 0, 0.5); border-bottom-color:rgba(0, 0, 0, 0.5); border-left-color:rgba(0, 0, 0, 0.5); } ul#drop_mainmenu > li:hover > a, ul#drop_mainmenu > li.hover > a, ul#drop_mainmenu > li:hover > a span, ul#drop_mainmenu > li.hover > a span, ul#drop_mainmenu > li:hover > a font, ul#drop_mainmenu > li.hover > a font { color: #ffffff; cursor: pointer; } ul#drop_mainmenu > li > a span { background-repeat: no-repeat; background-position: right center; background-image: none; } ul#drop_mainmenu > li:hover > a span, ul#drop_mainmenu > li.hover >a span { background-repeat: no-repeat; background-position: right center; background-image: none; } ul#drop_mainmenu > li:hover > a span, ul#drop_mainmenu > li.hover > a span, ul#drop_mainmenu > li:hover > a font, ul#drop_mainmenu > li.hover > a font { padding: 0px 0px 0px 0px; } ul#drop_mainmenu > li > a.sel span { background-repeat: no-repeat; background-position: right center; background-image: none; } ul#drop_mainmenu > li > a.sel { background-color: transparent; background-repeat: repeat-x; background-attachment: scroll; background-position: left center; background-image: none; padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px; border-top-width:2px; border-top-style:solid; border-right-width:2px; border-right-style:solid; border-bottom-width:2px; border-bottom-style:solid; border-left-width:2px; border-left-style:solid; border-top-color:#000000; border-right-color:#000000; border-bottom-color:#000000; border-left-color:#000000; border-top-left-radius:25px; border-top-right-radius:25px; border-bottom-left-radius:25px; border-bottom-right-radius:25px; } ul#drop_mainmenu li >.ui-effects-wrapper { top: 58px; left: 0px; } ul#drop_mainmenu li ul { top: 50px; left: 0px; padding: 7px 0px 7px 0px; } ul#drop_mainmenu ul { width: auto; height: auto; background-image: none; } ul#drop_mainmenu ul { padding: 7px 0px 7px 0px; } ul#drop_mainmenu ul li a { background: none left center no-repeat scroll transparent; border-left: 0px none transparent; border-top: 0px none transparent; border-bottom: 0px none transparent; border-right: 0px none transparent; padding: 16px 18px; height: 100%; min-height: 0px; margin: 0; letter-spacing: 0px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } ul#drop_mainmenu ul li a, ul#drop_mainmenu ul li a span, ul#drop_mainmenu ul li a font { font: normal normal bold 11px/120% Lato, sans-serif; color: #ffffff; text-decoration: none; text-align: left; cursor: pointer; } ul#drop_mainmenu ul li { width: 160px; padding: 0 0px 0px 0px; float: none; display: block; vertical-align: top; font-weight: 400; font-family: inherit; } ul#drop_mainmenu ul li:hover >a, ul#drop_mainmenu ul li.hover >a { background: none left center no-repeat scroll #2186C4; border-left: 0px none transparent; border-top: 0px none transparent; border-bottom: 0px none transparent; border-right: 0px none transparent; letter-spacing: 0px; } ul#drop_mainmenu ul li:hover >a, ul#drop_mainmenu ul li.hover >a, ul#drop_mainmenu ul li:hover >a span, ul#drop_mainmenu ul li.hover >a span, ul#drop_mainmenu ul li:hover >a font, ul#drop_mainmenu ul li.hover >a font { color: #ffffff; cursor: pointer; } ul#drop_mainmenu ul li a span { background-repeat: no-repeat; background-position: right center; background-image: none; } ul#drop_mainmenu ul li a span, ul#drop_mainmenu ul li a font { padding: 0px 0px 0px 0px; } ul#drop_mainmenu ul li:hover >a span, ul#drop_mainmenu ul li.hover >a span { background-repeat: no-repeat; background-position: right center; background-image: none; } ul#drop_mainmenu ul li:hover >a span, ul#drop_mainmenu ul li.hover >a span, ul#drop_mainmenu ul li:hover >a font, ul#drop_mainmenu ul li.hover >a font { padding: 0px 0px 0px 0px; } ul#drop_mainmenu ul li a.sel span { background-repeat: no-repeat; background-position: right center; background-image: none; } ul#drop_mainmenu ul li > a.sel span, ul#drop_mainmenu ul li > a.sel font { padding: 0px 0px 0px 0px; color: #ffffff; } ul#drop_mainmenu ul li a.sel { background: rgba(0, 0, 0, 0.1) none no-repeat left center scroll; } ul#drop_mainmenu ul li a.sel, ul#drop_mainmenu ul li a.sel span, ul#drop_mainmenu ul li a.sel font { cursor: pointer; } .fm2_drop_mainmenu_mobile-overlay { background: rgba(0, 0, 0, 0.70) none repeat top left scroll; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 0.3s; display: inline; z-index: 10050; position: fixed!important; } .fm2_drop_mainmenu_mobile-overlay-hide { background: rgba(0, 0, 0, 0) none repeat top left scroll; display: none; } a#fm2_drop_mainmenu_mobile_button span.caption { text-transform: uppercase; background: url("inc/xtddropdownmenu/assets/default/hamburger.png") 0px center no-repeat scroll transparent; background-position: left center; padding-left: 20px; color: #9BCB43; display: inline-block; min-height: 20px; font: normal normal 400 16px/normal Lato, sans-serif; } a#fm2_drop_mainmenu_mobile_button span.down-arrow { display: none; } /************************* mobile menu ************************/ #fm2_drop_mainmenu_jq_menu_back { position: static!important; top: 0px!important; } div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header { background: transparent url("inc/xtddropdownmenu/assets/default/close_icon.png") no-repeat center center scroll; border-left: 0 none #000000; border-top: 0 none #000000; border-bottom: 0 none #000000; border-right: 0 none #000000; padding: 14px 14px 14px 14px; position: relative; width: 14px; height: 14px; float: right; text-decoration: none; min-width: 14px; text-overflow: ellipsis; text-align: center; overflow: hidden; font-family: inherit; font-weight: bold; font-size: 14px; margin-top: 9px; margin-left: 10px; margin-right: 10px; z-index: 1; box-sizing: content-box; } div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header p span.caption:before { background: transparent url("inc/xtddropdownmenu/assets/default/mini_menu.png") no-repeat -2px scroll; width: 18px; content: ' '; height: 20px; display: inline-block; vertical-align: text-bottom; margin-right: 9px; } div#fm2_drop_mainmenu_jq_menu_back { position: absolute; width: calc(100% - 20px); height: calc(100% - 20px); margin: 10px; top: 0px; left: 0px; background-color: #333333; } div#fm2_drop_mainmenu_jq_menu_back ul { margin-left: 20px; list-style-type: none; list-style-image: none; padding: 10px 0px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header { background: transparent none repeat top left scroll; position: relative; width: auto; display: block; text-align: center; } div#fm2_drop_mainmenu_jq_menu_back a { padding: 1em 0px 1em 0px; overflow: hidden; background-color: #3377FF; font-family: inherit; font-weight: bold; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >a { margin-left: 10px; margin-top: 14px; display: inline-block; width: 50px; height: 53px; float: left; background-color: blue; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background: transparent url("inc/xtddropdownmenu/assets/default/mini_arrow_large.png") no-repeat center scroll; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >a:hover, div#fm2_drop_mainmenu_jq_menu_back div.menu-header >a.hover { background-color: lime; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >p { margin: 0 0 0 0; color: #FFF; text-indent: -40px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >p:hover, div#fm2_drop_mainmenu_jq_menu_back div.menu-header >p.hover { color: #CCF; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >p a { background: transparent none repeat left top scroll; text-decoration: none; display: block; width: auto; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container { position: absolute; left: 0; top: 0; width: 100%; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container >.menu { float: left; width: 100%; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li { overflow: hidden; text-overflow: ellipsis; height: 50px; position: relative; background-color: #F7F7F7; line-height: 50px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li p { margin: 0 0 0 0; font-size: 14px; font-weight: 600; text-transform: uppercase; color: inherit; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a { background: transparent none repeat left top scroll; border-left: 0 none #000000; border-top: 0 none #000000; border-bottom: 0 none #000000; border-right: 0 none #000000; margin: 0 0 0 0; padding: 0 0 0 0; text-decoration: none; font-weight: bold; font-style: normal; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch, div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf { margin: 0 5px 0 5px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before { content: "+ "; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before { content: "- "; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a { width: auto; float: left; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a { padding: 0 9px 0 9px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a, div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a span { color: white; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before, div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before { width: 10px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before { background: transparent url("inc/xtddropdownmenu/assets/default/mini_circle.png") no-repeat top left scroll; opacity: 0.5; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before { background: transparent url("inc/xtddropdownmenu/assets/default/mini_arrow.png") no-repeat top left scroll; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before, div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before, a#fm2_drop_mainmenu_mobile_button span.caption:before { content: ' '; height: 20px; display: inline-block; vertical-align: text-bottom; background-position: -2px 1px; margin-right: 9px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis, div#fm2_drop_mainmenu_jq_menu_back div.menu-header >p a { background-color: transparent; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >p a { text-align: center; color: #FFFFFF; } div#fm2_drop_mainmenu_jq_menu_back div.menu-header >a:hover, div#fm2_drop_mainmenu_jq_menu_back div.menu-header >a.hover { background-color: transparent; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li { height: 43px; line-height: 0; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a { margin-top: 10px; } div#fm2_drop_mainmenu_jq_menu_back li a p, div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a, div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a span, div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p a { color: #FFFFFF; text-transform: uppercase; font-weight: 600; margin-top: 7px; } div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis, div#fm2_drop_mainmenu_jq_menu_back div.menu-header { background-color: transparent; } a#fm2_drop_mainmenu_mobile_button { margin-left: 0px; margin-right: 0px; border-width: 0px; border-style: none; border-color: transparent; color: #38AFFF; text-align: right; padding-left: 10px; font-weight: 700; font-family: inherit; font-size: 17px; border-radius: 0px; padding-right: 20px; padding: 1em 0px 1em 0px; position: relative; width: auto; text-decoration: none; min-width: 50px; text-overflow: ellipsis; overflow: hidden; display: block; } .align-inline-wrap1 { text-align: right; } div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header p span.caption:before { background-image: url("inc/xtddropdownmenu/assets/default/mini_menu.png"); } div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before { background: transparent url("inc/xtddropdownmenu/assets/default/mini_arrow.png") no-repeat top left scroll; } ul#drop_mainmenu ul li ul { left: 161px; top: -1px; } ul#drop_mainmenu > li > a font, ul#drop_mainmenu > li > a span { color: #000000; text-transform: uppercase; font-weight: 600; font-family: Source Sans Pro, sans-serif; font-size: 16px; letter-spacing: 3px; } ul#drop_mainmenu > li:hover > a font, ul#drop_mainmenu > li:hover > a span, ul#drop_mainmenu > li.hover > a font, ul#drop_mainmenu > li.hover > a span { color: #000000; } ul#drop_mainmenu > li > a.sel font, ul#drop_mainmenu > li > a.sel span { color: #000000; padding: 0px 0px 0px 0px; cursor: pointer; font-weight:600; font-family:Source Sans Pro, sans-serif; font-size:16px; } ul#drop_mainmenu > li ul { top: auto; border-bottom-width: 5px; border-bottom-color: #9BCB43; border-left-color: rgba(0, 0, 0, 0); padding: 0px; position: absolute; margin-top:10px; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#3F464C; } ul#drop_mainmenu ul li a font, ul#drop_mainmenu ul li a span { color: #FFFFFF; font-weight: 400; font-family: Lato, sans-serif; font-size: 12px; text-transform: uppercase; } ul#drop_mainmenu ul li:hover > a font, ul#drop_mainmenu ul li:hover > a span, ul#drop_mainmenu ul li.hover > a font, ul#drop_mainmenu ul li.hover > a span { color: #ffffff; } @media only screen and (min-width: 768px) { a#fm2_drop_mainmenu_mobile_button { background-color: #f2f3f4; } } @media only screen and (min-width: 1024px) { a#fm2_drop_mainmenu_mobile_button { background-color: #f2f3f4; } }