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: #00747a; } 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; letter-spacing: 0.3px; font-weight: 500; 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: .8rem; width: .8rem; margin-left: .4rem; border-right: 0.2rem solid #00747a; border-bottom: 0.2rem solid #00747a; 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: #00747a; outline: 0; } body > header .btn, #main-menu .btn, body > footer .btn, .utica .btn { padding: .9rem 2.8rem .6rem; border-radius: 999px; font-family: 'DIN 2014', Arial, sans-serif; letter-spacing: 0.3px; font-weight: 500; 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: #00747a; background-color: #00747a; 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: #00747a; background-color: #fff; color: #00747a; } body > header .btn-outline-primary, #main-menu .btn-outline-primary, body > footer .btn-outline-primary, .utica .btn-outline-primary { border-color: #00747a; background-color: transparent; color: #00747a; } 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: #00747a; 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: #00747a; } 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: .8rem; border-top: .7rem solid transparent; border-bottom: .7rem solid transparent; border-left: 1.2rem solid #00747a; } 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 .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: .7rem; margin-left: .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 .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: #00747a; } 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: .3rem; border-radius: 99px; padding: .4rem 1rem .2rem; background-color: rgba(115, 150, 0, 0.2); font-family: 'DIN 2014', Arial, sans-serif; letter-spacing: 0.3px; font-weight: 500; font-size: 60%; color: #00747a; vertical-align: top; } body > header .badge.badge-primary, #main-menu .badge.badge-primary, body > footer .badge.badge-primary, .utica .badge.badge-primary { color: #00747a; } 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: #00747a; } 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: #00747a; } 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: #00747a; } 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: #00747a; } 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: .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: .3rem; font-size: 1.5rem; font-weight: 700; letter-spacing: .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: .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; letter-spacing: 0.3px; font-weight: 400; 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: .15rem; margin-right: .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: .8rem 1rem .6rem; border: 1px solid #ddd; border-radius: 6px; background-color: #fff; background-clip: padding-box; font-family: 'DIN 2014', Arial, sans-serif; letter-spacing: 0.3px; font-weight: 400; font-size: 1.8rem; line-height: 1.5; transition: border-color .15s ease-in-out, box-shadow .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 .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: .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: -.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; position: absolute; bottom: 23px; height: auto; width: 150px;; } 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: .3rem; padding-bottom: .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 .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 .6rem !important; font-size: 1rem !important; color: #00747a !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(115, 150, 0, 0.08); } body > header#myaccount-slider .row + ul li { font-family: 'DIN 2014', Arial, sans-serif !important; letter-spacing: 0.3px; font-weight: 500; 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: #00747a !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: 174px; 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: .6rem; } #main-menu #menu-bar .dropdown .dropdown-toggle { margin: .5rem; padding: .5rem .3rem !important; transition: color .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: #00747a; } #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: #00747a; } #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: .6rem; width: .6rem; margin-left: .3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: .3rem; transition: all .22s ease; 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: #00747a; } #main-menu #menu-bar .dropdown.open .dropdown-toggle { background-color: transparent !important; color: #00747a; } #main-menu #menu-bar .dropdown.open .dropdown-toggle:after { border-color: #00747a; vertical-align: 0; 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 #00747a; padding: .6rem 1rem .5rem; background: #00747a; font-family: 'DIN 2014', Arial, sans-serif; letter-spacing: 0.3px; font-weight: 500; font-size: 1.4rem; line-height: 1.5; color: #fff; text-align: center; text-transform: none; transition: all .2s ease; } #main-menu #estore-menu-bar #estore-menu:hover, #main-menu #estore-menu-bar #estore-menu:active { background: #fff; color: #00747a; 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: .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: .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: .2rem 1.5rem .2rem 0; font-family: 'Mr Eaves XL Sans', Arial, sans-serif !important; font-size: 1.7rem !important; line-height: 1.2; text-transform: none !important; color: #00747a; } .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; position: absolute; bottom: 8px;; height: auto; width: 153px; } 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: .5rem; width: .5rem; margin-left: .3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: .3rem; transition: all .22s ease; 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: #00747a; } 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: .8rem; } body > header .nav:not(#navbar-menu-bar) .site-menu + .dropdown-menu a { display: inline-block; padding: .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: #00747a !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: #00747a !important; } body > header .nav:not(#navbar-menu-bar) .open > .site-menu:after { border-color: #00747a; vertical-align: 0; 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 .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: .5rem; width: .5rem; margin-left: .3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: .3rem; transition: all .22s ease; 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: #00747a; } 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: #00747a; } 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: #00747a; vertical-align: 0; 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 .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: #00747a; } 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 .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: .5rem; width: .5rem; margin-left: .3rem; border: 2px solid #4a4a4a; border-width: 0 2px 2px 0; vertical-align: .3rem; transition: all .22s ease; 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: #00747a; } 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 #00747a; padding: .6rem 1rem .5rem; background: #00747a !important; font-family: 'DIN 2014', Arial, sans-serif; letter-spacing: 0.3px; font-weight: 500; font-size: 1.4rem; line-height: 1.5; color: #fff !important; text-align: center; text-transform: none; transition: all .2s ease; } body > header #my-login-button:hover, body > header #my-login-button:active { background: #fff !important; color: #00747a !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: .3rem 1.6rem .1rem; border-color: #7c8180; border-radius: 99px; background: #fff !important; font-size: 1.3rem; line-height: 16px; color: #7c8180 !important; opacity: .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 { padding-right: .5rem; padding-left: .5rem; font-size: 1.7rem !important; } #main-menu #menu-bar .dropdown + .dropdown { margin-left: .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: 196px; 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 { position: absolute; bottom: 8px; height: auto; width: 167px; } 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: .4rem 2rem .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: 244px; 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 { position: absolute; bottom: 8px; height: auto; width: 190px; } 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: .5rem 2.4rem .4rem; font-size: 1.5rem; } } #breadcrumb .input-group { margin-top: 10px !important; } 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: 70px; background-image: url("/images/branding/footer-logo.png"); background-position: center bottom; background-repeat: no-repeat; background-size: 190px auto; 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 .2s ease; } body > footer .footer-links a + a { margin-top: .6rem; } body > footer .footer-links a:focus, body > footer .footer-links a:hover { color: #00747a; } 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: .22; transition: opacity .22s ease; } body > footer #social a + a { margin-left: 8px; } body > footer #social a:focus, body > footer #social a:hover { opacity: .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-position: right center; } 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; font: normal 15px/21px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; } #page-wrapper { padding: 20px 0 65px 0; } #breadcrumb > div.hidden-xs { width: 100%; } .breadcrumb-route { font: normal 14px/14px 'Mr Eaves XL Sans', Arial, Helvetica, sans-serif; font-weight: bold; } .breadcrumb .breadcrumb-route:not(:hover) { color: #00747a; } .breadcrumb li { font: normal 14px/14px 'Mr Eaves XL Sans', Arial, Helvetica, sans-serif; } a { color: #3f97b5; } a:focus, a:hover { text-decoration: underline; } a.document { font: normal 14px/17px 'Mr Eaves XL Sans', Arial, Helvetica, sans-serif; font-weight: bold; } a.video span { font: normal 15px/18px 'Mr Eaves XL Sans', Arial, Helvetica, sans-serif; font-weight: bold; color: #575a5d; } .form-group label { font: normal 15px/20px 'Mr Eaves XL Sans', Arial, Helvetica, sans-serif; font-weight: bold; } dd.alt { background-color: #f1efed; } dd a span { color: #3f97b5; } dt { border-bottom: 2px solid #dfdbd7; font: normal 24px/28px 'DIN 2014', Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.3px; } .tipdown dt { font: normal 20px/24px 'DIN 2014', Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.3px; } h1 { margin-bottom: 12px; font: normal 36px/40px 'DIN 2014', Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.3px; color: #1e9be9; text-transform: uppercase; } h1.form-header { padding: 8px 24px 6px 24px; background-color: #00747a; color: #fff; letter-spacing: 1px; } h2 { margin-bottom: 14px; font: normal 32px/32px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; text-transform: uppercase; } h3 { border-bottom: 2px solid #dfdbd7; font: normal 24px/28px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #575a5d; text-transform: uppercase; } h3.reverse { margin: 25px 0 16px 0; padding: 6px 14px; border: none; background-color: #00747a; border-radius: 14px 14px 0 0; color: #fff; letter-spacing: 1px; } h3.reverse:first-child { margin-top: 0; } h3.tipdown-headline { font: normal 26px/30px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #1e9be9; } h4 { margin-bottom: 12px; font: normal 18px/22px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; font-weight: bold; color: #575a5d; } p, .wrapper p { font: normal 15px/21px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; } p.small { margin-bottom: 0; font: normal 11px/15px Arial, Helvetica, sans-serif; } p a, p strong { font: normal 15px/21px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; font-weight: bold; } .copyright p { font: normal 10px/14px Arial, Helvetica, sans-serif; color: #aeaeaf; } hr { margin: 30px 0 0 0; border-top: 2px solid #efedeb; padding: 30px 0 0 0; } ul.disc li, .wrapper ol li { font: normal 15px/21px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; } #news-views { background-color: #fff; margin-top: -6px; border: none; padding: 0; box-shadow: none; } #news-views li a { font: normal 14px/18px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; color: #575a5d; } .feature h1 { font: normal 42px/48px 'DIN 2014', Arial, Helvetica, sans-serif; font-weight: 500; letter-spacing: 0.3px; } .feature p { font: normal 17px/24px 'Mr Eaves XL Sans', Arial, Helvetica, san-serif; } .image-left { float: left; padding: 0 16px 10px 8px; } .image-right { float: right; padding: 0 0 8px 16px; } .innovations div { /*float:left;*/ width: 390px; /*margin:5px 0 0 24px;*/ } /* for homepage 4 col login dialog */ .login .row:first-child { margin-top: 0; } .login .input-block { margin-bottom: 0; } .home .login .input-block div label { text-align: left; } .home .login .input-block input { width: 186px; } .home .login .btn-log-in-to-my-account { margin: 25px 0 12px 0; } .home .login p { margin: 20px 0; } .home .login .btn-reset-password { margin: 25px 0 12px 0; } .btn-play-video { width: 121px; background: url("/images/buttons/play-video.png") 0 0 no-repeat; } .table caption, .table-caption, .data caption { border-bottom: 8px solid #00747a; font: normal 34px/34px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #575a5d; } .table th, .item-list-head, .data th { border-top: 1px solid #fff; background-color: #dce5bf; font: normal 16px/16px 'Mr Eaves XL Sans', Arial, Helvetica, sans-serif; font-weight: bold; color: #00747a; text-align: left; } .table tr.alt, .data tr.alt { background-color: #f1f4e5; } a .link, .table .link, .data .link { color: #3f97b5; } #oof h1 { font: normal 34px/34px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; } #oof .input-block { border-radius: 0; background-color: #eee; } .wrapper .highlight { background-color: #f1efed; border-radius: 12px; padding: 10px 14px 10px 14px; } .highlight-green { background-color: #dfe7c5; } .highlight-green h3 { color: #00747a; } .highlight-red { background-color: #f9d7d1; } .highlight-red h3 { margin-bottom: 0; color: #1e9be9; } .specs caption { border-bottom: 8px solid #00747a; font: normal 36px/36px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #575a5d; } .specs tr.alt { background-color: #f1efed; } .staff-bio { margin: 25px 0; } .staff-bio h5 { margin-top: 0; } .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: #dfe7c5; border-radius: 8px; } .styles-list h3 { color: #00747a; } .styles-list a span { font: normal 30px/30px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #575a5d; } .styles-list a.longname span { font: normal 25px/22px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; } .styles-list a span.spec-link { font: normal 15px/15px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #c0b8b0; } .styles-list a:hover { background-color: #fef0e3; } .tipdown-list > h3 { color: #9a9c9e; } .tipdown-list > h3:hover { color: #676a6d; background-color: #f1efed; } .tipdown-list > h3.expanded { color: #00747a; background: #e6ecd1 url("/images/icons/toggle-up.png") right center no-repeat; } .tipdown-list > h3.expanded em { color: #818386; } .tipdown-list > h3 em { font: normal 16px/28px 'DIN 2014', Arial, san-serif; font-weight: 500; letter-spacing: 0.3px; color: #c0b8b0; } /* styles for the server maintenance message on login.html -------------------------------------------------------------------------------*/ .unavailable h1 { margin: 18px 0 10px 0; font-size: 60px; } /* Cookie Banner */ .navbar-cookie-banner { background-color: #00747a; } .navbar-cookie-banner a.link:not(:hover) { color: #00c5ff; } /* Hack to improve iPhone video modal use */ @media only screen and (max-width: 768px) { #fancybox-wrap { max-width: 100% !important; left: 0 !important; } #fancybox-content { width: 100% !important; height: auto !important; } } /*# sourceMappingURL=site.css.map */ #pageInfo .navbar-brand>img { width: 145px; margin-top: -10px !important; }