@charset "UTF-8"; /* ------------------------------------------ RESET --------------------------------------------- */ a:active, a:hover { outline: 0; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .nav-collapse, .nav-collapse * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'montserratregular'; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; z-index: 99999; } .nav-collapse li { display: inline-block; /*width: 100%;*/ text-align:center; position: relative; } .nav-collapse li:last-child,.nav-collapse li:nth-child(4){ border-right:none; } .nav-collapse ul li ul { background:#143a66; position: absolute; top:40px; left:0px; z-index: 999999999; width: 280px; display: none; } .nav-collapse ul li ul li a{color: #fff;text-align: left;padding:7px 0px 7px 20px; } .nav-collapse ul li ul li{ display: block; border-right:none; width: auto!important; margin-left: 0px; border-bottom: 1px solid #10345d; } .nav-collapse ul li:hover ul{display:block;} .nav-collapse ul li:hover a{color: #fff;} .nav-collapse ul li:hover a.menu-child{ border: 1px solid #143a66; box-sizing: border-box; } .nav-collapse ul li:hover a.menu-child:hover{ color: #143a66; background: #fff; border: 1px solid #143a66; box-sizing: border-box; } @media screen and (min-width:1200px){ .nav-collapse li { padding:0px 0px; border-right:1px solid #6c80a2; margin-left: -4px; width:11%; } .nav-collapse li:nth-child(4){margin-right:116px;} .nav-collapse li:nth-child(5){} .nav-collapse a{font-size:13px;} } @media(min-width:991px) and (max-width:1199px){ .nav-collapse li {width:10%;} .nav-collapse a{font-size:15px;} .nav-collapse li:nth-child(4){margin-right:150px;} .nav-collapse li:nth-child(4) ul li{ margin: 0; } .nav-collapse ul li ul.inbound-plan-menu{ top: 80px; } } .nav-collapse a { color:#15489d; text-decoration: none; width: 100%; line-height: 40px; } @media screen and (min-width:991px) { .nav-collapse a { margin: 0; text-align: center; letter-spacing:1px; display: block; } .nav-collapse ul li:hover{background:#16489d;color: #fff;} .nav-collapse ul li a:hover{color:#fff;display: block;} } .nav-collapse ul ul a { background:#143a66; padding-left: 2em; } @media screen and (min-width:990px) { .nav-collapse ul ul a{ /*display: none;*/ } } @media screen and (max-width:990px) { .nav-collapse a{ border-bottom: 1px solid #103f8d; color:#fff; background:#15489d; padding: 5px 20px; display:block; } .nav-collapse li{width:100%;text-align:left;} .nav-collapse ul{background:#15489d;} .nav-collapse ul li ul{position: relative;top:0;width: 100%;display: block;} .nav-collapse ul li ul li{border-bottom:none;} .nav-collapse ul li ul.inbound-plan-menu{ top: 0px; } } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src:url("../fonts/responsivenav.eot"); src:url("../fonts/responsivenav.eot?#iefix") format("embedded-opentype"), url("../fonts/responsivenav.ttf") format("truetype"), url("../fonts/responsivenav.woff") format("woff"), url("../fonts/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle { position: fixed; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width:40px; height:40px; float:left; margin-right: 10px; } .nav-toggle:before { color: #15489d; /* Edit this to change the icon color */ font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; font-size: 28px; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; speak: none; width: 100%; top:5px; left: 0; } .nav-toggle.active::before { font-size: 24px; content:"x"; } .nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style:none; letter-spacing:-0.4px; text-align:center; } .js .nav-collapse { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; } .nav-collapse.opened { max-height: 9999px; } .nav-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } @media screen and (min-width:991px) { .js .nav-collapse { /*position: relative;*/ } .js .nav-collapse.closed { max-height: none; } .nav-toggle { display: none; } } @media screen and (max-width:990px) { .js .nav-collapse {overflow:hidden;} }