/* Minification failed. Returning unminified contents. (594,71): run-time error CSS1036: Expected expression, found '}' */ /* 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:19px;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:14px;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:24px;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:20px;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:24px;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{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:20%;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;} nav.mainmenu .mega.cols ul li .icon svg{fill:#fff;} nav.mainmenu .mega.cols ul li.title strong{display:block;text-align:center;} nav.mainmenu .mega.cols ul li.title a{text-transform:uppercase;font-size:17px;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:16px;position:relative;display:inline-block;} 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.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;} /*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: 19px;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: 24px;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:16px;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: 20px;font-family: Montserrat;padding-bottom:0px;} nav.mainmenu .mega.m2 ul.sub4 li.title a{text-transform: uppercase;font-size: 24px;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.sub1 li.title strong a{font-size:24px;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:16px;padding-left:16px;display:block;border-bottom:1px dotted #fff;position:relative;margin-bottom:0;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a span{font-size:14px;font-style:italic;display:block;color:#565656;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a{line-height:1.25;padding:8px 16px;display:block;transition:all .25s ease-in-out;} nav.mainmenu .mega.m3 ul.sub1 li.xitem a:hover{background-color:#efefef;} nav.mainmenu .mega.m3 ul.sub1 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:16px;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:20px;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);} /*########################################################################################################################################################*/ /*####### 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:19px;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: 22px;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:19px!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 .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;padding:} 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:19px;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:16px;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:19px;font-size:24px;font-weight:bold;font-family:Montserrat;text-transform:uppercase;padding-bottom:0px;} nav.mainmenu .industrynav ul li.title p{color:#000;font-size:16px;} 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: 475px) { nav.mainmenu .topnav_mobile ul li a{padding:0 8px;} nav.mainmenu .topnav_mobile ul li a span.icon{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:14px;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: 23.5%;} nav.mainmenu .mega.m1 ul.sub2 li a {margin-left: 24.5%;} nav.mainmenu .mega.m1 ul.sub3 li a {margin-left: 19.5%;} nav.mainmenu .mega.m1 ul.sub4 li a {margin-left: 19%;} 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: 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;} } /*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:10px;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:19px;margin-bottom:16px;line-height:1.5} #content h2{color:#1F2b4a;font-family:Montserrat;font-size:36px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h3{color:#1F2b4a;font-family:Montserrat;font-size:32px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h4{color:#1F2b4a;font-family:Montserrat;font-size:26px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h5{color:#1F2b4a;font-family:Montserrat;font-size:20px;font-weight:800;line-height:1.25;margin-bottom:16px;} #content h2.small{font-size:32px;} #content h2.xsmall{font-size:28px;} #content h2.large{font-size:56px;} #content h3.small{font-size:28px;} #content h3.xsmall{font-size:24px;} #content h4.small{font-size:22px;} #content h4.xsmall{font-size:18px;} /*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:19px;} #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:19px;position:relative;margin-top:16px;margin-bottom: 0;} #content p a.arrow:after, a.arrow:after{content:'\279E';font-size:24px;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:20px;} #content p strong.arrow:after, strong.arrow:after{content:'\00bb';font-size:24px;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:20px;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:36px;color:#fff;font-family:Montserrat;font-weight:800;} #content .overlap h3.large{font-size:42px;} #content .overlap p{font-size:19px;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:20px;text-align:center;} .overlap .col_one_fourth strong{font-size:36px;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:20px;text-align:center;} .overlap .col_one_fifth strong{font-size:36px;display:block;font-family:Montserrat;font-weight:800;} #content .overlap p.small{font-size:15px;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:50px;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:32px;} #content h2.large{font-size:48px;} #content h2.small{font-size:28px;} #content p a.arrow, a.arrow{font-size:19px;} } @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:28px;} #content .overlap h3{font-size:28px;} #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:28px;} #content h2.large{font-size:32px;} #content h3{font-size:26px;} #content h4{font-size:22px;} #content h5{font-size:20px;} #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:32px;} .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;} /*##################################################################################################################################################################################### #### 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:24px;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:16px;margin-bottom:32px;} .disclaimer{clear:both;font-size:12px;} #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:16px;} #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:18px;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:16px;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:16px;font-family:Lato;} @media (max-width: 1000px){ #footer .phone span{font-size:14px;} #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: 19px;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:20px;} #footer address{font-size:14px;} #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:16px !important;} #footer .disclaimer ul{margin-bottom:8px;} .disclaimer{text-align:center;} .disclaimer br{display:none;} .disclaimer p{font-size:12px !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;} /* BANNER */ .banner.home .wrapper{padding-top:200px;text-align:center;background-color:transparent;} .banner.home h1{font-family:Montserrat;font-size:56px;text-transform:uppercase;color:#1F2b4a;line-height:1.25;text-align:center;font-weight:800;margin-bottom:32px;} .banner.home h1 span{color:#e03c31;} .banner.home .logo{display:block;height:160px;width:160px;margin:0px auto;margin-bottom:32px;} .banner.home .logo svg .navy{fill:#1F2b4a;} .banner.home .logo svg .white{fill:#fff;} .banner.home p{max-width:100%;} .banner.home p a.button{border:0px Solid #1F2b4a;position:relative;text-transform:uppercase;margin:0px;top:0px;text-align:center;} .banner.home p a.button:hover{border:4px Solid #e03c31;top:-4px;} /* HP VIDEO BACKGROUND */ .banner.home.video .bg{background-image:none;background-color:#1F2b4a;background-color:#fff;height:100%;} .banner.home.video .bg > video{width:100%;display:block;} .banner.home.video .bg:after{top:0;left:0;content:'';z-index:2;display:block;position:absolute;height:100%;width:100%;background-color:rgba(255,255,255,.50);/*background-image:url(../img/testvideo-overlay.png);background-size:cover;background-repeat:none;*/} .banner.home.video .container{width:788px;margin:0;position:absolute;z-index:3;left:50%;margin-left:-394px;padding:0;} #vidbg-control{position:absolute;right:32px;bottom:80px;z-index:5;} #vidbg-control{background-color:#1F2b4a;background-color:#555;transition:all .25s ease-in-out;height:32px;width:32px;border-radius:4px;} #vidbg-control:hover{background-color:#238FBE;} #vidbg-control div{display:none;height:100%;width:100%;position:absolute;top:0px;left:0px;} #vidbg-control div.active{display:block;} #vidbg-control div svg{fill:#fff;height:100%;width:100%;} /*CAROUSEL ELEMENTS*/ .carcontainer{position:relative;} #content .col2slider .owl-nav{display:none;} /*#content .col2slider-menu{display:block;position:relative;top:-48px;z-index:99;}*/ #content .col2slider-menu{display:block;position:relative;top:0px;z-index:99;} #content .col2slider-menu ul, #content .col2slider-menu ul li{display:block;margin:0px;padding:0px;list-style:none;} #content .col2slider-menu ul li{display:inline-block;margin-right:8px;} #content .col2slider-menu ul li:before{display:none;} #content .col2slider-menu ul li:last-child{margin-right:0px;} #content .col2slider-menu ul li a{line-height:44px;display:block;height:48px;width:48px;background-color:#fff;border-radius:50%;color:#1F2b4a;text-decoration:none;border:2px Solid #1F2b4a;text-align:center;transition:all .25s ease-in-out;} #content .col2slider-menu ul li a.active, #content .col2slider-menu ul li a.active:hover{background-color:#1F2b4a;color:#fff;} #content .col2slider-menu ul li a:hover{background-color:#fff;color:#238FBE;} .owl-carousel.owl-loaded{outline:0;} #content ul.owl-carousel li{padding-left:0px;background-color:#fff;} #content ul.owl-carousel.owl-drag .owl-item{background-color:#fff;} #content ul.owl-carousel li:before{display:none;} /*CONTACT STRIPE*/ .contact-stripe p br{display:none;} section.contact-stripe {background-color:#238FBE;display:block;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;} @media (max-width: 525px) { section.contact-stripe {height:auto;padding:12px 0;} } /*CASE STUDY ITEMS*/ #content .csitem img{margin-bottom:8px;} #content .csitem img + p{margin-bottom:0px;} #content .csitem p strong{font-size:20px;} /*portfolio home*/ .porthome > a{float:left;width:calc((33.33%) - 32px);position:relative;display:block;overflow:hidden;background-color:#fff;margin:16px;} .porthome > a:after{content:''; display:block;height:100%;width:100%;background-color:rgba(0,0,0,.75);position:absolute;top:0px;left:0px;transition:all .25s ease-in-out;opacity:0;} .porthome > a:after{content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath style='fill:%23FFFFFF;' d='M65.3,66.6c-0.7,0.4-1.4,0.7-2.2,0.8c-2.5,0.3-4.9-1.5-5.2-4c-0.4-2.7,1.4-5.1,4-5.5c1.9-0.3,3.5,0.4,4.6,2 c1.1,1.6,1.2,3.3,0.2,5.1c-0.1,0.2-0.1,0.3,0.1,0.5c1,1,2,2,3,3c0.4,0.4,0.4,0.8,0.2,1.2c-0.2,0.4-0.6,0.6-1,0.5 c-0.2,0-0.5-0.2-0.7-0.4c-1-1-1.9-1.9-2.9-2.9C65.4,66.8,65.4,66.7,65.3,66.6z M59.2,62.6c0,1.9,1.5,3.4,3.4,3.4 c1.9,0,3.4-1.5,3.4-3.4s-1.5-3.4-3.4-3.4C60.7,59.2,59.2,60.7,59.2,62.6z'/%3E%3C/svg%3E%0A");} .porthome > a:hover:after{opacity:1;} .porthome > a img{display:block;} .porthome:after{content:'';display:block;float:none;clear:both;} a.portfolio-video:after{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' style='fill:%23fff;'%3E%3Cpath d='M28.2,26.7v10.1l9.5-5L28.2,26.7z M35.3,31.7l-5.9,3.1v-6.3L35.3,31.7z'/%3E%3C/svg%3E%0A");} .porthome > .csitem{float:left;width:calc((33.33%) - 32px);position:relative;display:block;overflow:hidden;background-color:#fff;margin:16px;text-align:left;} .cert-logo{width: 100%;max-width: 286px;} .cert-logo svg{fill:#1F2B4A;} @media (max-width: 760px) { .porthome > a{width:calc((50%) - 16px);margin:8px;} .porthome > .csitem{width:calc((50%) - 16px);margin:8px;} } @media (max-width: 500px) { .porthome > .csitem{width:100%;margin:0px;margin-bottom:24px;height:auto !important;} #content .porthome > .csitem p a.arrow{margin-top:0px;} } /*HP PRODUCTS SECTION*/ .overlap.overlap-products-hp .container:first-child .col_half{min-height:0px;padding-bottom:0px;} #content .hp-products{margin:0;padding:0;margin-top:24px;} #content .hp-products .product-item{display:block;margin:0;padding:0;background-color:transparent !important;} #content .hp-products.owl-carousel.owl-drag .owl-item{background-color:transparent !important;} #content .hp-products + p{text-align:center;} #content .hp-products .product-item a{display:block;text-align:center;outline:0;max-height:64px;max-width:250px;margin:0px auto;} #content .hp-products .product-item a img{display:block;max-height:64px;max-width:250px;width:auto;height:auto;margin:0px auto;margin-bottom:16px;} #content .hp-products .product-item a + p{text-align:center;max-width:300px;} #content .hp-products .product-item a:focus{border: 1px Solid #fff;margin-bottom:16px;} #content .hp-products .product-item a:active{border:none;} #content .hp-products{position:relative;} #content .hp-products .owl-prev{font-size:0px;position:absolute;top:50%;left:0px;outline:1;margin-top:-64px;} #content .hp-products .owl-next{font-size:0px;position:absolute;top:50%;right:0px;outline:1;margin-top:-64px;} #content .hp-products .owl-next:before{content:'\203A';display:block;outline:0;text-align:center;font-weight:bold;font-size:128px;height:128px;width:128px;line-height:96px;color:rgba(255,255,255,.75);transition:all .25s ease-in-out;} #content .hp-products .owl-prev:before{content:'\2039';display:block;outline:0;text-align:center;font-weight:bold;font-size:128px;height:128px;width:128px;line-height:96px;color:rgba(255,255,255,.75);transition:all .25s ease-in-out;} #content .hp-products .owl-next:hover:before, #content .hp-products .owl-prev:hover:before{color:rgba(255,255,255,.99);} #content .hp-products .owl-next:focus:before, #content .hp-products .owl-prev:focus:before{color:rgba(255,255,255,.99);} #content .hp-products .owl-prev:focus, #content .hp-products .owl-next:focus{outline:0;} #content .hp-products .owl-prev:focus:after, #content .hp-products .owl-next:focus:after{content:'';display:block;width:64px;height:76px;border:2px Solid #fff;position:absolute;top:50%;left:50%;margin-top:-42px;margin-left:-33px;} @media (max-width: 1024px){ #content .overlap-products-hp .col_half{width:40%;} #content .overlap-products-hp .col_half.col_last{width:56%;} } @media (max-width: 850px){ #content .overlap-products-hp .col_half{width:100%;float:none;clear:both;margin:0;text-align:center;} #content .overlap-products-hp .col_half.col_last{width:100%;float:none;clear:both;margin:0;text-align:center;} } @media (max-width: 500px){ #content .hp-products .owl-prev{left:-48px;} #content .hp-products .owl-next{right:-48px;} #content .hp-products .product-item a img{max-width:calc((100%) - 48px);} #content .hp-products .product-item a + p{max-width:calc((100%) - 48px);} } /*########################################################################################################################################################*/ /*####### RESPONSIVE Laptop ##############################################################################################################################*/ /*########################################################################################################################################################*/ /*FOR LAPTOP*/ @media (max-height: 768px) { .banner.home .wrapper{padding-top:176px;} .banner.home h1{font-size:48px;} .banner.home .logo{height:128px;width:128px;} } @media (max-width: 1024px){ .banner.home.video .container{width:600px;margin-left:-300px;} .banner.home.video .bg > video{height:auto !important;width:100% !important;} #vidbg-control{right:32px;bottom:32px;} .banner.home.fs{height:480px !important;} .banner.home .bg { background-image: url(../img/home/banner_1024.jpg);/* background-position:left; */ } .banner.home .wrapper{padding-top:64px;} .banner.home h1{font-size:42px;} .banner.home .logo{height:128px;width:128px;margin-bottom:16px;} .banner.home .bg{top:0px !important;} .banner.home .scrollAnimate, .banner.home .slideAnimate{opacity:1;} #content .col2slider-menu{top:0px;} } @media (max-width: 900px) { .col_one_fourth.csitem{width:48%;} .col_one_fourth.csitem:nth-child(even){margin-right:0px;} } @media (max-width: 880px){ .banner.home.video .bg > video{height:100% !important;width:auto !important;} } @media (max-width: 835px) { #content .col2slider .col_half.col_last{min-height:320px;overflow:hidden;} #content .col2slider .col_half.col_last img{width:auto;height:320px;margin-left:-120px;} } @media (max-width: 760px){ .banner.home.video .container{position:relative;width:auto;margin-left:auto;left:auto;} .banner.home.video h1{margin-bottom:0px;} #vidbg-control{display:none;} div#bgvid{height:100% !important;width:100% !important;background-image:url(../img/home/rrd-home-480.jpg);background-repeat:no-repeat;background-size:cover;position:absolute;top:0;} .banner.home .wrapper {padding: 32px 0;} .banner.home .logo{display:none;height:96px;width:96px;} .banner.home.fs{height:auto !important;} .banner.home h1{font-size:32px;padding:0 16px;max-width:400px;margin:0px auto;} .banner.home h1 br{display:none;} .banner.home .bg { background-image: url(../img/home/banner_760.jpg); } /* .ico5 .col_one_fifth{width: 30.63%; margin-bottom:16px;} .ico5 .col_one_fifth + .col_one_fifth{width: 30.63%; margin-bottom:16px;} .ico5 .col_one_fifth + .col_one_fifth + .col_one_fifth{width: 30.63%; margin-right:0px; margin-bottom:16px;} .ico5 .col_one_fifth + .col_one_fifth + .col_one_fifth + .col_one_fifth{width: 30.63%; margin-left: 13.33%; margin-bottom:0px;} .ico5 .col_one_fifth.col_last{width: 30.63%; margin-right: 86.67%;margin-bottom:0px;} */ #content .col2slider .col_half{padding-bottom:0px;margin-bottom:0px;} #content .col2slider .col_half.col_last img{height:auto;margin-left:0px;max-width:400px;width:100%;} #content .col2slider .col_half.col_last{min-height:0px;display:none;} } @media (max-width: 525px){ #content .contact-stripe p a.arrow{margin-top:0px;} section.contact-stripe {height:auto;padding:12px 0;} } @media (max-width: 480px) { .banner.home h1{margin-bottom:32px;} .banner.home .bg { background-image: url(../img/home/banner_480.jpg);} } @media (max-width: 400px) { .banner.home.fs{height:auto !important;} .banner.home h1{font-size:28px;} /* .ico5 .col_one_fifth, .ico5 .col_one_fifth + .col_one_fifth, .ico5 .col_one_fifth + .col_one_fifth + .col_one_fifth, .ico5 .col_one_fifth + .col_one_fifth + .col_one_fifth + .col_one_fifth, .ico5 .col_one_fifth.col_last{width: 48%;margin-right:4%;margin-bottom:16px;} .ico5 .col_one_fifth{} .ico5 .col_one_fifth + .col_one_fifth{margin-right:0px;} .ico5 .col_one_fifth + .col_one_fifth + .col_one_fifth{} .ico5 .col_one_fifth + .col_one_fifth + .col_one_fifth + .col_one_fifth{margin-right:0px;margin-left:0px;} #content .ico5 .col_one_fifth.col_last{margin-left:26%;} */ } @media (max-width: 365px) { #content .contact-stripe p a.arrow{padding-right:0px;} .contact-stripe p br{display:block;} } /*ADAPTIVE VIDEO*/ #divMobileBanner{position:relative;background-image:url(../img/home/rrd-home-720.jpg);background-size:cover;min-height:800px;overflow:hidden;} #divMobileBanner img{display:none;} #divMobileBanner:after{content:'';display:block;position:absolute;height:100%;width:100%;background-color:rgba(255,255,255,.5);z-index:1;top:0;left:0;} #divMobileBanner .wrapper{position:relative;z-index:2;} @media (max-width: 1024px) { #divMobileBanner{min-height:480px;} } @media (max-width: 760px) { #divMobileBanner{background-image:none;min-height:0;} #divMobileBanner img{display:block;width:100%;height:auto;} #divMobileBanner:after{display:none;} #divMobileBanner .wrapper{padding:0px;} #divMobileBanner h1{position:relative;z-index:5;max-width:100%;display:block;width:100%;background-color:#1F2b4a;color:#fff;font-family:Montserrat;font-size:32px;text-align:center;padding:16px;line-height:1.25;} #divMobileBanner h1 span{color:#e03c31;} #divMobileBanner .logo{display:block;height:128px;width:128px;position:absolute;top:25%;left:50%;margin-left:-64px;margin-top:-64px;z-index:2;} } @media (max-width: 500px) { #divMobileBanner .logo{height:96px;width:96px;margin-left:-48px;margin-top:-48px;} #divMobileBanner h1 br{display:none;} #divMobileBanner h1{font-size:24px;} } @media (max-width: 520px) { .ico4 .col_one_fourth{width: 48%; margin-bottom:16px;} .ico4 .col_one_fourth:nth-child(odd){margin-right:0px;} } /*RRD OVERVIEW VIDEO*/ p#overview-video, #overview-video{display:block;position:relative;padding:56.25% 0 0 0;} p#overview-video iframe, #overview-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;} /* #divMobileBanner h1 br{display:none;} #divMobileBanner{position:relative;} #divMobileBanner div.wrapper img{display:block;width:100%;opacity:0;height:auto;} #divMobileBanner div.wrapper:after{content:'';display:block;position:absolute;height:100%;width:100%;background-color:rgba(255,255,255,.5);z-index:1;top:0;left:0;} #divMobileBanner .logo{display:block;height:128px;width:128px;position:absolute;top:50%;left:50%;margin-left:-64px;margin-top:-64px;z-index:2;} #divMobileBanner .logo svg .navy{fill:#1F2b4a;} #divMobileBanner .logo svg .white{fill:#fff;} #divMobileBanner h1{display:block;width:100%;background-color:#1F2b4a;color:#fff;font-family:Montserrat;font-size:32px;text-align:center;padding:16px;line-height:1.25;} #divMobileBanner h1 span{color:#e03c31;} */ /* @media (max-width: 760px) { #divMobileBanner div.wrapper{background-image:none;} #divMobileBanner div.wrapper img{opacity:1;} } @media (max-width: 500px) { #divMobileBanner .logo{height:96px;width:96px;margin-left:-48px;margin-top:-48px;} #divMobileBanner h1 br{display:none;} #divMobileBanner h1{font-size:26px;} } */ /* FOR VPT STRIPTE */ #content .vpt-stripe{text-align:center;background-color:#1F2b4a;padding-top:0px;padding-bottom:32px;position:relative;} #content .vpt-stripe h2{color:#fff;display:block;background-color:rgba(0,0,0,.1);padding:16px;margin-bottom:32px;} #content .vpt-grid:after{content:'';clear:both;display:block;} #content .vpt-item{width:14%;display:inline-block;text-align:left;margin-left:2%;} #content .vpt-item:first-child{margin-left:0%;} #content .vpt-item h3{color:#fff;font-size:20px;} #content .vpt-item{background-color:#fff;padding:0px;border:0px solid #ccc;background-color:rgba(255,255,255,.05);} #content .vpt-item:first-child{margin-left:0%;} #content .vpt-item .loctype{padding:4px 8px;background-color:#efefef;display:none;} #content .vpt-item h3{color:#1F2b4a;font-size:20px;margin:0px;padding:4px 8px;color:#efefef;} #content .vpt-item p:last-child{padding:4px 8px;margin:0px;background-color:#efefef;} #content .vpt-item p:last-child a{padding-right: 32px;color: #1F2b4a;text-decoration: none;font-family: Montserrat;font-weight: 800;text-transform: uppercase;line-height: 1;display: inline-block;font-size: 14px;position: relative;color:#333;} #content .vpt-item p:last-child a:after {content: '\279E';font-size: 16px;line-height: 14px;display: inline-block;position: relative;top: 1px;width: 28px;margin-right: -32px;padding-left: 4px;transition: all .25s ease-in-out;} #content .vpt-item p:last-child a:before {content: '';display: block;width: 0%;background-color: #238FBE;transition: all .25s ease-in-out;position: absolute;bottom: -4px;height: 2px;left: 0px;} #content .vpt-item p:last-child a:hover:before {width: calc((100%) - 28px);} .view-all{position:absolute;top:24px;right:32px;} .view-all a{color:#efefef;font-size:18px;} #content .vpt-item h3{display:none;} #content .vpt-item p.small{background-color:#efefef;margin:0px;padding:4px 8px;font-weight:bold;font-size:18px; font-family: Montserrat; color: #1F2b4a;padding-bottom:0px;} #content .vpt-item p:last-child{padding-top:0px;} #content .col4 .vpt-item{width:22%;display:inline-block;text-align:left;margin-left:2%;background-color:#fff;border:1px solid #ccc;} #content .col4 .vpt-item:first-child{margin-left:0%;} #content .col4 .vpt-grid{max-width:1600px;margin:0px auto;} #content .vpt-stripe.col4{background-color:#efefef;} #content .col4 .vpt-item p.small{background-color:#fff;} #content .col4 .vpt-item p:last-child{padding:4px 8px;margin:0px;background-color:#fff;} #content .col4.vpt-stripe h2{color:#fff;display:block;background-color:rgba(31,43,74,.95);padding:32px;margin-bottom:32px;} #content .vpt-item.car{width:50%;display:block;margin-left:0%;background-color:#fff;border:1px solid #ccc;position:relative;left:25%;} #content .vpt-item.car:first-child{margin-left:0%;} #content .overlap.vpt{padding-top:0px;} #content .overlap.vpt h3{padding-top:28px;} #content .overlap.vpt .wrapper{padding-bottom:48px;} /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; /*background: url("owl.video.play.png") no-repeat;*/ cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; }