/* Minification failed. Returning unminified contents. (2189,114): run-time error CSS1038: Expected hex color, found '#0003' */ /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/lato/v17/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(https://fonts.gstatic.com/s/lato/v17/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(https://fonts.gstatic.com/s/lato/v17/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(https://fonts.gstatic.com/s/lato/v17/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(https://fonts.gstatic.com/s/lato/v17/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(https://fonts.gstatic.com/s/lato/v17/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: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.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: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.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: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/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+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTUSjIg1_i6t8kCHKm459Wdhyzbi.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: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/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+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: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.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: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.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: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.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: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v15/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.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; } /*##################################################################################################################################################################################### #### 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;} .searchbox input[type=text]{background-color:transparent;border:none;appearance:none;color:#fff;font-family:lato;font-size:1.5rem;border-bottom:1px Solid #fff;line-height:40px;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;} 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;} /*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;} #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%) - (-188px));margin-left:-124px;max-width:1208px;padding:32px 0;box-shadow:0px 8px 8px rgba(0,0,0,.15);z-index:999;} /*nav.mainmenu > ul > li > a + div.container.mega.m1{margin-left:-4px;width:968px;max-width:968px;}*/ 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;} nav.mainmenu .mega.cols ul li.title a{text-transform:uppercase;font-size:1.063rem;text-align:center;font-family:Montserrat;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;} /*nav.mainmenu .mega.m1 ul li.title a: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:after{width:100%;left:0px;} */ 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;} nav.mainmenu .mega.m1 ul.stripe li a{color:#fff;padding-right: 32px;text-decoration: none;font-family: Montserrat;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;} nav.mainmenu .mega.m2 ul li.title a{text-transform: uppercase;font-size: 1.25rem;font-family: Montserrat;padding-bottom:0px;} nav.mainmenu .mega.m2 ul.sub4 li.title a{text-transform: uppercase;font-size: 1.5rem;font-family: Montserrat;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;} 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;} nav.mainmenu .mega.m3 ul li.title strong a{font-size:1.5rem;font-family:Montserrat;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;} 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:10px;} nav.mainmenu .mega.m3 ul.sub3 li:last-child a{margin-bottom:0px;} 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;} nav.mainmenu .mega.m3.solutionsnav ul.sub1{width:25%;border-right:0px Solid #ccc;min-height:230px;} nav.mainmenu .mega.m3.solutionsnav ul.sub2{width:25%;border-right:1px Solid #ccc;border-left:1px Solid #ccc;min-height:230px;} nav.mainmenu .mega.m3.solutionsnav ul.sub3{width:50%;border:none;min-height:230px;} nav.mainmenu .mega.m3.solutionsnav ul.sub2 li a{padding-left:24px;} 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;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution{background-color:#efefef;padding:8px;margin-bottom:8px;position:relative;border:2px Solid #efefef;transition:all .25s ease-in-out;} 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;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution a{float:left;display:block;margin-right:16px;margin-bottom:0px;line-height:normal;} nav.mainmenu .mega.m3.solutionsnav ul li.featuredsolution p{font-size:1rem;color:#000;line-height:1.25;margin-left:162px;} 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;text-transform: uppercase;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;} 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;} 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:24px;margin-left: 0px;} 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: 10px;} 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; } /*########################################################################################################################################################*/ /*####### RESPONSIVE HEADER ##############################################################################################################################*/ /*########################################################################################################################################################*/ nav.mainmenu .social{display:none;} @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%;} /*nav.mainmenu .mega.m1 ul.sub5 li a{margin-left:20%;}*/ } @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;} } #menu-trigger{display:none;} .mshow1024 {display:none !important;} @media (max-width: 1024px) { .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 16px 10px 0;padding:4px;} #header .base a.logo{padding:0px;margin-left:16px;} #menu-trigger svg{fill:#1F2b4a;} nav.mainmenu, #header.home .base nav.mainmenu, #header.home.sticky .base nav.mainmenu {display:none;} #header.home .base a.logo{position:static;opacity:1;pointer-events:all;} #header.home.sticky .base nav.mainmenu, #header.home.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;} 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;font-family:Lato;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;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;} nav.mainmenu .searchbox_mobile input[type=text]{background-color:transparent;border:none;appearance:none;color:#fff;font-family:lato;font-size:1.188rem;line-height:1;padding:10px 0 12px;outline:0;width:100%;padding-left:16px;} 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: #fff;} nav.mainmenu .searchbox_mobile input[type=text]:-ms-input-placeholder {color: #fff;} nav.mainmenu .searchbox_mobile input[type=text]:placeholder {color: #fff;} nav.mainmenu .searchbox_mobile input[type=text]:focus::-webkit-input-placeholder {color: rgba(255,255,255,.75);} nav.mainmenu .searchbox_mobile input[type=text]:focus:-ms-input-placeholder {color: rgba(255,255,255,.75);} nav.mainmenu .searchbox_mobile input[type=text]:focus::placeholder {color: rgba(255,255,255,.75);} nav.mainmenu .searchbox_mobile .icon{height:48px;width:48px;position:absolute;top:0px;right:0px;padding:12px;} nav.mainmenu .searchbox_mobile .icon svg{fill:#fff;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;} } @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;} nav.mainmenu .mega.m1 ul.stripe li a{color:#1F2b4a;padding-right:0px;font-family: Lato;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*/ nav.mainmenu > ul > li > a + div.container.mega.industrynav{display:none;} nav.mainmenu .industrynav ul{display:block;margin:0;padding:0;width:28%;float:left;} nav.mainmenu .industrynav ul:first-child{width:44%;padding:0 32px;} nav.mainmenu .industrynav ul:first-child + ul{padding:0 32px;border-right:1px Solid #CCC;border-left:1px Solid #CCC;} nav.mainmenu .industrynav ul:first-child + ul + ul{padding-left:32px;} nav.mainmenu .industrynav ul li{display:block;width:100%;text-align:left;} nav.mainmenu .industrynav ul li.title strong a{color:#1F2b4a;font-size:1.5rem;font-weight:bold;font-family:Montserrat;text-transform:uppercase;padding-bottom:0px;} nav.mainmenu .industrynav ul li.title p{color:#000;font-size:1rem;} nav.mainmenu .industrynav ul.sub2 li a,nav.mainmenu .industrynav ul.sub3 li a{padding-bottom:0px;padding-left:24px;} nav.mainmenu .industrynav ul.sub2 li a:before,nav.mainmenu .industrynav ul.sub3 li a:before {display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left: -24px;transition: all .25s ease-in-out;} nav.mainmenu .industrynav ul.sub2 li a:hover:before, nav.mainmenu .industrynav ul.sub3 li a:hover:before {color: #A50050;transform: scale(1.5);} nav.mainmenu .mega ul li.viewall a:before{background-color:#A50050;} nav.mainmenu > ul > li > a + div.container.mega.industrynav{padding-top:8px;} nav.mainmenu .mega.industrynav ul li.viewall a{padding-bottom:0px;} nav.mainmenu .mega.industrynav ul li.viewall a:before{bottom:6px;} @media (max-width: 1024px) { nav.mainmenu .industrynav ul{display:block;margin:0;padding:0;width:100%;float:none;} nav.mainmenu .industrynav ul:first-child{display:none;} nav.mainmenu .industrynav ul:first-child + ul{padding:0;border:none;} nav.mainmenu .industrynav ul:first-child + ul + ul{padding:0;} nav.mainmenu .industrynav ul.sub2 li a:before, nav.mainmenu .industrynav ul.sub3 li a:before{display:none;} nav.mainmenu .industrynav ul.sub2 li a, nav.mainmenu .industrynav ul.sub3 li a {padding-left:32px;} nav.mainmenu > ul > li > a + div.container.mega.industrynav {padding-top: 0px;} } @media (max-width: 1024px) { nav.mainmenu .industrynav ul{display:block;margin:0;padding:0;width:100%;float:none;} nav.mainmenu .industrynav ul:first-child{display:none;} nav.mainmenu .industrynav ul:first-child + ul{padding:0;border:none;} nav.mainmenu .industrynav ul:first-child + ul + ul{padding:0;} nav.mainmenu .industrynav ul.sub2 li a:before, nav.mainmenu .industrynav ul.sub3 li a:before{display:none;} nav.mainmenu .industrynav ul.sub2 li a, nav.mainmenu .industrynav ul.sub3 li a {padding-left:32px;} nav.mainmenu > ul > li > a + div.container.mega.industrynav {padding-top: 0px;} } @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;float:left;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;} 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%;} /* 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:235px;} 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;} /*#header nav.mainmenu .mega.m1 ul.sub5.prodlink li.mshow1024{display:block !important;} #header nav.mainmenu .mega.m1 ul.sub5.prodlink li.mshow1024 a{line-height:48px;width:100%;padding-left:32px;}*/ } /*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;} 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;} } /*##################################################################################################################################################################################### #### FOOTER ########################################################################################################################################################################### #####################################################################################################################################################################################*/ #footer{background-color:#1F2b4a;color:#fff;padding:64px 0 32px 0;} #footer .logo{width:100%;max-width:126px;margin-bottom:8px;height:87px;} #footer .logo svg{fill:#fff;} #footer .phone{font-size:1.5rem;font-family:Montserrat;font-weight:700;margin-bottom:8px;} #footer .phone a{color:#fff;text-decoration:none;} #footer address{display:block;font-style:normal;font-size:1rem;margin-bottom:32px;} .disclaimer{clear:both;font-size:0.75rem;} #footer .disclaimer ul, #footer .disclaimer ul li{display:block;list-style:none;padding:0;margin:0;} #footer .disclaimer ul{margin-bottom:4px;} #footer .disclaimer ul li{display:inline-block;} #footer .disclaimer ul li a{color:#fff;text-decoration:none;font-size:1rem;} #footer .disclaimer ul li a:hover{text-decoration:underline;} #footer .disclaimer ul li:after{content:'|';margin:0 8px;} #footer .disclaimer ul li:last-child:after{display:none;} #footer .flinks ul, #footer .flinks ul li{display:block;list-style:none;padding:0;margin:0;} #footer .flinks ul li strong a {padding-left:0px;font-size:1.125rem;text-transform:uppercase;display:block;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:8px;margin-bottom:8px;margin-left:0px;} #footer .flinks ul + ul{margin-top:24px;} #footer .flinks ul li a:hover{text-decoration:underline;} #footer .flinks ul li strong a:hover{text-decoration:none;} #footer .flinks ul li a{display:block;text-decoration:none;color:#fff;font-size:1rem;line-height:1;margin-bottom:8px;margin-left:18px;position:relative;} #footer .flinks ul li a:before{display: inline-block;content: '\25b8';color: #fff;position: absolute;margin-left:0px;transition:all .25s ease-in-out;top:3px;left:-18px;text-decoration:none solid #1F2b4a;text-decoration-color: #1F2b4a;} #footer .flinks ul li strong a:before{display:none;} #footer .flinks ul li a:hover:before{text-decoration:none !important;} #footer .disclaimer{position:relative;} #footer .disclaimer .disclogo{position:absolute;top:0px;right:0px;width:auto;} @media (max-width: 835px) { #footer .disclaimer .disclogo{width:240px;} } @media (max-width: 760px) { #footer .disclaimer .disclogo{position:static;margin:0px auto 8px auto;width:auto;max-width:100%;} } @media (max-width: 400px) { #footer .disclaimer .disclogo{width:240px;} } /*UPDATE FOR FOOTER HOURS*/ #footer .phone span br{display:none;} #footer .phone span{display:block;margin-top:0px;font-weight:normal;font-size:1rem;font-family:Lato;} @media (max-width: 1000px){ #footer .phone span{font-size:0.875rem;} #footer .phone span br{display:block;clear:none;} } @media (max-width: 760px){ #footer .phone{margin-left:178px;} #footer address{margin-left:178px;} } @media (max-width: 360px){ #footer .phone{margin-left:0px;} #footer address{margin-left:0px;} } /*UPDATE FOR NEW FOOTER*/ #footer ul.social, #footer ul.social li{display:block;list-style:none;padding:0px;margin:0px;} #footer ul.social li{display:inline-block;} #footer ul.social li a{display:block;text-decoration:none;color:#fff;} #footer ul.social li a svg{fill:#fff;transition:all .25s ease-in-out;} #footer ul.social li a:hover svg{fill:#29abe2;} #footer ul.social li{margin-right:12px;} #footer ul.social li:last-child{margin-right:0px;} /* #footer ul.social li a{height:20px;width:20px;} */ #footer .footer-logo-contact{} #footer .footer-logo-contact:after{display:block;content:'';float:none;clear:both;} #footer .footer-logo-contact .col_half.col_last{text-align:right;} #footer .footer-logo-contact address{margin-bottom:0px;} #footer a.footer-btn-contact{display: inline-block;line-height: 1.25;font-size: 1.188rem;color: #fff !important;padding: 16px 64px;text-align: center;border-radius: 1px;text-decoration: none;background-color: #1F2b4a;border:2px solid #fff;font-weight: bold;font-family: Montserrat;text-transform: uppercase;letter-spacing:2px;margin-bottom:24px;transition:all .25s ease-in-out;} #footer a.footer-btn-contact:hover{background-color:#fff;color:#1F2b4a !important;} #footer .footer-logo-contact .logo{float:left;margin-right:16px;} #footer .footer-logo-contact .phone{line-height:1;} /*#footer .footer-logo-contact .phone{line-height:1;margin-top:16px;}*/ #footer .footer-logo-contact .phone span{margin-top:2px;} #footer .footer-logo-contact address{line-height:1.2;} #footer .footer-logo-contact .logo {width: 100%;max-width: 162px;height: 112px;margin-bottom: 0px;} #footer .container + .container{margin-top:0px;} #footer .footer-fatmenu{border:2px Solid rgba(255,255,255,.25);border-right:none;border-left:none;} #footer .footer-fatmenu .flinks ul li strong a{border-bottom:none;padding:0;margin-bottom:12px;} #footer .footer-logo-contact{padding-bottom:28px;} #footer .footer-fatmenu{padding-top:32px;padding-bottom:30px;} #footer .footer-disclaimer{padding-top:30px;} #footer .footer-disclaimer.disclaimer .disclogo{top:34px;} #footer .footer-fatmenu .flinks ul li a:before{top:0;} #footer .footer-fatmenu{border:none;} #footer .footer-fatmenu .flinks ul li strong a{border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:12px;padding-bottom:12px;} /*########################################################################################################################################################*/ /*####### RESPONSIVE FOOTER ################################################################################################################################*/ /*########################################################################################################################################################*/ @media (max-width: 1111px) { #footer .disclaimer ul{padding-top:50px;} } @media (max-width: 1000px) { #footer .container > .col_one_third:first-child{ width: 22%;} #footer .container > .col_one_third:first-child + .col_two_third{width: 74%;} #footer .phone{font-size:1.25rem;} #footer address{font-size:0.875rem;} #footer .footer-logo-contact .phone{margin-top:12px;letter-spacing: -.65px;} } #footer .disclaimer ul li.mshow{display:none;} #footer .disclaimer ul li.mbar:after{display:none;} @media (max-width: 875px) { #footer .container > .col_two_third > .col_one_fourth{width:30.63%;} #footer .container > .col_two_third > .col_one_fourth + .col_one_fourth + .col_one_fourth{margin-right:0px;} #footer .container > .col_two_third > .col_one_fourth.col_last{display:none;} #footer .disclaimer ul li.mshow{display:inline-block;} #footer .disclaimer ul li.mbar:after{display:inline;} /*#footer .footer-logo-contact .phone{margin-top:0px;}*/ #footer .footer-logo-contact .phone{margin-top:8px;} .imgright .col_half.mexpand800 .col_half.col_last, .imgright .col_half.mexpand800 .col_half{width:48%;} } @media (max-width: 760px) { #footer{padding-top:32px;} #footer .container > .col_one_third:first-child{ width: 100%;float:none;margin:0px auto;clear:both;width:300px;} #footer .container > .col_one_third:first-child + .col_two_third{display:none;} #footer .logo{margin:0px auto;margin-bottom:8px;padding:0;float:left;margin-right:16px;} #footer .phone{margin-bottom:4px;} /*#footer .phone{margin-bottom:4px;padding-top:8px;}*/ #footer .disclaimer ul{padding-top:10px;} #footer .disclaimer ul li a{font-size:1rem !important;} #footer .disclaimer ul{margin-bottom:8px;} .disclaimer{text-align:center;} .disclaimer br{display:none;} .disclaimer p{font-size:0.75rem !important;} .disclaimer p{max-width:100%;} #footer{padding-bottom:112px;} #footer .footer-logo-contact .phone{margin-top:0px;} /* #content ol[type="1"] li{padding-left:4px;} #content ol[type="1"]{padding-left:24px;} #content ol[type='a'] > li{padding-left:4px;}*/ } @media (max-width: 560px) { #footer .phone{padding-top:12px;} } @media (max-width: 360px) { #footer .logo{float:none;max-width:80px;margin:0px auto;height:51px;} #footer .phone{text-align:center;} #footer address{text-align:center;} #footer .container > .col_one_third:first-child{ width: 100%;float:none;margin:0px auto;clear:both;width:250px;} } /*NEW FOOTER RESPONSIVE*/ @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 .footer-disclaimer.disclaimer .disclogo{width:200px;height:14px;} } @media (max-width: 950px){ #footer .footer-disclaimer.disclaimer .disclogo{width:auto;height:auto;position:static;margin-bottom:12px;} } @media (max-width: 760px){ #footer .footer-logo-contact .col_half{width:100%;display:block;float:none;margin:0;clear:both;max-width:350px;margin:0px auto;} /*#footer .footer-logo-contact .col_half{width:100%;display:block;float:none;margin:0;clear:both;max-width:330px;margin:0px auto;}*/ #footer .footer-logo-contact .col_half.col_last{text-align:center;margin-top:12px;display:none;} #footer .footer-logo-contact .col_half.col_last a.footer-btn-contact{display:none;} /*#footer .footer-logo-contact .phone{margin-top:0px;padding-top:15px;margin-bottom:8px;}*/ #footer .footer-logo-contact .phone{margin-top:0px;margin-bottom:8px;} #footer .footer-fatmenu.container{display:none;} #footer .footer-logo-contact.container{padding-bottom:16px;} #footer .footer-disclaimer.container{padding-top:0px} } @media (max-width: 420px){ #footer .footer-logo-contact .col_half{transform:scale(.85);} #footer .footer-disclaimer.disclaimer .disclogo{width:300px;height:21px;} } @media (max-width: 360px){ #footer .footer-logo-contact .col_half{transform:scale(1);} #footer .footer-logo-contact .logo {float: none;max-width: 80px;margin: 0px auto;height: 51px;} #footer .footer-logo-contact .phone span{line-height:1.25;} #footer .footer-logo-contact address{line-height:1.25;} #footer .footer-disclaimer.disclaimer .disclogo{width:200px;height:14px;} } /*Touchscreen fixes*/ #footer ul.social{margin-top:-16px;} #footer ul.social li a{height:48px;width:48px;padding:14px;} #footer .disclaimer ul li a{display:block;line-height:48px;min-width:48px;} #footer .disclaimer ul li:after{display:none;} #footer .disclaimer ul li a:after{content:'|';margin:0 8px;} #footer .disclaimer ul li:last-child a:after{display:none;} #footer .disclaimer ul li{line-height:48px;} /*COLORS Montserrat #1F2b4a -dkblue- #238FBE -ltblue- text must be bold. #e03c31 -red- text must be bold #13958d -teal- text must be bold #689400 -green- text must be bold #DB6300 -orange- text must be bold #9D8558 -gold- text must be bold #EB0071 - ltberry #A50050 - dkberry / berry #83bd41 - ltgreen */ /* RESET */ body,html{width:100%;font-size:100%;color:#000;font-family:Lato, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";background-color:#fff;overflow-x:hidden;line-height:1.5;} *{margin:0px;box-sizing:border-box;} /* 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_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;} .section.divider .container:last-child{border-bottom:2px Solid #ccc;padding-bottom:64px;} .section.divider + .section{padding-top:64px;} .container{max-width:1080px;margin:0px auto;padding:0px;position:relative;} .container:after, .section:after, #footer:after{content:' ';display:block;clear:both;} .container.small{max-width:800px;} .container.xsmall{max-width:680px;} .container + .container{margin-top:64px;} .listing .container + .container{margin-top:64px;} .container.dividerbottom{border-bottom:2px Solid #CCC;padding-bottom:16px;} .container.dividerbottom + .container{margin-top:32px;} .section.dkblue, section.dkblue{background-color:#1F2b4a;} .section.ltgray, section.ltgray, div.ltgray .section, .container.ltgray{background-color:#efefef;} .section.green, section.green{background-color:#689400;} .section.ltgreen, section.ltgreen{background-color:#83bd41} /*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:#1F2b4a;font-family:Montserrat;font-size:2.25rem;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h3{color:#1F2b4a;font-family:Montserrat;font-size:2rem;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h4{color:#1F2b4a;font-family:Montserrat;font-size:1.625rem;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h5{color:#1F2b4a;font-family:Montserrat;font-size:1.25rem;font-weight:800;line-height:1.25;margin-bottom:16px;} #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*/ #content ul li a,#content ol li a,#content p a{color:#1F2b4a;font-weight:bold;} #content ul li a:hover, #content p a:hover, #content ol li a:hover{text-decoration:none;} /* MANAGE INLINE LINKS VIA PAGE COLOR *//* body.dkblue #content ul li a, body.dkblue #content p a, body.dkblue #content ol li a{color:#1F2b4a;} body.ltblue #content ul li a, body.ltblue #content p a, body.ltblue #content ol li a{color:#238FBE;} body.red #content ul li a, body.red #content p a, body.red #content ol li a{color:#e03c31;} body.teal #content ul li a, body.teal #content p a, body.teal #content ol li a{color:#13958d;} body.green #content ul li a, body.green #content p a, body.green #content ol li a{color:#689400;} body.orange #content ul li a, body.orange #content p a, body.orange #content ol li a{color:#DB6300;} body.gold #content ul li a, body.gold #content p a, body.gold #content ol li a{color:#9D8558;} body.berry #content ul li a, body.berry #content p a, body.berry #content ol li a{color:#A50050;} */ /* 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:26px;font-size:1.188rem;} #content ul li:before{content: '';height: 8px;width: 8px;background-color: #1F2b4a;display: block;position: absolute;left: 2px;top: 10px;border-radius:50%;border:1px Solid #1F2b4a;} #content ul > li > ul > li:before{background-color: transparent !important;} #content ul li ul {margin-top: 4px;} /*CHECK ON THIS LINE */ #content ul li:last-child{margin-bottom:0;} /*COLORED ELEMENTS*/ #content p.dkblue, span.dkblue,#content h1.dkblue,#content h2.dkblue,#content h3.dkblue,#content p.dkblue, .banner .dkblue{color:#1F2b4a;} #content p.red, span.red,#content h1.red,#content h2.red,#content h3.red, .banner .red{color:#e03c31;} #content p.ltblue, span.ltblue,#content h1.ltblue,#content h2.ltblue,#content h3.ltblue, .banner .ltblue{color:#238FBE;} #content p.teal, span.teal,#content h1.teal,#content h2.teal,#content h3.teal, .banner .teal, small.teal{color:#13958d;} #content p.ltteal, span.ltteal,#content h1.ltteal,#content h2.ltteal,#content h3.ltteal, .banner .ltteal{color:#00bfb3;} #content p.orange, span.orange,#content h1.orange,#content h2.orange,#content h3.orange, .banner .orange{color:#DB6300;} #content p.gold, span.gold,#content h1.gold,#content h2.gold,#content h3.gold, .banner .gold{color:#9D8558;} #content p.green, span.green,#content h1.green,#content h2.green,#content h3.green, .banner .green{color:#689400;} #content p.ltgreen, span.ltgreen,#content h1.ltgreen,#content h2.ltgreen,#content h3.ltgreen, .banner .ltgreen{color:#83bd41;} #content p.berry, span.berry,#content h1.berry,#content h2.berry,#content h3.berry, .banner .berry{color:#A50050;} #content p.ltberry, span.ltberry,#content h1.ltberry,#content h2.ltberry,#content h3.ltberry, .banner .ltberry{color:#EB0071;} #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;} /*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;} /*##################################################################################################################################################################################### #### ARROW LINKS ######################################################################################################################################################################## ####################################################################################################################################################################################*/ #content p a.arrow, a.arrow{/*outline:0;*/padding-right:32px;color:#1F2b4a;text-decoration:none;font-family:Montserrat;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;} a.arrow:focus{/*outline:0;*/} #content p a.arrow:before, a.arrow:before{content:'';display:block;width:0%;background-color:#1F2b4a;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:#e03c31;} #content p a.ltblue, a.arrow.ltblue{color:#238FBE} #content p a.teal, a.arrow.teal{color:#13958d;} #content p a.ltteal, a.arrow.ltteal{color:#00bfb3;} #content p a.berry, a.arrow.berry{color:#A50050;} #content p a.green, a.arrow.green{color:#689400;} #content p a.ltgreen, a.arrow.ltgreen{color:#83bd41;} #content p a.orange, a.arrow.orange{color:#DB630F;} #content p a.white, a.arrow.white{color:#fff;} #content ul li a.arrow.teal {color: #13958d;} #content p a.arrow.red:before, a.arrow.red:before{background-color:#e03c31;} #content p a.arrow.ltblue:before, a.arrow.ltblue:before{background-color:#238FBE ;} #content p a.arrow.teal:before, a.arrow.teal:before{background-color:#13958d;} #content p a.arrow.ltteal:before, a.arrow.ltteal:before{background-color:#00bfb3;} #content p a.arrow.berry:before, a.arrow.berry:before{background-color:#A50050;} #content p a.arrow.green:before, a.arrow.green:before{background-color:#689400;} #content p a.arrow.ltgreen:before, a.arrow.ltgreen:before{background-color:#83bd41;} #content p a.arrow.orange:before, a.arrow.orange:before{background-color:#DB630F;} #content p a.arrow.white:before, a.arrow.white:before{background-color:#fff;} /* FIGURE OUT IF THIS IS NECESSARY *//* #content p strong.arrow.red, a.arrow.red{color:#e03c31;} #content p strong.arrow.ltblue, a.arrow.ltblue{color:#238FBE ;} #content p strong.arrow.teal, a.arrow.teal{color:#13958d;} #content p strong.arrow.berry, a.arrow.berry{color:#A50050;} #content p strong.arrow.green, a.arrow.green{color:#689400;} #content p strong.arrow.orange, a.arrow.orange{color:#DB630F;} */ #content p strong.arrow, strong.arrow{letter-spacing:-1px;color:#1F2b4a;text-decoration:none;font-family:Montserrat;font-weight:800;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:#1F2b4a;border-radius:50%;height:96px;width:96px;margin:0px auto;padding:12px;} .ibox .icon svg{fill:#fff;} .ibox strong{font-family:Montserrat;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:bold;Position:relative;color:#1F2b4a;} .ibox strong + p{text-decoration:none;color:#000;margin-top:8px;} .ibox strong:after{content:'';display:inline-block;background-color:#1F2b4a;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.dkblue .icon, .ibox.dkblue .icon, .ibox.dkblue strong:after{background-color:#1F2b4a;} .ileft.red .icon, .ibox.red .icon, .ibox.red strong:after{background-color:#e03c31;} .ileft.ltblue .icon, .ibox.ltblue .icon, .ibox.ltblue strong:after{background-color:#238FBE;} .ileft.teal .icon, .ibox.teal .icon, .ibox.teal strong:after{background-color:#13958d;} .ileft.orange .icon, .ibox.orange .icon, .ibox.orange strong:after{background-color:#DB6300;} .ileft.gold .icon, .ibox.gold .icon, .ibox.gold strong:after{background-color:#9D8558;} .ileft.green .icon, .ibox.green .icon, .ibox.green strong:after{background-color:#689400;} .ileft.berry .icon, .ibox.berry .icon, .ibox.berry strong:after{background-color:#A50050;} /*##################################################################################################################################################################################### #### OVERLAPS ######################################################################################################################################################################## ####################################################################################################################################################################################*/ #content .overlap{background-size:cover;background-position:center;padding-bottom:0px;padding-top:128px;word-break:break-word;background-color:#1F2b4a;} /* TO FIX WCAG TEXT CLIP ISSUE REMOVED OVERFLOW PROPERTIES AND ADDED WORD BREAK */ #content .overlap .wrapper{background-color:rgba(31,43,74,.97);text-align:left;padding:32px 0;} #content .overlap h3{font-size:2.25rem;color:#fff;font-family:Montserrat;font-weight:800;} #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;/*margin-right:1.5%;*/} #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-family:Montserrat;font-weight:800;} .overlap .container:first-child .col_half{height:100%;min-height:300px;position:relative;padding-bottom:64px;} .overlap .container:first-child .col_half h3 strong{font-size:larger;} .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-family:Montserrat;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:#1F2b4a;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:#1F2b4a;} } /*CTAFOOTER ACCENTS PULLED FROM XML*/ body.home span.accent, body.home #content p a.arrow.accent{color:#e03c31;} body.ltblue span.accent, body.ltblue #content p a.arrow.accent{color:#238FBE;} body.red span.accent, body.red #content p a.arrow.accent{color:#e03c31;} body.teal span.accent, body.teal #content p a.arrow.accent{color:#13958d;} body.green span.accent, body.green #content p a.arrow.accent{color:#689400;} body.orange span.accent, body.orange #content p a.arrow.accent{color:#DB6300;} body.gold span.accent, body.gold #content p a.arrow.accent{color:#9D8558;} body.berry span.accent, body.berry #content p a.arrow.accent{color:#A50050;} body.home #content p a.arrow.accent:before{background-color:#e03c31;} body.ltblue #content p a.arrow.accent:before{background-color:#238FBE;} body.red #content p a.arrow.accent:before{background-color:#e03c31;} body.teal #content p a.arrow.accent:before{background-color:#13958d;} body.green #content p a.arrow.accent:before{background-color:#689400;} body.orange #content p a.arrow.accent:before{background-color:#DB6300;} body.gold #content p a.arrow.accent:before{background-color:#9D8558;} body.berry #content p a.arrow.accent:before{background-color:#A50050;} /*########################################################################################################################################################*/ /*####### RESPONSIVE #####################################################################################################################################*/ /*########################################################################################################################################################*/ @media (max-width: 1112px) { #content .container, #footer .container, .banner .container{padding:0px 32px;} } @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;} } @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;} } /*case study items*/ #content .section .container .col_one_third.csitem, #content .section .container .csitem{padding:0px !important;border:1px Solid #CCC !important;margin-bottom:32px !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:#238FBE;display:none;position:fixed;bottom:0px;width:100%;z-index:999;height:60px;padding:0;} .contact-stripe p{margin: 0px !important;text-align:center;} section.contact-stripe.enable{position:static;} body.dkblue section.contact-stripe{background-color:#1F2b4a;} body.ltblue section.contact-stripe{background-color:#238FBE;} body.red section.contact-stripe{background-color:#e03c31;} body.teal section.contact-stripe{background-color:#13958d;} body.green section.contact-stripe{background-color:#689400;} body.orange section.contact-stripe{background-color:#DB6300;} body.gold section.contact-stripe{background-color:#9D8558;} body.berry section.contact-stripe{background-color:#A50050;} @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;} } .banner{overflow:hidden;background-color:#1f2b4a;background-size:cover;} .banner .bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;} .banner .wrapper{background-color:rgba(31,43,74,.95);padding:32px 0;text-align:left;color:#fff;} .banner h1{font-size:3rem;font-family:Montserrat;font-weight:800px;line-height:1.25;margin-bottom:4px;text-transform:uppercase;} .banner h1.long{font-size:2.688rem;} .banner h2{font-size:1.75rem;color:#238FBE;line-height:1.25;margin-bottom:4px;font-family:Montserrat;max-width:800px;} .banner p{font-size:1.188rem;max-width:760px;margin-bottom:0px;} .banner.l2 .bg {padding-top: 176px;} .banner.l2.rlogo .col_two_third{position:relative;} .banner.l2.rlogo .col_two_third:after{content:'';display:block;width:2px;height:75%;position:absolute;right:-48px;top:12.5%;background-color:#fff;} .banner.l2.rlogo .bulogo{margin-bottom:0px;padding-right:0px;padding-left:48px;position: relative;top: 50%;transform: translateY(-50%);} .banner.l2.rlogo .bulogo svg{fill:#fff;} .banner.l2.rlogo h2{font-size:1.5rem;} .banner.l2.rlogo .col_one_third { width: 25.63%; height:100%; position:relative;;} .banner.l2.rlogo .col_two_third { width: 70.33%; height:100%;} .banner.l4{background-image:url(../img/banners/banner-dkblue.png);padding-top:112px;height:272px;overflow:visible;} .banner.l4 .wrapper{background-color:transparent;padding:0px;} .banner.l4 .wrapper .container .logo:first-child{float:left;max-height: 159px;} .banner.l4 .wrapper .container .logo:first-child:after{content:'';display:inline-block;width:2px;height:80px;margin: 0 32px;position:relative;top:-40px;background-color:#fff;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:2rem;text-transform:none;line-height:40px;padding:40px 0;} .banner.l4 .wrapper .container .logo.singleline:first-child + h1{line-height:80px;} .banner.l4 h1{line-height:160px;} .banner.l4 h1.multiline{font-size:2.625rem;line-height:50px;padding:30px 0;} .banner.l4.lp{padding-top:90px;height:250px;} .banner.l4.lp h1{line-height: 42px;margin-top:48px;text-transform:none;} .banner.l4.lp span {font-size: 1.375rem;} /*LEVEL 3 BANNERS DECIDE IF TO LAZYLOAD OR NOT*/ .banner.l3 .bg{padding-top:144px;} .banner.green .bg{background-image:url(../img/banners/banner-green.png);} .banner.orange .bg{background-image:url(../img/banners/banner-orange.png);} .banner.ltblue .bg{background-image:url(../img/banners/banner-ltblue.png);} .banner.gold .bg{background-image:url(../img/banners/banner-gold.png);} .banner.berry .bg{background-image:url(../img/banners/banner-berry.png);} .banner.red .bg{background-image:url(../img/banners/banner-red.png);} .banner.teal .bg{background-image:url(../img/banners/banner-teal.png);} .banner.gold{color:#bea473;} /*BUSINESS UNIT LOGOS*/ .bulogo{width:100%;margin-bottom:32px;max-width:286px;float:right;padding-right:48px;} .bulogo:after{content:'';display:block;clear:both;float:none;} .bulogo svg{fill:#1F2b4a;width:100%;} body.green .bulogo svg .st0{fill:#689400;} body.berry .bulogo svg .st0{fill:#A50050;} body.ltblue .bulogo svg .st0{fill:#238FBE;} body.ltblue .bulogo svg .st1{fill:#FDBC3B;} body.gold .bulogo svg .st0{fill:#9D8558;} body.red .bulogo svg .st0{fill:#e03c31;} body.teal .bulogo svg .st0{fill:#13958d;} body.orange .bulogo svg .st0{fill:#DB6300;} #content img.headshot {border: 2px solid #000;border-radius: 50%;max-width: 192px;display:block;margin:0px auto;} #content img.headshot.green{border-color:#689400;} #content img.headshot.berry{border-color:#A50050;} #content img.headshot.ltberry{border-color:#eb0071;} #content img.headshot.ltblue{border-color:#238FBE;} #content img.headshot.gold{border-color:#9D8558;} #content img.headshot.red{border-color:#e03c31;} #content img.headshot.teal{border-color:#13958d;} #content img.headshot.orange{border-color:#DB6300;} #content .bulogo+.sidenav ul li:first-child a{ border-top:2px Solid #1f2b4a; padding-top:8px; clear:both } body.green #content .bulogo+.sidenav ul li:first-child a{ border-color:#689400 } body.berry #content .bulogo+.sidenav ul li:first-child a{ border-color:#a50050 } body.ltblue #content .bulogo+.sidenav ul li:first-child a{ border-color:#238fbe } body.gold #content .bulogo+.sidenav ul li:first-child a{ border-color:#9d8558 } body.red #content .bulogo+.sidenav ul li:first-child a{ border-color:#e03c31 } body.teal #content .bulogo+.sidenav ul li:first-child a{ border-color:#13958d } body.orange #content .bulogo+.sidenav ul li:first-child a{ border-color:#db6300 } /*##################################################################################################################################################################################### #### SECONDARY NAV ########################################################################################################################################################################### ####################################################################################################################################################################################*/ nav.secondary{width:100%;background-color:#efefef;text-align:left;} nav.secondary ul, nav.secondary ul li{display:block;list-style:none;padding:0;margin:0;line-height:1;} nav.secondary ul li{display:inline-block;} nav.secondary ul li a sup{position:absolute;} nav.secondary ul li a{display:block;color:#1F2b4a;text-decoration:none;line-height:48px;font-weight:bold;font-size:1.188rem;position:relative;transition:all .25s ease-in-out;padding:0 12px;} nav.secondary ul li a span{display:none;} nav.secondary.sticky{position:fixed;top:92px;left:0px;z-index:998;box-shadow:0px 8px 16px rgba(0,0,0,.35);} nav.secondary div ul:first-child li:first-child{position:relative;text-transform:uppercase;} nav.secondary div ul:first-child li:first-child a{padding-left:0px;padding-right:18px;} nav.secondary div ul:first-child li:first-child:after{content:'';display:block;position:absolute;top:18px;left:100%;width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #1F2b4a;z-index:1;} nav.secondary div ul:first-child li:first-child + li{padding-left:12px;} body.green nav.secondary ul li a:hover, body.green nav.secondary ul li a.current{color: #689400;} body.berry nav.secondary ul li a:hover, body.berry nav.secondary ul li a.current {color: #a50050;} body.ltblue nav.secondary ul li a:hover, body.ltblue nav.secondary ul li a.current{color: #238fbe;} body.gold nav.secondary ul li a:hover, body.gold nav.secondary ul li a.current {color: #bea372;} body.red nav.secondary ul li a:hover, body.red nav.secondary ul li a.current{color: #e03c31;} body.teal nav.secondary ul li a:hover, body.teal nav.secondary ul li a.current{color: #13958d;} body.orange nav.secondary ul li a:hover, body.orange nav.secondary ul li a.current{color: #DB6300;} nav.secondary ul li ul{display:none;} /*UPDATE FOR EXPANDABLE STICKY MENU*/ nav.secondary ul.expandable + ul{display:none;} nav.secondary ul.expandable + ul li:first-child a{padding-left:0px;text-transform:none;} nav.secondary ul.expandable li.expandSecondaryNav a{background-color:#1F2b4a;height:24px;line-height:24px;font-weight:bold;text-align:center;border-radius:2px;color:#fff;position:relative;top:-2px;width:128px;font-size:0.875rem;text-align:center;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";text-transform:uppercase;} nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#13958d;color:#fff;} body.teal nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#13958d;color:#fff;} body.ltblue nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#238fbe;color:#fff;} body.red nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#e03c31;color:#fff;} body.berry nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#a50050;color:#fff;} body.green nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#689400;color:#fff;} body.orange nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#DB6300;color:#fff;} nav.secondary ul.expandable + ul li.rowbreak a {padding-left:0px;} /* nav.secondary ul.expandable + ul li.rowbreak:before{content:'';clear:both;display:block;width:500px;} nav.secondary ul.expandable + ul li.rowbreak + li a {padding-left:0px;} */ /*##################################################################################################################################################################################### #### CRUMB BAR ########################################################################################################################################################################### ####################################################################################################################################################################################*/ nav.crumb{background-color:#fff;} nav.crumb ul, nav.crumb ul li{display:block;list-style:none;padding:0;margin:0;line-height:1;} nav.crumb ul li{display:inline-block;color:#555555;line-height:48px;font-size:0.875rem;} nav.crumb ul li a{color:#000;text-decoration:none;} nav.crumb ul li a:hover{text-decoration:underline;} nav.crumb ul li:after {content: '/';color: rgba(0,0,0,1);display: inline-block;margin: 0px 8px;} nav.crumb ul li:last-child:after{display:none;} /*##################################################################################################################################################################################### #### CONTENT ELEMENTS ########################################################################################################################################################################### ####################################################################################################################################################################################*/ #content ul.ltblue li:before{background-color:#238FBE;border-color:#238FBE;} #content ul.dkblue li:before{background-color:#1F2b4a;border-color:#1F2b4a;} #content ul.teal li:before{background-color:#13958d;border-color:#13958d;} #content ul.red li:before{background-color:#e03c31;border-color:#e03c31;} #content ul.gold li:before{background-color:#9D8558;border-color:#9D8558;} #content ul.orange li:before{background-color:#DB6300;border-color:#DB6300;} #content ul.green li:before{background-color:#689400;border-color:#689400;} #content ul.white li:before{background-color:#fff;border-color:#fff;} #content ul.berry li:before{background-color:#A50050;border-color:#A50050;} #content ul.ltberry li:before {background-color: #EB0071;border-color: #EB0071;} #content p.nobottommargin, #content h2.nobottommargin, #content h3.nobottommargin, #content h4.nobottommargin, #content h5.nobottommargin{margin-bottom:0px;} #content ul.col3 li{display:inline-block;width:33%;} #content ul.col3 li.extend{width:66%;} #content ol{padding:0px;padding-left:20px;} #content ol > li{padding-left:12px;font-size:1.188rem;margin-bottom:8px;} #content ol > li:last-child{margin-bottom:0px;} #content .overlap.nopadding{padding-top:0;} .overlap blockquote{display:block;font-size:1.188rem;color:#fff;padding:0px 20px 0px 34px;text-align:left;position:relative;} .overlap blockquote + p{padding-left:32px;} /*.overlap blockquote:before{content: "\201C";color:#fff;display:block;font-size:100px;width:60px;height:60px;text-align:right;position:relative;left:-60px;top:15px;} */ .overlap blockquote:before{content: "\201C";color:#fff;display:block;font-size:6.25rem;width:60px;height:60px;position:absolute;top:-42px;left:0;/*text-align:right;position:absolute;left:-60px;top:15px;*/} .overlap blockquote.berry:before{color:#A50050;} .overlap blockquote.ltberry:before{color:#eb0071;} .overlap blockquote.dkblue:before{color:#1F2b4a;} .overlap blockquote.red:before{color:#e03c31;} .overlap blockquote.ltblue:before{color:#238FBE;} .overlap blockquote.teal:before{color:#13958d;} .overlap blockquote.orange:before{color:#DB6300;} .overlap blockquote.gold:before{color:#9D8558;} .overlap blockquote.ltgreen:before{color:#83bd41;} @media (max-width: 420px) { .overlap blockquote{padding:0px;} .overlap blockquote:before{font-size:5rem;left:-56px;} .overlap blockquote.small{font-size:1.313rem;} #content .overlap blockquote + p{padding-left:0px;margin-top:16px;} } /*##################################################################################################################################################################################### #### BUTTONS ########################################################################################################################################################################### ####################################################################################################################################################################################*/ a.button{outline:0;display:inline-block;line-height:1.25;font-size:1.188rem;color:#fff !important;padding:16px 48px;text-align:center;border-radius:1px;text-decoration:none;background-color:#1F2b4a;font-weight:bold;font-family:Montserrat;text-transform:uppercase;} a.button:focus, a.button:active{outline:0;} a.button.dkblue{background-color:#1F2b4a;} a.button.red{background-color:#e03c31;} a.button.ltblue{background-color:#238FBE;} a.button.teal{background-color:#13958d;} a.button.orange{background-color:#DB6300;} a.button.gold{background-color:#9D8558;} a.button.green{background-color:#689400;} a.button.berry{background-color:#A50050;} a.button.white{background-color:#fff;color: #1F2b4a !important;} a.button{margin:4px;margin-top:8px;margin-left:0px;transition:all .25s ease-in-out;position:relative;border:0px Solid red;z-index:99;} a.button:hover,a.button:focus{border:4px Solid red;margin:0px;margin-top:4px;transition:all .25s ease-in-out;margin-left:-4px;} a.button.hgreen{border-color:#689400;} a.button.horange{border-color:#DB6300;} a.button.hteal{border-color:#13958d;} a.button.hred{border-color: #e03c31;} a.button.hwhite{border-color:#fff;} a.button.hdkblue{border-color:#1F2b4a;} a.button.hberry{border-color:#A50050;} a.button.hgold{border-color:#9D8558;} a.button.hltblue{border-color:#238FBE;} iframe{border: 0;margin: 0;background-color: transparent;} .ctafooter iframe, iframe.mainform, iframe.pardot{height:715px !important;overflow:hidden;} /* ASK AN EXPERT / CHAT FLOATING BUTTON */ .askbox{cursor:pointer;text-decoration:none;width:300px;position:fixed;bottom:32px;right:48px;min-height:48px;z-index:999;border:4px Solid #1F2b4a;transition:all .25s ease-in-out;} .askbox.chat{width:224px;} #content .askbox img{cursor:pointer;display:block;max-width:80px;margin:0px auto;border-radius:50%;position:absolute;bottom:-20px;left:-42px;border:4px Solid #1F2b4a;transition:all .25s ease-in-out;} .askbox .asktitle{background-color:#1F2b4a;color:#fff;min-height:40px;padding-left:48px;transition:all .25s ease-in-out;} #content .askbox .asktitle h3{line-height:40px;color:#fff;font-size:1.5rem;margin:0px;font-weight:bold;margin-bottom:0;padding-top:0px;} #content .askbox .asktitle h3 + strong{display:block;font-size:1.188rem;color:#ffffff;height:0px;overflow:hidden;opacity:0;line-height:24px;width:0px;transition:all .5s ease-in-out;margin-top:-5px;} #btnAsk, #btnChat{text-decoration:none;display:block;width:64px;height:50px;position:absolute;top:-24px;right:-32px;} #btnAsk:after, #btnChat:after{content:'?';display:block;width:64px;height:44px;line-height:40px;position:absolute;top:0px;right:0px;text-align:center;color:#fff;font-size:1.75rem;padding-top:0px;font-weight:bold;font-family:Montserrat;transition:all .25s ease-in-out;} #btnAsk svg,#btnChat svg{fill:#1F2b4a;} #btnChat:after{content:'+';display:block;line-height:44px;font-size:2rem;} .askbox #btnAsk svg{transition:all .25s ease-in-out;} .askbox #btnAsk:after{transition:all .25s ease-in-out;} .askbox.invert #btnAsk svg{fill:#FFF;} .askbox.invert #btnAsk:after{color:#FFF;} .askbox.invert #btnAsk:after{color:#1F2b4a;} .askbox:hover .asktitle{background-color:#1F2b4a !important;} .askbox:hover{border-color:#1F2b4a !important;} .askbox:hover img{border-color:#1F2b4a !important;} .askbox.invert:hover .asktitle{background-color:#fff !important;} .askbox.invert:hover{border-color:#fff !important;} .askbox.invert:hover img{border-color:#fff !important;} #content .askbox.invert:hover .asktitle h3{color:#1F2b4a;} body.green #content .askbox{border-color:#689400;} body.green #content .askbox .asktitle{background-color:#689400;} body.green #content .askbox img{border-color:#689400;} body.green .askbox:hover #btnAsk svg{fill:#689400;} body.berry #content .askbox{border-color:#A50050;} body.berry #content .askbox .asktitle{background-color:#A50050;} body.berry #content .askbox img{border-color:#A50050;} body.berry .askbox:hover #btnAsk svg{fill:#A50050;} body.ltblue #content .askbox{border-color:#238FBE;} body.ltblue #content .askbox .asktitle{background-color:#238FBE;} body.ltblue #content .askbox img{border-color:#238FBE;} body.ltblue .askbox:hover #btnAsk svg{fill:#238FBE;} body.teal #content .askbox{border-color:#13958d;} body.teal #content .askbox .asktitle{background-color:#13958d;} body.teal #content .askbox img{border-color:#13958d;} body.teal .askbox:hover #btnAsk svg{fill:#13958d;} body.orange #content .askbox{border-color:#DB6300;} body.orange #content .askbox .asktitle{background-color:#DB6300;} body.orange #content .askbox img{border-color:#DB6300;} body.orange .askbox:hover #btnAsk svg{fill:#DB6300;} body.gold #content .askbox{border-color:#9D8558;} body.gold #content .askbox .asktitle{background-color:#9D8558;} body.gold #content .askbox img{border-color:#9D8558;} body.gold .askbox:hover #btnAsk svg{fill:#9D8558;} body.red #content .askbox{border-color:#e03c31;} body.red #content .askbox .asktitle{background-color:#e03c31;} body.red #content .askbox img{border-color:#e03c31;} body.red .askbox:hover #btnAsk svg{fill:#e03c31;} body.red #content .askbox #btnChat:hover:after{color:#e03c31;} .askform{background-color:#fff;display:block;height:0px;overflow:hidden;box-sizing:border-box;transition:all .5s ease-in-out;padding:0px 24px;} .askbox.active .askform{height:500px;padding:24px;padding-bottom:56px;} .askbox.active #btnAsk:after{content:'-';margin-top:-2px;} .askbox.active #btnChat:after{content:'-';margin-top:-2px;} .askbox.active{width:476px;} #content .askbox.active .asktitle h3 + strong{height:26px;opacity:1;width:100%;} #content .askbox.active img{max-width:88px;left:-48px;bottom:-18px;} /*VERTICAL DIVIDERS*/ .col_half.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_half.dividerright + .col_half.col_last{padding-left:4%;border:none;} .col_two_third.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_two_third.dividerright + .col_one_third{padding-left:4%;} .col_three_fifth.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_three_fifth.dividerright + .col_two_fifth{padding-left:4%;} .col_three_fourth.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_three_fourth.dividerright + .col_one_fourth{padding-left:4%;} .col_one_third.dividerright{border-right:2px Solid #ddd;padding-right:8%;} .col_one_third.dividerright + .col_two_third{padding-left:4%;} .col_one_third.dividerright + .col_one_third{padding-left:4%;} .col_one_third.dividerright.small{padding-right:2%;margin-right:2%;padding-left:2%;} .col_one_third.dividerright.small + .col_one_third.col_last{padding-left:2%;padding-right:2%;} .section.dkblue p{color:#fff;} #content hr {border: none;display: block;width: 100%;margin: 32px auto;background-color: #b3b1b1;height: 2px;clear: both;} /*HIDE POTENTIAL CONNECT BUTTONS*/ #content .ctafooter p strong.arrow{display:none;} /*ASK AN EXPERT FORM*/ #expertform img{display:block;height:96px;width:96px;border-radius: 50%;border: 4px Solid #1F2b4a;float:left;margin-right:16px;} #expertform h3{margin-bottom:4px;line-height:1;padding-top:15px} #expertform h3 + strong{font-size:1.5rem;} #expertform img.green {border-color:#689400;} #expertform img.berry {border-color:#A50050;} #expertform img.teal {border-color:#13958d;} #expertform img.ltblue {border-color:#238fbe;} .col_one_third img:first-child{margin-bottom:8px;} .vcenter {position: absolute;top: 50%;transform: translateY(-50%);} @media (max-width: 1150px) { .banner h1.long{margin-top:28px;width:75%;font-size:2.625rem;line-height:1.25;} } @media (max-width: 1112px) { nav.secondary .container,nav.crumb .container{padding-left:32px;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:1.5rem;line-height:36px;padding:44px 0;} .banner.l4 .wrapper .container .logo.singleline:first-child + h1{line-height:80px;padding:40px 0;} } @media (max-width: 1024px) { .banner.l2 .bg{padding-top:64px;top:0px !important;} .banner.l3 .bg{padding-top:32px;top:0px !important;} nav.crumb{display:none;} .banner h1.long{margin-top:0px;width:100%;} .banner h1{font-size:2.625rem;} .banner h2{font-size:1.5rem;} .banner.l4{padding:0px;height:128px;top:0px !important;overflow:visible;} .banner.l4 .wrapper .container .logo:first-child{height:128px;} .banner.l4 .wrapper .container .logo:first-child img{height:100%;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:1.5rem;line-height:36px;padding:28px 0;} .banner.l4 .wrapper .container .logo:first-child:after{top:-24px;} .banner.l4 .wrapper .container .logo.singleline:first-child + h1{line-height:80px;padding:24px 0;} .banner.l4{position:relative;} .banner.l4 .wrapper, .banner.l4 .wrapper .container{height:100%;position:relative;} .banner.l4 h1:first-child{line-height:1.25;display:block;font-size:2.25rem;position: relative;top: 50%;transform: perspective(1px) translateY(-50%);} #content .askbox{display:none;} #content .askbox.chat{display:block;} nav.secondary {display:block;height:48px;overflow:hidden;position:relative;} nav.secondary .container{padding:0px;} nav.secondary ul:before{display:block;content:'Sub Navigation';height:48px;color:#1F2b4a;font-size:1.188rem;line-height:48px;text-align:left;font-weight:bold;font-family:lato;cursor:pointer;padding:0 32px;} nav.secondary:after{content:'\25BC';display:block;height:48px;width:48px;position:absolute;top:0px;right:0px;font-size:1.25rem;line-height:48px;text-align:center;color:#1F2b4a;pointer-events:none;} nav.secondary.active:after{content:'\25B2';} nav.secondary ul li a{line-height:1.5;display:block;width:100%;padding-left:32px;padding-top:10px;padding-bottom:10px;} nav.secondary ul li:first-child, nav.secondary ul li:first-child + li, nav.secondary ul li{display:block;margin:0px;padding:0;font-weight:normal;border:none;line-height:48px;float:none;text-transform:capitalize;border-top:2px Solid #fff;} nav.secondary > .container > ul > li:first-child > a{text-transform:uppercase;} nav.secondary ul li:first-child ul li > a{text-transform:capitalize;} nav.secondary.active{height:auto !important;} nav.secondary ul li:first-child a{padding-left:32px;} nav.secondary ul.expandable + ul li.rowbreak a {padding-left:32px;} nav.secondary ul li a.current + ul{display:block;} nav.secondary ul li a.current + ul:before{display:none;} /*nav.secondary ul li a.current + ul li a{padding-left:48px;}*/ nav.secondary ul li a.current + ul li ul a{padding-left:72px;} nav.secondary div ul:first-child li:first-child a {padding-right: 0;padding-left: 32px;} nav.secondary div ul:first-child li:first-child+li {padding-left: 0;} nav.secondary.sticky {position: relative;top: auto;left: auto;z-index: 0;box-shadow: none;} nav.secondary ul.expandable + ul li:first-child a{padding-left:32px;text-transform:none;} nav.secondary ul.expandable li.expandSecondaryNav{display:none;} nav.secondary ul.expandable + ul{display:block;} nav.secondary ul.expandable + ul:before{display:none;} nav.secondary ul li ul{padding-left:16px;text-transform:none;} nav.secondary ul li ul li a{text-transform:none !important;} nav.secondary ul.expandable + ul br{display:none;} #content .section .container .col_two_third.dividerright {padding-right: 4%;} #content .section .container .col_two_third.dividerright+.col_one_third.col_last{padding-left:0%;} } @media (max-width: 865px){ .imgleft .col_half{ width: 30.63%; } .imgleft .col_half.col_last{ width: 65.33%; } .imgright .col_half{ width: 65.33%; } .imgright .col_half.col_last{ width: 30.63%; } .ctafooter .col_one_third, .ctafooter .col_two_third {float: none;width: 100%;margin: 0;clear: both;} .banner.l4 .wrapper .container .logo:first-child:after {top: -12px;} } @media (max-width: 760px) { .w600 {max-width: 100%;} .container .col_one_third.col_last .sidenav{display:none;} .banner h1, .banner h1.long{font-size:2rem;} nav.secondary div ul:first-child li:first-child a{padding-right:0px;padding-left:16px;} nav.secondary ul:before, nav.secondary ul li:first-child a, nav.secondary ul li a{padding-left:16px;} nav.secondary ul.expandable + ul li.rowbreak a {padding-left:16px;} nav.secondary ul li a.current + ul{display:block;} /*nav.secondary ul li ul li:first-child a, nav.secondary ul li ul li a{padding-left:32px;}*/ nav.secondary ul li ul:before{display:none;} /*nav.secondary ul li a.current + ul li a{padding-left:32px;}*/ nav.secondary ul li a.current + ul li ul a{padding-left:48px;} nav.secondary ul.expandable + ul li:first-child a{padding-left:16px;text-transform:none;} #content .col_half, #content .col_three_fourth, #content .col_one_fourth{display:block;float:none;width:100%;clear:both;margin-right:0px;margin-bottom:32px;height:auto !important;} #content .col_half.col_last{margin-bottom:0px;} #content .col_half ul:last-child{margin-bottom:0px;} .imgright .container, .imgright.container{display:flex;flex-direction: column-reverse;} .imgright .container img, .imgright.container img{display:block;margin-bottom:32px;} .imgright > .col_three_fifth:first-child, .imgright > .col_three_fifth:first-child + .col_two_fifth{display:block;float:none;margin:0px;padding:0px;width:100%;} #content .imgright .col_half{margin-bottom:0px;overflow:hidden;} #content .col_half p:last-child{margin-bottom:0px;} .banner.l2.rlogo .container{display:flex;flex-direction: column-reverse;} .banner.l2.rlogo .container .col_two_third:after{display:none;} .banner.l2.rlogo .container .col_one_third, .banner.l2.rlogo .col_two_third{float:none;margin:0px;padding:0px;display:bock;clear:both;width:100%;height:auto !important;} .banner.l2.rlogo .container .bulogo{float:none;padding-left:0px;position: static;top:0;transform:none;max-width:200px;margin-bottom:16px;} #content .section .container .col_one_third, #content .section .container .col_two_third{width:100%;display:block;float:none;clear:both;margin-bottom:16px;height:auto !important;border-right:none !important;} #content .section .container .col_last{margin-bottom:0px !important;} .col_half.dividerright{padding-right:0px;border-right:none;} .col_half.dividerright + .col_half.col_last, .col_two_third.dividerright + .col_one_third{padding-left:0px;} .col_three_fifth.dividerright{width:100%;clear:both;float:none;margin-bottom:32px;border-right:none;height:auto !important;} .col_three_fifth.dividerright + .col_two_fifth{width:100%;clear:both;float:none;margin-bottom:0px;padding-left:0px;height:auto !important;} #content .imgintro .container .col_two_third + .col_one_third.col_last {display: none;} #content .logointro .container .col_two_third.dividerright + .col_one_third.col_last{display: none;} .tcenter{text-align:left;} .vcenter{position:static;top:auto;transform:none;} .container+.container {margin-top: 32px;} .mnobottommargin{margin-bottom:0px !important;} #content .section:not(:first-child) .col_two_fifth, #content .section:not(:first-child) .col_three_fifth {width: 100%;float: none;clear: both;margin: 0px;} .section:not(:first-child) .csitem {margin-bottom: 32px!important;} .banner.l4 h1:first-child {line-height: 1.25;display: block;font-size: 2rem;position: static;transform: none;padding-top: 12px;} } @media (max-width: 560px){ .ctafooter iframe, iframe.mainform{height:1100px !important;} #content .askbox.active img{display:none;} #content .askbox.active .asktitle {padding:4px 12px 4px 12px;} #content .askbox.active #btnAsk{right:-8px;} #content .askbox.active{right:16px;width:calc((100%) - 32px);height:auto;} #content .askbox.active .asktitle h3 + strong{overflow:inherit;height:auto;display:inline;} #content .askbox.active .askform{padding-left:12px;padding-right:12px;} #content .askbox.active .asktitle h3{line-height:32px;} #expertform.ctafooter img{display:none;} #expertform.ctafooter h3+strong{font-size:1.25rem;display:block;border-bottom:2px Solid #CCC;padding-bottom:8px;margin-bottom:16px;} } @media (max-width: 435px){ .ctafooter iframe, iframe.mainform{height:1200px !important;} } @media (max-width: 760px){ /*NEED TO KEEP AN EYE ON THIS*/ #content .section:first-child:not(.imgintro):not(.logointro):not(.mnav) .col_two_third{width:100%;float:none;clear:both;margin:0px;padding-right:0px;border-right:0px; height:auto !important;} #content .section:first-child:not(.imgintro):not(.logointro):not(.mnav) .col_two_third + .col_one_third.col_last{width:100%;float:none;clear:both;margin:0px;margin-top:32px; height:auto !important;} } /*##################################################################################################################################################################################### #### POTENTIAL LEVEL 3 CODE ########################################################################################################################################################### #####################################################################################################################################################################################*/ .sidenav.alt{margin-top:16px;padding-top:16px;} #content .sidenav ul, #content.sidenav ul li{margin:0px;padding:0px;display:block;list-style:none;} #content .sidenav ul li{margin-bottom:6px;} #content .sidenav ul li:before{display:none;} #content .sidenav ul li a{transition:all .25s ease-in-out;text-decoration:none;color:#1F2b4a;} #content .sidenav ul li a:before {display: block;content: '\25b8';color: #1F2b4a;position: absolute;margin-left: -24px;transition: all .25s ease-in-out;top:0px;} #content .sidenav:not(.alt) ul li:first-child{padding-left:0px;} #content .sidenav:not(.alt) ul li:first-child a{font-size:1.375rem;text-decoration:none;text-transform:capitalize;margin-bottom:8px;padding-bottom:8px;font-family:Montserrat;display:block;} #content .sidenav:not(.alt) ul li:first-child a:before{display:none;} #content .sidenav ul li a:hover:before{transform:scale(1.5);} body.gold #content .sidenav ul li a{color:#1F2b4a;} body.gold #content .sidenav ul li a.current{color:#9D8558;} body.gold #content .sidenav ul li a:before{color:#9D8558;} body.gold #content .sidenav ul li a:hover{text-decoration:none;} body.gold #content .sidenav ul li:first-child a{border-bottom:2px Solid #9D8558;} body.gold #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.green #content .sidenav ul li a{color:#1F2b4a;} body.green #content .sidenav ul li a.current{color:#689400;} body.green #content .sidenav ul li a:before{color:#689400;} body.green #content .sidenav ul li a:hover{text-decoration:none;} body.green #content .sidenav ul li:first-child a{border-bottom:2px Solid #689400;} body.green #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.red #content .sidenav ul li a{color:#1F2b4a;} body.red #content .sidenav ul li a.current{color:#e03c31;} body.red #content .sidenav ul li a:before{color:#e03c31;} body.red #content .sidenav ul li a:hover{text-decoration:none;} body.red #content .sidenav:not(.alt) ul li:first-child a{border-bottom:2px Solid #e03c31;} body.red #content .sidenav:not(.alt) ul li:first-child a.current{color:#1F2b4a;} body.red #content .sidenav.alt{border-top:2px Solid #e03c31;} body.dkblue #content .sidenav ul li a{color:#1F2b4a;} body.dkblue #content .sidenav ul li a.current{color:#1F2b4a;} body.dkblue #content .sidenav ul li a:before{color:#1F2b4a;} body.dkblue #content .sidenav ul li a:hover{text-decoration:none;} body.dkblue #content .sidenav ul li:first-child a{border-bottom:2px Solid #1F2b4a;} body.dkblue #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.ltblue #content .sidenav ul li a{color:#1F2b4a;} body.ltblue #content .sidenav ul li a.current{color:#238FBE;} body.ltblue #content .sidenav ul li a:before{color:#238FBE;} body.ltblue #content .sidenav ul li a:hover{text-decoration:none;} body.ltblue #content .sidenav ul li:first-child a{border-bottom:2px Solid #238FBE;} body.ltblue #content .sidenav ul li:first-child a.current{color:#1F2b4a;line-height:25px;} body.teal #content .sidenav ul li a{color:#1F2b4a;} body.teal #content .sidenav ul li a.current{color:#13958d;} body.teal #content .sidenav ul li a:before{color:#13958d;} body.teal #content .sidenav ul li a:hover{text-decoration:none;} body.teal #content .sidenav ul li:first-child a{border-bottom:2px Solid #13958d;} body.teal #content .sidenav ul li:first-child a.current{color:#1F2b4a;} body.orange #content .sidenav ul li a{color:#DB6300;} body.orange #content .sidenav ul li a.current{color:#DB6300;} body.orange #content .sidenav ul li a:before{color:#DB6300;} body.orange #content .sidenav ul li a:hover{text-decoration:none;} body.orange #content .sidenav ul li:first-child a{border-bottom:2px Solid #DB6300;} body.orange #content .sidenav ul li:first-child a.current{color:#DB6300;} body.berry #content .sidenav ul li a{color:#1F2b4a;} body.berry #content .sidenav ul li a.current{color:#A50050;} body.berry #content .sidenav ul li a:before{color:#A50050;} body.berry #content .sidenav ul li a:hover{text-decoration:none;} body.berry #content .sidenav ul li:first-child a{border-bottom:2px Solid #A50050;} body.berry #content .sidenav ul li:first-child a.current{color:#1F2b4a;} @media (max-width: 1000px) { #content ul.col3.large li{display:inline-block;width:49%;} #content ul.col3.large li.extend{width:100%;} .stack1000.col_one_fourth{width:48%;} .stack1000.col_one_fourth:first-child + .col_one_fourth{margin-right:0px;margin-bottom:16px;} .stack1000.col_one_fourth:first-child{margin-bottom:16px;} } @media (max-width: 800px){ #content .section:first-child .container .col_three_fourth:first-child { width: 100%;float: none;margin: 0;} #content ul.col3 li{display:inline-block;width:49%;} #content ul.col3 li.extend{width:100%;} } @media (max-width: 760px){ .mwhite{background-color:#fff !important;} #content .section .container .mgray{background-color:#efefef;display: block;width: calc((100%) - -32px);position: relative;left: -16px;padding: 32px 16px;} } @media (max-width: 600px){ #content .stack600.col_one_fourth{width:48%;float:left;clear:none;margin-right:4%;} #content .stack600.col_one_fourth:first-child + .col_one_fourth{margin-right:0px;margin-bottom:16px;} #content .stack600.col_one_fourth:first-child{margin-bottom:16px;} #content ul.col3.large li{display:block;width:100%;} #content ul.col3.large li.extend{width:100%;} #content ul.col3 li{display:block !important;width:100% !important;} #content ul.col3 li.extend{width:100% !important;} } @media (max-width: 420px){ #content .stack600.col_one_fourth{width:100%;float:none;margin-bottom:16px;} #content .stack600.col_one_fourth.col_last{margin-bottom:0px;} } /*FOR RESOURCES FEED*/ #content ul.resource-feed{width:calc((100%) + 32px);position:relative;left:-16px;} /*UNIVERSAL SIZING*/ #content ul.resource-feed li{width:calc((25%) - 32px);margin:0px 16px 32px 16px;float:Left;} /*UNIVERSAL SIZING*/ #content ul.resource-feed{display:block;padding:0;margin:0;list-style:none;} #content ul.resource-feed:after{content:'';clear:both;float:none;display:block;} #content ul.resource-feed li{/*width:25%;float:left;margin-right:2%;margin-bottom:23px;*/box-shadow: 1px 1px 5px #0003;display:block;padding:0;list-style:none;border:1px Solid #ccc;background-color:#fff;} #content ul.resource-feed li:before{display:none;} #content ul.resource-feed article{display:block;position:relative;height:100%;padding-bottom:36px;} #content ul.resource-feed article a{display:block;text-decoration:none;} #content ul.resource-feed article p.restype{display:block;color:#df3427;font-size:.95em;margin-bottom:5px;font-weight:600;padding-left:8px;} #content ul.resource-feed article h3 {display:block;font-size:1.1em;font-weight:bold;color:#555;padding-left:8px;margin-bottom:16px;text-decoration:none;padding-top:0px;} #content ul.resource-feed article h3 a{display:block;color:#555;text-decoration:none;} #content ul.resource-feed article h3 a:hover{display:block;color:#333;text-decoration:underline;} #content ul.resource-feed article a.readmore{position:absolute;bottom:0px;left:0px;width:100%;text-decoration:none;} #content ul.resource-feed article a.readmore{display:block;background-color:#efefef;padding:0px 8px;line-height:32px;font-size:.95em;font-weight:bold;color:#676767;margin-bottom:0px;transition:all .25s ease-in-out;} #content ul.resource-feed article a.readmore:hover{color:#df3427;} #content ul.resource-feed article a.readmore:after{content:'\25b8';position:absolute;top:0px;right:8px;font-size:1.25em;display:block;line-height:32px;} #content ul.resource-feed article a img{display:block;width:100%;margin-bottom:8px;} #content ul.resource-feed.col3 li{width:calc((33.3%) - 32px);} @media (max-width: 1024px){ #content ul.resource-feed li{width:calc((33.3%) - 32px) !important;} } @media (max-width: 760px){ #content ul.resource-feed li{width:calc((50%) - 32px) !important;} } @media (max-width: 500px){ #content ul.resource-feed{width:100% !important;left:auto;} #content ul.resource-feed li{width:100% !important;float:none;height:auto !important;margin:0px 0px 32px 0px;} }