/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff'); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } :root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white { --swiper-navigation-color: #ffffff; } .swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black { --swiper-navigation-color: #000000; } .swiper-button-lock { display: none; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-lock { display: none; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } /* Preloader */ :root { /* --swiper-preloader-color: var(--swiper-theme-color); */ } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @-webkit-keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; } .swiper-container-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @charset "UTF-8"; /* Colors */ /* Margin topa nd bottom on block element items */ /* Margin on position-right and left floated items */ #tvcMainCalculatorDivId form, .modal__header .modal__title, .nav-breadcrumbs ul li, h1, h2, h3, h4, h5, h6, html { font-family: "Montserrat", sans-serif; } .timeline .swiper-slide .year, .dc-dropdown .container .content .title { font-family: "Montserrat", sans-serif; } .block-testimonial-gallery, .sg-element, .styleguide hr, .sg-colors, .page-main, .block-gallery, .nav-breadcrumbs { zoom: 1; } .block-testimonial-gallery:before, .sg-element:before, .styleguide hr:before, .sg-colors:before, .page-main:before, .block-gallery:before, .nav-breadcrumbs:before, .block-testimonial-gallery:after, .sg-element:after, .styleguide hr:after, .sg-colors:after, .page-main:after, .block-gallery:after, .nav-breadcrumbs:after { content: ""; display: table; } .block-testimonial-gallery:after, .sg-element:after, .styleguide hr:after, .sg-colors:after, .page-main:after, .block-gallery:after, .nav-breadcrumbs:after { clear: both; } .block-testimonial-gallery, .sponsors, .multi-column-block, .location-address-listing, .section-nav-block, .block-callout, .team-listing, .block-rich-content, .block-featured, table, .styleguide hr, .sidebar-section, .block-child-pages, .block-video-popup, .block-video, .block-gallery, .callouts, .pagination, .block-download-callout, .block-blockquote, .search-listing, .block-image, .block-content, .block-disclaimer, .block-form, ul, ol { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 46.875em) { .block-testimonial-gallery, .sponsors, .multi-column-block, .location-address-listing, .section-nav-block, .block-callout, .team-listing, .block-rich-content, .block-featured, table, .styleguide hr, .sidebar-section, .block-child-pages, .block-video-popup, .block-video, .block-gallery, .callouts, .pagination, .block-download-callout, .block-blockquote, .search-listing, .block-image, .block-content, .block-disclaimer, .block-form, ul, ol { margin-top: 45px; margin-bottom: 45px; } } .position-right { margin-left: auto; margin-right: auto; } @media (min-width: 46.875em) { .position-right { margin-left: 45px; margin-right: 0; } } .position-left { margin-left: auto; margin-right: auto; } @media (min-width: 46.875em) { .position-left { margin-right: 45px; margin-left: 0; } } .team-section .team-headline label, table.table-comparison tbody tr td:not(:first-child) > span, table.table-comparison thead tr th:first-child > span { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } html { height: 100%; color: #171717; font-weight: 400; line-height: 1.75; font-size: 62.5%; } body { padding: 0; margin: 0; background-color: #fff; position: relative; min-height: 100%; color: #171717; } @media (max-width: 31.1875em) { body { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { body { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { body { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { body { font-size: 1.6rem; } } @media (min-width: 78.125em) { body { font-size: 1.6rem; } } html, body { overflow: auto; height: auto; } *, *::before, *::after { box-sizing: border-box; } a img { border: none; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; line-height: 1.2; color: #0033A1; font-weight: 700; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 800; } @media (max-width: 31.1875em) { h1 { font-size: 3.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { h1 { font-size: 3.775rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { h1 { font-size: 4.35rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { h1 { font-size: 4.925rem; } } @media (min-width: 78.125em) { h1 { font-size: 5.5rem; } } h2 { font-weight: 400; color: #171717; } @media (max-width: 31.1875em) { h2 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { h2 { font-size: 2.825rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { h2 { font-size: 2.95rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { h2 { font-size: 3.075rem; } } @media (min-width: 78.125em) { h2 { font-size: 3.2rem; } } h2 strong { color: #0033A1; } @media (max-width: 31.1875em) { h3 { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { h3 { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { h3 { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { h3 { font-size: 2.575rem; } } @media (min-width: 78.125em) { h3 { font-size: 2.7rem; } } @media (max-width: 31.1875em) { h4 { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { h4 { font-size: 2.05rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { h4 { font-size: 2.1rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { h4 { font-size: 2.15rem; } } @media (min-width: 78.125em) { h4 { font-size: 2.2rem; } } @media (max-width: 31.1875em) { h5, h6 { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { h5, h6 { font-size: 1.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { h5, h6 { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { h5, h6 { font-size: 1.8rem; } } @media (min-width: 78.125em) { h5, h6 { font-size: 1.8rem; } } p + h2, p + h3 { margin-top: 30px; } /* Links */ a { color: #0033A1; text-decoration: underline; transition: color 0.2s, -webkit-text-decoration 0.2s; transition: color 0.2s, text-decoration 0.2s; transition: color 0.2s, text-decoration 0.2s, -webkit-text-decoration 0.2s; } a:hover, a:focus { text-decoration: underline; color: #171717; } a[href^=tel] { color: #0033A1; text-decoration: underline; } a[href^=tel]:hover, a[href^=tel]:focus { text-decoration: underline; color: #171717; } hr { border: none; height: 1px; background: #EDEDED; clear: both; margin: 30px 0; width: 100%; } strong { font-weight: 700; } /* Lists */ ul, ol { text-align: left; margin-left: 30px; margin-top: 20px; padding: 0; list-style: none; } ul li, ol li { position: relative; margin-bottom: 5px; } @media (min-width: 46.875em) { .position-left { float: left; } } @media (min-width: 46.875em) { .position-right { float: right; } } .container { max-width: 1242px; margin: 0 auto; position: relative; padding-left: 20px; padding-right: 20px; } @media (min-width: 64em) { .container { padding-left: 42px; padding-right: 42px; } } .container-sm { max-width: 1110px; margin: 0 auto; position: relative; padding-left: 20px; padding-right: 20px; } @media (min-width: 46.875em) { .container-sm { padding-left: 70px; padding-right: 70px; } } .container-large { max-width: 1440px; margin: 0 auto; position: relative; padding-left: 20px; padding-right: 20px; } @media (min-width: 64em) { .container-large { padding-left: 42px; padding-right: 42px; } } .error { color: red; } .is-vishidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); } .text-center { text-align: center; } .text-center.short { margin-left: auto; margin-right: auto; } .text-center .btn, .text-center #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .text-center input[type=submit] { margin-bottom: 35px; } @media (min-width: 46.875em) { .short { width: 800px; } } .mx-30 { margin-top: 30px; margin-bottom: 30px; } .freeform-pages { display: flex; padding: 0; margin: 0 0 10px; list-style: none; } .freeform-pages li { margin: 0 10px 0 0; background-color: #000; color: #fff; text-align: center; padding-left: 0; padding: 10px 20px; vertical-align: middle; } .freeform-row { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 -15px; } @media (max-width: 46.865em) { .freeform-row { display: block !important; } } .freeform-column { flex: 1 1 auto; padding: 10px 0; margin: 0 15px; box-sizing: border-box; } .freeform-column.freeform-column-content-align-left { display: flex; justify-content: flex-start; } .freeform-column.freeform-column-content-align-left > button:not(:first-of-type) { margin-left: 5px; } .freeform-column.freeform-column-content-align-center { display: flex; justify-content: center; } .freeform-column.freeform-column-content-align-center > button:not(:first-of-type) { margin-left: 5px; } .freeform-column.freeform-column-content-align-right { display: flex; justify-content: flex-end; } .freeform-column.freeform-column-content-align-right > button:not(:first-of-type) { margin-left: 5px; } .freeform-column.freeform-column-content-align-spread { display: flex; justify-content: space-between; } .freeform-column.freeform-column-content-align-spread > button:not(:first-of-type) { margin-left: 5px; } .freeform-column fieldset { border: 0; margin: 0; padding: 0; } .freeform-column label { display: block; } .freeform-label { font-weight: bold; text-align: left; } .freeform-label.freeform-required:after { content: "*"; margin-left: 5px; color: red; } .freeform-input:not([type=submit]):not([type=button]) { width: 100%; display: block; box-sizing: border-box; } .freeform-input-only-label { font-weight: normal; } .freeform-input-only-label > .freeform-input { display: inline-block; width: auto; margin-right: 5px; } .freeform-errors { list-style: none; padding: 0; margin: 5px 0 0; } .freeform-errors > li { color: red; } .freeform-instructions { margin: 0 0 5px; color: #444444; } .freeform-form-has-errors { color: red; } .freeform-column { /* Custom form styles */ } .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select, .freeform-column textarea { border: 1px solid #EDEDED; line-height: 32px; padding: 8px 20px; background: #EDEDED; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } @media (max-width: 31.1875em) { .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select, .freeform-column textarea { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select, .freeform-column textarea { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select, .freeform-column textarea { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select, .freeform-column textarea { font-size: 1.6rem; } } @media (min-width: 78.125em) { .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select, .freeform-column textarea { font-size: 1.6rem; } } .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file])::-moz-placeholder, .freeform-column select::-moz-placeholder, .freeform-column textarea::-moz-placeholder { color: #444444; opacity: 1; } .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):-ms-input-placeholder, .freeform-column select:-ms-input-placeholder, .freeform-column textarea:-ms-input-placeholder { color: #444444; opacity: 1; } .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file])::placeholder, .freeform-column select::placeholder, .freeform-column textarea::placeholder { color: #444444; opacity: 1; } .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus, .freeform-column select:focus, .freeform-column textarea:focus { border-color: #0033A1; } .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column select { height: 48px; } .freeform-column .invalid input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), .freeform-column .invalid textarea { background: #EDEDED; color: red; border-color: red; } .freeform-column .invalid input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus, .freeform-column .invalid textarea:focus { border-color: red; } .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit] { display: inline-block; margin-bottom: 0; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 8px 22px; border-radius: 0; font-weight: normal; text-decoration: none; transition: color 0.2s, background-color 0.2s, border 0.2s; font-weight: 700; border-radius: 600px; line-height: 1.75; } @media (max-width: 31.1875em) { .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit] { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit] { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit] { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit] { font-size: 1.6rem; } } @media (min-width: 78.125em) { .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit] { font-size: 1.6rem; } } .btn:active, #tvcMainCalculatorDivId .InputContainer input[type=submit]:active, .btn.active, #tvcMainCalculatorDivId .InputContainer input.active[type=submit] { outline: 0; background-image: none; } .btn.disabled, #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit], .btn[disabled], #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit], fieldset[disabled] .btn, fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer fieldset[disabled] input[type=submit] { cursor: disabled; opacity: 0.65; box-shadow: non; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .featured-services > .container .featured-service a h3, .section-nav-block nav > ul.some-have-descendants > li > a, .header-nav-primary > ul > li > ul.some-have-descendants > li > a, .btn-primary, #tvcMainCalculatorDivId .InputContainer input[type=submit], .btn-primary[href^=tel], .btn-secondary, .block-rich-content.featured .btn, .btn-secondary[href^=tel], .btn-outline, .block-rich-content .btn, .btn-outline[href^=tel] { position: relative; } .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before, .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { position: absolute; display: block; transition: color 0.2s, background-color 0.2s; } @media (max-width: 31.1875em) { .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before, .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before, .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before, .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before, .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { font-size: 1.6rem; } } @media (min-width: 78.125em) { .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before, .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { font-size: 1.6rem; } } .featured-services > .container .featured-service a h3::after, .section-nav-block nav > ul.some-have-descendants > li > a::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { content: ">"; right: 9px; top: 50%; transform: translateY(-50%); color: #fff; font-weight: 400; } .featured-services > .container .featured-service a h3::before, .section-nav-block nav > ul.some-have-descendants > li > a::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before { content: ""; width: 30px; height: 30px; border-radius: 100%; top: 50%; transform: translateY(-50%); right: 0; } .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before { background-color: #0033A1; } .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after { color: #fff; } .section-nav-block nav > ul.some-have-descendants > li > a::before, .block-rich-content.light-bg .btn::before, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]::before, .btn-secondary[href^=tel]::before { background-color: #93D500; } .section-nav-block nav > ul.some-have-descendants > li > a::after, .block-rich-content.light-bg .btn::after, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]::after, .btn-secondary[href^=tel]::after { color: #0033A1; } .btn, #tvcMainCalculatorDivId .InputContainer input[type=submit], .btn-default, .btn-primary, .btn-primary[href^=tel] { color: #0033A1; background-color: #93D500; border-color: #93D500; } .btn.disabled:hover, #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:hover, .btn.disabled:focus, #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:focus, .btn[disabled]:hover, #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:hover, .btn[disabled]:focus, #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:focus, fieldset[disabled] .btn:hover, fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] input[type=submit]:hover, fieldset[disabled] .btn:focus, fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] input[type=submit]:focus, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, .btn-primary[href^=tel].disabled:hover, .btn-primary[href^=tel].disabled:focus, .btn-primary[href^=tel][disabled]:hover, .btn-primary[href^=tel][disabled]:focus, fieldset[disabled] .btn-primary[href^=tel]:hover, fieldset[disabled] .btn-primary[href^=tel]:focus { background-color: #93D500; border-color: #93D500; } .btn:focus, #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, .btn:hover, #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, .btn:active, #tvcMainCalculatorDivId .InputContainer input[type=submit]:active, .btn-default:focus, .btn-default:hover, .btn-default:active, .btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary[href^=tel]:focus, .btn-primary[href^=tel]:hover, .btn-primary[href^=tel]:active { color: #0033A1; background-color: #95D4E9; border-color: #95D4E9; text-decoration: none; } .btn-primary, #tvcMainCalculatorDivId .InputContainer input[type=submit], .btn-primary[href^=tel], .btn-secondary, .block-rich-content.featured .btn, .btn-secondary[href^=tel], .btn-outline, .block-rich-content .btn, .btn-outline[href^=tel] { padding-right: 50px; } .btn-primary::after, #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, .btn-primary[href^=tel]::after, .btn-secondary::after, .block-rich-content.featured .btn::after, .btn-secondary[href^=tel]::after, .btn-outline::after, .block-rich-content .btn::after, .btn-outline[href^=tel]::after { right: 17px; } .btn-primary::before, #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, .btn-primary[href^=tel]::before, .btn-secondary::before, .block-rich-content.featured .btn::before, .btn-secondary[href^=tel]::before, .btn-outline::before, .block-rich-content .btn::before, .btn-outline[href^=tel]::before { right: 7px; } .btn-primary:focus, #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, .btn-primary[href^=tel]:focus, .btn-secondary:focus, .btn-secondary[href^=tel]:focus, .btn-outline:focus, .block-rich-content .btn:focus, .btn-outline[href^=tel]:focus { box-shadow: none; } .btn-secondary, .block-rich-content.featured .btn, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit], .btn-secondary[href^=tel] { color: #fff; background-color: #0033A1; border-color: #0033A1; } .btn-secondary:hover::before, .block-rich-content.featured .btn:hover::before, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:hover::before, .btn-secondary:focus::before, .block-rich-content.featured .btn:focus::before, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:focus::before, .btn-secondary[href^=tel]:hover::before, .btn-secondary[href^=tel]:focus::before { background-color: #0033A1; } .btn-secondary:hover::after, .block-rich-content.featured .btn:hover::after, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:hover::after, .btn-secondary:focus::after, .block-rich-content.featured .btn:focus::after, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:focus::after, .btn-secondary[href^=tel]:hover::after, .btn-secondary[href^=tel]:focus::after { color: #fff; } .btn-secondary.disabled:hover, .block-rich-content.featured .disabled.btn:hover, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input.disabled[type=submit]:hover, .btn-secondary.disabled:focus, .block-rich-content.featured .disabled.btn:focus, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input.disabled[type=submit]:focus, .btn-secondary[disabled]:hover, .block-rich-content.featured [disabled].btn:hover, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[disabled][type=submit]:hover, .btn-secondary[disabled]:focus, .block-rich-content.featured [disabled].btn:focus, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[disabled][type=submit]:focus, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .block-rich-content.featured .btn:hover, fieldset[disabled] .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .block-rich-content.featured input[type=submit]:hover, .block-rich-content.featured fieldset[disabled] .btn:hover, .block-rich-content.featured fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured fieldset[disabled] input[type=submit]:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .block-rich-content.featured .btn:focus, fieldset[disabled] .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .block-rich-content.featured input[type=submit]:focus, .block-rich-content.featured fieldset[disabled] .btn:focus, .block-rich-content.featured fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured fieldset[disabled] input[type=submit]:focus, .btn-secondary[href^=tel].disabled:hover, .btn-secondary[href^=tel].disabled:focus, .btn-secondary[href^=tel][disabled]:hover, .btn-secondary[href^=tel][disabled]:focus, fieldset[disabled] .btn-secondary[href^=tel]:hover, fieldset[disabled] .btn-secondary[href^=tel]:focus { background-color: #0033A1; border-color: #0033A1; } .btn-secondary:focus, .block-rich-content.featured .btn:focus, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:focus, .btn-secondary:hover, .block-rich-content.featured .btn:hover, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:hover, .btn-secondary:active, .block-rich-content.featured .btn:active, .block-rich-content.featured #tvcMainCalculatorDivId .InputContainer input[type=submit]:active, #tvcMainCalculatorDivId .InputContainer .block-rich-content.featured input[type=submit]:active, .btn-secondary[href^=tel]:focus, .btn-secondary[href^=tel]:hover, .btn-secondary[href^=tel]:active { color: #0033A1; background-color: #95D4E9; border-color: #95D4E9; text-decoration: none; } .btn-outline, .block-rich-content .btn, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit], .btn-outline[href^=tel] { border-width: 2px; color: #fff; background-color: transparent; border-color: #95D4E9; } .btn-outline::before, .block-rich-content .btn::before, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]::before, .btn-outline[href^=tel]::before { background-color: #93D500; } .btn-outline::after, .block-rich-content .btn::after, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]::after, .btn-outline[href^=tel]::after { color: #0033A1; } .btn-outline:hover::before, .block-rich-content .btn:hover::before, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:hover::before, .btn-outline:focus::before, .block-rich-content .btn:focus::before, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:focus::before, .btn-outline[href^=tel]:hover::before, .btn-outline[href^=tel]:focus::before { background-color: #0033A1; } .btn-outline:hover::after, .block-rich-content .btn:hover::after, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:hover::after, .btn-outline:focus::after, .block-rich-content .btn:focus::after, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:focus::after, .btn-outline[href^=tel]:hover::after, .btn-outline[href^=tel]:focus::after { color: #fff; } .btn-outline.disabled:hover, .block-rich-content .disabled.btn:hover, .block-rich-content #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content input.disabled[type=submit]:hover, .btn-outline.disabled:focus, .block-rich-content .disabled.btn:focus, .block-rich-content #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content input.disabled[type=submit]:focus, .btn-outline[disabled]:hover, .block-rich-content [disabled].btn:hover, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[disabled][type=submit]:hover, .btn-outline[disabled]:focus, .block-rich-content [disabled].btn:focus, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[disabled][type=submit]:focus, fieldset[disabled] .btn-outline:hover, fieldset[disabled] .block-rich-content .btn:hover, fieldset[disabled] .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .block-rich-content input[type=submit]:hover, .block-rich-content fieldset[disabled] .btn:hover, .block-rich-content fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content fieldset[disabled] input[type=submit]:hover, fieldset[disabled] .btn-outline:focus, fieldset[disabled] .block-rich-content .btn:focus, fieldset[disabled] .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .block-rich-content input[type=submit]:focus, .block-rich-content fieldset[disabled] .btn:focus, .block-rich-content fieldset[disabled] #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content fieldset[disabled] input[type=submit]:focus, .btn-outline[href^=tel].disabled:hover, .btn-outline[href^=tel].disabled:focus, .btn-outline[href^=tel][disabled]:hover, .btn-outline[href^=tel][disabled]:focus, fieldset[disabled] .btn-outline[href^=tel]:hover, fieldset[disabled] .btn-outline[href^=tel]:focus { background-color: transparent; border-color: #95D4E9; } .btn-outline:focus, .block-rich-content .btn:focus, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:focus, .btn-outline:hover, .block-rich-content .btn:hover, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:hover, .btn-outline:active, .block-rich-content .btn:active, .block-rich-content #tvcMainCalculatorDivId .InputContainer input[type=submit]:active, #tvcMainCalculatorDivId .InputContainer .block-rich-content input[type=submit]:active, .btn-outline[href^=tel]:focus, .btn-outline[href^=tel]:hover, .btn-outline[href^=tel]:active { color: #0033A1; background-color: #95D4E9; border-color: #95D4E9; text-decoration: none; } .callout-link { transition: color 0.2s; text-decoration: none; color: #0033A1; font-weight: 700; cursor: pointer; } /* custom select variables */ /* Container used for styling the custom select, the buttom class below adds the * bg gradient, corners, etc. */ .custom-select { color: #171717; background-color: #EDEDED; border-radius: 0; position: relative; /* This is the native select */ /* Custom arrow sits on top of the select - could be an image, SVG, icon font, * etc. or the arrow could just baked into the bg image on the select. */ /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */ /* Firefox <= 34 has a false positive on @supports( -moz-appearance: none ) * @supports ( mask-type: alpha ) is Firefox 35+ */ /* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */ /* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */ } @media (max-width: 31.1875em) { .custom-select { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .custom-select { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .custom-select { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .custom-select { font-size: 1.6rem; } } @media (min-width: 78.125em) { .custom-select { font-size: 1.6rem; } } .custom-select select { box-shadow: none; border-radius: 0; border-width: 1px; border-color: #EDEDED; border-style: solid; width: 100%; margin: 0; outline: none; padding: 8px 50px 8px 20px; background: transparent; /* Prefixed box-sizing rules necessary for older browsers */ box-sizing: border-box; } .custom-select select:focus { border-color: #0033A1; box-shadow: none; } .custom-select::before, .custom-select::after { color: #FFF; position: absolute; display: block; z-index: 2; transition: all 0.2s; /* Arrow positioning */ width: 24px; border: 0; /* These hacks make the select behind the arrow clickable in some browsers */ pointer-events: none; } .custom-select::before { background-color: #0033A1; border-radius: 100%; content: ""; top: 12px; right: 12px; bottom: 12px; } .custom-select::after { font-weight: 900; content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; right: 20px; top: 50%; margin-top: -2px; } .custom-select select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #171717; } @supports ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) or ((-moz-appearance: none) and (mask-type: alpha)) { .custom-select { /* Show custom arrow */ /* Remove select styling */ } .custom-select::before, .custom-select::after { display: block; } .custom-select select { padding-right: 3em; /* inside @supports so that iOS <= 8 display the native arrow */ background: none; /* inside @supports so that Android <= 4.3 display the native arrow */ border-width: 1px; border-color: #EDEDED; border-style: solid; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select select:focus { border-color: #0033A1; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .custom-select select::-ms-expand { display: none; } .custom-select select:focus { border-width: 1px; border-color: #0033A1; border-style: solid; } .custom-select select:focus::-ms-value { color: #171717; background: transparent; } .custom-select select { padding-right: 0.5em; background: none; } .custom-select::before, .custom-select::after { display: block; } } .ie9 .custom-select select { padding-right: 0.5em; } .block-content ul, .accordion-content ul, .block-rich-content ul { list-style: none; padding-left: 25px; } .block-content ul li, .accordion-content ul li, .block-rich-content ul li { padding-left: 0; text-indent: 0; position: relative; } .block-content ul li::before, .accordion-content ul li::before, .block-rich-content ul li::before { content: ""; position: absolute; left: -20px; top: 10px; width: 6px; height: 6px; background: #0033A1; border-radius: 50%; } .block-content ol, .accordion-content ol, .block-rich-content ol { list-style: none; padding-left: 25px; counter-reset: item; } .block-content ol li, .accordion-content ol li, .block-rich-content ol li { position: relative; } .block-content ol li:before, .accordion-content ol li:before, .block-rich-content ol li:before { content: counter(item) ". "; counter-increment: item; color: #171717; display: inline-block; position: absolute; left: -20px; top: 0px; } .block-disclaimer { font-style: italic; } @media (max-width: 31.1875em) { .block-disclaimer { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-disclaimer { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-disclaimer { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-disclaimer { font-size: 1.6rem; } } @media (min-width: 78.125em) { .block-disclaimer { font-size: 1.6rem; } } .block-image { display: block; position: relative; z-index: 5; } .block-image.position-left, .block-image.position-right { max-width: 420px; width: auto; display: table; text-align: center; } .block-image.position-full { clear: both; margin-left: 0; margin-right: 0; } .block-image.position-center { max-width: 100%; margin: 0 auto; clear: both; } @media (min-width: 46.875em) { .block-image.position-center { max-width: 85%; } } .block-image img { display: block; width: 100%; height: auto; } .image-drop { position: relative; } .image-drop::before { content: ""; display: block; position: absolute; top: 10px; right: -10px; width: 100%; height: 100%; background: #95D4E9 url("/assets/images/image-bg.svg") no-repeat right bottom; z-index: -1; } @media (min-width: 46.875em) { .image-drop::before { top: 13px; right: -13px; } } figcaption { position: absolute; left: 0; right: 0; bottom: 0; } figcaption .trigger { display: block; width: 60px; height: 60px; padding: 14px; background-color: #0033A1; transition: all 0.3s; border: 0; } figcaption .trigger::before, figcaption .trigger::after { height: 22px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ""; display: block; transition: transform 0.2s; } figcaption .trigger::before { width: calc(100% - 9px); } figcaption .trigger::after { margin-top: -12px; } figcaption .trigger:hover, figcaption .trigger:focus { background-color: #fff; } figcaption .trigger:hover::before, figcaption .trigger:hover::after, figcaption .trigger:focus::before, figcaption .trigger:focus::after { border-top-color: #0033A1; border-bottom-color: #0033A1; } figcaption .trigger.open { background-color: #fff; } figcaption .trigger.open::before, figcaption .trigger.open::after { height: 0; border-top: 2px solid #0033A1; border-bottom: none; width: 100%; } figcaption .trigger.open::before { transform: rotate(45deg); } figcaption .trigger.open::after { margin-top: -2px; transform: rotate(-45deg); } figcaption .trigger.open + .caption { display: block; } figcaption .caption { display: none; padding: 20px; color: #fff; background-color: #0033A1; text-align: left; } .news-hero { margin-bottom: 20px; } @media (min-width: 46.875em) { .news-hero { margin-bottom: 40px; } } .news-hero h2 { font-weight: 700; color: #0033A1; margin-bottom: 0; } .news-hero p { margin-top: 10px; } @media (max-width: 31.1875em) { .news-hero p { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .news-hero p { font-size: 1.45rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .news-hero p { font-size: 1.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .news-hero p { font-size: 1.55rem; } } @media (min-width: 78.125em) { .news-hero p { font-size: 1.6rem; } } .news-author { text-decoration: none; transition: background-color 0.2s; display: flex; align-items: center; padding: 20px; margin-bottom: 30px; background-color: #EDEDED; } @media (min-width: 46.875em) { .news-author { margin-bottom: 40px; display: inline-block; padding: 30px; } } .news-author:hover, .news-author:focus { background-color: #95D4E9; text-decoration: none; color: #0033A1; } .news-author figure { margin: 0; flex: 0 0 90px; margin-right: 15px; } @media (min-width: 46.875em) { .news-author figure { margin-right: 0; margin-bottom: 15px; } } .news-author figure img { max-width: 100%; height: auto; display: block; } .news-author .author-name { font-weight: 700; line-height: 1.2; } @media (max-width: 31.1875em) { .news-author .author-name { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .news-author .author-name { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .news-author .author-name { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .news-author .author-name { font-size: 2.575rem; } } @media (min-width: 78.125em) { .news-author .author-name { font-size: 2.7rem; } } .news-author .author-bio { text-decoration: underline; } .news-filter { margin-top: 30px; } .search-form { width: 210px; z-index: 50; position: relative; } .search-form input { height: 41px; padding: 22px 40px 22px 20px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 2px solid transparent; background-color: #EDEDED; border-radius: 600px; width: 100%; transition: all 0.2s; } .search-form input::-moz-placeholder { color: #444444; opacity: 1; } .search-form input:-ms-input-placeholder { color: #444444; opacity: 1; } .search-form input::placeholder { color: #444444; opacity: 1; } .search-form input:focus { color: #171717; border-color: #0033A1; } .search-form button { position: absolute; top: 50%; right: 10px; transform: translateY(-50%); width: 30px; height: 30px; border: 0; background-color: #0033A1; border-radius: 100%; cursor: pointer; transition: background-color 0.2s; } .search-form button:hover, .search-form button:focus { background-color: #171717; } .search-form button::before { content: ""; position: absolute; width: 13px; height: 13px; border-radius: 50%; border: 2px solid #fff; top: 7px; left: 7px; } .search-form button::after { content: ""; position: absolute; width: 2px; height: 7px; background-color: #fff; transform: rotate(-45deg); right: 10px; top: 16px; } @media (max-width: 46.865em) { .search-form.open .close-btn { display: block; } } .search-form .close-btn { width: 40px; height: 40px; border-radius: 50%; border: 0; vertical-align: middle; margin-left: 20px; position: absolute; right: 15px; top: 10px; padding: 0; background: none; display: none; } .search-form .close-btn:hover, .search-form .close-btn:focus { outline: 0; } .search-form .close-btn:hover::before, .search-form .close-btn:hover::after, .search-form .close-btn:focus::before, .search-form .close-btn:focus::after { background-color: #171717; } .search-form .close-btn::before { content: ""; position: absolute; top: 10px; left: 10px; width: 20px; height: 2px; background-color: #444444; transform: rotate(45deg); } @media (min-width: 46.875em) { .search-form .close-btn::before { top: 20px; left: 15px; width: 30px; } } .search-form .close-btn::after { content: ""; position: absolute; top: 10px; left: 10px; width: 20px; height: 2px; background-color: #444444; transform: rotate(-45deg); } @media (min-width: 46.875em) { .search-form .close-btn::after { top: 20px; left: 15px; width: 30px; } } .search-box-btn { position: relative; border: 0; width: 42px; height: 40px; margin-right: 10px; padding: 0; background-color: transparent; } .search-box-btn.open::before, .search-box-btn.open::after { top: 50%; transform: translateY(-50%); left: 2px; width: 32px; height: 2px; background-color: #171717; border: none; border-radius: 0; } .search-box-btn.open::before { transform: translateY(-50%) rotate(45deg); } .search-box-btn.open::after { transform: translateY(-50%) rotate(-45deg); } .search-box-btn::before { content: ""; position: absolute; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #0033A1; top: 4px; left: 5px; } .search-box-btn::after { content: ""; position: absolute; width: 2px; height: 14px; border-radius: 100px; background-color: #0033A1; transform: rotate(-45deg); right: 13px; top: 20px; } .search-box-btn:hover::before, .search-box-btn:focus::before { border-color: #171717; } .search-box-btn:hover::after, .search-box-btn:focus::after { background-color: #171717; } .search-block { background-color: #EDEDED; padding: 15px 20px 20px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 5px; align-items: center; } @media (min-width: 64em) { .search-block { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; row-gap: 20px; padding: 20px 30px 25px; } } @media (max-width: 31.1875em) { .search-block .result-info { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .search-block .result-info { font-size: 1.9rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .search-block .result-info { font-size: 2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .search-block .result-info { font-size: 2.1rem; } } @media (min-width: 78.125em) { .search-block .result-info { font-size: 2.2rem; } } .search-block .result-info .keyword { display: block; } @media (max-width: 31.1875em) { .search-block .result-info .keyword { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .search-block .result-info .keyword { font-size: 1.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .search-block .result-info .keyword { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .search-block .result-info .keyword { font-size: 1.8rem; } } @media (min-width: 78.125em) { .search-block .result-info .keyword { font-size: 1.8rem; } } .search-block .search-block-form .freeform-row { align-items: flex-end; } .search-block .search-block-form .freeform-row .freeform-column input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) { background: #fff; } .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit { flex: 0 0 150px; } .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit .btn, .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit input[type=submit] { width: 100%; height: 45px; padding-left: 20px; padding-right: 20px; } .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit .btn::before, .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit input[type=submit]::before, .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit .btn::after, .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .search-block .search-block-form .freeform-row .freeform-column.freeform-field-type--submit input[type=submit]::after { display: none; } .search-listing .search-item { width: 100%; margin-bottom: 30px; border-bottom: 1px solid #95D4E9; padding-bottom: 30px; } .search-listing .search-item h2 { font-weight: 700; } @media (max-width: 31.1875em) { .search-listing .search-item h2 { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .search-listing .search-item h2 { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .search-listing .search-item h2 { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .search-listing .search-item h2 { font-size: 2.575rem; } } @media (min-width: 78.125em) { .search-listing .search-item h2 { font-size: 2.7rem; } } .search-listing .search-item h2 a { text-decoration: none; } .search-listing .search-item h2:hover, .search-listing .search-item h2:focus { text-decoration: underline; } ul.social-icons { text-align: center; margin: 0; display: flex; } ul.social-icons li { margin: 0; } @media (max-width: 31.1875em) { ul.social-icons li { font-size: 2.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { ul.social-icons li { font-size: 2.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { ul.social-icons li { font-size: 2.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { ul.social-icons li { font-size: 2.4rem; } } @media (min-width: 78.125em) { ul.social-icons li { font-size: 2.4rem; } } ul.social-icons li + li { margin-left: 12px; } ul.social-icons li a { width: 40px; height: 40px; display: block; background-color: #fff; padding: 2px; transition: background-color 0.2s; border-radius: 100%; text-align: center; } ul.social-icons li a:hover, ul.social-icons li a:focus { background-color: #95D4E9; } ul.social-icons li a img { display: block; margin: 5px auto 0; } .block-blockquote { border-top: 1px solid #95D4E9; border-bottom: 1px solid #95D4E9; padding: 30px 0; display: block; position: relative; font-style: italic; } @media (max-width: 31.1875em) { .block-blockquote { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-blockquote { font-size: 1.7rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-blockquote { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-blockquote { font-size: 1.9rem; } } @media (min-width: 78.125em) { .block-blockquote { font-size: 2rem; } } @media (min-width: 64em) { .block-blockquote { padding: 50px 0; } } .block-blockquote.position-full { clear: both; margin-left: 0; margin-right: 0; } .block-blockquote p { margin: 0; } .block-pullquote { background-color: #0033A1; color: #fff; padding: 20px; font-style: italic; } @media (max-width: 31.1875em) { .block-pullquote { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-pullquote { font-size: 1.7rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-pullquote { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-pullquote { font-size: 1.9rem; } } @media (min-width: 78.125em) { .block-pullquote { font-size: 2rem; } } @media (min-width: 46.875em) { .block-pullquote { padding: 40px; } } .block-pullquote p:first-child { margin-top: 0; } .block-pullquote.position-full { clear: both; margin-left: 0; margin-right: 0; } .block-pullquote cite { font-style: normal; font-weight: 700; text-align: right; display: block; } @media (max-width: 31.1875em) { .block-pullquote cite { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-pullquote cite { font-size: 1.85rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-pullquote cite { font-size: 1.9rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-pullquote cite { font-size: 1.95rem; } } @media (min-width: 78.125em) { .block-pullquote cite { font-size: 2rem; } } @media (min-width: 46.875em) { .block-pullquote.position-left, .block-blockquote.position-left, .block-pullquote.position-right, .block-blockquote.position-right { max-width: calc(50% - 35px); } } .block-accordion { margin: 45px 0; padding: 0 0; } .block-accordion + .block-accordion { margin-top: -35px; } .block-accordion .accordion-toggle { display: block; width: 100%; margin-bottom: 0; } .block-accordion .accordion-toggle button { display: block; cursor: pointer; position: relative; padding: 20px 65px 20px 15px; color: #fff; background-color: #0033A1; border: 0; width: 100%; font-weight: 700; text-align: left; transition: color 0.2s, background-color 0.2s, border 0.2s; } @media (max-width: 31.1875em) { .block-accordion .accordion-toggle button { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-accordion .accordion-toggle button { font-size: 2.025rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-accordion .accordion-toggle button { font-size: 2.25rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-accordion .accordion-toggle button { font-size: 2.475rem; } } @media (min-width: 78.125em) { .block-accordion .accordion-toggle button { font-size: 2.7rem; } } @media (min-width: 46.875em) { .block-accordion .accordion-toggle button { padding: 30px 65px 30px 45px; } } .block-accordion .accordion-toggle button strong { font-weight: 800; } .block-accordion .accordion-toggle button::before, .block-accordion .accordion-toggle button::after { position: absolute; top: 50%; transform: translateY(-50%); } .block-accordion .accordion-toggle button::before { content: ""; border-radius: 100%; display: block; width: 40px; height: 40px; right: 12px; background-color: #93D500; transition: all 0.3s; } @media (min-width: 46.875em) { .block-accordion .accordion-toggle button::before { right: 20px; } } .block-accordion .accordion-toggle button::after { content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #0033A1; right: 26px; } @media (min-width: 46.875em) { .block-accordion .accordion-toggle button::after { right: 34px; } } .block-accordion .accordion-toggle button:hover::before, .block-accordion .accordion-toggle button:focus::before { background-color: #fff; } .block-accordion .accordion-toggle.open button::after { border-top-color: transparent; border-bottom: 6px solid #0033A1; margin-top: -4px; } .block-accordion .accordion-toggle.open + .accordion-content { display: block; } .block-accordion .accordion-content { display: none; border: 1px solid #0033A1; border-top: none; padding: 30px 40px 30px 45px; } @media (max-width: 31.1875em) { .block-accordion .accordion-content { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-accordion .accordion-content { font-size: 1.475rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-accordion .accordion-content { font-size: 1.55rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-accordion .accordion-content { font-size: 1.625rem; } } @media (min-width: 78.125em) { .block-accordion .accordion-content { font-size: 1.7rem; } } .block-accordion .accordion-content *:first-child { margin-top: 0; } .block-accordion .accordion-content *:last-child { margin-bottom: 0; } .block-download-callout { width: 100%; background: no-repeat right -250px bottom -180px/cover, bottom right; background-blend-mode: overlay, normal; background-image: url("/assets/images/hexagons-bg.png"), linear-gradient(144deg, #063DB4 28%, #2877C5 150%); color: #fff; padding: 20px; position: relative; text-decoration: none; display: block; } @media (min-width: 46.875em) { .block-download-callout { display: flex; align-items: center; } } .block-download-callout .download-headeline-container { align-items: center; flex: 1 1 auto; display: flex; margin-bottom: 15px; margin-right: 20px; } .block-download-callout .download-headeline-container img { display: none; } @media (min-width: 46.875em) { .block-download-callout .download-headeline-container img { display: block; margin-right: 20px; } } @media (min-width: 46.875em) { .block-download-callout .download-headeline-container { margin-bottom: 0; display: flex; } } .block-download-callout h3 { margin: 0; color: #fff; font-weight: 400; } @media (max-width: 31.1875em) { .block-download-callout h3 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-download-callout h3 { font-size: 2.825rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-download-callout h3 { font-size: 2.95rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-download-callout h3 { font-size: 3.075rem; } } @media (min-width: 78.125em) { .block-download-callout h3 { font-size: 3.2rem; } } .block-download-callout:hover, .block-download-callout:focus { text-decoration: none; } .pagination ul { list-style: none; padding: 0; text-align: left; margin: 0; display: flex; align-items: center; justify-content: center; } .pagination li { display: inline-block; line-height: 1.2; margin: 0 5px; min-width: 22px; text-align: center; } @media (max-width: 31.1875em) { .pagination li { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .pagination li { font-size: 1.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .pagination li { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .pagination li { font-size: 1.8rem; } } @media (min-width: 78.125em) { .pagination li { font-size: 1.8rem; } } .pagination li a, .pagination li button { background: none; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; text-align: center; color: #171717; text-decoration: none; padding: 4px 6px; cursor: pointer; } .pagination li a:hover, .pagination li a:focus, .pagination li button:hover, .pagination li button:focus { color: #0033A1; } .pagination li.current { background-color: #95D4E9; padding: 4px 6px; } .pagination li.previous, .pagination li.next { text-transform: uppercase; letter-spacing: 1px; padding: 30px 0; } @media (max-width: 31.1875em) { .pagination li.previous, .pagination li.next { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .pagination li.previous, .pagination li.next { font-size: 1.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .pagination li.previous, .pagination li.next { font-size: 1.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .pagination li.previous, .pagination li.next { font-size: 1.4rem; } } @media (min-width: 78.125em) { .pagination li.previous, .pagination li.next { font-size: 1.4rem; } } .pagination li.previous.prev-next-hidden, .pagination li.next.prev-next-hidden { visibility: hidden; } @media (min-width: 46.875em) { .pagination li.previous, .pagination li.next { min-width: 130px; } } @media (min-width: 64em) { .pagination li.previous, .pagination li.next { min-width: 142px; } } .pagination li.previous a, .pagination li.previous button, .pagination li.next a, .pagination li.next button { position: relative; } .pagination li.previous a:hover::before, .pagination li.previous a:focus::before, .pagination li.previous button:hover::before, .pagination li.previous button:focus::before, .pagination li.next a:hover::before, .pagination li.next a:focus::before, .pagination li.next button:hover::before, .pagination li.next button:focus::before { background: #95D4E9; } @media (max-width: 46.865em) { .pagination li.previous a > span:not(:focus):not(:active), .pagination li.previous button > span:not(:focus):not(:active), .pagination li.next a > span:not(:focus):not(:active), .pagination li.next button > span:not(:focus):not(:active) { clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } } .pagination li.previous a::before, .pagination li.previous a::after, .pagination li.previous button::before, .pagination li.previous button::after, .pagination li.next a::before, .pagination li.next a::after, .pagination li.next button::before, .pagination li.next button::after { content: ""; display: block; position: absolute; top: 50%; transform: translateY(-50%); } .pagination li.previous a::before, .pagination li.previous button::before, .pagination li.next a::before, .pagination li.next button::before { background: #0033A1; height: 36px; width: 36px; border-radius: 50%; transition: background-color 0.2s; } @media (min-width: 64em) { .pagination li.previous a::before, .pagination li.previous button::before, .pagination li.next a::before, .pagination li.next button::before { height: 46px; width: 46px; } } .pagination li.previous a::after, .pagination li.previous button::after, .pagination li.next a::after, .pagination li.next button::after { width: 0; height: 0; border-style: solid; border-width: 6px; } @media (min-width: 64em) { .pagination li.previous a::after, .pagination li.previous button::after, .pagination li.next a::after, .pagination li.next button::after { border-width: 10px; } } .pagination li.previous { margin-right: auto; } .pagination li.previous a, .pagination li.previous button { padding-left: 45px; text-align: left; } @media (min-width: 64em) { .pagination li.previous a, .pagination li.previous button { padding-left: 60px; } } .pagination li.previous a::before, .pagination li.previous button::before { left: 0; } .pagination li.previous a::after, .pagination li.previous button::after { left: 6px; border-color: transparent #fff transparent transparent; } .pagination li.next { margin-left: auto; } .pagination li.next a, .pagination li.next button { padding-right: 45px; text-align: right; } @media (min-width: 64em) { .pagination li.next a, .pagination li.next button { padding-right: 60px; } } .pagination li.next a::before, .pagination li.next button::before { right: 0; } .pagination li.next a::after, .pagination li.next button::after { right: 6px; border-color: transparent transparent transparent #fff; } .nav-breadcrumbs { display: none; padding: 5px 0; position: relative; width: 100%; } @media (max-width: 31.1875em) { .nav-breadcrumbs { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .nav-breadcrumbs { font-size: 1.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .nav-breadcrumbs { font-size: 1.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .nav-breadcrumbs { font-size: 1.4rem; } } @media (min-width: 78.125em) { .nav-breadcrumbs { font-size: 1.4rem; } } @media (min-width: 64em) { .nav-breadcrumbs { display: block; } } .nav-breadcrumbs ul { margin: 0; } .nav-breadcrumbs ul li { display: inline-block; font-weight: 300; } .nav-breadcrumbs ul li + li::before { content: ""; width: 5px; height: 5px; display: inline-block; margin: 0 7px 0 3px; background-color: #95D4E9; transform: translateY(-2px); } .nav-breadcrumbs ul li:first-child { position: relative; bottom: -4px; } .nav-breadcrumbs ul li:first-child + li { margin-left: 8px; } .nav-breadcrumbs ul li:first-child + li::before { display: none; } .nav-breadcrumbs ul li.current-page { color: #fff; } .nav-breadcrumbs ul li img { display: block; } .nav-breadcrumbs ul li a { color: #95D4E9; transition: color 0.2s; display: inline-block; } .nav-breadcrumbs ul li a:hover, .nav-breadcrumbs ul li a:focus { color: #fff; } .freeform-field-type--checkbox_group .form-check-inline label, .freeform-field-type--radio_group .form-check-inline label { display: inline-block; margin-right: 10px; } /* This is to fix an issue with IE and having singular checkboxes unclickable without this css. Height and width can be changed based on checkbox size */ .custom-checkbox .freeform-input[type=checkbox] { width: 24px; height: 24px; z-index: 5; } .custom-checkbox input[type=checkbox], .custom-radio input[type=radio] { display: block; position: absolute; opacity: 0; position: absolute; width: auto; } .custom-checkbox input[type=checkbox] + span, .custom-radio input[type=radio] + span { padding-left: 30px; position: relative; display: inline-block; line-height: 1.4; margin-bottom: 2px; } .custom-checkbox input[type=checkbox] + span::before { display: block; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: #EDEDED; content: ""; color: transparent; font-size: 0.7em; line-height: 1.6; text-align: center; vertical-align: middle; } .custom-checkbox input[type=checkbox]:focus + span::before { background: #EDEDED; } .custom-checkbox input[type=checkbox]:checked + span::before { color: #fff; background: #EDEDED; } .custom-checkbox input[type=checkbox]:checked + span::after { content: ""; position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; background: #0033A1; } .custom-radio input[type=radio] + span::before { display: block; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: #EDEDED; color: #fff; content: ""; font-size: 0.7em; vertical-align: middle; text-align: center; border-radius: 100%; } .custom-radio input[type=radio]:focus + span::before { background: #EDEDED; } .custom-radio input[type=radio]:checked + span::after { content: ""; position: absolute; top: 4px; left: 4px; width: 14px; height: 14px; background: #0033A1; border-radius: 50%; } .custom-checkbox.custom-mailing-list span { padding-left: 2em; position: relative; display: inline-block; } .custom-checkbox.custom-mailing-list span::before { display: block; position: absolute; left: 0; top: 0.2em; width: 22px; height: 22px; border: 1px solid #444444; background: #fff; content: ""; color: transparent; font-size: 0.7em; line-height: 1.6; text-align: center; vertical-align: middle; } .custom-checkbox.custom-mailing-list span.checked::before { color: #fff; background: #333; border: 1px solid #333; } .custom-checkbox.custom-mailing-list label { display: block; position: absolute; opacity: 0; z-index: 500; } .custom-checkbox.custom-mailing-list input { display: block; position: absolute; opacity: 0; z-index: 65; } .invalid .custom-select select { color: red; border-color: red; } .invalid .custom-select select:focus { border-color: red; } .invalid .custom-checkbox span { color: red; } .invalid .custom-checkbox input[type=checkbox] + span::before { border-color: red; } .invalid .custom-radio span { color: red; } .invalid .custom-radio input[type=radio] + span::before { border-color: red; } .hero { margin-bottom: 40px; position: relative; overflow: hidden; } @media (min-width: 64em) { .hero { padding: 20px 0 0; -webkit-clip-path: none; clip-path: none; } .hero::before, .hero::after { content: ""; display: block; position: absolute; left: 0; -webkit-clip-path: url(#hero-curve); clip-path: url(#hero-curve); } .hero::before { bottom: 0; width: 100%; height: 100%; background-color: #93D500; transform: translateY(-100px); } .hero::after { bottom: 0; width: 100%; height: 104%; background-color: #0033A1; transform: rotate(-0.7deg) translateY(-120px) scale(1.05, 1); transform-origin: left bottom; } } .hero .container-large { position: relative; z-index: 2; } @media (max-width: 63.99em) { .hero .container-large { padding: 0; } } @media (min-width: 64em) { .hero-container { display: flex; align-items: stretch; -webkit-clip-path: url(#hero-container); clip-path: url(#hero-container); } } .hero-image { background-size: cover; background-position: center top; min-height: 55vw; position: relative; } .hero-image::before { content: ""; display: block; position: absolute; left: 0; bottom: -195px; left: 50%; width: 1200px; height: 220px; border-radius: 100%; transform: translateX(-50%) rotate(-4deg); background-color: #0033A1; } @media (min-width: 28.125em) { .hero-image::before { bottom: -185px; } } @media (min-width: 37.5em) { .hero-image::before { bottom: -145px; } } @media (min-width: 56.25em) { .hero-image::before { bottom: -135px; } } @media (min-width: 64em) { .hero-image::before { display: none; } } @media (min-width: 46.875em) { .hero-image { min-height: 60vw; } } @media (min-width: 64em) { .hero-image { display: flex; flex: 0 0 55%; min-height: 550px; } } .hero-content { padding: 10px 40px 110px; background-color: #0033A1; color: #fff; position: relative; overflow: hidden; } @media (min-width: 37.5em) { .hero-content { padding: 0 4vw 19vw; } } @media (min-width: 64em) { .hero-content { padding: 4vw 4vw 10vw; box-shadow: inset 0 0 74px 0 #000C51; background: no-repeat right -350px bottom -380px/1500px auto, bottom right, bottom right; background-image: url("/assets/images/hexagons-bg.png"), linear-gradient(165deg, rgba(0, 51, 161, 0) 69%, #0033A1 100%), linear-gradient(155deg, #063DB4 15%, #3981C9 96%); background-blend-mode: overlay, normal, normal; } } @media (min-width: 78.125em) { .hero-content { padding: 65px 80px 120px; } } .hero-content::before, .hero-content::after { content: ""; display: block; position: absolute; left: 50%; width: 1200px; height: 220px; border-radius: 100%; transform: translateX(-50%) rotate(-4deg); } @media (min-width: 64em) { .hero-content::before, .hero-content::after { display: none; } } .hero-content::before { background-color: #93D500; bottom: -150px; } @media (min-width: 46.875em) { .hero-content::before { bottom: -115px; } } .hero-content::after { background-color: white; bottom: -170px; } @media (min-width: 46.875em) { .hero-content::after { bottom: -135px; } } .hero-content h1 { color: #fff; line-height: 1.05; margin-bottom: 13px; font-weight: 400; } @media (max-width: 31.1875em) { .hero-content h1 { font-size: 3rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .hero-content h1 { font-size: 3.25rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .hero-content h1 { font-size: 3.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .hero-content h1 { font-size: 3.75rem; } } @media (min-width: 78.125em) { .hero-content h1 { font-size: 4rem; } } .hero-content h1 strong { font-weight: 700; } @media (max-width: 31.1875em) { .hero-content h1 strong { font-size: 5.3rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .hero-content h1 strong { font-size: 5.575rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .hero-content h1 strong { font-size: 5.85rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .hero-content h1 strong { font-size: 6.125rem; } } @media (min-width: 78.125em) { .hero-content h1 strong { font-size: 6.4rem; } } @media (min-width: 64em) and (max-width: 31.1875em) { .hero-content h1 strong { font-size: 7.2rem; } } @media (min-width: 64em) and (min-width: 31.25em) and (max-width: 46.8125em) { .hero-content h1 strong { font-size: 7.2rem; } } @media (min-width: 64em) and (min-width: 46.875em) and (max-width: 63.9375em) { .hero-content h1 strong { font-size: 7.2rem; } } @media (min-width: 64em) and (min-width: 64em) and (max-width: 78.0625em) { .hero-content h1 strong { font-size: 7.2rem; } } @media (min-width: 64em) and (min-width: 78.125em) { .hero-content h1 strong { font-size: 7.2rem; } } .hero-content .btn, .hero-content #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .hero-content input[type=submit] { margin-top: 20px; } .interior-hero { margin-bottom: 20px; } @media (min-width: 64em) { .interior-hero { margin-bottom: 40px; } } .interior-hero-top { position: relative; overflow: hidden; background-color: #0033A1; color: #fff; padding-top: 30px; padding-bottom: 85px; } @media (min-width: 64em) { .interior-hero-top { padding-top: 50px; padding-bottom: 100px; } } .interior-hero-top::before, .interior-hero-top::after { content: ""; position: absolute; top: 100%; left: 50%; width: 200%; height: 100%; border-radius: 100%; } @media (min-width: 46.875em) { .interior-hero-top::before, .interior-hero-top::after { width: 160%; } } @media (min-width: 64em) { .interior-hero-top::before, .interior-hero-top::after { width: 150%; } } .interior-hero-top::before { background-color: #93D500; transform: translateX(-50%) translateY(-58px); } .interior-hero-top::after { transform: translateX(-50%) translateY(-38px); background-color: #fff; } .interior-hero-top h1 { color: #fff; margin: 10px 0; text-align: center; } @media (min-width: 64em) { .interior-hero-top h1 { text-align: left; margin: 0; } } .interior-hero-bottom > :first-child { margin-top: -65px; } @media (min-width: 64em) { .interior-hero-bottom > :first-child { margin-top: -80px; } } .interior-hero-bottom > * + * { margin-top: 12px; } @media (min-width: 64em) { .interior-hero-bottom > * + * { margin-top: 20px; } } .interior-hero-bottom img { max-width: 100%; height: auto; } .hero-gallery { overflow: hidden; position: relative; padding-bottom: 7px; margin-top: -65px; background-color: #fff; } @media (min-width: 64em) { .hero-gallery { margin-top: -80px; } } .hero-gallery .swiper-slide { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; align-items: center; } @media (min-width: 64em) { .hero-gallery .swiper-slide { -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; } } .hero-gallery .swiper-slide picture { line-height: 0; display: block; } .hero-gallery .swiper-slide img { line-height: 0; width: 100%; height: auto; } .hero-gallery .swiper-slide .content { padding: 35px; background-color: #fff; box-shadow: inset 0 0 29px 0 rgba(149, 212, 233, 0.6); height: 100%; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; } .hero-gallery .swiper-slide h2 { margin-bottom: 20px; } .hero-gallery .swiper-slide h2 + p { margin-top: 20px; } .hero-gallery .swiper-slide .btn, .hero-gallery .swiper-slide #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .hero-gallery .swiper-slide input[type=submit] { margin-top: 10px; } .hero-gallery .swiper-pagination { top: auto; bottom: 0; height: 7px; background-color: #80C3DA; } .hero-gallery .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #EDEDED; } .interior-hero-bottom-gallery { position: relative; } @media (max-width: 63.9375em) { .interior-hero-bottom-gallery { max-width: 800px; margin-left: auto; margin-right: auto; } } .interior-hero-bottom-gallery .swiper-button { background: #0033A1; height: 36px; width: 36px; border-radius: 50%; margin-top: 0; top: 50%; transform: translateY(-50%); transition: background-color 0.2s; position: absolute; z-index: 50; } @media (min-width: 64em) { .interior-hero-bottom-gallery .swiper-button { height: 50px; width: 50px; } } .interior-hero-bottom-gallery .swiper-button.swiper-button-disabled { opacity: 0; } .interior-hero-bottom-gallery .swiper-button:hover, .interior-hero-bottom-gallery .swiper-button:focus { background: #0033A1; } .interior-hero-bottom-gallery .swiper-button:hover.swiper-hero-gallery-button-prev::after, .interior-hero-bottom-gallery .swiper-button:focus.swiper-hero-gallery-button-prev::after { border-color: transparent #fff transparent transparent; } .interior-hero-bottom-gallery .swiper-button:hover.swiper-hero-gallery-button-next::after, .interior-hero-bottom-gallery .swiper-button:focus.swiper-hero-gallery-button-next::after { border-color: transparent transparent transparent #fff; } .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-prev { left: -18px; } @media (min-width: 64em) { .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-prev { left: -25px; } } @media (min-width: 87.5em) { .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-prev { left: -80px; } } .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-prev::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent #fff transparent transparent; font-size: 0; margin-right: 11px; position: absolute; left: 8px; top: 12px; } @media (min-width: 64em) { .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-prev::after { border-width: 10px; margin-right: 13px; left: 8px; top: 15px; } } .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-next { right: -18px; } @media (min-width: 64em) { .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-next { right: -25px; } } @media (min-width: 87.5em) { .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-next { right: -80px; } } .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-next::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent transparent transparent #fff; font-size: 0; margin-left: 9px; position: absolute; left: 7px; top: 12px; } @media (min-width: 64em) { .interior-hero-bottom-gallery .swiper-button.swiper-hero-gallery-button-next::after { border-width: 10px; margin-left: 11px; left: 10px; top: 15px; } } .link-area { background-color: #95D4E9; padding: 10px 25px; } @media (max-width: 63.9375em) { .link-area { max-width: 800px; margin-left: auto; margin-right: auto; } } .link-area ul { margin: 0; padding: 0; } .link-area ul li { display: inline-block; margin-right: 40px; margin-top: 5px; margin-bottom: 5px; } .link-area ul li a { font-weight: 700; letter-spacing: 0.33px; text-decoration: none; } .link-area ul li a:hover, .link-area ul li a:focus { text-decoration: underline; } .callouts { clear: both; } .callout { padding: 30px; } .overlay { display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 50; } .overlay.show { display: block; } .off-canvas { height: calc(100% - 72px); width: 100%; position: fixed; z-index: 3000; top: 72px; background-color: #0033A1; overflow-x: hidden; padding-top: 0px; color: #fff; } .off-canvas .off-canvas-container { display: none; } .off-canvas.open .off-canvas-container { display: block; } .off-canvas-slidebar-nav { left: 100%; transition: left 0.3s ease-in-out; } .off-canvas-slidebar-nav.open { left: 0; } .off-canvas-slidebar-search { right: 100%; transition: right 0.3s ease-in-out; } .off-canvas-slidebar-search.open { right: 0; } .off-canvas-slidebar-search .search { margin: 24px; } .off-canvas-slidebar-search .search-form { width: 100%; } .off-canvas-slidebar-search .search-form form input { background-color: #fff; } .off-canvas-slidebar-search .search-form form input:focus { border-color: #93D500; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary { list-style: none; margin: 0; padding: 0; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a { text-transform: uppercase; letter-spacing: 1px; } @media (max-width: 31.1875em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a { font-size: 2rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a { font-size: 2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a { font-size: 2rem; } } @media (min-width: 78.125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a { font-size: 2rem; } } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a:hover, .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > a:focus { color: #95D4E9; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul { margin: 0; background-image: linear-gradient(180deg, rgba(0, 47, 149, 0) 50%, #002886 100%); box-shadow: inset 0 0 113px 0 #002A84; padding: 15px 0px 40px 40px; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li + li { margin-top: 10px; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a { font-weight: 700; padding-left: 0; padding-top: 10px; padding-bottom: 10px; } @media (max-width: 31.1875em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a { font-size: 2.075rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a { font-size: 2.15rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a { font-size: 2.225rem; } } @media (min-width: 78.125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a { font-size: 2.3rem; } } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li > a::after { content: ""; display: block; width: calc(100% - 15px); border-bottom: 1px solid #95D4E9; position: absolute; bottom: 0; left: 0; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul { margin: 10px 0; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul li a { text-transform: uppercase; letter-spacing: 1px; padding: 8px 0; } @media (max-width: 31.1875em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul li a { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul li a { font-size: 1.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul li a { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul li a { font-size: 1.8rem; } } @media (min-width: 78.125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul > li ul li a { font-size: 1.8rem; } } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li { padding: 0; margin: 0; list-style: none; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li.open button { transform: rotate(90deg); } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li.open button::after { color: #0033A1; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li button { top: 4px; transition: transform 0.2s; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li button::before, .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li button::after { position: absolute; display: block; transition: color 0.2s, background-color 0.2s; left: 50%; top: 50%; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li button::after { content: ">"; transform: translate(-52%, -49%); color: #0033A1; font-weight: 400; right: auto; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > ul li button::before { content: ""; width: 30px; height: 30px; border-radius: 100%; transform: translate(-50%, -50%); background-color: #93D500; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li ul { display: none; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li.open > button::after { content: "–"; margin-top: -1px; right: 21px; color: #fff; } @media (max-width: 31.1875em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button { font-size: 2.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button { font-size: 2.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button { font-size: 2.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button { font-size: 2.8rem; } } @media (min-width: 78.125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button { font-size: 2.8rem; } } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: #95D4E9; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button:hover, .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary > li > button:focus { color: #fff; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li { padding: 0; margin: 0; position: relative; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li.nav-item--has-children > a { padding-right: 55px; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li a { padding: 16px 24px; color: #fff; text-decoration: none; display: block; position: relative; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li a:hover, .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li a:focus { color: #95D4E9; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li.open > ul { display: block; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li.open > button.is-vishidden::after { content: "\f077"; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-primary li button { display: block; position: absolute; width: 52px; height: 48px; background: none; border: 0; top: 10px; right: 0; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux { margin: 17px 24px 0; padding-top: 25px; border-top: 1px solid #95D4E9; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li { margin-bottom: 12px; } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a { text-transform: uppercase; color: #fff; letter-spacing: 1px; text-decoration: none; padding: 10px 0; } @media (max-width: 31.1875em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a { font-size: 1.5rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a { font-size: 1.5rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a { font-size: 1.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a { font-size: 1.5rem; } } @media (min-width: 78.125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a { font-size: 1.5rem; } } .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a:hover, .off-canvas-nav .off-canvas-nav-container .offcanvas-nav-aux li a:focus { color: #95D4E9; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login { margin: 30px 24px; position: relative; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn { text-transform: uppercase; letter-spacing: 1px; padding: 9px 30px; width: 100%; background-color: #fff; color: #0033A1; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn::before { width: 26px; height: 26px; right: 10px; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 5px; border-color: transparent transparent #0033A1 transparent; font-size: 0; top: 50%; transform: translateY(-9px); right: 18px; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn:hover, .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn:focus { background-color: #95D4E9; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn:hover::after, .off-canvas-nav .off-canvas-nav-container .offcanvas-login .login-btn:focus::after { border-bottom-color: #fff; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul { margin: 0; background-color: #fff; padding: 18px 18px 13px; border-radius: 6px; display: none; position: absolute; top: 0; left: 0; width: 100%; transform: translateY(calc(-100% - 8px)); } .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul.open { display: block; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li { line-height: 1.45; } @media (max-width: 31.1875em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li { font-size: 1.6rem; } } @media (min-width: 78.125em) { .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li { font-size: 1.6rem; } } .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li a { text-decoration: none; padding: 2px 0; display: inline-block; } .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li a:hover, .off-canvas-nav .off-canvas-nav-container .offcanvas-login ul li a:focus { color: #171717; } .off-canvas-nav .search-form { padding: 10px; } .off-canvas-nav .search-form input { width: 100%; margin-bottom: 5px; } .off-canvas-nav .search-form button { margin-top: 0; float: right; } .block-gallery { position: relative; clear: both; width: 100%; margin-bottom: 50px; } @media (min-width: 46.875em) { .block-gallery { margin-bottom: 80px; } } .block-gallery .carousel { overflow: hidden; } .block-gallery .swiper-pagination { bottom: -15px; } @media (min-width: 64em) { .block-gallery .swiper-pagination { bottom: -40px; } } .block-gallery .swiper-slide { width: 100%; margin-bottom: 20px; background: #fff; } .block-gallery .swiper-slide figure { position: relative; margin: 0; line-height: 0; overflow: hidden; } .block-gallery .swiper-slide img { width: 100%; } @media (min-width: 46.875em) { .block-video.position-left, .block-video.position-right { width: calc(50% - 35px); } } .block-video.no-video-padding { margin-top: 0 !important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-video-popup { width: 100%; } .block-video-popup button { padding: 0; border: 0; background: none; width: 100%; } .block-video-popup button:hover .video-btn, .block-video-popup button:focus .video-btn { transform: translateX(-50%) translateY(-50%) scale(1.05); transform-origin: center; box-shadow: 5px 5px 15px rgba(23, 23, 23, 0.2); } .block-video-popup figure { margin: 0; } .block-video-popup figure img { width: 100%; height: auto; } .block-video-popup figure figcaption { top: 0; } .block-video-popup figure figcaption .video-btn { width: 70px; height: 70px; background-color: #93D500; border-radius: 50%; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); transition: transform 0.2s; } @media (min-width: 46.875em) { .block-video-popup figure figcaption .video-btn { width: 170px; height: 170px; } } .block-video-popup figure figcaption .video-btn::before { content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-style: solid; border-width: 16px 0 16px 27px; border-color: transparent transparent transparent #0033A1; transform: translateX(calc(-50% + 4px)) translateY(calc(-50% + 1px)); } @media (min-width: 46.875em) { .block-video-popup figure figcaption .video-btn::before { border-width: 31px 0 31px 53px; transform: translateX(calc(-50% + 8px)) translateY(calc(-50% + 3px)); } } .block-child-pages { /* UNSUPPORTED IN IE */ /* autoprefixer: ignore next */ justify-content: space-between; clear: both; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; row-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; clear: both; } @media (min-width: 46.875em) { .block-child-pages { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } .block-child-pages .block-child-page { height: 100%; display: block; } .block-child-pages .block-child-page figure { margin: 0; width: 100%; } .block-child-pages .block-child-page figure img { width: 100%; height: auto; } .block-child-pages .block-child-page a { text-decoration: none; display: block; height: 100%; background-color: #fff; transition: background-color 0.2s, color 0.2s; padding: 28px; } .block-child-pages .block-child-page a h3 { margin: 10px 0 0; } .block-child-pages .block-child-page a p { color: #171717; margin-top: 5px; } .block-child-pages .block-child-page a:hover, .block-child-pages .block-child-page a:focus { background-color: #95D4E9; } .person .featured-image { width: 150px; height: auto; margin-left: auto; margin-right: auto; margin-bottom: 20px; } @media (min-width: 31.25em) { .person .featured-image { float: left; margin: 0 20px 10px 0; } } @media (min-width: 64em) { .person .featured-image { width: 300px; } } .is-vishidden { position: absolute !important; overflow: hidden; width: 1px; height: 1px; padding: 0; border: 0; clip: rect(1px, 1px, 1px, 1px); } .skip-link a, button.skip-link { color: #fff; background: #171717; padding: 3px 15px; width: auto; display: block; border-radius: 0 0 5px 5px; position: absolute; top: 0; left: 45px; z-index: 4500; font-weight: 400; text-transform: uppercase; left: -10000px; } @media (max-width: 31.1875em) { .skip-link a, button.skip-link { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .skip-link a, button.skip-link { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .skip-link a, button.skip-link { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .skip-link a, button.skip-link { font-size: 1.6rem; } } @media (min-width: 78.125em) { .skip-link a, button.skip-link { font-size: 1.6rem; } } .skip-link a:hover, .skip-link a:focus, button.skip-link:hover, button.skip-link:focus { text-decoration: none; color: #fff; left: 45px; } .sidebar-widget { margin: 30px 0 0; padding-bottom: 30px; max-width: 300px; margin: 0 auto; } .sidebar-widget > *:first-child { margin-top: 0; } .nav-sidebar ul { margin-left: 0; } .nav-sidebar ul li { padding-left: 20px; } .sidebar-widget-callout figure, .sidebar-widget-image-ad figure { margin: 0; } .sidebar-widget-callout img, .sidebar-widget-image-ad img { width: 100%; height: auto; } .sidebar-widget-newsletter-signup .freeform-field-type--mailing_list { display: none; } .page-header { z-index: 1000; position: absolute; width: 100%; transition: right 0.5s; /* Default, mobile-first page header setup */ /* Hide .page-header-* components according to the width of viewport */ } .page-header.headroom--not-top { position: fixed; top: 0; } .page-header .page-header-full { display: none; position: absolute; top: 0; left: 0; right: 0; z-index: 2; } .page-header .page-header-compact { display: block; position: absolute; top: 0; left: 0; right: 0; z-index: 2; } .page-header .page-header-compact.open { position: fixed; } @media (min-width: 64em) { .page-header .page-header-full { display: flex; } .page-header .page-header-compact { display: none; } } @media (max-width: 46.865em) { .page-header .search-form { display: none; } } /* * Full desktop version of the header. All the bells and whistles. */ .page-header-full { background-color: #fff; height: 173px; position: relative; display: flex; flex-direction: column; } .page-header-full > .container { order: 2; display: -ms-grid; display: grid; -ms-grid-columns: 181px 1fr 210px; grid-template-columns: 181px 1fr 210px; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -moz-column-gap: 20px; column-gap: 20px; position: static; width: 100%; } .page-header-full > .container .logo { display: inline-block; margin: 21px 0 19px; } .page-header-full > .container .logo img { display: block; } /* Header Nav Primary */ .header-nav-primary { height: 100%; } @media (min-width: 78.125em) { .header-nav-primary { margin: 0 15px; } } .header-nav-primary > ul { margin: 0; padding: 0; display: flex; align-items: center; height: 100%; width: 100%; } .header-nav-primary > ul > li { margin: 0; height: 100%; position: static; flex: 1 1 auto; } .header-nav-primary > ul > li:last-child { margin-right: 0; } .header-nav-primary > ul > li:hover > a, .header-nav-primary > ul > li:focus > a, .header-nav-primary > ul > li:focus-within > a { color: #0033A1; } .header-nav-primary > ul > li:hover > ul, .header-nav-primary > ul > li:focus > ul, .header-nav-primary > ul > li:focus-within > ul { transform: scaleY(1); visibility: visible; pointer-events: auto; } .header-nav-primary > ul > li:hover > ul > li, .header-nav-primary > ul > li:focus > ul > li, .header-nav-primary > ul > li:focus-within > ul > li { opacity: 1; transform: translateY(0); } .header-nav-primary > ul > li > a { text-decoration: none; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; align-items: center; padding: 0 10px; height: 100%; color: #171717; text-align: center; line-height: 1.3; } @media (max-width: 31.1875em) { .header-nav-primary > ul > li > a { font-size: 1.5rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .header-nav-primary > ul > li > a { font-size: 1.5rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .header-nav-primary > ul > li > a { font-size: 1.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .header-nav-primary > ul > li > a { font-size: 1.5rem; } } @media (min-width: 78.125em) { .header-nav-primary > ul > li > a { font-size: 1.5rem; } } @media (min-width: 78.125em) { .header-nav-primary > ul > li > a { padding: 0 15px; } } @media (min-width: 78.125em) and (max-width: 31.1875em) { .header-nav-primary > ul > li > a { font-size: 1.8rem; } } @media (min-width: 78.125em) and (min-width: 31.25em) and (max-width: 46.8125em) { .header-nav-primary > ul > li > a { font-size: 1.8rem; } } @media (min-width: 78.125em) and (min-width: 46.875em) and (max-width: 63.9375em) { .header-nav-primary > ul > li > a { font-size: 1.8rem; } } @media (min-width: 78.125em) and (min-width: 64em) and (max-width: 78.0625em) { .header-nav-primary > ul > li > a { font-size: 1.8rem; } } @media (min-width: 78.125em) and (min-width: 78.125em) { .header-nav-primary > ul > li > a { font-size: 1.8rem; } } .header-nav-primary > ul > li > ul { visibility: hidden; transform: scaleY(0); pointer-events: none; width: 100%; position: absolute; top: auto; left: 0; margin: 0; padding: 50px 20px 65px; z-index: 1000; background-image: linear-gradient(180deg, #0033A1 50%, #002886 100%); display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -ms-grid-columns: fit-content(500px); grid-template-columns: fit-content(500px); justify-content: center; -moz-column-gap: 5vw; column-gap: 5vw; overflow: auto; } .header-nav-primary > ul > li > ul.some-have-descendants { padding: 50px 20px 55px; grid-template-columns: repeat(auto-fit, minmax(250px, 320px)); row-gap: 20px; } .header-nav-primary > ul > li > ul.some-have-descendants > li { border-top: none; } .header-nav-primary > ul > li > ul.some-have-descendants > li > a { border-bottom: 1px solid #95D4E9; font-weight: 700; padding: 20px 50px 20px 0; line-height: 1.2; text-transform: initial; letter-spacing: 0; } .header-nav-primary > ul > li > ul.some-have-descendants > li > a:hover::before, .header-nav-primary > ul > li > ul.some-have-descendants > li > a:focus::before { background-color: #fff; } .header-nav-primary > ul > li > ul.some-have-descendants > li > a:hover::after, .header-nav-primary > ul > li > ul.some-have-descendants > li > a:focus::after { color: #0033A1; } .header-nav-primary > ul > li > ul > li { padding: 0; margin: 0; opacity: 0; transform: translateY(-10px); transition: opacity 0.3s, transform 0.2s; } .header-nav-primary > ul > li > ul > li + li { border-top: 1px solid #95D4E9; } .header-nav-primary > ul > li > ul > li > a { padding: 10px 0; display: block; letter-spacing: 1px; } @media (max-width: 31.1875em) { .header-nav-primary > ul > li > ul > li > a { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .header-nav-primary > ul > li > ul > li > a { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .header-nav-primary > ul > li > ul > li > a { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .header-nav-primary > ul > li > ul > li > a { font-size: 2.575rem; } } @media (min-width: 78.125em) { .header-nav-primary > ul > li > ul > li > a { font-size: 2.7rem; } } .header-nav-primary > ul > li > ul > li a { color: #fff; text-decoration: none; } .header-nav-primary > ul > li > ul > li a:hover, .header-nav-primary > ul > li > ul > li a:focus { color: #95D4E9; } .header-nav-primary > ul > li > ul > li ul { margin: 20px 0 0; } .header-nav-primary > ul > li > ul > li ul li { text-transform: uppercase; letter-spacing: 1px; } .header-nav-primary > ul > li > ul > li ul li a { border-right: 0; padding: 3px 0; } .search { display: flex; align-items: center; } .header-aux { background-color: #fff; border-bottom: 1px solid #EDEDED; padding: 8px 0; } .header-aux > .container { display: flex; align-items: center; justify-content: flex-end; width: 100%; } .header-aux > .container > a[href^=tel] { color: #0033A1; text-decoration: none; font-weight: 700; padding: 3px; margin: 0 25px; } @media (max-width: 31.1875em) { .header-aux > .container > a[href^=tel] { font-size: 1.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .header-aux > .container > a[href^=tel] { font-size: 1.2rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .header-aux > .container > a[href^=tel] { font-size: 1.2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .header-aux > .container > a[href^=tel] { font-size: 1.2rem; } } @media (min-width: 78.125em) { .header-aux > .container > a[href^=tel] { font-size: 1.2rem; } } .header-aux > .container > a[href^=tel]:hover, .header-aux > .container > a[href^=tel]:focus { color: #171717; text-decoration: underline; } .header-login { position: relative; } .header-login .login-btn { text-transform: uppercase; letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; } @media (max-width: 31.1875em) { .header-login .login-btn { font-size: 1.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .header-login .login-btn { font-size: 1.2rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .header-login .login-btn { font-size: 1.2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .header-login .login-btn { font-size: 1.2rem; } } @media (min-width: 78.125em) { .header-login .login-btn { font-size: 1.2rem; } } .header-login .login-btn::before { width: 22px; height: 22px; right: 5px; } .header-login .login-btn::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px; border-color: #0033A1 transparent transparent transparent; font-size: 0; transform: translateY(-28%); right: 12px; } .header-login .login-btn:hover, .header-login .login-btn:focus { box-shadow: none; } .header-login .login-btn:hover::after, .header-login .login-btn:focus::after { border-top-color: #fff; } .header-login ul { position: absolute; z-index: 1000; margin-top: 6px; top: auto; right: 0; background-color: #0033A1; padding: 10px 15px; border-radius: 6px; width: 200px; display: none; } .header-login ul.open { display: block; } .header-login ul li { line-height: 1.3; margin: 0; } @media (max-width: 31.1875em) { .header-login ul li { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .header-login ul li { font-size: 1.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .header-login ul li { font-size: 1.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .header-login ul li { font-size: 1.4rem; } } @media (min-width: 78.125em) { .header-login ul li { font-size: 1.4rem; } } .header-login ul li + li { margin-top: 11px; } .header-login ul li a { color: #fff; text-decoration: none; } .header-login ul li a:hover, .header-login ul li a:focus { color: #95D4E9; } .header-nav-aux { position: relative; } .header-nav-aux ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; height: 100%; } @media (max-width: 31.1875em) { .header-nav-aux ul { font-size: 1.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .header-nav-aux ul { font-size: 1.2rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .header-nav-aux ul { font-size: 1.2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .header-nav-aux ul { font-size: 1.2rem; } } @media (min-width: 78.125em) { .header-nav-aux ul { font-size: 1.2rem; } } .header-nav-aux ul li { margin: 0; } .header-nav-aux ul li a { font-weight: normal; text-decoration: none; transition: color 0.2s; color: #171717; } .header-nav-aux ul li a:hover, .header-nav-aux ul li a:focus { color: #0033A1; text-decoration: underline; } .header-nav-aux ul li + li { margin-left: 40px; } /* * Compact version of the header. Usually for mobile screens. Use this if adapting * the full desktop version to a mobile-friendly version is unreasonable. */ .page-header-compact { background: #fff; } .page-header-compact .container { display: flex; align-items: center; justify-content: space-between; padding: 15px; } .page-header-compact .logo { display: inline-flex; width: 95px; line-height: 1; margin: 0 10px; } .page-header-compact .logo img { width: 100%; height: auto; } .page-header-compact .off-canvas-nav-btn { color: #333; border: 0; justify-self: flex-end; -ms-grid-row-align: center; align-self: center; background-color: transparent; width: 52px; height: 40px; position: relative; } @media (max-width: 31.1875em) { .page-header-compact .off-canvas-nav-btn { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .page-header-compact .off-canvas-nav-btn { font-size: 2.7rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .page-header-compact .off-canvas-nav-btn { font-size: 2.7rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .page-header-compact .off-canvas-nav-btn { font-size: 2.7rem; } } @media (min-width: 78.125em) { .page-header-compact .off-canvas-nav-btn { font-size: 2.7rem; } } .page-header-compact .off-canvas-nav-btn:hover .bar, .page-header-compact .off-canvas-nav-btn:focus .bar { background-color: #171717; } .page-header-compact .off-canvas-nav-btn.open .bar:first-child, .page-header-compact .off-canvas-nav-btn.open .bar:last-child { top: 50%; transform: translateY(-1px); } .page-header-compact .off-canvas-nav-btn.open .bar:first-child { transform: rotate(45deg); } .page-header-compact .off-canvas-nav-btn.open .bar:nth-child(2) { display: none; } .page-header-compact .off-canvas-nav-btn.open .bar:last-child { transform: rotate(-45deg); } .page-header-compact .off-canvas-nav-btn .bar { left: 10px; right: 10px; height: 2px; background-color: #0033A1; position: absolute; transition: transform 0.3s; } .page-header-compact .off-canvas-nav-btn .bar:first-child { top: 10px; } .page-header-compact .off-canvas-nav-btn .bar:nth-child(2) { top: 50%; transform: translateY(-1px); } .page-header-compact .off-canvas-nav-btn .bar:last-child { bottom: 10px; } .page-main { padding-top: 72px; overflow: hidden; } @media (min-width: 64em) { .page-main { padding-top: 173px; } } .page-main .container > p:last-child, .page-main .container > .btn:last-child, .page-main #tvcMainCalculatorDivId .InputContainer .container > input[type=submit]:last-child, #tvcMainCalculatorDivId .InputContainer .page-main .container > input[type=submit]:last-child { margin-bottom: 45px; } .svg-hide { position: absolute; left: -100%; bottom: 0; } #content { transition: margin-right 0.5s; } /* * Full desktop version of the footer. All the bells and whistles. */ .page-footer-main { background: #0033A1; padding: 30px 0; } .page-footer-main > .container { display: -ms-grid; display: grid; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } @media (min-width: 64em) { .page-footer-main > .container { -ms-grid-columns: 144px 1fr 320px; grid-template-columns: 144px 1fr 320px; } } .page-footer-main .social-icons { -ms-grid-row-align: center; align-self: center; -ms-grid-column-align: center; justify-self: center; } /* *------------------------------------------------------------------------------ * Footer Primary *------------------------------------------------------------------------------ */ .footer-nav-primary { position: relative; -ms-grid-column-align: center; justify-self: center; -ms-grid-row-align: center; align-self: center; } .footer-nav-primary ul { list-style: none; margin: 0; padding: 0; } @media (min-width: 64em) { .footer-nav-primary ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } } .footer-nav-primary ul li { margin: 15px 0; padding: 0; text-transform: uppercase; text-align: center; } @media (min-width: 46.875em) { .footer-nav-primary ul li { margin: 5px 10px; display: inline-block; text-align: left; } } .footer-nav-primary ul li a { color: #fff; text-decoration: none; font-weight: 700; letter-spacing: 1px; text-align: center; display: block; line-height: 1.35; } @media (max-width: 31.1875em) { .footer-nav-primary ul li a { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .footer-nav-primary ul li a { font-size: 1.65rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .footer-nav-primary ul li a { font-size: 1.7rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .footer-nav-primary ul li a { font-size: 1.75rem; } } @media (min-width: 78.125em) { .footer-nav-primary ul li a { font-size: 1.8rem; } } .footer-nav-primary ul li a:hover, .footer-nav-primary ul li a:focus { color: #95D4E9; } .footer-nav-primary ul li:last-child { margin-right: 0; } /* * Bottom of footer */ .page-footer-bottom { background-color: #0033A1; text-align: center; color: #fff; padding: 15px 0 60px; } .footer-logo { color: #fff; text-decoration: none; display: inline-flex; align-items: flex-end; line-height: 1.2; } @media (max-width: 31.1875em) { .footer-logo { font-size: 1.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .footer-logo { font-size: 1.2rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .footer-logo { font-size: 1.2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .footer-logo { font-size: 1.2rem; } } @media (min-width: 78.125em) { .footer-logo { font-size: 1.2rem; } } @media (min-width: 46.875em) { .footer-logo { margin-left: 50px; } } .footer-logo:hover, .footer-logo:focus { text-decoration: underline; color: #fff; } .footer-logo img { width: 90px; height: 21px; display: inline-block; margin-left: 6px; } .footer-aux-items { display: flex; align-items: center; -ms-grid-column-align: center; justify-self: center; justify-content: flex-end; } .footer-aux-items .btn, .footer-aux-items #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .footer-aux-items input[type=submit] { margin-right: 30px; display: none; padding-left: 30px; padding-right: 30px; } @media (min-width: 64em) { .footer-aux-items .btn, .footer-aux-items #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .footer-aux-items input[type=submit] { display: block; } } .footer-aux-items .btn::before, .footer-aux-items #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .footer-aux-items input[type=submit]::before, .footer-aux-items .btn::after, .footer-aux-items #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .footer-aux-items input[type=submit]::after { display: none; } .footer-aux-items img { display: block; } .footer-aux-items img + img { margin-left: 10px; } @media (max-width: 31.1875em) { .footer-legal { font-size: 1.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .footer-legal { font-size: 1.2rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .footer-legal { font-size: 1.2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .footer-legal { font-size: 1.2rem; } } @media (min-width: 78.125em) { .footer-legal { font-size: 1.2rem; } } @media (min-width: 46.875em) { .footer-legal { display: inline-block; } } .footer-nav-bottom { margin-bottom: 20px; } .footer-nav-bottom ul { list-style: none; margin: 0; padding: 0; text-align: center; } .footer-nav-bottom ul li { margin: 15px 0; } @media (min-width: 46.875em) { .footer-nav-bottom ul li { display: inline-block; } } @media (min-width: 46.875em) { .footer-nav-bottom ul li + li { margin-left: 35px; } } .footer-nav-bottom ul li a { color: #fff; text-decoration: none; } @media (max-width: 31.1875em) { .footer-nav-bottom ul li a { font-size: 1.5rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .footer-nav-bottom ul li a { font-size: 1.5rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .footer-nav-bottom ul li a { font-size: 1.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .footer-nav-bottom ul li a { font-size: 1.5rem; } } @media (min-width: 78.125em) { .footer-nav-bottom ul li a { font-size: 1.5rem; } } .footer-nav-bottom ul li a:hover, .footer-nav-bottom ul li a:focus { text-decoration: underline; } .footer-nav-bottom ul li:last-child { margin-right: 0; } .sidebar-section { display: block; margin-top: 40px; } @media (min-width: 64em) { .sidebar-section { display: flex; flex-flow: row; margin-top: 80px; } } .sidebar-section .sidebar-area { flex: 0 0 300px; width: 300px; margin-right: 75px; display: none; } @media (min-width: 64em) { .sidebar-section .sidebar-area { display: block; } } @media (min-width: 78.125em) { .sidebar-section .sidebar-area { margin-right: 125px; } } @media (min-width: 64em) { .sidebar-section .section-area { flex: 1 1 calc(100% - 375px); } } @media (min-width: 78.125em) { .sidebar-section .section-area { flex: 1 1 calc(100% - 425px); } } .sg-colors li { display: block; float: left; margin: 10px; } .sg-swatch { display: block; width: 100px; height: 100px; border: 1px solid #000; } .styleguide { padding-top: 50px; padding-bottom: 50px; } .styleguide hr { display: block; } .sg-subheading { border-bottom: 2px solid #666; margin-top: 60px; margin-bottom: 30px; } .sg-dark-bg { background-color: #898989; } .bg.black { background: #171717; } .bg.white { background: #fff; } .bg.lt-primary-color { background: #E5F1FC; } .bg.md-primary-color { background: #95D4E9; } .bg.dk-primary-color { background: #0033A1; } .bg.md-secondary-color { background: #93D500; } .bg.lt-gray { background: #EDEDED; } .bg.error { background: red; } .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #95D4E9; opacity: 1; margin: 0 6px; } @media (min-width: 64em) { .swiper-pagination .swiper-pagination-bullet { width: 15px; height: 15px; } } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0033A1; } .swiper-button { background: #0033A1; height: 44px; width: 44px; border-radius: 50%; margin-top: 0; top: 50%; transform: translateY(-50%); transition: background-color 0.2s; } @media (min-width: 64em) { .swiper-button { height: 50px; width: 50px; } } .swiper-button:hover, .swiper-button:focus { background: #95D4E9; } .swiper-button.swiper-button-prev { left: -18px; } @media (min-width: 64em) { .swiper-button.swiper-button-prev { left: -23px; } } .swiper-button.swiper-button-prev::after { width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent #fff transparent transparent; font-size: 0; margin-right: 11px; } @media (min-width: 64em) { .swiper-button.swiper-button-prev::after { border-width: 10px; margin-right: 13px; } } .swiper-button.swiper-button-next { right: -18px; } @media (min-width: 64em) { .swiper-button.swiper-button-next { right: -23px; } } .swiper-button.swiper-button-next::after { width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent transparent transparent #fff; font-size: 0; margin-left: 9px; } @media (min-width: 64em) { .swiper-button.swiper-button-next::after { border-width: 10px; margin-left: 11px; } } table { clear: both; border-collapse: collapse; width: 100%; } table thead tr th, table tfoot tr th { padding: 12px 16px; background-color: #0033A1; color: #fff; } table thead tr th h2, table thead tr th h3, table thead tr th h4, table thead tr th h5, table thead tr th h6, table tfoot tr th h2, table tfoot tr th h3, table tfoot tr th h4, table tfoot tr th h5, table tfoot tr th h6 { color: #fff; } table thead tr th p, table tfoot tr th p { font-weight: 400; line-height: 1.45; } @media (max-width: 31.1875em) { table thead tr th p, table tfoot tr th p { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { table thead tr th p, table tfoot tr th p { font-size: 1.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { table thead tr th p, table tfoot tr th p { font-size: 1.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { table thead tr th p, table tfoot tr th p { font-size: 1.4rem; } } @media (min-width: 78.125em) { table thead tr th p, table tfoot tr th p { font-size: 1.4rem; } } table thead tr th p:last-child, table tfoot tr th p:last-child { margin-bottom: 0; } table thead tr th:not(:last-child) { border-right: 1px solid #cee5f9; } table tbody tr:nth-child(odd) { background-color: #E5F1FC; } table tbody tr td { padding: 12px 16px; text-align: center; font-weight: 700; } table tbody tr td strong { font-weight: 800; } table tbody tr td:not(:last-child) { border-right: 1px solid #cee5f9; } table.table-comparison { border-collapse: separate; border-spacing: 0; position: relative; } table.table-comparison .cell-checked:before { content: ""; display: inline-block; transform: rotate(45deg); height: 20px; width: 11px; border-bottom: 4px solid #0033A1; border-right: 4px solid #0033A1; } @media (min-width: 46.875em) { table.table-comparison .cell-checked:before { height: 26px; width: 14px; border-bottom-width: 5px; border-right-width: 5px; } } table.table-comparison thead tr th { padding: 10px; vertical-align: top; } @media (min-width: 46.875em) { table.table-comparison thead tr th { padding: 20px; } } table.table-comparison thead tr th .table-heading { line-height: 1.25; } @media (max-width: 31.1875em) { table.table-comparison thead tr th .table-heading { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { table.table-comparison thead tr th .table-heading { font-size: 1.75rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { table.table-comparison thead tr th .table-heading { font-size: 1.9rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { table.table-comparison thead tr th .table-heading { font-size: 2.05rem; } } @media (min-width: 78.125em) { table.table-comparison thead tr th .table-heading { font-size: 2.2rem; } } @media (max-width: 46.865em) { table.table-comparison thead tr th .table-heading { margin-bottom: 10px; } } table.table-comparison thead tr th:first-child { position: sticky; left: 0; z-index: 2; min-width: 155px; } @media (min-width: 46.875em) { table.table-comparison thead tr th:first-child { min-width: 350px; } } table.table-comparison tbody tr:nth-child(odd) td { background-color: #E5F1FC; } table.table-comparison tbody tr:nth-child(even) td { background-color: #fff; } table.table-comparison tbody tr td { line-height: 1.4; } @media (max-width: 31.1875em) { table.table-comparison tbody tr td { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { table.table-comparison tbody tr td { font-size: 1.45rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { table.table-comparison tbody tr td { font-size: 1.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { table.table-comparison tbody tr td { font-size: 1.55rem; } } @media (min-width: 78.125em) { table.table-comparison tbody tr td { font-size: 1.6rem; } } @media (max-width: 46.865em) { table.table-comparison tbody tr td { padding: 10px; } } table.table-comparison tbody tr td:first-child { position: sticky; left: 0; z-index: 2; min-width: 155px; text-align: left; } @media (min-width: 46.875em) { table.table-comparison tbody tr td:first-child { min-width: 350px; } } .table-comparison-container { overflow: auto; } @media (max-width: 46.865em) { table:not(.table-comparison):not(.DetailContainer table) thead, table:not(.table-comparison):not(.DetailContainer table) tfoot { display: none; } table:not(.table-comparison):not(.DetailContainer table) tbody tr td { display: table-row; text-align: left; } table:not(.table-comparison):not(.DetailContainer table) tbody tr td:not(:last-child) { border-right: 0; } table:not(.table-comparison):not(.DetailContainer table) tbody tr td:before { content: attr(data-label); display: table-cell; font-weight: bold; padding: 0.2em 0.6em 0.2em 0; text-align: right; } table:not(.table-comparison):not(.DetailContainer table) tr { display: block; position: relative; padding: 10px 10px; border-top: 1px solid #cee5f9; } table:not(.table-comparison):not(.DetailContainer table) tr:last-of-type { border-bottom: 1px solid #cee5f9; } } .block-featured { background: #0033A1; color: #fff; clear: both; padding: 25px; } @media (min-width: 46.875em) { .block-featured { padding: 35px; } } .block-featured h2 { color: #fff; font-weight: 700; } @media (max-width: 31.1875em) { .block-featured h2 { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-featured h2 { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-featured h2 { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-featured h2 { font-size: 2.575rem; } } @media (min-width: 78.125em) { .block-featured h2 { font-size: 2.7rem; } } .block-featured p a { color: #fff; } .block-featured p a:hover, .block-featured p a:focus { color: #95D4E9; } .block-featured .block-featured-container { display: -ms-grid; display: grid; flex-flow: column; width: 100%; -moz-column-gap: 30px; column-gap: 30px; } @media (min-width: 64em) { .block-featured .block-featured-container { -ms-grid-columns: 3fr 7fr; grid-template-columns: 3fr 7fr; } } .block-featured .block-featured-content { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 30px; } @media (min-width: 46.875em) { .block-featured .block-featured-content { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .block-featured .block-featured-content-item { height: 100%; text-align: center; } .block-featured .block-featured-content-item > a { height: 100%; color: #171717; background-color: #fff; padding: 30px; display: block; width: 100%; text-decoration: none; transition: background-color 0.2s; } .block-featured .block-featured-content-item > a figure { transition: transform 0.2s; transform: translateY(0) rotate(0deg); } .block-featured .block-featured-content-item > a:hover, .block-featured .block-featured-content-item > a:focus { background-color: #95D4E9; } .block-featured .block-featured-content-item > a:hover figure, .block-featured .block-featured-content-item > a:focus figure { transform: translateY(-10px) rotate(-8deg); } .block-featured h3 { color: #0033A1; } @media (max-width: 31.1875em) { .block-featured h3 { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-featured h3 { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-featured h3 { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-featured h3 { font-size: 1.6rem; } } @media (min-width: 78.125em) { .block-featured h3 { font-size: 1.6rem; } } .block-rich-content { display: flex; flex-flow: column; background-color: #0033A1; color: #fff; clear: both; } @media (min-width: 46.875em) { .block-rich-content { flex-flow: row; } } .block-rich-content h2, .block-rich-content h3, .block-rich-content h4, .block-rich-content h5, .block-rich-content h6 { color: #fff; font-weight: 400; } @media (max-width: 31.1875em) { .block-rich-content h2, .block-rich-content h3, .block-rich-content h4, .block-rich-content h5, .block-rich-content h6 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-rich-content h2, .block-rich-content h3, .block-rich-content h4, .block-rich-content h5, .block-rich-content h6 { font-size: 2.825rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-rich-content h2, .block-rich-content h3, .block-rich-content h4, .block-rich-content h5, .block-rich-content h6 { font-size: 2.95rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-rich-content h2, .block-rich-content h3, .block-rich-content h4, .block-rich-content h5, .block-rich-content h6 { font-size: 3.075rem; } } @media (min-width: 78.125em) { .block-rich-content h2, .block-rich-content h3, .block-rich-content h4, .block-rich-content h5, .block-rich-content h6 { font-size: 3.2rem; } } .block-rich-content a { color: #fff; } .block-rich-content a:hover, .block-rich-content a:focus { color: #95D4E9; } .block-rich-content ul > li::before { background: #fff; } .block-rich-content.light-bg { background: #EDEDED; color: #171717; } .block-rich-content.light-bg h2, .block-rich-content.light-bg h3, .block-rich-content.light-bg h4, .block-rich-content.light-bg h5, .block-rich-content.light-bg h6 { color: #0033A1; } @media (max-width: 31.1875em) { .block-rich-content.light-bg h2, .block-rich-content.light-bg h3, .block-rich-content.light-bg h4, .block-rich-content.light-bg h5, .block-rich-content.light-bg h6 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-rich-content.light-bg h2, .block-rich-content.light-bg h3, .block-rich-content.light-bg h4, .block-rich-content.light-bg h5, .block-rich-content.light-bg h6 { font-size: 2.825rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-rich-content.light-bg h2, .block-rich-content.light-bg h3, .block-rich-content.light-bg h4, .block-rich-content.light-bg h5, .block-rich-content.light-bg h6 { font-size: 2.95rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-rich-content.light-bg h2, .block-rich-content.light-bg h3, .block-rich-content.light-bg h4, .block-rich-content.light-bg h5, .block-rich-content.light-bg h6 { font-size: 3.075rem; } } @media (min-width: 78.125em) { .block-rich-content.light-bg h2, .block-rich-content.light-bg h3, .block-rich-content.light-bg h4, .block-rich-content.light-bg h5, .block-rich-content.light-bg h6 { font-size: 3.2rem; } } .block-rich-content.light-bg a { color: #0033A1; } .block-rich-content.light-bg a:hover, .block-rich-content.light-bg a:focus { color: #171717; } .block-rich-content.light-bg .btn, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit] { color: #fff; background-color: #0033A1; border-color: #0033A1; } .block-rich-content.light-bg .btn:hover::before, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:hover::before, .block-rich-content.light-bg .btn:focus::before, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus::before, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:focus::before { background-color: #0033A1; } .block-rich-content.light-bg .btn:hover::after, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:hover::after, .block-rich-content.light-bg .btn:focus::after, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus::after, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:focus::after { color: #fff; } .block-rich-content.light-bg .btn.disabled:hover, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input.disabled[type=submit]:hover, .block-rich-content.light-bg .btn.disabled:focus, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input.disabled[type=submit]:focus, .block-rich-content.light-bg .btn[disabled]:hover, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[disabled][type=submit]:hover, .block-rich-content.light-bg .btn[disabled]:focus, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[disabled][type=submit]:focus, fieldset[disabled] .block-rich-content.light-bg .btn:hover, fieldset[disabled] .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .block-rich-content.light-bg input[type=submit]:hover, fieldset[disabled] .block-rich-content.light-bg .btn:focus, fieldset[disabled] .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .block-rich-content.light-bg input[type=submit]:focus { background-color: #0033A1; border-color: #0033A1; } .block-rich-content.light-bg .btn:focus, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:focus, .block-rich-content.light-bg .btn:hover, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:hover, .block-rich-content.light-bg .btn:active, .block-rich-content.light-bg #tvcMainCalculatorDivId .InputContainer input[type=submit]:active, #tvcMainCalculatorDivId .InputContainer .block-rich-content.light-bg input[type=submit]:active { color: #0033A1; background-color: #95D4E9; border-color: #95D4E9; text-decoration: none; } .block-rich-content.featured { background-color: transparent; color: #171717; align-items: center; margin-top: 40px; margin-bottom: 40px; } @media (min-width: 46.875em) { .block-rich-content.featured { margin-top: 70px; margin-bottom: 70px; } } @media (min-width: 64em) { .block-rich-content.featured { margin-top: 100px; margin-bottom: 100px; } } .block-rich-content.featured h2, .block-rich-content.featured h3, .block-rich-content.featured h4, .block-rich-content.featured h5, .block-rich-content.featured h6 { color: #171717; } .block-rich-content.featured a { color: #0033A1; } .block-rich-content.featured a:hover, .block-rich-content.featured a:focus { color: #171717; } .block-rich-content.featured ul > li::before { background: #0033A1; } .block-rich-content.featured .block-rich-content-area, .block-rich-content.featured .block-rich-content-change { flex: 1 1 50%; } .block-rich-content.featured .block-rich-content-area { margin-bottom: 20px; padding: 0; order: 1; } @media (min-width: 46.875em) { .block-rich-content.featured .block-rich-content-area { order: initial; margin-bottom: 0; padding: 0 50px 0 0; } } .block-rich-content.featured .block-rich-content-area p:last-child { margin-bottom: 0; } .block-rich-content.featured.inverse-order .block-rich-content-area { order: 1; } @media (min-width: 46.875em) { .block-rich-content.featured.inverse-order .block-rich-content-area { order: 2; padding: 0 0 0 50px; } } @media (min-width: 46.875em) { .block-rich-content.featured.inverse-order .block-rich-content-change { padding: 0 50px 0 0; } } .block-rich-content.featured .block-rich-content-change { padding: 0; width: auto; order: 2; } @media (min-width: 46.875em) { .block-rich-content.featured .block-rich-content-change { order: initial; max-width: 50%; padding: 0 0 0 50px; } } .block-rich-content.featured .block-rich-content-change figure { margin: 0; } .block-rich-content.featured .block-rich-content-change figure img { max-width: 100%; height: auto; display: block; } .block-rich-content.inverse-order .block-rich-content-area { order: 2; } .block-rich-content.inverse-order .block-rich-content-change { order: 1; } .block-rich-content.non-image-block .block-rich-content-area { order: 1; } .block-rich-content.non-image-block .block-rich-content-change { padding: 0 25px 25px; min-height: auto; order: 2; } @media (min-width: 46.875em) { .block-rich-content.non-image-block .block-rich-content-change { padding: 30px; display: flex; justify-content: center; align-items: center; } } .block-rich-content .block-rich-content-area { flex: 0 0 100%; order: 2; padding: 20px; } @media (min-width: 46.875em) { .block-rich-content .block-rich-content-area { flex: 1 1 65%; order: 1; padding: 40px; } } .block-rich-content .block-rich-content-change { flex: 0 0 100%; width: 100%; order: 1; display: flex; min-height: 300px; padding: 25px; } .block-rich-content .block-rich-content-change > div { background-size: cover; background-position: center; flex: 0 0 100%; width: 100%; } @media (min-width: 46.875em) { .block-rich-content .block-rich-content-change { order: 2; flex: 0 0 35%; width: 35%; min-height: auto; } } .team-listing { display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; } @media (min-width: 46.875em) { .team-listing { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 64em) { .team-listing { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } .team-listing .team-member { position: relative; background-color: transparent; display: flex; flex-direction: column; padding: 28px; transition: background-color 0.2s, color 0.2s; } .team-listing .team-member:hover, .team-listing .team-member:focus-within { background-color: #95D4E9; } .team-listing .team-member figure { margin: 0; } .team-listing .team-member figure img { width: 100%; height: auto; -webkit-margin-after: 20px; margin-block-end: 20px; } .team-listing .team-member h2, .team-listing .team-member h3, .team-listing .team-member h4 { font-weight: 700; -webkit-margin-after: 5px; margin-block-end: 5px; } @media (max-width: 31.1875em) { .team-listing .team-member h2, .team-listing .team-member h3, .team-listing .team-member h4 { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .team-listing .team-member h2, .team-listing .team-member h3, .team-listing .team-member h4 { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .team-listing .team-member h2, .team-listing .team-member h3, .team-listing .team-member h4 { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .team-listing .team-member h2, .team-listing .team-member h3, .team-listing .team-member h4 { font-size: 2.575rem; } } @media (min-width: 78.125em) { .team-listing .team-member h2, .team-listing .team-member h3, .team-listing .team-member h4 { font-size: 2.7rem; } } .team-listing .team-member h2 a, .team-listing .team-member h3 a, .team-listing .team-member h4 a { text-decoration: none; } .team-listing .team-member h2 a::after, .team-listing .team-member h3 a::after, .team-listing .team-member h4 a::after { content: ""; position: absolute; inset: 0; } .team-listing .team-member h2 a:hover, .team-listing .team-member h3 a:hover, .team-listing .team-member h4 a:hover { color: #0033A1; } .team-listing .team-member h2 a:focus, .team-listing .team-member h3 a:focus, .team-listing .team-member h4 a:focus { color: #0033A1; outline: transparent; outline-style: none; } .team-listing .team-member h2 a:focus-visible::after, .team-listing .team-member h3 a:focus-visible::after, .team-listing .team-member h4 a:focus-visible::after { box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0033A1; } .team-listing .team-member .team-position { font-weight: 700; line-height: 1.5; -webkit-margin-after: 5px; margin-block-end: 5px; } .team-listing .team-member .team-member-title { line-height: 1.5; -webkit-margin-after: 5px; margin-block-end: 5px; } .hello-bar { background: #95D4E9; color: #171717; padding: 5px 0; text-align: center; } .hello-bar p { margin: 5px 0; } .hello-bar a { text-decoration: underline; color: #0033A1; } .hello-bar a:hover, .hello-bar a:focus { color: #171717; } .block-callout { text-align: center; padding: 30px; clear: both; width: 100%; background-color: #EDEDED; background-position: center; background-size: cover; position: relative; overflow: hidden; color: #fff; background-color: #0033A1; } @media (min-width: 46.875em) { .block-callout { padding: 80px; } } .block-callout h3 { font-weight: 400; color: #fff; } @media (max-width: 31.1875em) { .block-callout h3 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-callout h3 { font-size: 2.825rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-callout h3 { font-size: 2.95rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-callout h3 { font-size: 3.075rem; } } @media (min-width: 78.125em) { .block-callout h3 { font-size: 3.2rem; } } .block-callout video { display: none; } @media (min-width: 64em) { .block-callout video { display: block; position: absolute; top: 20%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; vertical-align: baseline; z-index: 0; transform: translateX(-50%) translateY(-20%); z-index: 2; } } .block-callout video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .block-callout .block-callout-content { z-index: 4; position: relative; } .block-callout p a, .block-callout p a[href^=tel] { color: #fff; } .block-callout p a:hover, .block-callout p a:focus, .block-callout p a[href^=tel]:hover, .block-callout p a[href^=tel]:focus { -webkit-text-decoration-style: double; text-decoration-style: double; } .block-callout .btn, .block-callout #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .block-callout input[type=submit] { clear: both; margin-top: 20px; } .block-headline-callout { background-color: #0033A1; padding: 40px 0; background: no-repeat right -250px bottom -180px/cover, bottom right; background-blend-mode: overlay, normal; border-bottom: 15px solid #0033A1; } .block-headline-callout > .container { text-align: center; } @media (min-width: 46.875em) { .block-headline-callout > .container { text-align: left; display: flex; align-items: center; } } .block-headline-callout .content { flex: 1 1 auto; margin: 0 0 30px; } @media (min-width: 46.875em) { .block-headline-callout .content { margin: 0 30px 0 0; } } .block-headline-callout .buttons { flex: 0 0 auto; } .block-headline-callout h2 { color: #fff; margin: 0; } @media (max-width: 31.1875em) { .block-headline-callout h2 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-headline-callout h2 { font-size: 3.025rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-headline-callout h2 { font-size: 3.35rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-headline-callout h2 { font-size: 3.675rem; } } @media (min-width: 78.125em) { .block-headline-callout h2 { font-size: 4rem; } } div.anchor { display: block; position: relative; top: -250px; visibility: hidden; z-index: -1; } .dc-dropdown { background-color: #0033A1; color: #fff; height: auto !important; } .dc-dropdown.show { transition: transform 0.1s ease-in, max-height 2s ease-in; transform: translateY(0%) !important; max-height: 300px !important; } .dc-dropdown .container { display: flex; flex-flow: column; justify-content: space-between; padding-top: 25px; padding-bottom: 25px; align-items: center; text-align: center; } @media (min-width: 46.875em) { .dc-dropdown .container { flex-flow: row; text-align: left; } } .dc-dropdown .container .content { padding-bottom: 20px; } @media (min-width: 46.875em) { .dc-dropdown .container .content { padding-bottom: 0; padding-right: 20px; } } .dc-dropdown .container .content p { line-height: 1.3; margin: 0; } .dc-dropdown .container .content .title { font-weight: 800; letter-spacing: 0.5px; display: block; text-transform: uppercase; } .modal.micromodal-fly-right.is-open .modal__container, .modal.micromodal-fly-left.is-open .modal__container { position: fixed; bottom: 15px; right: 20px; background-color: #E5F1FC; } @media (min-width: 46.875em) { .modal.micromodal-fly-right.is-open .modal__container, .modal.micromodal-fly-left.is-open .modal__container { right: 5%; } } .modal.micromodal-fly-right .modal__header, .modal.micromodal-fly-left .modal__header { margin: 0; } .modal.micromodal-fly-right .modal__container, .modal.micromodal-fly-left .modal__container { padding: 0; position: relative; width: 400px; max-width: calc(100% - 40px); } .modal.micromodal-fly-right .modal__container a:hover, .modal.micromodal-fly-right .modal__container a:focus, .modal.micromodal-fly-left .modal__container a:hover, .modal.micromodal-fly-left .modal__container a:focus { outline: 0; } .modal.micromodal-fly-right .modal__close, .modal.micromodal-fly-left .modal__close { position: absolute; top: 10px; right: 10px; } .modal.micromodal-fly-right .modal__content, .modal.micromodal-fly-left .modal__content { display: flex; flex-flow: row; min-height: 200px; } .modal.micromodal-fly-right .modal__content .bg-image, .modal.micromodal-fly-left .modal__content .bg-image { margin: 0; flex: 0 0 150px; line-height: 0; background-position: top center; background-size: cover; } .modal.micromodal-fly-right .modal__content .content, .modal.micromodal-fly-left .modal__content .content { flex: 1 1 calc(100% - 150px); padding: 30px 15px 30px; -ms-grid-row-align: center; align-self: center; } .modal.micromodal-fly-right .modal__content .content h2, .modal.micromodal-fly-left .modal__content .content h2 { letter-spacing: 1px; margin-bottom: 5px; padding-right: 25px; font-weight: 800; } @media (max-width: 31.1875em) { .modal.micromodal-fly-right .modal__content .content h2, .modal.micromodal-fly-left .modal__content .content h2 { font-size: 2.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .modal.micromodal-fly-right .modal__content .content h2, .modal.micromodal-fly-left .modal__content .content h2 { font-size: 2.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .modal.micromodal-fly-right .modal__content .content h2, .modal.micromodal-fly-left .modal__content .content h2 { font-size: 2.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .modal.micromodal-fly-right .modal__content .content h2, .modal.micromodal-fly-left .modal__content .content h2 { font-size: 2.4rem; } } @media (min-width: 78.125em) { .modal.micromodal-fly-right .modal__content .content h2, .modal.micromodal-fly-left .modal__content .content h2 { font-size: 2.4rem; } } .modal.micromodal-fly-right .modal__content .content p, .modal.micromodal-fly-left .modal__content .content p { margin: 0; line-height: 1.1; } .modal.micromodal-fly-left.is-open .modal__container { left: 20px; right: auto; } @media (min-width: 46.875em) { .modal.micromodal-fly-left.is-open .modal__container { left: 5%; } } .modal { display: none; } .modal.is-open { display: block; position: relative; z-index: 5000; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 1000px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-shadow: 0px 2px 2px rgba(23, 23, 23, 0.2); } .modal__header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; } .modal__header .modal__title { text-transform: none; padding-right: 20px; padding-left: 40px; } @media (max-width: 31.1875em) { .modal__header .modal__title { font-size: 3rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .modal__header .modal__title { font-size: 3.25rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .modal__header .modal__title { font-size: 3.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .modal__header .modal__title { font-size: 3.75rem; } } @media (min-width: 78.125em) { .modal__header .modal__title { font-size: 4rem; } } .modal__close { background: transparent; border: 0; } .modal__header .modal__close:before { content: "✕"; } .micromodal-slide[aria-hidden=true] .modal__overlay, .micromodal-pop[aria-hidden=true] .modal__overlay, .micromodal-fly-left[aria-hidden=true] .modal__overlay, .micromodal-fly-right[aria-hidden=true] .modal__overlay { -webkit-animation: mmfadeOut 1s cubic-bezier(0, 0, 0.2, 1); animation: mmfadeOut 1s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__overlay, .micromodal-fly-left[aria-hidden=false] .modal__overlay, .micromodal-fly-right[aria-hidden=false] .modal__overlay, .micromodal-pop[aria-hidden=false] .modal__overlay { -webkit-animation: mmfadeIn 1s cubic-bezier(0, 0, 0.2, 1); animation: mmfadeIn 1s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__container { -webkit-animation: mmDropIn 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmDropIn 0.5s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__container { -webkit-animation: mmDropOut 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmDropOut 0.5s cubic-bezier(0, 0, 0.2, 1); } .micromodal-fly-left[aria-hidden=false] .modal__container { -webkit-animation: mmFlyInLeft 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmFlyInLeft 0.5s cubic-bezier(0, 0, 0.2, 1); } .micromodal-fly-right[aria-hidden=false] .modal__container { -webkit-animation: mmFlyInRight 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmFlyInRight 0.5s cubic-bezier(0, 0, 0.2, 1); } .micromodal-fly[aria-hidden=true] .modal__container { -webkit-animation: mmFlyOut 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmFlyOut 0.5s cubic-bezier(0, 0, 0.2, 1); } .micromodal-pop[aria-hidden=false] .modal__container { -webkit-animation: mmPopIn 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmPopIn 0.5s cubic-bezier(0, 0, 0.2, 1); } .micromodal-fly[aria-hidden=true] .modal__container { -webkit-animation: mmPopOut 0.5s cubic-bezier(0, 0, 0.2, 1); animation: mmPopOut 0.5s cubic-bezier(0, 0, 0.2, 1); } @-webkit-keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes mmDropIn { from { transform: translateY(-100%); } to { transform: translateY(0); } } @keyframes mmDropIn { from { transform: translateY(-100%); } to { transform: translateY(0); } } @-webkit-keyframes mmDropOut { from { transform: translateY(0); } to { transform: translateY(100%); } } @keyframes mmDropOut { from { transform: translateY(0); } to { transform: translateY(100%); } } @-webkit-keyframes mmFlyInLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes mmFlyInLeft { from { transform: translateX(-100%); } to { transform: translateX(0); } } @-webkit-keyframes mmFlyInRight { from { transform: translateX(100%); } to { transform: translateX(0); } } @keyframes mmFlyInRight { from { transform: translateX(100%); } to { transform: translateX(0); } } @-webkit-keyframes mmFlyOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @keyframes mmFlyOut { from { transform: translateX(0); } to { transform: translateX(100%); } } @-webkit-keyframes mmPopIn { from { transform: scale(0.7); } to { transform: scale(1); } } @keyframes mmPopIn { from { transform: scale(0.7); } to { transform: scale(1); } } @-webkit-keyframes mmPopOut { from { transform: scale(1); } to { transform: scale(0.7); } } @keyframes mmPopOut { from { transform: scale(1); } to { transform: scale(0.7); } } .modal.micromodal-pop .modal__container { background-color: #e6e7ea; text-align: center; border-radius: 0; position: relative; } .modal.micromodal-pop .modal__container .modal__header { margin-bottom: 0; } .modal.micromodal-pop .modal__container .modal__close { position: absolute; top: 10px; right: 10px; } .modal.micromodal-pop .modal__container h2 { margin-bottom: 10px; } .modal.micromodal-pop .modal__container h2 + p { margin-top: 10px; } .modal.micromodal-pop .modal__container .btn, .modal.micromodal-pop .modal__container #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .modal.micromodal-pop .modal__container input[type=submit] { margin-top: 30px; } .modal__content .block-image { margin-top: 0; margin-bottom: 20px; max-width: 70%; } @media (min-width: 46.875em) { .modal__content .block-image { margin-bottom: 0; max-width: 50%; } } @media (min-width: 46.875em) { .modal__content.dc-modal-overlay-content { display: flex; flex-flow: row; align-items: center; } .modal__content.dc-modal-overlay-content figure { flex: 0 0 420px; } .modal__content.dc-modal-overlay-content .content { flex: 1 1 calc(100% - 420px); max-width: 100%; } } .dynamic-content-section { display: none; -webkit-animation: fadeIn ease 2s; animation: fadeIn ease 2s; } .dynamic-content-section.dynamic-content-show { display: block; } .dynamic-content-section.dynamic-content-show.flex { display: flex; } .dynamic-content-section.dynamic-content-show.grid { display: -ms-grid; display: grid; } .dynamic-content-section.dynamic-content-show.inline { display: inline; } .dynamic-content-section.dynamic-content-show.inline-block { display: inline-block; } .dynamic-content-section.dynamic-content-invisible { display: block; visibility: hidden; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .quick-links-block { padding: 0; } @media (min-width: 46.875em) { .quick-links-block { padding: 20px 70px 40px; background: #FFFFFF; box-shadow: inset 0 0 29px 0 rgba(149, 212, 233, 0.6); } } .quick-links-block .block-accordion { margin: 0; position: relative; z-index: 1; } .quick-links-block .block-accordion .accordion-toggle { position: relative; color: #0033A1; font-weight: 700; margin-bottom: 0; padding: 15px; } @media (max-width: 31.1875em) { .quick-links-block .block-accordion .accordion-toggle { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .quick-links-block .block-accordion .accordion-toggle { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .quick-links-block .block-accordion .accordion-toggle { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .quick-links-block .block-accordion .accordion-toggle { font-size: 2.575rem; } } @media (min-width: 78.125em) { .quick-links-block .block-accordion .accordion-toggle { font-size: 2.7rem; } } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-toggle { padding: 20px 0; border-bottom: 1px solid #d4d4d4; } } .quick-links-block .block-accordion .accordion-toggle button { position: absolute; top: 0; right: 0; } .quick-links-block .block-accordion .accordion-toggle button::before { content: ""; position: absolute; background: #FFFFFF; background-color: #93d500; width: 100%; height: 100%; top: 50%; transform: translateY(-50%); right: 0; z-index: -1; } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-toggle button::before { display: none; } } .quick-links-block .block-accordion .accordion-toggle.open::before { height: calc(100% + 29px); } .quick-links-block .block-accordion .accordion-toggle.open button::after { border-bottom: 6px solid #fff; } .quick-links-block .block-accordion .accordion-toggle.open button::before { background-color: #0033A1; } .quick-links-block .block-accordion .accordion-toggle.open button:hover::after, .quick-links-block .block-accordion .accordion-toggle.open button:focus::after { border-top-color: transparent; } .quick-links-block .block-accordion .accordion-toggle button { background-color: transparent; height: 52px; width: 52px; } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-toggle button { height: auto; pointer-events: none; border-bottom: 0; } } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-toggle button::before, .quick-links-block .block-accordion .accordion-toggle button::after { display: none; } } .quick-links-block .block-accordion .accordion-toggle button::before { width: 24px; height: 24px; right: 10px; } .quick-links-block .block-accordion .accordion-toggle button::after { border-width: 4px; right: 18px; } .quick-links-block .block-accordion .accordion-toggle button:hover, .quick-links-block .block-accordion .accordion-toggle button:focus { background-color: transparent; } .quick-links-block .block-accordion .accordion-toggle button:hover::before, .quick-links-block .block-accordion .accordion-toggle button:focus::before { background-color: #0033A1; } .quick-links-block .block-accordion .accordion-toggle button:hover::after, .quick-links-block .block-accordion .accordion-toggle button:focus::after { border-top-color: #fff; } .quick-links-block .block-accordion .accordion-content { background-color: transparent; border: none; position: relative; overflow: hidden; padding: 0; } @media (max-width: 46.865em) { .quick-links-block .block-accordion .accordion-content { position: absolute; z-index: 1000; top: 52px; left: 0; width: 100%; max-height: 400px; } } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-content { display: block; margin-top: 30px; } } .quick-links-block .block-accordion .accordion-content::before { content: ""; position: absolute; background: #FFFFFF; box-shadow: inset 0 0 29px 0 rgba(149, 212, 233, 0.6); width: 100%; height: 200%; bottom: 0; left: 0; z-index: -1; } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-content::before { display: none; } } .quick-links-block .block-accordion .accordion-content nav { overflow: auto; max-height: 400px; padding: 0 18px 15px; } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-content nav { padding: 0; } } .quick-links-block .block-accordion .accordion-content nav ul { margin: 0; padding: 0; } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-content nav ul { -moz-columns: 2; columns: 2; -moz-column-gap: 20px; column-gap: 20px; } } @media (min-width: 64em) { .quick-links-block .block-accordion .accordion-content nav ul { -moz-columns: 3; columns: 3; } } .quick-links-block .block-accordion .accordion-content nav ul li { text-transform: uppercase; letter-spacing: 1px; -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; display: block; } @media (min-width: 46.875em) { .quick-links-block .block-accordion .accordion-content nav ul li { padding-right: 15px; } } .quick-links-block .block-accordion .accordion-content nav ul li::before { display: none; } .quick-links-block .block-accordion .accordion-content nav ul li a { margin: 2px 0; display: block; text-decoration: none; position: relative; padding: 4px 0 4px 20px; } .quick-links-block .block-accordion .accordion-content nav ul li a:hover, .quick-links-block .block-accordion .accordion-content nav ul li a:focus { color: #171717; } .quick-links-block .block-accordion .accordion-content nav ul li a::before { position: absolute; top: 4px; left: 0; content: ">"; background: none; width: auto; height: auto; } .section-nav-block { padding: 25px 30px; background-image: linear-gradient(180deg, #0033A1 50%, #002886 100%); clear: both; } @media (min-width: 46.875em) { .section-nav-block { padding: 40px 70px; } } .section-nav-block nav > ul { margin: 0; padding: 0; display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; -ms-grid-columns: fit-content(500px); grid-template-columns: fit-content(500px); justify-content: center; -moz-column-gap: 3vw; column-gap: 3vw; justify-content: center; } .section-nav-block nav > ul.some-have-descendants { row-gap: 20px; grid-template-columns: repeat(auto-fit, minmax(250px, 2000px)); } @media (min-width: 64em) { .section-nav-block nav > ul.some-have-descendants { grid-template-columns: repeat(auto-fit, minmax(250px, 300px)); } } .section-nav-block nav > ul.some-have-descendants > li { border: none; } .section-nav-block nav > ul.some-have-descendants > li > a { font-weight: 700; display: block; padding: 20px 50px 20px 0; line-height: 1.2; padding: 10px 50px 10px 0; border-bottom: 1px solid #95D4E9; text-align: left; } @media (max-width: 31.1875em) { .section-nav-block nav > ul.some-have-descendants > li > a { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .section-nav-block nav > ul.some-have-descendants > li > a { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .section-nav-block nav > ul.some-have-descendants > li > a { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .section-nav-block nav > ul.some-have-descendants > li > a { font-size: 2.575rem; } } @media (min-width: 78.125em) { .section-nav-block nav > ul.some-have-descendants > li > a { font-size: 2.7rem; } } .section-nav-block nav > ul.some-have-descendants > li > a:hover, .section-nav-block nav > ul.some-have-descendants > li > a:focus { color: #95D4E9; } .section-nav-block nav > ul.some-have-descendants > li > a:hover::before, .section-nav-block nav > ul.some-have-descendants > li > a:focus::before { background-color: #fff; } .section-nav-block nav > ul.some-have-descendants > li > a:hover::after, .section-nav-block nav > ul.some-have-descendants > li > a:focus::after { color: #0033A1; } .section-nav-block nav > ul > li { padding: 0; margin: 0; text-align: center; } .section-nav-block nav > ul > li + li { border-top: 1px solid #95D4E9; } .section-nav-block nav > ul > li > a { padding: 6px 8px; display: block; letter-spacing: 1px; } @media (max-width: 31.1875em) { .section-nav-block nav > ul > li > a { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .section-nav-block nav > ul > li > a { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .section-nav-block nav > ul > li > a { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .section-nav-block nav > ul > li > a { font-size: 2.575rem; } } @media (min-width: 78.125em) { .section-nav-block nav > ul > li > a { font-size: 2.7rem; } } @media (min-width: 64em) { .section-nav-block nav > ul > li > a { padding: 10px 12px; } } .section-nav-block nav > ul > li > a:hover, .section-nav-block nav > ul > li > a:focus { color: #95D4E9; } .section-nav-block nav > ul > li a { color: #fff; text-decoration: none; } .section-nav-block nav > ul > li ul { margin: 20px 0 0; } .section-nav-block nav > ul > li ul li { text-transform: uppercase; letter-spacing: 1px; } .section-nav-block nav > ul > li ul li a { padding: 3px 0; } .section-nav-block nav > ul > li ul li a:hover, .section-nav-block nav > ul > li ul li a:focus { color: #95D4E9; } .new-account-block { background-image: linear-gradient(180deg, #0033A1 50%, #002886 100%); color: #fff; clear: both; } .new-account-block h2 { color: #fff; } @media (max-width: 31.1875em) { .new-account-block h2 { font-size: 2.7rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .new-account-block h2 { font-size: 3.025rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .new-account-block h2 { font-size: 3.35rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .new-account-block h2 { font-size: 3.675rem; } } @media (min-width: 78.125em) { .new-account-block h2 { font-size: 4rem; } } .new-account-block .container { padding-top: 40px; padding-bottom: 50px; text-align: center; } @media (min-width: 64em) { .new-account-block .container { background-repeat: no-repeat; background-position: bottom right; } } @media (min-width: 64em) { .new-account-block .container { padding-top: 80px; padding-bottom: 100px; } } .new-account-block .container div { padding: 0 20px; } @media (min-width: 64em) { .new-account-block .container div { padding-left: 0; padding-right: 500px; } } .new-account-block .container p a { color: #fff; } .new-account-block .container p a:hover, .new-account-block .container p a:focus { color: #95D4E9; } .new-account-block .container .btn, .new-account-block .container #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .new-account-block .container input[type=submit] { margin-top: 15px; } .team-section { clear: both; background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 30px 10px 60px; box-shadow: inset 0 0 70px 0 rgba(149, 212, 233, 0.5); } @media (min-width: 64em) { .team-section { padding: 30px 20px 60px; } } @media (min-width: 64em) { .team-section { padding: 60px 0 90px; } } .team-section .team-headline { display: flex; flex-direction: column; align-items: center; text-align: center; } @media (min-width: 64em) { .team-section .team-headline { text-align: left; flex-direction: row; align-items: center; justify-content: space-between; } } .team-section .team-headline h2 { margin: 10px 0; } @media (min-width: 64em) { .team-section .team-headline .freeform-row { margin: 0 0 0 40px; } } @media (min-width: 46.875em) { .team-section .team-headline .freeform-column { margin: 0 10px; } } .team-section .team-headline .custom-select { background-color: transparent; } .team-section .team-headline .custom-select:hover::before, .team-section .team-headline .custom-select:focus::before { background-color: #171717; } .team-section .team-headline .custom-select select { border-color: transparent; border-width: 2px; cursor: pointer; font-weight: 700; color: #0033A1; background-color: #fff; border-radius: 600px; line-height: 1; transition: all 0.2s; } .team-section .team-headline .custom-select select:focus { border-color: #0033A1; } .team-section .team-container { position: relative; margin-top: 35px; } .team-section .team-swiper { overflow: hidden; } .team-section .team-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 370px; } .team-section .swiper-wrapper { align-items: stretch; } .team-section .swiper-wrapper .swiper-slide { height: auto; display: flex; align-items: stretch; } .team-section .swiper-wrapper .swiper-slide article { display: flex; flex-grow: 1; } .team-section .swiper-wrapper .swiper-slide article a { display: flex; flex-grow: 1; flex-direction: column; background-color: #fff; padding: 28px; transition: background-color 0.2s, color 0.2s; text-decoration: none; color: #171717; } .team-section .swiper-wrapper .swiper-slide article a figure { margin: 0 0 15px; } .team-section .swiper-wrapper .swiper-slide article a figure img { width: 100%; height: auto; } .team-section .swiper-wrapper .swiper-slide article a:hover, .team-section .swiper-wrapper .swiper-slide article a:focus { background-color: #95D4E9; } .team-section .swiper-wrapper .swiper-slide article a h3 { margin-bottom: 5px; } .team-section .swiper-wrapper .swiper-slide article a .team-position { font-weight: 700; line-height: 1.5; -webkit-margin-after: 5px; margin-block-end: 5px; } .team-section .swiper-wrapper .swiper-slide article a > span { display: block; } .team-section .swiper-button.swiper-button-prev { left: -20px; } @media (min-width: 64em) { .team-section .swiper-button.swiper-button-prev { left: -32px; } } .team-section .swiper-button.swiper-button-next { right: -20px; } @media (min-width: 64em) { .team-section .swiper-button.swiper-button-next { right: -32px; } } .rates-section { clear: both; background: url("/assets/images/sky-bg.jpg") no-repeat top center/cover; padding: 50px 10px; box-shadow: inset 0 0 70px 0 rgba(149, 212, 233, 0.5); } @media (min-width: 64em) { .rates-section { padding: 50px 20px; } } @media (min-width: 64em) { .rates-section { padding: 70px 0; } } .rates-section .container { text-align: center; } .rates-section .container > .btn, .rates-section #tvcMainCalculatorDivId .InputContainer .container > input[type=submit], #tvcMainCalculatorDivId .InputContainer .rates-section .container > input[type=submit] { margin-top: 30px; } .rates-section .rates-container { position: relative; } .rates-section .rates-swiper { overflow: hidden; } .rates-section .rates-swiper:not(.swiper-container-initialized) .swiper-slide { max-width: 270px; } .rates-section .swiper-wrapper { align-items: stretch; } .rates-section .swiper-wrapper .swiper-slide { height: auto; display: flex; align-items: stretch; } .rates-section .swiper-wrapper .swiper-slide a { display: flex; flex-grow: 1; flex-direction: column; background-color: #fff; padding: 28px; transition: background-color 0.2s, color 0.2s; text-decoration: none; color: #171717; } .rates-section .swiper-wrapper .swiper-slide a:hover, .rates-section .swiper-wrapper .swiper-slide a:focus { background-color: #95D4E9; } @media (max-width: 31.1875em) { .rates-section .swiper-wrapper .swiper-slide a h3 { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .rates-section .swiper-wrapper .swiper-slide a h3 { font-size: 1.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .rates-section .swiper-wrapper .swiper-slide a h3 { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .rates-section .swiper-wrapper .swiper-slide a h3 { font-size: 1.8rem; } } @media (min-width: 78.125em) { .rates-section .swiper-wrapper .swiper-slide a h3 { font-size: 1.8rem; } } .rates-section .swiper-wrapper .swiper-slide a .rate { font-weight: 700; color: #0033A1; line-height: 1.1; } @media (max-width: 31.1875em) { .rates-section .swiper-wrapper .swiper-slide a .rate { font-size: 3rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .rates-section .swiper-wrapper .swiper-slide a .rate { font-size: 3.5rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .rates-section .swiper-wrapper .swiper-slide a .rate { font-size: 4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .rates-section .swiper-wrapper .swiper-slide a .rate { font-size: 4.5rem; } } @media (min-width: 78.125em) { .rates-section .swiper-wrapper .swiper-slide a .rate { font-size: 5rem; } } .rates-section .swiper-wrapper .swiper-slide a > span { display: block; } .rates-section .swiper-wrapper .swiper-slide a .callout-link { margin-top: auto; padding-top: 10px; } .rates-section .swiper-wrapper .swiper-slide a .callout-link::after { content: ">"; margin-left: 6px; } .rates-section .swiper-button.swiper-button-prev { left: -20px; } @media (min-width: 64em) { .rates-section .swiper-button.swiper-button-prev { left: -32px; } } .rates-section .swiper-button.swiper-button-next { right: -20px; } @media (min-width: 64em) { .rates-section .swiper-button.swiper-button-next { right: -32px; } } .services-rotator { margin: 60px 0; display: flex; flex-flow: column; clear: both; } @media (min-width: 64em) { .services-rotator { flex-flow: row; margin: 80px 0; } } .services-rotator h2 { font-weight: 700; color: #0033A1; } @media (max-width: 31.1875em) { .services-rotator h2 { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .services-rotator h2 { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .services-rotator h2 { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .services-rotator h2 { font-size: 2.575rem; } } @media (min-width: 78.125em) { .services-rotator h2 { font-size: 2.7rem; } } .services-rotator.inverse-order .services-intro { border-right: none; } @media (min-width: 64em) { .services-rotator.inverse-order .services-intro { order: 2; padding-left: 40px; padding-right: 0; } } .services-rotator.inverse-order .services-content { padding-left: 0; } @media (min-width: 64em) { .services-rotator.inverse-order .services-content { order: 1; padding-right: 40px; border-right: 1px solid #95D4E9; } } @media (min-width: 64em) { .services-rotator .swiper-wrapper { width: auto; height: auto; display: -ms-grid; display: grid; -ms-grid-rows: 1fr; grid-template-rows: 1fr; grid-template-columns: repeat(auto-fit, minmax(74px, 160px)); -moz-column-gap: 20px; column-gap: 20px; row-gap: 20px; justify-content: center; transform: none; } } .services-rotator .swiper-slide { height: 100%; text-align: center; text-decoration: none; } .services-rotator .swiper-slide.static-service { cursor: default; } .services-rotator .swiper-slide.static-service h3 { color: #171717; } .services-rotator .swiper-slide figure { transition: transform 0.2s; transform: translateY(0) rotate(0deg); } @media (max-width: 31.1875em) { .services-rotator .swiper-slide h3 { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .services-rotator .swiper-slide h3 { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .services-rotator .swiper-slide h3 { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .services-rotator .swiper-slide h3 { font-size: 1.6rem; } } @media (min-width: 78.125em) { .services-rotator .swiper-slide h3 { font-size: 1.6rem; } } .services-rotator .swiper-slide:hover, .services-rotator .swiper-slide:focus { text-decoration: none; } .services-rotator .swiper-slide:hover h3, .services-rotator .swiper-slide:focus h3 { color: #171717; } @media (min-width: 64em) { .services-rotator .swiper-slide:hover figure, .services-rotator .swiper-slide:focus figure { transform: translateY(-10px) rotate(-8deg); } } @media (min-width: 64em) { .services-rotator .swiper-button { display: none; } } @media (min-width: 64em) { .services-intro, .services-content { flex: 0 0 50%; width: 50%; } } .services-intro { padding-top: 15px; padding-bottom: 15px; order: 2; text-align: center; margin-top: 20px; } @media (min-width: 64em) { .services-intro { margin-top: 0; text-align: left; order: initial; padding-right: 40px; border-right: 1px solid #95D4E9; } } .services-intro .btn, .services-intro #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .services-intro input[type=submit] { margin-top: 10px; } .services-content { position: relative; margin: 0 15px; padding-top: 5px; padding-bottom: 5px; order: 1; } @media (min-width: 64em) { .services-content { margin: 0; order: initial; padding-left: 40px; } } .services-swiper { overflow: hidden; } .nav-actions { position: fixed; bottom: 0; z-index: 1001; width: 100%; left: 0; } @media (min-width: 46.875em) { .nav-actions { width: auto; left: 50%; transform: translateX(-50%); } } .nav-actions ul { background-color: #95D4E9; padding: 0; margin: 0; display: flex; align-items: stretch; border-radius: 12px 12px 0 0; } @media (min-width: 46.875em) { .nav-actions ul { padding: 0 7px; } } .nav-actions ul li { text-transform: uppercase; font-weight: 700; letter-spacing: 1px; line-height: 1.2; margin: 0; flex: 1 1 auto; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; text-align: center; } @media (max-width: 31.1875em) { .nav-actions ul li { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .nav-actions ul li { font-size: 1.45rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .nav-actions ul li { font-size: 1.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .nav-actions ul li { font-size: 1.55rem; } } @media (min-width: 78.125em) { .nav-actions ul li { font-size: 1.6rem; } } .nav-actions ul li + li { padding-left: 5px; position: relative; } .nav-actions ul li + li::before { content: ""; display: block; position: absolute; top: 8px; left: 0; bottom: 8px; width: 1px; background-color: #0856ff; } .nav-actions ul li a { text-decoration: none; padding: 8px 10px; display: inline-block; } .nav-actions ul li a:hover, .nav-actions ul li a:focus { color: #171717; } .featured-services { background-repeat: no-repeat; background-position: top center; background-size: cover; padding: 45px 0 50px; box-shadow: inset 0 0 70px 0 rgba(149, 212, 233, 0.5); clear: both; } @media (min-width: 46.875em) { .featured-services { padding: 80px 0 85px; } } .featured-services > .container { display: -ms-grid; display: grid; grid-row: auto; row-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } @media (min-width: 46.875em) { .featured-services > .container { justify-content: center; grid-template-columns: repeat(auto-fit, minmax(200px, 270px)); } } .featured-services > .container .featured-service a { display: block; background-color: #fff; padding: 28px; transition: background-color 0.2s, color 0.2s; text-decoration: none; color: #171717; height: 100%; } .featured-services > .container .featured-service a:hover, .featured-services > .container .featured-service a:focus { background-color: #95D4E9; } .featured-services > .container .featured-service a h3 { padding-right: 35px; } .featured-services > .container .featured-service a h3:only-child { margin-bottom: 0; } .featured-services > .container .featured-service a h3::before { background-color: #0033A1; } .featured-services > .container .featured-service a p:last-child { margin-bottom: 0; } .resources { clear: both; margin: 60px 0; display: flex; flex-flow: column; } @media (min-width: 64em) { .resources { flex-flow: row; margin: 80px 0; } } .resources h2 { font-weight: 700; color: #0033A1; } @media (max-width: 31.1875em) { .resources h2 { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .resources h2 { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .resources h2 { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .resources h2 { font-size: 2.575rem; } } @media (min-width: 78.125em) { .resources h2 { font-size: 2.7rem; } } .resources.inverse-order .resources-intro { border-right: none; } @media (min-width: 64em) { .resources.inverse-order .resources-intro { order: 2; padding-left: 40px; padding-right: 0; } } .resources.inverse-order .resources-content { padding-left: 0; } @media (min-width: 64em) { .resources.inverse-order .resources-content { order: 1; padding-right: 40px; border-right: 1px solid #95D4E9; } } @media (min-width: 64em) { .resources-intro, .resources-content { flex: 0 0 50%; width: 50%; } } .resources-intro { padding-top: 15px; padding-bottom: 15px; text-align: center; margin-top: 20px; } @media (min-width: 64em) { .resources-intro { margin-top: 0; text-align: left; padding-right: 40px; border-right: 1px solid #95D4E9; } } .resources-intro .btn, .resources-intro #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .resources-intro input[type=submit] { margin-top: 10px; } .resources-content { position: relative; margin-top: 30px; padding-top: 5px; padding-bottom: 5px; } @media (min-width: 64em) { .resources-content { margin: 0; padding-left: 40px; display: flex; align-items: center; } } .resources-content ul { margin: 0; padding: 0; } @media (min-width: 64em) { .resources-content ul { -moz-columns: 2; columns: 2; -moz-column-gap: 20px; column-gap: 20px; } } .resources-content ul li { -moz-column-break-inside: avoid; break-inside: avoid; page-break-inside: avoid; display: block; text-align: center; line-height: 1.4; margin: 10px 0; } @media (min-width: 64em) { .resources-content ul li { text-align: left; padding-right: 15px; } } .resources-content ul li a { display: inline-block; padding: 3px 0; } @media (min-width: 64em) { .resources-content ul li a { display: block; } } .locations-finder { margin: 40px 0 60px; } .map-header { text-align: center; } @media (min-width: 64em) { .map-header { display: flex; align-items: center; justify-content: space-between; } } .map-header > a { color: #444444; text-decoration: none; display: inline-flex; align-items: center; } @media (max-width: 63.99em) { .map-header > a img { width: 45px; height: auto; } } .map-header > a:hover, .map-header > a:focus { text-decoration: underline; } .map-header > a span { display: inline-block; margin-left: 9px; } .map-header > a span::after { font-size: 1.3em; content: "⇱"; display: inline-block; margin-left: 5px; transform: scaleX(-1); } .map-header .map-controls { margin-bottom: 20px; } @media (min-width: 46.875em) { .map-header .map-controls { margin-bottom: 0; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -moz-column-gap: 20px; column-gap: 20px; } } @media (min-width: 64em) { .map-header .map-controls { -ms-grid-columns: 1fr 300px; grid-template-columns: 1fr 300px; } } @media (max-width: 63.99em) { .map-header .map-controls .search-form, .map-header .map-controls .custom-select { flex: 0; } } .map-header .map-controls .search .search-form { flex: 1 1 auto; width: 100%; } .map-header .map-controls .custom-select { background-color: transparent; } .map-header .map-controls .custom-select::before { background-color: #93D500; } .map-header .map-controls .custom-select:hover::before, .map-header .map-controls .custom-select:focus::before, .map-header .map-controls .custom-select:focus-within::before { background-color: #0033A1; } .map-header .map-controls .custom-select:hover::after, .map-header .map-controls .custom-select:focus::after, .map-header .map-controls .custom-select:focus-within::after { border-top-color: #fff; } .map-header .map-controls .custom-select:hover select, .map-header .map-controls .custom-select:focus select, .map-header .map-controls .custom-select:focus-within select { background-color: #95D4E9; color: #0033A1; } .map-header .map-controls .custom-select select { border-color: transparent; border-width: 2px; cursor: pointer; font-weight: 700; color: #fff; background-color: #0033A1; border-radius: 600px; line-height: 1; transition: all 0.2s; } .map-header .map-controls .custom-select select:focus { background-color: #95D4E9; color: #0033A1; } .location-results { margin: 10px 0; width: 100%; } @media (min-width: 64em) { .location-results { margin: 30px 0; } } .location-results::before { content: ""; display: block; margin-top: 150%; } @media (min-width: 46.875em) { .location-results::before { margin-top: 65%; } } .marker-info { font-weight: 400; } @media (max-width: 31.1875em) { .marker-info { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .marker-info { font-size: 1.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .marker-info { font-size: 1.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .marker-info { font-size: 1.4rem; } } @media (min-width: 78.125em) { .marker-info { font-size: 1.4rem; } } @media (min-width: 64em) { .marker-info .call-directions { display: flex; align-items: center; } } .marker-info .call-directions a { display: flex; align-items: center; text-decoration: none; padding: 5px 0; color: #0033A1; } @media (min-width: 64em) { .marker-info .call-directions a { padding: 3px 0; } } .marker-info .call-directions a + a { margin: 2px 0 0 2px; } @media (min-width: 64em) { .marker-info .call-directions a + a { margin: 0 0 0 14px; } } .marker-info .call-directions a:hover, .marker-info .call-directions a:focus { color: #171717; } .marker-info .call-directions a img { margin-right: 6px; } .marker-info .hours { margin-top: 7px; padding-top: 9px; border-top: 1px solid #EDEDED; display: flex; align-items: start; } .marker-info .hours img { margin-right: 6px; } .marker-info .services { margin: 10px 0 5px; } .marker-info .services div { display: inline-block; } .marker-info .services div + div { margin-left: 18px; } .marker-info .services div:before { content: ""; display: inline-block; transform: rotate(45deg); height: 14px; width: 7px; border-bottom: 2px solid #0033A1; border-right: 2px solid #0033A1; margin: 0 8px 0 4px; } .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { margin: 10px 0 15px; padding: 4px 35px 4px 14px; } @media (max-width: 31.1875em) { .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { font-size: 1.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { font-size: 1.4rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { font-size: 1.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { font-size: 1.4rem; } } @media (min-width: 78.125em) { .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { font-size: 1.4rem; } } @media (min-width: 64em) { .marker-info .btn, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit] { margin: 10px 0 0; } } .marker-info .btn::before, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::before { width: 20px; height: 20px; } .marker-info .btn::after, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::after { right: 13px; } @media (max-width: 31.1875em) { .marker-info .btn::after, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::after { font-size: 1.3rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .marker-info .btn::after, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::after { font-size: 1.3rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .marker-info .btn::after, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::after { font-size: 1.3rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .marker-info .btn::after, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::after { font-size: 1.3rem; } } @media (min-width: 78.125em) { .marker-info .btn::after, .marker-info #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .marker-info input[type=submit]::after { font-size: 1.3rem; } } .marker-info h3 { margin-bottom: 10px; color: #171717; } @media (max-width: 31.1875em) { .marker-info h3 { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .marker-info h3 { font-size: 2.05rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .marker-info h3 { font-size: 2.1rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .marker-info h3 { font-size: 2.15rem; } } @media (min-width: 78.125em) { .marker-info h3 { font-size: 2.2rem; } } @media (min-width: 64em) { .marker-info h3 { margin-bottom: 15px; } } .marker-info h3 a { text-decoration: none; } .marker-info h3 a:hover, .marker-info h3 a:focus { color: #171717; } .location-detail { margin: 20px 0 50px; padding-top: 20px; border-top: 1px solid #95D4E9; } @media (min-width: 64em) { .location-detail { display: flex; padding-top: 40px; margin: 40px 0 80px; } } .location-detail > ul { flex: 1 1 auto; margin: 0 0 30px 0; } @media (min-width: 64em) { .location-detail > ul { margin: 0; } } .location-detail > ul > li { display: flex; align-items: start; } .location-detail > ul > li + li { margin-top: 15px; } @media (min-width: 64em) { .location-detail > ul > li + li { margin-top: 25px; } } .location-detail > ul > li ul li + li { margin-top: 2px; } .location-detail > ul li { margin-bottom: 0; } .location-detail > ul li img { display: inline-block; margin: 4px 7px 0 0; } .location-detail > ul li a { color: #0033A1; padding: 3px 0; } .location-detail > ul li a:hover, .location-detail > ul li a:focus { color: #171717; } .location-detail > ul li ul { margin: 0; } .location-detail > ul .directions img { margin: 8px 9px 0 2px; } .location-detail > ul .address { margin: 0 0 0 25px; line-height: 1.5; } .location-detail > ul .services ul li { display: inline-block; } .location-detail > ul .services ul li + li { margin-left: 20px; } .location-detail > ul .services ul li:before { content: ""; display: inline-block; transform: rotate(45deg); height: 16px; width: 8px; border-bottom: 3px solid #0033A1; border-right: 3px solid #0033A1; margin: 0 11px 0 4px; } .location-detail .location-map { flex: 0 0 60%; } .location-detail .location-map .location-results { margin-top: 0; } .location-detail .location-map::before { content: none; } .locations-status-container { height: 60vh; display: flex; flex-direction: column; align-items: center; justify-content: center; } .locations-status-container img { width: 70px; height: auto; -webkit-animation: iconBounce 1.4s infinite ease-in-out; animation: iconBounce 1.4s infinite ease-in-out; } @-webkit-keyframes iconBounce { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } @keyframes iconBounce { 0% { transform: translateY(0); } 50% { transform: translateY(-15px); } 100% { transform: translateY(0); } } .location-address-listing { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -moz-column-gap: 30px; column-gap: 30px; row-gap: 30px; } @media (min-width: 37.5em) { .location-address-listing { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 64em) { .location-address-listing { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } .location-address-listing .location-address { background-color: #EDEDED; padding: 20px; } .location-address-listing h3 { margin-bottom: 5px; } @media (max-width: 31.1875em) { .location-address-listing h3 { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .location-address-listing h3 { font-size: 2.1rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .location-address-listing h3 { font-size: 2.2rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .location-address-listing h3 { font-size: 2.3rem; } } @media (min-width: 78.125em) { .location-address-listing h3 { font-size: 2.4rem; } } .location-address-listing h3 a { text-decoration: none; } .team-detail { margin: 20px 0 50px; display: -ms-grid; display: grid; -moz-column-gap: 60px; column-gap: 60px; row-gap: 20px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-bottom: 50px; border-bottom: 1px solid #95D4E9; } @media (min-width: 46.875em) { .team-detail { -ms-grid-columns: 1fr 60%; grid-template-columns: 1fr 60%; } } .team-detail .team-member-title { font-weight: 700; margin-bottom: 0; } .team-detail .team-member-credentials { margin: 0 0 20px; } .team-detail .team-member-credentials li { margin: 0; } .team-detail .team-member-credentials li + li { margin-top: 3px; } .team-detail figure { margin: 0; } @media (min-width: 46.875em) { .team-detail figure { max-width: 750px; } } .team-detail figure img { max-width: 100%; height: auto; display: block; } .team-detail ul { flex: 1 1 auto; margin: 0; } .team-detail ul > li { display: flex; align-items: start; } .team-detail ul > li + li { margin-top: 15px; } .team-detail ul > li ul li + li { margin-top: 2px; } .team-detail ul li { margin-bottom: 0; } .team-detail ul li img { display: inline-block; margin: 7px 7px 0 0; } .team-detail ul li a { color: #0033A1; padding: 3px 0; } .team-detail ul li a:hover, .team-detail ul li a:focus { color: #171717; } .team-detail ul li ul { margin: 0; } .team-detail ul .email img { margin: 8px 7px 0 0; } .team-detail ul .directions img { margin: 8px 9px 0 2px; } .team-detail ul .services ul li { display: inline-block; } .team-detail ul .services ul li + li { margin-left: 20px; } .team-detail ul .services ul li:before { content: ""; display: inline-block; transform: rotate(45deg); height: 16px; width: 8px; border-bottom: 3px solid #0033A1; border-right: 3px solid #0033A1; margin: 0 11px 0 4px; } @media (max-width: 46.865em) { #tvcMainCalculatorDivId .DetailContainer { width: 100%; overflow: auto; } } #tvcMainCalculatorDivId .InputContainer input[type=submit] { padding-right: 22px; height: auto; width: auto; } @media (max-width: 31.1875em) { #tvcMainCalculatorDivId .InputContainer p, #tvcMainCalculatorDivId .InputContainer label { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { #tvcMainCalculatorDivId .InputContainer p, #tvcMainCalculatorDivId .InputContainer label { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { #tvcMainCalculatorDivId .InputContainer p, #tvcMainCalculatorDivId .InputContainer label { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { #tvcMainCalculatorDivId .InputContainer p, #tvcMainCalculatorDivId .InputContainer label { font-size: 1.6rem; } } @media (min-width: 78.125em) { #tvcMainCalculatorDivId .InputContainer p, #tvcMainCalculatorDivId .InputContainer label { font-size: 1.6rem; } } #tvcMainCalculatorDivId .InputTable tbody tr { background-color: transparent; } #tvcMainCalculatorDivId .InputTable tbody tr + tr { border-top: 1px solid #E5F1FC; } #tvcMainCalculatorDivId .InputTable tbody tr td { text-align: left; padding-top: 5px; padding-bottom: 5px; } #tvcMainCalculatorDivId .InputTable tbody tr td h2, #tvcMainCalculatorDivId .InputTable tbody tr td h3 { margin: 0; } @media (min-width: 46.875em) { #tvcMainCalculatorDivId .InputTable tbody tr td:nth-child(1):nth-last-child(1) { text-align: center; background-color: transparent; padding: 0; } #tvcMainCalculatorDivId .InputTable tbody tr td:nth-child(1):nth-last-child(1) h2, #tvcMainCalculatorDivId .InputTable tbody tr td:nth-child(1):nth-last-child(1) h3 { background-color: #E5F1FC; padding: 20px; } } #tvcMainCalculatorDivId .DetailTable fieldset { border: none; } #tvcMainCalculatorDivId .DetailTable fieldset legend { font-weight: 700; } @media (max-width: 31.1875em) { #tvcMainCalculatorDivId .DetailTable fieldset legend { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { #tvcMainCalculatorDivId .DetailTable fieldset legend { font-size: 2.325rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { #tvcMainCalculatorDivId .DetailTable fieldset legend { font-size: 2.45rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { #tvcMainCalculatorDivId .DetailTable fieldset legend { font-size: 2.575rem; } } @media (min-width: 78.125em) { #tvcMainCalculatorDivId .DetailTable fieldset legend { font-size: 2.7rem; } } #tvcMainCalculatorDivId .DetailTable table { margin: 20px 0; } #tvcMainCalculatorDivId .DetailTable table tbody tr { border-top: 1px solid #95D4E9; border-bottom: 1px solid #95D4E9; } #tvcMainCalculatorDivId .DetailTable tbody tr th { font-weight: 700; } #tvcMainCalculatorDivId .DetailTable tbody tr td { font-weight: 400; border-left: 1px solid #95D4E9 !important; border-right: 1px solid #95D4E9 !important; padding-left: 20px; padding-right: 20px; } #tvcMainCalculatorDivId .DetailTable tbody tr td:first-child { border-left: none !important; } #tvcMainCalculatorDivId .DetailTable tbody tr td:last-child { border-right: none !important; } #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select, #tvcMainCalculatorDivId textarea { border: 1px solid #0033A1; line-height: 32px; padding: 8px 20px; background: #EDEDED; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; } @media (max-width: 31.1875em) { #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select, #tvcMainCalculatorDivId textarea { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select, #tvcMainCalculatorDivId textarea { font-size: 1.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select, #tvcMainCalculatorDivId textarea { font-size: 1.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select, #tvcMainCalculatorDivId textarea { font-size: 1.6rem; } } @media (min-width: 78.125em) { #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select, #tvcMainCalculatorDivId textarea { font-size: 1.6rem; } } #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file])::-moz-placeholder, #tvcMainCalculatorDivId select::-moz-placeholder, #tvcMainCalculatorDivId textarea::-moz-placeholder { color: #444444; opacity: 1; } #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):-ms-input-placeholder, #tvcMainCalculatorDivId select:-ms-input-placeholder, #tvcMainCalculatorDivId textarea:-ms-input-placeholder { color: #444444; opacity: 1; } #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file])::placeholder, #tvcMainCalculatorDivId select::placeholder, #tvcMainCalculatorDivId textarea::placeholder { color: #444444; opacity: 1; } #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus, #tvcMainCalculatorDivId select:focus, #tvcMainCalculatorDivId textarea:focus { border-color: #171717; background-color: #fff; } #tvcMainCalculatorDivId input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]), #tvcMainCalculatorDivId select { height: 48px; } .multi-column-block { clear: both; display: -ms-grid; display: grid; -moz-column-gap: 25px; column-gap: 25px; row-gap: 35px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .multi-column-block .callout-link { margin-top: 30px; } .multi-column-block.column-2 { -moz-column-gap: 50px; column-gap: 50px; } @media (min-width: 37.5em) { .multi-column-block.column-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -moz-column-gap: 100px; column-gap: 100px; } } @media (min-width: 37.5em) { .multi-column-block.column-3 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 64em) { .multi-column-block.column-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (min-width: 37.5em) { .multi-column-block.column-4 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 64em) { .multi-column-block.column-4 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (min-width: 78.125em) { .multi-column-block.column-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } .modal { display: none; z-index: 5000; position: relative; } .modal.is-open { display: block; } .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 1200px; max-height: 90vh; width: 100%; border-radius: 4px; overflow-y: auto; box-sizing: border-box; position: relative; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: #00449e; box-sizing: border-box; } .modal__close { background: transparent; border: 0; position: absolute; right: 15px; top: 7px; width: 30px; height: 30px; } .modal__close:hover, .modal__close:focus { outline: 0; } .modal__close:hover::before, .modal__close:hover::after, .modal__close:focus::before, .modal__close:focus::after { background-color: #93D500; } .modal__close::before { content: ""; width: 30px; height: 5px; border-radius: 100px; transform: rotate(45deg); background-color: #0033A1; display: block; } .modal__close::after { content: ""; width: 30px; height: 5px; border-radius: 100px; transform: rotate(-45deg); background-color: #0033A1; display: block; margin-top: -5px; } .modal__header .modal__close:before { content: ""; } .modal__content { margin-top: 2rem; margin-bottom: 0; line-height: 1.5; color: rgba(0, 0, 0, 0.8); } .modal__btn { font-size: 0.875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #e6e6e6; color: rgba(0, 0, 0, 0.8); border-radius: 0.25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: transform 0.25s ease-out; } .modal__btn:focus, .modal__btn:hover { transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @-webkit-keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden=false] .modal__overlay { -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=false] .modal__container { -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__overlay { -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide[aria-hidden=true] .modal__container { -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } #modal-beer .modal__overlay { background: rgba(0, 0, 0, 0.9); } #modal-beer .modal__container { min-height: 50vh; display: flex; align-items: center; justify-content: center; text-align: center; } .hero-landing-page .hero-image { background-size: cover; background-position: center top; min-height: 450px; position: relative; display: flex; flex: 0 0 100%; align-items: center; padding: 20px; } .hero-landing-page .hero-image::before { z-index: 50; } .hero-landing-page .hero-image.video::after { content: ""; background-color: rgba(23, 23, 23, 0.55); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .hero-landing-page .hero-image video { display: none; } @media (min-width: 64em) { .hero-landing-page .hero-image video { display: block; position: absolute; top: 20%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; vertical-align: baseline; z-index: 0; transform: translateX(-50%) translateY(-20%); z-index: 2; } } .hero-landing-page .logo { max-width: 380px; width: 100%; } .hero-landing-page .hero-landing-content { z-index: 50; width: 100%; height: 100%; text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center; color: #fff; padding-bottom: 20px; } @media (max-width: 31.1875em) { .hero-landing-page .hero-landing-content { font-size: 2.2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .hero-landing-page .hero-landing-content { font-size: 2.3rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .hero-landing-page .hero-landing-content { font-size: 2.4rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .hero-landing-page .hero-landing-content { font-size: 2.5rem; } } @media (min-width: 78.125em) { .hero-landing-page .hero-landing-content { font-size: 2.6rem; } } @media (min-width: 46.875em) { .hero-landing-page .hero-landing-content { padding-bottom: 50px; } } .hero-landing-page .hero-landing-content h1 { color: #fff; font-weight: 900; line-height: 1; margin-bottom: 0; } @media (max-width: 31.1875em) { .hero-landing-page .hero-landing-content h1 { font-size: 6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .hero-landing-page .hero-landing-content h1 { font-size: 8.25rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .hero-landing-page .hero-landing-content h1 { font-size: 10.5rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .hero-landing-page .hero-landing-content h1 { font-size: 12.75rem; } } @media (min-width: 78.125em) { .hero-landing-page .hero-landing-content h1 { font-size: 15rem; } } .hero-landing-page .hero-landing-content h1 + p { margin-top: 0; } .promotions-block { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } @media (min-width: 64em) { .promotions-block { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .promotions-block .promotion-item { background-color: #EDEDED; text-align: right; background-size: cover; background-repeat: no-repeat; } .promotions-block .promotion-item img { float: left; vertical-align: bottom; margin-top: 105px; max-width: 40%; } @media (min-width: 46.875em) { .promotions-block .promotion-item img { max-width: 60%; } } .promotions-block .promotion-item:nth-of-type(2) { background-color: #0033A1; color: #fff; text-align: left; } .promotions-block .promotion-item:nth-of-type(2) img { float: right; padding-right: 15px; max-width: 35%; margin-top: 60px; } .promotions-block .promotion-item:nth-of-type(2) h3 { color: #fff; } .promotions-block .promotion-item .promotion-conent { padding: 20px 25px; } @media (min-width: 31.25em) { .promotions-block .promotion-item .promotion-conent { padding: 35px 40px; } } .block-timeline { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; position: relative; max-width: 695px; margin: 0 auto; } @media (min-width: 64em) { .block-timeline { -ms-grid-columns: 40% 60%; grid-template-columns: 40% 60%; width: 100%; max-width: 100%; } } .block-timeline img { width: 100%; height: auto; line-height: 1; } @media (min-width: 64em) { .block-timeline img { height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } } .block-timeline .swiper-button { background: #93D500; height: 36px; width: 36px; border-radius: 50%; margin-top: 0; top: 50%; transform: translateY(-50%); transition: background-color 0.2s; } @media (min-width: 64em) { .block-timeline .swiper-button { height: 50px; width: 50px; } } .block-timeline .swiper-button:hover, .block-timeline .swiper-button:focus { background: #95D4E9; } .block-timeline .swiper-button.swiper-button-prev { left: 0; transform: translateY(50%) translateX(-50%); } @media (min-width: 64em) { .block-timeline .swiper-button.swiper-button-prev { left: 20%; top: 0; transform: translateY(-50%) translateX(-50%); } } .block-timeline .swiper-button.swiper-button-prev::after { width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent #0033A1 transparent transparent; font-size: 0; margin: 0 11px 0 0; } @media (min-width: 64em) { .block-timeline .swiper-button.swiper-button-prev::after { border-width: 10px; border-color: transparent transparent #0033A1 transparent; margin: 0 0 10px 0; } } .block-timeline .swiper-button.swiper-button-next { left: 100%; transform: translateY(50%) translateX(-50%); } @media (min-width: 64em) { .block-timeline .swiper-button.swiper-button-next { left: 20%; bottom: 0; top: auto; } } .block-timeline .swiper-button.swiper-button-next::after { width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent transparent transparent #0033A1; font-size: 0; margin: 1px 0 0 9px; } @media (min-width: 64em) { .block-timeline .swiper-button.swiper-button-next::after { border-width: 10px; border-color: #0033A1 transparent transparent transparent; margin: 10px 0 0 0; } } .timeline-images { overflow: hidden; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } @media (min-width: 64em) { .timeline-images { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2; } } .timeline-images .swiper-slide { line-height: 0; background-position: center; background-size: cover; padding-top: 80%; } @media (min-width: 64em) { .timeline-images .swiper-slide { padding-top: 0; } } .timeline { overflow: hidden; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } @media (min-width: 64em) { .timeline { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; } } .timeline .swiper-slide { background: linear-gradient(135deg, #063db4 0%, #063db4 30%, #2877c5 100%); } @media (min-width: 64em) { .timeline .swiper-slide { height: 67px; border-bottom: 1px solid #95D4E9; background: #0033A1; } } .timeline .swiper-slide .year { padding: 15px 50px; color: #fff; font-weight: 700; line-height: 1; } @media (max-width: 31.1875em) { .timeline .swiper-slide .year { font-size: 2.4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .timeline .swiper-slide .year { font-size: 2.6rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .timeline .swiper-slide .year { font-size: 2.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .timeline .swiper-slide .year { font-size: 3rem; } } @media (min-width: 78.125em) { .timeline .swiper-slide .year { font-size: 3.2rem; } } @media (max-width: 63.9375em) { .timeline .swiper-slide.swiper-slide-active { padding: 15px 25px; height: auto; background: linear-gradient(135deg, #063db4 0%, #063db4 30%, #2877c5 100%); } } @media (max-width: 63.9375em) and (min-width: 64em) { .timeline .swiper-slide.swiper-slide-active { padding: 35px 50px; } } @media (max-width: 63.9375em) { .timeline .swiper-slide.swiper-slide-active .year { color: #93D500; padding: 0; margin-bottom: 15px; font-weight: 900; } } @media (max-width: 63.9375em) and (max-width: 31.1875em) { .timeline .swiper-slide.swiper-slide-active .year { font-size: 4rem; } } @media (max-width: 63.9375em) and (min-width: 31.25em) and (max-width: 46.8125em) { .timeline .swiper-slide.swiper-slide-active .year { font-size: 4.8rem; } } @media (max-width: 63.9375em) and (min-width: 46.875em) and (max-width: 63.9375em) { .timeline .swiper-slide.swiper-slide-active .year { font-size: 5.6rem; } } @media (max-width: 63.9375em) and (min-width: 64em) and (max-width: 78.0625em) { .timeline .swiper-slide.swiper-slide-active .year { font-size: 6.4rem; } } @media (max-width: 63.9375em) and (min-width: 78.125em) { .timeline .swiper-slide.swiper-slide-active .year { font-size: 7.2rem; } } @media (max-width: 63.9375em) and (min-width: 64em) { .timeline .swiper-slide.swiper-slide-active .year { margin-bottom: 30px; } } @media (max-width: 63.9375em) { .timeline .swiper-slide.swiper-slide-active .swiper-slide-content { display: block; } } .timeline .swiper-slide.swiper-slide-thumb-active { padding: 15px 25px; height: auto; background: linear-gradient(135deg, #063db4 0%, #063db4 30%, #2877c5 100%); } @media (min-width: 64em) { .timeline .swiper-slide.swiper-slide-thumb-active { padding: 35px 50px; } } .timeline .swiper-slide.swiper-slide-thumb-active .year { color: #93D500; padding: 0; margin-bottom: 15px; font-weight: 900; } @media (max-width: 31.1875em) { .timeline .swiper-slide.swiper-slide-thumb-active .year { font-size: 4rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .timeline .swiper-slide.swiper-slide-thumb-active .year { font-size: 4.8rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .timeline .swiper-slide.swiper-slide-thumb-active .year { font-size: 5.6rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .timeline .swiper-slide.swiper-slide-thumb-active .year { font-size: 6.4rem; } } @media (min-width: 78.125em) { .timeline .swiper-slide.swiper-slide-thumb-active .year { font-size: 7.2rem; } } @media (min-width: 64em) { .timeline .swiper-slide.swiper-slide-thumb-active .year { margin-bottom: 30px; } } .timeline .swiper-slide.swiper-slide-thumb-active .swiper-slide-content { display: block; } .timeline .swiper-slide-content { color: #fff; } @media (min-width: 64em) { .timeline .swiper-slide-content { display: none; } } .timeline .swiper-slide-content h3 { color: #fff; } .featured-gallery-block { padding: 30px 0 70px; background-repeat: no-repeat; background-position: top center; background-size: cover; } @media (min-width: 46.875em) { .featured-gallery-block { padding: 50px 0 90px; } } .featured-gallery { position: relative; max-width: 755px; margin: auto; } @media (min-width: 64em) { .featured-gallery { max-width: 100%; } } .featured-gallery .swiper-slide { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; background-color: #fff; opacity: 0; } @media (min-width: 64em) { .featured-gallery .swiper-slide { -ms-grid-columns: 40% 60%; grid-template-columns: 40% 60%; } } .featured-gallery .swiper-slide.swiper-slide-active { opacity: 1; } .featured-gallery .featured-gallery-content { padding: 30px; -ms-grid-row-align: center; align-self: center; -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } @media (min-width: 64em) { .featured-gallery .featured-gallery-content { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } } @media (min-width: 78.125em) { .featured-gallery .featured-gallery-content { padding: 50px; } } .featured-gallery figure { margin: 0; width: 100%; display: flex; align-items: center; justify-content: center; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 1; grid-column: 1; } @media (min-width: 64em) { .featured-gallery figure { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } } .featured-gallery figure img { width: 100%; height: auto; } .featured-gallery h3 { font-weight: 900; margin-bottom: 0; } @media (max-width: 31.1875em) { .featured-gallery h3 { font-size: 2.5rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .featured-gallery h3 { font-size: 3.025rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .featured-gallery h3 { font-size: 3.55rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .featured-gallery h3 { font-size: 4.075rem; } } @media (min-width: 78.125em) { .featured-gallery h3 { font-size: 4.6rem; } } .featured-gallery .sub-headline { font-weight: 600; margin-bottom: 35px; display: block; } .featured-gallery h4 { font-weight: 900; margin-bottom: 0; } @media (max-width: 31.1875em) { .featured-gallery h4 { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .featured-gallery h4 { font-size: 2.05rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .featured-gallery h4 { font-size: 2.1rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .featured-gallery h4 { font-size: 2.15rem; } } @media (min-width: 78.125em) { .featured-gallery h4 { font-size: 2.2rem; } } .featured-gallery h4 + p { margin-top: 0; } .featured-gallery p:last-child { margin-bottom: 0; } .featured-gallery .swiper-button { background: #93D500; } .featured-gallery .swiper-button:hover, .featured-gallery .swiper-button:focus { background: #0033A1; } .featured-gallery .swiper-button:hover.swiper-button-prev::after, .featured-gallery .swiper-button:focus.swiper-button-prev::after { border-color: transparent #fff transparent transparent; } .featured-gallery .swiper-button:hover.swiper-button-next::after, .featured-gallery .swiper-button:focus.swiper-button-next::after { border-color: transparent transparent transparent #fff; } .featured-gallery .swiper-button.swiper-button-prev { left: -18px; } @media (min-width: 64em) { .featured-gallery .swiper-button.swiper-button-prev { left: -25px; } } .featured-gallery .swiper-button.swiper-button-prev::after { border-color: transparent #0033A1 transparent transparent; } .featured-gallery .swiper-button.swiper-button-next { right: -18px; } @media (min-width: 64em) { .featured-gallery .swiper-button.swiper-button-next { right: -25px; } } .featured-gallery .swiper-button.swiper-button-next::after { border-color: transparent transparent transparent #0033A1; } .featured-gallery .swiper-pagination { bottom: -60px; } .careers-listing { margin: 30px auto; } @media (min-width: 46.875em) { .careers-listing { margin: 60px auto; } } .schedule-section { clear: both; padding: 30px 0 25px; box-shadow: inset 0 0 70px 0 rgba(149, 212, 233, 0.5); background-repeat: no-repeat; background-position: top center; background-size: cover; } @media (min-width: 46.875em) { .schedule-section { padding: 50px 0 65px; } } .schedule-section h2 { margin-bottom: 10px; } .schedule-section h2 + p { margin-top: 10px; } .schedule-section .schedule-container { padding: 0 10px; position: relative; } .schedule-section .schedule-swiper { overflow: hidden; margin-top: 35px; margin-bottom: 35px; position: relative; } .schedule-section .swiper-slide { background-color: #fff; height: auto; } .schedule-section article { background-color: #fff; padding: 25px; text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center; height: 100%; } .schedule-section article h3 { margin-bottom: 5px; color: #223E77; } .schedule-section article .date { font-weight: 700; margin-bottom: 8px; display: block; } .map-section { position: relative; overflow: hidden; padding: 35px 0 150px; } @media (min-width: 46.875em) { .map-section { padding: 65px 0 250px; } } .map-section picture img { min-width: 100%; min-height: 100%; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -o-object-fit: cover; object-fit: cover; } .map-section #map { bottom: 0; height: 800px; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .map-section .image-drop { z-index: 50; width: 85%; } @media (min-width: 46.875em) { .map-section .image-drop { width: 425px; } } .map-section .image-drop::before { height: 80%; width: 90%; bottom: -15px; right: -15px; top: auto; left: auto; } .map-section .image-drop .white-bg { background-color: #fff; padding: 30px; } .map-section .image-drop h2 { color: #0033A1; font-weight: 700; margin-bottom: 5px; color: #223E77; } .map-section .image-drop h2 + p { margin-top: 0; } .map-section p strong { display: inline-block; } @media (max-width: 31.1875em) { .map-section p strong { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .map-section p strong { font-size: 1.85rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .map-section p strong { font-size: 1.9rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .map-section p strong { font-size: 1.95rem; } } @media (min-width: 78.125em) { .map-section p strong { font-size: 2rem; } } .map-section p a { display: block; } .sponsors { display: flex; flex-flow: row; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; row-gap: 50px; } @media (min-width: 31.25em) { .sponsors { margin-left: -30px; width: calc(100% + 30px); } } @media (min-width: 31.25em) { .sponsors.column-four .sponsor-column { flex: 0 0 calc(50% - 30px); } } @media (min-width: 46.875em) { .sponsors.column-four .sponsor-column { flex: 0 0 calc(25% - 30px); } } .sponsors.column-four .sponsor-column img { max-width: 260px; } @media (min-width: 31.25em) { .sponsors.column-three .sponsor-column { flex: 0 0 calc(50% - 30px); } } @media (min-width: 46.875em) { .sponsors.column-three .sponsor-column { flex: 0 0 calc(100% / 3 - 30px); } } .sponsors.column-three .sponsor-column img { max-width: 260px; } @media (min-width: 31.25em) { .sponsors.column-two .sponsor-column { flex: 0 0 calc(50% - 30px); } } .sponsors.column-two .sponsor-column img { max-width: 420px; } .sponsors .sponsor-column { display: flex; align-items: center; justify-content: center; flex: 0 0 100%; } @media (min-width: 31.25em) { .sponsors .sponsor-column { margin-left: 30px; } } .sponsors .sponsor { width: 100%; } .sponsors img { max-width: 420px; height: auto; margin: 0 auto; text-align: center; display: block; width: 100%; } .sponsors .sponsor-name { border: 1px solid #95D4E9; padding: 20px; min-height: 115px; display: flex; align-items: center; justify-content: center; color: #223E77; font-weight: 700; max-width: 275px; width: 100%; margin: 0 auto; } .pro-am a { color: #223E77; } .pro-am a:hover, .pro-am a:focus { text-decoration: underline; -webkit-text-decoration-style: double; text-decoration-style: double; } .pro-am .page-header, .pro-am .page-footer, .pro-am .nav-actions { display: none; } .pro-am .page-main { padding-top: 0; } .pro-am .hero::before, .pro-am .interior-hero::before { background-color: #95D4E9; } .pro-am .hero::after, .pro-am .interior-hero::after { background-color: #223E77; } .pro-am .hero h1, .pro-am .interior-hero h1 { color: #fff; } .pro-am .interior-hero-top { background-color: #223E77; } .pro-am .interior-hero-top::before { background-color: #95D4E9; } .pro-am h1, .pro-am h2, .pro-am h3, .pro-am h4, .pro-am h5, .pro-am h6 { color: #171717; } .pro-am h1 strong, .pro-am h2 strong, .pro-am h3 strong, .pro-am h4 strong, .pro-am h5 strong, .pro-am h6 strong { color: #223E77; } .pro-am .block-content h2 { color: #223E77; } .pro-am h3, .pro-am h4, .pro-am h5, .pro-am h6 { color: #223E77; } .pro-am .block-content h1 { font-weight: 400; color: #171717; } .pro-am .block-content h1 strong { font-weight: #223E77; } .pro-am .block-accordion .accordion-toggle button { background-color: #223E77; } .pro-am .block-accordion .accordion-toggle button:hover, .pro-am .block-accordion .accordion-toggle button:focus { background-color: #091e47; } .pro-am .block-accordion .accordion-toggle button::before { background-color: #95D4E9; } .pro-am .swiper-button { background-color: #223E77; } .pro-am .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #223E77; } .pro-am .btn-secondary, .pro-am .block-rich-content.featured .btn, .block-rich-content.featured .pro-am .btn, .pro-am .btn-primary, .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit], #tvcMainCalculatorDivId .InputContainer .pro-am input[type=submit] { color: #fff; background-color: #223E77; border-color: #223E77; } .pro-am .btn-secondary.disabled:hover, .pro-am .block-rich-content.featured .disabled.btn:hover, .block-rich-content.featured .pro-am .disabled.btn:hover, .pro-am .btn-secondary.disabled:focus, .pro-am .block-rich-content.featured .disabled.btn:focus, .block-rich-content.featured .pro-am .disabled.btn:focus, .pro-am .btn-secondary[disabled]:hover, .pro-am .block-rich-content.featured [disabled].btn:hover, .block-rich-content.featured .pro-am [disabled].btn:hover, .pro-am .btn-secondary[disabled]:focus, .pro-am .block-rich-content.featured [disabled].btn:focus, .block-rich-content.featured .pro-am [disabled].btn:focus, fieldset[disabled] .pro-am .btn-secondary:hover, fieldset[disabled] .pro-am .block-rich-content.featured .btn:hover, .block-rich-content.featured fieldset[disabled] .pro-am .btn:hover, fieldset[disabled] .pro-am .btn-secondary:focus, fieldset[disabled] .pro-am .block-rich-content.featured .btn:focus, .block-rich-content.featured fieldset[disabled] .pro-am .btn:focus, .pro-am .btn-primary.disabled:hover, .pro-am #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .pro-am input.disabled[type=submit]:hover, .pro-am .btn-primary.disabled:focus, .pro-am #tvcMainCalculatorDivId .InputContainer input.disabled[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .pro-am input.disabled[type=submit]:focus, .pro-am .btn-primary[disabled]:hover, .pro-am #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .pro-am input[disabled][type=submit]:hover, .pro-am .btn-primary[disabled]:focus, .pro-am #tvcMainCalculatorDivId .InputContainer input[disabled][type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .pro-am input[disabled][type=submit]:focus, fieldset[disabled] .pro-am .btn-primary:hover, fieldset[disabled] .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .pro-am input[type=submit]:hover, fieldset[disabled] .pro-am .btn-primary:focus, fieldset[disabled] .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer fieldset[disabled] .pro-am input[type=submit]:focus { background-color: #223E77; border-color: #223E77; } .pro-am .btn-secondary:focus, .pro-am .block-rich-content.featured .btn:focus, .block-rich-content.featured .pro-am .btn:focus, .pro-am .btn-secondary:hover, .pro-am .block-rich-content.featured .btn:hover, .block-rich-content.featured .pro-am .btn:hover, .pro-am .btn-secondary:active, .pro-am .block-rich-content.featured .btn:active, .block-rich-content.featured .pro-am .btn:active, .pro-am .btn-primary:focus, .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]:focus, #tvcMainCalculatorDivId .InputContainer .pro-am input[type=submit]:focus, .pro-am .btn-primary:hover, .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]:hover, #tvcMainCalculatorDivId .InputContainer .pro-am input[type=submit]:hover, .pro-am .btn-primary:active, .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]:active, #tvcMainCalculatorDivId .InputContainer .pro-am input[type=submit]:active { color: #fff; background-color: #091e47; border-color: #091e47; text-decoration: none; } .pro-am .btn-secondary::before, .pro-am .block-rich-content.featured .btn::before, .block-rich-content.featured .pro-am .btn::before, .pro-am .btn-primary::before, .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]::before, #tvcMainCalculatorDivId .InputContainer .pro-am input[type=submit]::before { background-color: #95D4E9; } .pro-am .btn-secondary::after, .pro-am .block-rich-content.featured .btn::after, .block-rich-content.featured .pro-am .btn::after, .pro-am .btn-primary::after, .pro-am #tvcMainCalculatorDivId .InputContainer input[type=submit]::after, #tvcMainCalculatorDivId .InputContainer .pro-am input[type=submit]::after { color: #223E77; } .pro-am .block-content ul li::before, .pro-am .accordion-content ul li::before, .pro-am .block-rich-content ul li::before { background: #223E77; } .block-testimonial-gallery { position: relative; clear: both; width: 100%; margin-bottom: 50px; background-repeat: no-repeat; background-position: top center; background-size: cover; box-shadow: inset 0 0 70px 0 rgba(149, 212, 233, 0.5); font-style: italic; padding: 20px 0; } @media (max-width: 31.1875em) { .block-testimonial-gallery { font-size: 1.6rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-testimonial-gallery { font-size: 1.7rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-testimonial-gallery { font-size: 1.8rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-testimonial-gallery { font-size: 1.9rem; } } @media (min-width: 78.125em) { .block-testimonial-gallery { font-size: 2rem; } } @media (min-width: 46.875em) { .block-testimonial-gallery { padding: 50px 0; } } .block-testimonial-gallery .testimonial-gallery, .block-testimonial-gallery .swiper { overflow: hidden; } .block-testimonial-gallery .swiper-slide { margin: 0; width: 100%; text-align: center; padding: 40px 55px; } @media (max-width: 31.1875em) { .block-testimonial-gallery .swiper-slide { font-size: 2rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-testimonial-gallery .swiper-slide { font-size: 2.15rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-testimonial-gallery .swiper-slide { font-size: 2.3rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-testimonial-gallery .swiper-slide { font-size: 2.45rem; } } @media (min-width: 78.125em) { .block-testimonial-gallery .swiper-slide { font-size: 2.6rem; } } @media (min-width: 64em) { .block-testimonial-gallery .swiper-slide { padding: 50px; } } @media (min-width: 64em) { .block-testimonial-gallery .swiper-slide { padding: 90px; } } .block-testimonial-gallery cite { font-style: normal; font-weight: 700; display: block; margin-top: 20px; } @media (max-width: 31.1875em) { .block-testimonial-gallery cite { font-size: 1.8rem; } } @media (min-width: 31.25em) and (max-width: 46.8125em) { .block-testimonial-gallery cite { font-size: 1.85rem; } } @media (min-width: 46.875em) and (max-width: 63.9375em) { .block-testimonial-gallery cite { font-size: 1.9rem; } } @media (min-width: 64em) and (max-width: 78.0625em) { .block-testimonial-gallery cite { font-size: 1.95rem; } } @media (min-width: 78.125em) { .block-testimonial-gallery cite { font-size: 2rem; } } .block-testimonial-gallery .swiper-button:hover, .block-testimonial-gallery .swiper-button:focus { background-color: #171717; } .block-testimonial-gallery .swiper-button-prev { left: 5px; } .block-testimonial-gallery .swiper-button-next { right: 5px; } .fdic-digital-sign { background-color: #0033A1; padding-block: 20px; } .fdic-digital-sign img { display: block; height: auto; max-width: 425px; width: 100%; }