/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* Generic This is where reset, normalize & box-sizing styles go. */ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item} /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } /* Objects Non-cosmetic design patterns including grid and layout classes) */ .g-0, .gy-0, .row { --bs-gutter-y: 0 } .owl-carousel, .owl-carousel .owl-item, .owl-theme .owl-dots, .owl-theme .owl-nav { -webkit-tap-highlight-color: transparent } .list, .list.address-list, .tabs { list-style: none } :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545 } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x)*.5); padding-left: calc(var(--bs-gutter-x)*.5); margin-right: auto; margin-left: auto } @media(min-width:576px) { .container, .container-sm { max-width: 540px } .col-sm { flex: 1 0 0% } .col-sm-auto, .row-cols-sm-auto>* { flex: 0 0 auto; width: auto } .col-sm-12, .row-cols-sm-1>* { flex: 0 0 auto; width: 100% } .col-sm-6, .row-cols-sm-2>* { flex: 0 0 auto; width: 50% } .col-sm-4, .row-cols-sm-3>* { flex: 0 0 auto; width: 33.33333333% } .col-sm-3, .row-cols-sm-4>* { flex: 0 0 auto; width: 25% } .row-cols-sm-5>* { flex: 0 0 auto; width: 20% } .col-sm-2, .row-cols-sm-6>* { flex: 0 0 auto; width: 16.66666667% } .col-sm-1 { flex: 0 0 auto; width: 8.33333333% } .col-sm-5 { flex: 0 0 auto; width: 41.66666667% } .col-sm-7 { flex: 0 0 auto; width: 58.33333333% } .col-sm-8 { flex: 0 0 auto; width: 66.66666667% } .col-sm-9 { flex: 0 0 auto; width: 75% } .col-sm-10 { flex: 0 0 auto; width: 83.33333333% } .col-sm-11 { flex: 0 0 auto; width: 91.66666667% } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333333% } .offset-sm-2 { margin-left: 16.66666667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333333% } .offset-sm-5 { margin-left: 41.66666667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333333% } .offset-sm-8 { margin-left: 66.66666667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333333% } .offset-sm-11 { margin-left: 91.66666667% } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0 } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0 } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem } } @media(min-width:768px) { .container, .container-md, .container-sm { max-width: 720px } .col-md { flex: 1 0 0% } .col-md-auto, .row-cols-md-auto>* { flex: 0 0 auto; width: auto } .col-md-12, .row-cols-md-1>* { flex: 0 0 auto; width: 100% } .col-md-6, .row-cols-md-2>* { flex: 0 0 auto; width: 50% } .col-md-4, .row-cols-md-3>* { flex: 0 0 auto; width: 33.33333333% } .col-md-3, .row-cols-md-4>* { flex: 0 0 auto; width: 25% } .row-cols-md-5>* { flex: 0 0 auto; width: 20% } .col-md-2, .row-cols-md-6>* { flex: 0 0 auto; width: 16.66666667% } .col-md-1 { flex: 0 0 auto; width: 8.33333333% } .col-md-5 { flex: 0 0 auto; width: 41.66666667% } .col-md-7 { flex: 0 0 auto; width: 58.33333333% } .col-md-8 { flex: 0 0 auto; width: 66.66666667% } .col-md-9 { flex: 0 0 auto; width: 75% } .col-md-10 { flex: 0 0 auto; width: 83.33333333% } .col-md-11 { flex: 0 0 auto; width: 91.66666667% } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333333% } .offset-md-2 { margin-left: 16.66666667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333333% } .offset-md-5 { margin-left: 41.66666667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333333% } .offset-md-8 { margin-left: 66.66666667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333333% } .offset-md-11 { margin-left: 91.66666667% } .g-md-0, .gx-md-0 { --bs-gutter-x: 0 } .g-md-0, .gy-md-0 { --bs-gutter-y: 0 } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem } } @media(min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px } .col-lg { flex: 1 0 0% } .col-lg-auto, .row-cols-lg-auto>* { flex: 0 0 auto; width: auto } .col-lg-12, .row-cols-lg-1>* { flex: 0 0 auto; width: 100% } .col-lg-6, .row-cols-lg-2>* { flex: 0 0 auto; width: 50% } .col-lg-4, .row-cols-lg-3>* { flex: 0 0 auto; width: 33.33333333% } .col-lg-3, .row-cols-lg-4>* { flex: 0 0 auto; width: 25% } .row-cols-lg-5>* { flex: 0 0 auto; width: 20% } .col-lg-2, .row-cols-lg-6>* { flex: 0 0 auto; width: 16.66666667% } .col-lg-1 { flex: 0 0 auto; width: 8.33333333% } .col-lg-5 { flex: 0 0 auto; width: 41.66666667% } .col-lg-7 { flex: 0 0 auto; width: 58.33333333% } .col-lg-8 { flex: 0 0 auto; width: 66.66666667% } .col-lg-9 { flex: 0 0 auto; width: 75% } .col-lg-10 { flex: 0 0 auto; width: 83.33333333% } .col-lg-11 { flex: 0 0 auto; width: 91.66666667% } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333333% } .offset-lg-2 { margin-left: 16.66666667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333333% } .offset-lg-5 { margin-left: 41.66666667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333333% } .offset-lg-8 { margin-left: 66.66666667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333333% } .offset-lg-11 { margin-left: 91.66666667% } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0 } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0 } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px } .row { --bs-gutter-x: 1.5rem; display: flex; flex-wrap: wrap; margin-top: calc(-1*var(--bs-gutter-y)); margin-right: calc(-.5*var(--bs-gutter-x)); margin-left: calc(-.5*var(--bs-gutter-x)) } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)*.5); padding-left: calc(var(--bs-gutter-x)*.5); margin-top: var(--bs-gutter-y) } .col { flex: 1 0 0% } .col-auto, .row-cols-auto>* { flex: 0 0 auto; width: auto } .col-12, .row-cols-1>* { flex: 0 0 auto; width: 100% } .col-6, .row-cols-2>* { flex: 0 0 auto; width: 50% } .col-4, .row-cols-3>* { flex: 0 0 auto; width: 33.33333333% } .col-3, .row-cols-4>* { flex: 0 0 auto; width: 25% } .row-cols-5>* { flex: 0 0 auto; width: 20% } .col-2, .row-cols-6>* { flex: 0 0 auto; width: 16.66666667% } .col-1, .col-5 { flex: 0 0 auto } .col-1 { width: 8.33333333% } .col-5 { width: 41.66666667% } .col-7, .col-8 { flex: 0 0 auto } .col-7 { width: 58.33333333% } .col-8 { width: 66.66666667% } .col-9 { flex: 0 0 auto; width: 75% } .col-10 { flex: 0 0 auto; width: 83.33333333% } .col-11 { flex: 0 0 auto; width: 91.66666667% } .offset-1 { margin-left: 8.33333333% } .offset-2 { margin-left: 16.66666667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333333% } .offset-5 { margin-left: 41.66666667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333333% } .offset-8 { margin-left: 66.66666667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333333% } .offset-11 { margin-left: 91.66666667% } .g-0, .gx-0 { --bs-gutter-x: 0 } .g-1, .gx-1 { --bs-gutter-x: 0.25rem } .g-1, .gy-1 { --bs-gutter-y: 0.25rem } .g-2, .gx-2 { --bs-gutter-x: 0.5rem } .g-2, .gy-2 { --bs-gutter-y: 0.5rem } .g-3, .gx-3 { --bs-gutter-x: 1rem } .g-3, .gy-3 { --bs-gutter-y: 1rem } .g-4, .gx-4 { --bs-gutter-x: 1.5rem } .g-4, .gy-4 { --bs-gutter-y: 1.5rem } .g-5, .gx-5 { --bs-gutter-x: 3rem } .g-5, .gy-5 { --bs-gutter-y: 3rem } @media(min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px } .col-xl { flex: 1 0 0% } .col-xl-auto, .row-cols-xl-auto>* { flex: 0 0 auto; width: auto } .col-xl-12, .row-cols-xl-1>* { flex: 0 0 auto; width: 100% } .col-xl-6, .row-cols-xl-2>* { flex: 0 0 auto; width: 50% } .col-xl-4, .row-cols-xl-3>* { flex: 0 0 auto; width: 33.33333333% } .col-xl-3, .row-cols-xl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xl-5>* { flex: 0 0 auto; width: 20% } .col-xl-2, .row-cols-xl-6>* { flex: 0 0 auto; width: 16.66666667% } .col-xl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xl-9 { flex: 0 0 auto; width: 75% } .col-xl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xl-11 { flex: 0 0 auto; width: 91.66666667% } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333333% } .offset-xl-2 { margin-left: 16.66666667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333333% } .offset-xl-5 { margin-left: 41.66666667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333333% } .offset-xl-8 { margin-left: 66.66666667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333333% } .offset-xl-11 { margin-left: 91.66666667% } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0 } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0 } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem } } .owl-theme .owl-nav { margin-top: 10px; text-align: center } .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 16px; margin: 4px; padding: 16px; background: #f3f4f4; display: inline-block; cursor: pointer; border-radius: 3px } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default } .mt-28, .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 28px } .owl-theme .owl-dots { text-align: left } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; background: 0 0 } .owl-theme .owl-dots .owl-dot span { width: 40px; height: 4px; margin: 4px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s; border-radius: 0 } .cta.cta-icon-outline span, .cta.cta-icon-white span, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .primary-bg { background: #1a8379 } .owl-carousel { display: none; width: 100%; position: relative; z-index: 1 } .owl-carousel .owl-stage { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0) } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) } .card img, .cta { transform: scale(1) } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none } .owl-carousel .owl-item img { display: block; width: 100% } .cta-section-light::before, .glightbox-button-hidden, .glightbox-container.inactive, .gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster, .gslide-video.playing::before, .list.address-list li::before, .list.two-col-list>li::before, .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .tabs-panel, .zoomed .gslide-description { display: none } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { color: inherit; border: none; font: inherit } .no-js .owl-carousel, .owl-carousel.owl-loaded, .tabs-panel-active { display: block } .owl-carousel.owl-loading { opacity: 0; display: block } .owl-carousel.owl-hidden, iframe.wait-autoplay { opacity: 0 } .owl-carousel.owl-refresh .owl-item { visibility: hidden } .owl-carousel.owl-drag .owl-item { touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; user-select: none } .owl-carousel.owl-grab { cursor: grab } .owl-carousel.owl-rtl { direction: rtl } .owl-carousel.owl-rtl .owl-item { float: right } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both } .owl-carousel .owl-animated-in { z-index: 0 } .owl-carousel .owl-animated-out { z-index: 1 } .owl-carousel .fadeOut { animation-name: fadeOut } @keyframes fadeOut { 0% { opacity: 1 } 100% { opacity: 0 } } .owl-height { transition: height .5s ease-in-out } .glightbox-container { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999999 !important; overflow: hidden; touch-action: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; backface-visibility: hidden; outline: 0 } .glightbox-container .gcontainer { position: relative; width: 100%; height: 100%; z-index: 9999; overflow: hidden } .glightbox-container .gslider { transition: transform .4s; height: 100%; left: 0; top: 0; width: 100%; position: relative; overflow: hidden; display: flex !important; justify-content: center; align-items: center; transform: translate3d(0, 0, 0) } .glightbox-container .gslide { width: 100%; position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: flex; align-items: center; justify-content: center; opacity: 0 } .glightbox-container .gslide.current { opacity: 1; z-index: 99999; position: relative } .glightbox-container .gslide.prev { opacity: 1; z-index: 9999 } .glightbox-container .ginner-container.gvideo-container, .glightbox-container .gslide-inner-content { width: 100% } .glightbox-container .ginner-container { position: relative; width: 100%; display: flex; justify-content: center; flex-direction: column; max-width: 100%; margin: auto; height: 100vh } .glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top { flex-direction: column } .glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right { max-width: 100% !important } .gslide iframe, .gslide video { outline: 0 !important; border: none; min-height: 165px; -webkit-overflow-scrolling: touch; touch-action: auto } .gslide:not(.current) { pointer-events: none } .align-items-center, .gslide-image { align-items: center } .gslide-image img { max-height: 100vh; display: block; padding: 0; float: none; outline: 0; border: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; max-width: 100vw; width: auto; height: auto; -o-object-fit: cover; object-fit: cover; touch-action: none; margin: auto; min-width: 200px } .desc-bottom .gslide-image img, .desc-top .gslide-image img { width: auto } .desc-left .gslide-image img, .desc-right .gslide-image img { width: auto; max-width: 100% } .cta-section .container, .grelative, .gslide-image img.zoomable, .tabs-item { position: relative } .gslide-image img.dragging, .gslide-inline .dragging { cursor: grabbing !important; transition: none } .gslide-video { position: relative; max-width: 100vh; width: 100% !important } .gslide-video .gvideo-wrapper { width: 100%; margin: auto } .gslide-video::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(255, 0, 0, .34); display: none } .gslide-video.fullscreen { max-width: 100% !important; min-width: 100%; height: 75vh } .gslide-description.description-left, .gslide-description.description-right, .gslide-inline, img { max-width: 100% } .gslide-video.fullscreen video { max-width: 100% !important; width: 100% !important } .gslide-inline { background: #fff; text-align: left; max-height: calc(100vh - 40px); overflow: auto; margin: auto } .gslide-inline .ginlined-content { padding: 20px; width: 100% } .ginlined-content { overflow: auto; display: block !important; opacity: 1 } .gslide-external { display: flex; width: 100%; min-width: 100%; background: #fff; padding: 0; overflow: auto; max-height: 75vh; height: 100% } .glightbox-clean .gslide-video, .glightbox-mobile .goverlay, .goverlay { background: #000 } .accordians-content, .card, .card-icon, .glightbox-open { overflow: hidden } .gslide-media { display: flex; width: auto } .zoomed .gslide-media { box-shadow: none !important } .desc-bottom .gslide-media, .desc-top .gslide-media { margin: 0 auto; flex-direction: column } .gslide-description { position: relative; flex: 1 0 100% } .gslide-description.description-bottom, .gslide-description.description-top { margin: 0 auto; width: 100% } .glightbox-clean .gnext, .glightbox-clean .gprev { top: -100%; width: 40px; height: 50px; position: absolute } .gslide-description p { margin-bottom: 12px } .gslide-description p:last-child { margin-bottom: 0 } .glightbox-mobile .glightbox-container .gslide-description { height: auto !important; width: 100%; position: absolute; bottom: 0; padding: 19px 11px 50px; max-width: 100vw !important; order: 2 !important; max-height: 78vh; overflow: auto !important; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .75) 100%); transition: opacity .3s linear } .glightbox-mobile .glightbox-container .gslide-title { color: #fff; font-size: 1em } .glightbox-mobile .glightbox-container .gslide-desc { color: #a1a1a1 } .glightbox-mobile .glightbox-container .gslide-desc a { color: #fff; font-weight: 700 } .glightbox-mobile .glightbox-container .gslide-desc * { color: inherit } .glightbox-mobile .glightbox-container .gslide-desc .desc-more { color: #fff; opacity: .4 } .gdesc-open .gslide-media { transition: opacity .5s; opacity: .4 } .gdesc-open .gdesc-inner { padding-bottom: 30px } .gdesc-closed .gslide-media { transition: opacity .5s; opacity: 1 } .greset { transition: .3s } .gabsolute { position: absolute } .glightbox-desc { display: none !important } .gloader { height: 25px; width: 25px; animation: .8s linear infinite lightboxLoader; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: absolute; display: block; z-index: 9999; left: 0; right: 0; margin: 0 auto; top: 47% } .goverlay { width: 100%; height: calc(100vh + 1px); position: fixed; top: -1px; left: 0; will-change: opacity } .cta span, .glightbox-clean .gslide-description { background: #fff } .gclose, .gnext, .gprev { z-index: 99999; cursor: pointer; width: 26px; height: 44px; border: none; display: flex; justify-content: center; align-items: center; flex-direction: column } .card, .cta { display: inline-block } .gclose svg, .gnext svg, .gprev svg { display: block; width: 25px; height: auto; margin: 0; padding: 0 } .gclose.disabled, .gnext.disabled, .gprev.disabled { opacity: .1 } .gclose .garrow, .gnext .garrow, .gprev .garrow { stroke: #fff } .gbtn.focused { outline: #0f3d81 solid 2px } .glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev { opacity: 0 !important } .glightbox-clean .gdesc-inner { padding: 22px 20px } .glightbox-clean .gslide-title { font-size: 1em; font-weight: 400; font-family: arial; color: #000; margin-bottom: 19px; line-height: 1.4em } .glightbox-clean .gslide-desc { font-size: .86em; margin-bottom: 0; font-family: arial; line-height: 1.4em } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, .75); border-radius: 4px } .glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path { fill: #fff } .glightbox-clean .gprev { left: 30px } .glightbox-clean .gnext { right: 30px } .glightbox-clean .gclose { width: 35px; height: 35px; top: 15px; right: 10px; position: absolute } .glightbox-clean .gclose svg { width: 18px; height: auto } .glightbox-clean .gclose:hover { opacity: 1 } .gfadeIn { animation: .5s gfadeIn } .gfadeOut { animation: .5s gfadeOut } .gslideOutLeft { animation: .3s gslideOutLeft } .gslideInLeft { animation: .3s gslideInLeft } .gslideOutRight { animation: .3s gslideOutRight } .gslideInRight { animation: .3s gslideInRight } .gzoomIn { animation: .5s gzoomIn } .gzoomOut { animation: .5s gzoomOut } @keyframes lightboxLoader { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } @keyframes gfadeIn { from { opacity: 0 } to { opacity: 1 } } @keyframes gfadeOut { from { opacity: 1 } to { opacity: 0 } } @keyframes gslideInLeft { from { opacity: 0; transform: translate3d(-60%, 0, 0) } to { visibility: visible; transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideOutLeft { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) } to { transform: translate3d(-60%, 0, 0); opacity: 0; visibility: hidden } } @keyframes gslideInRight { from { opacity: 0; visibility: visible; transform: translate3d(60%, 0, 0) } to { transform: translate3d(0, 0, 0); opacity: 1 } } @keyframes gslideOutRight { from { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0) } to { transform: translate3d(60%, 0, 0); opacity: 0 } } @keyframes gzoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 1 } } @keyframes gzoomOut { from { opacity: 1 } 50% { opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @media(min-width:769px) { .glightbox-container .ginner-container { width: auto; height: auto; flex-direction: row } .glightbox-container .ginner-container.desc-left .gslide-description, .glightbox-container .ginner-container.desc-top .gslide-description { order: 0 } .glightbox-container .ginner-container.desc-left .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img { order: 1 } .gslide-image img { max-height: 97vh; max-width: 100% } .gslide-image img.zoomable { cursor: zoom-in } .zoomed .gslide-image img.zoomable { cursor: grab } .gslide-inline { max-height: 95vh } .gslide-external { max-height: 100vh } .gslide-description.description-left, .gslide-description.description-right { max-width: 275px } .glightbox-open { height: auto } .goverlay { background: rgba(0, 0, 0, .92) } .glightbox-clean .gslide-media { box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, .65) } .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner { position: absolute; height: 100%; overflow-y: auto } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { background-color: rgba(0, 0, 0, .32) } .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover { background-color: rgba(0, 0, 0, .7) } .glightbox-clean .gnext, .glightbox-clean .gprev { top: 45% } } @media(min-width:992px) { .glightbox-clean .gclose { opacity: .7; right: 20px } } @media screen and (max-height:420px) { .goverlay { background: #000 } } @font-face { font-family: icomoon; src: url("../fonts/icomoon.eot?h23sjw"); src: url("../fonts/icomoon.eot?h23sjw#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?h23sjw") format("truetype"), url("../fonts/icomoon.woff?h23sjw") format("woff"), url("../fonts/icomoon.svg?h23sjw#icomoon") format("svg"); font-weight: 400; font-style: normal; font-display: block } [class*=" icon-"], [class^=icon-] { font-family: icomoon !important; speak: never; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .form-control, body { font-family: Poppins, sans-serif } .icon-list-icon:before { content: "" } .icon-arrow:before { content: "" } .icon-menu-bar:before { content: "" } .icon-print:before { content: "" } .icon-play:before { content: "" } .icon-phone:before { content: "" } .icon-twitter:before { content: "" } .icon-facebook:before { content: "" } .icon-envelope:before { content: "" } .icon-linkedin:before { content: "" } .icon-reddit:before { content: "" } .icon-whatsapp:before { content: "" } .icon-telegram:before { content: "" } .icon-close:before { content: "" } .icon-left-quote:before, .icon-quote:before { content: "" } .icon-arrow-right:before { content: "" } .icon-arrow-left:before { content: "" } .icon-add:before { content: "" } .icon-clock:before { content: "" } .icon-star:before { content: "" } .icon-star-o:before { content: "" } .icon-location:before { content: "" } .icon-star-half-o:before { content: "" } .common-spacing-tb { padding-top: 96px; padding-bottom: 96px } .pt-0 { padding-top: 0 !important } .m-0 { margin: 0 !important } .mt-0 { margin-top: 0 !important } .mb-0 { margin-bottom: 0 !important } .ms-0 { margin-left: 0 !important } .me-0 { margin-right: 0 !important } .ml-24 { margin-left: 24px } @media screen and (max-width:1199.98px) { .common-spacing-tb { padding-top: 48px; padding-bottom: 48px } } @media screen and (max-width:767.98px) { .pt-m-0 { padding-top: 0 !important } } .cta { color: #fff; font-weight: 800; font-size: 18px; min-height: 72px; background-color: #1a8379; border: 1px solid #1a8379; border-radius: 50px; padding: 20px 24px; cursor: pointer } .cta span { border-radius: 50px; color: #1a8379; width: 56px; height: 56px; margin-right: 12px } .cta:hover { background-color: #fff; color: #11232f; transform: scale(1.05); z-index: 1 } .cta.cta-outline, .cta.cta-outline-white { background-color: rgba(0, 0, 0, 0); text-align: center } .cta-section .cta-icon span, .cta:hover span { background: #1a8379; color: #fff } .cta.cta-outline { border-color: #11232f; color: #11232f } .cta.cta-outline:hover { background-color: #1a8379; border-color: #1a8379; color: #fff; z-index: 1 } .cta.cta-outline-white { border-color: #fff; color: #fff } .cta.cta-outline-white:hover { background-color: #fff; border-color: #fff; color: #1a8379; z-index: 1 } .cta.cta-icon, .cta.cta-icon-outline, .cta.cta-icon-white { display: flex; justify-content: start; align-items: center; padding: 8px 24px 8px 8px } .cta.cta-icon-outline { background: rgba(0, 0, 0, 0); border-color: #1a8379; color: #1a8379 } .cta.cta-icon-white { background: #fff; color: #11232f } .card { position: relative; border-radius: 12px; color: #11232f; width: 100% } .card img { width: 100% } .card-content { position: absolute; bottom: 0; padding: 8px; width: 100% } .card-content__heading { background: #fff; padding: 12px; border-radius: 12px; min-height: 78px; display: flex; align-items: center } .card:hover img { transform: scale(1.1) rotate(5deg) } .card:hover .card-content__heading { background: rgba(28, 131, 122, .8); color: #fff } .card-icon-overlay p, .card.our-team-card, .form-group, .insurance-coverage-card-icon, .rating-card h3 { margin-bottom: 16px } .content-section-desc h5, .content-section.heading-content-cont h4:not(:last-child), .insurance-coverage-card h2, .list>li, .list>li:not(:last-child) { margin-bottom: 8px } .card.our-team-card .card-content { bottom: auto; top: calc(100% - 120px) } .card.our-team-card .card-content__heading { flex-direction: column; text-align: center; justify-content: center; transform: translate(0, 0); color: #11232f } .card.our-team-card .card-content__heading h3 { padding-bottom: 4px } .card.our-team-card .card-content__heading h6 { font-weight: 600; font-size: 18px } .card.our-team-card .team-desc { opacity: 0; height: 0; padding-top: 24px } .card.our-team-card:hover .card-content { height: 100%; top: 0 } .card.our-team-card:hover .card-content__heading { height: 100%; background: rgba(255, 255, 255, .8) } .card.our-team-card:hover .team-desc { opacity: 1; height: auto } .card-icon { padding: 12px; border-radius: 12px; background: #fff; box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15); height: 100%; position: relative } .card-icon-image { height: 88px; margin-bottom: 20px } .card-icon-content h3 { font-size: 18px } .card-icon-overlay { position: absolute; background: #1a8379; padding: 16px; top: 100%; left: 0; width: 100%; height: 100%; color: #fff; opacity: 0 } .card-icon-overlay .cta-outline { border-color: #fff; color: #fff; padding: 4px 16px; font-weight: 600 } .card-icon:hover .card-icon-overlay { top: 0; opacity: 1 } .tabs { display: flex; justify-content: center; margin-bottom: 24px } .list, p { margin-bottom: 20px } .tabs-item__link { padding: 16px 24px; font-weight: 600; display: inline-block; color: #11232f; border: none; border-bottom: 2px solid transparent; cursor: pointer; font-size: 18px; background: rgba(0, 0, 0, 0) } .list.address-list li .list-icon, .list.address-list li>a .list-icon { width: 32px; height: 32px; background: #1a8379; border-radius: 50px; margin-right: 12px; color: #fff } .tabs-item__link.active, .tabs-item__link.active:hover { border-color: #1a8379; color: #1a8379 } .tabs-item__link:hover { border-color: #f3f4f4; color: #a7a7a7 } .list { padding-left: 0 } .list>li { position: relative; padding-left: 20px } .list>li::before { content: ""; background: url("../images/icons/list-icon.svg") left center no-repeat; width: 10px; height: 12px; position: absolute; left: 0; top: 7px } .list.three-col-list { display: flex; flex-wrap: wrap } .list.three-col-list>li { width: 33% } .list.two-col-list { display: flex; flex-wrap: wrap; list-style: none } .list.two-col-list>li { width: calc(50% - 12px); padding-left: 0 } .list.two-col-list>li:nth-child(odd) { margin-right: 12px } .list.two-col-list>li:nth-child(2n) { margin-left: 12px } .list.address-list li { padding-left: 0; display: flex; align-items: start } .list.address-list li .list-icon { font-size: 16px } .list.address-list li>a { display: flex; align-items: center } .form-label { font-size: 18px; font-weight: 400; margin-bottom: 4px; display: block } .insurance-coverage-card, h1 { margin-bottom: 32px } .form-control { background-color: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .15); border-radius: 12px; width: 100%; color: #fff; padding: 12px 16px; outline: 0; font-size: 18px } .form-control::-moz-placeholder { color: rgba(255, 255, 255, .3) } .form-control::placeholder { color: rgba(255, 255, 255, .3) } .insurance-coverage-form { background-color: rgba(26, 131, 121, .8); border-radius: 16px; padding: 32px; color: #fff } .insurance-coverage-form__cta { border-color: #fff; color: #fff; margin-top: 20px; width: 100% } .insurance-coverage-form__cta:hover { background: #fff; color: #1a8379 } .accordians { border: 1px solid #eee; padding: 16px 24px; margin-bottom: 12px; text-align: left } .accordians-header { margin: 0; cursor: pointer; outline: 0; position: relative; display: flex; align-items: center; padding: 12px 0 } .accordians-header h4 { font-weight: 600 } .accordians-header::after { content: ""; font-family: icomoon !important; font-size: 24px; margin-left: auto } .accordians-content { height: 0; position: relative } .accordians.active .accordians-content { height: -moz-max-content; height: max-content } .accordians.active .accordians-header::after { transform: rotate(45deg) } .rating-card { padding: 48px; border: 1px solid #1a8379; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; background: #fff } .rating-star { color: #ecd147 } .rating-content { margin-top: 24px } .content-section-image { position: relative; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; overflow: hidden } .content-section-image img { width: 100%; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px } .content-section-image__overlay { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .2); background-image: -moz-linear-gradient(center top, rgba(0, 0, 0, .2), rgba(0, 0, 0, .9)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, .2)), to(rgba(0, 0, 0, .9))); top: 0; left: 0; flex-direction: column } .content-section-image__overlay h3 { color: #fff; position: absolute; bottom: 0; font-size: 32px; font-weight: 400; width: 100%; padding: 0 56px 56px; margin-bottom: 0 } .content-section-inner h4, h2 { margin-bottom: 28px } .content-section-image__overlay h3 span { font-weight: 600; display: block } .content-section-image__videoplay { width: 96px; height: 96px; background: #fff; font-size: 28px; border-radius: 50px; cursor: pointer } .content-section-desc { padding-left: 56px } .content-section-desc.left-content { padding-left: 0; padding-right: 56px } .content-section-desc-wrapper { padding: 32px; background: rgba(255, 255, 255, .1); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; color: #fff; height: 100% } .content-section-inner { margin-bottom: 48px } .content-section-fullwidth { display: flex; align-items: center; justify-content: center; text-align: center } .content-section-fullwidth h2, .cta-section h2, .text-center { text-align: center } .cta-section { color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; display: flex; align-items: center; justify-content: center; text-align: center; position: relative } .cta-section-light, .light-grey-bg, blockquote { background: #f3f4f4 } .cta-section::before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(28, 131, 122, .85) } .cta-section .cta-icon { border-color: #fff; color: #11232f; background: #fff; margin-top: 20px } .cta-section-light { color: #11232f } .cta-section-2-inner-cont { background: #f3f4f4; padding: 96px; border-radius: 12px } @media only screen and (max-width:1199.98px) { .cta-section-2-inner-cont { padding: 48px } } @media only screen and (max-width:991.98px) { .cta { font-size: 16px; min-height: auto; padding: 16px } .cta span { width: 42px; height: 42px } .cta span img { width: 16px } .list.three-col-list>li, .list.two-col-list>li { width: 100% } .list.two-col-list>li:nth-child(odd) { margin-right: 0 } .list.two-col-list>li:nth-child(2n) { margin-left: 0 } .rating-card { padding: 24px } .content-section h2.text-center, .content-section-fullwidth h2 { text-align: left } .content-section-fullwidth { padding: 48px 0; text-align: left } .content-section-left-image .container>.row { flex-direction: column-reverse } .content-section-desc { padding-left: 0 } .content-section-desc.left-content { padding-right: 0 } .content-section .insurance-coverage-form, .content-section-image { margin-top: 24px } .cta-section { padding: 48px 0 } } @media only screen and (max-width:767.98px) { .cta-section-2-inner-cont { padding: 24px } } * { padding: 0; margin: 0; box-sizing: border-box } a { text-decoration: none; color: #1a8379; font-weight: 600 } body, h1 span, h2 span { font-weight: 400 } img { height: auto; display: block } body { font-size: 18px; font-style: normal; line-height: 1.7 } h1, h2 { font-weight: 700 } h1, h2, h3, h4, h5, h6 { line-height: 1.4 } h1 { font-size: 48px } h2 { font-size: 36px } h3 { font-size: 20px; font-weight: 600 } h4, h5 { font-weight: 800 } h4 { font-size: 22px } h5 { font-size: 18px } .text-left { text-align: left } .d-flex { display: flex } .justify-content-center { justify-content: center } .accordians-content, .accordians-header::after, .accordians.active .accordians-content, .accordians.active .accordians-header::after, .card img, .card-content, .card-content__heading, .card.our-team-card:hover .card-content__heading, .card.our-team-card:hover .team-desc, .card:hover img, .cta, .cta span, .cta.cta-outline-white:hover, .cta.cta-outline:hover, .cta:hover, .cta:hover span, .transition, header, header.fixed { transition: .2s linear; -webkit-transition: .2s linear; -moz-transition: .2s linear } .content-section-image__overlay, .content-section-image__videoplay, .cta span, .list.address-list li .list-icon, .list.address-list li>a .list-icon, .middle-align, header .navbar-menu-toggle { display: flex; align-items: center; justify-content: center } blockquote { padding: 12px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; font-weight: 600 } .primary-light-bg { background: #e6f9f7 } .text-light { color: #fff } .ripple { animation: 1s linear infinite ripple } .content-section-image__videoplay, .ripple-white { animation: 1s linear infinite ripple-white } @keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(26, 131, 121, .1), 0 0 0 2px rgba(26, 131, 121, .1), 0 0 0 6px rgba(26, 131, 121, .1), 0 0 0 18px rgba(26, 131, 121, .1) } 100% { box-shadow: 0 0 0 2px rgba(26, 131, 121, .1), 0 0 0 6px rgba(26, 131, 121, .1), 0 0 0 18px rgba(26, 131, 121, .1), 0 0 0 30px rgba(26, 131, 121, 0) } } @keyframes ripple-white { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .1), 0 0 0 2px rgba(255, 255, 255, .1), 0 0 0 6px rgba(255, 255, 255, .1), 0 0 0 18px rgba(255, 255, 255, .1) } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 0 6px rgba(255, 255, 255, .1), 0 0 0 18px rgba(255, 255, 255, .1), 0 0 0 30px rgba(255, 255, 255, 0) } } @media(min-width:1400px) { .col-xxl { flex: 1 0 0% } .col-xxl-auto, .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto } .col-xxl-12, .row-cols-xxl-1>* { flex: 0 0 auto; width: 100% } .col-xxl-6, .row-cols-xxl-2>* { flex: 0 0 auto; width: 50% } .col-xxl-4, .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.33333333% } .col-xxl-3, .row-cols-xxl-4>* { flex: 0 0 auto; width: 25% } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20% } .col-xxl-2, .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.66666667% } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333% } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667% } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333% } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667% } .col-xxl-9 { flex: 0 0 auto; width: 75% } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333% } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667% } .offset-xxl-0 { margin-left: 0 } .offset-xxl-1 { margin-left: 8.33333333% } .offset-xxl-2 { margin-left: 16.66666667% } .offset-xxl-3 { margin-left: 25% } .offset-xxl-4 { margin-left: 33.33333333% } .offset-xxl-5 { margin-left: 41.66666667% } .offset-xxl-6 { margin-left: 50% } .offset-xxl-7 { margin-left: 58.33333333% } .offset-xxl-8 { margin-left: 66.66666667% } .offset-xxl-9 { margin-left: 75% } .offset-xxl-10 { margin-left: 83.33333333% } .offset-xxl-11 { margin-left: 91.66666667% } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0 } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0 } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem } .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1280px } } @media screen and (max-width:1199.99px) { h1 { font-size: 40px } h2 { font-size: 28px } } @media screen and (max-width:991.99px) { .card, .card-icon { margin-bottom: 20px; height: auto } .card-icon-image, .card-image { height: auto } .card-icon-image img, .card-image img { height: 56px } .tabs { flex-wrap: wrap } .tabs-item { text-align: center } .tabs-item__link { font-size: 16px; padding: 16px 12px } .accordians-header h4, .form-label, h5 { font-size: 16px } .insurance-coverage-card-icon { width: 56px } .accordians { padding: 8px 16px } body { font-size: 16px; line-height: 1.5 } h1 { font-size: 32px } h1 br, h2 br { display: none } h2 { font-size: 24px } h4 { font-size: 18px } .text-left-m { text-align: left !important } } @media screen and (max-width:767.99px) { .form-control { padding: 8px 16px } h1 { font-size: 28px } h2 { margin-bottom: 24px } } @font-face { font-family: icomoon; src:url(https://22173549.fs1.hubspotusercontent-na1.net/hubfs/22173549/raw_assets/public/NuView-LP/fonts/icomoon.svg) format("embedded-opentype"),url(https://22173549.fs1.hubspotusercontent-na1.net/hubfs/22173549/raw_assets/public/NuView-LP/fonts/icomoon.ttf),url(https://22173549.fs1.hubspotusercontent-na1.net/hubfs/22173549/raw_assets/public/NuView-LP/fonts/icomoon.woff); font-style:normal; font-weight:400 } .chatWidgetPreview .input::placeholder, .chatWidgetPreview .textarea::placeholder { color: #363636 } .open-accessibility{position:fixed;z-index:10;left:20px;bottom:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.open-accessibility.open-accessibility-size-s.open-accessibility-collapsed .open-accessibility-container{width:40px;height:40px}.open-accessibility.open-accessibility-size-s.open-accessibility-collapsed .open-accessibility-container .open-accessibility-expand-button{line-height:40px;width:40px;height:40px}.open-accessibility.open-accessibility-size-s.open-accessibility-collapsed .open-accessibility-container .open-accessibility-expand-button svg{width:24px;height:40px}.open-accessibility.open-accessibility-size-l.open-accessibility-collapsed .open-accessibility-container{width:160px;height:160px}.open-accessibility.open-accessibility-size-l.open-accessibility-collapsed .open-accessibility-container .open-accessibility-expand-button{line-height:160px;width:160px;height:80px}.open-accessibility.open-accessibility-size-l.open-accessibility-collapsed .open-accessibility-container .open-accessibility-expand-button svg{width:80px;height:160px}.open-accessibility-container{overflow:hidden;box-sizing:border-box;transition:transform 0.2s ease-in-out,width 0.3s ease-in-out,height 0.3s ease-in-out,background-color 0.3s ease-in-out,color 0.3s ease-in-out,border-radius 0.3s ease-in-out;box-shadow:0 5px 10px rgb(0 0 0 / .2)}.open-accessibility-zoom{transition:zoom 0.3s ease-in-out}.open-accessibility-cursor *,.open-accessibility-cursor :hover{cursor:url("https://22173549.fs1.hubspotusercontent-na1.net/hubfs/22173549/nuview/accessibility-images/arrow.png"),default}.open-accessibility-cursor-workaround{pointer-events:none;position:absolute;width:38px;height:60px;z-index:1000;background-image:url("https://22173549.fs1.hubspotusercontent-na1.net/hubfs/22173549/nuview/accessibility-images/arrow.png")}.open-accessibility-highlighted-links .highlighted-link,.open-accessibility-highlighted-links a,.open-accessibility-highlighted-links a:active,.open-accessibility-highlighted-links a:hover,.open-accessibility-highlighted-links a:link,.open-accessibility-highlighted-links a:visited{text-decoration:underline!important}.open-accessibility-close-button{box-sizing:border-box;width:40px;height:40px;cursor:pointer}.open-accessibility-menu{width:300px;height:500px}.open-accessibility-menu-button{float:right;box-sizing:border-box;width:150px;height:105px;cursor:pointer;transition:background-color 0.1s;text-align:center;position:relative;border-radius:2px}.open-accessibility-menu-button:hover{background-color:#f5f5f5}.open-accessibility-menu-button span{position:absolute;display:block;width:100%;bottom:10px;font-weight:700;font-size:17px}.open-accessibility-menu-footer{position:absolute;bottom:0;width:100%;height:30px;line-height:30px;text-align:center;font-family:Consolas,sans-serif;background-color:#f8f8f8;font-size:10px}.open-accessibility-menu-footer a{font-weight:700;text-decoration:underline}.open-accessibility-menu-footer a:active,.open-accessibility-menu-footer a:hover,.open-accessibility-menu-footer a:link,.open-accessibility-menu-footer a:visited{color:#000}.open-accessibility-expand-button{cursor:pointer;width:30px;height:32px;display:flex;text-align:center;align-items:center;justify-content:center}.open-accessibility-expand-button svg{fill:#fff;width:16px}.open-accessibility.open-accessibility-expanded .open-accessibility-container{width:300px;height:500px;border-radius:2px;color:#333;background-color:#fff;transform:scale(1,1) translate3d(0,0,0)}.open-accessibility.open-accessibility-collapsed .open-accessibility-container{width:30px;height:33px;border-radius:4px;color:#fff;background-color:#1a8379}.open-accessibility.open-accessibility-collapsed .open-accessibility-container:hover{transform:scale(1,1) translate3d(0,0,0);box-shadow:0 10px 20px rgb(0 0 0 / .3);transition:all 0.3s ease-in-out}@media screen and (max-width:780px){.open-accessibility{left:12px;bottom:0}.open-accessibility .open-accessibility-menu,.open-accessibility.open-accessibility-expanded .open-accessibility-container{height:10%;width:100%}.open-accessibility-menu-button{width:25%;height:10%}.open-accessibility-menu-footer{display:none!important}.open-accessibility-expand-button{cursor:pointer;width:30px;height:33px;text-align:center}.open-accessibility-expand-button svg{fill:#fff;width:16px}.open-accessibility.open-accessibility-expanded{position:fixed;width:100%}.open-accessibility.open-accessibility-collapsed .open-accessibility-container{width:30px;height:33px;border-radius:4px;color:#fff;background-color:#1a8379;margin-right:12px;margin-bottom:12px}}@media screen and (max-width:576px){.open-accessibility-menu-button{width:50%}} /* Elements Base HMTL elements are styled in this section (,

, ,

,