.navigationFootermapOuter {background-color:#D6D6D6; *background-color:rgba(64,114,188,0.7); padding:25px 0 25px 0} #navigationFootermap {margin:0;max-width:1440px;margin:0 auto;padding:0 20px;box-sizing:border-box} /* #navigationFootermap ul {list-style-type:none;margin:0;display:table;width:100%;table-layout:fixed} #navigationFootermap li {overflow:hidden;margin:0;padding:0} #navigationFootermap li.navLevel1 {padding:0 23px 0 0;display:table-cell} */ #navigationFootermap ul {list-style-type:none;margin:0;display:table;width:100%;table-layout: auto} #navigationFootermap li {margin:0;padding:0;position:relative} #navigationFootermap li.navLevel1 {float:left;width:25%;padding:0 23px 0 0;box-sizing:border-box} #navigationFootermap li.navLevel1:nth-child(5n+1) {padding:0 20px 0 0} #navigationFootermap li.navLevel1:nth-child(5n+2) {padding:0 15px 0 5px} #navigationFootermap li.navLevel1:nth-child(5n+3) {padding:0 10px 0 10px} #navigationFootermap li.navLevel1:nth-child(5n+4) {padding:0 5px 0 15px} #navigationFootermap li.navLevel1:nth-child(5n+5) {padding:0 0 0 20px} #navigationFootermap a.navLevel1 {display:block;text-decoration:none;font-family:"Radikal",Helvetica, Arial, sans-serif;font-size:18px;font-weight:bold;color:#000000;line-height:24px;padding-bottom:5px;border-bottom:1px solid #cbbba5} #navigationFootermap a.navLevel1:hover {text-decoration:underline} #navigationFootermap span.navLevel1 {display:block;text-decoration:none;font-family:"Radikal",Helvetica, Arial, sans-serif;font-size:18px;font-weight:bold;color:#000000;line-height:24px;padding-bottom:5px;border-bottom:1px solid #000000} #navigationFootermap span.navLevel1:hover {text-decoration:none} #navigationFootermap .navLevelOpener {display:none;cursor:pointer;width:100%;height:34px;background-color:transparent;position:absolute;right:20px;margin-top:-44px} #navigationFootermap .navLevelCloser {display:none;cursor:pointer;width:100%;height:34px;background-color:transparent;position:absolute;right:20px;margin-top:-44px} /* #navigationFootermap .navLevelOpener {display:none;cursor:pointer;width:34px;height:34px;background-color:transparent;position:absolute;right:0;margin-top:-44px} #navigationFootermap .navLevelCloser {display:none;cursor:pointer;width:34px;height:34px;background-color:transparent;position:absolute;right:0;margin-top:-44px} */ /* #navigationFootermap .navLevelCloser:before, #navigationFootermap .navLevelOpener:before {transition:all 0.3s linear;content:'';position:absolute;top:16px;left:14px;width:10px;height:2px;background-color:#000000;-webkit-transform::rotate(45deg);-moz-transform::rotate(45deg);-ms-transform::rotate(45deg);-o-transform::rotate(45deg);transform:rotate(45deg)} #navigationFootermap .navLevelCloser:after, #navigationFootermap .navLevelOpener:after {transition:all 0.3s linear;content:'';position:absolute;top:16px;left:20px;width:10px;height:2px;background-color:#000000;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} #navigationFootermap .navLevelCloser:before {-webkit-transform::rotate(-45deg);-moz-transform::rotate(-45deg);-ms-transform::rotate(-45deg);-o-transform::rotate(-45deg);transform:rotate(-45deg)} #navigationFootermap .navLevelCloser:after {-webkit-transform::rotate(45deg);-moz-transform::rotate(45deg);-ms-transform::rotate(45deg);-o-transform::rotate(45deg);transform:rotate(45deg)} */ #navigationFootermap .navLevelCloser:before, #navigationFootermap .navLevelOpener:before {transition:all 0.3s linear;content:'';position:absolute;top:16px;left:14px;width:15px;height:2px;background-color:#000000;-webkit-transform::rotate(0deg);-moz-transform::rotate(0deg);-ms-transform::rotate(0deg);-o-transform::rotate(0deg);transform:rotate(0deg)} #navigationFootermap .navLevelCloser:after, #navigationFootermap .navLevelOpener:after {transition:all 0.3s linear;content:'';position:absolute;top:16px;left:14px;width:15px;height:2px;background-color:#000000;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)} #navigationFootermap .navLevelCloser:before {-webkit-transform::rotate(-0deg);-moz-transform::rotate(-45deg);-ms-transform::rotate(-0deg);-o-transform::rotate(-0deg);transform:rotate(-0deg)} #navigationFootermap .navLevelCloser:after {-webkit-transform::rotate(0deg);-moz-transform::rotate(0deg);-ms-transform::rotate(0deg);-o-transform::rotate(0deg);transform:rotate(0deg)} #navigationFootermap ul.navLevel2Container {margin:0;padding-top:4px} #navigationFootermap li.navLevel2 {margin:0px 0 15px 0;} /* #navigationFootermap a.navLevel2 {display:block;text-decoration:none;padding:4px 0 4px 0;font-family:"Radikal",Helvetica, Arial, sans-serif;font-size:16px;font-weight:300;color:#737576} #navigationFootermap a.navLevel2:hover {text-decoration:underline;color:#000000} */ /* #navigationFootermap a.navLevel2:before{font-family:'Font Awesome 5 Free' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1} #navigationFootermap a.navLevel2:before{content:"\f178"} */ #navigationFootermap a.navLevel2{position:relative;color:#737576;text-decoration:none !important; -webkit-transition:border-bottom 1.4s ease-in-out;transition:border-bottom 1.4s ease-in-out} /* .text-formatted a.btn_secondary1:before{padding-right:10px;font-size:25px} */ #navigationFootermap a.navLevel2:before{padding-right:5px;font-size:15px} #navigationFootermap a.navLevel2{font-family:"Radikal",Helvetica, Arial, sans-serif;font-size:17px;font-weight:300;} @media (min-width:768px){ /* .text-formatted a.btn_secondary1:before{padding-right:17px;font-size:35px} */ #navigationFootermap a.navLevel2:before{padding-right:5px;font-size:15px} #navigationFootermap a.navLevel2{font-family:"Radikal",Helvetica, Arial, sans-serif;font-size:18px;font-weight:300;} #navigationFootermap li.navLevel2{margin:15px 0 15px 0;} } #navigationFootermap a.navLevel2:after{content:'';position:absolute;display:block;width:0;height:1px;background:currentColor; -webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out} #navigationFootermap a.navLevel2:hover{color:#000000} #navigationFootermap a.navLevel2:hover:after{width:100%} #navigationFootermap span.navLevel2 {display:block;text-decoration:none;padding:4px 0 4px 0;font-family:"Radikal",Helvetica, Arial, sans-serif;font-size:16px;font-weight:300;color:#000000} #navigationFootermap span.navLevel2:hover {text-decoration:none} #navigationFootermap li.navLevel2:last-child a {border-bottom:0} .navigationFootermapOuter .wglButton {float:right;margin-left: -22px} #navigationFootermap li.navLevel2Section {margin:9px 0 10px} #navigationFootermap .selectFooterSection {width:100%} #navigationFootermap .ui-selectmenu-button {border-radius:4px;font-size:12px;color:#444444;padding:0;background-color:#e3ddd3;border-color:#e3ddd3} #navigationFootermap .ui-button {vertical-align:top;width:100% !important} #navigationFootermap .ui-selectmenu-button span.ui-icon {background-image:url(../../images/items/form/select.png);background-position:center;width:42px;height:43px;top:0;margin-top:0;right:0;border-left:1px solid #cbbba5} #navigationFootermap .ui-selectmenu-button span.ui-selectmenu-text {padding:14px 0 14px 0;margin:0 0 0 10px;line-height:100%} .ui-selectmenu-menu > ul {max-height:250px} .ui-selectmenu-menu .ui-menu-item {font-size:12px;color:#444444} .ui-selectmenu-menu .ui-state-focus {border-color:white !important;background-color:#dccdb2 !important} /* @media screen and (max-width: 2500px) { */ @media screen and (max-width: 1024px) { #navigationFootermap li.navLevel1 {width:33.3%;padding:0;margin:20px 0 0} #navigationFootermap li.navLevel1:nth-child(5n+1) {padding:0} #navigationFootermap li.navLevel1:nth-child(5n+2) {padding:0} #navigationFootermap li.navLevel1:nth-child(5n+3) {padding:0} #navigationFootermap li.navLevel1:nth-child(5n+4) {padding:0} #navigationFootermap li.navLevel1:nth-child(5n+5) {padding:0} #navigationFootermap li.navLevel1:nth-child(3n+1) {padding:0 16px 0 0;clear:left} #navigationFootermap li.navLevel1:nth-child(3n+2) {padding:0 8px 0 8px} #navigationFootermap li.navLevel1:nth-child(3n+3) {padding:0 0 0 16px} #navigationFootermap li.navLevel1:nth-child(1), #navigationFootermap li.navLevel1:nth-child(2), #navigationFootermap li.navLevel1:nth-child(3) {margin:0} } /* @media screen and (max-width: 640px) { #navigationFootermap li.navLevel1 {width:50%;padding:0} #navigationFootermap li.navLevel1:nth-child(3n+1) {padding:0;clear:none} #navigationFootermap li.navLevel1:nth-child(3n+2) {padding:0} #navigationFootermap li.navLevel1:nth-child(3n+3) {padding:0} #navigationFootermap li.navLevel1:nth-child(2n+1) {padding:0 12px 0 0;clear:left} #navigationFootermap li.navLevel1:nth-child(2n+2) {padding:0 0 0 12px} #navigationFootermap li.navLevel1:nth-child(3) {margin:20px 0 0} } */ @media screen and (max-width: 767px) { /* @media screen and (max-width: 540px) { */ #navigationFootermap li.navLevel1 {float:none;width:100%;padding:0;margin:0;border-bottom:1px solid #000000} #navigationFootermap li.navLevel1:first-child {border-top:1px solid #000000} #navigationFootermap li.navLevel1:nth-child(2n+1) {padding:0;clear:none} #navigationFootermap li.navLevel1:nth-child(2n+2) {padding:0} #navigationFootermap li.navLevel1:nth-child(3) {margin:0} #navigationFootermap a.navLevel1 {padding:5px 0;border:0} #navigationFootermap span.navLevel1 {padding:15px 20px;border:0} #navigationFootermap .navLevelOpener, #navigationFootermap .navLevelCloser {display:block} #navigationFootermap ul.navLevel2Container {display:none;margin:0;padding:0 0 8px} #navigationFootermap a.navLevel2 {padding:6px 0 6px 0} #navigationFootermap span.navLevel2 {padding:6px 0 6px 0} } @media screen and (max-width: 400px) { #navigationFootermap li.navLevel1 {width: 100%; float: none; padding-right: 0} }