@charset "UTF-8"; @import url(https://p.typekit.net/p.css?s=1&k=idu7ked&ht=tk&f=24537.24539.24543.24545.24547.24549.26494.26496.26498.26499.26500&a=11923302&app=typekit&e=css); @font-face { font-family: sofia-pro; src: url(https://use.typekit.net/af/0c5f71/00000000000000003b9b1aa0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff2"),url(https://use.typekit.net/af/0c5f71/00000000000000003b9b1aa0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("woff"),url(https://use.typekit.net/af/0c5f71/00000000000000003b9b1aa0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 900 } @font-face { font-family: sofia-pro; src: url(https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/30420e/00000000000000003b9b1a9e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 700 } @font-face { font-display: swap; font-family: sofia-pro; src: url(https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/572508/00000000000000003b9b1a96/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 300 } @font-face { font-display: swap; font-family: sofia-pro; src: url(https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/b4d13d/00000000000000003b9b1a9a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 500 } @font-face { font-display: swap; font-family: sofia-pro; src: url(https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/5855b2/00000000000000003b9b1a98/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 400 } @font-face { font-display: swap; font-family: sofia-pro; src: url(https://use.typekit.net/af/7158ff/00000000000000003b9b1a9c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff2"),url(https://use.typekit.net/af/7158ff/00000000000000003b9b1a9c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("woff"),url(https://use.typekit.net/af/7158ff/00000000000000003b9b1a9c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 600 } @font-face { font-display: swap; font-family: ingra; src: url(https://use.typekit.net/af/f96626/00000000000000003b9acd6a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/f96626/00000000000000003b9acd6a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/f96626/00000000000000003b9acd6a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 700 } @font-face { font-display: swap; font-family: ingra; src: url(https://use.typekit.net/af/65070c/00000000000000003b9acd6b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff2"),url(https://use.typekit.net/af/65070c/00000000000000003b9acd6b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("woff"),url(https://use.typekit.net/af/65070c/00000000000000003b9acd6b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 800 } @font-face { font-display: swap; font-family: ingra; src: url(https://use.typekit.net/af/92b39d/00000000000000003b9acd66/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff2"),url(https://use.typekit.net/af/92b39d/00000000000000003b9acd66/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("woff"),url(https://use.typekit.net/af/92b39d/00000000000000003b9acd66/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 200 } @font-face { font-display: swap; font-family: ingra; src: url(https://use.typekit.net/af/d280e6/00000000000000003b9acd69/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/d280e6/00000000000000003b9acd69/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/d280e6/00000000000000003b9acd69/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 500 } @font-face { font-display: swap; font-family: ingra; src: url(https://use.typekit.net/af/583f09/00000000000000003b9acd68/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/583f09/00000000000000003b9acd68/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/583f09/00000000000000003b9acd68/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype"); font-display: auto; font-style: normal; font-weight: 400 } .tk-sofia-pro { font-family: sofia-pro,sans-serif } .tk-ingra { font-family: ingra,sans-serif } body, html { margin: 0; padding: 0; border: 0; vertical-align: top; font: 200 22px/1.25em ingra,arial,sans-serif; color: #777; background-image: none !important; } body { -webkit-transition: linear; -ms-transition: all 0s linear; -moz-transition: linear; transition: linear } address, article, footer, header, nav, section { display: block } img { vertical-align: bottom; border: 0; max-width: 100%; display: flex } [loading=lazy] { display: flex } .text-left img { margin-left: 0; margin-right: auto } .text-center img { margin-left: auto; margin-right: auto } .text-right img { margin-left: auto; margin-right: 0 } .text-white a:not([class]) { color: #fff !important } a { color: #206877 } a, a:hover { text-decoration: none; } a:hover { color: #98c220; } /*Commenting out this rule since is causing a bug with the home page slider*/ *, :after, :before { position: relative; /*-webkit-transition: .3s linear; -ms-transition: all .3s linear; -moz-transition: .3s linear; transition: .3s linear;*/ zoom: 1; box-sizing: border-box } .header-top, .header-top:after, .header-top:before { position: relative; -webkit-transition: .3s linear; -ms-transition: all .3s linear; -moz-transition: .3s linear; transition: .3s linear; zoom: 1; box-sizing: border-box } .accordion-content, .checklist-cta-checklist-wrapper, .header-spacer, .home-content . , .home-content .home-content-wrapper p, .rellax, .rellax:after, .rellax:before, .slick-slide { -webkit-transition: linear; -ms-transition: all 0s linear; -moz-transition: linear; transition: linear } .desktop-only { display: flex } .mobile-only { display: none } .ada-tocontent { position: fixed; top: 0; left: 50%; transform: translate(-50%,0); z-index: 1000; width: 100% } .ada-tocontent a { margin: 10px auto auto 10px; top: -100px; position: absolute; padding: 10px } .container { padding-top: 100px; padding-bottom: 100px } .container-fluid, .container-fluid-fixed { max-width: 100% } .container-fluid-fixed > .row { max-width: 1140px; margin: auto } .bg-grey { background-color: #fbfcfe } .bg-white { background-color: #fff } iframe { max-width: 100% } .padding-top-0 { padding-top: 0 } .padding-top-5 { padding-top: 5px } .padding-top-10 { padding-top: 10px } .padding-top-15 { padding-top: 15px } .padding-top-20 { padding-top: 20px } .padding-top-25 { padding-top: 25px } .padding-top-30 { padding-top: 30px } .padding-top-40 { padding-top: 40px } .padding-top-45 { padding-top: 45px } .padding-top-50 { padding-top: 50px } .padding-top-60 { padding-top: 60px } .padding-top-90 { padding-top: 90px } .padding-top-100 { padding-top: 100px } .padding-bottom-0 { padding-bottom: 0 } .padding-bottom-5 { padding-bottom: 5px } .padding-bottom-10 { padding-bottom: 10px } .padding-bottom-15 { padding-bottom: 15px } .padding-bottom-20 { padding-bottom: 20px } .padding-bottom-30 { padding-bottom: 30px } .padding-bottom-40 { padding-bottom: 40px } .padding-bottom-45 { padding-bottom: 45px } .padding-bottom-50 { padding-bottom: 50px } .padding-bottom-60 { padding-bottom: 60px } .padding-bottom-75 { padding-bottom: 75px } .padding-bottom-90 { padding-bottom: 90px } .padding-bottom-100 { padding-bottom: 100px } .bttn { display: inline-block; text-transform: uppercase; background: #99c221; border-radius: 5px; padding: 15px 25px; color: #fff; font-size: 18px; font-weight: 500; text-decoration: none; margin-top: 28px } .bttn:hover { background: #fff !important; color: #99c221 !important; -webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,.25); box-shadow: 0 2px 30px 0 rgba(0,0,0,.25); text-decoration: none } .bttn.grey { color: #333; background: #e7e7e7 } .bttn.grey:hover { color: #fff; background: #1f6779 } .bttn.small { padding: 0 15px; font-size: 14px } .bttn.nospacing { margin-top: 0 } button.bttn { border: 0; -webkit-appearance: none } .product-config-video-wrapper:hover:before { border-left: 40px solid #fff; opacity: .9; } .product-config-video-wrapper:hover:after { border: 4px solid #fff; box-shadow: 0 2px 30px 0 rgb(0 0 0 / 25%); opacity: .9; } .header-spacer { height: 152px; } .header-spacer.hasalert { height: 194px; } header { position: fixed; left: 0; top: 0; width: 100%; z-index: 999; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.05); box-shadow: 0 0 10px 0 rgba(0,0,0,.05) } header.attop { background: 0 0; -webkit-box-shadow: 0 0 10px 0 transparent; box-shadow: 0 0 10px 0 transparent } .alert-banner { background: #99c122; background: -moz-linear-gradient(left,#99c122 0,#206779 100%); background: -webkit-linear-gradient(left,#99c122 0,#206779 100%); background: linear-gradient(to right,#99c122 0,#206779 100%); color: #fff; font-size: 16px; padding: 5px; z-index: 4 } .alert-banner a { color: #fff; text-decoration: underline } .alert-banner p { margin: 0 } .header-top { padding: 20px 15px 0; margin-top: -52px } header.attop .header-top { margin-top: 0 } .aux-nav-wrapper { display: flex; flex-flow: row wrap; justify-content: normal; align-content: center; align-items: center; color: #707070 } .aux-nav-wrapper > div.aux-search { flex: 1 1 auto; padding-left: 0; text-align: right; max-width: 300px; margin-left: auto } .aux-nav-wrapper > div { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto; padding-left: 20px; font-size: 14px; position: relative; } .aux-nav-wrapper .search-container { display: inline-block; width: 0; vertical-align: middle; border: 1px solid transparent; height: 30px; border-radius: 999px; overflow: hidden } .aux-nav-wrapper .aux-search.active .search-container { width: calc(100% - 35px); border-color: #99c221 } .aux-nav-wrapper .search-container label { height: 0; width: 0; position: absolute; overflow: hidden } .aux-nav-wrapper .search-container input[type=text] { border: 0; border-radius: 0; -webkit-appearance: none; text-align: left; width: calc(100% - 35px); float: left; background: 0 0; padding-left: 20px } .aux-nav-wrapper .search-container button { width: 35px; float: right; height: 28px; color: #99c221 } .aux-nav-wrapper > div.aux-phone { white-space: nowrap } .aux-nav-wrapper button { margin: 0; padding: 0; background: 0 0; cursor: pointer; border: 0; -webkit-appearance: none; color: #707070; font-weight: 200; position: relative; } .aux-nav-wrapper button.aux-searchbttn { width: 25px; display: inline-block; vertical-align: middle } .aux-nav-wrapper button.aux-searchbttn i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 22px } .aux-nav-wrapper .aux-search button i.ico-search, .aux-nav-wrapper .aux-search.active button i.ico-times { opacity: 1 } .aux-nav-wrapper .aux-search button i.ico-times, .aux-nav-wrapper .aux-search.active button i.ico-search { opacity: 0 } .aux-nav-wrapper button span { height: 0; width: 0; display: block; position: absolute; overflow: hidden } .aux-nav-wrapper ul, .aux-nav-wrapper ul li { margin: 0; padding: 0; list-style: none } .aux-nav-wrapper .location-dropdown { display: none; position: absolute; left: 20px; top: 100%; background: #fff; border-top: 4px solid #99c221; width: 150px; z-index: 99 } .aux-nav-wrapper .aux-location button.active + .location-dropdown { display: block } .aux-nav-wrapper .location-dropdown a { font-size: 12px; padding: 5px 10px; display: block; line-height: 1.5em } .aux-nav-wrapper .location-dropdown a:hover { color: #99c221 } .aux-nav-wrapper a { color: #707070; text-decoration: none } .aux-location button i { font-size: 10px; margin-left: 4px } .aux-nav-wrapper .bttn { text-transform: none; margin-top: 0 } a.back-nav { display: none } .fixed-mobile-promo { display: none; } @media screen and (max-width:768px) { .fixed-mobile-promo { display: block; } } .fixed-mobile-promo { background: #fff; font-size: 14px; padding: 5px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1; } .alert-banner ~ #divMobilePromo .fixed-mobile-promo { top: 65px; } .fixed-mobile-promo p { margin: 0; } .fixed-mobile-promo .bttn { display: inline-block; border-radius: 5px; padding: 5px 15px 5px 15px; font-size: 14px; font-weight: 500; text-decoration: none; margin: 0 auto 0 auto; width: auto; } .header-bottom { padding: 5px 15px 10px; z-index: 4 } @media screen and (max-width:768px) { header.fixed .header-bottom { margin-top: -130px } } header.fixed nav ul li:first-child { display: none; } header.fixed nav ul li:nth-child(2) { display: none; } header.fixed nav ul li:nth-child(3) { display: none; } header.fixed nav ul li:nth-child(4) { display: none; } header.fixed nav ul li:nth-child(5) { display: none; } .header-bottom * { position: static } .header-bottom > .row, .header-top > .row { max-width: 1670px; margin-left: auto; margin-right: auto } .header-logo img { max-height: 82px; width: auto; height: auto; max-width: initial } .header-logo img[src*=".svg"] { height: 100% } .mobilephone-ico { display: none; margin-right: 15px; height: 24px; width: 24px } .mobilephone-ico svg { width: 24px; height: 24px } .mobilemenu-toggle { display: none; -webkit-appearance: none; border: 0; margin: 0; border-radius: 0; width: 30px; height: 30px; background: 0 0; padding: 0; position: relative; cursor: pointer } .mobilemenu-toggle span, .mobilemenu-toggle:after, .mobilemenu-toggle:before { display: block; width: 100%; height: 2px; background: #333; overflow: hidden; text-indent: -999px; position: absolute; top: 50%; margin-top: -1px; content: "" } .mobilemenu-toggle:before { margin-top: -9px } .mobilemenu-toggle:after { margin-top: 7px } .expanded .mobilemenu-toggle span { opacity: 0 } .expanded .mobilemenu-toggle:before { transform: rotate(45deg); margin-top: -1px } .expanded .mobilemenu-toggle:after { transform: rotate(-45deg); margin-top: -1px } nav ul, nav ul li { margin: 0; padding: 0; list-style: none; text-align: left } nav > ul { display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: center; align-items: center } nav > ul > li { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto; position: relative !important } nav ul li.hasmm { position: static !important } nav ul li > a, nav ul li > span { font-size: 18px; color: #333; font-weight: 500; text-decoration: none; display: block; padding: 32px 20px 32px; z-index: 2; position: relative !important; cursor: pointer } nav ul li a:hover > span, nav ul li:hover > span { text-decoration: none; color: #99c221 } nav > ul > li > a:not(.bttn):after, nav > ul > li > span:not(.bttn):after { position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #99c221; content: "" } nav > ul > li.active > a:not(.bttn):after, nav > ul > li.active > span:not(.bttn):after, nav > ul > li:hover > a:not(.bttn):after, nav > ul > li:hover > span:not(.bttn):after { width: 100% } nav ul li a.bttn { margin: 0 0 0 15px } nav ul li > .mm-dropdown, nav > ul > li > .simple-submenu ul, nav > ul > li > .simple-submenu ul ul { display: block; background: #fff; opacity: 0; overflow: hidden; visibility: hidden; height: 0; -webkit-transition: .5s linear; -ms-transition: all .5s linear; -moz-transition: .5s linear; transition: .5s linear } nav > ul > li > .simple-submenu ul li { position: relative !important } .mm-dropdown .container { padding-top: 0; padding-bottom: 0; max-width: 1265px } .nav-description { padding: 0 5px 25px; font-size: 16px; line-height: 1.2em; color: #333 } nav ul li:hover .simple-submenu ul, nav ul li:hover > .mm-dropdown { opacity: 1; overflow: visible; visibility: visible; height: auto } nav ul li > .mm-dropdown, nav > ul > li > .simple-submenu ul { position: absolute !important; left: 0; top: calc(100% - 1px); width: 250px; z-index: 1 } nav > ul > li > .simple-submenu ul, nav > ul > li > .simple-submenu ul ul { padding: 0 } nav > ul > li > .simple-submenu ul a, nav > ul > li > .simple-submenu ul span { font-size: 14px; display: block; padding: 4px 25px } nav > ul > li > .simple-submenu ul a > span { padding: 0 } nav > ul > li > .simple-submenu ul ul { top: 0; right: 100%; position: absolute !important; width: 250px } .sub-heading { display: none } nav ul li > .mm-dropdown { width: 100%; top: auto; margin-top: 0; padding: 0; -webkit-box-shadow: 0 15px 15px 0 rgba(0,0,0,.05); box-shadow: 0 15px 15px 0 rgba(0,0,0,.05) } nav ul li:hover > .mm-dropdown { padding: 35px 0 } nav ul li > .mm-dropdown ul { margin-bottom: 25px } nav ul li > .mm-dropdown ul > li > a, nav ul li > .mm-dropdown ul > li > span { font-size: 18px; padding: 5px } nav ul li > .mm-dropdown ul > li ul a, nav ul li > .mm-dropdown ul > li ul span { font-size: 14px; padding: 5px } nav ul li > .mm-dropdown ul > li ul { display: flex !important; flex-flow: row wrap; justify-content: flex-start; align-content: stretch; align-items: stretch } nav ul li > .mm-dropdown ul > li ul > li { flex: 0 1 33.33%; align-self: auto; min-width: 33.33%; min-height: auto } .navCTA-image-block { display: block; overflow: hidden; border-radius: 10px; padding: 0 !important; position: relative } .navCTA-image-block span { position: absolute; display: block; bottom: 0; left: 0; width: 100%; background: #1f6779; color: #fff; padding: 10px 15px } .navCTA-image-block:hover span { color: #99c221 } .navmenu-featured-button, .navmenu-featured-wrapper ~ div { margin-top: 20px } .navmenu-featured-block { overflow: hidden; border-radius: 10px; position: relative; -webkit-box-shadow: 0 2px 30px 0 rgba(0,0,0,.25); box-shadow: 0 2px 30px 0 rgba(0,0,0,.25) } .navmenu-featured-block-title { text-align: center; font-size: 16px; font-weight: 500; text-transform: uppercase; background: #1f6779; color: #fff; padding: 15px } .navmenu-featured-block li, .navmenu-featured-block ul { margin: 0; padding: 0; list-style: none } .navmenu-featured-block ul { padding: 22px 32px; margin: 0 !important } nav ul li > .mm-dropdown .navmenu-featured-block ul > li > a { padding: 6px 0 6px 14px; font-weight: 500; font-size: 16px; line-height: 20px } .navmenu-featured-block .arrow { width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 5.2px; border-color: transparent transparent transparent #9ac221; display: inline-block; position: absolute; top: 50%; left: 0; margin-top: -3px } .navmenu-featured-block li a:hover { color: #99c221 } .navmenu-featured-button a { margin: 0 !important; width: 100%; display: block; text-transform: inherit; text-align: center } .expand-menu { display: none } .home-hero { height: 100vh; min-height: 1200px; overflow: hidden; background: #ffffff; } .home-content { position: absolute; top: 50%; left: 0; transform: translate(0,-50%); width: 100%; font-size: 20px; z-index: 2 } .home-content .home-content-wrapper { padding-right: 30px } .home-content h1 { margin: 0; padding: 0 0 25px; font-size: 45px; font-weight: 500; color: #333 } .home-radio-wrapper { background-color: rgba(240, 240, 240, .7); border-radius: 16px; border: 1px solid #ffffff; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.15); padding: 2em 2em; margin-right: -100px; margin-left: 100px; z-index: 2; } .home-radio-wrapper h2 { font-size: 26px; text-transform: none; color: #333333; } .home-radio-wrapper .summary { font-size: 18px; } .home-radio-wrapper .summary span { font-size: 30px; font-weight:500; color: #98c220; } .custom-radio-group { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 10px; } /* Make each card clickable */ .radio-card { position: relative; display: flex; flex-direction: column; align-items: center; background-color: #ffffff; border-radius: 16px; border: 1px solid #D3D3D3; padding: 1rem .5rem .5rem .5rem; cursor: pointer; transition: all 0.2s ease; width: 31%; text-align: center; } /* Hide the native radio button */ .radio-card input[type="radio"] { display: none; } /* The custom radio icon */ .custom-radio-icon { display: inline-block; width: 20px; height: 20px; background-image: url('/media/23008/radio-unselected.svg'); background-size: cover; background-repeat: no-repeat; position: absolute; top: 10px; left: 10px; transition: transform 0.2s ease; } /* Checked state */ .radio-card input[type="radio"]:checked + .custom-radio-icon { background-image: url('/media/23007/radio-selected.svg'); transform: scale(1.1); } /* Visual feedback on hover/checked */ .radio-card:hover { box-shadow: 0 0 0 2px rgba(153, 194, 33, 0.3); } .icon-driver-safety { width: 60px; height: 60px; background-image: url('/media/23014/driver-safety.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .icon-driver-safety-green { width: 60px; height: 60px; background-image: url('/media/23016/driver-safety-green.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .radio-card input[type="radio"]:checked ~ .radio-content .icon-driver-safety { background-image: url('/media/23016/driver-safety-green.svg'); } /* Change image on hover */ .radio-card:hover .icon-driver-safety { background-image: url('/media/23016/driver-safety-green.svg'); } .icon-sustainability { width: 60px; height: 60px; background-image: url('/media/23009/step-2-sustainability.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .icon-sustainability-green { width: 60px; height: 60px; background-image: url('/media/23017/step-2-sustainability-green.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .radio-card input[type="radio"]:checked ~ .radio-content .icon-sustainability { background-image: url('/media/23017/step-2-sustainability-green.svg'); } /* Change image on hover */ .radio-card:hover .icon-sustainability { background-image: url('/media/23017/step-2-sustainability-green.svg'); } .icon-cost-management { width: 60px; height: 60px; background-image: url('/media/23010/step-2-cost-management-1.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .icon-cost-management-green { width: 60px; height: 60px; background-image: url('/media/23018/step-2-cost-management-1-green.png'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .radio-card input[type="radio"]:checked ~ .radio-content .icon-cost-management { background-image: url('/media/23018/step-2-cost-management-1-green.png'); } /* Change image on hover */ .radio-card:hover .icon-cost-management { background-image: url('/media/23018/step-2-cost-management-1-green.png'); } .icon-compliance { width: 60px; height: 60px; background-image: url('/media/23013/step-2-eld-and-compliance.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .icon-compliance-green { width: 60px; height: 60px; background-image: url('/media/23019/step-2-eld-and-compliance-green.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .radio-card input[type="radio"]:checked ~ .radio-content .icon-compliance { background-image: url('/media/23019/step-2-eld-and-compliance-green.svg'); } /* Change image on hover */ .radio-card:hover .icon-compliance { background-image: url('/media/23019/step-2-eld-and-compliance-green.svg'); } .icon-maintenance { width: 60px; height: 60px; background-image: url('/media/23012/step-3-provide-accurate-teas.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .icon-maintenance-green { width: 60px; height: 60px; background-image: url('/media/23020/step-3-provide-accurate-teas-green.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .radio-card input[type="radio"]:checked ~ .radio-content .icon-maintenance { background-image: url('/media/23020/step-3-provide-accurate-teas-green.svg'); } /* Change image on hover */ .radio-card:hover .icon-maintenance { background-image: url('/media/23020/step-3-provide-accurate-teas-green.svg'); } .icon-other { width: 60px; height: 60px; background-image: url('/media/23011/inventory-management.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .icon-other-green { width: 60px; height: 60px; background-image: url('/media/23021/inventory-management-green.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0 auto; } .radio-card input[type="radio"]:checked ~ .radio-content .icon-other { background-image: url('/media/23021/inventory-management-green.svg'); } /* Change image on hover */ .radio-card:hover .icon-other { background-image: url('/media/23021/inventory-management-green.svg'); } .radio-content img { display: block; margin: 0 auto 5px; width: 60px; } .radio-content span { font-weight: 500; font-size: 12px; line-height: 13px; color: #333; display:block; } .hero-bttns { padding-top: 2% } .hero-bttns .bttn:first-child { margin-right: 20px } .hero-img:after { content: ""; clear: both; display: block } .hero-img > div { display: inline-block } .hero-img .hero-img-1 { float: right } .hero-img .hero-img-1 .desktop-only { height: 600px } .home-hero-leftimg, .home-hero-rightimg { top: 0; width: 100%; opacity: 0.6; z-index: 1 } .home-hero-leftimg img { transform: scale(0.8) translate(32%,-14%); } .home-hero-rightimg img { transform: scale(0.8) translate(-24%,-77%); } .home-hero-leftimg { right: 85% } .home-hero-rightimg { left: 60% } .hero-bug { position: absolute; left: 5%; bottom: 0; z-index: 5; transform: rotate(-90deg); transform-origin: 0 50% } .hero-bug .hero-bug-text { display: block; text-transform: uppercase; color: #4e4e4e; font-size: 12px; font-weight: 600 } .hero-bug.white-text .hero-bug-text { color: #fbfcfe } .hero-bug .hero-bug-line { width: 55px; height: 2px; vertical-align: middle; display: inline-block; margin-right: 15px; overflow: hidden } .hero-bug .hero-bug-line:before { width: 0; height: 2px; background: #82a6b0; display: block; content: ""; right: 0; top: 0; position: absolute; -webkit-animation: 4s infinite scrollbugline; -moz-animation: 4s infinite scrollbugline; animation: 4s infinite scrollbugline } @keyframes scrollbugline { 0% { width: 0; right: 0 } 25%,75% { width: 100%; right: 0 } 100% { width: 0; right: 100% } } .breadcrumb-container + .container, .breadcrumb-container + .site-wrapper .grid-section > .container:first-child { padding-top: 50px } .breadcrumb-container { padding-top: 10px !important; padding-bottom: 10px !important; font-size: 14px; color: #333 } .breadcrumb-container a { color: #333; text-decoration: underline } .breadcrumb-container span.breadcrumb { color: #979797 } .h2, h2 { text-transform: uppercase; color: #98c220; font-size: 18px; font-weight: 500; margin: 0; padding: 0 0 10px } .h3, h3 { font-size: 32px; font-weight: 500; color: #333; margin: 0; padding: 0 0 24px; text-transform: none } .h4, h4 { font-size: 20px; font-weight: 600; color: #333; margin: 0 0 10px } .site-wrapper { overflow: hidden } .animated { opacity: 0 } hr { height: 2px; border: 0; background: #f3f3f3; width: 90%; max-width: 660px; margin: auto; padding: 0 } .font-18 { font-size: 18px } img.imgrounded { border-radius: 10px } img.bottommargin { margin-bottom: 25px } .offset-row:before { background: #fff; content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 70px; display: block } .imgcta-bttn, .imgcta-bttn:hover { text-align: center; text-decoration: none; border-radius: 5px; padding: 45px 0; color: #7b7b7b; font-size: 20px; height: 100%; width: 100%; display: flex; flex-flow: column nowrap; justify-content: center; align-content: center; align-items: center } .imgcta-bttn:hover { -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); background: #1f6779 } .imgcta-bttn span { max-width: 215px; margin: auto; flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto } .imgcta-bttn:hover .imgcta-content, .imgcta-bttn:hover .imgcta-more, .imgcta-bttn:hover .imgcta-title { color: #fff } .imgcta-bttn .imgcta-img { padding-bottom: 35px } .imgcta-bttn .imgcta-title { font-weight: 600; color: #333; padding-bottom: 25px } .imgcta-bttn .imgcta-content { flex: 1 1 auto } .imgcta-bttn .imgcta-more { padding-top: 40px; color: #357982 } .imgcta-bttn .imgcta-more i { font-size: 18px; color: #aec364; display: inline-block; width: 0; opacity: 0; margin-bottom: -3px } .imgcta-bttn:hover .imgcta-more i { width: 18px; opacity: 1; margin-left: 10px } .fullheightsliderrow { overflow: hidden; position: relative; background: #fbfcfe; padding: 0 } .fullheightsliderrow-logo { position: absolute; top: -10%; left: 0; z-index: 1; background: url(../media/1031/footer-logo.png) center left no-repeat fixed; height: 120%; width: 100%; opacity: .02; display: block } .fullheightsliderrow .column, .fullheightsliderrow .row { height: 100%; position: relative; padding: 0; z-index: 2 } .fullheightsliderrow .contentslider-container-wrapper-inner, .fullheightsliderrow .contentslider-container-wrapper-outter { width: 100%; height: 100% } .fullheightsliderrow .contentslider-container-wrapper-outter { z-index: 1; pointer-events: none } .fullheightsliderrow .contentslider-container-wrapper-outter.active { z-index: 2; pointer-events: auto } .fullheightsliderrow .contentslider-container-wrapper-outter.active .contentslider-container-wrapper-inner { opacity: 1 } .fullheightsliderrow .contentslider-container-wrapper-inner { opacity: 0; top: 50%; left: 0; position: fixed; height: 100%; width: 100%; transform: translate(0,-50%) } .fullheightsliderrow .contentslider-container-wrapper-inner .contentslider-container { top: 50%; left: 50%; position: absolute; width: 100%; transform: translate(-50%,-50%); max-width: 1110px } .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child, .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child.active .contentslider-container-wrapper-inner, .fullheightsliderrow.slide-end-top .contentslider-container-wrapper-outter.first-child.active .contentslider-container-wrapper-inner { position: absolute } .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child .contentslider-container, .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child.active .contentslider-container-wrapper-inner .contentslider-container, .fullheightsliderrow.slide-end-top .contentslider-container-wrapper-outter.first-child.active .contentslider-container-wrapper-inner .contentslider-container { padding: 0 } .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child { bottom: 0 } .contentslider-container-wrapper-outter { position: relative } .fullheightsliderrow .contentslider-container .contentslider-content .dots-wrapper { display: none } .contentslider-container { display: flex !important; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: center; width: 100%; -webkit-transition: linear; -ms-transition: all 0s linear; -moz-transition: linear; transition: linear; max-width: 1110px; margin: auto } .contentslider-container > div { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto } .contentslider-container .contentslider-content { flex: 1 1 auto; font-size: 20px } .contentslider-container .contentslider-image { min-width: 50%; margin-left: 10% } .fullheightsliderrow.slide-end-top .active .contentslider-container .contentslider-image img { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } .fullheightsliderrow:not(.slide-end-top) .active .contentslider-container .contentslider-image img { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-name: zoomIn; animation-name: zoomIn } @keyframes slideImgReveal { 0% { width: 100% } 100% { width: 0 } } .contentslider-container .contentslider-image img { border-radius: 10px } .contentslider-container.reverse .contentslider-content { order: 2; margin-left: 10% } .contentslider-container.reverse .contentslider-image { order: 1; margin-left: 0 } .contentslider-container.reverse .contentslider-image img { margin: auto } .contentslider-bttn, .contentslider-bttn:hover { margin-top: 40px; color: #357982; text-decoration: none; display: inline-block } .contentslider-bttn i { font-size: 18px; color: #aec364; display: inline-block; width: 0; opacity: 0; margin-bottom: -3px } .contentslider-bttn:hover i { width: 18px; opacity: 1; margin-left: 10px } .contentslider-container .contentslider-content .dots-wrapper { padding-top: 40px } .contentslider-container-wrapper-inner { background-size: auto 100%; background-repeat: no-repeat; background-position: center right } .contentslider-container-wrapper-inner[style] { padding: 90px 0 } .contentslider-container-wrapper-inner.bgleft { background-position: center left } .sliderrow { overflow-x: hidden } .testimonialslider-container { display: flex !important; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: flex-start; padding-bottom: 55px; width: 100% } .testimonialslider-container > div { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto } .testimonialslider-container .testimonialslider-content { flex: 1 1 auto; font-size: 20px; font-size: 30px; line-height: 1.5em; color: #333 } .testimonialslider-container .testimonialslider-content strong { font-size: 25px; font-weight: 600; line-height: inherit } .testimonialslider-container .testimonialslider-image { min-width: 280px; margin-right: 50px } .testimonialslider-container .testimonialslider-image-wrapper { display: inline-block; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; height: 225px; width: 225px; -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); box-shadow: 0 10px 40px 0 rgba(0,0,0,.05) } .testimonialslider-container .testimonialslider-image-wrapper img { position: absolute; width: 0; height: 0; opacity: 0 } .testimonialslider-container .testimonialslider-quote { background: #fff url(/media/1048/testimonialquote.png) center center no-repeat; display: block; position: absolute; left: 175px; top: 0; width: 95px; height: 95px; border-radius: 50%; -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); box-shadow: 0 10px 40px 0 rgba(0,0,0,.05) } .slick-list { overflow: unset } .fullheight-slidenav { padding-top: 40px } .slick-dots, .slick-dots li { margin: 0; padding: 0; list-style: none } .fullheight-slidenav, .slick-dots { display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: center; align-items: center } .fullheight-slidenav span, .slick-dots li { padding-right: 10px; flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto; height: 15px } .fullheight-slidenav button, .slick-dots li button { width: 50px; height: 6px; background: #333; text-indent: -999px; overflow: hidden; border: 0; margin: 0; padding: 0; position: relative } .fullheight-slidenav button.active, .fullheight-slidenav button:hover, .slick-dots li.slick-active button, .slick-dots li:hover button { background: #98c220 } .parallax-container { overflow: hidden; text-align: center; background: #fbfcfe; padding: 145px 25px; position: relative } .parallax-datapattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .15; z-index: 1; transform: translate(0,-100%) } .parallax-datapattern .parallax-datapattern-wrapper { width: 100%; height: 100% } .parallax-datapattern .parallax-datapattern-wrapper img { transform: scale(1.3) translateX(15%); } .parallax-content { width: 100%; max-width: 550px; margin: auto; z-index: 10 } .parallax-content h3 { margin-bottom: 20px } .parallax-img-wrapper { top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 2; overflow: hidden } .parallax-img { position: absolute; top: 0; background: #fff; border-radius: 999px; overflow: hidden; width: 120px; height: 120px; display: block; -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); opacity: 0; transition: opacity .3s linear; -webkit-transition: opacity .3s linear } .parallax-img[style] { -webkit-animation: 1s 1s forwards opacityAnimate; -moz-animation: 1s 1s forwards opacityAnimate; animation: 1s 1s forwards opacityAnimate } @keyframes opacityAnimate { 0% { opacity: 0 } 100% { opacity: 1 } } .parallax-img.customimg { width: auto; height: auto; padding: 14px 40px } .parallax-img img, .parallax-img svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 60%; max-height: 60%; width: auto; height: auto } .parallax-img.customimg img, .parallax-img.customimg svg { max-width: initial; max-height: initial; position: relative; transform: translate(0,0); left: auto; top: auto; margin: auto } .parallax-img1 { left: 8%; top: 40% } .parallax-img2 { left: 15%; top: 100% } .parallax-img3 { left: 4%; top: 100% } .parallax-img4 { right: 10%; top: 40% } .parallax-img5 { right: 5%; top: 100% } .parallax-img6 { right: 12%; top: 115% } .subpage-hero { min-height: 500px; background: #fbfcfe; display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: center; overflow: hidden; padding: 2em 0; } .subpage-hero.reduced-Small { min-height: 250px } .subpage-hero.reduced-Medium { min-height: 325px } .subpage-hero.reduced-Large { min-height: 400px } .subpage-hero > div { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto } .subpage-hero-content { text-align: center; max-width: calc(500px + 10%); z-index: 3; padding: 0 5%; position: relative } .hero-style2 > .subpage-hero-content { position: absolute } div[class*=reduced-][class*=subpage-hero] .subpage-hero-content { padding-top: 10px; padding-bottom: 10px } .subpage-hero-content.text-white h1 { color: #fff } .subpage-hero-content :not(.bttn) { -webkit-transition: linear; -ms-transition: all 0s linear; -moz-transition: linear; transition: linear } .subpage-hero-content h1 { color: #333; font-weight: 600; line-height: 1em; font-size: 45px } .subpage-hero-content h1 + p { margin-top: 10% } .subpage-hero-content p { white-space: pre-line; font-size: 20px } .subpage-hero-content.style-4, .subpage-hero-content.style-5 { width: 100%; max-width: 100% } .subpage-hero > .subpage-hero-img, .subpage-hero > .subpage-hero-spacer { flex: 1 1 auto; min-height: 100%; z-index: 1; align-self: stretch } .subpage-hero > .subpage-hero-img { background-position: center center; background-repeat: no-repeat; background-size: cover } .subpage-hero > .subpage-hero-img .subpage-hero-img-mask { background: url(../media/1058/teardrop-mask.png) top right/auto 100% no-repeat; display: block; height: 100%; width: calc(100% + 2px); position: absolute; right: -2px; top: 0 } .subpage-hero > .subpage-hero-bgimg { position: absolute; z-index: 1; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; left: 0; top: 0 } .subpage-hero > .subpage-hero-bgimg:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(40,40,40,.68) } .hero-leftimg { width: 100%; top: 0; right: 90%; z-index: 2; opacity: .6; pointer-events: none; } .hero-leftimg img { transform: scale(0.8) translate(37%,-25%); } .hero-bottomimg { width: 50%; top: 100%; left: 50%; z-index: 2; opacity: .8 } .hero-bottomimg img { transform: scale(1.4) translate(16%,-189%); } .hero-style2 .hero-bottomimg { width: 50%; top: 0; left: 0; z-index: 2; opacity: .8 } .hero-style2 .hero-bottomimg img { transform: scale(2) translate(14%,14%); } .style-5 .hero-bottomimg { width: 100%; top: 0; left: 0; z-index: 2; opacity: .6 } .style-5 .hero-bottomimg img { transform: scale(1) translate(30%,-105%); } .subpage-hero-content.style-5 h2 { color: #333; font-weight: 400; line-height: 1em; font-size: 30px; text-transform: inherit } .blog-header-video { overflow: hidden; border-radius: 15px; display: inline-block; margin: auto } .blog-header-video a { display: block } .blog-header-video a:before { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 40px solid #99c221; content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%,-50%) } .blog-header-video a:after { position: absolute; z-index: 2; left: 50%; top: 50%; border: 4px solid #99c221; content: ""; display: block; width: 100px; height: 100px; border-radius: 50%; transform: translate(-50%,-50%) } .blog-header-video a:hover:after, .blog-header-video a:hover:before { opacity: .9 } .blog-header-video a:hover:before { border-left: 40px solid #fff } .blog-header-video a:hover:after { border: 4px solid #fff; box-shadow: 0 2px 30px 0 rgba(0,0,0,.25) } .bluebox-cta { border-radius: 10px; background: #206779; padding: 65px 5%; z-index: 500; } blockquote { border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; font-size: 25px; line-height: 1.4em; padding: 50px 60px 30px } blockquote.style-2:after, blockquote.style-2:before { background: url(../media/1048/testimonialquote.png) center center no-repeat #fff; display: block; position: absolute; left: -125px; top: 20px; width: 95px; height: 95px; border-radius: 50%; -webkit-box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); box-shadow: 0 10px 40px 0 rgba(0,0,0,.05); content: "" } blockquote.style-2:after, blockquote.style-2:before { left: 0; top: 20px; width: 50px; height: 50px; border-radius: 0; -webkit-box-shadow: 0 10px 40px 0 transparent; box-shadow: 0 10px 40px 0 transparent } blockquote.style-2:after { left: auto; top: auto; right: 0; bottom: 20px; transform: rotate(180deg) } .tab-block { font-size: 18px; display: none } .tab-block.active { display: block } .tab-block-nav { display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: center } .tab-block-nav .tab-block-link { align-self: auto; min-height: auto; padding: 0; flex: 0 1 auto; display: flex; margin: 0 1% } .tab-block-nav .tab-block-link button { border: 0; margin: 0; cursor: pointer; background: 0 0; color: #a1a1a1; text-transform: uppercase; font-size: 14px; padding: 10px 0 20px; white-space: nowrap } .tab-block-nav .tab-block-link button.active, .tab-block-nav .tab-block-link button:hover { color: #206877 } .tab-block-nav .tab-block-link button:after { position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #206877; content: "" } .tab-block-nav .tab-block-link button.active:after, .tab-block-nav .tab-block-link button:hover:after { width: 100% } .TwoColAccordion-block-link button { display: block; margin: 0; padding: 20px 10px; border: 0; width: 100%; background: 0 0; color: #206779; text-align: left; font-size: 20px } .TwoColAccordion-block-link button.active, .TwoColAccordion-block-link button:hover, .active .TwoColAccordion-block-link button { color: #fff; background: #206779 } .TwoColAccordion-block-link { border-bottom: 2px solid #f3f3f3 } .TwoColAccordion-block-linkwrapper > .TwoColAccordion-block-link:first-child, div > .TwoColAccordion-block:first-child > .TwoColAccordion-block-link { border-top: 2px solid #f3f3f3 } .TwoColAccordion-block, .TwoColAccordion-block .TwoColAccordion-block-link { display: none } .TwoColAccordion-block { font-size: 20px } .TwoColAccordion-block.active { display: block } .TwoColAccordion-imgblock, .TwoColAccordion-linkblock { display: block; margin-bottom: 25px } .TwoColAccordion-imgblock img, .TwoColAccordion-linkblock img { border-radius: 10px } .grid-bg:before { position: absolute; height: 100%; width: 100%; background-image: url(../media/1033/datapattern.svg); background-repeat: no-repeat; background-position: center right; left: -40%; top: 0; background-size: auto 175%; content: ""; opacity: .4; z-index: 1; } .grid-bg .row { z-index: 2 } .accordion-button { text-align: left; background: 0 0; border: 0; -webkit-appearance: none; padding: 20px 0 20px 25px; margin: 0; cursor: pointer; border-radius: 0; color: #206877; border-top: 1px solid #f3f3f3; font-size: 20px; display: block; width: 100% } .accordion-button.active { color: #333 } .accordion-button i { position: absolute; top: 25px; left: 0; width: 14px; height: 15px; text-align: center; line-height: 10px; border-radius: 50%; border: 2px solid #98c220; background: #98c220; color: #fff; display: block; font-size: 8px; padding-left: 1px } .accordion-button.active i.icon-minus { background: 0 0; color: #98c220; display: block; padding-left: 0 } .accordion-button i.icon-minus, .accordion-button.active i.icon-plus { display: none } .accordion-content { display: none; font-size: 18px; padding-left: 25px } .checklist-cta { border-radius: 10px; border: 1px solid #e0e0e0; background: #fff; padding: 45px 8%; font-size: 18px } .checklist-cta.active, .checklist-cta:not(.nohover):hover { transform: scale(1.1); z-index: 2; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); box-shadow: 0 0 20px 0 rgba(0,0,0,.1); border-color: #fff } .checklist-cta.active { z-index: 3 } .checklist-cta-title { font-weight: 500; color: #333; padding-bottom: 20px; font-size: 30px } .checklist-cta-subtitle { color: #333; font-size: 20px; font-weight: 600; padding-bottom: 20px } .checklist-cta-checklist { border-top: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; padding: 20px 0; font-weight: 500; color: #333; font-size: 16px } .checklist-cta li, .checklist-cta ol, .checklist-cta ul { list-style: none; margin: 0; padding: 0 } .checklist-cta li { padding: 5px 0 5px 25px } .checklist-cta li i.icon-check { position: absolute; top: 5px; left: 0; font-weight: 900; font-size: 14px; color: #206877; width: 14px; text-align: center } .checklist-cta-bttn { text-align: center } .checklist-cta-expand { cursor: pointer; border: 0; margin: 0; width: 100%; padding: 5px 0; border-radius: 0; -webkit-appearance: none; font-size: 14px; color: #206877; background: 0 0; text-align: left; overflow: hidden; display: none } .checklist-cta-expand i { float: right; line-height: 27px } .checklist-cta-expand.active i { transform: rotate(180deg) } .tag-filter, .tag-filter li { margin: 0; padding: 0; list-style: none } .tag-filter { margin-bottom: 50px } .tag-filter li a { display: block; padding: 10px 0; text-decoration: none } .post-nav-block a, .post-nav-block span { display: inline-block; color: #8d8e90; padding: 5px; font-size: 20px; text-decoration: none; border-radius: 5px; margin: 3px; min-width: 25px } .post-nav-block a.nav-link--active, .post-nav-block a:hover { background: #99c221; color: #fff } .blog-post-wrapper { display: flex !important; flex-flow: row nowrap; justify-content: center; align-content: stretch; align-items: stretch; border: 1px solid #dfdfdf; border-radius: 10px; margin-bottom: 20px; overflow: hidden } .blog-post-wrapper .blog-post-img { flex: 0 1 auto; align-self: auto; min-width: 225px; min-height: auto; background-size: cover; background-position: center center; background-repeat: no-repeat; min-height: 170px } .subpage-hero.blog-hero { overflow: initial } .subpage-hero.blog-hero h1 { padding-bottom: 50px } .subpage-hero.blog-hero .container { padding-top: 0; padding-bottom: 0 } .subpage-hero.blog-hero .container h1 { padding-bottom: 0 } .subpage-hero .blog-featured-img { min-height: 300px; border-radius: 10px; margin: 10px 0; background-size: cover; background-position: center center } .blog-databg-wrapper { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .blog-post-wrapper .blog-post-content { flex: 1 1 auto; align-self: center; min-width: 0; min-height: auto; padding: 20px; font-size: 18px } .blog-post-tags { padding-bottom: 14px; display: block } .blog-post-wrapper .blog-post-content .blog-post-meta, .blog-post-wrapper .blog-post-content .blog-post-title { padding-bottom: 15px; font-weight: 500 } .blog-post-wrapper .blog-post-content .blog-post-meta { font-size: 14px } .blog-post-wrapper .blog-post-content .blog-post-title { color: #333 } .blog-post-wrapper .blog-post-content .blog-post-excerpt { font-size: 16px; padding-bottom: 15px } .subpage-hero > div.subpage-hero-content.hasFeatured { max-width: 1170px; padding: 0; align-self: flex-end; text-align: left; width: 95% } .blog-featuredwrapper { min-height: 350px; overflow: hidden; -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); border-radius: 10px; background: #fff; margin-bottom: -130px } .blog-featuredwrapper .blog-post-wrapper { border: 0; margin: 0; min-height: 350px } .blog-featuredwrapper .blog-post-wrapper .blog-post-img { min-width: 400px; min-height: 350px } .hasFeaturedHero + .container { padding-top: 150px !important; padding-bottom: 0 !important } .hasFeaturedHero + .container.breadcrumb-container + .container { padding-top: 25px !important } .blog-featuredwrapper .blog-post-wrapper .blog-post-content { padding: 20px 10%; font-size: 20px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content .blog-post-title { font-size: 24px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content .blog-post-excerpt { font-size: 18px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content .dots-wrapper { padding-top: 45px } article .blog-post-meta { color: #333; padding-bottom: 20px } article .container { padding-left: 0; padding-right: 0 } article .grid-section > .container:first-child { padding-top: 0 } article .grid-section > .container:last-child { padding-bottom: 0 } .related-posts { display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: center } .related-posts .blog-post-wrapper { flex: 0 1 50%; align-self: auto; min-width: 0; min-height: auto; margin: 0 10px 10px; height: 100%; max-height: 232px } .related-posts .blog-post-wrapper .blog-post-content .blog-post-meta { padding-bottom: 5px } .related-posts .blog-post-wrapper .blog-post-content .blog-post-title { font-size: 20px } .social-sharing, .social-sharing li { list-style: none; margin: 0; padding: 0 } .social-sharing li a { display: block; width: 40px; height: 40px; border-radius: 50%; background: #ccc; margin-bottom: 20px; text-decoration: none } .social-sharing li a:before { display: block; width: 0; height: 0; position: absolute; left: 50%; top: 50%; background: #98c220; border-radius: 50%; transform: translate(-50%,-50%); content: "" } .social-sharing li a:hover:before { width: 100%; height: 100% } .social-sharing li a i { display: block; text-align: center; color: #fff; font-size: 22px; line-height: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .search-wrapper { border-bottom: 1px solid #969696; display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: center } .search-wrapper label { overflow: hidden; height: 0; width: 0 } .search-wrapper input[type=text] { flex: 1 1 auto; align-self: auto; min-width: 0; min-height: auto; height: 50px; line-height: 50px; font-size: 18px; font-weight: 400; color: #000; border: 0; border-radius: 0; -webkit-appearance: none } .search-wrapper .search-bttn { flex: 0 1 50px; align-self: auto; min-width: 50px; min-height: auto; border: 0; height: 50px; background: 0 0; margin: 0; line-height: 50px; border-radius: 0; -webkit-appearance: none; color: #969696; text-align: right } .search-wrapper .search-bttn span { overflow: hidden; height: 0; width: 0; display: block } .newsletter-signup-cta { padding: 25px; border-radius: 10px; border: 1px solid #99c221; margin: 0 0 25px; font-size: 20px; color: #333; font-weight: 600 } ul + .newsletter-signup-cta { margin-top: 50px } .newsletter-signup-cta .bttn { width: 100%; padding: 5px; text-align: center; margin: 0; font-size: 18px } .recommendedResources-row { display: flex; flex-flow: row nowrap; justify-content: center; align-content: center; align-items: stretch } .recommendedResources-col { flex: 0 1 33.33%; align-self: auto; min-width: 0; min-height: auto; padding: 0 10px } .resourcesBlock { overflow: hidden; border-radius: 10px; border: 1px solid #e0e0e0; color: #333; min-height: 100%; display: flex; flex-flow: column nowrap; justify-content: flex-start; align-content: center; align-items: stretch; text-decoration: none; font-size: 18px; margin-bottom: 20px } a.resourcesBlock:hover { background: #206779; text-decoration: none; -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.1); box-shadow: 0 5px 15px 0 rgba(0,0,0,.1) } .resourcesBlock span { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto } .resourcesBlock-img { height: 165px; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block } .resourcesBlock-img[style="background-image:url('');"] { display: none } .resourcesBlock .resourcesBlock-contenttype { padding: 15px 25px 0; font-weight: 500; display: block; color: #99c221; font-size: 12px } .resourcesBlock .resourcesBlock-content { padding: 10px 25px 25px; font-weight: 500 } .resourcesBlock .resourcesBlock-content .resourcesBlock-title { color: #333 } .resourcesBlock .resourcesBlock-content p { font-weight: 400; padding-top: 10px; color: #333; font-size: 16px } .resourcesBlock .resourcesBlock-more { padding: 25px; color: #206779 } a.resourcesBlock:hover .resourcesBlock-content, a.resourcesBlock:hover .resourcesBlock-content .resourcesBlock-title, a.resourcesBlock:hover .resourcesBlock-content p, a.resourcesBlock:hover .resourcesBlock-more { color: #fff } .resourcesBlock .resourcesBlock-more i { margin-left: 5px; font-size: 14px; opacity: 0 } .resourcesBlock:hover .resourcesBlock-more i { color: #206779; opacity: 1 } .resourcesBlock:hover .resourcesBlock-more i:before { color: #98c220 } .article-wrapper hr { width: 100%; max-width: 100%; margin: 75px 0 } .article-wrapper strong { font-weight: 500 } .resourcepost-sidebar-sticky { position: sticky; top: 18% } .button-outline-box { border-radius: 10px; border: 1px solid #99c221; color: #333; font-size: 20px; font-weight: 600; margin: 0 0 25px; padding: 25px; } .button-outline-box p { font-size: 25px; margin-bottom: 0; } .resourcepost-sidebar-cta.newsletter-signup-cta { margin-bottom: 50px; font-size: 25px } .resourcepost-sidebar-cta.newsletter-signup-cta .bttn { display: inline-block; padding: 10px 15px; width: auto } .recommendedResources-list, .recommendedResources-list li { margin: 0; padding: 0; list-style: none } .recommendedResources-list { border-top: 2px solid #e7e7e7 } .recommendedResources-list li { border-bottom: 2px solid #e7e7e7 } .recommendedResources-list li a { display: block; padding: 10px 0 10px 30px; font-size: 18px } .recommendedResources-list li a:hover { color: #98c220 } .recommendedResources-list li a i { position: absolute; left: 0; top: 14px; width: 15px; height: 15px; background: #98c220; border-radius: 50%; display: block } .recommendedResources-list li a i svg { position: absolute; left: 50%; top: 50%; margin: -5px auto auto -3px } .resourcepost-footer-cta.container { display: none } body.resourcepost { overflow-x: hidden } .article-wrapper article .container-fluid, .article-wrapper article .container-fluid-fixed, .article-wrapper article .tab-block-nav-wrapper.container-fluid-fixed { width: 100vw; max-width: 1110px } .article-wrapper article .container-fluid > .row { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw) } select { border: 2px solid #efefef; border-radius: 8px; padding: 20px 45px 20px 25px; width: 100%; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-size: 18px; background: #fff } select:focus, select:hover { border-color: #99c120 } .select-wrapper { display: block; max-height: 71.5px; } .select-wrapper i { font-weight: 900; position: absolute; right: 25px; top: 50%; z-index: 1; width: 12px; height: 14px; pointer-events: none; line-height: 100%; font-size: 14px; margin-top: -7px; color: #64696d } .youtube-vid-wrapper { display: inline-block; position: relative } .youtube-vid-wrapper:before { content: ""; display: block; border-radius: 50%; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border: 2px solid #99c221; z-index: 98 } .youtube-vid-play { display: block; box-sizing: border-box; width: 54px; height: 54px; border: solid; border-width: 27px 0 27px 54px; border-color: transparent transparent transparent #99c221; position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; z-index: 99 } footer .container { padding-top: 0; padding-bottom: 0 } .footer-top { background: url(../media/1031/footer-logo.png) top 35% left -20%/auto 128% no-repeat #333; padding: 120px 0 } .footer-top h3 { font-size: 42px; color: #fff } .footer-middle { background: #282828; font-size: 15px; color: #fff } .footer-middle-border { border-bottom: 2px solid #333; } .footer-middle .container { padding-bottom: 20px } .footer-middle h4 { color: #99c221; font-weight: 400; padding-top: 40px; margin-bottom: 20px } .footer-middle li, .footer-middle ul { padding: 0; margin: 0; list-style: none } .footer-middle a { color: #fff; text-decoration: underline; display: inline-block; padding: 6px 0; line-height: initial } .footer-middle a:hover { color: #9dae5e } .footer-bottom { background: #282828; padding: 20px 0 45px 0; font-size: 15px; color: #fff } .footer-bottom a { color: #fff; text-decoration: underline } .footer-bottom a:hover { color: #9dae5e } .footer-bottom ul, .footer-bottom ul li { margin: 0; padding: 0; list-style: none } .footer-bottom ul { overflow: hidden; margin-bottom: 5px } .footer-bottom ul li { float: left; padding-right: 15px } .social-icons { display: flex; flex-flow: row wrap; justify-content: flex-end; align-content: center; align-items: center } .social-icons li { flex: 0 1 auto; align-self: auto; min-width: 0; min-height: auto } .social-icons li a { display: block; height: 40px; width: 40px; line-height: 44px; text-align: center; background: #333; border-radius: 50%; color: #282828; font-size: 20px } .social-icons li a:before { width: 0; height: 0; background: #fff; display: block; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transition: .1s linear; -ms-transition: all .1s linear; -moz-transition: .1s linear; transition: .1s linear; content: "" } .social-icons .social-ico { top: 2px } .social-icons li a:hover { color: #282828 } .social-icons li a:hover:before { width: 100%; height: 100% } .searchResults-row { padding: 20px 0; border-top: 1px solid #f1f1f1 } .searchResults-wrapper > .searchResults-row:first-child { border-top: 0; padding-top: 0 } .searchResults-row h2 { padding: 0; font-size: 24px } .searchResults-row h2 a { color: #99c221 } .searchResults-content { font-size: 16px } .searchResults-url { font-size: 12px; word-break: break-word; font-weight: 500; font-style: italic } @media (max-width:1470px) { .home-content h1 { font-size: 35px } } @media (max-width:1370px) { nav ul li > span, nav ul > li > a { padding: 28px 10px 28px } } @media (min-width:1199px) { .mm-dropdown .col-12 ul { display: flex !important; flex-flow: row wrap; justify-content: flex-start; align-content: flex-start; align-items: stretch } .mm-dropdown .col-12 ul > li { flex: 0 1 33.33%; align-self: auto; min-width: 0; min-height: auto; padding: 0 20px 25px 0 } .mm-dropdown .col-12.col-lg-8 ul > li { flex: 0 1 50% } } @media (max-width:1199px) { .article-wrapper article .container-fluid, .article-wrapper article .container-fluid-fixed, .article-wrapper article .tab-block-nav-wrapper { max-width: 960px } nav > ul > li > a, nav > ul > li > span { font-size: 16px } .bttn { font-size: 14px } .parallax-datapattern { transform: translate(0,-90%) } .parallax-datapattern .parallax-datapattern-wrapper img { transform: scale(2) } .parallax-img2 { left: 10% } .fullheightsliderrow .contentslider-container-wrapper-inner .contentslider-container { max-width: 960px } nav ul li > a, nav ul li > span { padding-left: 8px; padding-right: 8px } nav ul li a.bttn { margin-left: 8px; padding: 15px } } @media (max-width:1024px) { body.fixed { position: fixed } .mobilemenu-toggle, .mobilephone-ico { display: inline-block; vertical-align: middle } header { -webkit-transition: none; -ms-transition: none; -moz-transition: none; transition: none } header.attop { display: flex; flex-direction: column } .header-top { padding: 0 10px; margin-top: -30px } header .header-top { margin-top: 0; width: 100%; flex-grow: 1; order: 2; display: none; -webkit-transition: none; -ms-transition: none; -moz-transition: none; transition: none } header.expanded .header-top { display: block } .aux-nav-wrapper .search-container { max-width: 300px } .aux-nav-wrapper > div.aux-search { margin-left: 0; padding-left: 0; text-align: left; max-width: initial; width: 100% } .aux-nav-wrapper > div.aux-search button { width: 30px; height: 26px; position: absolute; right: 22px; top: 10px } .aux-nav-wrapper button.aux-searchbttn { display: none } .aux-nav-wrapper .search-container input[type=text] { font-size: 16px; height: 50px; line-height: 26px; padding-left: 27px; border: 2px solid #f0f0f0; border-radius: 10px; width: 100% } .aux-nav-wrapper > div.aux-phone a { font-size: 15px; color: #000; font-weight: 500 } .aux-location, .aux-phone { width: 50%; margin-top: 15px } .aux-nav-wrapper .aux-location { padding-left: 0; text-align: center } .aux-nav-wrapper .aux-location button { color: #333; font-weight: 200; font-size: 16px } .aux-login { display: none } .aux-nav-wrapper .location-dropdown { left: auto; right: 0 } .header-bottom { padding: 10px; flex-grow: 1 } .aux-nav-wrapper .aux-search .search-container { float: left; margin-top: 1px; max-width: 100%; width: 100%; border: 0; border-radius: 0; height: auto } .aux-nav-wrapper .aux-search .search-container #SearchButton .fa-arrow-right::before { content: "\f002" } .aux-nav-wrapper .search-container button { width: 35px; float: right; height: 28px; color: #2a2a2a } a.back-nav { font-size: 20px; color: #333; padding-bottom: 30px; display: block; font-weight: 500 } a.back-nav span { color: #99c221; padding-right: 10px } nav { display: none; position: fixed; left: 0; width: 100% } header.expanded { background: #fff; display: flex; flex-direction: column } header.expanded .header-bottom, header.expanded .header-top { margin-top: 0 !important } header.expanded nav { display: block; position: fixed; background: #fff; left: 0; width: 100%; overflow: auto; padding: 15px 30px 150px; -webkit-transition: 0s linear; -ms-transition: all 0s linear; -moz-transition: 0s linear; transition: 0s linear } header.expanded nav.sub-open { top: 149px; height: calc(100vh - 149px); max-height: calc(100vh - 149px); } nav ul li a.bttn { margin: 30px 0 0; font-size: 16px; width: 100%; text-align: center; font-weight: 500 } nav > ul > li { flex: 1 1 100%; position: static !important } nav > ul > li > .simple-submenu ul { opacity: 1; background: #fff; z-index: 99999; height: auto; visibility: visible; top: 0; width: 100%; position: relative !important } nav > ul > li > a, nav > ul > li > span { font-size: 32px; padding: 15px 0; font-weight: 400; display: inline-block } nav > ul > li > .simple-submenu ul a, nav > ul > li > .simple-submenu ul span { font-size: 18px; padding: 10px 0 } nav > ul > li > a:not(.bttn):after, nav > ul > li > span:not(.bttn):after { display: none } nav ul li a, nav ul li span, nav > ul > li > .simple-submenu ul a, nav > ul > li > .simple-submenu ul span { display: inline-block } .expand-menu { display: inline-block; width: 30px; height: 30px; position: relative; left: auto; bottom: auto; font-weight: 900; background: 0 0; color: #99c221; margin-left: 10px; font-size: 22px; border: 0; border-radius: 0; -webkit-appearance: none } .navmenu-featured-img img { display: block !important; height: auto; width: 100% } .sub-heading { color: #333; font-weight: 500; text-decoration: none; z-index: 2; position: relative !important; cursor: pointer; font-size: 27px; margin-bottom: 23px; display: inline-block } .sub-heading::after { display: block; content: ""; width: 100%; height: 2px; background-color: #99c221; position: relative; top: 4px } .hasmm.level-2.hasChildren:nth-child(2) .sub-heading { display: none } nav > ul > li > .mm-dropdown { position: relative !important; padding: 0 !important; width: 100%; -webkit-box-shadow: 0 15px 15px 0 transparent; box-shadow: 0 15px 15px 0 transparent; display: none } nav ul li > .mm-dropdown ul { margin-bottom: 0 } nav ul li > .mm-dropdown, nav > ul > li > .simple-submenu { display: none; position: absolute !important; top: 0; background: #fff; z-index: 11; padding: 30px 30px 150px !important; -webkit-transition: none; -ms-transition: none; -moz-transition: none; transition: none; width: 100% } .level-3.hasChildren .simple-submenu { display: none } nav > ul > li > .simple-submenu { width: 100%; background: #fff; left: 0 } nav ul li > .mm-dropdown .container { padding: 0; max-width: 100% } nav ul li > .mm-dropdown ul > li ul > li { flex: 1 1 100%; min-width: 100% } nav ul li > .mm-dropdown ul > li ul a, nav ul li > .mm-dropdown ul > li ul span { font-size: 18px; padding: 10px 0 } nav ul li > .mm-dropdown ul > li > a, nav ul li > .mm-dropdown ul > li > span { padding: 5px 0; font-size: 27px } nav ul li a:hover, nav ul li.active > a:not(.bttn), nav ul li.active > span, nav ul li:hover > span { text-decoration: none; color: #99c221 } nav ul li.active > span.top-nav { color: #333 } .mm-dropdown li.level-3 { padding-bottom: 40px } .mm-dropdown li.level-3 > span:after { display: block; content: ""; width: 100%; height: 2px; background-color: #99c221; position: relative; top: 4px } li.level-3.hasChildren > .expand-menu { display: none } nav > ul > li.active > a:not(.bttn):after, nav > ul > li.active > span:not(.bttn):after, nav > ul > li:hover > a:not(.bttn):after, nav > ul > li:hover > span:not(.bttn):after { width: auto } nav > ul > li > .simple-submenu ul ul { top: 0; right: 0; position: relative !important; width: 100%; padding: 5px !important } nav ul li:hover > .mm-dropdown, nav ul li:hover > ul, nav ul li > .mm-dropdown, nav > ul > li > .simple-submenu ul ul { height: auto; opacity: 1; overflow: auto; visibility: visible; display: none } .nav-description { padding-left: 0 } nav > ul > li > .simple-submenu ul a > span, nav > ul > li > .simple-submenu ul span > span { padding: 10px 0 } nav > ul > li > .simple-submenu ul ul a, nav > ul > li > .simple-submenu ul ul span { font-size: 14px; padding: 5px } .navCTA-image-block span { font-size: 16px } .home-radio-wrapper { margin-left: 50px; margin-right: -100px;} } @media (min-width:1025px) { header nav { top: auto !important; height: auto !important } } @media (max-width:1024px) { .header-spacer { height: 92px; } .header-spacer.hasalert { height: 167px; } .fixed-mobile-promo { display: block; } .header-bottom { background-color: white; } } @media (max-width:991px) { .desktop-only { display: none } .mobile-only { display: flex } .alert-banner { font-size: 14px } nav > ul > li > a, nav > ul > li > span { font-size: 32px; padding: 20px 0; font-weight: 500; display: inline-block } .home-radio-wrapper { margin-left: 0px; margin-right: -100px; } .home-hero { padding-top: 75px; height: auto } .home-content { position: relative; transform: translate(0,0) } .hero-bttns { padding: 0 0 25px } .hero-bttns .bttn { margin-top: 10px } .hero-img { padding-bottom: 50px } .hero-img .hero-img-1 { margin-left: 5% } .hero-bug { display: none } .home-hero-leftimg, .home-hero-rightimg { width: 40%; position: absolute; } .home-hero-leftimg { top: -9%; position: absolute; } .home-hero-rightimg { top: 50%; left: 20%; } .home-hero-leftimg img { transform: scale(3) translate(0,50%) } .home-hero-rightimg img { transform: scale(4) translate(25%,25%) } .hero-bottomimg { top: auto; transform: translateY(-184.753px); } .hero-bottomimg img { transform: scale(1.4) translate(16%,-51%); } .subpage-hero .blog-featured-img { background-size: cover; background-repeat: no-repeat; } .bttn { font-size: 12px } .contentslider-container, .testimonialslider-container { flex-flow: row wrap } .contentslider-container .contentslider-content { order: 2; padding: 25px 0 } .contentslider-container .contentslider-image { margin-left: 0; flex: 1 1 auto; order: 1; text-align: center } .testimonialslider-container .testimonialslider-content { flex: 1 1 100%; padding-top: 25px; font-size: 20px } .testimonialslider-container .testimonialslider-content strong { font-size: 16px } .parallax-container { padding: 90px 25px } .parallax-datapattern { transform: translate(0,-50%) } .parallax-img-wrapper { display: none } .fullheightsliderrow .contentslider-container-wrapper-inner .contentslider-container { max-width: 720px } .fullheightsliderrow .contentslider-container .contentslider-image { display: none } .tab-block-nav { display: block; white-space: nowrap; overflow: auto; padding: 0 25px } .tab-block-nav-wrapper:after, .tab-block-nav-wrapper:before { display: block; top: 0; height: 100%; position: absolute; width: 25px; pointer-events: none; content: ""; z-index: 2 } .tab-block-nav-wrapper:before { left: 0; background: -moz-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left,#fff 0,rgba(255,255,255,0) 100%); background: linear-gradient(to right,#fff 0,rgba(255,255,255,0) 100%) } .tab-block-nav-wrapper:after { right: 0; background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,#fff 100%); background: linear-gradient(to right,rgba(255,255,255,0) 0,#fff 100%) } .tab-block-nav .tab-block-link { padding: 0 3%; display: inline-block; white-space: nowrap } .tab-block-nav .tab-block-link button { font-size: 12px } .subpage-hero-content h1 { font-size: 30px text-align: center; } h3 { font-size: 25px } .related-posts .blog-post-wrapper { flex-flow: row wrap } .related-posts .blog-post-wrapper .blog-post-img { flex: 1 1 100% } .article-wrapper article .container-fluid, .article-wrapper article .container-fluid-fixed, .article-wrapper article .tab-block-nav-wrapper { max-width: 720px } .footer-bottom ul li { float: none; padding: 10px 0 } .footer-bottom .social-icons { justify-content: center; padding-top: 45px } .footer-bottom .social-icons li { padding: 0 5px } } @media (max-width:768px) { .container:not([class*=padding-top]) { padding-top: 50px } .container:not([class*=padding-bottom]) { padding-bottom: 50px } .footer-middle.footer-columns .container { padding-top: 0 !important; padding-bottom: 20px !important; } .footer-middle h4 { padding-top: 20px; } .padding-top-60 { padding-top: 30px } .padding-top-90 { padding-top: 60px } .padding-top-100 { padding-top: 70px } .padding-bottom-60 { padding-bottom: 30px } .padding-bottom-75 { padding-bottom: 45px } .padding-bottom-90 { padding-bottom: 60px } .padding-bottom-100 { padding-bottom: 70px } .alert-banner, nav a.bttn { display: none; } .header-spacer, .header-spacer.hasalert { height: 102px !important; } header.expanded nav { max-height: calc(100vh - 189px) !important; height: calc(100vh - 189px) !important; top: 189px !important; } .alert-banner ~ #divMobilePromo .fixed-mobile-promo { top: 0; } .blogpost .breadcrumb-container + .container, .breadcrumb-container + .site-wrapper .grid-section > .container:first-child { padding-top: 15px !important } .hasFeaturedHero + .container { padding-top: 50px !important } .hasFeaturedHero + .container.breadcrumb-container { padding-top: 10px !important } .subpage-hero > .subpage-hero-img, .subpage-hero > .subpage-hero-spacer { display: none } .hero-img .hero-img-1 { width: 100%; margin: 0 } .hero-img .hero-img-1 img { margin: auto } .subpage-hero.style-5 { height: 350px } .subpage-hero-content.text-left { text-align: center !important } .imgcta-bttn, .imgcta-bttn:hover { padding: 30px 0 } .imgcta-bttn span { max-width: 100% } .imgcta-bttn .imgcta-more { padding-top: 15px } .fullheightsliderrow .contentslider-container-wrapper-inner .contentslider-container { max-width: 518px } .fullheightsliderrow .contentslider-container-wrapper-inner .contentslider-container, .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child .contentslider-container, .fullheightsliderrow.slide-end-bottom .contentslider-container-wrapper-outter.last-child.active .contentslider-container-wrapper-inner .contentslider-container, .fullheightsliderrow.slide-end-top .contentslider-container-wrapper-outter.first-child.active .contentslider-container-wrapper-inner .contentslider-container { padding: 0 15px } .contentslider-container-wrapper-inner .contentslider-container { width: 92% } .contentslider-container.reverse .contentslider-content { margin-left: 0 } .fullheightsliderrow { background: #fff; background: -moz-linear-gradient(top,#f4f6f9 0,#fff 100%); background: -webkit-linear-gradient(top,#f4f6f9 0,#fff 100%); background: linear-gradient(to bottom,#f4f6f9 0,#fff 100%) } .fullheightsliderrow-logo { display: none } .fullheightsliderrow .contentslider-container .contentslider-content { font-size: 16px; padding: 25px 30px 25px 0 } .fullheightsliderrow .fullheight-slidenav { position: absolute; right: 0; top: 50%; transform: translate(0,-50%); padding-top: 15px } .fullheightsliderrow .fullheight-slidenav span { padding: 0 0 10px; flex: 1 1 100%; align-self: auto; min-width: 0; min-height: auto; height: auto; width: auto } .fullheightsliderrow .fullheight-slidenav button { height: 50px; width: 6px } .fullheightsliderrow h3 { font-size: 25px } .fullheightsliderrow .contentslider-bttn { margin-top: 10px } .tab-block img { margin-bottom: 25px } .TwoColAccordion-block-content, .TwoColAccordion-block-linkwrapper { display: none } .TwoColAccordion-block-content { border-bottom: 2px solid #f3f3f3 } .TwoColAccordion-block, .TwoColAccordion-block .TwoColAccordion-block-link, .TwoColAccordion-block.active .TwoColAccordion-block-content { display: block } .TwoColAccordion-block.active .TwoColAccordion-block-content { padding: 25px 0 } .checklist-cta { margin: 15px 25px } .checklist-cta.active, .checklist-cta:not(.nohover):hover { transform: scale(1); -webkit-box-shadow: 0 0 20px 0 transparent; box-shadow: 0 0 20px 0 transparent; border-color: #e0e0e0 } .checklist-cta-checklist { padding: 0 } .checklist-cta-checklist .checklist-cta-checklist-wrapper { padding: 10px 0; display: none } .checklist-cta-expand { display: block } .blog-post-wrapper, .related-posts { flex-flow: row wrap } .blog-post-wrapper .blog-post-img, .related-posts .blog-post-wrapper { flex: 1 1 100%; min-width: auto } .related-posts .blog-post-wrapper { height: auto; max-height: initial } .subpage-hero.blog-hero h1 { padding-bottom: 0 } .blog-featuredwrapper { -webkit-box-shadow: 0 5px 25px 0 transparent; box-shadow: 0 5px 25px 0 transparent; border-radius: 0; background: inherit; margin-bottom: 0 } .blog-featuredwrapper .blog-post-wrapper { background: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1); box-shadow: 0 0 20px 0 rgba(0,0,0,.1); margin-right: 10px } .blog-featuredwrapper .blog-post-wrapper .blog-post-img { min-height: 150px; height: 150px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content { padding: 20px 15px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content .blog-post-meta { font-size: 12px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content .blog-post-title { font-size: 18px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content, .blog-featuredwrapper .blog-post-wrapper .blog-post-content .blog-post-excerpt { font-size: 14px } .blog-featuredwrapper .blog-post-wrapper .blog-post-content .dots-wrapper { display: none } .blog-featuredwrapper .slick-dots { margin-top: 45px } .subpage-hero.blog-hero.hasFeaturedHero { margin-top: 20px } .blog-databg-wrapper { overflow: hidden; position: absolute; top: auto; left: 0; width: 100%; height: 100%; border: 0; } .hero-leftimg { display: none; } .hero-bottomimg { width: 150%; top: 55%; left: auto; z-index: 2; opacity: 1; right: 79px; transform: none !important; } .style-5 .hero-bottomimg { width: 150%; top: 156%; left: auto; z-index: 2; opacity: 1; right: 252px; transform: translateY(-94.5933px); } .hero-bottomimg img { transform: translateY(0); width: 100%; } .recommendedResources-row { flex-flow: row wrap } .recommendedResources-col { flex: 1 1 100%; padding: 10px 0 } .footer-top { background-position: center left 110% } .searchResults-wrapper { padding-top: 50px } blockquote { font-size: 18px; padding: 25px 45px 10px } blockquote.style-2:after, blockquote.style-2:before { background-size: auto 40% } blockquote.style-2:before { transform: translate(0,0); top: 0 } blockquote.style-2:after { bottom: 0 } .resourcepost-footer-cta.container { -webkit-box-shadow: 0 -5px 20px rgba(0,0,0,.25); -moz-box-shadow: 0 -5px 20px rgba(0,0,0,.25); box-shadow: 0 -5px 20px rgba(0,0,0,.25); padding: 10px 15px; font-size: 20px; font-weight: 700; color: #282828; position: sticky; bottom: -100px; background: #fff; z-index: 990; display: block; width: 100vw; max-width: 1110px } header.fixed ~ .resourcepost-footer-cta.container { bottom: 0 } .resourcepost-footer-cta.container p { margin: 5px 0 } .resourcepost-footer-cta.container .bttn { margin-top: 0; width: 90% } .article-wrapper article .container-fluid, .article-wrapper article .container-fluid-fixed, .article-wrapper article .tab-block-nav-wrapper { max-width: 100% } .footer-bottom .container { padding-top: 20px } .home-radio-wrapper { margin-left: 0px; margin-right: 0px;} .radio-card { width: 48%; } } @media (max-width:590px) { .header-bottom { height: 72px } .header-logo img { max-height: 52px;} .home-hero-leftimg { display: none } .style-5 .hero-bottomimg { top: 136%; } .home-hero-rightimg { transform: translateY(0) !important; width: 100%; left: -58%; } .home-hero-rightimg img { transform: scale(2.5) translate(25%,25%); } .header-spacer, .header-spacer.hasalert { height: 72px !important; } body > .container { overflow: hidden } header.expanded nav { max-height: calc(100vh - 153px) !important; height: calc(100vh - 153px) !important; top: 153px !important; } } @media (max-width:500px) { .parallax-datapattern { transform: translate(0,0) } .subpage-hero.blog-hero.hasFeaturedHero { margin-top: 130px; height: 600px } .header-spacer.hasalert { height: 72px !important; } .subpage-hero .blog-featured-img { min-height: 230px; } .subpage-hero .blog-featured-img { min-height: 230px; } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .home-hero { min-height: 768px } .home-content { top: 60% } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .fullheightsliderrow .contentslider-container .contentslider-image { display: block } .fullheightsliderrow .contentslider-container .contentslider-image img { max-width: initial; max-height: 300px; width: auto; height: auto; margin: auto } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) { .fullheightsliderrow { background: #fff; background: -moz-linear-gradient(top,#f4f6f9 0,#fff 100%); background: -webkit-linear-gradient(top,#f4f6f9 0,#fff 100%); background: linear-gradient(to bottom,#f4f6f9 0,#fff 100%) } .fullheightsliderrow-logo { display: none } .home-hero { min-height: 768px } } @media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) { .aux-nav-wrapper > div.aux-search { max-width: none } .aux-nav-wrapper .aux-search.active .search-container { width: 300px } .parallax-img.customimg img, .parallax-img.customimg svg { height: 45px } .productConfigurator header.fixed.attop .header-bottom { margin-top: 0 } .header-top { padding: 0 15px } .hero-img img { max-width: 900px } .fullheight-slidenav, .slick-dots { display: inline-flex } .subpage-hero.blog-hero.hasFeaturedHero { overflow: visible } .mm-dropdown .col-12.col-lg-8 ul > li { flex: none } .mm-dropdown .col-12 ul > li { max-width: 370px } } .submitContactFormAlone { position: inherit; float: left } .pQueryString { width: 500px } /*HOMEPAGE B HERO*/ .homepage-b h1 { margin: 0; padding: 0 0 25px; font-size: 45px; font-weight: 500; color: #333; text-align: center; } .homepage-b p { font-size: 20px; text-align: center; } .ind-box-cont { display: inline; float: left; margin-top: 50px; width: 20%; } .ind-box { display: block; height: 250px; margin: 0 auto; width: 250px; z-index: 50; } .ind-inside { background-position: 0 0; cursor: pointer; display: block; height: 250px; overflow: hidden; transition: auto !important; width: 250px; } .transport { background-image: url(/media/22413/transport-sprite.png); background-size: 100%; } .construction { background-image: url(/media/22414/con-sprite-3.png); background-size: 100%; } .trade { background-image: url(/media/22411/trade-sprite.png); background-size: 100%; } .public { background-image: url(/media/22412/public-sector-sprite.png); background-size: 100%; } .others { background-image: url(/media/22410/other-sprite.png); background-size: 100%; } .ind-hover { background-position: 0 -250px !important; transition-duration: 0s; } @media screen and (max-width:1550px) { .ind-box-cont { width: 50%; } .ind-box-cont:last-child { width: 100%; } } @media screen and (max-width:600px) { .ind-box { display: block; height: 150px; margin: 0 auto; width: 180px; z-index: 50; } .ind-inside { background-position: 0 0; cursor: pointer; display: block; height: 180px; overflow: hidden; transition-duration: 0s; width: 180px; } .ind-hover { background-position: 0 -200px !important; transition-duration: 0s; } } /* VIDEO PROMO MODULE*/ .vid-slider { margin-bottom: 50px; } .vid-slider .slick-track { display: flex !important; } .vid-slider .slick-slide { display: flex; align-items: stretch; justify-content: center; height: auto; } a.product-config-video-wrapper:before { width: 0; height: 0; border-top: 30px solid transparent; border-bottom: 30px solid transparent; border-left: 40px solid #99c221; content: ""; display: block; position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); } a.product-config-video-wrapper:after { position: absolute; z-index: 2; left: 50%; top: 50%; border: 4px solid #99c221; content: ""; display: block; width: 100px; height: 100px; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0px 0px 20px rgb(0 0 0 / 25%); } .video-lightbox-promo { background-color: #f8f8f8; border: 1px solid #707070; border-radius: 10px; display: block; margin-bottom: 20px; padding: 15px; } .video-lightbox-promo video { max-width: 100% } .video-lightbox-promo h4 { margin-top: 10px; } .video-lightbox-promo p { font-size: 16px; line-height: 20px; margin-top: 10px; } .video-lightbox-promo .vid-bx { bottom: 10px; color: #99C222; font-size: 14px; line-height: 18px; margin-top: 10px; position: absolute; text-transform: uppercase; } .video-lightbox-promo .lightbox-preview a, .video-lightbox-promo .video-link-only a { display: block; height: 30%; position: relative; width: 100%; } .video-lightbox-promo .image-only, .video-lightbox-promo .video-link-only, .video-lightbox-promo .lightbox-preview { display: block; margin-bottom: 15px; width: 100%; } .video-lightbox-promo .image-only img, .lightbox-preview img, .video-lightbox-promo .video-link-only img { width: 100%; } .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .container.video-lbox { padding-bottom: 0; padding-top: 0; } .video-lbox .fullheight-slidenav button, .slick-dots li button { width: 15px; height: 15px; background: #333; text-indent: -999px; overflow: hidden; border: 0; margin: 0; padding: 0; border-radius: 50px; position: relative; } .video-lbox .fullheight-slidenav button, .fullheight-slidenav, .slick-dots { justify-content: center; } .video-lbox .slick-next { position: absolute; right: 10px; top: -60px; background-color: transparent; border: none; } .video-lbox .slick-prev { position: absolute; left: 10px; top: -60px; background-color: transparent; border: none; } .video-lbox .slick-next svg, .video-lbox .slick-prev svg { fill: #99C222; width: 50px; } @media screen and (max-width:768px) { .slick-slider { margin-bottom: 100px; } .tab-block-nav { text-align: center; } .tab-block-nav-wrapper { margin-bottom: 50px; } } @media screen and (min-width:768px) { .vid-slider { margin-bottom: 0; } .video-lbox .slick-slide { width: 100% !important; } .video-lbox .slick-track { width: 100% !important; } .video-lightbox-promo { margin-bottom: 100px; } .video-lbox .slick-dots { display: none; } } .footer-html { color: #fff !important; text-decoration: underline; display: inline-block; padding: 6px 0; line-height: initial; } .text-center { text-align: center; } .lblCategory input { margin-right: 5px; } .divPressReleaseFilters { margin: 25px 0 15px 0; } #btnReset { background-color: rgb(240, 240, 240); background: rgb(240, 240, 240); margin-top: 0; } /* Turn off scrollbar when body element has the loading class */ body.loading { overflow: hidden; } /* Make spinner image visible when body element has the loading class */ body.loading .overlay { display: block; } .overlay { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(255,255,255,0.8) no-repeat; } /* Make spinner image visible when body element has the loading class */ .overlay-2 { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(255,255,255,0.8) no-repeat; } body.loading .overlay-2 { display: block; } .loading-categories { display: none; position: absolute; top: 250px; z-index: 1100; } body.loading .loading-categories { display: block; } /* Make spinner image visible when body element has the loading class */ .overlay-2 { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background: rgba(255,255,255,0.8) no-repeat; } body.loading .overlay-2 { display: block; } #pRed { color: red; } .displayNone { display: none; } .imgCategories { width: 10%; height: 10%; } .anchor { display: block; padding-top: 150px; margin-top: -150px; } .margin-bottom-mobile-pr { margin-bottom: 28px; } #industry-select { margin-bottom: 20px; } @media screen and (min-width: 768px) { span:has(> #regionFilter-select), span:has(> .industry-filter-select) { display: inline-block; width: 40%; } span:has(> #regionFilter-select) { margin-right: 2%; } span:has(> #industry-select) { margin-left: 2% } .div-Partner-filter { text-align: center; } } .partnerpost-sidebar-cta.newsletter-signup-cta { margin-bottom: 50px; font-size: 25px } .partnerpost-footer-cta.container { display: none } @media screen and (max-width:768px) { .partnerpost-footer-cta.container { -webkit-box-shadow: 0 -5px 20px rgba(0,0,0,.25); -moz-box-shadow: 0 -5px 20px rgba(0,0,0,.25); box-shadow: 0 -5px 20px rgba(0,0,0,.25); padding: 10px 15px; font-size: 20px; font-weight: 700; color: #282828; position: sticky; bottom: -100px; background: #fff; z-index: 990; display: block; width: 100vw; max-width: 1110px } header.fixed ~ .partnerpost-footer-cta.container { bottom: 0 } .partnerpost-footer-cta.container p { margin: 5px 0 } .partnerpost-footer-cta.container .bttn { margin-top: 0; width: 90% } } .divctaButton { padding: 15px; } @media screen and (max-width:768px) { .slick-slider.hp-promo-slider { margin-bottom: 0; } .divctaButton { text-align: center; } } .cc-banner .cc-compliance :nth-child(1) { order: 1; } .cc-banner .cc-compliance :nth-child(2) { order: 0; } .cc-banner .cc-compliance :nth-child(3) { order: 2; } /*Home page sliders*/ .mb-10 { margin-bottom: 5rem; } .container:has(.hp-promo-slider-container) { padding-top: 25px; } .hp-promo-slider-container { padding-top: 0; padding-bottom: 25px; } .hp-promo-slider .slick-slide { display: flex !important; justify-content: center; align-items: center; height: 100%; padding: 15px; } .hp-promo-slider .slick-slide .row { width: 100%; } .hp-promo-slider .slick-slide img { max-width: 100%; height: auto; margin-bottom: 10px; } .hp-promo-slider .slick-slide h5 { font-size: 30px; margin-bottom: 20px; } .hp-promo-slider .slick-slide p { color: #666; } .hp-promo-slider .slick-next, .hp-promo-slider .slick-prev { width: 40px; height: 40px; z-index: 2000; } .hp-promo-slider .slick-prev:before, .hp-promo-slider .slick-next:before { content: none; } .hp-promo-slider .slick-arrow:hover { color: #666; } .hp-promo-slider .slick-prev { left: 0; } .hp-promo-slider .slick-next { right: 5%; } .hp-promo-slider .hc-btn { border: 1px solid #99C221; border-radius: 5px; color: #99C221; display: inline-block; font-size: 18px; font-weight: 500; margin-top: 10px; padding: 10px 30px; text-align: center; text-decoration: none; text-transform: uppercase; transition: .3s linear; } .hp-promo-slider .hc-btn:hover { border: 1px solid #99C221; background-color: #99C221; color: #fff; text-decoration: none; } @media (min-width:768px) { .hp-promo-slider .slick-prev { left: -10px; /* Adjust as needed */ } .hp-promo-slider .slick-next { right: -10px; /* Adjust as needed */ } } .home-cta-btn a { margin: 0 auto 20px 0; } .home-cta-btn { text-align: center; } .richtext-content * { margin: 0; padding: 0; }