/* Minification failed. Returning unminified contents. (1133,73): run-time error CSS1031: Expected selector, found '/' (1133,73): run-time error CSS1025: Expected comma or open brace, found '/' (1576,24): run-time error CSS1030: Expected identifier, found '.' (1576,32): run-time error CSS1031: Expected selector, found ')' (1576,32): run-time error CSS1025: Expected comma or open brace, found ')' (1729,50): run-time error CSS1038: Expected hex color, found '#0003' (2142,14): run-time error CSS1030: Expected identifier, found '.' (2142,28): run-time error CSS1031: Expected selector, found ')' (2142,28): run-time error CSS1025: Expected comma or open brace, found ')' (2461,40): run-time error CSS1038: Expected hex color, found '#ffff' (2469,121): run-time error CSS1038: Expected hex color, found '#ffff' (2469,126): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' ' */ /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(../css2/fonts/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(../css2/fonts/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(../css2/fonts/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: url(../css2/fonts/S6uyw4BMUTPHjx4wXg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(../css2/fonts/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: url(../css2/fonts/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUQjIg1_i6t8kCHKm459WxRxC7mw9c.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUQjIg1_i6t8kCHKm459WxRzS7mw9c.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUQjIg1_i6t8kCHKm459WxRxi7mw9c.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUQjIg1_i6t8kCHKm459WxRxy7mw9c.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUQjIg1_i6t8kCHKm459WxRyS7m.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v29/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100 900; font-display: swap; src: url(../css2/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /*##################################################################################################################################################################################### #### HEADER ########################################################################################################################################################################### ####################################################################################################################################################################################*/ a#skiptocontent{left:-9999px;position:absolute;top:auto;width:1px;height:1px;overflow:hidden;z-index:-9999;} a#skiptocontent:focus, a#skiptocontent:active {color: #fff;background-color:#1F7FA8;left: 8px;top: 8px;width: 256px;height: auto;overflow:auto;padding:8px;border-radius: 8px;border:2px solid #fff;text-align:center;font-size:1.188rem;z-index:99999;outline:0;} /*TOP NAV*/ #header{position:fixed;top:0px;left:0px;width:100%;z-index:999;} #header nav.topnav{display:block;background-color:#1F2b4a;height:32px;padding:7px 0;line-height:1;} #header nav.topnav ul, #header nav.topnav ul li{display:block;list-style:none;padding:0px;margin:0px;} #header nav.topnav ul li{display:inline-block;} #header nav.topnav ul li a{display:block;text-decoration:none;color:#fff;} #header nav.topnav ul li a svg{fill:#fff;transition:all .25s ease-in-out;} #header nav.topnav ul li a:hover svg{fill:#29abe2;} #header nav.topnav ul.left{float:left;} #header nav.topnav ul.left li{margin-right:16px;} #header nav.topnav ul.left li:last-child{margin-right:0px;} #header nav.topnav ul.left li a{height:16px;width:16px;} #header nav.topnav ul.right{float:right;} #header nav.topnav ul.right li{margin-left:24px;} #header nav.topnav ul.right li:first-child{margin-left:0px;} #header nav.topnav ul.right li a {font-size:0.875rem;line-height:16px;} #header nav.topnav ul.right li a:hover {text-decoration:underline;} #header nav.topnav ul.right li a span.icon{float:left;display:block;height:16px;width:16px;margin-right:6px;} /*TOP NAV SEARCH*/ #header nav.topnav .container{position:static;} #header nav.topnav .searchbox .container{position:relative;} #search-trigger + .searchbox{background-color:#238FBE;width:100%;height:0px;position:absolute;left:0px;top:32px;transition:all .25s ease-in-out;z-index:9999;overflow:hidden;} #search-trigger.active + .searchbox{display:block;height:80px;} .searchbox label{display:none;} /* IDC KM - 20250711 font-family removed font-family:Montserrat;*/ .searchbox input[type=text]{background-color:transparent;border:none;appearance:none;color:#fff;font-size:1.5rem;border-bottom:1px Solid #fff;margin-top:20px;outline:0;width:100%;line-height:1;padding:8px 0;} .searchbox input[type=text]:focus{/*border-bottom:1px Solid #238FBE;*/} .searchbox input[type=text]::-webkit-input-placeholder {color: #fff;} .searchbox input[type=text]:-ms-input-placeholder {color: #fff;} .searchbox input[type=text]:placeholder {color: #fff;} .searchbox input[type=text]:focus::-webkit-input-placeholder {color: rgba(255,255,255,.75);} .searchbox input[type=text]:focus:-ms-input-placeholder {color: rgba(255,255,255,.75);} .searchbox input[type=text]:focus::placeholder {color: rgba(255,255,255,.75);} .searchbox #btnSearch{display:block;appearance:none;height:80px;width:80px;float:right;padding:26px;position:absolute;top:0px;right:-20px;background:transparent;border:none;outline:0;cursor:pointer;} .searchbox #btnSearch span{display:none;} .searchbox #btnSearch svg{fill:#fff;} #search-trigger + .searchbox{visibility:hidden;} #search-trigger.active + .searchbox{visibility:visible;} /*BASE NAV*/ #header .base{height:80px;background-color:rgba(255,255,255,1);box-shadow:0px 8px 16px rgba(0,0,0,.15);box-shadow:none !important;} #header .base a.logo{display:block;height:60px;width:60px;float:left;margin:10px 0;} #header .base a.logo svg .navy{fill:#1F2b4a;} #header .base a.logo svg .white{fill:#fff;} nav.mainmenu{display:block;width:calc((100%) - 60px);font-size:0;position:relative;float:right;padding:20px 0 0 0;} nav.mainmenu ul, .mainmenu ul li{display:block;list-style:none;padding:0px;margin:0px;font-size:0;width:100%;} nav.mainmenu ul li{display:inline-block;width:20%;text-align:center;} nav.mainmenu ul li{width:16.66%;} /*FOR 6 ITEMS */ /* nav.mainmenu ul li{width:14.28%;} /*FOR 7 ITEMS*/ nav.mainmenu ul li a{display:block;font-size:1.25rem;font-weight:bold;text-decoration:none;color:#1F2b4a;line-height:40px;padding-bottom:20px;} nav.mainmenu > ul > li > a{position:relative;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu > ul > li > a.level1:after{content:'\25be';color:#1F2b4a;opacity:0;display:block;width:100%;text-align:center;position:absolute;bottom:-2px;font-size:1.5rem;transition:all .25s ease-in-out;pointer-events:none;} nav.mainmenu > ul > li > a.level1.active:after{opacity:1;} /*HOMEPAGE INTRO NAV*/ /* #header.home .base{background-color:rgba(255,255,255,.0);box-shadow: 0px 0px 0px rgba(0,0,0,.0);transition:all .25s ease-in-out;} #header.home .base nav.mainmenu{display:block;width:100%;transition:all .25s ease-in-out;} #header.home .base a.logo{opacity:0;pointer-events:none;position:absolute;} @media speech{ #header.home .base a.logo{display:none;} } #header.home.sticky .base, #header.home.opennav .base{background-color:rgba(255,255,255,1);box-shadow:0px 8px 16px rgba(0,0,0,.15);} #header.home.sticky .base nav.mainmenu, #header.home.opennav .base nav.mainmenu{display:block;width:calc((100%) - 60px);} #header.home.sticky .base a.logo, #header.home.opennav .base a.logo{opacity:1;pointer-events:all;display:block;} */ @media (min-width: 1025px) { #header.home .base a.logo{opacity:0;pointer-events:none;position:absolute;} #header.home .base nav.mainmenu{display:block;width:100%;transition:all .25s ease-in-out;} /* #header.home nav.mainmenu > ul > li > a + div.container.mega{margin-left:-124px;margin-left:-61px;} */ #header.home.sticky .base a.logo{opacity:1;pointer-events:all;position:absolute;} #header.home.sticky .base nav.mainmenu{width:calc((100%) - 60px);} /* #header.home.sticky nav.mainmenu > ul > li > a + div.container.mega{margin-left:-124px;} */ } /*DECREASE HEADER SIZE ON STICKY */ #header .base, #header .base a.logo, #header nav.mainmenu, #header .mainmenu ul li a{transition:all .25s ease-in-out;} #header.sticky .base{height:60px;} #header.sticky .base a.logo{margin:5px 0;height:50px;width:50px;} #header.sticky nav.mainmenu{padding-top:0px;} #header.sticky nav.mainmenu ul.main > li > a{padding-bottom:0px;line-height:60px;} #header.sticky nav.mainmenu ul li a.level1{padding-bottom:0px;line-height:60px;} #header.sticky nav.mainmenu > ul > li > a.level1:after{bottom:-24px;} /* HOVER UNDERLINES */ #header nav.mainmenu > ul > li > a strong{display:inline-block;position:relative;} #header nav.mainmenu > ul > li > a.active strong:after{display:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ #header nav.mainmenu > ul > li > a strong:after{content:'';display:block;width:0%;left:50%;position:absolute;height:2px;background-color:#1F2b4a;bottom:-2px;transition:all .25s ease-in-out;} #header.sticky nav.mainmenu > ul > li > a strong:after{bottom:12px;} #header nav.mainmenu > ul > li > a:hover strong:after{width:100%;left:0px;} #header nav.mainmenu > ul > li.current > a strong:after{width:100%;left:0px;} /*MEGA DROPDOWN*/ nav.mainmenu > ul > li > a + div.container.mega{position:absolute;left:0;background-color:#fff;width:calc(100% + 60px);margin-left:-60px;max-width:1320px;padding:32px 0;box-shadow:0px 8px 8px rgba(0,0,0,.15);z-index:999;} header.home nav.mainmenu > ul > li > a + div.container.mega{width:calc(100%);margin-left:0;} header.home.sticky nav.mainmenu > ul > li > a + div.container.mega{width:calc(100% + 60px);margin-left:-60px;} /*nav.mainmenu > ul > li > a + div.container.mega.m1{margin-left:-4px;width:968px;max-width:968px;}*/ /* IDC CODE - 23/5/2025 */ nav.mainmenu .mega .flex {display: flex;} nav.mainmenu > ul > li > a + div.container.mega.m1{display:none;} nav.mainmenu > ul > li > a + div.container.mega.m2{display:none;} nav.mainmenu > ul > li > a + div.container.mega.m3{display:none;} /*MEGA MENU STYLE 1*/ nav.mainmenu .mega.m1 ul{width:25%;float:left;display:block;border-right:1px Solid #CCC;min-height:328px;} nav.mainmenu .mega.m1 ul:last-child{border-right:none;} nav.mainmenu .mega.m1 ul li{width:100%;display:block;text-align:left;} nav.mainmenu .mega.cols ul li .icon{background-color:#1F2b4a;border-radius:50%;height:96px;width:96px;margin:0px auto;padding:12px;margin-bottom:8px;display:block;} nav.mainmenu .mega.cols ul li .icon svg{fill:#fff;} nav.mainmenu .mega.cols ul li.title strong{display:inline-block;text-align:center;position:relative;} /* IDC KM - 20250711 font-family removed font-family:Montserrat;*/ nav.mainmenu .mega.cols ul li.title a{text-transform:uppercase;font-size:1.063rem;text-align:center;display:inline-block;margin:0px auto !important;} nav.mainmenu .mega.cols ul li a{padding-bottom:0px;line-height:32px;font-size:1rem;position:relative;display:inline-block;} nav.mainmenu .mega.m1 ul li.title{text-align:center;} nav.mainmenu .mega.m1 ul li.title a:before{display:none;} nav.mainmenu .mega.m1 ul li a:before{display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left:-18px;transition:all .25s ease-in-out;} /* IDC KM 20250711 - font-family:Montserrat; */ nav.mainmenu .mega.m1 ul li.title a strong:after{display:inline-block;content:'';height:2px;background-color:#1F2b4a;position:absolute;bottom:0px;width:0%;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega.m1 ul li.title a:hover strong:after{width:100%;left:0px;} nav.mainmenu .mega.m1 ul.sub1 li a{margin-left:18.5%;} nav.mainmenu .mega.m1 ul.sub2 li a{margin-left:31%;} nav.mainmenu .mega.m1 ul.sub3 li a{margin-left:22%;} nav.mainmenu .mega.m1 ul.sub4 li a{margin-left:23%;} /*nav.mainmenu .mega.m1 ul.sub5 li a{margin-left:17%;}*/ nav.mainmenu .mega ul.ltblue li .icon{background-color:#238FBE !important;} nav.mainmenu .mega ul.red li .icon{background-color:#e03c31 !important;} nav.mainmenu .mega ul.teal li .icon{background-color:#13958d !important;} nav.mainmenu .mega ul.green li .icon{background-color:#689400 !important;} nav.mainmenu .mega ul.orange li .icon{background-color:#DB6300 !important;} nav.mainmenu .mega ul.gold li .icon{background-color:#9D8558 !important;} nav.mainmenu .mega ul.berry li .icon{background-color:#A50050 !important;} nav.mainmenu .mega.m1 ul li a:hover:before{transform:scale(1.5);} nav.mainmenu .mega.m1 ul.ltblue li a:hover:before{color:#238FBE;} nav.mainmenu .mega.m1 ul.red li a:hover:before{color:#e03c31;} nav.mainmenu .mega.m1 ul.teal li a:hover:before{color:#13958d;} nav.mainmenu .mega.m1 ul.green li a:hover:before{color:#689400;} nav.mainmenu .mega.m1 ul.orange li a:hover:before{color:#DB6300;} nav.mainmenu .mega.m1 ul.gold li a:hover:before{color:#9D8558;} nav.mainmenu .mega.m1 ul.berry li a:hover:before{color:#A50050;} nav.mainmenu .mega.m1 ul.ltblue li a:hover:after{background-color:#238FBE;} nav.mainmenu .mega.m1 ul.red li a:hover:after{background-color:#e03c31;} nav.mainmenu .mega.m1 ul.teal li a:hover:after{background-color:#13958d;} nav.mainmenu .mega.m1 ul.green li a:hover:after{background-color:#689400;} nav.mainmenu .mega.m1 ul.orange li a:hover:after{background-color:#DB6300;} nav.mainmenu .mega.m1 ul.gold li a:hover:after{background-color:#9D8558;} nav.mainmenu .mega.m1 ul.berry li a:hover:after{background-color:#A50050;} nav.mainmenu .mega.m1 ul.ltblue li.title a strong:after{background-color:#238FBE;} nav.mainmenu .mega.m1 ul.red li.title a strong:after{background-color:#e03c31;} nav.mainmenu .mega.m1 ul.teal li.title a strong:after{background-color:#13958d;} nav.mainmenu .mega.m1 ul.green li.title a strong:after{background-color:#689400;} nav.mainmenu .mega.m1 ul.orange li.title a strong:after{background-color:#DB6300;} nav.mainmenu .mega.m1 ul.gold li.title a strong:after{background-color:#9D8558;} nav.mainmenu .mega.m1 ul.berry li.title a strong:after{background-color:#A50050;} /*UPDATE FROM PRODUCTS STRIPE*/ nav.mainmenu .mega.m1 ul.stripe{display:block;width:100%;background-color:#1F2b4a;min-height:0px;padding:8px 0;} nav.mainmenu .mega.m1 ul.stripe li{display:block;width:100%;text-align:center;} /* IDC KM - 20250711 fon-family removed font-family: Montserrat; */ nav.mainmenu .mega.m1 ul.stripe li a{color:#fff;padding-right: 32px;text-decoration: none;font-weight: bold;text-transform: uppercase;line-height: 24px;display: inline-block;font-size: 1.188rem;position: relative;} nav.mainmenu .mega.m1 ul.stripe li a:before{margin-left:0px;content: '';display: block;width: 0%;background-color: #fff;transition: all .25s ease-in-out;position: absolute;bottom: -1px;height: 2px;left: 0px;} nav.mainmenu .mega.m1 ul.stripe li a:after{content: '\279E';font-size: 1.5rem;line-height: 24px;display: inline-block;position: relative;top: 2px;width: 28px;margin-right: -32px;padding-left: 4px;transition: all .25s ease-in-out;} nav.mainmenu .mega.m1 ul.stripe li a:hover:before{width: calc((100%) - 28px);transform:scale(1);} nav.mainmenu .mega.m1 ul.stripe li a:hover:after {transform: scale(1.25);} nav.mainmenu .mega.m1 ul {min-height: 338px;} nav.mainmenu > ul > li > a + div.container.mega.m1{padding-bottom:0px} nav.mainmenu .mega.m1 ul.green {border-right: none;} /*MEGA STYLE 2*/ nav.mainmenu .mega.m2 ul li{width:100%;display:block;text-align:left;padding:0 16px;} nav.mainmenu .mega.m2 .mlc{width:47%;float:left;} nav.mainmenu .mega.m2 ul.sub1{} nav.mainmenu .mega.m2 ul.sub2{} nav.mainmenu .mega.m2 ul.sub3{} nav.mainmenu .mega.m2 ul.sub4{width:53%;float:right;position:relative;border-left:1px Solid #CCC;padding-left:32px;/*min-height:360px;*/} nav.mainmenu .mega.m2 ul li p{font-size:1rem;color:#000;} nav.mainmenu .mega.m2 ul li .icon{background-color:#1F2b4a;border-radius:50%;height:96px;width:96px;padding:12px;float:left;margin-right:16px;} nav.mainmenu .mega.m2 ul li .icon svg{fill:#fff;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m2 ul li.title a{text-transform: uppercase;font-size: 1.25rem;padding-bottom:0px;} nav.mainmenu .mega.m2 ul.sub4 li.title a{text-transform: uppercase;font-size: 1.5rem;padding-bottom:0px;} nav.mainmenu .mega.m2 ul.sub4 li p{margin-bottom:16px;} nav.mainmenu .mega.m2 ul li .mport a{display:block;height:96px;width:96px;overflow:hidden;margin-right:16px;margin-bottom:16px;float:left;} /*nav.mainmenu .mega.m2 ul li .mport a img{display:block;height:96px;}*/ nav.mainmenu .mega.m2 ul li .mport img{display:block;height:96px;margin-right:16px;margin-bottom:16px;float:left;overflow:hidden;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m2 ul li .mport:after{content:'';clear:both;display:block;float:none;} /*MEGA STYLE 3*/ nav.mainmenu .mega.m3 ul{float:left;display:block;padding:0 32px;} nav.mainmenu .mega.m3 ul li{width:100%;display:block;text-align:left;} nav.mainmenu .mega.m3 ul.sub1{width:50%;border-right:0px Solid #ccc;} nav.mainmenu .mega.m3 ul.sub2{width:25%;border-right:1px Solid #ccc;border-left:1px Solid #ccc;} nav.mainmenu .mega.m3 ul.sub3{width:25%;border:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3 ul li.title strong a{font-size:1.5rem;text-transform:uppercase;color:#1F2b4a;font-weight:bold;/*border-bottom:1px Solid #1F2b4a;*/padding-left:0px;display:block;} nav.mainmenu .mega.m3 ul.sub1 li a{padding-bottom:0;color:#000;font-weight:normal;font-size:1rem;padding-left:16px;display:block;border-bottom:1px dotted #fff;position:relative;margin-bottom:0;} nav.mainmenu .mega.m3 ul.sub2 li.xitem a span{font-size:0.875rem;font-style:italic;display:block;color:#565656;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub2 li.xitem a{line-height:1.25;padding:8px 16px;display:block;transition:all .25s ease-in-out;margin-bottom:0px;} nav.mainmenu .mega.m3 ul.sub2 li.xitem a:hover:before{transform:none;color:#1F2b4a;} nav.mainmenu .mega.m3 ul.sub2 li.xitem a:hover{background-color:#efefef;} nav.mainmenu .mega.m3 ul.sub2 li.xitem a:hover span{color:#333;} nav.mainmenu .mega.m3 ul li.title a:before{display:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3 ul li a:before{display: block;content:'\25b8';color:#1F2b4a;position:absolute;margin-left:-18px;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul li.viewall a, nav.mainmenu .mega ul li.viewall a{border-bottom:none;font-weight:bold;font-size:1rem;color:#1F2b4a;padding-left:0px;text-transform:uppercase;position:relative;display:inline-block;} nav.mainmenu .mega.m3 ul li.viewall a:after, nav.mainmenu .mega ul li.viewall a:after{content:'\279E';font-size:1.25rem;line-height:20px;display:inline-block;margin-left:8px;position:relative;top:2px;} nav.mainmenu .mega.m3 ul li.viewall a:before, nav.mainmenu .mega ul li.viewall a:before{content:'';position:absolute;width:0px;height:2px;bottom:24px;left:0px;transition:all .25s ease-in-out;background-color:#1F2b4a;} nav.mainmenu .mega.m3 ul li.viewall a:hover:before, nav.mainmenu .mega ul li.viewall a:hover:before{width:calc((100%) - 26px);} nav.mainmenu .mega.m2 ul li.title a, nav.mainmenu .mega.m3 ul.sub1 li.title strong a{pointer-events:none;} nav.mainmenu .mega.m3 ul li.viewall a:before{bottom:4px;margin-left:0px;} nav.mainmenu .mega.m2 ul li.title .mport a{pointer-events:all;} nav.mainmenu .mega.m3 ul.sub2 li a, nav.mainmenu .mega.m3 ul.sub3 li a{position:relative;display:inline-block;padding-bottom:0px;margin-bottom:0px;} nav.mainmenu .mega.m3 ul.sub3 li:last-child a{margin-bottom:0px;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3 ul.sub2 li a:after, nav.mainmenu .mega.m3 ul.sub3 li a:after{display:inline-block;content:'';height:2px;background-color:#238FBE;position:absolute;bottom:0px;width:0%;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub2 li a:hover:after, nav.mainmenu .mega.m3 ul.sub3 li a:hover:after{width:0%;left:0px;} nav.mainmenu .mega.m3 ul.sub2 li a,nav.mainmenu .mega.m3 ul.sub3 li a{margin-left:12px;} nav.mainmenu .mega.m3 ul.sub2 li a:before,nav.mainmenu .mega.m3 ul.sub3 li a:before{margin-left:-22px;} nav.mainmenu .mega.m3 ul.sub2 li a:hover:before, nav.mainmenu .mega.m3 ul.sub3 li a:hover:before{color:#238FBE;transform:scale(1.5);} nav.mainmenu .mega.m3 ul li.latestArticle{padding-left:0px;margin-top:8px;background-color:#efefef;padding:8px;position:relative;border:2px Solid #efefef;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul li.latestArticle a:before{display:none;} nav.mainmenu .mega.m3 ul li.latestArticle:after{content:'';display:block;clear:both;} nav.mainmenu .mega.m3 ul li.latestArticle a{display:block;padding-left:0px;border:none;} nav.mainmenu .mega.m3 ul li.latestArticle a img{display:block;float:left;max-height:80px;width:auto;margin-right:12px;} nav.mainmenu .mega.m3 ul li.latestArticle p{font-size:1rem;color:#000;line-height:1;margin-bottom:4px;} nav.mainmenu .mega.m3 ul li.latestArticle p a{font-size:1.125rem;font-weight:bold;color:#1F2b4a;line-height:1.25;position:static;transition:all .25s ease-in-out;display:inline;border-bottom:2px solid transparent;} nav.mainmenu .mega.m3 ul li.latestArticle p a:after{content:'';position:absolute;display:block;height:100%;width:100%;left:0px;top:0px;} nav.mainmenu .mega.m3 ul li.latestArticle:hover p a{border-bottom:2px Solid #238fbe;} nav.mainmenu .mega.m3 ul li.latestArticle:hover{border-color:#ccc;} /* IDC CODE - 21//5/2025 */ nav.mainmenu .mega.m3.solutionsnav ul.sub1{width: -webkit-fill-available; border-right:0px Solid #ccc;min-height:230px;} nav.mainmenu .mega.m3.solutionsnav ul.sub2{width: -webkit-fill-available; border-right:1px Solid #ccc;border-left:1px Solid #ccc;min-height:230px;} nav.mainmenu .mega.m3.solutionsnav ul.sub3{width:40%;border:none;min-height:230px;background-color: #f2f2f2;} nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a{padding-left:32px;} /* IDC */ nav.mainmenu .mega.m3.solutionsnav ul.sub3 li a{margin-left: 0;} /* IDC CODE - 21//5/2025 */ nav.mainmenu > ul > li > a + div.container.mega.solutionsnav, nav.mainmenu > ul > li > a + div.container.mega.solutionsnav .sub3{padding: 0;} nav.mainmenu .mega.m3.solutionsnav ul.sub2{border-right: unset;} nav.mainmenu .mega.m3.solutionsnav ul li.title p{color:#000;font-size:1rem;/*margin-top:8px;*/} nav.mainmenu .mega.m3.solutionsnav ul li.title a{margin-left:0px;} nav.mainmenu .mega.m3.solutionsnav ul li.viewall a:before{background-color:#13958d;} nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a:hover:before{color:#13958d;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a:before{display:none;} /*IDC CODE - features solution udate 20/5/2025 */ nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution{background-color:transparent;padding:8px;position:relative;transition:all .25s ease-in-out;text-align: center;display: flex;flex-direction: column;align-items: center;} .combinesub1and2 {display: flex;width: 60%;padding: 32px 0;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:first-child{padding-top: 32px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:last-child{padding-bottom: 32px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution + .featuredsolution{margin-bottom:0px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:after{content:'';display:block;clear:both;} /* IDC CODE - features solution udate 20/5/2025 */ nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a{display:inline-block;margin-bottom:0px;line-height:normal;text-align: center;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution p{font-size:1rem;color:#000;line-height:1.25;margin-left:0;max-width: 350px;width: 350px;text-align: left;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore {line-height:normal;margin-bottom:0px;margin-top:4px;border-bottom: none;font-weight: bold;font-size: 1rem;color: #1F2b4a;padding-left: 0px;position: relative;display: inline-block;float:none;margin-right:0px;margin-left:0px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:after {content: '\279E';font-size: 1.25rem;line-height: 20px;display: inline-block;margin-left: 8px;position: relative;top: 2px;background:none;left:auto;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:before{content: '';position: absolute;display:block;width: 0px;height: 2px;bottom: -4px;left: 0px;margin-left:0px;transition: all .25s ease-in-out;background-color: #13958d;transform:none !important;} /* IDC CODE - 21/5/2025 */ /* nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:hover a.learnmore:before {width: calc((100%) - 26px);transform:none !important;} */ nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:hover{border-color:#ccc;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution > a:first-child{position:static;} /* IDC CODE - 21/5/2025 */ /* nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution > a:first-child:after{position:absolute;height:100%;width:100%;left:0;background:transparent;} */ nav.mainmenu .mega.m3.resourcesnav ul.sub1{min-height:210px;} nav.mainmenu .mega.m3.resourcesnav ul.sub2{min-height:210px;} nav.mainmenu .mega.m3.resourcesnav ul.sub2{min-height:210px;} /* nav.mainmenu>ul>li>a+div.container.mega.resourcesnav{padding-top:8px;} */ nav.mainmenu .resourcesnav ul li.title p {color: #000;font-size: 1rem;} nav.mainmenu .mega.m3.resourcesnav ul li.viewall a:before{background-color:#238fbe;} nav.mainmenu .resourcesnav ul:first-child + ul {padding: 0 32px;} nav.mainmenu .mega.m3.resourcesnav ul.sub2 li a, nav.mainmenu .mega.m3.resourcesnav ul.sub3 li a{padding-left:32px;margin-left: 0px;} /* IDC */ nav.mainmenu .mega.m3.aboutnav ul.sub1{width:30%;min-height:260px;} nav.mainmenu .mega.m3.aboutnav ul.sub2{width:30%;min-height:260px;} nav.mainmenu .mega.m3.aboutnav ul.sub3{width:20%;border-right:1px Solid #CCC;min-height:260px;} nav.mainmenu .mega.m3.aboutnav ul.sub4{width:20%;min-height:260px;} nav.mainmenu .mega.m3.aboutnav ul.sub1 p{color:#000;font-size:1rem;margin-top:8px;} nav.mainmenu .mega.m3 ul.sub2.aboutnav li a{padding-bottom:0;color:#000;font-weight:normal;font-size:1rem;padding-left:16px;display:block;border-bottom:1px dotted #fff;position:relative;margin-bottom:0;} nav.mainmenu .mega.m3 ul.sub2 li.xitem a{font-size:1rem;color:#000;font-weight:normal;} nav.mainmenu .mega.m3.aboutnav ul.sub4 li a {margin-left:12px;position: relative;display: inline-block;padding-bottom: 0px;margin-bottom: 0px;} nav.mainmenu .mega.m3.aboutnav ul.sub3 li a:hover:before, nav.mainmenu .mega.m3.aboutnav ul.sub4 li a:hover:before {color: #e03c31;transform: scale(1.5);} nav.mainmenu .mega.m3.aboutnav ul li.viewall a:before{background-color:#e03c31;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:after{content: '\279E';font-size: 1.25rem;line-height: 20px;display: inline-block;margin-left: 8px;position: relative;top: 2px;left:auto;} nav.mainmenu .mega.m3 ul.sub2 li a{margin-left:0px;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li a:before{margin-left:-18px;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:before { margin-left: 0px; transform:none; } /*CONTACT MENU START*/ nav.mainmenu ul li a + div.container.mega.contactnav {display:none;} nav.mainmenu .mega.contactnav ul{float:left; padding:0 32px;} nav.mainmenu .mega.contactnav ul li{width:100%;display:block;text-align:left;} nav.mainmenu .mega.contactnav ul.sub1{width:50%;border-right:0px Solid #ccc;} nav.mainmenu .mega.contactnav ul.sub2{width:25%;border-right:1px Solid #ccc;border-left:1px Solid #ccc;} nav.mainmenu .mega.contactnav ul.sub3{width:25%;border:none;} nav.mainmenu .mega.contactnav ul.sub1, nav.mainmenu .mega.contactnav ul.sub2, nav.mainmenu .mega.contactnav ul.sub3{min-height:170px;} /* To add arrow before links */ nav.mainmenu .mega.contactnav ul li a:before{display: block; content: '\25b8'; position: absolute; margin-left: -22px; transition: all .25s ease-in-out;} /* nav.mainmenu .mega.contactnav ul.sub2 li a:before, nav.mainmenu .mega.contactnav ul.sub3 li a:before {margin-left: -22px;} */ nav.mainmenu .mega.contactnav ul li a:hover:before, nav.mainmenu .mega.contactnav ul li a:hover:before{color: #9D8558 !important; transform: scale(1.5);} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.contactnav ul.sub1 li.title strong a{font-size:1.5rem;text-transform:uppercase;padding-left:0px;padding-bottom: 0px;} nav.mainmenu .mega.contactnav ul.sub1 li.title strong a:before {display:none;} nav.mainmenu .mega.contactnav ul.sub1 li.title p {color: #000;font-size: 1rem;} nav.mainmenu .mega.contactnav ul.sub1 li.title p strong a {pointer-events: auto;} nav.mainmenu .mega.contactnav ul.sub2 li a, nav.mainmenu .mega.contactnav ul.sub3 li a { /* position:relative;margin-left: 0px; margin-bottom:0; */ padding-left:32px;padding-bottom:0;} .solutionsnav .combinesub1and2 .sub2 li:nth-last-child(-n + 2) {display: none;} @media (max-width: 1024px){ /* nav.mainmenu .mega.contactnav ul li a {line-height: 1.4;} */ nav.mainmenu ul li a + div.container.mega.contactnav {padding-top:0;} nav.mainmenu .mega.contactnav ul.sub1 {display:none;} nav.mainmenu .mega.contactnav ul.sub2 {width:100%;border-left:none;border-right:none;} nav.mainmenu .mega.contactnav ul.sub3 {width:100%; min-height: unset;} nav.mainmenu .mega.contactnav ul.sub2, nav.mainmenu .mega.contactnav ul.sub3 {padding:0;} nav.mainmenu .mega.contactnav ul li a:before{display:none;} .combinesub1and2{width: 100%;padding: 0;} .solutionsnav .combinesub1and2 .sub2 li:nth-last-child(-n + 2) {display: block;} } /*CONTACT MENU END*/ /*########################################################################################################################################################*/ /*####### RESPONSIVE HEADER ##############################################################################################################################*/ /*########################################################################################################################################################*/ nav.mainmenu .social{display:none;} #menu-trigger{display:none;} .mshow1024 {display:none !important;} @media (max-width: 1024px) { #header .base .container{padding:0;} .mshow1024 {display:block !important;} #header ul.mshow1024 li{display:block !important;} #header ul.mshow1024 li a{padding-left:32px;} #header ul li.mshow1024{display:none !important;} #header ul.active li.mshow1024{display:block !important;} #header nav.mainmenu > ul > li.current > a strong:after{display:none;} nav.mainmenu > ul > li.current > a:before{display:none !important;} a#skiptocontent{display:none;} #header{position:static;} #menu-trigger{display:block;height:60px;width:60px;float:right;margin:10px 32px 10px 0;padding:4px;} #header .base a.logo{padding:0px;margin-left:16px;} #menu-trigger svg{fill:#1F2b4a;} nav.mainmenu, #header .base nav.mainmenu, #header.sticky .base nav.mainmenu {display:none;} #menu-trigger #mtOpen{display:block;} #menu-trigger #mtClose{display:none;} #menu-trigger.active #mtOpen{display:none;} #menu-trigger.active #mtClose{display:block;} #header .base a.logo{position:static;opacity:1;pointer-events:all;} #header.sticky .base nav.mainmenu, #header.opennav .base nav.mainmenu{width:100%;} nav.mainmenu{width:100%;background-color:#fff;position:static;padding:0px;} nav.mainmenu ul, nav.mainmenu ul li{width:100%;text-align:left;position:relative;} #header .base{height:auto;box-shadow:none;} nav.secondary.sticky{position:relative;top:auto;left:auto;z-index:0;box-shadow:none;} nav.mainmenu ul li a{line-height:48px;padding:0 16px;border-top:2px Solid #ccc;} #header.sticky nav.mainmenu ul.main > li > a{line-height:48px;} nav.mainmenu > ul > li > a + div.container.mega{display:block;box-shadow:none;position:static;width:100%;margin-left:0px;padding:0px;} nav.mainmenu .mega.m1 ul{width:100%;float:none;min-height:0px;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul li{display:none;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul li.title{display:block;} nav.mainmenu .mega.cols ul li .icon{height:42px;width:42px;margin:0px;padding:0;float:left;display:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.cols ul li.title a, nav.mainmenu .mega.m2 ul li.title a, nav.mainmenu .mega.m2 ul.sub4 li.title a, nav.mainmenu .mega.m3 ul.sub1 li.title strong a{font-size:1.188rem;margin:0px !important;text-align:left;text-transform:capitalize;display:block;width:100%;padding-left:32px;border-bottom:none;} nav.mainmenu .mega.m3 ul.sub1{display:none;} nav.mainmenu .mega.cols ul li.title a{padding-left:32px;} nav.mainmenu .mega.m1 ul li.title a:hover:after{display:none;} nav.mainmenu .mega.cols ul li a{line-height:48px;padding-left:48px;} nav.mainmenu .mega.m1 ul li a{margin-left:0px !important;} nav.mainmenu .mega.m1 ul li a:before{display:none;} nav.mainmenu .mega.m2 .mlc, nav.mainmenu .mega.m2 ul.sub4{float:none;width:100%;} nav.mainmenu .mega.m2 ul li .icon{display:none;} nav.mainmenu .mega.m2 ul li p{display:none;} nav.mainmenu .mega.m2 ul li.viewall{display:none;} nav.mainmenu .mega.m2 ul li.title a{} nav.mainmenu .mega.m2 ul li .mport{display:none;} nav.mainmenu .mega.m2 ul li{padding:0px;} nav.mainmenu .mega.m2 ul.sub4{padding-left:0px;border-left:0px;} nav.mainmenu .mega.m3 ul li.xitem, nav.mainmenu .mega.m3 ul li.viewall{display:none;} nav.mainmenu .mega.m3 ul.sub1, nav.mainmenu .mega.m3 ul.sub2, nav.mainmenu .mega.m3 ul.sub3{width:100%;border:none;float:none;} nav.mainmenu .mega.m3 ul{padding:0px;} nav.mainmenu .mega.m3 ul.sub2 li a, nav.mainmenu .mega.m3 ul.sub3 li a{margin:0px;display:block;padding-left:32px;} nav.mainmenu .mega.m3 ul li a:before{display:none;} nav.mainmenu > ul > li > a.level1.active{background-color:#1F2b4a;color:#fff;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul li.title a:after, nav.mainmenu > ul > li > a.level1:after{display:block !important;opacity:1;content: '\25be';height: 48px;width: 48px;line-height: 48px;text-align: center;position: absolute;top: 0px;right: 0px;bottom:auto;font-size: 1.375rem !important;color: #1F2b4a;z-index:999;background:transparent;left:auto;} nav.mainmenu > ul > li > a.level1.active:after{content: '\25b4';color:#fff;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul li.title a.active:after{content: '\25b4';color:#fff;} .mega.m1 ul.ltblue li.title a.active{background-color:#238FBE;color:#fff;} .mega.m1 ul.active.ltblue li a{background-color:#238FBE;color:#fff;} .mega.m1 ul.active.teal li a{background-color:#13958d;color:#fff;} .mega.m1 ul.active.berry li a{background-color:#A50050;color:#fff;} .mega.m1 ul.active.red li a{background-color:#e03c31;color:#fff;} .mega.m1 ul.active.green li a{background-color:#689400;color:#fff;} nav.mainmenu .mega.cols ul li a{display:block;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul.active li{display:block;} #header.sticky nav.mainmenu ul li a.level1{line-height:48px;} nav.mainmenu .mega.m3 ul.sub2 li a, nav.mainmenu .mega.m3 ul.sub3 li a, nav.mainmenu ul li a{font-size:1.188rem !important;} /*DECREASE HEADER SIZE ON STICKY */ #header.sticky .base{height:auto;} #header.sticky .base a.logo{margin:10px 0;height:60px;width:60px;margin-left:16px;} #header nav.mainmenu > ul > li > a:hover strong:after{display:none;} nav.mainmenu .mega.m2 ul li.title a, nav.mainmenu .mega.m3 ul.sub1 li.title strong a{pointer-events:all;} nav.mainmenu .mega.m3 ul.sub2 li a:after, nav.mainmenu .mega.m3 ul.sub3 li a:after{display:none;} nav.mainmenu .mega.m1 ul li.title a strong:after{display:none;} nav.mainmenu > ul > li > a + div.container.mega.m1{margin-left:0px;width:100%;max-width:100%;} nav.mainmenu .mega.m1 ul{border-right:none !important;} nav.mainmenu .mega.m3.solutionsnav ul.sub1{width:100%;} nav.mainmenu .mega.m3.solutionsnav ul.sub2{width:100%;border-left:none;border-right:none;} nav.mainmenu .mega.m3.solutionsnav ul.sub3{display:none;} nav.mainmenu .mega.m3.aboutnav ul.sub1{width:100%;} nav.mainmenu .mega.m3.aboutnav ul.sub2{display:none;} nav.mainmenu .mega.m3.aboutnav ul.sub3{width:100%;border-right:none;} nav.mainmenu .mega.m3.aboutnav ul.sub4{width:100%;} nav.mainmenu .mega.m3.aboutnav ul.sub4 li a{display:block;width:100%;margin-left:0px;margin-bottom:0px;padding-left:32px} nav.mainmenu .mega.m3.aboutnav ul.sub1{display:block;} nav.mainmenu .mega.m3.aboutnav ul.sub1 p{display:none;} nav.mainmenu>ul>li>a+div.container.mega.resourcesnav{padding-top:0px;} nav.mainmenu .resourcesnav ul:first-child + ul{padding:0;} nav.mainmenu .mega.m3.aboutnav ul.sub1, nav.mainmenu .mega.m3.aboutnav ul.sub3, nav.mainmenu .mega.m3.aboutnav ul.sub4, nav.mainmenu .mega.m3.resourcesnav ul.sub2, nav.mainmenu .mega.m3.solutionsnav ul.sub2{min-height:0;} } nav.mainmenu .searchbox_mobile{display:none;} nav.mainmenu .topnav_mobile{display:none;} @media (max-width: 760px) { #header nav.topnav ul.right{display: none;} /*#header nav.topnav{display:none;}*/ /*#header{border-top:8px Solid #1F2b4a;}*/ /*Touchscreen Readiness*/ #header nav.topnav ul.left li a{height:48px;width:48px;padding:14px;} #header nav.topnav{height:48px;padding:0px;padding-left:16px;} nav.mainmenu .social{display:none;} nav.mainmenu .searchbox_mobile{display:block;height:48px;background-color:#238FBE;color:#fff;position:relative;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .searchbox_mobile input[type=text]{background-color:transparent;border:none;appearance:none;color:#333; font-size:1.175rem;line-height:48px;font-weight:500;letterspacing:1; outline:0;width:100%;padding-left:48px;} nav.mainmenu .searchbox_mobile label{display:none;} nav.mainmenu .searchbox_mobile input[type=text]:focus{/*border-bottom:1px Solid #238FBE;*/} nav.mainmenu .searchbox_mobile input[type=text]::-webkit-input-placeholder {color: #002449;} nav.mainmenu .searchbox_mobile input[type=text]:-ms-input-placeholder {color: #002449;} nav.mainmenu .searchbox_mobile input[type=text]:placeholder {color: #002449;} nav.mainmenu .searchbox_mobile input[type=text]:focus::-webkit-input-placeholder {color: rgba(0,36,73,.75);} nav.mainmenu .searchbox_mobile input[type=text]:focus:-ms-input-placeholder {color: rgba(0,36,73,.75);} nav.mainmenu .searchbox_mobile input[type=text]:focus::placeholder {color: rgba(0,36,73,.75);} nav.mainmenu .searchbox_mobile .icon{height:48px;width:48px;position:absolute;top:0px;left:0px;padding:12px;} nav.mainmenu .searchbox_mobile .icon svg{fill:#002449;width:100%;} nav.mainmenu .topnav_mobile{display:block;height:48px;background-color:#1F2b4a;} nav.mainmenu .topnav_mobile ul{float:none;} nav.mainmenu .topnav_mobile ul, .topnav_mobile ul li{display:block;list-style:none;padding:0px;margin:0px;} nav.mainmenu .topnav_mobile ul li{display:inline-block;width:auto;border:none;text-align:center;} nav.mainmenu .topnav_mobile ul li:first-child{margin-left:0px;} nav.mainmenu .topnav_mobile ul li a{display:block;text-decoration:none;color:#fff;font-size:1rem !important;line-height:48px;border:none;} nav.mainmenu .topnav_mobile ul li a svg{fill:#fff;transition:all .25s ease-in-out;} nav.mainmenu .topnav_mobile ul li a:hover{text-decoration:underline;} nav.mainmenu .topnav_mobile ul li a:hover svg{fill:#29abe2;} nav.mainmenu .topnav_mobile ul li a span.icon{float:left;display:block;height:16px;width:16px;margin:2px 4px 0px 0px;} nav.mainmenu ul.main > li:first-child > a{border-top:2px Solid #002449;} } @media (max-width: 350px) { nav.mainmenu .topnav_mobile ul li a{padding:0 8px;} } /* NAV STRIPE RESPONSIVE */ @media (max-width: 1024px){ nav.mainmenu .mega.m1 ul.stripe{background-color:#fff;padding:0;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul.stripe li{display:block;text-align:left;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m1 ul.stripe li a{color:#1F2b4a;padding-right:0px;text-transform: Capitalize;line-height: 48px;display: block;} nav.mainmenu .mega.m1 ul.stripe li a:after{display:none;} nav.mainmenu .mega.cols ul.stripe li a{padding-left:32px;} nav.mainmenu .mega.cols ul.stripe li a span{display:none;} } /*INDUSTRIES MENU start*/ nav.mainmenu > ul > li > a + div.container.mega.industrynav{display:none; /* padding-top:8px; */} nav.mainmenu .industrynav>ul{padding:0 32px;width:25%;float:left; border-right: 1px Solid #CCC; height: 270px;} nav.mainmenu .industrynav>ul:last-child { border-right: none;} nav.mainmenu .industrynav ul ul {padding-top: 8px;} nav.mainmenu .industrynav ul li{display:block;width:100%;text-align:left;} nav.mainmenu .industrynav ul li.title{padding-bottom: 8px;} nav.mainmenu .industrynav ul li a {padding-bottom: 0px;padding-left: 18px;font-size: 1rem;line-height: 32px;position: relative;display: inline-block;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .industrynav ul li.title a {font-size: 1.25rem;text-transform: capitalize;line-height: 1.4;padding: 0;} nav.mainmenu .industrynav ul.sub1 li.title a{ font-size:1.5rem;text-transform:uppercase; font-family:Montserrat; } /* To add arrow before links */ nav.mainmenu .industrynav ul li a:before {display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left: -20px;transition: all .25s ease-in-out;} nav.mainmenu .industrynav ul li.title a:before {display:none;} /* To add underline on hover the links */ nav.mainmenu .industrynav ul.sub2 li a:after, nav.mainmenu .industrynav ul.sub3 li a:after, nav.mainmenu .industrynav ul.sub4 li a:after { content: '';display: inline-block; background-color: #A50050; width: 0%; height: 2px;position: absolute;left: 50%;bottom: 0;transition: all .25s ease-in-out;} nav.mainmenu .industrynav ul.sub2 li a:hover:after, nav.mainmenu .industrynav ul.sub3 li a:hover:after, nav.mainmenu .industrynav ul.sub4 li a:hover:after {width: calc(100% - 20px);left: 20px;} nav.mainmenu .industrynav ul li.title a:hover:after { width: 100%;left: 0;} nav.mainmenu .industrynav ul li.title p{font-size:1rem;} nav.mainmenu .industrynav ul li a:hover:before {color: #A50050;transform: scale(1.5);} /*nav.mainmenu .mega.industrynav ul li.viewall a{padding-bottom:0px;}*/ nav.mainmenu .mega.industrynav ul li.viewall a:before{bottom:0; background-color:#A50050;margin-left: 0px;transform: none;} @media (max-width: 1250px) { nav.mainmenu .industrynav>ul { height: 325px;} /* To adjust the gray border height */ } @media (max-width: 1024px) { nav.mainmenu .industrynav>ul{width:100%;float:none;padding:0;border:none; height: auto;} nav.mainmenu .industrynav>ul:first-child{display:none;} nav.mainmenu .industrynav ul ul {padding-top: 0;} nav.mainmenu .industrynav ul li { display: none;} nav.mainmenu .industrynav ul li a { display: block ;line-height: 48px ;padding-left: 48px;} nav.mainmenu .industrynav ul.active li a {color: #fff;} nav.mainmenu .industrynav ul li.title { padding: 0;display: block;} nav.mainmenu .industrynav ul li.title a { padding-left: 32px; line-height: 48px;} nav.mainmenu .industrynav ul li a:before , nav.mainmenu .industrynav ul li a:after, nav.mainmenu .industrynav ul li a:hover:after {display:none !important;} nav.mainmenu > ul > li > a + div.container.mega.industrynav {padding-top: 0px;} nav.mainmenu > ul > li > a + div.container.mega.industrynav ul.active li { display: block; background: #A50050; color: #fff;} nav.mainmenu .industrynav ul li.title a:after {display: block !important;opacity: 1;content: '\25be';height: 48px;width: 48px !important;line-height: 48px;text-align: center;position: absolute;top: 0px;right: 0px !important;left: unset !important;bottom: auto;font-size: 1.375rem;color: #1F2b4a;z-index: 999;background: transparent;left: auto;} nav.mainmenu .industrynav ul li.title a.active:after {content: '\25b4'; color: #fff;} } /*INDUSTRIES MENU end*/ @media (max-width: 500px) { nav.mainmenu .topnav_mobile ul li a{padding:0 8px;} nav.mainmenu .topnav_mobile ul li a span.icon{display:none;} } @media (max-width: 355px) { nav.mainmenu .topnav_mobile ul li a{font-size:0.938rem !important;padding:0 6px;} nav.mainmenu .topnav_mobile ul, .topnav_mobile ul li{text-align:center;} } @media (max-width: 320px) { nav.mainmenu .topnav_mobile ul li:first-child + li{display:none;} } /*###############################################################################################################*/ /*## NAVIGATION UPDATES MAY 2022 ################################################################################*/ /*###############################################################################################################*/ nav.mainmenu .mega.m1 ul.green{border-right:1px Solid #CCC;} nav.mainmenu .mega.industrynav .mport a{display:block;height:96px;width:96px;margin-right:16px;margin-bottom:16px;line-height:1;float:left;} nav.mainmenu .mega.industrynav .mport img{display:block;height:96px;width:96px;} nav.mainmenu .mega.industrynav .mport a strong{display:block;color:#1F2b4a;font-weight:bold;width:96px;text-align:center;text-transform:uppercase;font-size:0.875rem;margin-top:6px;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.industrynav .mport:after{content:'';clear:both;display:block;float:none;} nav.mainmenu .mega.industrynav .title .mport a{pointer-events:all;} nav.mainmenu .mega.m2 .mlc{width:100%;float:none;padding:0 32px;} nav.mainmenu > ul > li > a + div.container.mega.m2{max-width:600px;left:50%;margin-left:-385px;padding-bottom:16px;} nav.mainmenu .mega ul.sub2 li.viewall a{margin-bottom:0px;} nav.mainmenu .mega.m1 ul.sub1 li a {margin-left: 19.6%;} nav.mainmenu .mega.m1 ul.sub2 li a {margin-left: 30%;} /*nav.mainmenu .mega.m1 ul.sub3 li a {margin-left: 26%;}*/ nav.mainmenu .mega.m1 ul.sub4 li a {margin-left: 26.1%;} /*Correction for extra long title*/ nav.mainmenu .mega.m1 ul.sub3 li a {margin-left: 22%;} nav.mainmenu .mega.m1 ul.sub3 li:last-child a{line-height:1.25;padding-top: 6px;} /* nav.mainmenu .mega.m1 ul.sub5.prodlink li:before{display:none;} nav.mainmenu .mega.m1 ul.sub5.prodlink li a:before{display:none;} nav.mainmenu .mega.m1 ul.sub5.prodlink li a{text-transform:none;line-height:1.25;display:block;width:190px;padding:0;margin:0px auto;} nav.mainmenu .mega.m1 ul.sub5.prodlink li.image a{margin-left:0px auto;width:160px;height:160px;margin-top:16px;} nav.mainmenu .mega.m1 ul.sub5.prodlink li.image a img{display:block;width:100%;width:160px;margin:0px auto;margin:0px auto;margin-top:16px;} */ nav.mainmenu .mega.m1 ul{min-height:246px;} nav.mainmenu > ul > li > a + div.container.mega.m1{padding-bottom:32px;} @media (max-width: 1250px) { nav.mainmenu .mega.industrynav .mport a, nav.mainmenu .mega.industrynav .mport img{height:80px;width:80px;} nav.mainmenu .mega.industrynav .mport a strong {width: 80px;font-size: 0.75rem;} } @media (max-width: 1024px) { nav.mainmenu .mega.m1 ul{min-height:0;} nav.mainmenu > ul > li > a + div.container.mega.m1{padding-bottom:0px;} nav.mainmenu .mega.m2 .mlc{padding:0px;} nav.mainmenu > ul > li > a + div.container.mega.m2 {max-width: 100%;left: auto;margin-left:0px;padding-bottom: 0px;} nav.mainmenu .mega.m1 ul.sub3 li:last-child a{line-height:48px;padding-top:0px;} } @media (max-width: 360px) { nav.mainmenu .mega.m1 ul.sub3 li:last-child a{line-height:1.25;padding-top:8px;padding-bottom:8px;} } /*ADJUSTMENTS FOR RESULTS NAV*/ nav.mainmenu .mega.m2 ul li.title a{pointer-events:auto;} nav.mainmenu .mega.m2 ul li.title a strong{position:relative;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m2 ul li.title a strong:after{display:inline-block;content:'';height:2px;background-color:#1F2b4a;position:absolute;bottom:-4px;width:0%;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega.m2 ul li.title a:hover strong:after{width:100%;left:0px;} nav.mainmenu .mega.m2 ul.orange li.title a strong:after{background-color:#DB6300;} nav.mainmenu .mega.m2 ul.teal li.title a strong:after{background-color:#13958d;} nav.mainmenu .mega.m2 ul li.viewall.orange a:before{background-color:#DB6300;} nav.mainmenu .mega.m2 ul li.viewall.teal a:before{background-color:#13958d;} @media (max-width: 1024px) { nav.mainmenu .mega.m2 ul li.title a strong:after{display:none;} } /*MOBILE MENU UPDATES 20240507 JG*/ @media (max-width: 1024px) { #header ul li.mshow1024:first-child {display: block !important;} #header nav.mainmenu ul li.mshow1024:first-child a {padding-left: 32px;background: #fff;color: #1F2b4a;} } /*UPDATES TO REMOVE ICONS FROM MEGA MENU 20240711*/ nav.mainmenu .mega.cols ul li.title a{text-align:left;display:block;margin:0px !important;} nav.mainmenu .mega.m1 ul.sub1 li a{margin-left:16px;} nav.mainmenu .mega.m1 ul.sub2 li a{margin-left:16px;} nav.mainmenu .mega.m1 ul.sub3 li a{margin-left:16px;} nav.mainmenu .mega.m1 ul.sub4 li a{margin-left:16px;} nav.mainmenu .mega.m1 ul{padding-left:32px;} nav.mainmenu .mega.m1 ul{min-height:160px;} nav.mainmenu .mega.m1 ul.sub2{width:22%;} nav.mainmenu .mega.m1 ul.sub3{width:28%;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m1.cols ul li.title a{font-size: 1.25rem;text-transform: capitalize;line-height: 1.4;padding: 0;margin-bottom:6px !important;} @media (max-width: 1024px) { nav.mainmenu .mega.m1 ul{min-height:0px;} nav.mainmenu .mega.m1 ul{padding-left:0px;} nav.mainmenu .mega.m1 ul.sub2{width:100%;} nav.mainmenu .mega.m1 ul.sub3{width:100%;} nav.mainmenu .mega.m1.cols ul li.title a{font-size: 1.188rem;text-transform: capitalize;line-height: 48px;padding-left:32px;margin-bottom:0px !important;} } /*############################################################################################### */ /*### HEADER OVERRIDE 2025 ##################################################################### */ /*############################################################################################### */ body{font-family:Montserrat;} #header nav.topnav ul.left{display:none;} #header .base a.logo{height: 64px;width: 64px;margin:8px 0px 8px -10px;} #header.sticky .base a.logo{height: 64px;width: 64px;margin:-2px 0px 0px -10px;} #header nav.topnav{background-color:#fff;} #header nav.topnav ul.right li a span.icon{display:none;} #header nav.topnav ul.right li:last-child a span.icon{display:block;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ #header nav.topnav ul li a{color:#002449;letter-spacing:1px;font-size:1rem;font-weight:600;text-transform:uppercase;} #header nav.topnav ul.right li{margin-left:3rem;} #header nav.topnav ul li a svg{fill:#002449;} #header nav.topnav ul li a:hover svg{fill:#002449;} #header .base{background-color:#002449;color:#fff;background: linear-gradient(45deg, rgba(0,33,67,1) 0%, rgba(0,36,73,1) 33.3%, rgba(0,70,119,1) 100%);} #search-trigger + .searchbox{background-color:#009DDB;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu ul li > a.level1{color:#fff;letter-spacing:1px;font-size:1.175rem;font-weight:600;text-transform:uppercase;} nav.mainmenu > ul > li > a.level1:after{} nav.mainmenu ul li > a.level1 strong{font-weight:600;appearance:none} #header nav.mainmenu > ul > li > a.level1 strong:after{background-color:#009DDB;} #header .base a.logo svg .navy{fill:transparent;} nav.mainmenu > ul > li > a.level1:after{color:#fff;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m1.cols ul li.title a{font-size:1.175rem;} nav.mainmenu .mega.m1.cols ul li.title a strong{font-weight:600;} nav.mainmenu .mega.m1 ul li.title a strong:after{background-color:#009DDB !important;} nav.mainmenu .mega.m1 ul li a:before{display:none;} nav.mainmenu .mega.m1 ul.sub1 li a{margin-left:0;} nav.mainmenu .mega.m1 ul.sub2 li a{margin-left:0;} nav.mainmenu .mega.m1 ul.sub3 li a{margin-left:0;} nav.mainmenu .mega.m1 ul.sub4 li a{margin-left:0;} nav.mainmenu .mega.m1 ul{/*border-color:#009DDB !important;*/} nav.mainmenu .mega.m1 ul {min-height:192px} nav.mainmenu .mega.cols ul li a{line-height:40px;font-weight:500;} nav.mainmenu .industrynav ul li a:before{display:none;} nav.mainmenu .industrynav ul li a{margin-left:0;padding-left:0;font-weight:500;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .industrynav ul li.title a{font-weight:600;font-size:1.175rem;} nav.mainmenu .industrynav ul.sub1 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;letter-spacing:1px;font-weight:700;} nav.mainmenu .industrynav ul li.title a strong{font-weight:600;} nav.mainmenu .industrynav ul li.title p{color:#002449;font-size:1rem;margin-bottom:1rem;} nav.mainmenu .industrynav ul.sub2 li a:hover:after, nav.mainmenu .industrynav ul.sub3 li a:hover:after, nav.mainmenu .industrynav ul.sub4 li a:hover:after{width:100%;left:0;} nav.mainmenu .industrynav ul.sub2 li a:after, nav.mainmenu .industrynav ul.sub3 li a:after, nav.mainmenu .industrynav ul.sub4 li a:after{background-color:#009DDB;} nav.mainmenu .industrynav > ul{height:auto;min-height:310px;} nav.mainmenu .industrynav > ul > ul + ul{padding-top:16px;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3.solutionsnav ul li.title a{font-weight:700;font-size:1.175rem;} nav.mainmenu .mega.m3.solutionsnav ul.sub1 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;font-size:1.5rem;letter-spacing:1px} nav.mainmenu .mega.m3.solutionsnav ul.sub1 li.title strong{font-weight:700;} nav.mainmenu .mega.m3.solutionsnav ul.sub3 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;font-size:1.5rem;letter-spacing:1px} nav.mainmenu .mega.m3.solutionsnav ul.sub3 li.title strong{font-weight:700;} nav.mainmenu .mega.m3.solutionsnav ul.sub1 li.title p{color:#002449;font-size:1rem;margin-bottom:1rem;} nav.mainmenu .mega.m3.solutionsnav ul li.viewall a:before{background-color:#009DDB;} nav.mainmenu .mega.m3 ul.sub2 li a:before, nav.mainmenu .mega.m3 ul.sub3 li a:before{display:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a{padding-left:0;font-weight: 600;font-size: 1.175rem;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3.resourcesnav ul li.title a{font-weight:700;font-size:1.175rem;} nav.mainmenu .mega.m3.resourcesnav ul.sub1 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;font-size:1.5rem;letter-spacing:1px} nav.mainmenu .mega.m3.resourcesnav ul.sub1 li.title strong{font-weight:600;} nav.mainmenu .mega.m3.resourcesnav ul.sub1 li.title p{color:#002449;} nav.mainmenu .mega.m3.resourcesnav ul.sub2 li a, nav.mainmenu .mega.m3.resourcesnav ul.sub3 li a {padding-left: 0px;margin-left: 0px;font-size:1.175rem;} nav.mainmenu .mega.m3.resourcesnav ul.sub1{width:55%;} nav.mainmenu .mega.m3.resourcesnav ul.sub2{width:22.5%;} nav.mainmenu .mega.m3.resourcesnav ul.sub3{width:22.5%;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3.aboutnav ul li.title a{font-weight:700;font-size:1.175rem;} nav.mainmenu .mega.m3.aboutnav ul.sub1 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;font-size:1.5rem;letter-spacing:1px} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;font-size:1.5rem;letter-spacing:1px} nav.mainmenu .aboutnav ul li.title p{color:#002449;font-size:1rem;margin-bottom:1rem;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.xitem a{padding:0;background-color:transparent;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.xitem{margin-bottom:16px;} nav.mainmenu .mega.m3.aboutnav ul.sub3 li a{margin-left:0;font-size:1.175rem;} nav.mainmenu .mega.m3.aboutnav ul.sub4 li a{margin-left:0;font-size:1.175rem;} nav.mainmenu .mega.m3.aboutnav ul.sub4 li a:before{display:none;} nav.mainmenu .mega.m3.aboutnav ul.sub1 p{color:#002449;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.contactnav ul.sub1 li.title strong a{font-weight:700;font-size:1.5rem;letter-spacing:1px;margin-bottom:1rem;} nav.mainmenu .mega.m3.contactnav ul.sub1 li.title a{display:block;line-height:1.25;margin-bottom:1rem;padding-top:6px;font-size:1.5rem;letter-spacing:1px} nav.mainmenu .contactnav ul li.title p{color:#002449;font-size:1rem;margin-bottom:1rem;} nav.mainmenu .contactnav ul li.title p br{display:none;} nav.mainmenu .mega.contactnav ul.sub2 li a, nav.mainmenu .mega.contactnav ul.sub3 li a{padding-left:0;margin:0;font-size:1.175rem;display:inline-block;} nav.mainmenu .mega.contactnav ul.sub2 li a:before, nav.mainmenu .mega.contactnav ul.sub3 li a:before{display:none;} nav.mainmenu .mega.contactnav ul.sub1{width:40%;} nav.mainmenu .mega.contactnav ul.sub2{width:30%;} nav.mainmenu .mega.contactnav ul.sub3{width:30%;} nav.mainmenu .mega.contactnav ul.sub1{width:40%;} nav.mainmenu .mega.contactnav ul.sub2{width:30%;} nav.mainmenu .mega.contactnav ul.sub3{width:30%;} /*HEADER ROLLOVERS*/ nav.mainmenu ul li a{color:#002449;font-weight:600;} nav.mainmenu .mega ul li:not(.title):not(.viewall):not(.featuredsolution) a{color:#002449;position:relative;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega ul li:not(.title):not(.viewall):not(.featuredsolution) a:after{content:'';background-color:#009DDB !important;width:0%;position:absolute;height:1px;bottom:2px;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega ul li.xitem:not(.title):not(.viewall):not(.featuredsolution) a:after{content:'';background-color:#009DDB !important;width:0%;position:absolute;height:1px;bottom:-8px;left:50%;transition:all .25s ease-in-out;} nav.mainmenu .mega ul li:not(.title):not(.viewall):not(.featuredsolution) a:hover:after{background-color:#009DDB !important;width:100%;left:0px;} nav.mainmenu .mega.m1 ul.sub3 li:last-child a{} nav.mainmenu .mega.m1 ul li:not(.title):not(.featuredsolution) a:after{bottom:6px;} nav.mainmenu .mega.m1 ul.sub3 li:last-child a{line-height:40px;padding-top:0;} /*MEGA MENU UPDATES*/ nav.mainmenu .mega.m3 ul li.title strong a, nav.mainmenu .mega ul li.title a{color:#004677;} nav.mainmenu .mega.m3 ul li.viewall a, nav.mainmenu .mega ul li.viewall a{color:#004677 !important;} nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a{color:#004677;} nav.mainmenu .mega.m3.resourcesnav ul.sub2 li a, nav.mainmenu .mega.m3.resourcesnav ul.sub3 li a{color:#004677;} nav.mainmenu .mega.m3.aboutnav ul.sub3 li a,nav.mainmenu .mega.m3.aboutnav ul.sub4 li a{color:#004677;} nav.mainmenu .mega.contactnav ul.sub2 li a, nav.mainmenu .mega.contactnav ul.sub3 li a{color:#004677;} nav.mainmenu .mega.contactnav ul.sub2 li:not(.title):not(.viewall):not(.featuredsolution) a{color:#004677;} nav.mainmenu .mega.contactnav ul.sub3 li:not(.title):not(.viewall):not(.featuredsolution) a{color:#004677;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega ul li.viewall a{text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;position:relative;line-height:1;color:#004677;} nav.mainmenu .mega ul li.viewall a:after{white-space: nowrap;content: '\279E'; font-size: 1.25rem; line-height: 1.25rem; display: inline; margin-left:6px;position: relative; top: 0px;transition: all .25s ease-in-out;font-weight:500; width:26px;background-color:transparent !important;} nav.mainmenu .mega ul li.viewall a:before{content: ''; display: block; width: 0%; left:50%; background-color: #009DDB !important;transition: all .25s ease-in-out; position: absolute; bottom: -0.5rem !important; height: 2px;} nav.mainmenu .mega ul li.viewall a:hover:before{width:calc(100% - 18px);left:0px;} nav.mainmenu .mega ul li.viewall a:after{height:12px;width:12px; display: inline-block;margin-left:6px;} nav.mainmenu .mega ul li.viewall a:after{content:url('data:image/svg+xml,');} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3 ul li.viewall a{text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;position:relative;line-height:1;color:#004677;} nav.mainmenu .mega.m3 ul li.viewall a:after{white-space: nowrap;content: '\279E'; font-size: 1.25rem; line-height: 1.25rem; display: inline; margin-left:6px;position: relative; top: 0px;transition: all .25s ease-in-out;font-weight:500; width:26px;} nav.mainmenu .mega.m3 ul li.viewall a:before{content: ''; display: block; width: 0%; left:50%; background-color: #009DDB !important;transition: all .25s ease-in-out; position: absolute; bottom: -0.5rem; height: 2px;} nav.mainmenu .mega.m3 ul li.viewall a:hover:before{width:calc(100% - 18px);left:0px;} nav.mainmenu .mega.m3 ul li.viewall a:after{height:12px;width:12px; display: inline-block;margin-left:6px;white-space:nowrap;display:inline-block;} nav.mainmenu .mega.m3 ul li.viewall a:after{content:url('data:image/svg+xml,');} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a{text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:1px;text-transform:uppercase;position:relative;line-height:1;color:#004677;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:after{white-space: nowrap;content: '\279E'; font-size: 1.25rem; line-height: 1.25rem; display: inline; margin-left:6px;position: relative; top: 0px;transition: all .25s ease-in-out;font-weight:500; width:26px;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:before{content: ''; display: block; width: 0%; left:50%; background-color: #009DDB !important;transition: all .25s ease-in-out; position: absolute; bottom: -0.5rem; height: 2px;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:hover:before{width:calc(100% - 18px);left:0px;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:after{height:12px;width:12px; display: inline-block;margin-left:6px;} nav.mainmenu .mega.m3.aboutnav ul.sub2 li.viewall a:after{content:url('data:image/svg+xml,');} nav.mainmenu .resourcesnav ul li.title p{margin-bottom:1rem;} nav.mainmenu .mega.m3 ul li.latestArticle{margin-bottom:16px;} nav.mainmenu .mega.m3 ul li.latestArticle:hover{border-color:#efefef;} nav.mainmenu .mega.m3 ul li.latestArticle:hover a:after{display:none !important;} nav.mainmenu .mega.m3 ul li.latestArticle p a{color:#004677;font-weight:500;} /* IDC Code - featured update 20/5/2025 */ /* nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:hover {border-color: #efefef;} */ /* /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ */ nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore{text-decoration:none;font-weight:600;font-size:1rem;letter-spacing:1px;position:relative;line-height:1;color:#004677;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:after{white-space: nowrap;content: '\279E'; font-size: 1.25rem; line-height: 1.25rem; display: inline; margin-left:6px;position: relative; top: 0px;transition: all .25s ease-in-out;font-weight:500; width:26px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:before{content: ''; display: block; width: 0%; left:50%; background-color: #009DDB !important;transition: all .25s ease-in-out; position: absolute; bottom: -0.5rem; height: 2px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:hover:before{width:calc(100% - 18px);left:0px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:after{height:12px;width:12px; display: inline-block;margin-left:6px;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a.learnmore:after{content:url('data:image/svg+xml,');} /* IDC CODE - 21/5/2025 */ /* nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution:hover a.learnmore:before{left:0;} */ nav.mainmenu .mega.contactnav ul.sub1 li.title p{color:#002449;} nav.mainmenu .mega.m3.aboutnav ul.sub1{min-height:246px} nav.mainmenu .mega.m3.aboutnav ul.sub2{min-height:246px} nav.mainmenu .mega.m3.aboutnav ul.sub3{min-height:246px} nav.mainmenu .mega.m3.aboutnav ul.sub4{min-height:246px} nav.mainmenu .mega.m3.resourcesnav ul.sub1{min-height:240px} nav.mainmenu .mega.m3.resourcesnav ul.sub2{min-height:240px} @media (max-width: 1024px) { #menu-trigger svg {fill: #fff;} nav.mainmenu ul li > a.level1{color:#002449;} nav.mainmenu > ul > li > a.level1.active{background-color:#009DDB;} nav.mainmenu .mega ul li:not(.title):not(.viewall):not(.featuredsolution) a:after{display:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ nav.mainmenu .mega.contactnav ul.sub2 li:not(.title):not(.viewall):not(.featuredsolution) a, nav.mainmenu .mega.contactnav ul.sub3 li:not(.title):not(.viewall):not(.featuredsolution) a, nav.mainmenu .mega.m3.aboutnav ul.sub1 li.title a, nav.mainmenu .mega.m3.aboutnav ul.sub3 li a, nav.mainmenu .mega.m3.aboutnav ul.sub4 li a, nav.mainmenu .mega.m3.resourcesnav ul.sub2 li a, nav.mainmenu .mega.m3.resourcesnav ul.sub3 li a, nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a, nav.mainmenu .industrynav ul li.title a, nav.mainmenu .mega.m1.cols ul li.title a, nav.mainmenu .mega.m1.cols ul li.title a strong, #header nav.mainmenu ul li.mshow1024:first-child a{font-size:1.175rem !important;color:#002449;font-weight:500 !important;line-height:48px;} nav.mainmenu .mega.cols ul li a{line-height:48px} .mega.m1 ul.active.green li.title a{background-color:#efefef;} .mega.m1 ul.active.green li a{background-color:#fff;font-weight:500 !important;font-size:1.125rem !important;} .mega.m1 ul.active.teal li.title a{background-color:#efefef;} .mega.m1 ul.active.teal li a{background-color:#fff;font-weight:500 !important;font-size:1.125rem !important;} .mega.m1 ul.active.berry li.title a{background-color:#efefef;} .mega.m1 ul.active.berry li a{background-color:#fff;font-weight:500 !important;font-size:1.125rem !important;} .mega.m1 ul.active.ltblue li.title a{background-color:#efefef;} .mega.m1 ul.active.ltblue li a{background-color:#fff;font-weight:500 !important;font-size:1.125rem !important;} nav.mainmenu > ul > li > a + div.container.mega.m1 ul li.title a.active:after, nav.mainmenu > ul > li > a + div.container.mega.m1 ul li.title a:after, nav.mainmenu > ul > li > a.level1:after{color:#002449;} nav.mainmenu .industrynav ul li.title a.active:after{color:#002449;} nav.mainmenu > ul > li > a + div.container.mega.industrynav ul.active li{background-color:#fff;} nav.mainmenu > ul > li > a + div.container.mega.industrynav ul.active li.title{background-color:#efefef;} #header nav.topnav ul.right li{margin-left:1rem;} nav.mainmenu .industrynav ul.sub2 li a:after, nav.mainmenu .industrynav ul.sub3 li a:after, nav.mainmenu .industrynav ul.sub4 li a:after{background-color:transparent;} nav.mainmenu .industrynav > ul > ul + ul{padding-top:0px;} nav.mainmenu .industrynav ul li a{padding-left:48px;font-size:1.25rem !important;} nav.mainmenu .mega.m3.aboutnav ul.sub1, nav.mainmenu .mega.m3.aboutnav ul.sub2, nav.mainmenu .mega.m3.aboutnav ul.sub3, nav.mainmenu .mega.m3.aboutnav ul.sub4, nav.mainmenu .mega.m3.resourcesnav ul.sub1, nav.mainmenu .mega.m3.resourcesnav ul.sub2, nav.mainmenu .mega.m1 ul, nav.mainmenu .industrynav > ul{min-height:auto;} nav.mainmenu .mega.contactnav ul.sub2 li:not(.title):not(.viewall):not(.featuredsolution) a, nav.mainmenu .mega.contactnav ul.sub3 li:not(.title):not(.viewall):not(.featuredsolution) a, nav.mainmenu .mega.m3.resourcesnav ul.sub2 li a, nav.mainmenu .mega.m3.resourcesnav ul.sub3 li a, nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a{padding-left:32px;} nav.mainmenu .mega.contactnav ul.sub1, nav.mainmenu .mega.contactnav ul.sub2, nav.mainmenu .mega.contactnav ul.sub3, nav.mainmenu .mega.m3.resourcesnav ul.sub2, nav.mainmenu .mega.m3.resourcesnav ul.sub3{width:100%;float:none;} nav.mainmenu .mega.contactnav ul.sub2 li a, nav.mainmenu .mega.contactnav ul.sub3 li a{display:block;} #header .base a.logo, #header.sticky .base a.logo {margin: 0;height: 64px;width: 64px;top:0;margin-top:8px;margin-left:24px;} } @media (max-width: 760px) { nav.mainmenu .searchbox_mobile {background-color: #f2f2f2;} nav.mainmenu .topnav_mobile {background-color: #002449; } nav.mainmenu .topnav_mobile ul li a span.icon{display:none;} #header nav.topnav{display:none} /*#header{border-top:8px Solid #fff;}*/ body.red section.contact-stripe{background-color: #009DDB;} nav.mainmenu .topnav_mobile{min-height:48px;height:auto;} } @media (max-width: 500px) { nav.mainmenu .topnav_mobile {padding-left: 6px;} } @media (max-width: 400px) { nav.mainmenu .topnav_mobile{padding:8px 0 8px 6px} nav.mainmenu .topnav_mobile ul li a {line-height:2;} nav.mainmenu .topnav_mobile {padding-left: 10px;} } @media (max-width: 355px) { nav.mainmenu .topnav_mobile ul li:first-child + li{display:inline-block !important;} nav.mainmenu .topnav_mobile ul li a{font-size:1rem !important;padding:0 8px;} nav.mainmenu .topnav_mobile ul, .topnav_mobile ul li{text-align:left; } } /* @media (max-width: 1250px) { nav.mainmenu > ul > li > a + div.container.mega{width:calc((100%) - -60px);margin-left:-60px;} nav.mainmenu .mega.m1 ul.sub1 li a{margin-left:17%;} nav.mainmenu .mega.m1 ul.sub2 li a{margin-left:27%;} nav.mainmenu .mega.m1 ul.sub3 li a{margin-left:18%;} nav.mainmenu .mega.m1 ul.sub4 li a{margin-left:19%;} } @media (max-width: 1115px) { .searchbox .container{padding:0 16px;} .searchbox #btnSearch{right:-12px;} #header nav.topnav{padding:7px 16px;} #header .base a.logo{padding:4px;} #header .base .container{padding:0 16px;max-width:100%;} } */ nav.mainmenu .mega.m3.solutionsnav ul li.viewall a{white-space:nowrap;} @media (max-width: 1200px) and (min-width: 1025px){ #header.home nav.mainmenu > ul > li > a + div.container.mega{width:100%;margin-left:0;} #header nav.mainmenu > ul > li > a + div.container.mega{width:calc(100% + 60px);margin-left:-60px;} #header.home.sticky nav.mainmenu > ul > li > a + div.container.mega{width:calc(100% + 60px);margin-left:-60px;} } @media (max-width: 1112px) and (min-width: 1025px){ /* #header .base .container{padding-left:16px;} */ /* #header nav.mainmenu > ul > li > a + div.container.mega{width:calc(100% + 76px);margin-left:-76px;} #header.home nav.mainmenu > ul > li > a + div.container.mega{width:calc(100%);margin-left:0;} #header.home.sticky .base .container{padding-left:16px;} #header.home.sticky nav.mainmenu > ul > li > a + div.container.mega{width:calc(100% + 76px);margin-left:-76px;} */ } @media (max-width: 1024px) { /* #header .base .container{padding-left:0px;} */ nav.mainmenu .mega.m3.aboutnav ul.sub1 li.title a{letter-spacing:normal;padding-top:0;} nav.mainmenu .mega.m1 ul.sub3 li:last-child a{line-height:48px;} } @media (max-width: 1112px){ #header nav.topnav .searchbox .container{padding:0px 16px;} .searchbox #btnSearch{right:0;} } /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ /* nav.mainmenu ul.main li a, nav.mainmenu ul.main li a strong, nav.mainmenu ul.main li, nav.mainmenu ul.main li a:after, nav.mainmenu ul.main li a strong:after{font-family:Montserrat;} */ @media (max-width: 1024px){ header.home.sticky nav.mainmenu > ul > li > a + div.container.mega{margin-left:0;} } @media (max-width: 760px){ #header .base a.logo, #header.sticky .base a.logo{margin-left:12px;} #menu-trigger {margin-right: 16px;} nav.secondary:after {right:0px !important;} } /*COLORS #002449 - LOGO BLUE #004677 - CONTENT BLUE #009DDB - BRIGHT BLUE #f2f2f2 - New Gray / Silver */ /* RESET */ body,html{width:100%;font-size:100%;color:#002449;font-family:Montserrat, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-color:#fff;overflow-x:hidden;line-height:1.5;} *{margin:0px;box-sizing:border-box;} strong {font-weight:700;} /* PAGE LOADER */ #pageload{height:100%;width:100%;position:fixed;z-index:9999;background-color:#fff;} #pageload .loader{ position: relative; top: 50%; transform: translateY(-50%);margin-top:-80px;} .loader,.loader:after,.loader:before{border-radius:50%;width:2.5em;height:2.5em;-webkit-animation:load7 1.8s infinite ease-in-out;animation:load7 1.8s infinite ease-in-out}.loader{color:#CCC;font-size:0.625rem;margin:0 auto;position:relative;text-indent:-9999em;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:before{left:-3.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:3.5em}.loader:after,.loader:before{content:'';position:absolute;top:0}@-webkit-keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}}@keyframes load7{0%,100%,80%{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em 0 0}} /* ANIMATION CONTROLS*/ .scrollAnimate, .slideAnimate{opacity:0;} .scrollAnimate.animated, .slideAnimate.animated{opacity:1;} body.mobile .scrollAnimate, body.mobile .slideAnimate{opacity:1;} /*##################################################################################################################################################################################### #### STRUCTURE ######################################################################################################################################################################## ####################################################################################################################################################################################*/ .col_full { width: 100%; } .col_half { width: 48%; } .col_one_third { width: 30.63%; } .col_two_third { width: 65.33%; } .col_one_fourth { width: 22%; } .col_three_fourth { width: 74%; } .col_one_fifth { width: 16.8%; } .col_two_fifth { width: 37.6%; } .col_three_fifth { width: 58.4%; } .col_four_fifth { width: 79.2%; } .col_one_sixth { width: 13.33%; } .col_five_sixth { width: 82.67%; } .col_full, .col_half, .col_one_third, .col_two_third, .col_three_fourth, .col_one_fourth, .col_one_fifth, .col_two_fifth, .col_three_fifth, .col_four_fifth,.col_one_sixth, .col_five_sixth { display: block;position: relative;margin-right: 4%;float: left;text-align:left;} .col_full {clear: both; float: none; margin-right: 0;} .col_full:after{content:'';display:block;clear: both; float: none;} /*.col_full + .col_full{margin-top:1rem;}*/ .col_last{margin-right: 0 !important; clear: right;} header, #header, main, #content, footer, #footer, article, section{display:block;} section,.section{padding:48px 0px;background-color:#fff;} .section#hero, section#hero{padding:0px;position:relative;} main#content{background-color:#fff;position:relative;} .section.nomargin{padding:0px;} .section.notopmargin, .container + .container.notopmargin, .notopmargin{padding-top:0px;} .section.nobottommargin{padding-bottom:0px;} .section.divider{padding-bottom:0px;} /* IDC - All light gray borders should be changed to 1px in size and made #009DDB - BRIGHT BLUE. */ .section.divider .container:last-child{border-bottom:1px Solid #009DDB;padding-bottom:64px;} .section.divider + .section{padding-top:64px;} .container{max-width:1320px;margin:0px auto;padding:0px;position:relative;} .container:after, .section:after, #footer:after{content:' ';display:block;clear:both;} @media (max-width: 1384px) { .container{max-width:1384px;padding:0 32px;} /*#content .container, #footer .container, .banner .container{padding:0px 32px;}*/ } /* IDC KM 20250711 */ /* .container.small{max-width:800px;} */ .container.xsmall{max-width:680px;} .container + .container{margin-top:64px;} .listing .container + .container{margin-top:64px;} /* IDC - All light gray borders should be changed to 1px in size and made #009DDB - BRIGHT BLUE. */ .container.dividerbottom{border-bottom:1px Solid #009DDB;padding-bottom:16px;} .container.dividerbottom + .container{margin-top:32px;} .section.dkblue, section.dkblue{background-color:#002449;color:#fff;} /* IDC KM 20250711 */ .section.dkblue #arrowSelection, section.dkblue #arrowSelection{color:#002449;} .section.ltgray, section.ltgray, div.ltgray .section, .container.ltgray{background-color:#f2f2f2;} .section.green, section.green{background-color:#002449;} .section.ltgreen, section.ltgreen{background-color:#002449} /*FOR READ MORE LINKS*/ span.btnhide{position: absolute !important;clip: rect(1px, 1px, 1px, 1px);width: 1px !important;height: 1px !important;padding: 0 !important;border: 0 !important;overflow: hidden;white-space: nowrap;} /*##################################################################################################################################################################################### #### BASIC TEXT ######################################################################################################################################################################## ####################################################################################################################################################################################*/ #content p{font-size:1.188rem;margin-bottom:16px;line-height:1.5} #content h2{color:#004677;font-size:2.25rem;font-weight:300;line-height:1.25;margin-bottom:16px;} #content h3{color:#004677;font-size:2rem;font-weight:300;line-height:1.25;margin-bottom:16px;} #content h4{color:#004677;font-size:1.625rem;font-weight:300;line-height:1.25;margin-bottom:16px;} #content h5{color:#004677;font-size:1.25rem;font-weight:300;line-height:1.25;margin-bottom:16px;} #content h1 strong, #content h2 strong, #content h3 strong, #content h4 strong{font-weight:300;} #content h2.small{font-size:2rem;} #content h2.xsmall{font-size:1.75rem;} #content h2.large{font-size:3.5rem;} #content h3.small{font-size:1.75rem;} #content h3.xsmall{font-size:1.5rem;} #content h4.small{font-size:1.375rem;} #content h4.xsmall{font-size:1.125rem;} /*IMAGES*/ #content img{width:100%;display:block;height:auto;} #content img.normalize{width:auto;max-width:100%;} /*LINKS*/ /* IDC CODE - 24/4/2025 */ #content ul li a,#content ol li a,#content p a{color:#002449;text-underline-offset: .25rem;} #content nav.sidenav ul li a {font-weight: 400;} #content nav.sidenav ul li a.current {font-weight: 600;text-decoration:none;} #content .sidenav ul li:first-child a{font-weight: bold;} #content .wrapper .overlap ul li a, #content .wrapper .overlap ol li a, #content .wrapper .overlap p a{color:#fff;} #content .dkblue ul li a, #content .dkblue ol li a, #content .dkblue p a, #content .dkblue p a.arrow{color:#fff;} #content ul li a:hover, #content p a:hover, #content ol li a:hover{text-decoration:none;} /* UNORDERED LISTS */ #content ul{list-style:none;margin:0px 0px 16px 0px;padding:0px;} #content ul li{list-style:none;margin:0px 0px 8px 0px;padding:0px;position:relative;padding-left:20px;font-size:1.188rem;} /* IDC CODE - 23/4/2025 */ #content ul li:before{content: '';height: 2px;width: 2px;background-color: #004677;display: block;position: absolute;left: 4px;top: 12px;border-radius:50%;border:1px Solid #004677;} #content ul > li > ul > li:before{background-color: transparent !important;} #content .overlap .wrapper .col2slider-menu ul li:before{display: none;} /* IDC CODE - 23/4/2025 */ #content .overlap .wrapper ul li:before{background-color: #fff;border-color:#fff;} #content ul li ul {margin-top: 4px;} /*CHECK ON THIS LINE */ #content ul li:last-child{margin-bottom:0;} /* IDC CODE - 23/4/2025 news room page */ #content ul li .btnparent a:hover {color: #ffffff !important;} /* IDC CODE - 23/4/2025 */ #content .col2slider-menu ul, #content .col2slider-menu ul li {display: block;margin: 0;padding: 0;list-style: none;} #content .col2slider-menu ul li {display: inline-block;margin-right: 8px;} #content .col2slider-menu ul li a {display: block;height: 32px;width: 32px;background-color: #fff;border-radius: 50%;color: #004677 !important;font-weight: bold;text-decoration: none;border: 2px Solid #fff;text-align: center;transition: all .25s ease-in-out;} #content .col2slider-menu ul li a.active, #content .col2slider-menu ul li a.active:hover {background-color: #004677 !important;color: #fff !important;} /*COLORED ELEMENTS*/ /* #content p.dkblue, span.dkblue,#content h1.dkblue,#content h2.dkblue,#content h3.dkblue,#content p.dkblue{color:#002449;} #content p.red, span.red,#content h1.red,#content h2.red,#content h3.red{color:#004677;} #content p.ltblue, span.ltblue,#content h1.ltblue,#content h2.ltblue,#content h3.ltblue{color:#004677;} #content p.teal, span.teal,#content h1.teal,#content h2.teal,#content h3.teal, small.teal{color:#004677;} #content p.ltteal, span.ltteal,#content h1.ltteal,#content h2.ltteal,#content h3.ltteal{color:#004677;} #content p.orange, span.orange,#content h1.orange,#content h2.orange,#content h3.orange{color:#004677;} #content p.gold, span.gold,#content h1.gold,#content h2.gold,#content h3.gold{color:#004677;} #content p.green, span.green,#content h1.green,#content h2.green,#content h3.green{color:#004677;} #content p.ltgreen, span.ltgreen,#content h1.ltgreen,#content h2.ltgreen,#content h3.ltgreen{color:#83b004677d41;} #content p.berry, span.berry,#content h1.berry,#content h2.berry,#content h3.berry{color:#004677;} #content p.ltberry, span.ltberry,#content h1.ltberry,#content h2.ltberry,#content h3.ltberry{color:#004677;} */ #content h2.white{color: #fff;} #content h3.white{color:#fff;} #content h4.white{color:#fff;} #content h5.white{color:#fff;} /*SIMPLE TEXT TRANSFORMS*/ .tcenter{text-align:center;} .mcenter{text-align:center;} .tright{text-align:right;} /* NEEDED TO KEEP SERVICE MARK SANS-SERIF */ sup.servicemark{font-family: Tahoma, 'Segoe UI Symbol', Verdana, sans-serif; vertical-align: top;} /*CUSTOM WIDTHS*/ .w600{max-width:600px;margin:0px auto;margin-bottom:0px;} .w700{max-width:700px;margin:0px auto;margin-bottom:0px;} .w800{max-width:800px;margin:0px auto;margin-bottom:0px;} .w960{max-width:960px;margin:0px auto;} /* IDC CWS for tab widhth 7/29/2025 */ .mmw-1200 {min-width:900px; max-width:1200px; width:90%} /*##################################################################################################################################################################################### #### ARROW LINKS ######################################################################################################################################################################## ####################################################################################################################################################################################*/ /*#content p a.arrow, a.arrow{padding-right:32px;color:#004677;text-decoration:none;font-weight:800;text-transform:uppercase;line-height:24px;display:inline-block;font-size:1.188rem;position:relative;margin-top:16px;margin-bottom: 0;} #content p a.arrow:after, a.arrow:after{content:'\279E';font-size:1.5rem;line-height:24px;display:inline-block;position:relative;top:2px;width:28px;margin-right:-32px;padding-left:4px;transition:all .25s ease-in-out;} #content p a.arrow:before, a.arrow:before{content:'';display:block;width:0%;background-color:#004677;transition:all .25s ease-in-out;position:absolute;bottom:-4px;height:2px;left:0px;} #content p a.arrow:hover:before, a.arrow:hover:before{width:calc((100%) - 28px);} #content p a.arrow:hover:after, a.arrow:hover:after{transform:scale(1.25);} #content p a.red, a.arrow.red, #content a.arrow.red{color:#004677;} #content p a.ltblue, a.arrow.ltblue{color:#004677} #content p a.teal, a.arrow.teal{color:#004677;} #content p a.ltteal, a.arrow.ltteal{color:#004677;} #content p a.berry, a.arrow.berry{color:#004677;} #content p a.green, a.arrow.green{color:#004677;} #content p a.ltgreen, a.arrow.ltgreen{color:#004677;} #content p a.orange, a.arrow.orange{color:#004677;} #content p a.white, a.arrow.white{color:#fff;} #content ul li a.arrow.teal {color: #004677;} #content p a.arrow.red:before, a.arrow.red:before{background-color:#004677;} #content p a.arrow.ltblue:before, a.arrow.ltblue:before{background-color:#004677 ;} #content p a.arrow.teal:before, a.arrow.teal:before{background-color:#004677;} #content p a.arrow.ltteal:before, a.arrow.ltteal:before{background-color:#004677;} #content p a.arrow.berry:before, a.arrow.berry:before{background-color:#004677;} #content p a.arrow.green:before, a.arrow.green:before{background-color:#004677;} #content p a.arrow.ltgreen:before, a.arrow.ltgreen:before{background-color:#004677;} #content p a.arrow.orange:before, a.arrow.orange:before{background-color:#004677;} #content p a.arrow.white:before, a.arrow.white:before{background-color:#fff;} */ /* #content p a.arrow, a.arrow{text-decoration:none;font-weight:600;font-size:1.175rem;letter-spacing:1px;text-transform:uppercase;position:relative;line-height:1;color:#004677;} #content p a.arrow:after, a.arrow:after{white-space: nowrap;content: '\279E'; font-size: 1.5rem; line-height: 1.5rem; display: inline; margin-left:6px;position: relative; top: 2px;transition: all .25s ease-in-out;font-weight:500; width:26px;} #content p a.arrow:before, a.arrow:before{content: ''; display: block; width: 0%; left:50%; background-color: #009DDB;transition: all .25s ease-in-out; position: absolute; bottom: -0.25rem; height: 2px;} #content p a.arrow:hover:before, a.arrow:hover:before{width:calc(100% - 27px);left:0px;} #content p a.arrow:after, a.arrow:after{height:16px;width:16px; display: inline-block;margin-left:10px;} #content p a.arrow:after, a.arrow:after{content:url('data:image/svg+xml,');} */ #content p a.arrow, a.arrow{text-decoration:none;font-weight:600;font-size:1.175rem;letter-spacing:1px;text-transform:uppercase;position:relative;line-height:1;color:#004677;} #content p a.arrow:after, a.arrow:after{white-space: nowrap; display: inline-block; margin-left:8px;position: relative; top: 1.25px;transition: all .25s ease-in-out;height:16px;width:16px;} #content p a.arrow:after, a.arrow:after{content:url('data:image/svg+xml,');} #content p a.arrow:before, a.arrow:before{content:''; display: block; width: 0%; left:50%; background-color: #009DDB;transition: all .25s ease-in-out; position: absolute; bottom: -0.25rem; height: 2px;} #content p a.arrow:hover:before, a.arrow:hover:before{width:calc(100% - 27px);left:0px;} #content p a.arrow:has(.btnhide):after, a.arrow:has(.btnhide):after{margin-left:3px;} #content a.arrow.white{color:#fff;} #content a.arrow.white:after{content:url('data:image/svg+xml,');} /* IDC CODE - 25/4/2025 */ #content .overlap p a.arrow:after, #content .overlap a.arrow:after{content:url('data:image/svg+xml,');} #content .overlap.dkblue p a.arrow:before{background-color: #fff;} /* IDC CODE - 23/4/2025 - Start */ #content .overlap p a.red, .overlap a.arrow.red{color:#fff;} #content .overlap p a.ltblue, .overlap a.arrow.ltblue{color:#fff} #content .overlap p a.teal, .overlap .arrow.teal{color:#fff;} #content .overlap p a.ltteal, .overlap .arrow.ltteal{color:#fff;} #content .overlap p a.berry, .overlap .arrow.berry{color:#fff;} #content .overlap p a.ltberry, .overlap .arrow.ltberry{color:#fff;} #content .overlap p a.green, .overlap .arrow.green{color:#fff;} #content .overlap p a.ltgreen, .overlap .arrow.ltgreen{color:#fff;} #content .overlap p a.orange, .overlap .arrow.orange{color:#fff;} #content .overlap p a.white, .overlap .arrow.white{color:#fff;} #content .overlap ul li a.arrow.teal {color: #fff;} /* IDC CODE - 25/4/2025 */ #content .overlap-careers p a.ltblue, body.ltblue #content ol.square li:before {color: #004677;} #content .overlap p a.arrow.red:before, .overlap a.arrow.red:before{background-color:#fff;} #content .overlap p a.arrow.ltblue:before, .overlap a.arrow.ltblue:before{background-color:#fff ;} #content .overlap p a.arrow.teal:before, .overlap a.arrow.teal:before{background-color:#fff;} #content .overlap p a.arrow.ltteal:before, .overlap a.arrow.ltteal:before{background-color:#fff;} #content .overlap p a.arrow.berry:before, .overlap a.arrow.berry:before{background-color:#fff;} #content .overlap p a.arrow.ltberry:before, .overlap a.arrow.ltberry:before{background-color:#fff;} #content .overlap p a.arrow.green:before, .overlap a.arrow.green:before{background-color:#fff;} #content .overlap p a.arrow.ltgreen:before, .overlap a.arrow.ltgreen:before{background-color:#fff;} #content .overlap p a.arrow.orange:before, .overlap a.arrow.orange:before{background-color:#fff;} /* IDC CODE - 23/4/2025 - End */ /* IDC CODE - 30/5/2025 */ /* report pages charts helper class */ #content .pt-0 {padding-top:0;} #content .pb-0 {padding-bottom:0;} #content .pl-32 {padding-left: 32px;} #content .pr-32 {padding-right: 32px;} #content .mt-32 {margin-top: 32px;} #content .mb-32 {margin-bottom: 32px;} #content .mt-16 {margin-top: 16px;} #content .mb-16 {margin-bottom: 16px;} #content .mb-0 {margin-bottom: 0 !important;} #content p strong.arrow, strong.arrow{letter-spacing:-1px;color:#004677;text-decoration:none;font-weight:600;text-transform:uppercase;line-height:24px;display:inline-block;font-size:1.25rem;} #content p strong.arrow:after, strong.arrow:after{content:'\00bb';font-size:1.5rem;line-height:24px;display:inline-block;margin-left:8px;position:relative;top:0px;transform:scale(1);transition:all .25s ease-in-out;} /*##################################################################################################################################################################################### #### ICONS ######################################################################################################################################################################## ####################################################################################################################################################################################*/ .ibox{text-decoration:none;display:block;text-align:center;} .ibox .icon{background-color:#004677;border-radius:50%;height:96px;width:96px;margin:0px auto;padding:12px;} .ibox .icon svg{fill:#fff;} .ibox strong{font-size:1.25rem;font-weight:800;display:inline-block;text-decoration:none;line-height:1.25;white-space:pre-line;margin-top:16px;font-weight:500;Position:relative;color:#004677;} .ibox strong + p{text-decoration:none;color:#002449;margin-top:8px;} .ibox strong:after{content:'';display:inline-block;background-color:#004677;width:0%;height:2px;position:absolute;bottom:-6px;left:50%;transition:all .25s ease-in-out;} a.ibox:hover strong:after{width:100%;left:0px;} .ibox .icon + p{margin-top:8px;} .icon.center{margin:0px auto;} .ibox .icon.left{margin:0px;} .ileft .icon, .ibox .icon, .ibox strong:after{background-color:#004677;} /* .ileft.dkblue .icon, .ibox.dkblue .icon, .ibox.dkblue strong:after{background-color:#004677;} .ileft.red .icon, .ibox.red .icon, .ibox.red strong:after{background-color:#004677;} .ileft.ltblue .icon, .ibox.ltblue .icon, .ibox.ltblue strong:after{background-color:#004677;} .ileft.teal .icon, .ibox.teal .icon, .ibox.teal strong:after{background-color:#004677;} .ileft.orange .icon, .ibox.orange .icon, .ibox.orange strong:after{background-color:#004677;} .ileft.gold .icon, .ibox.gold .icon, .ibox.gold strong:after{background-color:#004677;} .ileft.green .icon, .ibox.green .icon, .ibox.green strong:after{background-color:#004677;} .ileft.berry .icon, .ibox.berry .icon, .ibox.berry strong:after{background-color:#004677;} */ /*##################################################################################################################################################################################### #### OVERLAPS ######################################################################################################################################################################## ####################################################################################################################################################################################*/ #content .overlap{background-size:cover;background-position:center;padding-bottom:0px;padding-top:128px;word-break:break-word;background-color:#002449;} /* TO FIX WCAG TEXT CLIP ISSUE REMOVED OVERFLOW PROPERTIES AND ADDED WORD BREAK */ #content .overlap .wrapper{background-color:rgba(0,36,73,.97);text-align:left;padding:32px 0;} #content .overlap h3{font-size:2.25rem;color:#fff;} #content .overlap h3.large{font-size:2.625rem;} #content .overlap p{font-size:1.188rem;color:#fff;max-width:760px;margin:0px auto;} #content .overlap li{color:#fff;} #content .overlap.tleft .wrapper{text-align:left;} #content .tleft p{text-align:left !important;max-width:760px;margin:0;margin-bottom:16px;} #content .tleft{text-align:left !important;} #content .overlap.vwrap{padding:0;} #content .overlap.vwrap .wrapper{width:45%;float:right;padding:96px 32px;} #content .overlap.vwrap.left .wrapper{width:480px;float:left;padding:96px 32px;} #content .overlap.vwrap .wrapper.left{width:40%;float:left;padding:0px 32px 32px 32px;} #content .overlap.vwrap.qwrap .wrapper{padding:0px 32px 32px 32px;} .overlap .col_one_fourth{color:#fff;font-size:1.25rem;text-align:center;} .overlap .col_one_fourth strong{font-size:2.25rem;display:block;font-weight:800;} .overlap .col_one_fifth{color:#fff;font-size:1.25rem;text-align:center;} .overlap .col_one_fifth strong{font-size:2.25rem;display:block;font-weight:800;} #content .overlap p.small{font-size:0.938rem;line-height:1.25;color:#fff;font-style:italic;} #scrolltotop{display:none;} @media (max-width: 1024px) { #scrolltotop{display:block;height:50px;width:50px;background-color:rgba(31,42,72,.75);color:rgba(255,255,255,.75);text-decoration:none;position:fixed;bottom:32px;right:32px;border-radius:50%;font-size:3.125rem;text-align:center;opacity:0;pointer-events:none;transition:all .25s ease-in-out;background-color:#002449;color:#fff;} #scrolltotop.sticky{opacity:1;pointer-events:all;} #scrolltotop svg{fill:rgba(255,255,255,.75);fill:#fff;height:50px;width:50px;position:relative;top:-8px;padding:16px;} #scrolltotop.invert{background-color:#fff;} #scrolltotop.invert svg{fill:#002449;} } /*CTAFOOTER ACCENTS PULLED FROM XML*/ body.home span.accent, body.home #content p a.arrow.accent{color:#004677;} body.ltblue span.accent, body.ltblue #content p a.arrow.accent{color:#004677;} body.red span.accent, body.red #content p a.arrow.accent{color:#004677;} body.teal span.accent, body.teal #content p a.arrow.accent{color:#004677;} body.green span.accent, body.green #content p a.arrow.accent{color:#004677;} body.orange span.accent, body.orange #content p a.arrow.accent{color:#004677;} body.gold span.accent, body.gold #content p a.arrow.accent{color:#004677;} body.berry span.accent, body.berry #content p a.arrow.accent{color:#004677;} /* IDC CODE - 02/05/2025 color changed*/ body.home #content p a.arrow.accent:before{background-color:#009DDB;} body.ltblue #content p a.arrow.accent:before{background-color:#009DDB;} body.red #content p a.arrow.accent:before{background-color:#009DDB;} body.teal #content p a.arrow.accent:before{background-color:#009DDB;} body.green #content p a.arrow.accent:before{background-color:#009DDB;} body.orange #content p a.arrow.accent:before{background-color:#009DDB;} body.gold #content p a.arrow.accent:before{background-color:#009DDB;} body.berry #content p a.arrow.accent:before{background-color:#009DDB;} /* IDC CODE - 05/06/2025 */ #content .resource-feed {box-shadow: 1px 1px 5px #0003;display: block;padding: 0; list-style: none; border: 1px Solid #ccc !important; background-color: #fff;} #content .resource-feed p.restype {display: block; margin-bottom: 5px; font-weight: 600;padding: 0 8px;} #content .resource-feed h4 {display: block; font-size: 1.188rem; font-weight: 300; padding: 0 8px !important; margin-bottom: 16px; text-decoration: none; padding-top: 0px;line-height: 1.25; } #content .resource-feed h4 a {display: block; color: #004677; text-decoration: none;padding-bottom: 40px;} #content .resource-feed h4 a:hover{display:block;color:#004677;text-decoration:underline;} /* IDC CODE - 05/06/2025 */ #content .resource-feed h3 {display: block; font-size: 1.188rem; font-weight: 300; padding: 0 8px !important; margin-bottom: 16px; text-decoration: none; padding-top: 0px;line-height: 1.25; } #content .resource-feed h3 a {display: block; color: #004677; text-decoration: none;padding-bottom: 40px;} #content .resource-feed h3 a:hover{display:block;color:#004677;text-decoration:underline;} #content .resource-feed a.readmore{display: block;background-color: #f2f2f2;padding: 0px 8px;line-height: 32px;font-size:.95rem;font-weight: bold;color: #004677; margin-bottom: 0px;transition: all .25s ease-in-out;position: absolute;bottom: 0px;left: 0px;width: 100%;text-decoration: none;} #content .resource-feed a.readmore:hover{color:#002449;} #content .resource-feed a.readmore:after {content: '\25b8';position: absolute;top: 0px;right: 8px;font-size: 1.1875rem;display: block;line-height: 32px;} /*########################################################################################################################################################*/ /*####### RESPONSIVE #####################################################################################################################################*/ /*########################################################################################################################################################*/ @media (max-width: 1112px) { #content .resource-feed h4.case-study {letter-spacing: -1px;} } @media (max-width: 1024px) { #content h2{font-size:2rem;} #content h2.large{font-size:3rem;} #content h2.small{font-size:1.75rem;} #content p a.arrow, a.arrow{font-size:1.188rem;} } @media (max-width: 960px) { #content .overlap.vwrap.qwrap .wrapper{width:60%;} } @media (max-width: 800px) { .ctafooter .container .col_three_fourth:first-child{display:block;width:100%;clear:both;float:none;} } @media (max-width: 760px) { #content .overlap h3.large{font-size:1.75rem;} #content .overlap h3{font-size:1.75rem;} #content .ctafooter .col_half.col_last img{display:none;} #content .container, #footer .container, .banner .container{padding:0px 16px;} #content .resource-feed h4 {margin-bottom: 60px!important;} } @media (max-width: 760px) { section, .section{padding:32px 0;} #content h2{font-size:1.75rem;} #content h2.large{font-size:2rem;} #content h3{font-size:1.625rem;} #content h4{font-size:1.375rem;} #content h5{font-size:1.25rem;} #content .overlap.vwrap .wrapper{width:100%;float:none;margin:0px;padding:32px 16px;} #content .overlap.vwrap .wrapper br{display:none;} #content section.overlap.right .container{padding:0px;} #content .section.overlap.vwrap {padding-top:256px;} .section.overlap {padding-top:64px;} /*#content .col_one_fifth{display:block;float:none;width:100%;margin:0px;margin-bottom:32px;}*/ #content .col_half{display:block;float:none;width:100%;clear:both;margin-right:0px;margin-bottom:32px;} #content .col_half.col_last{margin-bottom:0px;} #content .col_half ul:last-child{margin-bottom:0px;} #content .container, #footer .container, .banner .container{padding:0px 16px;} #content h2.large{font-size:2rem;} .mhide{display:none;} /*VERTICAL WRAP*/ #content .section.overlap.vwrap.left .wrapper{width:100%;float:none;margin:0px;padding:32px 16px 0px 16px;} #content .section.overlap.vwrap.left .wrapper br{display:none;} #content .section.overlap.left .container{padding:0px;} #content .section.overlap.vwrap.left{padding-top:256px;} #content .section.overlap.vwrap.left{padding-top:64px;} } /*case study items*/ /* IDC CODE - 23/4/2025 */ #content .section .container .col_one_third.csitem, #content .section .container .csitem{padding:0px !important;border:1px Solid #ccc !important;margin-bottom:32px !important;} #content .section .container .tabcontent .csitem {border: 1px solid #009DDB !important;} #content .csitem img {margin-bottom: 16px;} #content .csitem h3{padding: 0 16px;} #content .csitem p{padding: 0 16px;margin-bottom:16px;} #content .csitem a.arrow .csitem{margin-bottom: 16px;} /*FIX CTA FOOTER*/ #content .ctafooter h2{text-transform:lowercase;} #content .ctafooter h2::first-letter{text-transform:uppercase;} /*STICKY FOOTER CONTACT STRIPE*/ section.contact-stripe {background-color:#009DDB;display:none;position:fixed;bottom:0px;width:100%;z-index:999;height:60px;padding:0;padding-top:16px;} .contact-stripe p{margin: 0px !important;text-align:center;} section.contact-stripe.enable{position:static;} section.contact-stripe a.arrow{font-weight:bold;color:#fff;} section.contact-stripe a.arrow:after{content:url('data:image/svg+xml,');} body.dkblue section.contact-stripe{background-color:#009DDB;} body.ltblue section.contact-stripe{background-color:#009DDB;} body.red section.contact-stripe{background-color:#009DDB;} body.teal section.contact-stripe{background-color:#009DDB;} body.green section.contact-stripe{background-color:#009DDB;} body.orange section.contact-stripe{background-color:#009DDB;} body.gold section.contact-stripe{background-color:#009DDB;} body.berry section.contact-stripe{background-color:#009DDB;} @media(max-width: 760px){ section.contact-stripe{display:block;} } @media (max-width: 365px) { #content .contact-stripe p a.arrow{padding-right:0px;} .contact-stripe p br{display:block;} } /*FOR KETCH COOKIE BANNER*/ body #lanyard_root * .ketch-max-w-\[560px\] {max-width:760px;} body #lanyard_root * .sm\:ketch-items-end { align-items:stretch;} body #lanyard_root * .ketch-items-start img {display:none;} body #lanyard_root * .ketch-items-start .ketch-gap-2 {gap:0;} #content .section.gradient-ltblue {background-color: #ffffff; background-image: linear-gradient(90deg, rgba(0,157,219,0.2)2%, rgba(149,216,219,0.2)28%, rgba(221,242,250,0.2)50%, rgba(156,217,241,0.2)70%, rgba(0,157,219,0.2)100%);} /* IDC cws moved page level style for consumer-and-retail/_grocery 7/16/2025 */ #content .col2-slide p.marginbottom {margin-bottom: 0px; font-weight: 800;} .col2-slide h3.link a {text-decoration: none; color: #004677 !important;} .col2-slide h3.link a:hover, h3.link a:active{text-decoration: underline!important;} @media (max-width: 760px){ .col2-slide {display: flex;flex-direction: column-reverse;} #content .col2-slide p.marginbottom {margin-bottom: 7px;} #content .col2-slide h3.link{font-size: 1.5rem;} #content .col2-slide .paddingtop {padding-top: 15px;} } /* IDC cws moved page level style for consumer-and-retail/retail 7/16/2025 */ #content .section.imgintro .overlap .wrapper {padding: 32px 64px;} #content .overlap .blockquotep {padding-left: 2rem;} /* IDC cws moved page level style for transportation-and-logistics 7/16/2025 */ .overlap-comply-with-sec-reg-bi {background-image: url(https://www.rrd.com/img/careers/explore-our-facilities-and-offices-around-the-world.jpg)} #content p.resource-type {margin-bottom:0;} #content p.nomarginbottom {margin-bottom: 0;} #content .colfull-icon .container + .container {margin-top: 32px;} #content .colfull-icon .ileft.nomarginbottom {margin-bottom: 0px;} #content .colfull-icon .ileft .icon.mbicon1 {margin-bottom: 42px;} #content .colfull-icon .ileft {margin-bottom: 20px;} @media (max-width: 1113px){ #content .colfull-icon .ileft .icon.mbicon2 {margin-bottom: 32px;} } /* IDC CWS for tab widhth 7/29/2025 */ @media (max-width: 900px) { .mmw-1200 {min-width:0; width:100%} } @media (max-width: 927px) { #content .colfull-icon .ileft .icon.mbicon1 {margin-bottom: 72px;} } @media (max-width: 840px) { #content .colfull-icon .ileft .icon.mbicon3 {margin-bottom: 32px;} } @media (max-width: 827px) { #content .colfull-icon .ileft .icon.mbicon2 {margin-bottom: 42px;} } @media (max-width: 795px) { #content .colfull-icon .ileft .icon.mbicon1 {margin-bottom: 108px;} } @media (max-width: 689px) { #content .colfull-icon .ileft .icon {width: 100%; max-width: 96px; float: none; clear: both; margin: 0 auto;} #content .colfull-icon .ileft .icon.mbicon1, #content .colfull-icon .ileft .icon.mbicon2, #content .colfull-icon .ileft .icon.mbicon3, #content .colfull-icon .ileft .icon {margin-bottom: 20px;} #content .colfull-icon .ileft {margin-bottom: 32px;} } /* IDC CWS rfid and smart labels page level style moved 7/17/2025 */ #content .w800 { max-width: 800px; margin: 0px auto 16px auto; } /* section#hero .fast-facts{display:flex;position:absolute;bottom:0;width:100%;min-height:112px;justify-content: center;align-items: center;} section#hero .fast-facts div.ff-item{width:25%;text-align:center;font-size:1rem; text-transform:uppercase;font-weight:400;line-height:1;letter-spacing:2px;;} section#hero .fast-facts div.ff-item strong{display:block;font-size:3rem;font-weight:400;margin-bottom:.25rem;} section#hero .fast-facts div.ff-item br{display:none;} */ /* section#hero .fast-facts { display: flex; width: 100%; min-height: 112px; justify-content: center; align-items: center; padding: 0 2rem; color: #fff; } section#hero.brand-creative .fast-facts {padding: 0 1rem; } section#hero .fast-facts div.ff-item { width: 25%; text-align: center; font-size: 1rem; text-transform: uppercase; font-weight: 400; line-height: 1; letter-spacing: 2px; max-width: 270px; color: #fff; } section#hero .fast-facts div.ff-item strong { display: block; font-size: 3rem; font-weight: 400; margin-bottom: .25rem; } section#hero { background-size: cover; background-position: center; } .ff-content { background-image: radial-gradient(circle, #009ddb, #0d7cb5, #0e5c90, #083f6c, #002449); text-align: center; padding: 2rem; } #hero .ff-content h2, #hero .ff-content h3, #hero .ff-content h4 { color: #fff; } */ /* @media(max-width: 850px){ section#hero .fast-facts div.ff-item span span{display:none;} section#hero .fast-facts div.ff-item{width:auto;margin-right:8.5%;text-align:center;} section#hero .fast-facts div.ff-item:last-child{margin-right:0;} /* section#hero.brand-creative .fast-facts {display: grid; gap: 30px 30px; grid-template-columns: auto auto auto;padding:1rem 2rem;} *//* section#hero.brand-creative .fast-facts {display: grid; grid-template-columns: repeat(3, 1fr) ;gap: 30px 30px; padding:10px;} section#hero.brand-creative .ff-item:nth-child(4){grid-column: span 2;} section#hero.brand-creative .ff-item:nth-child(5) {grid-column-start: 3;} } @media(max-width: 760px){ section#hero .fast-facts div.ff-item{margin-right:7%;} #hero .ff-content h2, #hero .ff-content h3, #hero .ff-content h4 {text-align:center;} section#hero .fast-facts div.ff-item strong{font-size:2rem;letter-spacing:2px;} } @media(max-width: 680px){ /* IDC commented *//* /* section#hero .container{margin-top:-80px;} *//* section#hero .fast-facts{min-height:100px;} section#hero .fast-facts div.ff-item{font-size:.85rem;} /* section#hero.brand-creative .fast-facts {gap: 30px 30px;} *//* } @media(max-width: 580px){ section#hero .fast-facts div.ff-item{margin-right:1.5rem;} } @media(max-width: 500px){ section#hero .fast-facts div.ff-item{margin-right:1rem;} section#hero .fast-facts {flex-direction: column;} section#hero .fast-facts div.ff-item {margin-right:0; padding:20px} section#hero.brand-creative .fast-facts {display: flex; gap: 10px; flex-direction: column; padding:0} } @media(max-width: 460px){ section#hero .fast-facts div.ff-item{font-size:.7725rem;letter-spacing:0px;} section#hero .fast-facts div.ff-item strong{font-size:1.75rem;letter-spacing:1px;} } @media(max-width: 370px){ /* section#hero .fast-facts div.ff-item{margin-right:1rem;} *//* section#hero .fast-facts div.ff-item strong{font-size:1.6rem;} } */ /*##################################################################################################################################################################################### #### FOOTER - 2025 ########################################################################################################################################################################### #####################################################################################################################################################################################*/ /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ #footer {background-color: #002449;color:#fff;padding: 5rem 0 0px 0;font-size:1rem;} #footer .container + .container {margin-top:0px;} #footer .logo svg .white{fill:#fff;} #footer .logo svg .navy{fill:#002449;} /* footer-logo-contact */ #footer > .footer-logo-contact:first-child {display: flex;justify-content: space-between;align-items: center;} #footer .footer-logo-contact .left {display: flex;align-items: center;gap: 3rem;} #footer .footer-logo-contact .right {margin-left: auto;margin-bottom:auto;} #footer .footer-logo-contact .logo.round{max-width:96px;width:96px;height:96px;margin-right: 0;} #footer .footer-logo-contact .phone {font-size:1.5rem;font-weight:600;} #footer .footer-logo-contact .phone a{display:block;color:#fff;text-decoration:none;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ #footer .phone span{display:block;font-weight:300;font-size:1rem;} #footer address{display:block;font-style:normal;font-weight:300;margin-top:8px;} /* IDC KM - 20250711 font-family removed font-family: Montserrat;*/ #footer a.footer-btn-contact{display: inline-block;font-size: 1.175rem;text-transform: uppercase;padding: 0 1.5rem;line-height: 3rem;background-color: #002449;border: 2px Solid #fff;letter-spacing: 2px;text-decoration: none;transition: all .25s ease-in-out;color: #fff;font-weight:600;} #footer a.footer-btn-contact:hover{background-color: #fff;color: #002449;} /* Social //REMOVED 20250513 #footer .right ul.social {display: flex;justify-content: center;align-items: center;} #footer ul.social li{display:inline-block;} #footer ul.social li a{display:block;text-decoration:none;color:#fff;height:48px;width:48px;padding:14px;} #footer ul.social li a svg{fill:#fff;transition:all .25s ease-in-out;} #footer ul.social li a:hover svg{fill:#29abe2;} */ /* Fatmenu flinks */ #footer .footer-fatmenu{display:grid;grid-template-columns: repeat(auto-fit, minmax(0, 1fr));padding-top: 3rem;gap: 0 1.5rem;} #footer .flinks ul, #footer .flinks ul li{display:block;list-style:none;padding:0;margin:0;} /* IDC CWS line-height increased */ #footer .flinks ul li a{display:block;color:#fff;text-decoration:none;line-height:1.5rem;margin-bottom:8px;text-underline-offset: .25rem;} #footer .flinks ul li a:hover{text-decoration:underline;} #footer .flinks ul li strong a{text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:1.125rem;position:relative;display:inline-block;padding-bottom:8px;margin-bottom:8px;line-height:1;} #footer .footer-fatmenu .flinks ul li strong a:after{content:'';background-color:#009DDB;width:0%;position:absolute;height:1px;bottom:-2px;left:50%;transition:all .25s ease-in-out;} #footer .footer-fatmenu .flinks ul li strong a:hover:after{width:100%;left:0px;} #footer .flinks ul li strong a:hover{text-decoration:none;} #footer .container.footer-disclogo {display: flex;justify-content: flex-end;padding: 3rem 0;} .disclogo {display: flex;justify-content: flex-end;} #footer .footer-main-disclaimer{padding:3rem 0;background-color: #fff;color:#002449;text-align:center;font-size:.75rem;line-height:1.5;} #footer .footer-main-disclaimer ul, #footer .disclaimer ul li{display:block;list-style:none;padding:0;margin:0;} #footer .footer-main-disclaimer ul{margin-bottom:1rem;} #footer .footer-main-disclaimer ul li{display:inline-block;} #footer .footer-main-disclaimer ul li:after{content:'|';margin:0 .5rem;} #footer .footer-main-disclaimer ul li:last-child:after{display:none;} #footer .footer-main-disclaimer ul li a{text-decoration:none;color:#002449;font-weight:600;text-underline-offset: .25rem;font-size:.875rem;} #footer .footer-main-disclaimer ul li a:hover{text-decoration:underline;} #footer .footer-main-disclaimer p{line-height:1.75;} /* GLOBAL FOOTERS*/ #footer .footer-global{position:relative;padding-bottom:3rem;} #footer .footer-global .logo svg{fill:#fff;height:80px;} #footer .footer-global .logo{fill:#fff;} #footer .footer-global a{text-underline-offset: .25rem;color:#fff;} #footer .footer-global a:hover{text-decoration:none;} #footer .footer-global .disclogo{position:absolute;bottom:3rem;right:0px;padding:0;} #footer .footer-global + .footer-main-disclaimer .container{max-width:100%;} @media (max-width: 1112px){ #footer .container.footer-disclogo{padding:3rem 2rem;} #footer .footer-global.container{padding-bottom: 3rem;margin:0;max-width: 100%;} #footer .footer-global .disclogo{right:2rem;} } @media (max-width: 1024px){ .flinks:nth-child(3) {grid-row: 2;grid-column: 1;} #footer .footer-fatmenu{grid-template-rows: 180px;} #footer:has(.footer-global){padding-bottom:0px;} } @media (max-width: 760px){ #footer{padding-top:3rem;} #footer > .footer-logo-contact{display:none;} #footer .footer-logo-contact .right{display:none;} #footer > .footer-logo-contact:first-child{display:block;} #footer .footer-logo-contact .left{max-width:420px;margin:0px auto;} #footer .footer-fatmenu{display:none;} #footer .container.footer-disclogo{justify-content: center;padding:1.5rem 2rem;} #footer .container.footer-disclogo img{width:100%;max-width:338px;} #footer .footer-main-disclaimer{padding:1.5rem 0;} #footer .footer-main-disclaimer ul { max-width: 550px; margin:0px auto;margin-bottom:1.5rem; } #footer .footer-main-disclaimer p br:not(:first-child){display:none;} #footer .footer-global .logo{text-align:center;margin:0;} #footer .footer-global .contact-link{text-align:center;} #footer .footer-global .disclogo {position:static;text-align:center;display:block;margin-top:2rem;} #footer .footer-global .disclogo img{width:100%;max-width:338px;} #footer .footer-global.container{padding-bottom:1.5rem;} } @media (max-width: 450px){ #footer .footer-logo-contact .logo.round{margin:0px auto 3rem auto;} #footer .footer-main-disclaimer p br{display:none;} #footer .footer-logo-contact .left{display:block;text-align:center;} } /* #footer .footer-disclaimer p {text-align: center; font-size: .75rem;color: #004677;} #footer .disclaimer ul li a:hover{text-decoration:underline;} #footer .disclaimer ul li:after{content:'|';margin:0 8px; display:none;} #footer .disclaimer ul li:last-child:after{display:none;} #footer .disclaimer ul li.mshow{display:none;} #footer .disclaimer ul li.mbar:after{display:none;} #footer .disclaimer ul li a{display:block;line-height:2;min-width:48px;color:#004677;text-decoration:none;font-size:1rem;font-weight: 600;} #footer .disclaimer ul li a:after{content:'|';margin:0 8px;} #footer .disclaimer ul li:last-child a:after{display:none;} */ /* Responsive */ /* @media (max-width: 1112px) { #content .container, #footer .container, .banner .container {padding: 0px 32px;} .flinks:nth-child(5) {grid-row: 2;grid-column: 4;} } @media (max-width: 1112px){ #footer .footer-logo-contact.container{padding-bottom:28px;} #footer .footer-fatmenu.container{padding-top:32px;padding-bottom:30px;} #footer .footer-disclaimer.container{padding-top:30px} #footer .footer-disclaimer.disclaimer.container ul{padding-top:0px;} #footer .disclogo img{width:200px;height:14px;right:16px;} } @media (max-width: 1000px){ #footer .phone span{font-size:0.875rem;} #footer .phone span br{display:block;clear:none;} } @media (max-width: 950px){ #footer .disclogo img{width:auto;height:auto;position:static;margin-bottom:12px;max-width:300px;} } @media (max-width: 875px) { #footer .disclaimer ul li.mshow{display:inline-block;} #footer .disclaimer ul li.mbar:after{display:inline;} } @media (max-width: 820px) { #footer a.footer-btn-contact{width:100%; padding:16px 0;} } @media (max-width: 760px) { #footer .footer-fatmenu {display: none;} #footer .footer-fatmenu.container{display:none;} #footer .footer-logo-contact .right {display: none;} .left{gap: 2.5rem;} #content .container, #footer .container, .banner .container {padding: 0px 16px;} #footer > .container:first-child{justify-content: center;} .disclogo {justify-content: center;padding: 1.5rem 0 2rem 0} #footer{padding-bottom: 0;} #footer .footer-logo-contact .phone{margin-top:0px;margin-bottom:8px;} #footer .footer-disclaimer.container{padding-top:0px} #footer {padding-top:32px;} #footer .disclaimer ul li a{font-size:1rem !important;line-height: 1;margin-bottom: 1rem;} #footer .disclaimer{text-align:center;padding: 32px 16px;} .disclaimer br{display:none;} .disclaimer p{font-size:0.75rem !important; max-width:100%;} } @media (max-width: 420px){ #footer .disclogo img{max-width:300px;height:auto;width:100%;} #footer .footer-logo-contact .logo.round{display:block;float:none;margin:0px auto 0px auto;max-width:64px;padding-bottom:32px;top:auto;height:auto;} #footer .footer-logo-contact .phone{text-align:center;} #footer .footer-logo-contact address{text-align:center;} #footer .footer-logo-contact.container{padding-bottom:0px;} #footer .disclaimer ul li a {line-height: 1.25;} .left{gap: 0rem;flex-direction: column;text-align: center;} #footer .disclaimer ul li:nth-child(2) a:after, #footer .disclaimer ul li:nth-child(4) a:after, #footer .disclaimer ul li:nth-child(5) a:after {content: unset;} } @media (max-width: 360px){ #footer .phone{margin-left:0px;} #footer address{margin-left:0px;} } */ /*############################################################################################### */ /*### HERO / INTRO ############################################################################## */ /*############################################################################################### */ body.home section.section{padding:5rem 0;position:relative;} body.home section#hero{display:flex;justify-content: center;align-items: center;} body.home section#hero{padding-top:112px;padding-bottom:112px;background-color:#69CBD0;} body.home section#hero{background: linear-gradient(90deg, rgba(0,157,219,.35) 0%, rgba(105,203,208,.35) 15%, rgba(255,255,255,.5) 47.5%, rgba(255,255,255,.5) 52.5%, rgba(105,203,208,.35) 85%, rgba(0,157,219,.35) 100%);} section#hero{position:relative;} section#hero .container{text-align:center;margin-top:-64px;} section#hero .logo{height:128px;width:128px;margin:0px auto;margin-bottom:64px;} section#hero .logo svg .navy {fill: #002449;} section#hero .logo svg .white {fill: #fff;} section#hero h1{font-family:Montserrat;font-weight:300;color:#002449;text-transform:uppercase;font-size:3rem;line-height:1.25;letter-spacing:2px;} section#hero .fast-facts{display:flex;position:absolute;bottom:0;width:100%;min-height:112px;justify-content: center;align-items: center;padding:0 2rem;} section#hero .fast-facts div.ff-item{width:25%;text-align:center;font-size:1rem; text-transform:uppercase;font-family:Montserrat;font-weight:400;line-height:1;letter-spacing:2px;max-width:270px;} section#hero .fast-facts div.ff-item strong{display:block;font-size:3rem;font-weight:400;margin-bottom:.25rem;} section#hero .fast-facts div.ff-item br{display:none;} section#hero .angle{position:absolute;top:0;left:0;width:auto;} section#hero .angle svg{height:100%; fill: none;stroke: #009DDB;stroke-linecap: square;stroke-miterlimit: 10;stroke-width:.25px;opacity:.5;} section#hero .angle.right{left:auto;right:0;} section#hero .angle.left{} body.home section#hero{height:880px;max-height:880px;} section#hero .angle{height:880px;max-height:880px;} @media(max-width: 1580px){ section#hero .angle.left{left:-10%} section#hero .angle.right{right:-10%;} } @media(max-width: 1335px){ section#hero .angle.left{left:-15%} section#hero .angle.right{right:-15%;} } @media(max-width: 1224px){ section#hero .angle.left{left:-20%} section#hero .angle.right{right:-20%;} } @media(max-width: 1110px){ section#hero .angle.left{left:-25%} section#hero .angle.right{right:-25%;} } @media(max-width: 1024px){ section#hero .logo{display:none;} body.home section#hero{height:512px;max-height:512px;overflow:hidden;} section#hero .angle{height:calc(512px + 112px);max-height:inherit;top:-56px;} section#hero .angle.left{left:50%;margin-left:-540px;} section#hero .angle.right{right:50%;margin-right:-540px;} section#hero .logo{height:96px;width:96px;margin-bottom:48px;} section#hero h1{font-size:2rem;} section#hero .container{margin-top:-112px;} } @media(max-width: 850px){ section#hero .fast-facts div.ff-item span span{display:none;} section#hero .fast-facts div.ff-item{width:auto;margin-right:12.5%;text-align:center;} section#hero .fast-facts div.ff-item:last-child{margin-right:0;} } @media(max-width: 820px){ section#hero h1{font-size:1.75rem;} body.home section#hero{height:480px;max-height:480px;} section#hero .angle{height:calc(480px + 112px);} section#hero .angle.left{margin-left:-488px;} section#hero .angle.right{margin-right:-488px;} } @media(max-width: 760px){ section#hero .fast-facts div.ff-item{margin-right:10%;} } @media(max-width: 680px){ section#hero .container{margin-top:-80px;} section#hero .fast-facts{min-height:80px;} section#hero .fast-facts div.ff-item{font-size:.85rem;} section#hero .fast-facts div.ff-item strong{font-size:2rem;letter-spacing:2px;} body.home section#hero{height:auto;padding-top:144px;padding-bottom:144px;} section#hero .angle{height:314px;max-height:inherit;top:-40px;} section#hero .angle.left{left:50%;margin-left:-390px;} section#hero .angle.right{right:50%;margin-right:-390px;} } @media(max-width: 580px){ section#hero h1{font-size:1.5rem;max-width:310px;} section#hero h1 br{display:none;} section#hero .angle{height:360px;} section#hero .angle.left{left:50%;margin-left:-350px;} section#hero .angle.right{right:50%;margin-right:-350px;} section#hero .fast-facts div.ff-item{margin-right:2.5rem;} } @media(max-width: 500px){ section#hero .fast-facts div.ff-item{margin-right:2rem;} } @media(max-width: 460px){ section#hero .fast-facts div.ff-item{font-size:.7725rem;letter-spacing:0px;margin-right:8%;} section#hero .fast-facts div.ff-item strong{font-size:1.75rem;letter-spacing:1px;} section#hero h1 > br:last-of-type{display:block;} body.home section#hero {height: auto;padding-top: 128px;padding-bottom: 128px;} section#hero h1{max-width:260px;} section#hero .angle.left{left:50%;margin-left:-300px;} section#hero .angle.right{right:50%;margin-right:-300px;} } @media(max-width: 370px){ section#hero .fast-facts div.ff-item{margin-right:1rem;} section#hero .fast-facts div.ff-item strong{font-size:1.6rem;} } /*############################################################################################### */ /*### C O M M O N ############################################################################### */ /*############################################################################################### */ main#content h2{color:#004677;font-family:Montserrat;font-weight:300;letter-spacing:1px;text-transform:none;font-size:2.25rem;margin-bottom:1rem;} body.home #content p{font-size:1.175rem;color:#002449;font-family:Montserrat;font-weight:400;line-height:2rem;} body.home div.dkblue, body.home section.dkblue{background-color:#002449;color:#fff;background: linear-gradient(45deg, rgba(0,33,67,1) 0%, rgba(0,36,73,1) 33.3%, rgba(0,70,119,1) 100%);} body.home main#content div.dkblue h2, body.home main#content section.dkblue2 h2, body.home main#content section.dkblue h2{color:#fff;} body.home main#content div.dkblue p, body.home main#content section.dkblue2 p, body.home main#content section.dkblue p{color:#fff;} body.home section.gray{background-color:#f2f2f2;} body.home section.dkblue2{background-color:#004677;color:#fff;} .container.flex{display:flex;justify-content: center;align-items: center;} body.home #content .container p:last-child{margin-bottom:0px;} .col75{width:60%;padding-right:3rem;} .col25{width:40%;padding-left:3rem;} #content p.arrow a{font-family:Montserrat;text-decoration:none;font-weight:600;font-size:1.175rem;letter-spacing:1px;text-transform:uppercase;position:relative;line-height:1;color:#004677;} #content p.arrow a:after{white-space: nowrap;content: '\279E'; font-size: 1.5rem; line-height: 1.5rem; display: inline; margin-left:6px;position: relative; top: 2px;transition: all .25s ease-in-out;font-weight:500; width:26px;} #content p.arrow a:before{content: ''; display: block; width: 0%; left:50%; background-color: #009DDB;transition: all .25s ease-in-out; position: absolute; bottom: -0.25rem; height: 2px;} #content p.arrow a:hover:before{width:calc(100% - 27px);left:0px;} #content p.arrow a:after{height:16px;width:16px; display: inline-block;margin-left:10px;} #content p.arrow a:after{content:url('data:image/svg+xml,');} main#content .xmt{margin-top:3rem;} /*############################################################################################### */ /*### I R I D I O ############################################################################### */ /*############################################################################################### */ section.section.iridio .logo {max-width: 400px; margin-bottom: 1.5rem;} section.section.iridio .logo svg {fill:#ffff;} body.home .section.iridio{padding: 0;display: flex;overflow: hidden;} section.section.iridio p strong{font-weight:600;} section.section.iridio .col65{padding:5rem 0;} section.section.iridio .col65 {width:85%;margin-left: auto;padding-left: 10rem;} /* #content section.section.iridio h2{max-width:550px;} */ #content section.section.iridio h2, #content section.section.iridio p, #content section.section.iridio p.arrow a {color:#ffff !important} #content .iridio p.arrow a:after{content:url('data:image/svg+xml,');} /* Updated on 15th of April 2025 from IDC */ section.section.iridio .col65 p em{font-weight: 600;} /* section.section.iridio {background: linear-gradient(to right, #306e95, #306e95, #3e7a9d, #6f9db6);background-blend-mode: color;overflow: hidden;} .iridio .container{background: url('/img/home2025/water-splash.png') no-repeat;background-position: right center;background-size: contain;} @media(max-width: 1024px){ section.section.iridio .col65{position: relative;width: 50%;z-index: 1;} .iridio .container{background-position: 100% 50%;} } @media(max-width: 900px){ .iridio .container{background-size: cover;background-position: left 250px center;} section.section.iridio .col65{width: 75%;} } @media(max-width: 688px){ .iridio .container{background-position: left 100px center;} section.section.iridio .col65{width: 70%;} section.section.iridio .icon {width: 250px;} } @media(max-width: 500px){ .iridio .container{background-position: left 50px center;} section.section.iridio .col65{width: 85%;} } */ /* 8/5/2025 */ #smalldevice_iridiologo{ display: none; } .iridio-image svg{ position: absolute; left: -440px; width: 660px; bottom: 0; } section.section.iridio {background-image:url(/img/home2025/iridio-background.png);background-position: right center;background-size: cover;background-repeat: no-repeat;} @media(max-width: 1024px){ .iridio-image svg{ left: -370px; } } @media(max-width: 768px){ .iridio-image svg{ left: -210px; width: 420px; } #iridioLogo, .iridio-image{ display: none; } #smalldevice_iridiologo{ display: block; } section.section.iridio .col65{ padding-left: 0; width: 100%; margin-left: 0; } } /*############################################################################################### */ /*### FEATURED STRIPE ########################################################################## */ /*############################################################################################### */ body.home section.section.featured{padding:0;} section.section.featured{background: #f2f2f2;background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);} section.section.featured .col75{background-color:#f2f2f2;padding-top:5rem;padding-bottom:5rem;} section.section.featured .col25{padding-top:5rem;padding-bottom:5rem;} section.section.featured .col75 p:last-child{margin-bottom:0px;} main#content blockquote{appearance:none;font-size:1.175rem;color:#002449;font-family:Montserrat;font-weight:400;line-height:2rem;position:relative;padding-left:76px;margin-bottom:.5rem;} /*main#content blockquote:before{content:'“';color:#009DDB;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";font-weight:400;font-size:10rem;display:block;background:fff;height:48px;width:48px;line-height:1;position:absolute;left:0;top:-1rem;} */ main#content blockquote:before{display:block;width:52px;height:49px;left:0;top:0;position:absolute;} main#content blockquote:before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 118.1'%3E%3Cpath style='fill:%23009DDB;' d='M71.8,118.1V61.8c-0.2-8.1,0.9-15.7,3.5-22.8c2.6-7.1,6.2-13.4,10.9-18.8c4.7-5.4,10.2-9.9,16.7-13.4 C109.3,3.3,116.4,1,124,0v24.3c-9.3,3.2-15.7,7.9-19.1,14.2c-3.4,6.3-5.2,13.9-5.2,23H124v56.7L71.8,118.1L71.8,118.1z M0,118.1 V61.8C-0.2,53.7,1,46.1,3.5,39c2.6-7.1,6.2-13.4,10.9-18.8c4.7-5.4,10.2-9.9,16.7-13.4C37.6,3.3,44.7,1,52.3,0v24.3 c-9.3,3.2-15.7,7.9-19.1,14.2c-3.4,6.3-5.2,13.9-5.2,23h24.3v56.7L0,118.1L0,118.1z'/%3E%3C/svg%3E"); } main#content blockquote:after{content:'”'} main#content blockquote + .author{display:flex;align-items: center;} main#content blockquote + .author .image{display:block;border-radius:50%;height:96px;width:96px;overflow:hidden;} main#content blockquote + .author .name{font-family:Montserrat;font-size:1.175rem;font-weight:500;color:#004677;padding-left:1rem;width:calc((100%) - 96px);} @media(max-width: 1024px){ body.home section.section{padding:3rem 0;} body.home section.section.featured{background:#f2f2f2;padding:3rem 0;} #content .container {padding: 0 3rem;} section.section.featured .container.flex{display:block;} section.section.featured .col75{width:100%;padding:0;} section.section.featured .col25{width:100%;margin-top:32px;padding:0;} main#content section.section.featured blockquote{background-color:#fff;padding:1rem;padding-left:92px;} section.section.featured h2 br{display:none;} main#content blockquote + .author{max-width:380px;float:right;} main#content blockquote:before{top:12px;left:16px;} } @media(max-width: 767px){ main#content blockquote + .author{max-width:380px;float:none;} main#content .xmt{margin-top:1.5rem;} #content .container {padding: 0 2rem;} main#content h2{font-size:2rem;} } @media(max-width: 440px){ #content .container {padding: 0 1.5rem;} main#content section.section.featured blockquote{display:block;width:calc((100%) - -48px);position:relative;left:-1.5rem;} } /*############################################################################################### */ /*### SERVICES STRIPE ########################################################################## */ /*############################################################################################### */ .services-boxes{display:flex;justify-content: center;align-items: center;margin-top:4rem;} .services-boxes > div.wrapper{width:25%;display:flex;text-align:center;background-size:cover;} .services-boxes > div.wrapper a{display:flex;height:224px;width:224px;border:2px Solid rgba(255,255,255,1);color:#fff;text-decoration:none;justify-content: center;align-items: center;vertical-align:middle;margin:0px auto;background-size:100%;} .services-boxes > div.wrapper a .bg{background-color:#002449;height:100%;width:100%;display:flex;justify-content: center;align-items: center;vertical-align:middle;transition:all .5s ease-in-out;} .services-boxes > div.wrapper a .icon{display:block;height:32px;width:32px;margin:0px auto;margin-bottom:1.5rem;} .services-boxes > div.wrapper a .icon svg{fill:#fff;} .services-boxes > div.wrapper a strong{font-family:Montserrat;font-size:1.175rem;text-transform:uppercase;font-weight:600;letter-spacing:2px;} .services-boxes > div.wrapper a:hover .bg{opacity:0;} body.home section.nobottommargin{padding-bottom:0px;} .horizontal-triangle-band{width:100%;height:64px;background-image:url("../img/home2025/horizonta-angle-band.svg");background-repeat:repeat-x;margin-top:80px;} @media(max-width: 1112px){ .services-boxes > div.wrapper a{height:208px;width:208px;} .services-boxes > div.wrapper a strong{letter-spacing:1px;} main#content section.services .container {padding:0 1rem;} main#content section.services h2,main#content section.services h2 + p{padding:0 2rem;} } @media(max-width: 1024px){ .services-boxes > div.wrapper a:hover .bg{opacity:1;} .services-boxes{margin-top:3rem;} } @media(max-width: 940px){ .services-boxes > div.wrapper a{height:194px;width:194px;} .services-boxes > div.wrapper a strong{letter-spacing:0px;} main#content section.services p br{display:none;} .services-boxes > div.wrapper a .icon{margin-bottom:.75rem;} } @media(max-width: 900px){ .services-boxes > div.wrapper a{height:178px;width:178px;} } @media(max-width: 820px){ .services-boxes > div.wrapper a strong{position:relative;font-size:1rem;} .services-boxes > div.wrapper a strong span{display: block;position: absolute;text-align: center;width: 100%;margin-top:-6px;} .services-boxes > div.wrapper a{height:162px;width:162px;} } @media(max-width: 760px){ body.red.home section.contact-stripe{background-color:#009DDB;} .services-boxes > div.wrapper a{height:144px;width:144px;} main#content section.services h2,main#content section.services h2 + p{padding:0 1rem;} section.contact p.xmt{display:none;} } @media(max-width: 668px){ .services-boxes{display:block;max-width:336px;margin:0px auto;margin-top:2rem;} .services-boxes > div.wrapper{width:50%;display:block;float:left;} .services-boxes > div.wrapper:first-child, .services-boxes > div.wrapper:first-child + div.wrapper{margin-bottom:1.5rem;} } @media(max-width: 360px){ .services-boxes > div.wrapper{width:100%;display:block;float:none;} .services-boxes > div.wrapper a{height:auto;width:100%;padding:1rem;background-image:none !important;background-color:#002449;} .services-boxes > div.wrapper a strong span{display: inline;position: static;text-align: left;width: auto;margin-top:0;} .services-boxes > div.wrapper a .bg{display:block;text-align:left;} .services-boxes > div.wrapper .fcenter{display:flex;justify-content: left;align-items: center;text-align:left;} .services-boxes > div.wrapper a .icon{margin:0px;height:32px;width:32px;margin-right:1rem;} .services-boxes > div.wrapper a strong{font-size:1.175rem;} .services-boxes > div.wrapper, .services-boxes > div.wrapper:first-child, .services-boxes > div.wrapper:first-child + div.wrapper {margin-bottom: 1rem;} } /*############################################################################################### */ /*### CAREERS STRIPE ########################################################################### */ /*############################################################################################### */ body.home section.ltbluefade{background-color:#f2f2f2;background: linear-gradient(45deg, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 50%, rgba(105,203,208,.35) 75%, rgba(0,179,250,.35) 100%);} .col50{width:50%;padding-right:3rem;} .col50 + .col50{width:50%;padding-left:3rem;padding-right:0;} .col50 p:last-child{margin-bottom:0;} body main#content a.button{display:inline-block;font-size:1.175rem;text-transform:uppercase;font-family:Montserrat;padding:0 1.5rem;line-height:3rem;background-color:#009DDB;border:2px Solid #009DDB;letter-spacing:2px;text-decoration:none;transition:all .25s ease-in-out;color:#fff;font-weight:700;} body main#content a.button.outline{border:2px Solid #004677;background-color:transparent;color:#004677;} body main#content a.button:hover{background-color:#fff;color:#004677;border-color:#fff;} body main#content a.button.outline:hover{background-color:#009DDB;color:#fff;border-color:#004677} @media(max-width: 800px){ .careers .col50{width:50%;padding-right:2rem;} .careers .col50 + .col50{width:50%;padding-left:2rem;padding-right:0;} } @media(max-width: 720px){ .careers .container.flex{display:block;} .careers .col50{width:100%;padding-right:0;} .careers .col50 + .col50{width:100%;padding-left:0;padding-right:0;margin-top:1rem;} } @media(max-width: 480px){ body main#content .careers a.button{width:100%;text-align:center;padding:0;} } /*############################################################################################### */ /*### RESOURCES ################################################################################ */ /*############################################################################################### */ #content .resourceGrid.flex{display:flex;} #content .resourceGrid ul li{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px Solid #009DDB;padding-left:0px;} #content .resourceGrid ul li:before{display:none;} #content .resourceGrid ul li:after{content:'';display:block;clear:both;} #content .resourceGrid .featured article img{display:block;width:100%;float:none;margin-right:0;margin-bottom:1rem;} #content .resourceGrid .list article{display:flex;justify-content: center;align-items: flex-start;} #content .resourceGrid .list article > div:first-child{width:144px;} #content .resourceGrid .list article > div:first-child + div{width:calc((100%) - 144px);padding-left:1rem;} #content .resourceGrid .list article p:last-child{display:none;} #content .resourceGrid .list article h3 + p{display:none;} #content .resourceGrid article h3{font-family:Montserrat;font-weight:400;color:#004677;font-size:1.5rem;margin-bottom:1rem;text-transform:none;letter-spacing:normal;line-height:1.25;} #content .resourceGrid article h3 a{text-decoration:none;color:#004677;font-weight:500;letter-spacing:1px;} #content .resourceGrid .list article h3 a{font-size:1.175rem;margin-bottom:0;color:#002449;letter-spacing:normal;} #content .resourceGrid .list article h3{margin-bottom:0;} #content .resourceGrid article h3 a:hover{text-decoration:underline;} body.home #content .resourceGrid .featured .restype{display:none;} body.home #content .resourceGrid .restype{font-family:Montserrat;font-weight:700;color:#004677;line-height:1;font-size:1rem;margin-bottom:.5rem;letter-spacing:1px;text-transform:uppercase;} body.home #content .resourceGrid p{line-height:1.5;} body.home #content .resourceGrid p.arrow{margin:3rem 0 0 0;} #content .resourceGrid .list ul{margin-bottom:0px;} #content .resourceGrid ul li:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0;} @media (max-width: 1024px) { #content .resourceGrid .col50{width: 42%; padding-right:0px} #content .resourceGrid .col50 + .col50{width: 58%;} #content .resourceGrid .featured article h3 a{font-size: 1.25rem;} #content .resourceGrid .list article {align-items: flex-start;} #content .resourceGrid .list article > div:first-child {width: unset;margin-bottom:1rem;} #content .resourceGrid .list article > div:first-child + div {width: unset;padding-left: 0px;} #content .resourceGrid .list article div:first-child > a:first-child {display: block; width: 128px; margin-right: 1rem;} } @media (max-width: 760px) { #content .resourceGrid.flex {flex-direction: column;} #content .resourceGrid .col50{width: 100%; padding-right:0px;} #content .resourceGrid .col50 + .col50{width: 100%; padding-left:0px;} #content .report .col50 + .col50 img {margin-bottom:32px;} .report .flex {flex-direction: column-reverse} .report .col50 + .col50 {width:100%; padding-left:0px;} .report .col50 {width:100%;padding-right:0px;} body main#content a.button {letter-spacing: 0px;} #content .resourceGrid .list article {justify-content: flex-start;} #content .resourceGrid .col50{margin-bottom:0px;} #content .resourceGrid ul li:last-child{border-bottom:none;padding-bottom:0px;margin-bottom:0px;} #content .resourceGrid .featured article{border-bottom:1px Solid #009DDB;padding-bottom:1.5rem;margin-bottom:1.5rem;} } @media (max-width: 460px) { #content .resourceGrid .list article div:first-child > a:first-child{margin-bottom:.5rem;} #content .resourceGrid .list article{display:block;} } /*############################################################################################### */ /*### CONNECT ################################################################################## */ /*############################################################################################### */ section.contact{overflow:hidden;} section.contact .angle{position:absolute;top:0;left:0;height:100%;width:auto;opacity:1;} section.contact .angle svg{height:100%; fill: none;stroke: #009DDB;stroke-linecap: square;stroke-miterlimit: 10;stroke-width:1px;} section.contact .angle svg .stroke-dash{stroke-dasharray:8,8;} section.contact .angle.right{left:auto;right:0;} section.contact .angle.left{} @media (max-width: 1220px) { section.contact .angle{} section.contact .angle.left{left:50%;margin-left:-612px;} section.contact .angle.right{right:50%;margin-right:-612px;} } @media (max-width: 940px) { section.contact .angle{} section.contact .angle.left{left:0;margin-left:-140px;} section.contact .angle.right{right:0;margin-right:-140px;} } @media (max-width: 900px) { #content section.contact .container p br{display:none;} #content section.contact .container{padding:0 96px;} } @media (max-width: 600px) { section.contact .angle.left{left:0;margin-left:-180px;} section.contact .angle.right{right:0;margin-right:-180px;} } @media (max-width: 500px) { #content section.contact .container{padding:0 32px;} section.contact .angle{display:none;} } /*ADJUSTMENTS*/ #content .resourceGrid ul li {border-bottom: 1px Solid #009DDB ;} nav.mainmenu .mega ul{border-color:#009DDB !important;} .horizontal-triangle-band{background:none;height:6rem;margin-top:0;} body main#content a.button.outline:hover{background-color:#004677;color:#fff;border-color:#004677} body.home #content .resourceGrid p.restype{color:#004677;} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /*background: url("owl.video.play.png") no-repeat;*/ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }