html { font-size: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body > header, #main-menu, body > footer, .utica { font-family: "Mr Eaves XL Sans", Arial, sans-serif; font-weight: 400; font-size: 1.6rem; color: #4a4a4a; } body > header a, #main-menu a, body > footer a, .utica a { color: #1e9be9; } body > header a[href^=tel], #main-menu a[href^=tel], body > footer a[href^=tel], .utica a[href^=tel] { font-weight: 400; color: inherit; white-space: nowrap; } body > header a.arrow, #main-menu a.arrow, body > footer a.arrow, .utica a.arrow { font-family: "DIN 2014", Arial, sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 1.7rem; line-height: 1.2; } body > header a.arrow:after, #main-menu a.arrow:after, body > footer a.arrow:after, .utica a.arrow:after { content: ""; display: inline-block; height: 0.8rem; width: 0.8rem; margin-left: 0.4rem; border-right: 0.2rem solid #1e9be9; border-bottom: 0.2rem solid #1e9be9; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (min-width: 992px) { body > header a.arrow, #main-menu a.arrow, body > footer a.arrow, .utica a.arrow { font-size: 1.8rem; } } body > header a:hover, body > header a:active, body > header a:focus, #main-menu a:hover, #main-menu a:active, #main-menu a:focus, body > footer a:hover, body > footer a:active, body > footer a:focus, .utica a:hover, .utica a:active, .utica a:focus { color: #1e9be9; outline: 0; } body > header .btn, #main-menu .btn, body > footer .btn, .utica .btn { padding: 0.9rem 2.8rem 0.6rem; border-radius: 999px; font-family: "DIN 2014", Arial, sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 1.7rem; line-height: 1.2; text-transform: none; } body > header .btn:focus, #main-menu .btn:focus, body > footer .btn:focus, .utica .btn:focus { outline: 0; box-shadow: none; } body > header .btn-square, #main-menu .btn-square, body > footer .btn-square, .utica .btn-square { border-radius: 0; } body > header .btn-primary, #main-menu .btn-primary, body > footer .btn-primary, .utica .btn-primary { border-color: #1e9be9; background-color: #1e9be9; color: #fff; } body > header .btn-primary:active, body > header .btn-primary:hover, body > header .btn-primary:focus, #main-menu .btn-primary:active, #main-menu .btn-primary:hover, #main-menu .btn-primary:focus, body > footer .btn-primary:active, body > footer .btn-primary:hover, body > footer .btn-primary:focus, .utica .btn-primary:active, .utica .btn-primary:hover, .utica .btn-primary:focus { border-color: #1e9be9; background-color: #fff; color: #1e9be9; } body > header .btn-outline-primary, #main-menu .btn-outline-primary, body > footer .btn-outline-primary, .utica .btn-outline-primary { border-color: #1e9be9; background-color: transparent; color: #1e9be9; } body > header .btn-outline-primary:active, body > header .btn-outline-primary:hover, body > header .btn-outline-primary:focus, #main-menu .btn-outline-primary:active, #main-menu .btn-outline-primary:hover, #main-menu .btn-outline-primary:focus, body > footer .btn-outline-primary:active, body > footer .btn-outline-primary:hover, body > footer .btn-outline-primary:focus, .utica .btn-outline-primary:active, .utica .btn-outline-primary:hover, .utica .btn-outline-primary:focus { background-color: #1e9be9; color: #fff; } body > header .btn-outline-primary.disabled, #main-menu .btn-outline-primary.disabled, body > footer .btn-outline-primary.disabled, .utica .btn-outline-primary.disabled { border-color: #aaaaaa !important; background-color: transparent !important; color: #aaaaaa !important; } body > header .video-link, #main-menu .video-link, body > footer .video-link, .utica .video-link { padding: 0; border: 0; background: transparent; font-size: 1.8rem; font-weight: 500; color: #1e9be9; } body > header .video-link:after, #main-menu .video-link:after, body > footer .video-link:after, .utica .video-link:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 0.8rem; border-top: 0.7rem solid transparent; border-bottom: 0.7rem solid transparent; border-left: 1.2rem solid #1e9be9; } body > header .video-link:active, body > header .video-link:hover, body > header .video-link:focus, #main-menu .video-link:active, #main-menu .video-link:hover, #main-menu .video-link:focus, body > footer .video-link:active, body > footer .video-link:hover, body > footer .video-link:focus, .utica .video-link:active, .utica .video-link:hover, .utica .video-link:focus { text-decoration: underline; } body > header .play-icon, #main-menu .play-icon, body > footer .play-icon, .utica .play-icon { display: block; position: absolute; top: 50%; left: 50%; width: 16vw; height: 16vw; margin-top: -8vw; margin-left: -8vw; border: 1px solid transparent; border-radius: 50%; text-decoration: none; background-color: rgba(255, 255, 255, 0.6); transition: all 0.25s ease; } body > header .play-icon:after, #main-menu .play-icon:after, body > footer .play-icon:after, .utica .play-icon:after { content: ""; display: inline-block; width: 0; height: 0; margin-top: 0.7rem; margin-left: 0.8rem; border-top: 4.27vw solid transparent; border-bottom: 4.27vw solid transparent; border-left: 6.93vw solid rgba(0, 0, 0, 0.8); transition: all 0.25s ease; } body > header .play-icon:hover, body > header .play-icon:active, #main-menu .play-icon:hover, #main-menu .play-icon:active, body > footer .play-icon:hover, body > footer .play-icon:active, .utica .play-icon:hover, .utica .play-icon:active { background-color: #fff; } body > header .play-icon:hover:after, body > header .play-icon:active:after, #main-menu .play-icon:hover:after, #main-menu .play-icon:active:after, body > footer .play-icon:hover:after, body > footer .play-icon:active:after, .utica .play-icon:hover:after, .utica .play-icon:active:after { border-left-color: #1e9be9; } body > header .play-icon:focus, #main-menu .play-icon:focus, body > footer .play-icon:focus, .utica .play-icon:focus { outline: none; } @media only screen and (min-width: 768px) { body > header .play-icon, #main-menu .play-icon, body > footer .play-icon, .utica .play-icon { width: 80px; height: 80px; margin-top: -45px; margin-left: -45px; } body > header .play-icon:after, #main-menu .play-icon:after, body > footer .play-icon:after, .utica .play-icon:after { margin-top: 9px; margin-left: 9px; border-top-width: 20px; border-bottom-width: 20px; border-left-width: 34px; } } body > header .badge, #main-menu .badge, body > footer .badge, .utica .badge { margin-left: 0.3rem; border-radius: 99px; padding: 0.4rem 1rem 0.2rem; background-color: rgba(30, 155, 233, 0.2); font-family: "DIN 2014", Arial, sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 60%; color: #1e9be9; vertical-align: top; } body > header .badge.badge-primary, #main-menu .badge.badge-primary, body > footer .badge.badge-primary, .utica .badge.badge-primary { color: #1e9be9; } body > header .badge.badge-secondary, #main-menu .badge.badge-secondary, body > footer .badge.badge-secondary, .utica .badge.badge-secondary { background-color: #7c8180; color: #fff; } body > header .section-title, #main-menu .section-title, body > footer .section-title, .utica .section-title { padding: 4rem 0; text-align: center; } body > header .page-title, #main-menu .page-title, body > footer .page-title, .utica .page-title { padding: 5rem 0; text-align: center; } body > header .page-title .container, #main-menu .page-title .container, body > footer .page-title .container, .utica .page-title .container { padding: 0 8vw; } body > header .page-title .title-h1 h1, #main-menu .page-title .title-h1 h1, body > footer .page-title .title-h1 h1, .utica .page-title .title-h1 h1 { font-size: 2rem; font-weight: 400; color: #aaaaaa; } body > header .page-title .title-h1 h2, #main-menu .page-title .title-h1 h2, body > footer .page-title .title-h1 h2, .utica .page-title .title-h1 h2 { font-size: 4.4rem; font-size: 11.733vw; font-weight: 300; line-height: 1; color: #1e9be9; } body > header .page-title .title-h2 h1, #main-menu .page-title .title-h2 h1, body > footer .page-title .title-h2 h1, .utica .page-title .title-h2 h1 { font-size: 4.4rem; font-size: 11.733vw; font-weight: 300; } body > header .page-title .title-h2 h2, #main-menu .page-title .title-h2 h2, body > footer .page-title .title-h2 h2, .utica .page-title .title-h2 h2 { font-size: 2rem; font-weight: 400; line-height: 1; color: #1e9be9; } body > header .page-title p, #main-menu .page-title p, body > footer .page-title p, .utica .page-title p { margin-top: 1.2rem; font-family: "Mr Eaves XL Sans", Arial, sans-serif; font-size: 2.1rem; line-height: 1.15; color: #4a4a4a; } body > header .page-title .title-button, #main-menu .page-title .title-button, body > footer .page-title .title-button, .utica .page-title .title-button { margin-top: 1.6rem; } body > header .page-title.page-title-short, #main-menu .page-title.page-title-short, body > footer .page-title.page-title-short, .utica .page-title.page-title-short { position: relative; } body > header .page-title.page-title-short:before, #main-menu .page-title.page-title-short:before, body > footer .page-title.page-title-short:before, .utica .page-title.page-title-short:before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 120px; background-image: linear-gradient(#f2f2f2, rgba(242, 242, 242, 0)); } body > header .page-title.page-title-short h1, #main-menu .page-title.page-title-short h1, body > footer .page-title.page-title-short h1, .utica .page-title.page-title-short h1 { font-size: 10.13vw; font-weight: 300; color: #1e9be9; } body > header .page-title.page-title-short h2, #main-menu .page-title.page-title-short h2, body > footer .page-title.page-title-short h2, .utica .page-title.page-title-short h2 { font-size: 2rem; font-weight: 400; line-height: 1.1; color: #aaaaaa; } @media only screen and (min-width: 576px) { body > header .page-title .title-h1 h2, body > header .page-title .title-h2 h1, #main-menu .page-title .title-h1 h2, #main-menu .page-title .title-h2 h1, body > footer .page-title .title-h1 h2, body > footer .page-title .title-h2 h1, .utica .page-title .title-h1 h2, .utica .page-title .title-h2 h1 { font-size: 5.6rem; } body > header .page-title .title-button, #main-menu .page-title .title-button, body > footer .page-title .title-button, .utica .page-title .title-button { margin-top: 2.4rem; } body > header .page-title.page-title-short h1, #main-menu .page-title.page-title-short h1, body > footer .page-title.page-title-short h1, .utica .page-title.page-title-short h1 { font-size: 5.8rem; line-height: 1; } body > header .page-title.page-title-short h2, #main-menu .page-title.page-title-short h2, body > footer .page-title.page-title-short h2, .utica .page-title.page-title-short h2 { font-size: 2rem; } } @media only screen and (min-width: 768px) { body > header .page-title, #main-menu .page-title, body > footer .page-title, .utica .page-title { padding: 6rem 0; } body > header .page-title .title-h1 h2, body > header .page-title .title-h2 h1, #main-menu .page-title .title-h1 h2, #main-menu .page-title .title-h2 h1, body > footer .page-title .title-h1 h2, body > footer .page-title .title-h2 h1, .utica .page-title .title-h1 h2, .utica .page-title .title-h2 h1 { font-size: 6rem; } body > header .page-title p, #main-menu .page-title p, body > footer .page-title p, .utica .page-title p { max-width: 540px; margin-right: auto; margin-left: auto; font-size: 2.2rem; } body > header .page-title.page-title-short h1, #main-menu .page-title.page-title-short h1, body > footer .page-title.page-title-short h1, .utica .page-title.page-title-short h1 { font-size: 4.2rem; } body > header .page-title.page-title-short h2, #main-menu .page-title.page-title-short h2, body > footer .page-title.page-title-short h2, .utica .page-title.page-title-short h2 { font-size: 2rem; } } @media only screen and (min-width: 992px) { body > header .page-title, #main-menu .page-title, body > footer .page-title, .utica .page-title { padding-top: 7rem; } body > header .page-title .title-h1 h2, body > header .page-title .title-h2 h1, #main-menu .page-title .title-h1 h2, #main-menu .page-title .title-h2 h1, body > footer .page-title .title-h1 h2, body > footer .page-title .title-h2 h1, .utica .page-title .title-h1 h2, .utica .page-title .title-h2 h1 { font-size: 6.8rem; margin-bottom: 1.6rem; } body > header .page-title .title-h1 h1, body > header .page-title .title-h2 h2, #main-menu .page-title .title-h1 h1, #main-menu .page-title .title-h2 h2, body > footer .page-title .title-h1 h1, body > footer .page-title .title-h2 h2, .utica .page-title .title-h1 h1, .utica .page-title .title-h2 h2 { font-size: 2.2rem; } body > header .page-title p, #main-menu .page-title p, body > footer .page-title p, .utica .page-title p { max-width: 600px; font-size: 2.4rem; } body > header .page-title .title-button, #main-menu .page-title .title-button, body > footer .page-title .title-button, .utica .page-title .title-button { margin-top: 3.2rem; } body > header .page-title.page-title-short h1, #main-menu .page-title.page-title-short h1, body > footer .page-title.page-title-short h1, .utica .page-title.page-title-short h1 { font-size: 4.4rem; } body > header .page-title.page-title-short h2, #main-menu .page-title.page-title-short h2, body > footer .page-title.page-title-short h2, .utica .page-title.page-title-short h2 { font-size: 2rem; } } @media only screen and (min-width: 1200px) { body > header .page-title, #main-menu .page-title, body > footer .page-title, .utica .page-title { padding: 8rem 0; } body > header .page-title .container, #main-menu .page-title .container, body > footer .page-title .container, .utica .page-title .container { padding: 0 9.6rem; } body > header .page-title .title-h1 h2, body > header .page-title .title-h2 h1, #main-menu .page-title .title-h1 h2, #main-menu .page-title .title-h2 h1, body > footer .page-title .title-h1 h2, body > footer .page-title .title-h2 h1, .utica .page-title .title-h1 h2, .utica .page-title .title-h2 h1 { font-size: 7.5rem; } body > header .page-title p, #main-menu .page-title p, body > footer .page-title p, .utica .page-title p { font-size: 2.6rem; } body > header .page-title.page-title-short h1, #main-menu .page-title.page-title-short h1, body > footer .page-title.page-title-short h1, .utica .page-title.page-title-short h1 { font-size: 4.8rem; } body > header .page-title.page-title-short h2, #main-menu .page-title.page-title-short h2, body > footer .page-title.page-title-short h2, .utica .page-title.page-title-short h2 { font-size: 2.2rem; } } body > header .content-area, #main-menu .content-area, body > footer .content-area, .utica .content-area { padding: 40px 0; } body > header .content-area.bkgd-light-gray .col-lg-10 *:last-child, body > header .content-area.bkgd-light-blue .col-lg-10 *:last-child, #main-menu .content-area.bkgd-light-gray .col-lg-10 *:last-child, #main-menu .content-area.bkgd-light-blue .col-lg-10 *:last-child, body > footer .content-area.bkgd-light-gray .col-lg-10 *:last-child, body > footer .content-area.bkgd-light-blue .col-lg-10 *:last-child, .utica .content-area.bkgd-light-gray .col-lg-10 *:last-child, .utica .content-area.bkgd-light-blue .col-lg-10 *:last-child { margin-bottom: 0; } @media only screen and (min-width: 576px) { body > header .content-area, #main-menu .content-area, body > footer .content-area, .utica .content-area { padding: 50px 0; } } @media only screen and (min-width: 992px) { body > header .content-area, #main-menu .content-area, body > footer .content-area, .utica .content-area { padding: 60px 0; } } @media only screen and (min-width: 1200px) { body > header .content-area, #main-menu .content-area, body > footer .content-area, .utica .content-area { padding: 70px 0; } } body > header .secondary-title, #main-menu .secondary-title, body > footer .secondary-title, .utica .secondary-title { padding: 0; text-align: center; } body > header .secondary-title > .container > .row > div, #main-menu .secondary-title > .container > .row > div, body > footer .secondary-title > .container > .row > div, .utica .secondary-title > .container > .row > div { border-bottom: 2px dotted #aaaaaa; padding: 3.6rem 15px; } body > header .secondary-title h2, body > header .secondary-title h3, body > header .secondary-title p, #main-menu .secondary-title h2, #main-menu .secondary-title h3, #main-menu .secondary-title p, body > footer .secondary-title h2, body > footer .secondary-title h3, body > footer .secondary-title p, .utica .secondary-title h2, .utica .secondary-title h3, .utica .secondary-title p { padding-left: 2.4rem; padding-right: 2.4rem; } body > header .secondary-title h3, #main-menu .secondary-title h3, body > footer .secondary-title h3, .utica .secondary-title h3 { line-height: 1.1; color: #000; } body > header .secondary-title p, #main-menu .secondary-title p, body > footer .secondary-title p, .utica .secondary-title p { margin-bottom: 0; } @media only screen and (min-width: 576px) { body > header .secondary-title h2, body > header .secondary-title h3, body > header .secondary-title p, #main-menu .secondary-title h2, #main-menu .secondary-title h3, #main-menu .secondary-title p, body > footer .secondary-title h2, body > footer .secondary-title h3, body > footer .secondary-title p, .utica .secondary-title h2, .utica .secondary-title h3, .utica .secondary-title p { padding-left: 3.6rem; padding-right: 3.6rem; } } @media only screen and (min-width: 768px) { body > header .secondary-title, #main-menu .secondary-title, body > footer .secondary-title, .utica .secondary-title { padding: 1rem 0; } body > header .secondary-title > .container > .row > div, #main-menu .secondary-title > .container > .row > div, body > footer .secondary-title > .container > .row > div, .utica .secondary-title > .container > .row > div { padding: 4rem 15px; } body > header .secondary-title h2, body > header .secondary-title h3, body > header .secondary-title p, #main-menu .secondary-title h2, #main-menu .secondary-title h3, #main-menu .secondary-title p, body > footer .secondary-title h2, body > footer .secondary-title h3, body > footer .secondary-title p, .utica .secondary-title h2, .utica .secondary-title h3, .utica .secondary-title p { padding-left: 4rem; padding-right: 4rem; } } @media only screen and (min-width: 992px) { body > header .secondary-title, #main-menu .secondary-title, body > footer .secondary-title, .utica .secondary-title { padding: 2rem 0; } body > header .secondary-title h2, body > header .secondary-title h3, body > header .secondary-title p, #main-menu .secondary-title h2, #main-menu .secondary-title h3, #main-menu .secondary-title p, body > footer .secondary-title h2, body > footer .secondary-title h3, body > footer .secondary-title p, .utica .secondary-title h2, .utica .secondary-title h3, .utica .secondary-title p { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1200px) { body > header .secondary-title, #main-menu .secondary-title, body > footer .secondary-title, .utica .secondary-title { padding: 3rem 0; } } body > header .utica h1, body > header .utica .h1, #main-menu .utica h1, #main-menu .utica .h1, body > footer .utica h1, body > footer .utica .h1, .utica .utica h1, .utica .utica .h1 { font-size: 4.4rem; font-weight: 300; line-height: 1; color: #000; } body > header .utica h2, body > header .utica .h2, #main-menu .utica h2, #main-menu .utica .h2, body > footer .utica h2, body > footer .utica .h2, .utica .utica h2, .utica .utica .h2 { font-size: 2rem; font-weight: 400; line-height: 1.1; color: #aaaaaa; } body > header .utica h3, body > header .utica .h3, #main-menu .utica h3, #main-menu .utica .h3, body > footer .utica h3, body > footer .utica .h3, .utica .utica h3, .utica .utica .h3 { margin-bottom: 1.6rem; font-size: 3.8rem; font-weight: 300; line-height: 1; color: #1e9be9; } body > header .utica h4, #main-menu .utica h4, body > footer .utica h4, .utica .utica h4 { margin-top: 30px; font-size: 2.4rem; color: #000; } body > header .utica h4:first-child, #main-menu .utica h4:first-child, body > footer .utica h4:first-child, .utica .utica h4:first-child { margin-top: 0; } body > header .utica p, body > header .utica li, #main-menu .utica p, #main-menu .utica li, body > footer .utica p, body > footer .utica li, .utica .utica p, .utica .utica li { font-family: "DIN 2014", Arial, sans-serif; letter-spacing: 0.3px; font-size: 1.8rem; line-height: 1.3; color: #4a4a4a; } body > header .utica p, #main-menu .utica p, body > footer .utica p, .utica .utica p { margin-bottom: 1.8rem; } body > header .utica ol, body > header .utica ul, #main-menu .utica ol, #main-menu .utica ul, body > footer .utica ol, body > footer .utica ul, .utica .utica ol, .utica .utica ul { margin: 1.6rem 0 2.4rem; padding-left: 2rem; } body > header .utica li, #main-menu .utica li, body > footer .utica li, .utica .utica li { margin-bottom: 1rem; } body > header .utica hr, #main-menu .utica hr, body > footer .utica hr, .utica .utica hr { margin: 3rem 0; border-top: 2px dotted #ddd; } body > header .utica blockquote, #main-menu .utica blockquote, body > footer .utica blockquote, .utica .utica blockquote { font-size: 2.4rem; line-height: 1.3; color: #000; } body > header .utica blockquote footer, #main-menu .utica blockquote footer, body > footer .utica blockquote footer, .utica .utica blockquote footer { margin-top: 1.5rem; font-weight: 300; font-size: 80%; } body > header .utica form h3, #main-menu .utica form h3, body > footer .utica form h3, .utica .utica form h3 { margin: 3.2rem 0 1.6rem; border-bottom: 2px dotted #ddd; padding-bottom: 0.2rem; font-size: 3.4rem; } body > header .utica form .form-group, #main-menu .utica form .form-group, body > footer .utica form .form-group, .utica .utica form .form-group { margin-bottom: 1.6rem; } body > header .utica form .row .form-row, #main-menu .utica form .row .form-row, body > footer .utica form .row .form-row, .utica .utica form .row .form-row { padding: 0 15px; } body > header .utica form label, #main-menu .utica form label, body > footer .utica form label, .utica .utica form label { margin-bottom: 0.3rem; font-size: 1.5rem; font-weight: 700; letter-spacing: 0.1rem; color: #7c8180; text-transform: uppercase; } body > header .utica form label.error, #main-menu .utica form label.error, body > footer .utica form label.error, .utica .utica form label.error { margin-top: 8px; color: #da291c; } body > header .utica form label.error + .form-control, #main-menu .utica form label.error + .form-control, body > footer .utica form label.error + .form-control, .utica .utica form label.error + .form-control { border-color: #da291c; } body > header .utica form label span.required, #main-menu .utica form label span.required, body > footer .utica form label span.required, .utica .utica form label span.required { display: none; } body > header .utica form .form-check, #main-menu .utica form .form-check, body > footer .utica form .form-check, .utica .utica form .form-check { margin: 0.6rem 0; } body > header .utica form .form-check label, #main-menu .utica form .form-check label, body > footer .utica form .form-check label, .utica .utica form .form-check label { margin-bottom: 0; font-family: "DIN 2014", Arial, sans-serif; font-weight: 400; letter-spacing: 0.3px; font-size: 1.8rem; line-height: 1.5; color: #7c8180; text-transform: none; } body > header .utica form .form-check input, #main-menu .utica form .form-check input, body > footer .utica form .form-check input, .utica .utica form .form-check input { margin-top: 0.15rem; margin-right: 0.5rem; vertical-align: text-top; } body > header .utica form .form-control, #main-menu .utica form .form-control, body > footer .utica form .form-control, .utica .utica form .form-control { display: block; width: 100%; height: auto; padding: 0.8rem 1rem 0.6rem; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; background-clip: padding-box; font-family: "DIN 2014", Arial, sans-serif; font-weight: 400; letter-spacing: 0.3px; font-size: 1.8rem; line-height: 1.5; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } body > header .utica form select.form-control, #main-menu .utica form select.form-control, body > footer .utica form select.form-control, .utica .utica form select.form-control { box-sizing: border-box; margin: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%234a4a4a;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EArtboard 1%3C/title%3E%3Cpath class='a' d='M500,10,227.8,391.1H772.2Zm0,980L772.2,608.9H227.8Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.7em top 50%; background-size: 1.6rem auto; } body > header .utica form select.form-control::-ms-expand, #main-menu .utica form select.form-control::-ms-expand, body > footer .utica form select.form-control::-ms-expand, .utica .utica form select.form-control::-ms-expand { display: none; } body > header .utica form select.form-control option, #main-menu .utica form select.form-control option, body > footer .utica form select.form-control option, .utica .utica form select.form-control option { font-weight: normal; } body > header .utica form .btn, #main-menu .utica form .btn, body > footer .utica form .btn, .utica .utica form .btn { margin-top: 2rem; } body > header .utica .footnote, #main-menu .utica .footnote, body > footer .utica .footnote, .utica .utica .footnote { margin: 4rem 1rem 0; } body > header .utica .footnote h6, #main-menu .utica .footnote h6, body > footer .utica .footnote h6, .utica .utica .footnote h6 { margin-bottom: 0.8rem; font-weight: 700; font-size: 1.8rem; color: #7c8180; } body > header .utica .footnote p, #main-menu .utica .footnote p, body > footer .utica .footnote p, .utica .utica .footnote p { font-size: 1.4rem; line-height: 1.3; color: #7c8180; } body > header .utica .footnote p:only-child, #main-menu .utica .footnote p:only-child, body > footer .utica .footnote p:only-child, .utica .utica .footnote p:only-child { margin-bottom: 0; } body > header .utica .footnote p.indent-1, #main-menu .utica .footnote p.indent-1, body > footer .utica .footnote p.indent-1, .utica .utica .footnote p.indent-1 { text-indent: -0.7rem; } body > header .utica .footnote p.indent-2, #main-menu .utica .footnote p.indent-2, body > footer .utica .footnote p.indent-2, .utica .utica .footnote p.indent-2 { text-indent: -1.2rem; } body > header .utica .footnote p.indent-3, #main-menu .utica .footnote p.indent-3, body > footer .utica .footnote p.indent-3, .utica .utica .footnote p.indent-3 { text-indent: -1.7rem; } body > header .utica .text-uppercase, #main-menu .utica .text-uppercase, body > footer .utica .text-uppercase, .utica .utica .text-uppercase { color: #7c8180; } @media only screen and (min-width: 576px) { body > header .utica h1, body > header .utica .h1, #main-menu .utica h1, #main-menu .utica .h1, body > footer .utica h1, body > footer .utica .h1, .utica .utica h1, .utica .utica .h1 { font-size: 5rem; } body > header .utica hr, #main-menu .utica hr, body > footer .utica hr, .utica .utica hr { margin: 4rem 0; } } @media only screen and (min-width: 768px) { body > header .utica h1, body > header .utica .h1, #main-menu .utica h1, #main-menu .utica .h1, body > footer .utica h1, body > footer .utica .h1, .utica .utica h1, .utica .utica .h1 { font-size: 5.4rem; } body > header .utica h3, body > header .utica .h3, #main-menu .utica h3, #main-menu .utica .h3, body > footer .utica h3, body > footer .utica .h3, .utica .utica h3, .utica .utica .h3 { font-size: 3rem; } body > header .utica p, body > header .utica li, body > header .utica form .form-check label, #main-menu .utica p, #main-menu .utica li, #main-menu .utica form .form-check label, body > footer .utica p, body > footer .utica li, body > footer .utica form .form-check label, .utica .utica p, .utica .utica li, .utica .utica form .form-check label { font-size: 1.6rem; } body > header .utica p, #main-menu .utica p, body > footer .utica p, .utica .utica p { margin-bottom: 1.6rem; } body > header .utica ol, body > header .utica ul, #main-menu .utica ol, #main-menu .utica ul, body > footer .utica ol, body > footer .utica ul, .utica .utica ol, .utica .utica ul { padding-left: 3rem; } } @media only screen and (min-width: 992px) { body > header .utica h1, body > header .utica .h1, #main-menu .utica h1, #main-menu .utica .h1, body > footer .utica h1, body > footer .utica .h1, .utica .utica h1, .utica .utica .h1 { font-size: 6.6rem; } body > header .utica h3, body > header .utica .h3, #main-menu .utica h3, #main-menu .utica .h3, body > footer .utica h3, body > footer .utica .h3, .utica .utica h3, .utica .utica .h3 { font-size: 4.2rem; } body > header .utica h5, #main-menu .utica h5, body > footer .utica h5, .utica .utica h5 { font-size: 1.8rem; } body > header .utica p, #main-menu .utica p, body > footer .utica p, .utica .utica p { margin-bottom: 1.8rem; font-size: 1.8rem; } body > header .utica li, body > header .utica form .form-check label, #main-menu .utica li, #main-menu .utica form .form-check label, body > footer .utica li, body > footer .utica form .form-check label, .utica .utica li, .utica .utica form .form-check label { font-size: 1.8rem; } body > header .utica hr, #main-menu .utica hr, body > footer .utica hr, .utica .utica hr { margin: 5rem 0; } body > header .utica form h3, #main-menu .utica form h3, body > footer .utica form h3, .utica .utica form h3 { font-size: 3.8rem; } } @media only screen and (min-width: 1200px) { body > header .utica h1, body > header .utica .h1, #main-menu .utica h1, #main-menu .utica .h1, body > footer .utica h1, body > footer .utica .h1, .utica .utica h1, .utica .utica .h1 { font-size: 7.5rem; } body > header .utica h2, body > header .utica .h2, #main-menu .utica h2, #main-menu .utica .h2, body > footer .utica h2, body > footer .utica .h2, .utica .utica h2, .utica .utica .h2 { font-size: 2.2rem; } body > header .utica h3, body > header .utica .h3, #main-menu .utica h3, #main-menu .utica .h3, body > footer .utica h3, body > footer .utica .h3, .utica .utica h3, .utica .utica .h3 { font-size: 4.8rem; } body > header .utica h4, #main-menu .utica h4, body > footer .utica h4, .utica .utica h4 { font-size: 2.8rem; } body > header .utica p, #main-menu .utica p, body > footer .utica p, .utica .utica p { margin-bottom: 2rem; font-size: 2rem; } body > header .utica li, #main-menu .utica li, body > footer .utica li, .utica .utica li { font-size: 2rem; } body > header .utica ol, body > header .utica ul, #main-menu .utica ol, #main-menu .utica ul, body > footer .utica ol, body > footer .utica ul, .utica .utica ol, .utica .utica ul { padding-left: 4rem; } body > header .utica blockquote, #main-menu .utica blockquote, body > footer .utica blockquote, .utica .utica blockquote { font-size: 2.8rem; } body > header .utica form h3, #main-menu .utica form h3, body > footer .utica form h3, .utica .utica form h3 { font-size: 4rem; } body > header .utica form label, #main-menu .utica form label, body > footer .utica form label, .utica .utica form label { font-size: 1.6rem; } body > header .utica form .form-control, #main-menu .utica form .form-control, body > footer .utica form .form-control, .utica .utica form .form-control { font-size: 2rem; } body > header .utica form .form-check label, #main-menu .utica form .form-check label, body > footer .utica form .form-check label, .utica .utica form .form-check label { font-size: 2rem; } } body > header { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; background-color: #fff; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1); transition: all 0.5s; } body > header > .container { padding: 0; } body > header .navbar-header { width: 100%; margin: 0 !important; padding: 1rem 0; } body > header .navbar-header .visible-sm img { display: block; height: 48px; width: 78px; margin-top: 0 !important; padding-left: 78px; background: url("/images/logo-starkey.svg"); } body > header .navbar-header .visible-xs { display: block !important; } body > header .navbar-header a.glyphicon { color: #7c8180; } body > header .navbar-header a.glyphicon.glyphicon-search { display: none; } body > header .navbar-header .navbar-brand { padding-top: 0.3rem; padding-bottom: 0.3rem; } body > header .navbar-collapse.collapse { display: none !important; } body > header#myaccount-slider { top: 70px !important; height: auto !important; background-color: #fff !important; } body > header#myaccount-slider + div > div:first-child { z-index: 100 !important; background-color: rgba(0, 0, 0, 0.33) !important; transition: background-color 0.2s ease; } body > header#myaccount-slider[style*=none] + div > div:first-child { z-index: -9999 !important; background-color: rgba(0, 0, 0, 0) !important; } body > header#myaccount-slider .row { border-top: 1px solid #f2f2f2; } body > header#myaccount-slider .col-xs-12 { border-bottom: 1px solid #f2f2f2 !important; } body > header#myaccount-slider .col-xs-12 a { font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-weight: 700 !important; font-size: 1.8rem !important; color: #4a4a4a !important; text-transform: uppercase; } body > header#myaccount-slider .col-xs-12 .collapse { margin: 0 -15px; padding: 15px 15px 5px; background-color: #f6f6f6; } body > header#myaccount-slider .col-xs-12 .collapse > div { padding-bottom: 1rem !important; } body > header#myaccount-slider .col-xs-12 li { padding-left: 1rem; color: #7c8180 !important; text-transform: none !important; } body > header#myaccount-slider .col-xs-12 li a div { display: inline-block; float: none !important; } body > header#myaccount-slider .col-xs-12 li a div:first-child { padding: 0 0.6rem !important; font-size: 1rem !important; color: #1e9be9 !important; } body > header#myaccount-slider .col-xs-12 li a div:last-child { padding-left: 0 !important; font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-size: 1.8rem !important; color: #4a4a4a !important; text-transform: none !important; } body > header#myaccount-slider .row + ul { padding-top: 24px !important; background-color: rgba(30, 155, 233, 0.08); } body > header#myaccount-slider .row + ul li { font-family: "DIN 2014", Arial, sans-serif !important; font-weight: 500; letter-spacing: 0.3px; color: #7c8180 !important; } body > header#myaccount-slider .row + ul li a { font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-weight: 700 !important; font-size: 1.8rem !important; color: #1e9be9 !important; } .top-menu-spacer + div { height: 0 !important; } @media only screen and (max-width: 767.98px) { body > header .hidden-xs, #main-menu .hidden-xs { display: none !important; } body > header .visible-xs, #main-menu .visible-xs { display: block !important; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { body > header .hidden-sm, #main-menu .hidden-sm { display: none !important; } body > header .visible-sm, #main-menu .visible-sm { display: block !important; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { body > header .hidden-sm, #main-menu .hidden-sm { display: block !important; } body > header .visible-sm, #main-menu .visible-sm { display: none !important; } body > header .hidden-md, #main-menu .hidden-md { display: none !important; } body > header .visible-md, #main-menu .visible-md { display: block !important; } } @media only screen and (min-width: 1200px) { body > header .hidden-md, #main-menu .hidden-md { display: block !important; } body > header .visible-md, #main-menu .visible-md { display: none !important; } body > header .hidden-lg, #main-menu .hidden-lg { display: none !important; } body > header .visible-lg, #main-menu .visible-lg { display: block !important; } } header + #scroll-wrapper #page-wrapper { margin-top: 70px; } @media only screen and (min-width: 992px) { header + #scroll-wrapper #page-wrapper { margin-top: 110px; } #main-menu { display: block !important; z-index: 1020; min-height: unset; margin: 0; background: #fff; box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1); } #main-menu .container { position: relative; width: 100%; max-width: 1440px; height: 110px; padding: 0 2rem; } #main-menu + .navbar-fixed-top .container { position: relative; height: 0; } #main-menu .navbar { position: unset; min-height: unset; margin-left: 0; } #main-menu #menu-bar { position: absolute; bottom: 16px; left: 130px; font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-weight: 700 !important; font-size: 1.6rem !important; color: #4a4a4a; } #main-menu #menu-bar .dropdown + .dropdown { margin-left: 0.6rem; } #main-menu #menu-bar .dropdown .dropdown-toggle { margin: 0.5rem; padding: 0.5rem 0.3rem !important; transition: color 0.22s ease; } #main-menu #menu-bar .dropdown .dropdown-toggle:active, #main-menu #menu-bar .dropdown .dropdown-toggle:focus, #main-menu #menu-bar .dropdown .dropdown-toggle:hover { color: #1e9be9; } #main-menu #menu-bar .dropdown .dropdown-toggle:active:after, #main-menu #menu-bar .dropdown .dropdown-toggle:focus:after, #main-menu #menu-bar .dropdown .dropdown-toggle:hover:after { border-color: #1e9be9; } #main-menu #menu-bar .dropdown .dropdown-toggle .fa { display: none; } #main-menu #menu-bar .dropdown .dropdown-toggle:not([href]):after { content: ""; display: inline-block; height: 0.6rem; width: 0.6rem; margin-left: 0.3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: 0.3rem; transition: all 0.22s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #main-menu #menu-bar .dropdown .dropdown-toggle:not([href]):after:active:after, #main-menu #menu-bar .dropdown .dropdown-toggle:not([href]):after:hover:after { border-color: #1e9be9; } #main-menu #menu-bar .dropdown.open .dropdown-toggle { background-color: transparent !important; color: #1e9be9; } #main-menu #menu-bar .dropdown.open .dropdown-toggle:after { border-color: #1e9be9; vertical-align: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); } } @media only screen and (min-width: 992px) and (-ms-high-contrast: none), only screen and (min-width: 992px) and (-ms-high-contrast: active) { #main-menu #menu-bar { bottom: -42px; } } @media only screen and (min-width: 992px) { #main-menu #estore-menu-bar { position: absolute; right: 2rem; bottom: 19px; margin-right: 0; } #main-menu #estore-menu-bar #estore-menu { display: block; width: 16rem; border: 1px solid #1e9be9; padding: 0.6rem 1rem 0.5rem; background: #1e9be9; font-family: "DIN 2014", Arial, sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 1.4rem; line-height: 1.5; color: #fff; text-align: center; text-transform: none; transition: all 0.2s ease; } #main-menu #estore-menu-bar #estore-menu:hover, #main-menu #estore-menu-bar #estore-menu:active { background: #fff; color: #1e9be9; text-decoration: none; } } @media only screen and (min-width: 992px) and (-ms-high-contrast: none), only screen and (min-width: 992px) and (-ms-high-contrast: active) { #main-menu #estore-menu-bar { bottom: -40px; } } @media only screen and (min-width: 992px) { #main-menu .dropdown-menu { top: 56px; } .dropdown-menu { border-color: #c7c8c9 !important; padding: 2rem 1rem !important; background-color: #fff !important; } .dropdown-menu .menu-header, .dropdown-menu .my-account-header { margin-bottom: 0.8rem; font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-weight: 700; font-size: 1.4rem !important; color: #7c8180; } .dropdown-menu ul li:not(.menu-header) + li, .dropdown-menu ul li:not(.my-account-header) + li { margin-top: 0.8rem; } .dropdown-menu ul li:not(.menu-header) .menu-arrow, .dropdown-menu ul li:not(.menu-header) .my-account-arrow, .dropdown-menu ul li:not(.my-account-header) .menu-arrow, .dropdown-menu ul li:not(.my-account-header) .my-account-arrow { display: none; } .dropdown-menu ul li:not(.menu-header) .menu-item, .dropdown-menu ul li:not(.menu-header) .my-account-link-text, .dropdown-menu ul li:not(.my-account-header) .menu-item, .dropdown-menu ul li:not(.my-account-header) .my-account-link-text { display: inline-block; padding: 0.2rem 1.5rem 0.2rem 0; font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-size: 1.7rem !important; font-weight: 500 !important; line-height: 1.2; text-transform: none !important; color: #1e9be9; } .dropdown-menu ul li:not(.menu-header) .menu-item:focus, .dropdown-menu ul li:not(.menu-header) .menu-item:hover, .dropdown-menu ul li:not(.menu-header) .my-account-link-text:focus, .dropdown-menu ul li:not(.menu-header) .my-account-link-text:hover, .dropdown-menu ul li:not(.my-account-header) .menu-item:focus, .dropdown-menu ul li:not(.my-account-header) .menu-item:hover, .dropdown-menu ul li:not(.my-account-header) .my-account-link-text:focus, .dropdown-menu ul li:not(.my-account-header) .my-account-link-text:hover { color: #4a4a4a !important; } body > header { background-color: transparent; box-shadow: none; } body > header > .container { width: 100% !important; max-width: 1440px; height: 0; padding: 0 2rem; } body > header .navbar-header { position: absolute; top: 11px; width: auto; } body > header .navbar-header .visible-xs { display: none !important; } body > header .navbar-header .navbar-brand { height: 60px; padding-top: 0; padding-bottom: 0; } body > header .navbar-header .navbar-brand img { display: block; height: 60px; width: 98px; margin-top: 0 !important; padding-left: 98px; background: url("/images/logo-starkey.svg"); } body > header #navbar { float: right; } body > header .navbar-collapse.collapse { display: block !important; } body > header .nav:not(#navbar-menu-bar) > li:first-child div { margin: 0; padding-top: 7px !important; font-family: "Mr Eaves XL Sans", Arial, sans-serif; font-size: 1.3rem; color: #7c8180; text-transform: none; } body > header .nav:not(#navbar-menu-bar) .site-menu { padding: 15px 6px; font-family: "Mr Eaves XL Sans", Arial, sans-serif; font-weight: 700; font-size: 1.4rem; color: #4a4a4a !important; } body > header .nav:not(#navbar-menu-bar) .site-menu .fa-caret-down { display: none; } body > header .nav:not(#navbar-menu-bar) .site-menu:after { content: ""; display: inline-block; height: 0.5rem; width: 0.5rem; margin-left: 0.3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: 0.3rem; transition: all 0.22s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body > header .nav:not(#navbar-menu-bar) .site-menu:after:active:after, body > header .nav:not(#navbar-menu-bar) .site-menu:after:hover:after { border-color: #1e9be9; } body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu { right: 0; left: auto; } body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu li { line-height: 1; } body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu li + li { margin-top: 0.8rem; } body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu a { display: inline-block; padding: 0.2rem 1.5rem; font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-size: 1.7rem !important; line-height: 1.2; text-transform: none !important; color: #1e9be9 !important; } body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu a:focus, body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu a:hover { background-color: transparent; color: #4a4a4a !important; } body > header .nav:not(#navbar-menu-bar) .open > .site-menu { background-color: transparent !important; color: #1e9be9 !important; } body > header .nav:not(#navbar-menu-bar) .open > .site-menu:after { border-color: #1e9be9; vertical-align: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); } body > header #navbar-menu-bar { margin-right: 0; } body > header #navbar-menu-bar .header-icon { color: #7c8180; } body > header #navbar-menu-bar .header-icon.glyphicon-search { display: none; } body > header #navbar-menu-bar #cart-dropdown, body > header #navbar-menu-bar #favories-dropdown { margin-left: 1.2rem; padding: 15px 0.5rem; } body > header #navbar-menu-bar #cart-dropdown span, body > header #navbar-menu-bar #favories-dropdown span { display: inline-block !important; } body > header #navbar-menu-bar #cart-dropdown span + span, body > header #navbar-menu-bar #favories-dropdown span + span { font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-weight: 700; font-size: 1.4rem; color: #4a4a4a; } body > header #navbar-menu-bar #cart-dropdown .fa, body > header #navbar-menu-bar #favories-dropdown .fa { display: none; } body > header #navbar-menu-bar #cart-dropdown:after, body > header #navbar-menu-bar #favories-dropdown:after { content: ""; display: inline-block; height: 0.5rem; width: 0.5rem; margin-left: 0.3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: 0.3rem; transition: all 0.22s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body > header #navbar-menu-bar #cart-dropdown:after:active:after, body > header #navbar-menu-bar #cart-dropdown:after:hover:after, body > header #navbar-menu-bar #favories-dropdown:after:active:after, body > header #navbar-menu-bar #favories-dropdown:after:hover:after { border-color: #1e9be9; } body > header #navbar-menu-bar #cart-dropdown + .dropdown-menu, body > header #navbar-menu-bar #favories-dropdown + .dropdown-menu { top: 50px; } body > header #navbar-menu-bar .open #cart-dropdown, body > header #navbar-menu-bar .open #favories-dropdown, body > header #navbar-menu-bar .open #my-account-dropdown { background-color: transparent !important; } body > header #navbar-menu-bar .open #cart-dropdown span, body > header #navbar-menu-bar .open #favories-dropdown span, body > header #navbar-menu-bar .open #my-account-dropdown span { color: #1e9be9; } body > header #navbar-menu-bar .open #cart-dropdown:after, body > header #navbar-menu-bar .open #favories-dropdown:after, body > header #navbar-menu-bar .open #my-account-dropdown:after { border-color: #1e9be9; vertical-align: 0; -webkit-transform: rotate(225deg); transform: rotate(225deg); } body > header #navbar-menu-bar #cart-menu .item-list-horizontal + .list-group-item { border: 0; } body > header #navbar-menu-bar #location-chooser { margin-left: 1.2rem; padding: 15px 0.5rem; font-family: "Mr Eaves XL Sans", Arial, sans-serif; font-size: 1.3rem; text-transform: none; } body > header #navbar-menu-bar #location-chooser .location-current { font-weight: 700; font-size: 1.4rem; color: #1e9be9; } body > header #navbar-menu-bar #location-chooser:focus .location-current, body > header #navbar-menu-bar #location-chooser:hover .location-current { color: #4a4a4a !important; } body > header #navbar-menu-bar #my-account-dropdown { margin-left: 1.2rem; padding: 15px 0.5rem; font-family: "Mr Eaves XL Sans", Arial, sans-serif !important; font-weight: 700; font-size: 1.4rem; color: #4a4a4a; } body > header #navbar-menu-bar #my-account-dropdown .fa { display: none; } body > header #navbar-menu-bar #my-account-dropdown:after { content: ""; display: inline-block; height: 0.5rem; width: 0.5rem; margin-left: 0.3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: 0.3rem; transition: all 0.22s ease; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body > header #navbar-menu-bar #my-account-dropdown:after:active:after, body > header #navbar-menu-bar #my-account-dropdown:after:hover:after { border-color: #1e9be9; } body > header #navbar-menu-bar #my-account-menu { top: 50px; right: 0; } body > header #navbar-menu-bar #my-account-menu > li { margin: 0 15px 15px; } body > header #my-login-button { position: absolute; top: 57px; right: 0; display: block; width: 16rem; margin-right: 0 !important; border: 1px solid #1e9be9; padding: 0.6rem 1rem 0.5rem; background: #1e9be9 !important; font-family: "DIN 2014", Arial, sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 1.4rem; line-height: 1.5; color: #fff !important; text-align: center; text-transform: none; transition: all 0.2s ease; } body > header #my-login-button:hover, body > header #my-login-button:active { background: #fff !important; color: #1e9be9 !important; text-decoration: none; } body > header #my-login-button[data-bind*="Log Out"] { position: relative; top: 13px; width: auto; margin: 0 0 0 16px !important; padding: 0.3rem 1.6rem 0.1rem; border-color: #7c8180; border-radius: 99px; background: #fff !important; font-size: 1.3rem; line-height: 16px; color: #7c8180 !important; opacity: 0.8; } body > header #my-login-button[data-bind*="Log Out"]:hover, body > header #my-login-button[data-bind*="Log Out"]:active { background: #7c8180 !important; color: #fff !important; } body > header + .top-menu-spacer, body > header + .top-menu-spacer + div { display: none !important; } } @media only screen and (min-width: 1080px) { #main-menu #menu-bar { left: 140px; padding-right: 0.5rem; padding-left: 0.5rem; font-size: 1.7rem !important; } #main-menu #menu-bar .dropdown + .dropdown { margin-left: 0.8rem; } #main-menu #estore-menu-bar #estore-menu { width: 18rem; } body > header #navbar-menu-bar #cart-dropdown, body > header #navbar-menu-bar #favories-dropdown, body > header #navbar-menu-bar #location-chooser, body > header #navbar-menu-bar #my-account-dropdown { margin-left: 1.5rem; } body > header #my-login-button { width: 18rem; } body > header #my-login-button[data-bind*="Log Out"] { margin-left: 24px !important; } } @media only screen and (min-width: 1200px) { header + #scroll-wrapper #page-wrapper { margin-top: 126px; } #main-menu .container { height: 126px; } #main-menu #menu-bar { bottom: 20px; left: 160px; font-size: 1.8rem !important; } #main-menu #menu-bar .dropdown + .dropdown { margin-left: 1.2rem; } } @media only screen and (min-width: 1200px) and (-ms-high-contrast: none), only screen and (min-width: 1200px) and (-ms-high-contrast: active) { #main-menu #menu-bar { bottom: -54px; } } @media only screen and (min-width: 1200px) { #main-menu #estore-menu-bar { bottom: 21px; } #main-menu #estore-menu-bar #estore-menu { width: 21rem; font-size: 1.6rem; } } @media only screen and (min-width: 1200px) and (-ms-high-contrast: none), only screen and (min-width: 1200px) and (-ms-high-contrast: active) { #main-menu #estore-menu-bar { bottom: -53px; } } @media only screen and (min-width: 1200px) { #main-menu .dropdown-menu { top: 60px; } .dropdown-menu .menu-header { margin-bottom: 1rem; font-size: 1.6rem !important; } .dropdown-menu ul li:not(.menu-header) + li { margin-top: 1rem; } .dropdown-menu ul li:not(.menu-header) .menu-item { font-size: 1.8rem !important; } body > header .navbar-header { top: 17px; } body > header .navbar-header .navbar-brand { height: 66px; } body > header .navbar-header .navbar-brand img { height: 66px; width: 108px; padding-left: 108px; } body > header .nav:not(#navbar-menu-bar) > li:first-child div, body > header #navbar-menu-bar #location-chooser { font-size: 1.4rem; } body > header .nav:not(#navbar-menu-bar) > li:first-child div { padding-top: 6px !important; } body > header .nav:not(#navbar-menu-bar) .site-menu, body > header #navbar-menu-bar #cart-dropdown span + span, body > header #navbar-menu-bar #favories-dropdown span + span, body > header #navbar-menu-bar #location-chooser .location-current, body > header #navbar-menu-bar #my-account-dropdown { font-size: 1.5rem; } body > header #my-login-button { top: 68px; width: 21rem; font-size: 1.6rem; } body > header #my-login-button[data-bind*="Log Out"] { top: 12px; padding: 0.4rem 2rem 0.2rem; font-size: 1.4rem; line-height: 18px; } } @media only screen and (min-width: 1400px) { header + #scroll-wrapper #page-wrapper { margin-top: 140px; } #main-menu .container { height: 140px; padding: 0 3.6rem; } #main-menu #menu-bar { bottom: 24px; left: 200px; font-size: 2rem !important; } #main-menu #menu-bar .dropdown + .dropdown { margin-left: 1.6rem; } } @media only screen and (min-width: 1400px) and (-ms-high-contrast: none), only screen and (min-width: 1400px) and (-ms-high-contrast: active) { #main-menu #menu-bar { bottom: -67px; } } @media only screen and (min-width: 1400px) { #main-menu #estore-menu-bar { right: 3.6rem; bottom: 24px; } #main-menu #estore-menu-bar #estore-menu { width: 24rem; font-size: 1.7rem; } } @media only screen and (min-width: 1400px) and (-ms-high-contrast: none), only screen and (min-width: 1400px) and (-ms-high-contrast: active) { #main-menu #estore-menu-bar { bottom: -67px; } } @media only screen and (min-width: 1400px) { #main-menu .dropdown-menu { top: 64px; } body > header > .container { padding: 0 3.6rem; } body > header .navbar-header { top: 19px; } body > header .navbar-header .navbar-brand { height: 76px; } body > header .navbar-header .navbar-brand img { height: 76px; width: 125px; padding-left: 125px; } body > header .nav:not(#navbar-menu-bar) > li:first-child div, body > header #navbar-menu-bar #location-chooser { font-size: 1.5rem; } body > header .nav:not(#navbar-menu-bar) .site-menu, body > header #navbar-menu-bar #cart-dropdown span + span, body > header #navbar-menu-bar #favories-dropdown span + span, body > header #navbar-menu-bar #location-chooser .location-current, body > header #navbar-menu-bar #my-account-dropdown { font-size: 1.6rem; } body > header #my-login-button { top: 78px; right: 0; width: 24rem; font-size: 1.7rem; } body > header #my-login-button[data-bind*="Log Out"] { padding: 0.5rem 2.4rem 0.4rem; font-size: 1.5rem; } } #breadcrumb .input-group { margin-top: 10px !important; } .breadcrumb-route { font-weight: 500; } body > footer { margin-bottom: 0; border-top: 1px solid #ddd; padding-top: 2.4rem; background-color: #f4f4f4; } body > footer.hidden-xs { display: block !important; } body > footer .container > a { display: none; } body > footer .footer-links { margin-bottom: 40px; padding-bottom: 120px; background-image: url("/images/logo-starkey-hblb-center.svg"); background-position: center bottom; background-repeat: no-repeat; background-size: 190px 100px; text-align: left; } body > footer .footer-links a { display: block; padding: 0; font-family: "Mr Eaves XL Sans", Arial, sans-serif; font-weight: 700; font-size: 1.6rem; color: #4a4a4a; text-transform: uppercase; transition: color 0.2s ease; } body > footer .footer-links a + a { margin-top: 0.6rem; } body > footer .footer-links a:focus, body > footer .footer-links a:hover { color: #1e9be9; } body > footer .footer-links a#top-of-page { display: none; } body > footer #social { height: unset; text-align: center !important; } body > footer #social span { display: none; } body > footer #social a { height: 32px; width: 32px; margin: 0; background-size: 100% !important; opacity: 0.22; transition: opacity 0.22s ease; } body > footer #social a + a { margin-left: 8px; } body > footer #social a:focus, body > footer #social a:hover { opacity: 0.6; } body > footer #social a.facebook { background-image: url("/images/social-icons/facebook.svg"); } body > footer #social a.linkedin { background-image: url("/images/social-icons/linkedin.svg"); } body > footer #social a.youtube { background-image: url("/images/social-icons/youtube.svg"); } body > footer #social a.twitter { background-image: url("/images/social-icons/twitter.svg"); } body > footer #social a.instagram { background-image: url("/images/social-icons/instagram.svg"); } body > footer hr { margin-top: 25px; border-top: 1px solid #ddd; } body > footer #copyright { margin: 0 0 40px; text-align: center; font-size: 1.5rem; line-height: 1.2; color: #4a4a4a; } @media only screen and (min-width: 576px) { body > footer .footer-links { display: flex; flex-wrap: wrap; justify-content: space-around; } body > footer .footer-links a { margin: 0 2rem; padding: 0; white-space: nowrap; } body > footer .footer-links a + a { margin-top: 0; } } @media only screen and (min-width: 992px) { body > footer { padding-top: 1.6rem; } body > footer .container { width: 100% !important; max-width: 1140px; } body > footer .footer-links { align-content: flex-start; justify-content: flex-start; min-height: 100px; margin: 0 0 2.4rem -1rem; padding: 24px 230px 0 0; background-image: url("/images/logo-starkey-hblb-left.svg"); background-position: right top; } body > footer .footer-links a { margin: 0 1rem; } body > footer #social { text-align: right !important; } body > footer #copyright { text-align: left; } } @media only screen and (min-width: 1200px) { body > footer .footer-links { margin-left: -1.6rem; } body > footer .footer-links a { margin: 0 1.6rem; } } body { background-color: #f4f4f4; } a { color: #1e9be9; } a:focus, a:hover { text-decoration: underline; } a.email { padding-left: 25px; background: url("/images/icons/email.png") left center no-repeat; } nav { background-color: white; } .top-menu { margin-left: 92px; } .top-menu-spacer { height: 50px; } table.history { margin-bottom: 25px; } table.history caption { border-bottom: 8px solid #002c5f; font: normal 40px/40px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #002c5f; } table.history td { padding: 24px 16px; font: normal 13px/22px Arial, Helvetica, sans-serif; vertical-align: top; } table.history th { margin: 0; padding: 18px 16px; font: normal 56px/56px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #58595b; text-align: left; vertical-align: top; } table.history tr.alt th { color: #002c5f; } table.history tr.alt { background-color: #eaeaeb; } h1 { margin-bottom: 16px; font: normal 34px/36px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; /* color: #d52b1e */ color: #1e9be9; } h1.form-header { background-color: #828384; font: normal 34px/34px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; color: #fff; border-radius: 4px 4px 0 0; } h2 { margin-bottom: 8px; font: normal 28px/34px "DIN 2014", Arial, san-serif; text-transform: uppercase; font-weight: 500; letter-spacing: 0.3px; } h2.underline { margin: 0 -2px 12px -2px; padding: 0 2px 4px 2px; border-bottom: 2px solid #c1c1c1; } h2.smpn { margin: 0 -2px 14px -2px; padding: 0 2px 4px 0; border-bottom: 6px solid #eaab00; font-size: 36px; color: #00b0ca; } h2 span { color: #b6b1a9; } h3 { font: normal 20px/24px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; } h3.tipdown-headline { font: normal 26px/30px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; /* color: #ec7a08 */ color: #1e9be9; } h4 { margin-bottom: 12px; font: normal 18px/22px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; } h4 .alert { margin-right: 2px; padding: 0 4px; background-color: #d52b1e; font-size: 60%; color: #fff; letter-spacing: 1px; vertical-align: text-top; text-transform: uppercase; } h4 .unbold { font: normal 18px/22px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3px; } h5 { margin: 16px -2px 6px -2px; padding: 0 2px 2px 2px; border-bottom: 1px solid #c1c1c1; font: normal 14px/18px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; text-transform: uppercase; } h5.blue { color: #002c5f; } h6 { margin: 10px -3px 6px -3px; padding: 0 3px 2px 3px; border-bottom: 1px solid #c1c1c1; font: normal 13px/16px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; } h6:first-child { margin-top: 0; } .highlight-green { background-color: #e7eaab; } .highlight-green h3 { margin-bottom: 0; color: #989f02; } .highlight-green p { color: #989f02; } .highlight-red { background-color: #f9dfdd; text-align: center; } .highlight-red h3 { margin-bottom: 0; color: #d52b1e; } .maintenance { border: none; } .specs caption { font: normal 36px/36px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #002c5f; } .specs caption.two-line { padding-top: 4px; line-height: 24px; } .specs caption.two-line span { font: normal 20px/20px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #ce2328; text-transform: uppercase; } .staff-bio { margin: 25px 0; } .staff-bio h5 { margin-top: 0; font: normal 18px/20px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; } .staff-bio img { display: block; float: left; padding: 0 16px 10px 0; background-color: #fff; } .staff-bio p { margin-bottom: 22px; } .staff-bio p:last-child { margin-bottom: 0; } .styles-list { background-color: #e5f7fa; border-radius: 4px; } .styles-list h3 { color: #1e9be9; } .tipdown-list > h3 em { font: normal 16px/28px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #b6b1a9; } .twitter-link { display: block; margin-left: 10px; padding-left: 33px; background: url(/images/icons/link-twitter.png) left center no-repeat; font: normal 20px/24px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #b6b1a9; text-transform: uppercase; } h2.block-blue, h2.block-teal, h2.block-yellow, h2.block-red { margin: 0 0 25px; padding: 16px 0 16px 20px; border-left: 50px solid #002c5f; font: normal 44px/42px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #002c5f; } h3.block-blue, h3.block-teal, h3.block-yellow, h3.block-red { margin: 25px 0 20px; padding: 10px 0 10px 16px; border-bottom: none; border-left: 40px solid #002c5f; font: normal 32px/30px "DIN 2014", Arial, san-serif; font-weight: 700; letter-spacing: 0.3px; color: #002c5f; } .block-blue { /* color: #00b0ca !important */ color: #1e9be9 !important; } .block-teal { border-color: #00b0ca !important; } .block-yellow { border-color: #eaab00 !important; } .block-red { border-color: #d52b1e !important; } .sha p, .sha ul.disc li, .sha ol li { font: normal 16px/22px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3px; } .sha p strong, .sha p a, .sha li { font: normal 16px/22px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; } .sha p.small { font: normal 12px/18px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3px; } .sha h5 { font: normal 18px/18px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; } .sha h6 { margin: 16px 0 8px; padding: 0; border: none; font: normal 14px/18px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; color: #b6b1a9; text-transform: uppercase; } .highlight { padding-bottom: 13px; } span.divider { padding: 0 12px; color: #bdbdbc; } #sticky-block.sticky { position: fixed; top: 110px; width: inherit; } .thumbs dd { clear: both; background-color: #fff; } .thumbs dd a { padding: 16px 0 0 104px; background: none; font: normal 18px/22px "DIN 2014", Arial, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0.3px; } .thumbs dd a img { float: left; margin: -16px 0 0 -104px; } .thumbs dd a span { background: url("/images/icons/download.png") left center no-repeat; } .contact-block { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; hyphens: auto; } .contact-block h4 { margin: 13px 0 5px 15px; font-size: 18px; line-height: 1.25; text-transform: uppercase; } .contact-block h6 { margin: 0 0 16px; font-size: 12px; color: #58595b; } .contact-block table th { width: 50px; padding-right: 8px; vertical-align: top; text-align: right; } .contact-block table p { margin-bottom: 0; font-size: 12px; } .contact-block table p strong, .contact-block table p a { font-size: 14px; } .contact-block p strong { white-space: nowrap; } .item.muse { background: url("/images/slider/muse-xs.jpg") top center no-repeat; } @media (min-width: 768px) { .item.muse { background: url("/images/slider/muse.jpg") left center no-repeat; } } .item.halo { background: url("/images/slider/halo-2-xs.jpg") top center no-repeat; } @media (min-width: 768px) { .item.halo { background: url("/images/slider/halo-2.jpg") left center no-repeat; } } .item.soundlens { background: url("/images/slider/soundlens-synergy-xs.jpg") top center no-repeat; } @media (min-width: 768px) { .item.soundlens { background: url("/images/slider/soundlens-synergy.jpg") left center no-repeat; } } .menu-header { margin-top: 16px; line-height: 1.2; } .dropdown-menu ul > .menu-header:first-of-type { margin-top: 0; line-height: 1.5; } @media only screen and (max-width: 768px) { #fancybox-wrap { max-width: 100% !important; left: 0 !important; } #fancybox-content { width: 100% !important; height: auto !important; } } #breadcrumb .input-group { width: 100%; } dd a span { color: #1e9be9; } .menu-arrow { color: #1e9be9; } a.arrow { background: url("/images/icons/arrow-right-1e9be9.png") right center no-repeat; } .link { color: #1e9be9; } .pagination > li > a, .pagination > li > span { color: #1e9be9; } a.document span { color: #1e9be9; } .search-term { color: #1e9be9; } /* New ST color overrides END */ /*# sourceMappingURL=site.css.map */