/*! base.css: the public render-blocking stylesheet stack in one file. Generated, never hand-edit. */
/* ---- vendor/bootstrap/css/bootstrap.slim.css ---- */
:root { --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-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--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-bg:#fff;--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-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#0d6efd;--bs-link-hover-color:#0a58ca;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd }
*,::after,::before { box-sizing:border-box }
@media (prefers-reduced-motion:no-preference) {
:root { scroll-behavior:smooth }
}
body { margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent }
hr { margin:1rem 0;color:inherit;border:0;border-top:1px solid;opacity:.25 }
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 { margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2 }
.h1,h1 { font-size:calc(1.375rem + 1.5vw) }
@media (min-width:1200px) {
.h1,h1 { font-size:2.5rem }
}
.h2,h2 { font-size:calc(1.325rem + .9vw) }
@media (min-width:1200px) {
.h2,h2 { font-size:2rem }
}
.h3,h3 { font-size:calc(1.3rem + .6vw) }
@media (min-width:1200px) {
.h3,h3 { font-size:1.75rem }
}
.h4,h4 { font-size:calc(1.275rem + .3vw) }
@media (min-width:1200px) {
.h4,h4 { font-size:1.5rem }
}
.h5,h5 { font-size:1.25rem }
.h6,h6 { font-size:1rem }
p { margin-top:0;margin-bottom:1rem }
ol,ul { padding-left:2rem }
dl,ol,ul { margin-top:0;margin-bottom:1rem }
ol ol,ol ul,ul ol,ul ul { margin-bottom:0 }
dt { font-weight:700 }
dd { margin-bottom:.5rem;margin-left:0 }
blockquote { margin:0 0 1rem }
b,strong { font-weight:bolder }
.small,small { font-size:.875em }
a { color:var(--bs-link-color);text-decoration:underline }
a:hover { color:var(--bs-link-hover-color) }
a:not([href]):not([class]),a:not([href]):not([class]):hover { color:inherit;text-decoration:none }
code,kbd,pre,samp { font-family:var(--bs-font-monospace);font-size:1em }
kbd { padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem }
kbd kbd { padding:0;font-size:1em }
figure { margin:0 0 1rem }
img,svg { vertical-align:middle }
table { caption-side:bottom;border-collapse:collapse }
th { text-align:inherit;text-align:-webkit-match-parent }
tbody,td,tfoot,th,thead,tr { border-color:inherit;border-style:solid;border-width:0 }
label { display:inline-block }
button { border-radius:0 }
button:focus:not(:focus-visible) { outline:0 }
button,input,optgroup,select,textarea { margin:0;font-family:inherit;font-size:inherit;line-height:inherit }
button,select { text-transform:none }
[role=button] { cursor:pointer }
select { word-wrap:normal }
select:disabled { opacity:1 }
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display:none!important }
[type=button],[type=reset],[type=submit],button { -webkit-appearance:button }
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) { cursor:pointer }
::-moz-focus-inner { padding:0;border-style:none }
textarea { resize:vertical }
fieldset { min-width:0;padding:0;margin:0;border:0 }
legend { float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit }
@media (min-width:1200px) {
legend { font-size:1.5rem }
}
legend+* { clear:left }
::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field { padding:0 }
::-webkit-inner-spin-button { height:auto }
[type=search] { outline-offset:-2px;-webkit-appearance:textfield }
::-webkit-search-decoration { -webkit-appearance:none }
::-webkit-color-swatch-wrapper { padding:0 }
::-webkit-file-upload-button { font:inherit;-webkit-appearance:button }
::file-selector-button { font:inherit;-webkit-appearance:button }
iframe { border:0 }
summary { display:list-item;cursor:pointer }
[hidden] { display:none!important }
.lead { font-size:1.25rem;font-weight:300 }
.display-5 { font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2 }
@media (min-width:1200px) {
.display-5 { font-size:3rem }
}
.display-6 { font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2 }
@media (min-width:1200px) {
.display-6 { font-size:2.5rem }
}
.list-unstyled { padding-left:0;list-style:none }
.list-inline { padding-left:0;list-style:none }
.list-inline-item { display:inline-block }
.list-inline-item:not(:last-child) { margin-right:.5rem }
.blockquote { margin-bottom:1rem;font-size:1.25rem }
.blockquote>:last-child { margin-bottom:0 }
.blockquote-footer { margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d }
.blockquote-footer::before { content:"— " }
.img-fluid { max-width:100%;height:auto }
.img-thumbnail { padding:.25rem;background-color:#fff;border:1px solid var(--bs-border-color);border-radius:.375rem;max-width:100%;height:auto }
.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 }
}
@media (min-width:768px) {
.container,.container-md,.container-sm { max-width:720px }
}
@media (min-width:992px) {
.container,.container-lg,.container-md,.container-sm { max-width:960px }
}
@media (min-width:1200px) {
.container,.container-lg,.container-md,.container-sm,.container-xl { max-width:1140px }
}
@media (min-width:1400px) {
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl { max-width:1320px }
}
.row { --bs-gutter-x:1.5rem;--bs-gutter-y:0;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% }
.row-cols-1>* { flex:0 0 auto;width:100% }
.col-auto { flex:0 0 auto;width:auto }
.col-4 { flex:0 0 auto;width:33.33333333% }
.col-6 { flex:0 0 auto;width:50% }
.col-10 { flex:0 0 auto;width:83.33333333% }
.col-12 { flex:0 0 auto;width:100% }
.g-0,.gx-0 { --bs-gutter-x:0 }
.g-0,.gy-0 { --bs-gutter-y:0 }
.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:576px) {
.row-cols-sm-2>* { flex:0 0 auto;width:50% }
.col-sm-3 { flex:0 0 auto;width:25% }
.col-sm-5 { flex:0 0 auto;width:41.66666667% }
.col-sm-6 { flex:0 0 auto;width:50% }
.col-sm-8 { flex:0 0 auto;width:66.66666667% }
.col-sm-9 { flex:0 0 auto;width:75% }
.col-sm-12 { flex:0 0 auto;width:100% }
.offset-sm-4 { margin-left:33.33333333% }
}
@media (min-width:768px) {
.col-md { flex:1 0 0% }
.col-md-auto { flex:0 0 auto;width:auto }
.col-md-3 { flex:0 0 auto;width:25% }
.col-md-4 { flex:0 0 auto;width:33.33333333% }
.col-md-5 { flex:0 0 auto;width:41.66666667% }
.col-md-6 { flex:0 0 auto;width:50% }
.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-12 { flex:0 0 auto;width:100% }
.offset-md-4 { margin-left:33.33333333% }
}
@media (min-width:992px) {
.col-lg { flex:1 0 0% }
.col-lg-auto { flex:0 0 auto;width:auto }
.col-lg-2 { flex:0 0 auto;width:16.66666667% }
.col-lg-3 { flex:0 0 auto;width:25% }
.col-lg-4 { flex:0 0 auto;width:33.33333333% }
.col-lg-5 { flex:0 0 auto;width:41.66666667% }
.col-lg-6 { flex:0 0 auto;width:50% }
.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-12 { flex:0 0 auto;width:100% }
.offset-lg-2 { margin-left:16.66666667% }
.offset-lg-3 { margin-left:25% }
.g-lg-2,.gx-lg-2 { --bs-gutter-x:0.5rem }
.g-lg-4,.gx-lg-4 { --bs-gutter-x:1.5rem }
.g-lg-5,.gx-lg-5 { --bs-gutter-x:3rem }
}
.table { --bs-table-color:var(--bs-body-color);--bs-table-bg:transparent;--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-body-color);--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:var(--bs-body-color);--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:var(--bs-body-color);--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:var(--bs-table-color);vertical-align:top;border-color:var(--bs-table-border-color) }
.table>:not(caption)>*>* { padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg) }
.table>tbody { vertical-align:inherit }
.table>thead { vertical-align:bottom }
.table-sm>:not(caption)>*>* { padding:.25rem .25rem }
.table-bordered>:not(caption)>* { border-width:1px 0 }
.table-bordered>:not(caption)>*>* { border-width:0 1px }
.table-light { --bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#dfe0e1;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color) }
.table-responsive { overflow-x:auto;-webkit-overflow-scrolling:touch }
.form-label { margin-bottom:.5rem }
.form-control { display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.form-control { transition:none }
}
.form-control[type=file] { overflow:hidden }
.form-control[type=file]:not(:disabled):not([readonly]) { cursor:pointer }
.form-control:focus { color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25) }
.form-control::-webkit-date-and-time-value { height:1.5em }
.form-control::-moz-placeholder { color:#6c757d;opacity:1 }
.form-control::placeholder { color:#6c757d;opacity:1 }
.form-control:disabled { background-color:#e9ecef;opacity:1 }
.form-control::-webkit-file-upload-button { padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }
.form-control::file-selector-button { padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.form-control::-webkit-file-upload-button { -webkit-transition:none;transition:none }
.form-control::file-selector-button { transition:none }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color:#dde0e3 }
.form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color:#dde0e3 }
.form-control-lg { min-height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;border-radius:.5rem }
.form-control-lg::-webkit-file-upload-button { padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem }
.form-control-lg::file-selector-button { padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem }
textarea.form-control { min-height:calc(1.5em + .75rem + 2px) }
textarea.form-control-lg { min-height:calc(1.5em + 1rem + 2px) }
.form-select { display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none }
@media (prefers-reduced-motion:reduce) {
.form-select { transition:none }
}
.form-select:focus { border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25) }
.form-select:disabled { background-color:#e9ecef }
.form-select:-moz-focusring { color:transparent;text-shadow:0 0 0 #212529 }
.form-select-lg { padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:.5rem }
.form-check { display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem }
.form-check .form-check-input { float:left;margin-left:-1.5em }
.form-check-input { width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact }
.form-check-input[type=checkbox] { border-radius:.25em }
.form-check-input[type=radio] { border-radius:50% }
.form-check-input:active { filter:brightness(90%) }
.form-check-input:focus { border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25) }
.form-check-input:checked { background-color:#0d6efd;border-color:#0d6efd }
.form-check-input:checked[type=checkbox] { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") }
.form-check-input:checked[type=radio] { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") }
.form-check-input[type=checkbox]:indeterminate { background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e") }
.form-check-input:disabled { pointer-events:none;filter:none;opacity:.5 }
.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label { cursor:default;opacity:.5 }
.form-check-inline { display:inline-block;margin-right:1rem }
.input-group { position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100% }
.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select { position:relative;flex:1 1 auto;width:1%;min-width:0 }
.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus { z-index:5 }
.input-group .btn { position:relative;z-index:2 }
.input-group .btn:focus { z-index:5 }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius:0;border-bottom-right-radius:0 }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0 }
.valid-feedback { display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754 }
.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip { display:block }
.form-control.is-valid,.was-validated .form-control:valid { border-color:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem) }
.form-control.is-valid:focus,.was-validated .form-control:valid:focus { border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25) }
.was-validated textarea.form-control:valid,textarea.form-control.is-valid { padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) }
.form-select.is-valid,.was-validated .form-select:valid { border-color:#198754 }
.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"] { padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) }
.form-select.is-valid:focus,.was-validated .form-select:valid:focus { border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25) }
.form-check-input.is-valid,.was-validated .form-check-input:valid { border-color:#198754 }
.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked { background-color:#198754 }
.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus { box-shadow:0 0 0 .25rem rgba(25,135,84,.25) }
.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label { color:#198754 }
.form-check-inline .form-check-input~.valid-feedback { margin-left:.5em }
.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid { z-index:3 }
.invalid-feedback { display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545 }
.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip { display:block }
.form-control.is-invalid,.was-validated .form-control:invalid { border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem) }
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus { border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25) }
.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem) }
.form-select.is-invalid,.was-validated .form-select:invalid { border-color:#dc3545 }
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"] { padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem) }
.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus { border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25) }
.form-check-input.is-invalid,.was-validated .form-check-input:invalid { border-color:#dc3545 }
.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked { background-color:#dc3545 }
.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus { box-shadow:0 0 0 .25rem rgba(220,53,69,.25) }
.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label { color:#dc3545 }
.form-check-inline .form-check-input~.invalid-feedback { margin-left:.5em }
.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid { z-index:4 }
.btn { --bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:#212529;--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:0.375rem;--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.btn { transition:none }
}
.btn:hover { color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color) }
.btn:focus-visible { color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow) }
.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active { color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color) }
.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible { box-shadow:var(--bs-btn-focus-box-shadow) }
.btn.disabled,.btn:disabled,fieldset:disabled .btn { color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity) }
.btn-primary { --bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd }
.btn-success { --bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754 }
.btn-warning { --bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107 }
.btn-danger { --bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545 }
.btn-light { --bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa }
.btn-dark { --bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529 }
.btn-outline-primary { --bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none }
.btn-outline-secondary { --bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none }
.btn-outline-light { --bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none }
.btn-group-lg>.btn,.btn-lg { --bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:0.5rem }
.btn-group-sm>.btn,.btn-sm { --bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:0.25rem }
.fade { transition:opacity .15s linear }
@media (prefers-reduced-motion:reduce) {
.fade { transition:none }
}
.fade:not(.show) { opacity:0 }
.collapse:not(.show) { display:none }
.collapsing { height:0;overflow:hidden;transition:height .35s ease }
@media (prefers-reduced-motion:reduce) {
.collapsing { transition:none }
}
.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center { position:relative }
.dropdown-toggle { white-space:nowrap }
.dropdown-toggle::after { display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent }
.dropdown-toggle:empty::after { margin-left:0 }
.dropdown-menu { --bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:#212529;--bs-dropdown-bg:#fff;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:0.375rem;--bs-dropdown-border-width:1px;--bs-dropdown-inner-border-radius:calc(0.375rem - 1px);--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-dropdown-link-color:#212529;--bs-dropdown-link-hover-color:#1e2125;--bs-dropdown-link-hover-bg:#e9ecef;--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius) }
.dropdown-divider { height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1 }
.dropdown-item { display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0 }
.dropdown-item:focus,.dropdown-item:hover { color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg) }
.dropdown-item.active,.dropdown-item:active { color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg) }
.dropdown-item.disabled,.dropdown-item:disabled { color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent }
.dropdown-menu.show { display:block }
.dropdown-header { display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap }
.nav { --bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:#6c757d;display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none }
.nav-link { display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.nav-link { transition:none }
}
.nav-link:focus,.nav-link:hover { color:var(--bs-nav-link-hover-color) }
.nav-link.disabled { color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default }
.nav-tabs { --bs-nav-tabs-border-width:1px;--bs-nav-tabs-border-color:#dee2e6;--bs-nav-tabs-border-radius:0.375rem;--bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;--bs-nav-tabs-link-active-color:#495057;--bs-nav-tabs-link-active-bg:#fff;--bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color) }
.nav-tabs .nav-link { margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));background:0 0;border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius) }
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover { isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color) }
.nav-tabs .nav-link.disabled,.nav-tabs .nav-link:disabled { color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent }
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active { color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color) }
.nav-tabs .dropdown-menu { margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0 }
.nav-pills { --bs-nav-pills-border-radius:0.375rem;--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd }
.nav-pills .nav-link { background:0 0;border:0;border-radius:var(--bs-nav-pills-border-radius) }
.nav-pills .nav-link:disabled { color:var(--bs-nav-link-disabled-color);background-color:transparent;border-color:transparent }
.nav-pills .nav-link.active,.nav-pills .show>.nav-link { color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg) }
.tab-content>.tab-pane { display:none }
.tab-content>.active { display:block }
.card { --bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-border-width:1px;--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:0.375rem;--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(0.375rem - 1px);--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(0, 0, 0, 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:#fff;--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius) }
.card>hr { margin-right:0;margin-left:0 }
.card>.list-group { border-top:inherit;border-bottom:inherit }
.card>.list-group:first-child { border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius) }
.card>.list-group:last-child { border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius) }
.card>.card-header+.list-group,.card>.list-group+.card-footer { border-top:0 }
.card-body { flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color) }
.card-title { margin-bottom:var(--bs-card-title-spacer-y) }
.card-text:last-child { margin-bottom:0 }
.card-header { padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color) }
.card-header:first-child { border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0 }
.card-img,.card-img-bottom,.card-img-top { width:100% }
.card-img,.card-img-top { border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius) }
.accordion { --bs-accordion-color:#212529;--bs-accordion-bg:#fff;--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:1px;--bs-accordion-border-radius:0.375rem;--bs-accordion-inner-border-radius:calc(0.375rem - 1px);--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:#212529;--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");--bs-accordion-btn-focus-border-color:#86b7fe;--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:#0c63e4;--bs-accordion-active-bg:#e7f1ff }
.accordion-button { position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition) }
@media (prefers-reduced-motion:reduce) {
.accordion-button { transition:none }
}
.accordion-button:not(.collapsed) { color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color) }
.accordion-button:not(.collapsed)::after { background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform) }
.accordion-button::after { flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition) }
@media (prefers-reduced-motion:reduce) {
.accordion-button::after { transition:none }
}
.accordion-button:hover { z-index:2 }
.accordion-button:focus { z-index:3;border-color:var(--bs-accordion-btn-focus-border-color);outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow) }
.accordion-header { margin-bottom:0 }
.accordion-item { color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color) }
.accordion-item:first-of-type { border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius) }
.accordion-item:first-of-type .accordion-button { border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius) }
.accordion-item:not(:first-of-type) { border-top:0 }
.accordion-item:last-of-type { border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius) }
.accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius) }
.accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius) }
.accordion-body { padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x) }
.breadcrumb { --bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:#6c757d;--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:#6c757d;display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius) }
.pagination { --bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:#fff;--bs-pagination-border-width:1px;--bs-pagination-border-color:#dee2e6;--bs-pagination-border-radius:0.375rem;--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:#e9ecef;--bs-pagination-hover-border-color:#dee2e6;--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:#e9ecef;--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:#6c757d;--bs-pagination-disabled-bg:#fff;--bs-pagination-disabled-border-color:#dee2e6;display:flex;padding-left:0;list-style:none }
.page-link { position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out }
@media (prefers-reduced-motion:reduce) {
.page-link { transition:none }
}
.page-link:hover { z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color) }
.page-link:focus { z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow) }
.active>.page-link,.page-link.active { z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color) }
.disabled>.page-link,.page-link.disabled { color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color) }
.page-item:not(:first-child) .page-link { margin-left:-1px }
.page-item:first-child .page-link { border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius) }
.page-item:last-child .page-link { border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius) }
.badge { --bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:0.375rem;display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius) }
.badge:empty { display:none }
.btn .badge { position:relative;top:-1px }
.alert { --bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:1px solid var(--bs-alert-border-color);--bs-alert-border-radius:0.375rem;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius) }
.alert-dismissible { padding-right:3rem }
.alert-dismissible .btn-close { position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem }
.alert-success { --bs-alert-color:#0f5132;--bs-alert-bg:#d1e7dd;--bs-alert-border-color:#badbcc }
.alert-info { --bs-alert-color:#055160;--bs-alert-bg:#cff4fc;--bs-alert-border-color:#b6effb }
.alert-warning { --bs-alert-color:#664d03;--bs-alert-bg:#fff3cd;--bs-alert-border-color:#ffecb5 }
.alert-danger { --bs-alert-color:#842029;--bs-alert-bg:#f8d7da;--bs-alert-border-color:#f5c2c7 }
.progress { --bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius) }
.progress-bar { display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition) }
@media (prefers-reduced-motion:reduce) {
.progress-bar { transition:none }
}
.list-group { --bs-list-group-color:#212529;--bs-list-group-bg:#fff;--bs-list-group-border-color:rgba(0, 0, 0, 0.125);--bs-list-group-border-width:1px;--bs-list-group-border-radius:0.375rem;--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:#495057;--bs-list-group-action-hover-color:#495057;--bs-list-group-action-hover-bg:#f8f9fa;--bs-list-group-action-active-color:#212529;--bs-list-group-action-active-bg:#e9ecef;--bs-list-group-disabled-color:#6c757d;--bs-list-group-disabled-bg:#fff;--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius) }
.list-group-item { position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color) }
.list-group-item:first-child { border-top-left-radius:inherit;border-top-right-radius:inherit }
.list-group-item:last-child { border-bottom-right-radius:inherit;border-bottom-left-radius:inherit }
.list-group-item.disabled,.list-group-item:disabled { color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg) }
.list-group-item.active { z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color) }
.list-group-item+.list-group-item { border-top-width:0 }
.list-group-item+.list-group-item.active { margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width) }
.btn-close { box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5 }
.btn-close:hover { color:#000;text-decoration:none;opacity:.75 }
.btn-close:focus { outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1 }
.btn-close.disabled,.btn-close:disabled { pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25 }
.modal { --bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color: ;--bs-modal-bg:#fff;--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:1px;--bs-modal-border-radius:0.5rem;--bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-modal-inner-border-radius:calc(0.5rem - 1px);--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:1px;--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:1px;position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0 }
.modal-dialog { position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none }
.modal.fade .modal-dialog { transition:transform .3s ease-out;transform:translate(0,-50px) }
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog { transition:none }
}
.modal.show .modal-dialog { transform:none }
.modal-content { position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0 }
.modal-header { display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius) }
.modal-header .btn-close { padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin:calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto }
.modal-title { margin-bottom:0;line-height:var(--bs-modal-title-line-height) }
.modal-body { position:relative;flex:1 1 auto;padding:var(--bs-modal-padding) }
.modal-footer { display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius) }
.modal-footer>* { margin:calc(var(--bs-modal-footer-gap) * .5) }
@media (min-width:576px) {
.modal { --bs-modal-margin:1.75rem;--bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15) }
.modal-dialog { max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto }
}
.text-bg-light { color:#000!important;background-color:RGBA(248,249,250,var(--bs-bg-opacity,1))!important }
.ratio { position:relative;width:100% }
.ratio::before { display:block;padding-top:var(--bs-aspect-ratio);content:"" }
.ratio>* { position:absolute;top:0;left:0;width:100%;height:100% }
.ratio-16x9 { --bs-aspect-ratio:56.25% }
.sticky-top { position:-webkit-sticky;position:sticky;top:0;z-index:1020 }
.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within) { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important }
.align-middle { vertical-align:middle!important }
.float-start { float:left!important }
.float-end { float:right!important }
.opacity-0 { opacity:0!important }
.opacity-75 { opacity:.75!important }
.overflow-hidden { overflow:hidden!important }
.d-inline-block { display:inline-block!important }
.d-block { display:block!important }
.d-grid { display:grid!important }
.d-flex { display:flex!important }
.d-inline-flex { display:inline-flex!important }
.d-none { display:none!important }
.shadow { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important }
.shadow-sm { box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important }
.position-relative { position:relative!important }
.position-absolute { position:absolute!important }
.position-fixed { position:fixed!important }
.top-0 { top:0!important }
.bottom-0 { bottom:0!important }
.end-0 { right:0!important }
.border { border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.border-0 { border:0!important }
.border-top-0 { border-top:0!important }
.border-end { border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important }
.border-end-0 { border-right:0!important }
.border-bottom-0 { border-bottom:0!important }
.border-start-0 { border-left:0!important }
.border-light { --bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important }
.w-100 { width:100%!important }
.h-100 { height:100%!important }
.h-auto { height:auto!important }
.flex-column { flex-direction:column!important }
.flex-grow-1 { flex-grow:1!important }
.flex-shrink-0 { flex-shrink:0!important }
.flex-wrap { flex-wrap:wrap!important }
.justify-content-start { justify-content:flex-start!important }
.justify-content-end { justify-content:flex-end!important }
.justify-content-center { justify-content:center!important }
.justify-content-between { justify-content:space-between!important }
.justify-content-evenly { justify-content:space-evenly!important }
.align-items-start { align-items:flex-start!important }
.align-items-end { align-items:flex-end!important }
.align-items-center { align-items:center!important }
.align-items-stretch { align-items:stretch!important }
.align-self-start { align-self:flex-start!important }
.align-self-center { align-self:center!important }
.order-1 { order:1!important }
.order-2 { order:2!important }
.m-0 { margin:0!important }
.m-3 { margin:1rem!important }
.m-4 { margin:1.5rem!important }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important }
.mx-auto { margin-right:auto!important;margin-left:auto!important }
.my-0 { margin-top:0!important;margin-bottom:0!important }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important }
.my-3 { margin-top:1rem!important;margin-bottom:1rem!important }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important }
.mt-0 { margin-top:0!important }
.mt-1 { margin-top:.25rem!important }
.mt-2 { margin-top:.5rem!important }
.mt-3 { margin-top:1rem!important }
.mt-4 { margin-top:1.5rem!important }
.mt-5 { margin-top:3rem!important }
.mt-auto { margin-top:auto!important }
.me-1 { margin-right:.25rem!important }
.me-2 { margin-right:.5rem!important }
.me-3 { margin-right:1rem!important }
.me-4 { margin-right:1.5rem!important }
.me-5 { margin-right:3rem!important }
.mb-0 { margin-bottom:0!important }
.mb-1 { margin-bottom:.25rem!important }
.mb-2 { margin-bottom:.5rem!important }
.mb-3 { margin-bottom:1rem!important }
.mb-4 { margin-bottom:1.5rem!important }
.mb-5 { margin-bottom:3rem!important }
.mb-auto { margin-bottom:auto!important }
.ms-1 { margin-left:.25rem!important }
.ms-2 { margin-left:.5rem!important }
.ms-5 { margin-left:3rem!important }
.ms-auto { margin-left:auto!important }
.p-0 { padding:0!important }
.p-2 { padding:.5rem!important }
.p-3 { padding:1rem!important }
.p-4 { padding:1.5rem!important }
.p-5 { padding:3rem!important }
.px-0 { padding-right:0!important;padding-left:0!important }
.px-1 { padding-right:.25rem!important;padding-left:.25rem!important }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important }
.px-3 { padding-right:1rem!important;padding-left:1rem!important }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important }
.px-5 { padding-right:3rem!important;padding-left:3rem!important }
.py-0 { padding-top:0!important;padding-bottom:0!important }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important }
.py-3 { padding-top:1rem!important;padding-bottom:1rem!important }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important }
.pt-0 { padding-top:0!important }
.pt-2 { padding-top:.5rem!important }
.pt-3 { padding-top:1rem!important }
.pt-4 { padding-top:1.5rem!important }
.pt-5 { padding-top:3rem!important }
.pe-0 { padding-right:0!important }
.pe-2 { padding-right:.5rem!important }
.pe-5 { padding-right:3rem!important }
.pb-0 { padding-bottom:0!important }
.pb-1 { padding-bottom:.25rem!important }
.pb-2 { padding-bottom:.5rem!important }
.pb-3 { padding-bottom:1rem!important }
.pb-4 { padding-bottom:1.5rem!important }
.pb-5 { padding-bottom:3rem!important }
.ps-2 { padding-left:.5rem!important }
.ps-4 { padding-left:1.5rem!important }
.ps-5 { padding-left:3rem!important }
.gap-2 { gap:.5rem!important }
.gap-3 { gap:1rem!important }
.gap-4 { gap:1.5rem!important }
.fs-1 { font-size:calc(1.375rem + 1.5vw)!important }
.fs-2 { font-size:calc(1.325rem + .9vw)!important }
.fs-4 { font-size:calc(1.275rem + .3vw)!important }
.fs-5 { font-size:1.25rem!important }
.fs-6 { font-size:1rem!important }
.fw-bold { font-weight:700!important }
.fw-semibold { font-weight:600!important }
.text-start { text-align:left!important }
.text-end { text-align:right!important }
.text-center { text-align:center!important }
.text-decoration-none { text-decoration:none!important }
.text-decoration-line-through { text-decoration:line-through!important }
.text-uppercase { text-transform:uppercase!important }
.text-nowrap { white-space:nowrap!important }
.text-primary { --bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important }
.text-secondary { --bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important }
.text-success { --bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important }
.text-info { --bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important }
.text-warning { --bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important }
.text-danger { --bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important }
.text-light { --bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important }
.text-dark { --bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important }
.text-black { --bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important }
.text-white { --bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important }
.text-muted { --bs-text-opacity:1;color:#6c757d!important }
.text-white-50 { --bs-text-opacity:1;color:rgba(255,255,255,.5)!important }
.bg-primary { --bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important }
.bg-success { --bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important }
.bg-info { --bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important }
.bg-warning { --bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important }
.bg-light { --bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important }
.bg-dark { --bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important }
.bg-white { --bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important }
.bg-transparent { --bs-bg-opacity:1;background-color:transparent!important }
.bg-opacity-10 { --bs-bg-opacity:0.1 }
.rounded { border-radius:var(--bs-border-radius)!important }
.rounded-0 { border-radius:0!important }
.rounded-3 { border-radius:var(--bs-border-radius-lg)!important }
.rounded-4 { border-radius:var(--bs-border-radius-xl)!important }
.rounded-circle { border-radius:50%!important }
.rounded-pill { border-radius:var(--bs-border-radius-pill)!important }
.visible { visibility:visible!important }
.invisible { visibility:hidden!important }
@media (min-width:576px) {
.float-sm-end { float:right!important }
.d-sm-inline-block { display:inline-block!important }
.d-sm-block { display:block!important }
.d-sm-flex { display:flex!important }
.mt-sm-0 { margin-top:0!important }
.mt-sm-5 { margin-top:3rem!important }
.mb-sm-0 { margin-bottom:0!important }
.mb-sm-5 { margin-bottom:3rem!important }
.pb-sm-4 { padding-bottom:1.5rem!important }
.text-sm-end { text-align:right!important }
}
@media (min-width:768px) {
.d-md-inline { display:inline!important }
.d-md-block { display:block!important }
.d-md-table-cell { display:table-cell!important }
.d-md-none { display:none!important }
.flex-md-row { flex-direction:row!important }
.order-md-1 { order:1!important }
.mx-md-auto { margin-right:auto!important;margin-left:auto!important }
.mt-md-0 { margin-top:0!important }
.mt-md-3 { margin-top:1rem!important }
.mb-md-0 { margin-bottom:0!important }
.mb-md-4 { margin-bottom:1.5rem!important }
.p-md-4 { padding:1.5rem!important }
.p-md-5 { padding:3rem!important }
.px-md-1 { padding-right:.25rem!important;padding-left:.25rem!important }
.text-md-end { text-align:right!important }
}
@media (min-width:992px) {
.d-lg-block { display:block!important }
.d-lg-flex { display:flex!important }
.flex-lg-row { flex-direction:row!important }
.flex-lg-nowrap { flex-wrap:nowrap!important }
.justify-content-lg-start { justify-content:flex-start!important }
.justify-content-lg-end { justify-content:flex-end!important }
.align-items-lg-start { align-items:flex-start!important }
.order-lg-1 { order:1!important }
.order-lg-2 { order:2!important }
.my-lg-0 { margin-top:0!important;margin-bottom:0!important }
.mt-lg-0 { margin-top:0!important }
.mt-lg-3 { margin-top:1rem!important }
.mb-lg-0 { margin-bottom:0!important }
.mb-lg-2 { margin-bottom:.5rem!important }
.mb-lg-3 { margin-bottom:1rem!important }
.mb-lg-4 { margin-bottom:1.5rem!important }
.p-lg-4 { padding:1.5rem!important }
.p-lg-5 { padding:3rem!important }
.px-lg-3 { padding-right:1rem!important;padding-left:1rem!important }
.px-lg-4 { padding-right:1.5rem!important;padding-left:1.5rem!important }
.py-lg-5 { padding-top:3rem!important;padding-bottom:3rem!important }
.pt-lg-3 { padding-top:1rem!important }
.pe-lg-3 { padding-right:1rem!important }
.pe-lg-5 { padding-right:3rem!important }
.pb-lg-0 { padding-bottom:0!important }
.pb-lg-3 { padding-bottom:1rem!important }
.pb-lg-5 { padding-bottom:3rem!important }
.ps-lg-0 { padding-left:0!important }
.text-lg-start { text-align:left!important }
.text-lg-end { text-align:right!important }
}
@media (min-width:1200px) {
.d-xl-block { display:block!important }
.mb-xl-0 { margin-bottom:0!important }
.ms-xl-5 { margin-left:3rem!important }
.pt-xl-4 { padding-top:1.5rem!important }
.pb-xl-0 { padding-bottom:0!important }
.pb-xl-4 { padding-bottom:1.5rem!important }
}
@media (min-width:1400px) {
.d-xxl-flex { display:flex!important }
}
@media (min-width:1200px) {
.fs-1 { font-size:2.5rem!important }
.fs-2 { font-size:2rem!important }
.fs-4 { font-size:1.5rem!important }
}
/* ---- vendor/fontawesome-subset/css/all.min.css ---- */
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-classic,.fa-regular,.fa-sharp,.fa-solid,.fab,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-classic,.fa-regular,.fa-solid,.far,.fas{font-family:"Font Awesome 6 Free"}.fa-brands,.fab{font-family:"Font Awesome 6 Brands"}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-2xs{font-size:.625em;line-height:.1em;vertical-align:.225em}.fa-xs{font-size:.75em;line-height:.08333em;vertical-align:.125em}.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}.fa-xl{font-size:1.5em;line-height:.04167em;vertical-align:-.125em}.fa-2xl{font-size:2em;line-height:.03125em;vertical-align:-.1875em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:var(--fa-li-margin,2.5em);padding-left:0}.fa-ul>li{position:relative}.fa-li{left:calc(var(--fa-li-width, 2em)*-1);position:absolute;text-align:center;width:var(--fa-li-width,2em);line-height:inherit}.fa-border{border-radius:var(--fa-border-radius,.1em);border:var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee);padding:var(--fa-border-padding,.2em .25em .15em)}.fa-pull-left{float:left;margin-right:var(--fa-pull-margin,.3em)}.fa-pull-right{float:right;margin-left:var(--fa-pull-margin,.3em)}.fa-beat{-webkit-animation-name:fa-beat;animation-name:fa-beat;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-bounce{-webkit-animation-name:fa-bounce;animation-name:fa-bounce;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1))}.fa-fade{-webkit-animation-name:fa-fade;animation-name:fa-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-beat-fade,.fa-fade{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s)}.fa-beat-fade{-webkit-animation-name:fa-beat-fade;animation-name:fa-beat-fade;-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1));animation-timing-function:var(--fa-animation-timing,cubic-bezier(.4,0,.6,1))}.fa-flip{-webkit-animation-name:fa-flip;animation-name:fa-flip;-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,ease-in-out);animation-timing-function:var(--fa-animation-timing,ease-in-out)}.fa-shake{-webkit-animation-name:fa-shake;animation-name:fa-shake;-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-shake,.fa-spin{-webkit-animation-delay:var(--fa-animation-delay,0s);animation-delay:var(--fa-animation-delay,0s);-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal)}.fa-spin{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-duration:var(--fa-animation-duration,2s);animation-duration:var(--fa-animation-duration,2s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,linear);animation-timing-function:var(--fa-animation-timing,linear)}.fa-spin-reverse{--fa-animation-direction:reverse}.fa-pulse,.fa-spin-pulse{-webkit-animation-name:fa-spin;animation-name:fa-spin;-webkit-animation-direction:var(--fa-animation-direction,normal);animation-direction:var(--fa-animation-direction,normal);-webkit-animation-duration:var(--fa-animation-duration,1s);animation-duration:var(--fa-animation-duration,1s);-webkit-animation-iteration-count:var(--fa-animation-iteration-count,infinite);animation-iteration-count:var(--fa-animation-iteration-count,infinite);-webkit-animation-timing-function:var(--fa-animation-timing,steps(8));animation-timing-function:var(--fa-animation-timing,steps(8))}@media (prefers-reduced-motion:reduce){.fa-beat,.fa-beat-fade,.fa-bounce,.fa-fade,.fa-flip,.fa-pulse,.fa-shake,.fa-spin,.fa-spin-pulse{-webkit-animation-delay:-1ms;animation-delay:-1ms;-webkit-animation-duration:1ms;animation-duration:1ms;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s}}@-webkit-keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@keyframes fa-beat{0%,90%{-webkit-transform:scale(1);transform:scale(1)}45%{-webkit-transform:scale(var(--fa-beat-scale,1.25));transform:scale(var(--fa-beat-scale,1.25))}}@-webkit-keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes fa-bounce{0%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}10%{-webkit-transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0);transform:scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0)}30%{-webkit-transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em));transform:scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em))}50%{-webkit-transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0);transform:scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0)}57%{-webkit-transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em));transform:scale(1) translateY(var(--fa-bounce-rebound,-.125em))}64%{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@-webkit-keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@keyframes fa-fade{50%{opacity:var(--fa-fade-opacity,.4)}}@-webkit-keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@keyframes fa-beat-fade{0%,to{opacity:var(--fa-beat-fade-opacity,.4);-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(var(--fa-beat-fade-scale,1.125));transform:scale(var(--fa-beat-fade-scale,1.125))}}@-webkit-keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@keyframes fa-flip{50%{-webkit-transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg));transform:rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg))}}@-webkit-keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes fa-shake{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}4%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}8%,24%{-webkit-transform:rotate(-18deg);transform:rotate(-18deg)}12%,28%{-webkit-transform:rotate(18deg);transform:rotate(18deg)}16%{-webkit-transform:rotate(-22deg);transform:rotate(-22deg)}20%{-webkit-transform:rotate(22deg);transform:rotate(22deg)}32%{-webkit-transform:rotate(-12deg);transform:rotate(-12deg)}36%{-webkit-transform:rotate(12deg);transform:rotate(12deg)}40%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}.fa-rotate-by{-webkit-transform:rotate(var(--fa-rotate-angle,none));transform:rotate(var(--fa-rotate-angle,none))}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%;z-index:var(--fa-stack-z-index,auto)}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:var(--fa-inverse,#fff)}
.fa-file-alt:before,.fa-file-lines:before,.fa-file-text:before{content:"\f15c"}.fa-calendar-alt:before,.fa-calendar-days:before{content:"\f073"}.fa-circle-minus:before,.fa-minus-circle:before{content:"\f056"}.fa-door-open:before{content:"\f52b"}.fa-caret-right:before{content:"\f0da"}.fa-comments:before{content:"\f086"}.fa-clipboard-list:before{content:"\f46d"}.fa-archive:before,.fa-box-archive:before{content:"\f187"}.fa-circle-notch:before{content:"\f1ce"}.fa-bars:before,.fa-navicon:before{content:"\f0c9"}.fa-lightbulb:before{content:"\f0eb"}.fa-caret-left:before{content:"\f0d9"}.fa-volume-down:before,.fa-volume-low:before{content:"\f027"}.fa-circle-dot:before,.fa-dot-circle:before{content:"\f192"}.fa-lock:before{content:"\f023"}.fa-share-alt:before,.fa-share-nodes:before{content:"\f1e0"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-users:before{content:"\f0c0"}.fa-chevron-up:before{content:"\f077"}.fa-angle-right:before{content:"\f105"}.fa-bullseye:before{content:"\f140"}.fa-folder-blank:before,.fa-folder:before{content:"\f07b"}.fa-magic-wand-sparkles:before,.fa-wand-magic-sparkles:before{content:"\e2ca"}.fa-user:before{content:"\f007"}.fa-location-arrow:before{content:"\f124"}.fa-star:before{content:"\f005"}.fa-box:before{content:"\f466"}.fa-arrow-pointer:before,.fa-mouse-pointer:before{content:"\f245"}.fa-expand-arrows-alt:before,.fa-maximize:before{content:"\f31e"}.fa-shapes:before,.fa-triangle-circle-square:before{content:"\f61f"}.fa-random:before,.fa-shuffle:before{content:"\f074"}.fa-microchip:before{content:"\f2db"}.fa-crown:before{content:"\f521"}.fa-weight-scale:before,.fa-weight:before{content:"\f496"}.fa-city:before{content:"\f64f"}.fa-map-location-dot:before,.fa-map-marked-alt:before{content:"\f5a0"}.fa-gift:before{content:"\f06b"}.fa-image:before{content:"\f03e"}.fa-caret-up:before{content:"\f0d8"}.fa-handshake:before{content:"\f2b5"}.fa-gem:before{content:"\f3a5"}.fa-circle-play:before,.fa-play-circle:before{content:"\f144"}.fa-check-circle:before,.fa-circle-check:before{content:"\f058"}.fa-compass-drafting:before,.fa-drafting-compass:before{content:"\f568"}.fa-id-badge:before{content:"\f2c1"}.fa-user-tie:before{content:"\f508"}.fa-certificate:before{content:"\f0a3"}.fa-cloud-arrow-up:before,.fa-cloud-upload-alt:before,.fa-cloud-upload:before{content:"\f0ee"}.fa-palette:before{content:"\f53f"}.fa-arrows-alt-h:before,.fa-left-right:before{content:"\f337"}.fa-arrows-h:before,.fa-arrows-left-right:before{content:"\f07e"}.fa-house-lock:before{content:"\e510"}.fa-shield-alt:before,.fa-shield-halved:before{content:"\f3ed"}.fa-layer-group:before{content:"\f5fd"}.fa-list-1-2:before,.fa-list-numeric:before,.fa-list-ol:before{content:"\f0cb"}.fa-money-check-alt:before,.fa-money-check-dollar:before{content:"\f53d"}.fa-money-check:before{content:"\f53c"}.fa-leaf:before{content:"\f06c"}.fa-chart-pie:before,.fa-pie-chart:before{content:"\f200"}.fa-file-contract:before{content:"\f56c"}.fa-hard-hat:before,.fa-hat-hard:before,.fa-helmet-safety:before{content:"\f807"}.fa-chart-line:before,.fa-line-chart:before{content:"\f201"}.fa-arrow-right:before{content:"\f061"}.fa-screwdriver-wrench:before,.fa-tools:before{content:"\f7d9"}.fa-cube:before{content:"\f1b2"}.fa-circle:before{content:"\f111"}.fa-clipboard-check:before{content:"\f46c"}.fa-wrench:before{content:"\f0ad"}.fa-phone-alt:before,.fa-phone-flip:before{content:"\f879"}.fa-tags:before{content:"\f02c"}.fa-eye:before{content:"\f06e"}.fa-pen:before{content:"\f304"}.fa-window-maximize:before{content:"\f2d0"}.fa-comment-dots:before,.fa-commenting:before{content:"\f4ad"}.fa-hand-holding-dollar:before,.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-pointer:before{content:"\f25a"}.fa-arrow-right-rotate:before,.fa-arrow-rotate-forward:before,.fa-arrow-rotate-right:before,.fa-redo:before{content:"\f01e"}.fa-phone:before{content:"\f095"}.fa-trash:before{content:"\f1f8"}.fa-cubes:before{content:"\f1b3"}.fa-arrow-left:before{content:"\f060"}.fa-external-link-alt:before,.fa-up-right-from-square:before{content:"\f35d"}.fa-table-cells-large:before,.fa-th-large:before{content:"\f009"}.fa-tag:before{content:"\f02b"}.fa-comment:before{content:"\f075"}.fa-envelope:before{content:"\f0e0"}.fa-circle-info:before,.fa-info-circle:before{content:"\f05a"}.fa-water:before{content:"\f773"}.fa-calendar-check:before{content:"\f274"}.fa-landmark:before{content:"\f66f"}.fa-arrow-left-rotate:before,.fa-arrow-rotate-back:before,.fa-arrow-rotate-backward:before,.fa-arrow-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-crop-alt:before,.fa-crop-simple:before{content:"\f565"}.fa-minus:before,.fa-subtract:before{content:"\f068"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-mosque:before{content:"\f678"}.fa-clock-four:before,.fa-clock:before{content:"\f017"}.fa-caret-down:before{content:"\f0d7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-coins:before{content:"\f51e"}.fa-sliders-h:before,.fa-sliders:before{content:"\f1de"}.fa-flag-usa:before{content:"\f74d"}.fa-images:before{content:"\f302"}.fa-calculator:before{content:"\f1ec"}.fa-download:before{content:"\f019"}.fa-forward:before{content:"\f04e"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-home-alt:before,.fa-home-lg-alt:before,.fa-home:before,.fa-house:before{content:"\f015"}.fa-hurricane:before{content:"\f751"}.fa-bolt:before,.fa-zap:before{content:"\f0e7"}.fa-sun:before{content:"\f185"}.fa-industry:before{content:"\f275"}.fa-angle-down:before{content:"\f107"}.fa-bug:before{content:"\f188"}.fa-credit-card-alt:before,.fa-credit-card:before{content:"\f09d"}.fa-medal:before{content:"\f5a2"}.fa-location-dot:before,.fa-map-marker-alt:before{content:"\f3c5"}.fa-file:before{content:"\f15b"}.fa-arrow-down:before{content:"\f063"}.fa-droplet:before,.fa-tint:before{content:"\f043"}.fa-gauge-high:before,.fa-tachometer-alt-fast:before,.fa-tachometer-alt:before{content:"\f625"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-play:before{content:"\f04b"}.fa-magnifying-glass:before,.fa-search:before{content:"\f002"}.fa-chevron-down:before{content:"\f078"}.fa-list-dots:before,.fa-list-ul:before{content:"\f0ca"}.fa-arrow-up:before{content:"\f062"}.fa-copy:before{content:"\f0c5"}.fa-volume-mute:before,.fa-volume-times:before,.fa-volume-xmark:before{content:"\f6a9"}.fa-add:before,.fa-plus:before{content:"\2b"}.fa-close:before,.fa-multiply:before,.fa-remove:before,.fa-times:before,.fa-xmark:before{content:"\f00d"}.fa-quote-left-alt:before,.fa-quote-left:before{content:"\f10d"}.fa-ruler-combined:before{content:"\f546"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-thermometer:before{content:"\f491"}.fa-percent:before,.fa-percentage:before{content:"\25"}.fa-trophy:before{content:"\f091"}.fa-hammer:before{content:"\f6e3"}.fa-rotate:before,.fa-sync-alt:before{content:"\f2f1"}.fa-spinner:before{content:"\f110"}.fa-award:before{content:"\f559"}.fa-building:before{content:"\f1ad"}.fa-house-chimney-window:before{content:"\e00d"}.fa-arrows-alt-v:before,.fa-up-down:before{content:"\f338"}.fa-calendar:before{content:"\f133"}.fa-anchor:before{content:"\f13d"}.fa-book:before{content:"\f02d"}.fa-check:before{content:"\f00c"}.fa-angle-left:before{content:"\f104"}.fa-book-open:before{content:"\f518"}.fa-exclamation-triangle:before,.fa-triangle-exclamation:before,.fa-warning:before{content:"\f071"}.fa-exchange-alt:before,.fa-right-left:before{content:"\f362"}.fa-paper-plane:before{content:"\f1d8"}.fa-money-bill-1-wave:before,.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-circle-xmark:before,.fa-times-circle:before,.fa-xmark-circle:before{content:"\f057"}.fa-dollar-sign:before,.fa-dollar:before,.fa-usd:before{content:"\24"}.fa-magnifying-glass-dollar:before,.fa-search-dollar:before{content:"\f688"}.fa-bank:before,.fa-building-columns:before,.fa-institution:before,.fa-museum:before,.fa-university:before{content:"\f19c"}
.fa-sr-only,.fa-sr-only-focusable:not(:focus),.sr-only,.sr-only-focusable:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:host,:root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fontawesome-subset/webfonts/fa-brands-400.woff2) format("woff2"),url(/vendor/fontawesome-subset/webfonts/fa-brands-400.ttf) format("truetype")}.fa-brands,.fab{font-weight:400}.fa-linkedin-in:before{content:"\f0e1"}.fa-facebook-f:before{content:"\f39e"}.fa-twitter:before{content:"\f099"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url(/vendor/fontawesome-subset/webfonts/fa-regular-400.woff2) format("woff2"),url(/vendor/fontawesome-subset/webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url(/vendor/fontawesome-subset/webfonts/fa-solid-900.woff2) format("woff2"),url(/vendor/fontawesome-subset/webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url(/vendor/fontawesome-subset/webfonts/fa-brands-400.woff2) format("woff2"),url(/vendor/fontawesome-subset/webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;src:url(/vendor/fontawesome-subset/webfonts/fa-solid-900.woff2) format("woff2"),url(/vendor/fontawesome-subset/webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:400;src:url(/vendor/fontawesome-subset/webfonts/fa-regular-400.woff2) format("woff2"),url(/vendor/fontawesome-subset/webfonts/fa-regular-400.ttf) format("truetype")}
/* ---- css/armorpro.slim.css ---- */
:root { --bs-font-monospace: "Fira Code", Inconsolata, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
html { direction: ltr; overflow-x: hidden; box-shadow: none !important; -webkit-font-smoothing: antialiased; }
@media (prefers-reduced-motion: no-preference) {
:root { scroll-behavior: auto; }
}
body { background-color: #FFF; color: #3a3a3a; font-family: "Poppins", "Poppins Fallback", Arial, sans-serif; font-size: 14px; line-height: 26px; margin: 0; }
body a { }
.body { background-color: #FFF; }
html.safari:not(.no-safari-overflow-x-fix) .body { overflow-x: clip; }
a { text-decoration: none; }
main p a:not(.btn):hover,
main ul a:not(.btn):hover { text-decoration: underline; }
li { line-height: 24px; }
@media (max-width: 575px) {
body { font-size: 13px; }
}
#header { position: relative; z-index: 1030; }
#header .header-body { display: flex; flex-direction: column; background: #FFF; transition: min-height 0.3s ease; width: 100%; border-top: 3px solid #EDEDED; border-bottom: 1px solid transparent; z-index: 1001; }
#header .header-body[class*="border-color-"] { border-bottom: 0 !important; }
#header .header-container { position: relative; display: flex; flex-flow: row wrap; align-items: center; transition: ease height 300ms; }
@media (max-width: 991px) {
#header .header-container:not(.container):not(.container-fluid) .header-nav-main { padding: 0 0.75rem; }
}
#header .container { position: relative; }
@media (max-width: 767px) {
#header .container { width: 100%; }
}
#header .header-row { display: flex; flex-grow: 1; align-items: center; align-self: stretch; max-height: 100%; }
#header .header-column { display: flex; align-self: stretch; align-items: center; flex-grow: 1; flex-direction: column; }
#header .header-column .header-row { justify-content: inherit; }
#header .header-logo { margin: 16px 0; margin: 1rem 0; position: relative; z-index: 1; }
#header .header-logo img { transition: all 0.3s ease; position: relative; top: 0; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); }
#header .header-nav { padding: 16px 0; padding: 1rem 0; min-height: 70px; }
#header .header-nav-top { display: flex; align-self: stretch; align-items: center; }
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span { color: #999; font-size: 0.9em; padding: 6px 10px; display: inline-block; letter-spacing: -0.5px; }
#header .header-nav-top .nav > li > a [class*="fa-"], #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span [class*="fa-"], #header .header-nav-top .nav > li > span .icons { margin-right: 3px; font-size: 0.8em; position: relative; }
#header .header-nav-top .nav > li > a { text-decoration: none; }
#header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus { background: transparent; }
@media (max-width: 575px) {
#header .header-nav-top .nav > li:not(.d-none) { margin-left: 0; padding-left: 0; }
}
#header .header-nav-top .nav > li.nav-item.dropdown.show .nav-link { background: transparent; }
#header .header-nav-top .nav > li.nav-item:not(.dropdown) > a [class*="fa-"], #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a .icons { left: -1px; top: -1px; }
#header .header-nav-top .dropdown .dropdown-item { font-size: 0.75em; }
#header .header-nav-top .dropdown-menu { border: 0; margin-top: -2px; margin-left: -2px; padding: 0; box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); background: #FFF; padding: 3px; min-width: 180px; z-index: 10000; margin-right: 0; margin-top: 1px; transition: opacity .2s ease-out; border-radius: 0; }
#header .header-nav-top .dropdown-menu:before { content: ''; display: block; position: absolute; top: 0; right: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; transform: translate3d(-7px, -6px, 0); }
#header .header-nav-top .dropdown-menu a { color: #999; padding: 5px 12px; font-size: 0.9em; }
#header .header-nav-top .dropdown-menu a:active { color: #FFF; }
#header .header-nav-top .flag { margin-right: 2px; position: relative; top: -1px; }
#header .header-nav-features { position: relative; padding-left: 12.5px; margin-left: 10px; }
#header .header-nav-features:before, #header .header-nav-features:after { background: rgba(0, 0, 0, 0.03); content: none; width: 1px; height: 16px; position: absolute; display: block; top: 50%; transform: translate3d(0, -50%, 0); left: 0; }
#header .header-nav-features.header-nav-features-divisor-lg:before, #header .header-nav-features.header-nav-features-divisor-lg:after { height: 72px; }
#header .header-nav-features.header-nav-features-light:before, #header .header-nav-features.header-nav-features-light:after { background: rgba(255, 255, 255, 0.1); }
#header .header-nav-features:not(.header-nav-features-no-border):before, #header .header-nav-features:not(.header-nav-features-no-border):after { content: ''; }
#header .header-nav-features:not(.header-nav-features-no-border):after { display: none; }
#header .header-nav-features.header-nav-features-show-border:before, #header .header-nav-features.header-nav-features-show-border:after { content: ''; }
@media (min-width: 576px) {
#header .header-nav-features.header-nav-features-sm-show-border:before, #header .header-nav-features.header-nav-features-sm-show-border:after { content: ''; }
}
@media (min-width: 768px) {
#header .header-nav-features.header-nav-features-md-show-border:before, #header .header-nav-features.header-nav-features-md-show-border:after { content: ''; }
}
@media (min-width: 992px) {
#header .header-nav-features.header-nav-features-lg-show-border:before, #header .header-nav-features.header-nav-features-lg-show-border:after { content: ''; }
}
@media (min-width: 1200px) {
#header .header-nav-features.header-nav-features-xl-show-border:before, #header .header-nav-features.header-nav-features-xl-show-border:after { content: ''; }
}
#header .header-nav-features.header-nav-features-start { padding-left: 0; margin-left: 0; padding-right: 20px; margin-right: 10px; }
#header .header-nav-features.header-nav-features-start:not(.header-nav-features-no-border):before { left: auto; right: 0; }
#header .header-nav-features.header-nav-features-center { padding-left: 20px; margin-left: 10px; padding-right: 20px; margin-right: 10px; }
#header .header-nav-features.header-nav-features-center:after { display: block; left: auto; right: 0; }
#header .header-nav-features .header-nav-top-icon,
#header .header-nav-features .header-nav-top-icon-img { font-size: 12.8px; font-size: 0.8rem; position: relative; top: -1px; color: #444; }
#header .header-nav-features.header-nav-features-light .header-nav-top-icon,
#header .header-nav-features.header-nav-features-light .header-nav-top-icon-img { color: #FFF; }
#header .header-nav-features .header-nav-top-icon-img { top: -2px; }
#header .header-nav-features .header-nav-feature { position: relative; }
#header .header-nav-features .header-nav-features-dropdown { opacity: 0; top: -10000px; position: absolute; box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); background: #FFF; padding: 17px; min-width: 300px; z-index: 10000; right: 100%; margin-right: -25px; margin-top: 30px; transition: opacity .2s ease-out; pointer-events: none; }
#header .header-nav-features .header-nav-features-dropdown:before { content: ''; display: block; position: absolute; top: 0; right: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; transform: translate3d(-7px, -6px, 0); }
#header .header-nav-features .header-nav-features-dropdown.show { opacity: 1; top: auto; pointer-events: all; }
@media (max-width: 991px) {
#header .header-nav-features .header-nav-features-dropdown.show { top: -50px; box-shadow: none; }
#header .header-nav-features .header-nav-features-dropdown.show:before { display: none; }
}
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-arrow-dark:before { border-bottom-color: #181b1e; }
@media (min-width: 992px) {
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-reverse { right: auto; margin-right: 0; left: 100%; margin-left: -25px; }
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-reverse:before { right: auto; left: 5px; transform: translate3d(7px, -6px, 0); }
}
@media (max-width: 440px) {
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed { position: fixed; right: auto; left: 50%; transform: translate3d(-50%, 0, 0); }
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed:before { content: none; }
}
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-force-right { margin-right: 6px !important; right: 0; }
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-dark { background: #212529; }
#header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-dark:before { border-bottom-color: #212529; }
#header .header-nav-features .header-nav-features-cart { z-index: 2; }
#header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown { padding: 20px; }
#header .header-nav-features .header-nav-features-cart .actions { padding: 0; margin: 0; }
#header .header-nav-features .header-nav-features-cart .actions .btn { display: inline-block; min-width: 125px; text-align: center; margin: 5px 0; float: right; font-size: 11.2px; font-size: 0.7rem; padding: 11.2px 16px; padding: 0.7rem 1rem; text-transform: uppercase; font-weight: 600; }
#header .header-nav-features .header-nav-features-cart .actions .btn:first-child { float: left; }
#header .header-nav-features .header-nav-features-cart.header-nav-features-cart-big .header-nav-features-dropdown { margin-right: -31px; top: 10px; }
#header .header-nav-features .header-nav-features-user .header-nav-features-toggle { color: #444; font-size: 13px; font-weight: 600; text-transform: uppercase; }
#header .header-nav-features .header-nav-features-user .header-nav-features-toggle .far { font-size: 15.2px; font-size: 0.95rem; margin: 0px 2px 0 0; position: relative; top: 1px; }
#header .header-nav-features .header-nav-features-user .header-nav-features-toggle:hover { text-decoration: none; }
#header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { margin-right: -27px; min-width: 420px; padding: 35px; }
@media (max-width: 767px) {
#header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { min-width: 320px; }
}
#header .header-nav-features .header-nav-features-user .actions { padding: 0; margin: 0; }
#header .header-nav-features .header-nav-features-user .actions .btn { display: inline-block; min-width: 125px; margin: 5px 0; font-size: 11.2px; font-size: 0.7rem; padding: 11.2px 16px; padding: 0.7rem 1rem; text-transform: uppercase; font-weight: 600; }
#header .header-nav-features .header-nav-features-user.header-nav-features-user-logged .header-nav-features-dropdown { min-width: 320px; }
#header .header-nav-features .header-nav-features-search-reveal-container { display: flex; align-items: center; min-height: 42px; }
#header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-hide-icon { display: none; text-decoration: none; }
#header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon { display: inline-flex; text-decoration: none; }
#header .header-nav-features .header-nav-features-search-reveal.show .header-nav-features-search-hide-icon { display: inline-flex; margin-left: 10px; align-items: center; }
#header .header-nav-features .header-nav-features-search-reveal.show .header-nav-features-search-show-icon { display: none; }
#header .header-nav-features .header-nav-features-search-reveal-big-search { display: none; position: absolute; left: 0; top: 0; background: #FFF; width: 100%; height: 100%; z-index: 1; }
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border: 0; background: transparent; font-size: 22px !important; line-height: 1; border-bottom: 2px solid #CCC; border-radius: 0; box-shadow: none; position: relative; z-index: 1; }
#header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon { position: absolute; right: 0px; top: 50%; z-index: 2; display: block; margin-right: 10px; margin-top: -10px; }
#header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon i { font-size: 20px; }
#header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full { position: fixed; z-index: 100000; background: transparent; }
#header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full:before { content: ""; display: block; background: rgba(23, 23, 23, 0.95); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
#header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .form-control { color: #FFF; }
#header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .header-nav-features-search-hide-icon { position: fixed; top: 25px; right: 20px; margin-top: 0; }
#header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .header-nav-features-search-hide-icon i { color: #FFF; }
#header.search-show .header-nav-features .header-nav-features-search-reveal-big-search { display: flex; }
@media (max-width: 991px) {
#header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show { top: -50px !important; box-shadow: none !important; }
#header.header-transparent .header-nav-features .header-nav-features-search .header-nav-features-dropdown.show:before { display: none; }
}
#header .header-btn-collapse-nav { background: #CCC; color: #FFF; display: none; float: right; margin: 0 0 0 16px; margin: 0 0 0 1rem; }
#header.header-no-border-bottom .header-body { padding-bottom: 0 !important; border-bottom: 0 !important; }
#header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li:hover > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li:hover > a { margin: 0; }
#header.header-effect-shrink { transition: ease height 300ms; }
#header.header-effect-shrink .header-container { min-height: 100px; }
#header.header-effect-shrink .header-logo { display: flex; align-items: center; }
#header.header-dark .header-body { background: #212529; }
#header.header-dark .header-body .header-nav.header-nav-links-side-header nav > ul > li > a { border-bottom-color: #2a2a2a; }
@media (max-width: 991px) {
html.mobile-menu-opened #header .header-body[class*="border-color-"] { border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important; }
}
html #header.header-transparent { min-height: 0 !important; width: 100%; }
html #header.header-transparent .header-body:not(.header-border-bottom) { border-bottom: 0; }
html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body { background-color: rgba(0, 0, 0, 0.8) !important; }
html:not(.sticky-header-active) #header.header-transparent-light-bottom-border .header-body { border-bottom: 1px solid rgba(68, 68, 68, 0.4); }
html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border .header-body { border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
@media (max-width: 991px) {
html #header.header-transparent .header-body { overflow: hidden; }
html #header.header-transparent .header-body.bg-dark .header-nav-main:before, html #header.header-transparent .header-body.bg-color-dark .header-nav-main:before { background-color: #212529; }
html #header.header-transparent .header-nav-main:before { width: calc(100% - 30px); }
html #header.header-transparent .header-nav-main nav { padding: 0 30px; }
}
@media (min-width: 992px) {
#header .header-nav-main { display: flex !important; height: auto !important; }
#header .header-nav-main nav { display: flex !important; }
#header .header-nav-main nav > ul > li { height: 100%; align-self: stretch; margin-left: 2px; }
#header .header-nav-main nav > ul > li > a { display: inline-flex; align-items: center; white-space: normal; border-radius: 4px; color: #CCC; font-size: 13px; font-style: normal; font-weight: 600; padding: 0.5rem 1rem; letter-spacing: -0.5px; text-transform: uppercase; text-decoration: none; }
#header .header-nav-main nav > ul > li > a:after { display: none; }
#header .header-nav-main nav > ul > li > a:active { background-color: transparent; text-decoration: none; color: #CCC; }
#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down { display: none; }
#header .header-nav-main nav > ul > li > a.active { background-color: transparent; }
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.accessibility-open > a, #header .header-nav-main nav > ul > li:hover > a { background: #CCC; color: #FFF; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu { top: -10000px; display: block; opacity: 0; left: auto; border-radius: 0 4px 4px; border: 0; border-top: 3px solid #CCC; box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07); margin: 0; min-width: 200px; padding: 5px 0; text-align: left; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 1px solid #f7f7f7; color: #777; font-size: 0.83em; font-weight: 400; padding: 6px 18px 6px 18px; position: relative; text-transform: none; text-decoration: none; letter-spacing: -0.5px; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:active { background-color: transparent; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.open > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.accessibility-open > a { background-color: #f8f9fa; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: relative; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down { display: none; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { font-family: 'Font Awesome 6 Free'; content: "\f054"; font-weight: 900; position: absolute; top: 50%; font-size: 0.5rem; opacity: 0.7; right: 20px; transform: translateY(-50%); transition: all .2s ease-out; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { left: 100%; display: block; margin-top: -8px; margin-left: -1px; border-radius: 4px; opacity: 0; transform: translate3d(0, 0, 0); }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > a:after { opacity: 1; right: 15px; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { top: 0; opacity: 1; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > a:after { right: 30px; transform: translateY(-50%) rotateY(180deg); }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { left: auto; right: 100%; transform: translate3d(0, 0, 0); }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a { border-bottom: 0; }
#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a { border-radius: 4px 4px 0 0; position: relative; }
#header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -3px; border-bottom: 5px solid #CCC; }
#header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; display: block; opacity: 1; }
#header .header-nav-main nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu { left: auto; right: 0; }
#header .header-nav-main nav > ul > li .wrapper-items-cloned i { display: none; }
#header .header-nav-main.header-nav-main-square nav > ul > li > a { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info, #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info-wrapper { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu { border-radius: 4px; }
#header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu:not(.border-top) { border: 0 !important; }
#header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -5px; }
#header .header-nav-main.header-nav-main-dropdown-border-radius nav > ul > li.dropdown .dropdown-menu { border-radius: 4px !important; }
#header .header-nav-main.header-nav-main-dropdown-border-radius nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 4px !important; }
#header .header-nav-main.header-nav-main-dropdown-borders-radius-0 nav > ul > li.dropdown .dropdown-menu { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-dropdown-borders-radius-0 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-font-sm nav > ul > li > a { font-size: 0.7rem; }
#header .header-nav-main.header-nav-main-font-md nav > ul > li > a { font-size: 1rem; font-weight: 600; text-transform: none; letter-spacing: -1px; }
#header .header-nav-main.header-nav-main-font-lg nav > ul > li > a { font-size: 1.1rem; font-weight: 400; text-transform: none; letter-spacing: -1px; }
#header .header-nav-main.header-nav-main-font-lg-upper nav > ul > li > a { font-size: 0.95rem; font-weight: 600; text-transform: uppercase; letter-spacing: -1px; }
#header .header-nav-main.header-nav-main-font-lg-upper-2 nav > ul > li > a { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0; }
#header .header-nav-main.header-nav-main-font-alternative nav > ul > li > a { font-family: 'Open Sans', sans-serif; font-size: 0.85rem; font-weight: 600; }
#header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu { border: 0 !important; padding: 15px 8px; margin-left: -10px; }
#header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 0; background: transparent !important; font-size: 0.85em; transition: all .2s ease-out; left: 0; }
#header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:active { left: 5px; }
#header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -15px; }
#header .header-nav-main.header-nav-main-dropdown-center nav > ul > li.dropdown:not(.dropdown-mega) > .dropdown-menu { transform: translate3d(-50%, 10px, 0) !important; }
#header .header-nav-main.header-nav-main-dropdown-center nav > ul > li.dropdown:not(.dropdown-mega):hover > .dropdown-menu { top: 100%; left: 50%; transform: translate3d(-50%, 0, 0) !important; }
#header .header-nav-main.header-nav-main-dropdown-center.header-nav-main-dropdown-center-bottom nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -14px !important; }
#header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item { position: relative; }
#header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { content: ''; display: block; position: absolute; top: auto; left: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; transform: translate3d(-7px, 10px, 0); bottom: 14px; margin-top: auto; z-index: 1001; opacity: 0; transition: ease transform 300ms; }
#header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -14px !important; box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.1); }
#header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-item:before, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-item:before, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-item:before { opacity: 1 !important; transform: translate3d(-7px, 0, 0); }
#header .header-nav-main.header-nav-main-dark nav > ul > li > a { color: #444; }
#header .header-nav-main.header-nav-main-slide nav > ul > li > a { background-color: transparent; color: #FFF; text-transform: none; font-size: 14px; font-weight: 500; padding: 18px 18px 22px !important; margin: 0 !important; transition: ease transform 300ms; text-decoration: none; }
}
@media (min-width: 992px) and (min-width: 992px) {
#header .header-nav-main.header-nav-main-slide nav > ul > li > a.dropdown-toggle:after { visibility: hidden; }
}
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-slide nav > ul > li > a.item-original { display: none; }
#header .header-nav-main.header-nav-main-slide nav > ul > li > span { display: flex; position: relative; height: 100%; overflow: hidden; }
#header .header-nav-main.header-nav-main-slide nav > ul > li > span > a { display: flex; align-items: center; white-space: normal; border-radius: 4px; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: -0.5px; text-transform: uppercase; position: relative; background: transparent !important; color: #444; padding: 0 .9rem; margin: 1px 0 0; min-height: 60px; height: 100%; text-decoration: none; transition: ease all 300ms; transform: translateY(0%); }
#header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.dropdown-toggle:after { display: none; }
#header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.active:first-child { transform: translateY(-40%); opacity: 0; }
#header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.active.item-two { transform: translateY(0); opacity: 1; }
#header .header-nav-main.header-nav-main-slide nav > ul > li > span .item-two { position: absolute; transform: translateY(40%); opacity: 0; width: auto; left: 0; }
#header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a:first-child { transform: translateY(-40%); opacity: 0; }
#header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span .item-two { transform: translateY(0%); opacity: 1; }
#header .header-nav-main.header-nav-main-transition nav > ul > li > a { transition: ease all 300ms; }
#header .header-nav-main.header-nav-main-text-capitalize nav > ul > li > a { text-transform: capitalize; }
#header .header-nav-main.header-nav-main-text-size-2 nav > ul > li > a { font-size: 13px; font-weight: 500; letter-spacing: -0.3px; }
#header .header-nav-main.header-nav-main-text-size-3 nav > ul > li > a { font-size: 14px; font-weight: 500; letter-spacing: -0.3px; }
#header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a { font-size: 15px; font-weight: 600; letter-spacing: -0.4px; }
#header .header-nav-main.header-nav-main-text-size-4 nav > ul > li > a.dropdown-toggle:after { font-size: 0.75rem; }
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li > a { font-size: 16px; font-weight: 500; letter-spacing: -0.3px; }
}
@media (min-width: 992px) and (max-width: 1600px) {
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li > a { padding: 0 0.6rem !important; }
}
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li > a.dropdown-toggle:after { font-size: 0.75rem; }
#header .header-nav-main.header-nav-main-text-size-5 nav > ul > li.dropdown .dropdown-menu li a { color: #212529; font-size: 0.875em; font-weight: 500; padding-top: 8px; padding-bottom: 8px; }
#header .header-nav-main.header-nav-main-text-ls-0 nav > ul > li > a { letter-spacing: 0; }
#header .header-nav-main.header-nav-main-text-weight-500 nav > ul > li > a { font-weight: 500; }
#header .header-nav-main.header-nav-main-text-weight-600 nav > ul > li > a { font-weight: 600; }
#header .header-nav-main.header-nav-main-increase-space-between nav > ul > li > a { padding: 0 1.3rem !important; }
#header .header-nav-main a > .thumb-info-preview { position: absolute; display: block; left: 100%; opacity: 0; border: 0; padding-left: 10px; background: transparent; overflow: visible; margin-top: 15px; top: -10000px; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(-20px, 0, 0); }
#header .header-nav-main a > .thumb-info-preview .thumb-info-wrapper { background: #FFF; display: block; border-radius: 4px; border: 0; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin: 0; padding: 4px; text-align: left; width: 190px; }
#header .header-nav-main a > .thumb-info-preview .thumb-info-image { transition: all 6s linear 0s; width: 182px; height: 136px; min-height: 0; }
#header .header-nav-main a:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); top: 0; opacity: 1; margin-top: -5px; }
#header .header-nav-main .dropdown-reverse a > .thumb-info-preview { transform: translate3d(20px, 0, 0); right: 100%; left: auto; padding-left: 0; margin-right: 10px; }
#header .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview { transform: translate3d(0, 0, 0); }
#header .header-nav-bar { z-index: 1; }
#header .header-nav-bar.header-nav-bar-top-border { border-top: 1px solid #EDEDED; }
#header .header-nav-bar .header-container { min-height: 0; height: auto !important; }
#header .header-nav-bar .header-nav { min-height: 60px; }
#header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { bottom: 1px !important; margin-left: 0; }
#header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px !important; }
#header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li { margin-left: 0; margin-right: 0; }
#header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item { padding: 0 0 0 2rem !important; }
#header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { bottom: 1px !important; margin-left: 17px; }
#header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px !important; }
#header .header-nav { display: flex; align-items: center; flex-grow: 1; justify-content: flex-end; align-self: stretch; }
#header .header-nav.header-nav-stripe { padding: 0; }
#header .header-nav.header-nav-stripe .header-nav-main { align-self: stretch; margin-top: -1px; min-height: 0; }
#header .header-nav.header-nav-stripe nav { display: flex; }
#header .header-nav.header-nav-stripe nav > ul > li { display: inline-flex; align-self: stretch; }
#header .header-nav.header-nav-stripe nav > ul > li > a { background: transparent; padding: 0 .9rem; margin: 1px 0 0; height: 100%; }
#header .header-nav.header-nav-stripe nav > ul > li > a.active { color: #333; background: transparent; }
#header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active, #header .header-nav.header-nav-stripe nav > ul > li.open > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a.active, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a.active { color: #FFF; padding-bottom: 0; }
#header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > a:before, #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > a:before { content: none; }
#header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > .dropdown-menu { top: 100%; left: 0; margin-top: 1px; }
#header .header-nav.header-nav-stripe nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu { left: auto; }
#header .header-nav.header-nav-stripe.header-nav-main-dark nav > ul > li:hover > a { color: #FFF !important; }
#header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active { color: #FFF !important; }
#header .header-nav.header-nav-stripe nav > ul > li:hover > a.active { color: #FFF !important; }
#header .header-nav.header-nav-links, #header .header-nav.header-nav-line { padding: 0; }
#header .header-nav.header-nav-links .header-nav-main, #header .header-nav.header-nav-line .header-nav-main { align-self: stretch; min-height: 0; margin-top: 0; }
#header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a { position: relative; background: transparent !important; padding: 0 .9rem; margin: 1px 0 0; height: 100%; }
#header .header-nav.header-nav-links nav > ul > li:hover > a:before, #header .header-nav.header-nav-links nav > ul > li.open > a:before, #header .header-nav.header-nav-links nav > ul > li.accessibility-open > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line nav > ul > li.accessibility-open > a:before { opacity: 1; }
#header .header-nav.header-nav-links nav > ul > li > a.active, #header .header-nav.header-nav-line nav > ul > li > a.active { background: transparent; }
#header .header-nav.header-nav-links nav > ul > li > a.active:before, #header .header-nav.header-nav-line nav > ul > li > a.active:before { opacity: 1; }
#header .header-nav.header-nav-links nav > ul > li.dropdown > a:before, #header .header-nav.header-nav-line nav > ul > li.dropdown > a:before { border-bottom: 0; }
#header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: 0; }
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { color: #444; }
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a { color: #FFF; }
#header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li > a { color: #FFF !important; }
#header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li > a.active, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li > a.active { color: #FFF !important; }
#header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:hover > a, #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:focus > a, #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:active > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:hover > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:focus > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:active > a { color: #FFF !important; }
#header .header-nav.header-nav-line nav > ul > li > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before { content: ""; position: absolute; background: transparent; width: auto; height: 3px; top: -2px; left: -1px; right: -1px; opacity: 0; }
#header .header-nav.header-nav-line nav > ul > li:hover > a:before { opacity: 1 !important; }
#header .header-nav.header-nav-line.header-nav-top-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: 100%; height: 3px; top: -2px; left: 0; }
#header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li:hover > a:before { top: -4px; }
#header .header-nav.header-nav-line.header-nav-top-line-animated nav > ul > li > a:before { transition: all .3s ease; width: 0%; left: 50%; }
#header .header-nav.header-nav-line.header-nav-top-line-animated nav > ul > li:hover > a:before { left: 0; width: 100%; }
#header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: auto; height: 3px; top: 50%; left: 15px; right: 15px; margin-top: 15px; transform: translateY(-3px); }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-no-transform nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-no-transform nav > ul > li:hover > a:before { margin-top: 12px; transform: none; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li:hover > a:before { left: 0; right: 0; height: 7px; margin: 6px 10px 15px 10px; opacity: 0.3 !important; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a:before { transition: cubic-bezier(0.55, 0, 0.1, 1) right 300ms; right: 100%; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a.active:before { right: 15px; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li:hover > a:before { right: 15px; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li > a.active:before { right: 0; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li:hover > a:before { right: 0; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a { color: #FFF !important; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul:not(:hover) li > a.active { color: #FFF !important; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul > li:hover > a { color: #444 !important; }
#header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul:not(:hover) li > a.active { color: #444 !important; }
#header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px; }
#header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li .wrapper-items-cloned > a { color: #FFF !important; }
#header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a { color: #333 !important; }
#header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: #333 !important; }
#header .header-nav.header-nav-icons nav > ul > li > a [class*="fa-"], #header .header-nav.header-nav-icons nav > ul > li > a .icons { font-size: 1.1rem; margin-right: 0.28rem; margin-top: 0.1rem; }
#header .header-nav.header-nav-divisor nav > ul > li { margin: 0; }
#header .header-nav.header-nav-divisor nav > ul > li > a { border-right: 1px solid rgba(0, 0, 0, 0.07); }
#header .header-nav.header-nav-divisor nav > ul > li:last-child > a { border-right: 0; }
#header .header-nav.header-nav-spaced nav > ul > li > a { margin: 0 !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
#header .header-nav.header-nav-first-item-no-padding nav > ul > li:first-child > a { padding-left: 0 !important; }
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown > a:before { border-bottom: 0; }
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a { border-bottom-color: #2a2a2a; }
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu { background: #1e1e1e; margin-top: 0; }
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li > a { color: #adadad; }
#header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:focus > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.open > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.accessibility-open > a { background: #282828; color: #FFF; }
#header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a { position: relative; flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 0; padding-left: 0; margin-left: 0.7rem; margin-right: 0.7rem; }
#header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { font-size: 0.9em; text-transform: none; font-weight: normal; margin-top: 0.3rem; }
#header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span { margin-top: -0.5rem; }
#header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a { transition: ease padding-bottom 300ms; }
#header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a.active { padding-bottom: 15px; }
#header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a.active > span { top: 60%; left: 0; opacity: 1; }
#header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { position: absolute; top: 50%; left: 0; margin-top: 0; opacity: 0; transform: translate3d(0, -50%, 0); transition: ease opacity 200ms, ease top 300ms; }
#header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:focus > a { padding-bottom: 15px; }
#header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:hover > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:focus > a > span { top: 60%; left: 0; opacity: 1; }
#header .header-nav.header-nav-links-side-header nav > ul > li > a { padding: 10px 15px !important; min-height: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0; }
#header .header-nav.header-nav-links-side-header nav > ul > li:last-child > a { border-bottom: 0; }
#header .header-nav.header-nav-links-side-header nav > ul > li.dropdown { position: static; }
#header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item { position: relative; }
#header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item:before { font-family: 'Font Awesome 6 Free'; content: "\f054" !important; font-weight: 900; position: absolute; top: 50%; font-size: 0.5rem; opacity: 0.7 !important; left: auto; right: 20px; transform: translateY(-50%); transition: all .2s ease-out; display: block !important; }
#header .header-nav.header-nav-links-side-header nav > ul > li.dropdown:hover > .dropdown-item:before { right: 15px; opacity: 1 !important; }
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown .dropdown-menu,
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown li.dropdown-submenu > .dropdown-menu { transition: opacity .2s ease-out; }
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown:hover:not(.open) .dropdown-menu { top: -10000px; opacity: 0; }
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown > .dropdown-toggle > .fa-chevron-down { display: block; opacity: 0; position: absolute; right: 12px; }
#header .header-nav.header-nav-click-to-open nav > ul > li.dropdown.open .dropdown-menu > li.dropdown-submenu:hover:not(.open) .dropdown-menu { top: -10000px; opacity: 0; }
}
@media (min-width: 992px) {
#header .header-nav-main-arrows nav > ul > li > a.dropdown-toggle:after { display: inline-block; font-family: 'Font Awesome 6 Free'; content: "\f078"; font-weight: 900; border: 0; width: auto; height: auto; margin: 0; padding: 0 0 0 4px; font-size: 0.6rem; }
}
@media (min-width: 992px) {
#header .header-nav-main-dark-text nav > .nav-pills > li > a { color: #333; }
}
@media (min-width: 992px) {
#header .header-nav-main-rounded nav > .nav-pills > li > a { justify-content: center; align-self: center; border-radius: 1.5rem; }
#header .header-nav-main-rounded nav > .nav-pills > li > a:before { display: none !important; }
#header .header-nav-main-rounded nav > ul > li.dropdown.open > a, #header .header-nav-main-rounded nav > ul > li.dropdown.accessibility-open > a, #header .header-nav-main-rounded nav > ul > li.dropdown:hover > a { border-radius: 1.5rem; }
#header .header-nav-main-rounded nav > ul > li.dropdown .dropdown-menu { border-radius: 4px; }
}
@media (min-width: 992px) {
#header .header-nav-stretch { padding-top: 0; padding-bottom: 0; }
#header .header-nav-stretch .header-nav-main { align-self: stretch; }
#header .header-nav-stretch nav > ul > li { display: inline-flex; align-self: stretch; }
#header .header-nav-stretch nav > ul > li.dropdown.open > a:before, #header .header-nav-stretch nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-stretch nav > ul > li.dropdown:hover > a:before { content: none; }
#header .header-nav-stretch nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-stretch nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-stretch nav > ul > li.dropdown:hover > .dropdown-menu { top: 100%; left: 0; margin-top: -1px; }
}
@media (min-width: 992px) {
html.side-header #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down,
html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down { display: block; position: absolute; right: 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transform: rotate(-90deg); font-size: 0.5rem; }
html.side-header #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down:before { content: none; }
html.side-header #header.side-header .header-nav nav,
html.side-header-hamburguer-sidebar #header.side-header .header-nav nav { display: block !important; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-dropdown nav > ul > li.dropdown,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-dropdown nav > ul > li.dropdown { position: relative; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:before { top: 23px; right: 20px; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a { border: 0; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu { overflow: hidden; opacity: 0; width: 0; height: 0; top: -10000px; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { position: relative; box-shadow: none; margin: 0; padding: 5px 0 5px 15px; left: auto; right: auto; transform: none; min-width: auto; width: 100%; opacity: 1 !important; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > a:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > a:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > a:after { right: 20px; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview { display: none; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns { position: relative; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav { margin-top: -10px; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown { position: static; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu { box-shadow: none; top: 50% !important; transform: translateY(-50%); left: 10000px; margin-left: -15px; margin-top: 10px; opacity: 0; transition: margin-left .2s ease-out, opacity .2s ease-out; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before { content: ''; display: block; position: absolute; top: -100vh; width: 100%; height: 100%; background: #FCFCFC; border-right: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; height: 200vh; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: static; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-left: 0; left: 100%; right: auto; margin-left: -15px; opacity: 0; transition: margin-left .2s ease-out, opacity .2s ease-out; transform: translate3d(10000px, 0, 0); }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu:before { border-left: 0; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { right: auto; opacity: 1; margin-left: 0; transform: translateY(-50%); }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { left: auto; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu { right: 100%; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown:hover > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown:hover > .dropdown-menu { margin-left: 0; margin-top: 0; padding-top: 0; opacity: 1; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns .thumb-info-preview,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns .thumb-info-preview { display: none; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide { height: 100%; justify-content: center; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide .header-nav-main,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide .header-nav-main { height: 100% !important; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul { height: 100%; justify-content: center; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul > li,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul > li { height: auto; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul { transform: translate3d(0, 0, 0); transition: ease all 300ms; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul.next-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul.next-menu { transform: translate3d(-100%, 0, 0); }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item { display: inline-block; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:before,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:before { display: none !important; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after { font-family: 'Font Awesome 6 Free'; content: "\f054"; font-weight: 900; position: relative; font-size: 0.5rem; opacity: 0.7; display: inline-block; border: 0; top: 1px; left: 5px; transform: none; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:hover:after,
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:hover:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:hover:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:hover:after { animation: sideMenuArrow 600ms ease; animation-iteration-count: infinite; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item { background: transparent; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after { top: -1px; margin-left: 5px; transform: none; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li a,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li a { background: transparent; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li { position: static; text-align: center; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li a,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li a { display: inline-block; width: 100%; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul { visibility: hidden; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul.visible,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul.visible { visibility: visible; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a { cursor: pointer; background: transparent; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before { font-family: 'Font Awesome 6 Free'; content: "\f053"; font-weight: 900; position: relative; font-size: 0.5rem; opacity: 0.7; display: inline-block; border: 0; top: -1px; right: 5px; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:hover:before,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:hover:before { animation: sideMenuArrowBack 600ms ease; animation-iteration-count: infinite; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; top: 50% !important; left: 100%; padding: 0; margin: 0 !important; opacity: 1; border-top: none; box-shadow: none; transform: translate3d(0, -50%, 0) !important; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar { width: 5px; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 0px; background: rgba(204, 204, 204, 0.5); }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu.next-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu.next-menu { transform: translate3d(-100%, -50%, 0) !important; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu li.dropdown-submenu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu li.dropdown-submenu { position: static; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown-submenu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown-submenu { position: static; }
}
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-light nav > ul > li > a { color: #FFF; }
#header .header-nav-main.header-nav-main-light nav > ul > li > a.active { color: #CCC; background: #FFF; }
#header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > a, #header .header-nav-main.header-nav-main-light nav > ul > li.active > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { background: #FFF; }
#header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.active > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu { border-top-color: #FFF; box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05); }
#header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.active > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu { border-top-color: #FFF; }
#header .header-nav-main.header-nav-main-light nav > ul > li.active > a { background: #FFF; }
#header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.open > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown:hover > a:before { border-bottom-color: #FFF; }
#header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover, #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus { background: #f5f5f5; }
}
@media (min-width: 992px) {
#header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a { transition: transform .2s ease-out; transform: translate3d(0, -5px, 0); }
#header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open .dropdown-mega-sub-nav li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open .dropdown-mega-sub-nav li a { transform: translate3d(0, 0, 0); }
#header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(0, -5px, 0); }
#header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0, 2px, 0); }
#header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); }
}
@media (min-width: 992px) {
#header .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu { transition: opacity .2s ease-out; opacity: 0; }
#header .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-2 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-2 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { opacity: 1; }
}
@media (min-width: 992px) {
#header .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(0, 10px, 0); }
#header .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-3 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-3 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); }
}
@media (min-width: 992px) {
#header .header-nav-main-effect-4 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(-10px, 0, 0); }
#header .header-nav-main-effect-4 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-4 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-4 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); }
}
@media (min-width: 992px) {
#header .header-nav-main-effect-5 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(0, -10px, 0); }
#header .header-nav-main-effect-5 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-5 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-5 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); }
}
@media (min-width: 992px) {
#header .header-nav-main-effect-6 nav > ul > li.dropdown .dropdown-menu { transition: transform .2s ease-out; transform: translate3d(10px, 0, 0); }
#header .header-nav-main-effect-6 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-6 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-6 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); }
}
@media (min-width: 992px) {
#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(-10px, 0, 0); opacity: 0; }
#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); opacity: 1; }
#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(10px, 0, 0); left: auto; right: 100%; opacity: 0; }
#header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse.open > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse.accessibility-open > .dropdown-menu { transform: translate3d(0, 0, 0); opacity: 1; }
}
@media (max-width: 991px) {
#header .header-nav-main { position: absolute; background: transparent; width: 100%; top: 100%; left: 50%; transform: translate3d(-50%, 0, 0); }
#header .header-nav-main:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background: #FFF; z-index: -1; transform: translateX(-50%); }
#header .header-nav-main nav { max-height: 50vh; overflow: hidden; overflow-y: auto; padding: 0 15px; transition: ease all 500ms; }
#header .header-nav-main nav.collapsing { overflow-y: hidden; }
#header .header-nav-main nav::-webkit-scrollbar { width: 5px; }
#header .header-nav-main nav::-webkit-scrollbar-thumb { border-radius: 0px; background: rgba(204, 204, 204, 0.5); }
#header .header-nav-main nav > ul { padding-top: 15px; padding-bottom: 15px; flex-direction: column; }
#header .header-nav-main nav > ul li { border-bottom: 1px solid #e8e8e8; clear: both; display: block; float: none; margin: 0; padding: 0; position: relative; }
#header .header-nav-main nav > ul li a { font-size: 13px; font-style: normal; line-height: 20px; padding: 7px 8px; margin: 1px 0; border-radius: 4px; text-align: left; }
#header .header-nav-main nav > ul li a.dropdown-toggle { position: relative; }
#header .header-nav-main nav > ul li a.dropdown-toggle:after { content: none; }
#header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; }
#header .header-nav-main nav > ul li a:active { background-color: #f8f9fa; color: inherit; }
#header .header-nav-main nav > ul li.dropdown > a.active { margin-top: -1px; margin-bottom: -1px; }
#header .header-nav-main nav > ul li.dropdown .dropdown-menu { background: transparent; padding: 0; margin: 0; font-size: 13px; box-shadow: none; border-radius: 0; border: 0; clear: both; display: none; float: none; position: static; }
#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a { position: relative; }
#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a:after { content: none; }
#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 0.6rem; }
#header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { display: block; margin-left: 20px; }
#header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu { display: block; margin-left: 20px; }
#header .header-nav-main nav > ul li:last-child { border-bottom: 0; }
#header .header-nav-main nav > ul > li > a { text-transform: uppercase; font-weight: 700; margin-top: 1px; margin-bottom: 1px; color: #CCC; }
#header .header-nav-main nav > ul > li > a:active { color: #CCC; }
#header .header-nav-main nav > ul > li > a.active { color: #FFF !important; background: #CCC; }
#header .header-nav-main nav > ul > li > a.active:focus, #header .header-nav-main nav > ul > li > a.active:hover { color: #FFF; background: #CCC; }
#header .header-nav-main a > .thumb-info-preview { display: none !important; }
#header .header-nav-main.header-nav-main-square nav > ul > li a { border-radius: 0 !important; }
#header .header-nav-main.header-nav-main-slide .wrapper-items-cloned { display: none; }
#header .header-nav-bar .header-container { min-height: 0; height: auto !important; }
#header .header-nav-bar .header-nav { min-height: 60px !important; padding: 0; }
#header .header-btn-collapse-nav { display: block; position: relative; z-index: 1; }
#header .header-nav.header-nav-stripe { min-height: 90px; }
#header .header-nav.header-nav-links, #header .header-nav.header-nav-line { min-height: 70px; }
#header .header-nav.header-nav-dropdowns-dark { min-height: 70px; }
#header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { display: block; text-transform: none; font-weight: normal; }
}
@media (max-width: 991px) {
#header .header-nav-main.header-nav-main-mobile-dark:before { background-color: #212529; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a { color: #dedede; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #FFF; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a { color: #969696; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a.active { color: #FFF; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul li { border-bottom: 1px solid #3e3e3e; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul li:last-child { border-bottom: 0; }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover, #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus, #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active { background-color: #2b2b2b; }
}
@media (max-width: 991px) {
#header .header-nav-main.header-nav-main-dark-text nav > ul > li > a { color: #333; }
#header .header-nav-main.header-nav-main-dark-text nav > ul > li > a.active { color: #FFF; }
}
@media (max-width: 991px) {
html.side-header-hamburguer-sidebar #header.side-header .header-nav { height: 100%; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav .header-nav-main { position: relative; top: 0; left: 0; transform: none; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav nav { display: block !important; max-height: 69vh; padding: 0 8px 0 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links { width: 100%; padding: 0; overflow: hidden; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main { align-self: stretch; min-height: 0; margin-top: 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a { color: #dedede !important; border-bottom-color: #3e3e3e; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #FFF !important; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a { color: #969696; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a.active { color: #FFF; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li { border-bottom-color: #3e3e3e; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active { background-color: #2b2b2b; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a { position: relative; background: transparent !important; color: #444 !important; padding: 0 .9rem; margin: 1px 0 0; min-height: 70px; height: 100%; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.dropdown-toggle:after { content: none; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: #CCC; background: transparent; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul li { border-bottom: 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul li a { color: #444; font-size: 12px; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li > a { padding: 10px 15px !important; min-height: 0 !important; border-bottom: 1px solid #f7f7f7; border-radius: 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li:last-child > a { border-bottom: 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li.dropdown { position: static; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a { border: 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu { overflow: hidden; opacity: 0; width: 0; height: 0; top: -10000px; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { position: relative; box-shadow: none; margin: 0; padding: 5px 0 5px 15px; top: auto; left: auto; right: auto; transform: none; min-width: auto; width: 100%; opacity: 1 !important; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview { display: none; }
}
@media (min-width: 992px) {
#header .header-body:not(.h-100) { height: auto !important; }
}
@media (max-width: 991px) {
#header .header-logo img { z-index: 1; }
#header .header-nav { display: flex; align-items: center; }
}
@media (max-width: 991px) {
html.safari #header .header-body { overflow: visible !important; }
}
@media (min-width: 992px) {
html.side-header .main .container, html.side-header #footer .container { padding: 0 35px; width: auto !important; max-width: 1210px; }
html.side-header:not(.side-header-above) body > .body { margin: 0 0 0 255px; width: auto; overflow-x: hidden; overflow-y: visible; }
}
@media (min-width: 992px) {
html.side-header #header.side-header { position: fixed; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); top: 0; left: 0; max-width: 255px; width: 100%; height: 100%; transform: translateX(0); transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; }
html.side-header #header.side-header:not(.header-transparent) { background: #FFF; }
html.side-header #header.side-header.side-header-hide { transform: translateX(100%); }
html.side-header #header.side-header .header-body { border-top: 0; }
html.side-header #header.side-header .header-container { width: 100%; }
html.side-header #header.side-header .header-row { flex-direction: column; }
html.side-header #header.side-header .header-nav-top .nav > li > a, html.side-header #header.side-header .header-nav-top .nav > li > span { display: block; }
html.side-header #header.side-header .header-logo { margin: 2rem 0; }
html.side-header #header.side-header .header-nav { flex-direction: column; }
html.side-header #header.side-header .header-nav.header-nav-links nav > ul > li > a { height: auto; }
html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand .header-nav-main { overflow: hidden; }
html.side-header #header.side-header .header-nav-main,
html.side-header #header.side-header .header-nav-main nav,
html.side-header #header.side-header .header-nav-main .nav { width: 100%; }
html.side-header #header.side-header .nav { flex-direction: column; width: 100%; }
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after { content: ""; border-color: transparent transparent transparent #CCC; position: absolute; right: 15px; top: 50%; border-top: .3em solid; border-bottom: .3em solid transparent; border-left: .3em solid transparent; border-right: 0; transform: translate3d(0, -50%, 0); }
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: 3px; left: 100%; border-top: 0; border-left: 5px solid #CCC; margin-left: -5px; }
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown li.dropdown-submenu:hover > .dropdown-menu { margin-top: -5px; border-top: 0; }
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > a, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > a, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > a { padding-bottom: 0.5rem; }
html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > a:before, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > a:before { content: none; }
html.side-header #header.side-header .header-nav-main nav > ul > li { margin-top: 1px; }
html.side-header #header.side-header .header-nav-main nav > ul > li > a { display: flex; }
html.side-header #header.side-header .header-nav-main nav > ul > li .dropdown-menu.dropdown-reverse li a { padding-right: 8px; padding-left: 20px; }
html.side-header #header.side-header .header-nav-main nav > ul > li .dropdown-menu.dropdown-reverse li.dropdown-submenu > a:after { border-width: 4px 4px 4px 0; }
html.side-header-right:not(.side-header-above) body > .body { margin: 0 255px 0 0; }
html.side-header-right #header.side-header { left: auto; right: 0; }
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle { padding-right: 0px; padding-left: 30px; }
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after { left: 15px; right: auto; border-right: .3em solid transparent; border-left: 0; }
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { display: flex; justify-content: center; flex-direction: column; right: 100%; left: auto; border-right: 5px solid #CCC; border-left: 0; margin-left: 0; margin-right: -5px; border-radius: 4px 0 0 4px; opacity: 1; }
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { height: 100vh; }
html.side-header-right #header.side-header.side-header-hide { transform: translateX(-100%); }
html.side-header-right.side-header-right-no-reverse #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a { padding-left: 25px; }
html.side-header-right.side-header-right-no-reverse #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { left: initial; right: 20px; }
}
@media (min-width: 1200px) {
html.side-header.side-header-hide #header.side-header { left: 0; transform: translateX(0); }
html.side-header.side-header-right.side-header-hide #header.side-header { left: auto; right: 0; transform: translateX(0); }
}
@media (max-width: 991px) {
html.side-header #header.side-header .header-container { height: auto !important; }
}
@media (max-height: 768px) {
html.side-header #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu,
html.side-header #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; }
}
html.side-header-hamburguer-sidebar .main .container, html.side-header-hamburguer-sidebar #footer .container { padding: 0 35px; width: auto !important; max-width: 1210px; }
html.side-header-hamburguer-sidebar:not(.side-header-above) body > .body { margin: 0 0 0 255px; width: auto; overflow-x: hidden; overflow-y: visible; }
html.side-header-hamburguer-sidebar #header.side-header { background: #FFF; position: fixed; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); top: 0; left: 0; max-width: 255px; width: 100%; height: 100%; transform: translateX(0); z-index: 9991; }
html.side-header-hamburguer-sidebar #header.side-header.side-header-hide { transform: translateX(-100%); }
html.side-header-hamburguer-sidebar #header.side-header.header-transparent { background: transparent; }
html.side-header-hamburguer-sidebar #header.side-header .header-body { border-top: 0; height: 100% !important; }
html.side-header-hamburguer-sidebar #header.side-header .header-container { width: 100%; height: 100% !important; }
html.side-header-hamburguer-sidebar #header.side-header .header-row { flex-direction: column; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav-top .nav > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav-top .nav > li > span { display: block; }
html.side-header-hamburguer-sidebar #header.side-header .header-logo { margin: 32px 0; margin: 2rem 0; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav { flex-direction: column; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a { height: auto; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav-main,
html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav,
html.side-header-hamburguer-sidebar #header.side-header .header-nav-main .nav { width: 100%; }
html.side-header-hamburguer-sidebar #header.side-header .nav { flex-direction: column; width: 100%; }
html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right #header.side-header { left: auto; right: 0; }
html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right #header.side-header.side-header-hide { transform: translateX(100%); }
html.side-header-overlay-full-screen body > .body { margin: 0; width: auto; overflow-x: hidden; overflow-y: visible; }
html.side-header-overlay-full-screen #header { display: flex; align-items: center; background-color: rgba(51, 51, 51, 0.99); position: fixed; box-shadow: 0 0 18px rgba(68, 68, 68, 0.07); top: 0; left: 0; width: 100vw; height: 100vh; padding-top: 48px; padding-top: 3rem; opacity: 0; visibility: hidden; transition: ease opacity 300ms, ease visibility 300ms; }
html.side-header-overlay-full-screen #header:not(.side-header-hide) { opacity: 1; visibility: visible; transition: ease opacity 300ms, ease visibility 300ms; }
html.side-header-overlay-full-screen #header .header-container:after { content: none; }
html.side-header-overlay-full-screen #header .header-body { background-color: transparent; border: 0; }
html.side-header-overlay-full-screen #header .header-nav { flex-direction: column; }
html.side-header-overlay-full-screen #header .header-nav.header-nav-links nav > ul > li > a { height: auto; }
html.side-header-overlay-full-screen #header .header-nav-main,
html.side-header-overlay-full-screen #header .header-nav-main nav,
html.side-header-overlay-full-screen #header .header-nav-main .nav { width: 100%; }
html.side-header-overlay-full-screen #header .nav { flex-direction: column; width: 100%; }
html.side-header-overlay-full-screen #header .header-nav-main { position: relative; }
html.side-header-overlay-full-screen #header .header-nav-main:before { content: none; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li { text-align: center; position: static; margin-top: 1px; height: auto; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a { display: inline-block; border: 0; font-size: 28.8px; font-size: 1.8rem; text-transform: none; color: #FFF; padding: 15px 0 !important; font-weight: 600; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:after { top: -2px !important; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.open, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.accessibility-open, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:focus, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:active, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.active { background: transparent; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li a .fa-chevron-down { display: none !important; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item { transition: ease left 300ms; position: relative; left: 0; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:after { display: none; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:before { display: none !important; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:hover { left: 5px; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { position: static; background: transparent !important; box-shadow: none; display: none !important; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border: 0; font-size: 17.6px; font-size: 1.1rem; color: #FFF; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:after { display: none; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu { position: static; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu .dropdown-menu a { font-size: 12px; font-size: 0.75rem; opacity: 0.7; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu.open > .dropdown-menu { display: block !important; opacity: 1; width: 100%; text-align: center; padding: 15px 0; margin: 0; transform: none; position: static; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu li a, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu li a,
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu.open > .dropdown-menu li a { background: transparent; }
@media (max-width: 991px) {
html.side-header-overlay-full-screen #header .header-nav { height: 100%; }
html.side-header-overlay-full-screen #header .header-nav-main { position: absolute; top: 50%; transform: translate3d(-50%, -50%, 0); }
html.side-header-overlay-full-screen #header .header-nav-main nav { max-height: 80vh; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:hover { left: 0; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul li { border-bottom: 0; }
html.side-header-overlay-full-screen #header .header-nav-main nav > ul li a { text-align: center; }
}
@media (max-width: 1600px) {
.custom-header-1 .custom-header-1-btn-1 span { padding-left: 2px !important; padding-right: 2px !important; }
}
.page-header { background-color: #212529; margin: 0 0 35px 0; padding: 30px 0; position: relative; text-align: left; }
.page-header h1 { color: #fff; display: inline-block; font-size: 30px; line-height: 1; margin: 0; padding: 0; font-weight: 400; position: relative; top: 1px; }
.page-header.page-header-lg { padding: 50px 0; }
.page-header.page-header-lg h1 { font-size: 40px; }
.page-header.page-header-classic:after { content: ''; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; }
.page-header.page-header-classic .page-header-title-border { width: 0; height: 5px; position: absolute; bottom: 0; background: transparent; z-index: 1; }
.page-header.page-header-modern h1 { font-size: 28px; }
.page-header.page-header-modern.page-header-md { padding: 50px 0; }
.page-header.page-header-modern.page-header-lg { padding: 65px 0; }
.page-header.page-header-modern.page-header-lg h1 { font-size: 32px; }
.page-header.page-header-modern.page-header-background { padding: 130px 0; background-size: cover; }
.page-header.page-header-modern.page-header-background.page-header-background-md { padding: 150px 0; }
.p-relative { position: relative !important; }
.p-fixed { position: fixed !important; }
.p-static { position: static !important; }
.box-shadow-none { box-shadow: none !important; }
.flex-0-0-auto { flex: 0 0 auto; }
.background-transparent,
.bg-transparent,
.bg-color-transparent { background: transparent !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pt-0 { padding-top: 0 !important; }
@media (min-width: 576px) {
.mb-sm-0 { margin-bottom: 0 !important; }
.mt-sm-0 { margin-top: 0 !important; }
}
@media (min-width: 768px) {
.mb-md-0 { margin-bottom: 0 !important; }
.mt-md-0 { margin-top: 0 !important; }
}
@media (min-width: 992px) {
.mb-lg-0 { margin-bottom: 0 !important; }
.mt-lg-0 { margin-top: 0 !important; }
.pb-lg-0 { padding-bottom: 0 !important; }
}
@media (min-width: 1200px) {
.mb-xl-0 { margin-bottom: 0 !important; }
.pb-xl-0 { padding-bottom: 0 !important; }
}
.mb-3-5 { margin-bottom: 12px !important; margin-bottom: 0.75rem !important; }
.pt-5-5 { padding-top: 36px !important; padding-top: 2.25rem !important; }
.mb-5-5 { margin-bottom: 36px !important; margin-bottom: 2.25rem !important; }
.my-5-5 { margin-top: 36px !important; margin-top: 2.25rem !important; margin-bottom: 36px !important; margin-bottom: 2.25rem !important; }
.negative-ls-05 { letter-spacing: -0.05em; }
.negative-ls-1 { letter-spacing: -1px; }
.positive-ls-2 { letter-spacing: 2px !important; }
.cur-pointer { cursor: pointer; }
.p-events-none { pointer-events: none; }
.text-0 { font-size: .7em !important; }
.text-1 { font-size: .8em !important; }
.text-2 { font-size: .9em !important; }
.text-3 { font-size: 1em !important; }
.text-3-4,
.text-3-5 { font-size: 1.1em !important; }
.text-4 { font-size: 1.2em !important; }
.text-5 { font-size: 1.50em !important; }
.text-5-6,
.text-5-5 { font-size: 1.65em !important; }
.text-6 { font-size: 1.80em !important; }
.text-7 { font-size: 2em !important; }
.text-8 { font-size: 2.30em !important; }
.text-9 { font-size: 2.50em !important; }
.text-10 { font-size: 2.75em !important; }
.text-12 { font-size: 3.5em !important; }
@media (min-width: 992px) {
.text-lg-8 { font-size: 2.30em !important; }
}
.line-height-1 { line-height: 1 !important; }
.line-height-2 { line-height: 1.2 !important; }
.line-height-3 { line-height: 1.3 !important; }
.line-height-4 { line-height: 1.4 !important; }
.line-height-9 { line-height: 1.9 !important; }
.opacity-0 { opacity: 0.0 !important; }
.opacity-5 { opacity: 0.5 !important; }
.opacity-7 { opacity: 0.7 !important; }
.top-50pct { top: 50%; }
.left-50pct { left: 50%; }
.top-0 { top: 0px !important; }
.bottom-0 { bottom: 0px !important; }
.right-0 { right: 0px !important; }
.top-1 { top: 1px !important; }
.bottom-1 { bottom: 1px !important; }
.top-6 { top: 6px !important; }
.top-8 { top: 8px !important; }
.right-8 { right: 8px !important; }
.bottom-10 { bottom: 10px !important; }
.left-15 { left: 15px !important; }
.transform3dxy-n50 { transform: translate3d(-50%, -50%, 0); }
.text-decoration-none { text-decoration: none !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-transform-none { text-transform: none !important; }
.text-muted { color: #747474 !important; }
.overflow-hidden { overflow: hidden !important; }
.z-index-2 { z-index: 2 !important; }
.z-index-3 { z-index: 3 !important; }
.text-dark { color: #212529 !important; }
a.text-dark:focus, a.text-dark:hover { color: #121416 !important; }
.text-light { color: #FFF !important; }
a.text-light:focus, a.text-light:hover { color: #cbd3da !important; }
.text-color-grey { color: #969696 !important; }
.text-color-danger { color: #ff5b5b !important; }
.bg-color-grey { background-color: #F7F7F7 !important; }
.bg-color-grey-scale-1 { background-color: #EDEDED !important; }
.bg-color-dark-scale-2 { background-color: #1c2023 !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-regular,
.font-weight-normal { font-weight: 400 !important; }
.font-weight-medium { font-weight: 500 !important; }
.font-weight-semibold,
.font-weight-semi-bold { font-weight: 600 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-extrabold,
.font-weight-extra-bold { font-weight: 800 !important; }
.rounded { border-radius: 5px !important; }
.border-color-light-2 { border-color: rgba(255, 255, 255, 0.3) !important; }
.border-color-light-3 { border-color: rgba(255, 255, 255, 0.05) !important; }
.border-radius-0 { border-radius: 0 !important; }
.rounded-circle { border-radius: 50% !important; }
.ws-nowrap { white-space: nowrap !important; }
@media (min-width: 1200px) {
.container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) { max-width: 1140px; }
}
@media (min-width: 1440px) {
.container-xl-custom { max-width: 1440px; }
}
[class*="fluid-col-"] { position: relative; }
.row-gutter-sm { margin-right: -10px; margin-left: -10px; }
.row-gutter-sm .col, .row-gutter-sm .col-1, .row-gutter-sm .col-10, .row-gutter-sm .col-11, .row-gutter-sm .col-12, .row-gutter-sm .col-2, .row-gutter-sm .col-3, .row-gutter-sm .col-4, .row-gutter-sm .col-5, .row-gutter-sm .col-6, .row-gutter-sm .col-7, .row-gutter-sm .col-8, .row-gutter-sm .col-9, .row-gutter-sm .col-auto, .row-gutter-sm .col-lg, .row-gutter-sm .col-lg-1, .row-gutter-sm .col-lg-10, .row-gutter-sm .col-lg-11, .row-gutter-sm .col-lg-12, .row-gutter-sm .col-lg-2, .row-gutter-sm .col-lg-3, .row-gutter-sm .col-lg-4, .row-gutter-sm .col-lg-5, .row-gutter-sm .col-lg-6, .row-gutter-sm .col-lg-7, .row-gutter-sm .col-lg-8, .row-gutter-sm .col-lg-9, .row-gutter-sm .col-lg-auto, .row-gutter-sm .col-md, .row-gutter-sm .col-md-1, .row-gutter-sm .col-md-10, .row-gutter-sm .col-md-11, .row-gutter-sm .col-md-12, .row-gutter-sm .col-md-2, .row-gutter-sm .col-md-3, .row-gutter-sm .col-md-4, .row-gutter-sm .col-md-5, .row-gutter-sm .col-md-6, .row-gutter-sm .col-md-7, .row-gutter-sm .col-md-8, .row-gutter-sm .col-md-9, .row-gutter-sm .col-md-auto, .row-gutter-sm .col-sm, .row-gutter-sm .col-sm-1, .row-gutter-sm .col-sm-10, .row-gutter-sm .col-sm-11, .row-gutter-sm .col-sm-12, .row-gutter-sm .col-sm-2, .row-gutter-sm .col-sm-3, .row-gutter-sm .col-sm-4, .row-gutter-sm .col-sm-5, .row-gutter-sm .col-sm-6, .row-gutter-sm .col-sm-7, .row-gutter-sm .col-sm-8, .row-gutter-sm .col-sm-9, .row-gutter-sm .col-sm-auto, .row-gutter-sm .col-xl, .row-gutter-sm .col-xl-1, .row-gutter-sm .col-xl-10, .row-gutter-sm .col-xl-11, .row-gutter-sm .col-xl-12, .row-gutter-sm .col-xl-2, .row-gutter-sm .col-xl-3, .row-gutter-sm .col-xl-4, .row-gutter-sm .col-xl-5, .row-gutter-sm .col-xl-6, .row-gutter-sm .col-xl-7, .row-gutter-sm .col-xl-8, .row-gutter-sm .col-xl-9, .row-gutter-sm .col-xl-auto { padding-left: 10px; padding-right: 10px; }
#footer { background: #212529; border-top: 4px solid #212529; font-size: 0.9em; margin-top: 50px; padding: 0; position: relative; clear: both; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #FFF; }
#footer a:not(.btn):not(.no-footer-css) { color: #c8c8c8; transition: all 0.1s ease-in-out; }
#footer a:not(.btn):not(.no-footer-css):hover { text-decoration: none; color: #FFF; }
#footer a:not(.btn):not(.no-footer-css):focus, #footer a:not(.btn):not(.no-footer-css):active { color: #CCC; }
#footer a:not(.btn):not(.no-footer-css).text-color-light { color: #FFF !important; }
#footer a:not(.btn):not(.no-footer-css).text-color-light:hover { color: #e6e5e5 !important; }
#footer a:not(.btn):not(.no-footer-css).text-color-light:focus, #footer a:not(.btn):not(.no-footer-css).text-color-light:active { color: #cccccc !important; }
#footer a:not(.btn):not(.no-footer-css).link-hover-style-1 { position: relative; left: 0px; transition: all 0.1s ease-in-out; }
#footer a:not(.btn):not(.no-footer-css).link-hover-style-1:hover { left: 3px; }
#footer ul.nav-list > li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; padding-bottom: 11px; }
#footer ul.nav-list > li:last-child a { border-bottom: 0; }
#footer ul.nav-list > li a:hover { background-color: rgba(255, 255, 255, 0.05); }
#footer ul.list.icons li { margin-bottom: 5px; }
#footer form { opacity: 0.85; }
#footer form label.error { line-height: 16px; margin: 5px 0 -5px; display: block; clear: both; }
#footer form .alert { padding: 6px; text-align: center; }
#footer .logo img { position: relative; top: 2px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); }
#footer .twitter [class*="fa-"], #footer .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #FFF; }
#footer .twitter .meta { color: #999; display: block; font-size: 0.9em; padding-top: 3px; opacity: 0.5; }
#footer .twitter ul { list-style: none; margin: 0; padding: 0; }
#footer .twitter ul li { padding-bottom: 20px; padding-left: 30px; }
#footer .twitter ul li:last-child { padding-bottom: 0; }
#footer .footer-copyright { background: #1c2023; }
#footer .footer-copyright nav { font-size: 0.9em; }
#footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; }
#footer .footer-copyright nav ul li { display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; }
#footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; }
#footer .footer-copyright nav ul li:last-child { padding-right: 0; }
#footer .footer-copyright p { color: #555; margin: 0; padding: 0; font-size: 0.9em; }
#footer.footer-reveal { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -10; }
html.boxed body { background-color: transparent; background-position: 0 0; background-repeat: repeat; }
html.boxed .body { position: relative; background-color: transparent; border-radius: 5px; border-top: 5px solid #CCC; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); margin: 25px auto; max-width: 1200px; height: auto; }
html.boxed #header .header-body { border-top-color: transparent; border-top: 0; }
html.boxed #header.header-effect-shrink .header-body { max-width: 1200px; }
html.boxed .main { background-color: #FFF; overflow: hidden; }
html.boxed #footer { margin-top: 0; border-bottom: 4px solid #1A1C1E; border-radius: 0 0 5px 5px; }
html.boxed .footer-reveal { max-width: 1200px; left: auto !important; }
@media (min-width: 1200px) {
html.boxed .footer-reveal { bottom: 25px !important; }
}
@media (max-width: 1199px) {
html.boxed .footer-reveal { border-bottom: none !important; }
}
@media (max-width: 991px) {
html.boxed .body { margin: 0 auto; border-radius: 0; }
}
@media (max-width: 767px) {
html.boxed { background: none !important; }
}
.customDiamondsLineAnim { animation-name: customDiamondsLineAnim; }
.diamonds { font-size: 0; margin: 40px auto 85px; position: relative; text-align: center; padding: 50px 0 0 57px; }
.diamonds > li { display: inline-block; font-size: 18px; margin-right: 135px; }
.diamonds .diamond { background: transparent; display: block; height: 243px; overflow: hidden; position: relative; text-decoration: none; width: 245px; overflow: hidden; transform: rotate(-45deg); }
.diamonds .diamond:after { transition: all 0.2s ease; content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0; transform: scale(0); z-index: 100; }
.diamonds .diamond:before { transition: all 0.2s ease; color: #fff; content: "\e091"; font-family: "simple-line-icons"; font-size: 28px; position: absolute; left: 50%; top: 50%; opacity: 0; z-index: 1000; transform-origin: 50% 50%; transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(2); }
.diamonds .diamond:hover:after { opacity: 0.3; transform: scale(1); }
.diamonds .diamond:hover:before { opacity: 1; transform: translate3d(-50%, -50%, 0) rotate(45deg) scale(1); }
.diamonds .content { display: table-cell; height: 255px; padding: 0 8px 0 6px; transform: rotate(45deg); text-align: center; vertical-align: middle; width: 255px; position: relative; }
.diamonds .content img { max-width: 375px; margin-left: -50%; }
.diamonds .diamond-sm { height: 123px; width: 123px; }
.diamonds .diamond-sm .content { height: 123px; width: 123px; }
.diamonds .diamond-sm .content:after { left: 24%; top: 48%; }
@media (min-width: 1199px) {
.diamonds > li:nth-child(3) { margin-right: 0; }
.diamonds > li:nth-child(4) { right: 143px; top: 9px; position: absolute; }
.diamonds > li:nth-child(5) { margin-left: 516px; margin-top: -70px; }
.diamonds > li:nth-child(6) { position: absolute; margin: -8px 0 0 -27px; right: -14px; }
.diamonds > li:nth-child(7) { position: absolute; margin: 93px 0 0 -133px; right: 90px; }
.diamonds .diamond-sm { height: 123px; width: 123px; }
.diamonds .diamond-sm .content { height: 123px; width: 123px; }
.diamonds .diamond-sm .content img { max-width: 195px; }
}
@media (max-width: 1198px) {
.diamonds { text-align: center; width: 748px; margin: 0 auto; padding: 75px 0 0 75px; }
.diamonds::after { clear: both; content: ""; display: block; }
.diamonds > li { margin: 0; position: static; float: left; }
.diamonds > li:nth-child(2n+2) { margin-bottom: -50px; margin-left: 55px; margin-top: 200px; }
.diamonds > li:nth-child(2n+1) { clear: both; }
.diamonds > li:nth-child(4) { float: left; }
.diamonds > li:nth-child(5), .diamonds > li:nth-child(6), .diamonds > li:nth-child(7) { float: right; }
.diamonds > li:nth-child(7) { margin-top: 40px; }
}
@media (max-width: 748px) {
.diamonds { margin: 0 auto; padding: 25px 0 0 0; text-align: center; width: 445px; }
.diamonds > li { float: none !important; clear: both !important; margin: 45px 0 115px 95px !important; display: block; }
.diamonds > li:nth-child(4), .diamonds > li:nth-child(6), .diamonds > li:nth-child(7) { margin-left: 158px !important; }
}
@media (max-width: 575px) {
.diamonds-wrapper { min-height: 2290px; }
.diamonds-wrapper .diamonds { margin: 0 auto; padding: 25px 0 0; text-align: center; width: 445px; position: absolute; left: 50%; margin-left: -222px; }
.diamonds-wrapper .diamonds .diamond { margin: 130px auto 0; }
.diamonds-wrapper .diamonds > li { text-align: center; margin: 0 !important; }
.diamonds-wrapper .diamonds > li:first-child .diamond { margin-top: 60px; }
}
@media (max-width: 460px) {
.nav-cta-tel { }
}
@media (max-width: 500px) {
.nav-cta-tel-link { display: none; }
}
@media (min-width: 499px) {
.nav-cta-tel-icon { display: none; }
}
.nav-cta-call-now { padding-right: 1rem; }
@media (max-width: 657px) {
.nav-cta-call-now { display: none !important; }
}
@media (max-width: 850px) {
.nav-cta-button { display: none; }
}
@media (max-width: 1581px) {
.nav-pill-contact { display: none; }
}
@media (max-width: 1471px) {
.nav-pill-faqs { display: none; }
}
@media (max-width: 1407px) {
.nav-pill-blog { display: none; }
}
@media (max-width: 1345px) {
.nav-pill-services { display: none; }
}
@media (max-width: 1257px) {
.nav-pill-impact-doors { display: none; }
}
@media (max-width: 1133px) {
.nav-pill-about { display: none; }
}
@media (max-width: 1035px) {
.nav-pill-brands { display: none; }
}
#header.header-sticky-v2 { position: -webkit-sticky; position: sticky; top: -30px; height: 100px; }
#header.header-sticky-v2 .header-body { height: 100%; transition: none; }
#header.header-sticky-v2 .header-container { height: 100%; min-height: 0; padding-top: 30px; transform: translateY(-15px); transition: transform 0.25s ease; }
#header.header-sticky-v2.is-shrunk .header-container { transform: translateY(0); }
#header.header-sticky-v2 .header-logo { margin-top: 0; margin-bottom: 0; }
#header.header-sticky-v2 .header-logo img { transform-origin: left center; transition: transform 0.25s ease; }
#header.header-sticky-v2.is-shrunk .header-logo img { transform: scale(0.727); }
#header.header-sticky-v2.is-shrunk .header-body { border-bottom-color: rgba(234, 234, 234, 0.5); }
@supports (animation-timeline: scroll()) {
#header.header-sticky-v2 .header-logo img { animation: apw-header-logo-park linear both; animation-timeline: scroll(root); animation-range: 0px 66px; }
#header.header-sticky-v2 .header-container { animation: apw-header-row-park linear both; animation-timeline: scroll(root); animation-range: 0px 66px; }
}
@media (max-width: 991px) {
#header.header-sticky-v2 .header-body,
html #header.header-sticky-v2.header-transparent .header-body { height: 100% !important; overflow: visible !important; }
#header.header-sticky-v2 .header-nav-main nav { max-height: calc(100vh - 110px); overflow-y: auto; }
#header.header-sticky-v2 .header-nav-main:has(> nav.show),
#header.header-sticky-v2 .header-nav-main:has(> nav.collapsing) { background-color: #171a1e; border-bottom: 10px solid #171a1e; }
#header.header-sticky-v2:not(.is-shrunk) .header-nav-main { top: calc(100% + 15px); }
}
@media (max-width: 500px) {
#header.header-sticky-v2 { top: 0; height: 70px; }
#header.header-sticky-v2 .header-container,
#header.header-sticky-v2.is-shrunk .header-container { padding-top: 0; transform: none; animation: none; }
#header.header-sticky-v2 .header-logo img,
#header.header-sticky-v2.is-shrunk .header-logo img { transform: scale(0.727); transition: transform 0.25s ease; animation: none; }
#header.header-sticky-v2:not(.is-shrunk) .header-nav-main { top: 100%; }
}
@media (prefers-reduced-motion: reduce) {
#header.header-sticky-v2 .header-logo img,
#header.header-sticky-v2 .header-container { transition: none; animation: none; }
}
html { scroll-padding-top: 90px; }
.bg-success-custom { background-image: linear-gradient(150deg, #60e877 0%, #2fd44a 30%, #12c731 70%, #00ba1e 100%) !important; background: #00ba1e; }
.process .process-step-small .process-step-circle-content { font-size: 1em; }
.process-vertical .process-step.process-step-small:after { height: calc(100% - 30px); top: 30px; left: 15px; }
.process-vertical .process-step-small .process-step-circle { height: 30px; width: 30px; margin: 0 15px 0 0; min-height: 30px; min-width: 30px; }
.process-vertical .process-step.process-step-small { padding-bottom: 30px; }
.process-vertical > .process-step-small:last-child { padding-bottom: 0; }
.process-vertical .process-step.process-step-small:hover .process-step-circle { background: #0169fe; }
.text-primary-custom { color: #0169fe; }
.online-dot { animation: blinker 1.5s linear infinite; width: 10px; height: 10px; display: inline-block; border: 1px solid #00ba1e; background-color: #00ba1e; border-radius: 100%; }
.viz-product-cta { padding: 44px 0; background: linear-gradient(135deg, #ecfdf5 0%, #f0fdfa 100%); border-top: 1px solid #a7f3d0; border-bottom: 1px solid #a7f3d0; }
.viz-product-cta__inner { display: flex; align-items: center; gap: 28px; max-width: 960px; margin: 0 auto; }
.viz-product-cta__media { width: 84px; height: 84px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 8px 22px rgba(5,150,105,.18); }
.viz-product-cta__media > i.fas { font-size: 32px; color: #059669; }
.viz-product-cta__title { font-size: 24px; font-weight: 700; color: #064e3b; margin: 0 0 8px; line-height: 1.25; }
.viz-product-cta__lede { font-size: 15px; color: #047857; line-height: 1.55; margin: 0 0 16px; }
.viz-product-cta__actions { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; }
.viz-product-cta__secondary { font-size: 14px; font-weight: 600; color: #047857; text-decoration: none; }
.viz-product-cta__secondary:hover { color: #064e3b; }
@media (max-width: 768px) {
.viz-product-cta__inner { flex-direction: column; text-align: center; gap: 18px; }
.viz-product-cta__actions { justify-content: center; }
}
@keyframes customDiamondsLineAnim { from { stroke-dasharray: 1330; stroke-dashoffset: 0; } to { stroke-dasharray: 1330; stroke-dashoffset: -1300; } }
@keyframes apw-header-logo-park { to { transform: scale(0.727); } }
@keyframes apw-header-row-park { to { transform: translateY(0); } }
@keyframes blinker { 50% { opacity: 0.4; } }
/* ---- css/theme-elements.slim.css ---- */
.accordion .card { margin-top: 5px; }
.accordion .card:first-child { margin-top: 0; }
.accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem; }
.accordion .card:not(:first-of-type) .card-header:first-child { border-radius: .25rem; }
.accordion .card-title { font-size: 16px; }
.accordion .card-header { padding: 0; border-radius: .25rem; border-bottom: 0; margin: -1px; }
.accordion .card-header a { cursor: pointer; display: block; padding: 10px 20px; }
.accordion .card-header a:hover, .accordion .card-header a:focus { text-decoration: none; }
.accordion .card-header a [class^="icon-"] { margin-right: 4px; position: relative; top: 1px; }
.accordion .card-header a [class*="fa-"], .accordion .card-header a .icons { display: inline-block; margin-right: 5px; position: relative; top: -1px; }
.appear-animation-visible { opacity: 1; }
.fadeInUpShorter { animation-name: fadeInUpShorter; }
.fadeInUpShorterPlus { animation-name: fadeInUpShorterPlus; }
.fadeInRightShorter { animation-name: fadeInRightShorter; }
.arrow { background: transparent url(/img/arrows.png) no-repeat 0 0; width: 47px; height: 120px; display: inline-block; position: relative; }
.arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px; }
@media (max-width: 575px) {
.arrow { display: none; }
}
.badge-dark { background-color: #212529; color: #FFF; }
.badge.badge-sm { padding: 0.5em 0.8em; }
.progress { border-radius: 25px; height: 20px; background: #FAFAFA; overflow: visible; }
.progress-bar { background-color: #CCC; box-shadow: none; position: relative; border-radius: 25px; overflow: visible; }
.breadcrumb { background: none; margin: 0; padding: 0; position: relative; z-index: 1; }
.breadcrumb > li { display: inline-block; font-size: 0.8em; text-transform: uppercase; text-shadow: none; }
.breadcrumb > li + li:before { color: inherit; opacity: 0.5; font-family: 'Font Awesome 6 Free'; font-weight: 900; content: "\f105"; padding: 0 7px 0 5px; }
.btn { font-size: 12.8px; font-size: 0.8rem; padding: 8.528px 14.928px; padding: 0.533rem 0.933rem; cursor: pointer; font-weight: 600; }
.btn.btn-xs { font-size: 11.2px; font-size: 0.7rem; padding: 3.2px 8px; padding: 0.2rem 0.5rem; }
.btn.btn-sm { font-size: 12.8px; font-size: 0.8rem; padding: 4.8px 10.4px; padding: 0.3rem 0.65rem; }
.btn.btn-lg { font-size: 16px; font-size: 1rem; padding: 8px 16px; padding: 0.5rem 1rem; }
.btn.btn-px-4 { padding-left: 28px; padding-left: 1.75rem; padding-right: 28px; padding-right: 1.75rem; }
.btn.btn-py-2 { padding-top: 12px; padding-top: .75rem; padding-bottom: 12px; padding-bottom: .75rem; }
.btn.btn-py-3 { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; }
html body .btn.focus,
html body .btn:focus,
html body .btn.active,
html body .btn:active, html body.body .btn.focus,
html body.body .btn:focus,
html body.body .btn.active,
html body.body .btn:active { box-shadow: none !important; }
.btn + .dropdown-menu .dropdown-item { font-size: 12.8px; font-size: 0.8rem; }
.btn-outline { border-width: 2px; padding: 7.728px 14.928px; padding: 0.483rem 0.933rem; }
.btn-outline.btn-xs { padding: 2.4px 8px; padding: 0.15rem 0.5rem; }
.btn-outline.btn-sm { padding: 4px 10.4px; padding: 0.25rem 0.65rem; }
.btn-outline.btn-lg { padding: 7.2px 16px; padding: 0.45rem 1rem; }
.btn-modern { text-transform: uppercase; font-size: .8em; padding: 12.8px 24px; padding: 0.8rem 1.5rem; font-weight: 600; }
.btn-rounded { border-radius: 35px; }
.btn.dropdown-toggle:after { margin-left: .155em; vertical-align: .155em; }
.btn-primary { background-color: #CCC; border-color: #CCC #CCC #b3b2b2; color: #FFF; }
.btn-primary:hover, .btn-primary.hover { background-color: #dfdfdf; border-color: #e6e5e5 #e6e5e5 #CCC; color: #FFF; }
.btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { background-color: #CCC; border-color: #CCC #CCC #b3b2b2; }
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle { background-color: #b9b9b9; background-image: none; border-color: #b3b2b2 #b3b2b2 #999999; }
.btn-outline.btn-primary { color: #CCC; background-color: transparent; background-image: none; border-color: #CCC; }
.btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover { color: #FFF; background-color: #CCC; border-color: #CCC; }
.btn-outline.btn-primary:focus, .btn-outline.btn-primary.focus { box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); }
.btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled { color: #CCC; background-color: transparent; }
.btn-outline.btn-primary:active, .btn-outline.btn-primary.active,
.show > .btn-outline.btn-primary.dropdown-toggle { color: #FFF; background-color: #CCC; border-color: #CCC; }
.btn-success { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; color: #FFF; }
.btn-success:hover, .btn-success.hover { background-color: #2fc652; border-color: #34ce57 #34ce57 #28a745; color: #FFF; }
.btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); }
.btn-success.disabled, .btn-success:disabled { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; }
.btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle { background-color: #218838; background-image: none; border-color: #1e7e34 #1e7e34 #145523; }
.btn-outline.btn-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; }
.btn-outline.btn-success:hover, .btn-outline.btn-success.hover { color: #FFF; background-color: #28a745; border-color: #28a745; }
.btn-outline.btn-success:focus, .btn-outline.btn-success.focus { box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); }
.btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled { color: #28a745; background-color: transparent; }
.btn-outline.btn-success:active, .btn-outline.btn-success.active,
.show > .btn-outline.btn-success.dropdown-toggle { color: #FFF; background-color: #28a745; border-color: #28a745; }
.btn-warning { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; color: #FFF; }
.btn-warning:hover, .btn-warning.hover { background-color: #ffcb2d; border-color: #ffce3a #ffce3a #ffc107; color: #FFF; }
.btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); }
.btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; }
.btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle { background-color: #e0a800; background-image: none; border-color: #d39e00 #d39e00 #a07800; }
.btn-outline.btn-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; }
.btn-outline.btn-warning:hover, .btn-outline.btn-warning.hover { color: #FFF; background-color: #ffc107; border-color: #ffc107; }
.btn-outline.btn-warning:focus, .btn-outline.btn-warning.focus { box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); }
.btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled { color: #ffc107; background-color: transparent; }
.btn-outline.btn-warning:active, .btn-outline.btn-warning.active,
.show > .btn-outline.btn-warning.dropdown-toggle { color: #FFF; background-color: #ffc107; border-color: #ffc107; }
.btn-danger { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; color: #FFF; }
.btn-danger:hover, .btn-danger.hover { background-color: #e25663; border-color: #e4606d #e4606d #dc3545; color: #FFF; }
.btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); }
.btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; }
.btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle { background-color: #c82333; background-image: none; border-color: #bd2130 #bd2130 #921925; }
.btn-outline.btn-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; }
.btn-outline.btn-danger:hover, .btn-outline.btn-danger.hover { color: #FFF; background-color: #dc3545; border-color: #dc3545; }
.btn-outline.btn-danger:focus, .btn-outline.btn-danger.focus { box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); }
.btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled { color: #dc3545; background-color: transparent; }
.btn-outline.btn-danger:active, .btn-outline.btn-danger.active,
.show > .btn-outline.btn-danger.dropdown-toggle { color: #FFF; background-color: #dc3545; border-color: #dc3545; }
.btn-dark { background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #FFF; }
.btn-dark:hover, .btn-dark.hover { background-color: #32383e; border-color: #383f45 #383f45 #212529; color: #FFF; }
.btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); }
.btn-dark.disabled, .btn-dark:disabled { background-color: #212529; border-color: #212529 #212529 #0a0c0d; }
.btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle { background-color: #101214; background-image: none; border-color: #0a0c0d #0a0c0d black; }
.btn-outline.btn-dark { color: #212529; background-color: transparent; background-image: none; border-color: #212529; }
.btn-outline.btn-dark:hover, .btn-outline.btn-dark.hover { color: #FFF; background-color: #212529; border-color: #212529; }
.btn-outline.btn-dark:focus, .btn-outline.btn-dark.focus { box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); }
.btn-outline.btn-dark.disabled, .btn-outline.btn-dark:disabled { color: #212529; background-color: transparent; }
.btn-outline.btn-dark:active, .btn-outline.btn-dark.active,
.show > .btn-outline.btn-dark.dropdown-toggle { color: #FFF; background-color: #212529; border-color: #212529; }
html body .btn-light,
html body .btn-outline.btn-light { border-color: #d9d9d9 #d9d9d9 #bfbfbf; color: #777; }
html body .btn-light:hover, html body .btn-light.hover,
html body .btn-outline.btn-light:hover,
html body .btn-outline.btn-light.hover { background-color: #f2f2f2; border-color: #e6e5e5 #e6e5e5 #cccccc; color: #777; }
html body .btn-light:focus, html body .btn-light.focus,
html body .btn-outline.btn-light:focus,
html body .btn-outline.btn-light.focus { box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5); }
html body .btn-light.disabled, html body .btn-light:disabled,
html body .btn-outline.btn-light.disabled,
html body .btn-outline.btn-light:disabled { border-color: #bfbfbf #bfbfbf #bfbfbf; }
html body .btn-light:active, html body .btn-light.active,
.show > html body .btn-light.dropdown-toggle,
html body .btn-outline.btn-light:active,
html body .btn-outline.btn-light.active,
.show >
html body .btn-outline.btn-light.dropdown-toggle { border-color: #bfbfbf #bfbfbf #bfbfbf; }
.btn-gradient:not(.btn-outline) { border: 0; }
.btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { border: 0; }
.btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { border: 0; }
.btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled { border: 0; }
.btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { border: 0; }
.btn-gradient.btn-outline { border: 2px solid transparent; background: transparent; border-image-slice: 1 !important; }
.btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover { border: 2px solid transparent; }
.btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled { border: 2px solid transparent; }
.btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active { border: 2px solid transparent; }
.play-button-lg { width: 90px; height: 90px; }
.call-to-action { display: flex; flex-wrap: wrap; position: relative; padding: 32px 55px; clear: both; }
.call-to-action::after { clear: both; content: ""; display: block; }
@media (max-width: 767px) {
.call-to-action { padding: 10px 10px; }
}
.call-to-action h3 { text-transform: none; color: #212529; padding: 0; margin: 0 0 9px; }
.call-to-action p { font-size: 1.2em; }
.call-to-action > [class*="col-"] { display: flex; align-items: center; }
.call-to-action > [class*="col-"]:nth-child(2) { justify-content: flex-end; text-align: center; }
@media (max-width: 767px) {
.call-to-action > [class*="col-"]:nth-child(2) { justify-content: center; }
}
.call-to-action .container > .row, .call-to-action .container-fluid > .row { display: flex; flex-wrap: wrap; }
.call-to-action .container > .row > [class*="col-"], .call-to-action .container-fluid > .row > [class*="col-"] { display: flex; align-items: center; }
.call-to-action .container > .row > [class*="col-"]:nth-child(2), .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { justify-content: flex-end; text-align: center; }
@media (max-width: 767px) {
.call-to-action .container > .row > [class*="col-"]:nth-child(2), .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { justify-content: center; }
}
@media (max-width: 767px) {
.call-to-action > [class*="col-"]:not([class*="col-xs"]) { width: 100%; }
.call-to-action .container > .row [class*="col-"]:not([class*="col-xs"]) { width: 100%; }
}
.call-to-action .call-to-action-content { text-align: center; }
.call-to-action.call-to-action-default { background: #f7f7f7; }
.call-to-action.call-to-action-dark { background: #333940; }
.call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p { color: #FFF; }
.call-to-action.with-button-arrow .call-to-action-btn { position: relative; }
@media (min-width: 992px) {
.call-to-action.with-button-arrow .call-to-action-btn { left: -80px; }
}
.call-to-action.with-button-arrow .call-to-action-btn .arrow { position: absolute; }
@media (max-width: 991px) {
.call-to-action.with-button-arrow .call-to-action-btn .arrow { display: none; }
}
.call-to-action.content-align-center .call-to-action-content, .call-to-action.content-align-center .call-to-action-btn { width: 100%; text-align: center; }
.container .call-to-action { border-radius: 8px; }
@media (max-width: 767px) {
.call-to-action .call-to-action-content,
.call-to-action .call-to-action-btn { margin: 0; padding: 20px; position: static; width: auto; }
}
.card { position: relative; border: 1px solid rgba(0, 0, 0, 0.06); }
.card-header { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }
.card-body { padding: 32px; padding: 2rem; position: relative; z-index: 1; }
.card-background-image-hover { background-size: cover; background-position: center; }
.card-background-image-hover .card-body { background: rgba(255, 255, 255, 0.9); margin: 16px; margin: 1rem; padding: 16px; padding: 1rem; }
.card-border { overflow: hidden; }
.card-border:after { content: ""; transition: .2s all ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; left: 50%; height: 5px; width: 100%; transform: translateX(-50%); background-color: var(--primary); }
.card-border.card-border-top:after { top: 0; }
.owl-carousel { display: block; margin-bottom: 20px; opacity: 0; }
.owl-carousel.owl-loaded { opacity: 1; }
.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span { display: none; }
.owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div:first-child, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span:first-child { display: block; }
.owl-carousel .owl-item img { transform-style: unset; }
.owl-carousel .owl-item img[data-icon] { display: inline; }
.owl-carousel .owl-nav { top: 50%; position: absolute; width: 100%; margin-top: 0; transform: translate3d(0, -50%, 0); }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { display: inline-block; position: absolute; top: 50%; width: 30px; height: 30px; margin: 0; transform: translate3d(0, -50%, 0); }
.owl-carousel .owl-nav button.owl-prev { left: 0; }
.owl-carousel .owl-nav button.owl-prev:before { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 8px; font-size: 0.5rem; content: "\f053"; position: relative; left: -1px; top: -1px; }
.owl-carousel .owl-nav button.owl-next { right: 0; }
.owl-carousel .owl-nav button.owl-next:before { font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 8px; font-size: 0.5rem; content: "\f054"; position: relative; left: 1px; top: -1px; }
.owl-carousel.stage-margin .owl-stage-outer { margin-left: 40px !important; margin-right: 40px !important; }
.owl-carousel.stage-margin .owl-stage-outer .owl-stage { padding-left: 0 !important; padding-right: 0 !important; }
.owl-carousel.nav-outside .owl-nav button.owl-prev { left: 0; }
.owl-carousel.nav-outside .owl-nav button.owl-next { right: 0; }
@media (min-width: 992px) {
.owl-carousel.nav-outside .owl-nav button.owl-prev { left: -50px; }
.owl-carousel.nav-outside .owl-nav button.owl-next { right: -50px; }
}
.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev { width: 20px; background: transparent !important; color: #000; }
.owl-carousel.nav-style-1 .owl-nav .owl-next:hover, .owl-carousel.nav-style-1 .owl-nav .owl-next:active,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:hover,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:active { color: #CCC; }
.owl-carousel.nav-style-1 .owl-nav .owl-next:before, .owl-carousel.nav-style-1 .owl-nav .owl-next:after,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:before,
.owl-carousel.nav-style-1 .owl-nav .owl-prev:after { font-size: inherit; }
.owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 75px; }
@media (max-width: 991px) {
.owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 40px; }
}
@media (max-width: 767px) {
.owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 13px; }
}
.owl-carousel.nav-style-4 .owl-nav .owl-next { right: 75px; }
@media (max-width: 991px) {
.owl-carousel.nav-style-4 .owl-nav .owl-next { right: 40px; }
}
@media (max-width: 767px) {
.owl-carousel.nav-style-4 .owl-nav .owl-next { right: 13px; }
}
.owl-carousel.nav-style-4 .owl-nav .owl-prev, .owl-carousel.nav-style-4 .owl-nav .owl-next { background: #FFF; font-size: 11.2px; font-size: 0.7rem; width: 40px; height: 40px; color: #000; border-radius: 100%; box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3); }
.owl-carousel.nav-style-4 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-4 .owl-nav .owl-next:hover { color: #FFF; }
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next { width: 35px; height: 35px; }
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev:before, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next:before { content: none; }
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg { width: 2em; }
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #FFF; stroke: #FFF; }
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg { transform: rotate(180deg); }
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev { background-color: #262a2f !important; border-color: #262a2f #262a2f #2c3237 !important; color: #FFF !important; }
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:hover { background-color: #2c3237 !important; border-color: #2c3237 !important; }
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:active, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:active { background-color: #212529 !important; border-color: #212529 !important; }
.owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #FFF !important; stroke: #FFF !important; }
.owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev { color: #212529 !important; }
.owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-next svg polygon,
.owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #212529 !important; stroke: #212529 !important; }
.owl-carousel .owl-dots .owl-dot { }
.owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px; }
.owl-carousel [class*="opacity-"]:not([class*="opacity-hover"]) { transition: ease opacity 300ms; }
.owl-carousel [class*="opacity-"]:not([class*="opacity-hover"]):hover { opacity: 1 !important; }
.owl-carousel-spaced { margin-left: -5px; }
.owl-carousel-spaced .owl-item > div { margin: 5px; }
.owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px; }
@media (max-width: 575px) {
.owl-carousel-spaced { margin-left: 0; }
}
.owl-carousel.carousel-center-active-item .owl-item { opacity: 0.2; transition: ease opacity 300ms; }
.owl-carousel.carousel-center-active-item .owl-item.current { opacity: 1 !important; }
.owl-carousel.carousel-center-active-item-2 .owl-stage-outer { overflow: visible; }
.owl-carousel.carousel-center-active-item-2 .owl-item > div { width: 66.6666%; margin-left: auto; padding: 48px; padding: 3rem; background: #fff; border-radius: 7px; box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2); }
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div { margin-right: auto; }
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div * { color: #FFF !important; }
.owl-carousel.carousel-center-active-item-2 .owl-item.active + .owl-item > div { margin-right: auto; margin-left: 0; }
.owl-carousel-light.owl-carousel-light-init-fadeIn { transition: ease opacity 300ms; }
.owl-carousel-light .owl-stage-outer,
.owl-carousel-light .owl-stage { height: 100%; }
.owl-carousel-light .owl-item { display: none; visibility: hidden; opacity: 0; position: absolute !important; width: 100%; height: 100%; top: 0; transition: ease opacity 300ms; }
.owl-carousel-light .owl-item.active { display: block; visibility: visible; opacity: 1; }
.owl-carousel-light .owl-dots .owl-dot span { margin: 5px 2px; }
.counters .counter { text-align: center; }
.counters [class*="fa-"], .counters .icons { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px; }
.counters strong { display: block; font-weight: bold; font-size: 50px; line-height: 50px; }
.counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px; }
.counters.counters-sm [class*="fa-"], .counters.counters-sm .icons { font-size: 25px; line-height: 25px; }
.counters.counters-sm strong { font-size: 35px; line-height: 35px; }
.counters.counters-sm label { font-size: 15px; line-height: 15px; }
hr { background: rgba(0, 0, 0, 0.06); border: 0; height: 1px; margin: 22px 0; opacity: 1; }
hr.solid { background: rgba(0, 0, 0, 0.06); }
hr.light { background: rgba(255, 255, 255, 0.15); }
hr.invisible { background: none; }
.divider-left-border { border-left: 1px solid rgba(0, 0, 0, 0.06); }
.dropdown-item:not(.btn):hover { text-decoration: none; }
form label { font-weight: normal; }
textarea { resize: vertical; }
select { border: 1px solid #E5E7E9; border-radius: 6px; }
.form-group { margin-bottom: 16px; margin-bottom: 1rem; }
.form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.form-control { border-color: rgba(0, 0, 0, 0.09); }
.form-control:not(.form-control-lg) { font-size: 12px; font-size: 0.75rem; line-height: 1.3; }
.form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 13.6px; font-size: 0.85rem; line-height: 1.85; }
.form-control:focus { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; }
.form-control.error { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.form-control.error:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }
.page-link { border-color: rgba(0, 0, 0, 0.06); }
.input-group .form-control { height: auto; }
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea { -webkit-appearance: none; }
.form-control::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #bdbdbd; }
.form-control::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
textarea::-moz-placeholder { color: #bdbdbd; }
.form-control:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
textarea:-ms-input-placeholder { color: #bdbdbd; }
.btn-lg,
.btn-group-lg > .btn { line-height: 1.334; }
select.form-control-sm, select.form-control-lg { line-height: 1; height: auto !important; }
label.valid { display: inline-block; text-indent: -9999px; }
label.error { color: #c10000; font-size: 0.9em; line-height: 18px; padding: 5px 0 0; }
input[type="search" i]::-webkit-search-cancel-button { margin-right: -7px !important; }
h1, h2, h3, h4, h5, h6 { color: #212529; font-weight: 200; letter-spacing: -.05em; margin: 0; -webkit-font-smoothing: antialiased; }
h1 { font-size: 2.6em; line-height: 44px; margin: 0 0 32px 0; }
h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; }
h3 { font-size: 1.8em; font-weight: 400; line-height: 24px; margin-bottom: 33px; }
h4 { font-size: 1.4em; font-weight: 600; line-height: 27px; margin: 0 0 14px 0; }
h5 { font-size: 1em; font-weight: 600; line-height: 18px; margin: 0 0 14px 0; }
h6 { color: #333; font-size: 1em; font-weight: 400; line-height: 18px; margin: 0 0 14px 0; }
h1.small { font-size: 2.2em; line-height: 42px; font-weight: 600; }
h1.dark,
h2.dark,
h3.dark,
h4.dark,
h5.dark { color: #212529; }
h1.light,
h2.light,
h3.light,
h4.light,
h5.light,
h6.light { color: #FFF; }
.modal-header h3 { color: #333; text-transform: none; }
@media (max-width: 575px) {
h2 { line-height: 40px; }
}
.highlight { position: relative; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #CCC 0); background-size: 200%; background-position: 0; padding-right: 8px; padding-right: .5rem; padding-left: 8px; padding-left: .5rem; transition: background-position .8s; }
.highlight.highlight-bg-opacity { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(204, 204, 204, 0.2) 0); }
.highlight.highlight-animated.highlight-animated-start { background-position: -100%; }
[data-icon] { opacity: 0; }
.img-thumbnail { border-radius: 4px; position: relative; }
.img-thumbnail img { border-radius: 4px; }
.img-thumbnail.img-thumbnail-no-borders { border: none; padding: 0; }
.hover-effect-3d { transform-style: flat !important; }
.hover-effect-3d .thumb-info { will-change: box-shadow; transition: box-shadow 300ms; }
.hover-effect-3d .thumb-info:hover { box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6); }
.hover-effect-3d .thumb-info .thumb-info-title { transition: ease-out opacity .2s !important; }
.hover-effect-3d .thumb-info .thumb-info-action { transition: ease-out opacity .2s !important; }
.hover-effect-3d .thumb-info .thumb-info-action .thumb-info-action-icon { pointer-events: none; }
.hover-effect-3d .thumb-info.thumb-info-centered-info .thumb-info-title { top: 47%; }
button.mfp-arrow { display: flex; align-items: center; justify-content: center; top: 50%; left: 0; border-radius: 4px; background: #212529; width: 35px; height: 100px; color: #FFF; margin: 0 !important; transform: translate3d(0, -50%, 0); }
button.mfp-arrow:before { content: none; }
button.mfp-arrow:after { content: "\f053"; font-family: 'Font Awesome 6 Free'; font-weight: 900; border: none !important; }
button.mfp-arrow.mfp-arrow-left { border-top-left-radius: 0; border-bottom-left-radius: 0; }
button.mfp-arrow.mfp-arrow-left:after { margin-left: 0; margin-top: 0; position: relative; top: auto; left: -2px; width: auto; height: auto; }
button.mfp-arrow.mfp-arrow-right { left: auto; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; }
button.mfp-arrow.mfp-arrow-right:after { content: "\f054"; margin-left: 0; margin-top: 0; position: relative; top: auto; left: auto; right: -2px; width: auto; height: auto; }
.mfp-close,
.mfp-close-btn-in .mfp-close { font-family: "Poppins", "Poppins Fallback", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #838383; }
.mfp-no-margins img.mfp-img { padding: 0; }
.mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; }
.mfp-no-margins .mfp-container { padding: 0; }
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; transition: all 0.3s ease-out; }
.mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; }
.mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; }
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; }
.mfp-fade.mfp-bg { opacity: 0; transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; }
html.lightbox-opened.sticky-header-active #header .header-body { padding-right: 17px; }
.modal-open { padding-right: 0 !important; }
.list li { margin-bottom: 13px; }
.list.list-icons { list-style: none; padding-left: 0; padding-right: 0; }
.list.list-icons li { position: relative; padding-left: 25px; }
.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > .icons:first-child { position: absolute; left: 0; top: 5px; }
.list.list-icons.list-icons-style-2 li { padding-top: 5px; padding-left: 36px; }
.list.list-icons.list-icons-style-2 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child { border-width: 1px; border-style: solid; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px; font-size: 0.8em; line-height: 1.3; }
.list.list-icons.list-icons-sm li { padding-left: 13px; margin-bottom: 5px; }
.list.list-icons.list-icons-sm li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-sm li > .icons:first-child, .list.list-icons.list-icons-sm li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-sm li a:first-child > .icons:first-child { font-size: 0.8em; top: 7px; }
.list.list-icons.list-icons-sm.list-icons-style-2 li { padding-left: 32px; }
.list.list-icons.list-icons-sm.list-icons-style-2 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-sm.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 3px; }
.list.list-icons.list-icons-lg li { padding-top: 5px; padding-left: 27px; }
.list.list-icons.list-icons-lg li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-lg li > .icons:first-child, .list.list-icons.list-icons-lg li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-lg li a:first-child > .icons:first-child { font-size: 1.3em; top: 10px; }
.list.list-icons.list-icons-lg.list-icons-style-2 li { padding-top: 8px; padding-left: 42px; }
.list.list-icons.list-icons-lg.list-icons-style-2 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-lg.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .icons:first-child { width: 30px; height: 30px; padding: 4px; }
.list.list-side-borders { border-left: 1px solid #eaeaea; padding-left: 10px; }
.list.list-unstyled { padding-left: 0; padding-right: 0; }
.list-unstyled { padding-left: 0; padding-right: 0; }
dl dd { margin-bottom: 15px; }
.loading-overlay-showing { overflow: hidden; }
.google-map { background: #E5E3DF; height: 400px; margin: -35px 0 30px 0; width: 100%; }
.google-map.small { height: 250px; border-radius: 6px; margin: 0; clear: both; }
.google-map img { max-width: 9999px; }
.border-radius { border-radius: 4px !important; }
html body .rounded-circle { border-radius: 50% !important; }
.pagination { position: relative; z-index: 1; }
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #CCC; box-shadow: none !important; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color: #CCC; border-color: #CCC; box-shadow: none !important; }
.read-more,
.learn-more { display: inline-block; white-space: nowrap; }
.alert [class*="fa-"], .alert .icons { margin-right: 8px; font-size: 1.1em; }
.alert ul { padding: 0; margin: 7px 0 0 40px; }
.alert ul li { font-size: 0.9em; }
.ratio.ratio-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; }
.ratio.ratio-borders > * { top: 4px; left: 4px; width: calc( 100% - 8px); height: calc( 100% - 8px); }
@media (max-width: 991px) {
.col-md-3 .sidebar { clear: both; }
}
.sticky-wrapper { position: fixed; width: 100% !important; z-index: 11; }
.sticky-wrapper.sticky-wrapper-effect-1 { position: absolute !important; }
.highlighted-word { font-family: "Shadows Into Light", cursive; font-weight: 500; }
.highlighted-word.highlighted-word-animation-1 { position: relative; }
.highlighted-word.highlighted-word-animation-1:after { content: ''; position: absolute; right: calc(100% - 74px); bottom: -6px; background: url(/img/pencil-blue-line.png); width: 0; height: 15px; animation-name: pencilAnimation; animation-duration: 500ms; animation-delay: 1s; animation-fill-mode: forwards; overflow: hidden; transform: rotate(180deg); }
.highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-light:after { filter: brightness(0) invert(1); }
.highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-no-rotate:after { transform: rotate(0); }
.rating-invisible { height: 27px; visibility: hidden !important; }
.rating-xs { font-size: 12px; }
body.page-transition-active { opacity: 0 !important; }
.readmore-rendered { position: relative; overflow: hidden; }
.readmore-rendered .readmore-overlay { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1; }
.readmore-rendered .readmore-button-wrapper { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 2; }
.hide-mouse-cursor { cursor: none; }
.hide-mouse-cursor a,
.hide-mouse-cursor button,
.hide-mouse-cursor input,
.hide-mouse-cursor textarea,
.hide-mouse-cursor .mfp-auto-cursor .mfp-content { cursor: none !important; }
.grecaptcha-badge { bottom: 60px !important; }
.modal-header .btn-close { text-indent: -99999px; }
.modal-footer > :not(:first-child) { margin-left: 4px; margin-left: .25rem; margin-right: 0px; margin-right: 0rem; }
.modal-footer > :not(:last-child) { margin-right: 4px; margin-right: .25rem; margin-left: 0px; margin-left: 0rem; }
.nav > li > a { text-decoration: none; }
.nav > li > a:hover, .nav > li > a:focus { background: transparent; text-decoration: none; }
ul.nav-list li { margin: 0; padding: 0; display: block; position: relative; }
ul.nav-list li a { transition: background 0.1s; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 8px 0 8px 22px; display: block; color: #666; font-size: 0.9em; text-decoration: none; line-height: 20px; }
ul.nav-list li a:before { font-family: 'Font Awesome 6 Free'; content: "\f054"; font-weight: 900; position: absolute; top: 8px; font-size: 7.2px; font-size: 0.45rem; opacity: 0.7; transform: translate3d(-1px, 0, 0); left: 12px; }
ul.nav-list li a:hover { text-decoration: none; }
ul.nav-list li a:hover:before,
ul.nav-list li a:hover i[class*="fa-chevron"] { animation-name: arrowLeftRight; animation-duration: 500ms; animation-iteration-count: infinite; }
ul.nav-list li a i[class*="fa-chevron"] { position: relative; top: -1px; font-size: 8px; font-size: 0.5rem; opacity: 0.8; }
ul.nav-list li > a.active { font-weight: bold; }
ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0; }
ul.nav-list li:last-child a { border-bottom: 0; }
ul.nav-pills > li > a.active { color: #FFF; background-color: #CCC; }
ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus { color: #FFF; background-color: #CCC; }
.nav-pills .nav-link.active { background-color: transparent; }
.show > .nav-pills .nav-link { background-color: transparent; }
.overlay { position: relative; }
.overlay:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #212529; opacity: 0; pointer-events: none; transition: ease opacity 300ms 100ms; }
.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0.8; }
.overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before { opacity: 0.7; }
.overlay .container,
.overlay .container-fluid { position: relative; z-index: 3; }
.parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; position: relative; clear: both; }
.parallax:not(.page-header):not(.match-height):not([class*="section-height-"]) { margin: 70px 0; padding: 50px 0; }
.parallax blockquote { border: 0; padding: 0 10%; }
.parallax blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; }
.parallax blockquote p { font-size: 24px; line-height: 30px; }
.parallax blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; }
.process { text-align: center; }
.process .process-step { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; }
.process .process-step-circle { display: flex; justify-content: center; height: 90px; text-align: center; width: 90px; border: 2px solid #CCC; border-radius: 50%; align-items: center; position: relative; background-color: transparent; transition: all 0.2s ease-in-out; }
.process .process-step-content { padding-top: 20px; }
.process .process-step-circle-content { font-weight: bold; color: #212529; font-size: 1.6em; letter-spacing: -1px; transition: all 0.2s ease-in-out; }
.process .process-step:hover .process-step-circle { background-color: #CCC; }
.process .process-step:hover .process-step-circle .process-step-circle-content { color: #FFF; }
.process.process-shapes .process-step-circle { position: relative; width: auto; height: auto; border: 0; margin-bottom: 19.2px; margin-bottom: 1.2rem; }
.process.process-shapes .process-step-circle .process-step-circle-content { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; background-color: #CCC; border-radius: 100%; color: #FFF; z-index: 3; }
.process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: #777; border-radius: 100%; opacity: 0.6; transform: translate3d(-50%, -50%, 0) scale(1.5); transition: ease transform 1s; z-index: 2; }
.process.process-shapes .process-step-circle:after { background-color: #999; opacity: 0.3; transform: translate3d(-50%, -50%, 0) scale(2); z-index: 1; }
.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before { animation-name: processShapesScaleOne; animation-delay: 300ms; }
.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after { animation-name: processShapesScaleTwo; }
.process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before, .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after { animation-fill-mode: forwards; animation-iteration-count: infinite; animation-duration: 3s; animation-timing-function: linear; }
@media (min-width: 992px) {
.process .process-step:before { content: ''; height: 2px; display: block; background-color: #EDEDED; position: absolute; width: 50%; top: 45px; left: 75%; }
.process .process-step:last-child:before { display: none; }
.process.process-shapes .process-step:before { top: 23px; }
}
.process-vertical { text-align: left; }
.process-vertical .process-step { width: 100%; flex-direction: row; justify-content: start; align-items: start; position: relative; padding-bottom: 60px; }
.process-vertical .process-step:before { display: none; }
.process-vertical .process-step:after { width: 2px; display: block; background-color: #EDEDED; position: absolute; content: ''; height: calc(100% - 80px); top: 70px; left: 30px; }
.process-vertical .process-step:last-child:after { display: none; }
.process-vertical .process-step-circle { height: 60px; width: 60px; margin: 0 15px 0 0; min-height: 60px; min-width: 60px; }
.process-vertical .process-step-content { padding-top: 0; }
.process-connecting-line { position: relative; text-align: left; }
.process-connecting-line .connecting-line { content: ''; position: absolute; top: 25px; left: 15px; right: 15px; height: 3px; background: #CCC; }
.process-connecting-line .process-step { align-items: flex-start; padding-right: 48px; padding-right: 3rem; padding-left: 48px; padding-left: 3rem; }
.process-connecting-line .process-step:before { content: none; }
.process-connecting-line .process-step-circle { background: #FFF; width: 50px; height: 50px; border: 3px solid #CCC; }
html .scroll-to-top { transition: opacity 0.3s; background: #404040; border-radius: 4px 4px 0 0; bottom: 0; color: #FFF; display: none; height: 9px; opacity: 0; padding: 00px 0px 20px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 50px; z-index: 1040; font-size: 0.8em; }
html .scroll-to-top:hover { opacity: 1; }
html .scroll-to-top.visible { opacity: 0.75; }
html .scroll-to-top span { display: inline-block; padding: 0 5px; }
html.lightbox-opened .scroll-to-top { right: 27px; }
@media (max-width: 991px) {
html .scroll-to-top.hidden-mobile { display: none !important; }
}
section.section { background: #f7f7f7; border-top: 5px solid #f1f1f1; margin: 30px 0; padding: 50px 0; }
section.section > .container { position: relative; }
section.section.section-height-3 { padding: 73.846px 0; padding: 4.6153846154rem 0; }
section.section.section-angled { position: relative; margin: 0; overflow: hidden; }
section.section.section-angled .section-angled-layer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; transform: skewY(-0.7deg) translate3d(0, -50%, 0); }
section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-top { transform: skewY(-1.7deg) translate3d(0, -50%, 0); }
section.section.section-angled.section-angled-reverse .section-angled-layer-top { transform: skewY(0.7deg) translate3d(0, -50%, 0); }
section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-top { transform: skewY(1.7deg) translate3d(0, -50%, 0); }
section.section.section-angled + .section-angled { padding-top: 0; }
section.section.overlay .section-angled-layer-top,
section.section.overlay .section-angled-layer-bottom { z-index: 99 !important; }
section.section.section-no-border { border: 0; }
@media (max-width: 991px) {
.container-fluid > .row > .p-0 section.section { margin-bottom: 0; margin-top: 0; }
.container-fluid > .row > .p-0:first-child section.section { margin-bottom: 0; margin-top: 30px; }
.container-fluid > .row > .p-0:last-child section.section { margin-bottom: 30px; margin-top: 0; }
}
aside ul.nav-list > li > a { color: #666; font-size: 0.9em; padding: 8px 0 8px 22px; }
aside .twitter [class*="fa-"], aside .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #212529; }
aside .twitter .meta { display: block; font-size: 0.9em; padding-top: 3px; }
aside .twitter ul { list-style: none; margin: 0; padding: 0; }
aside .twitter ul li { padding-bottom: 20px; padding-left: 30px; }
aside .twitter ul li:last-child { padding-bottom: 0; }
.social-icons { margin: 0; padding: 0; width: auto; }
.social-icons li { display: inline-block; margin: -1px 1px 0 0; padding: 0; border-radius: 100%; overflow: visible; }
.social-icons li a { transition: all 0.2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #333 !important; text-decoration: none; font-size: 12.8px; font-size: 0.8rem; }
.social-icons li:hover a { background: #151719; color: #FFF !important; }
.social-icons li:hover.social-icons-twitter a { background: #1aa9e1 !important; }
.social-icons li:hover.social-icons-facebook a { background: #3b5a9a !important; }
.social-icons li:hover.social-icons-linkedin a { background: #0073b2 !important; }
.social-icons.social-icons-icon-gray li a { color: #777 !important; }
.social-icons.social-icons-icon-gray li:hover a { color: #FFF !important; }
.social-icons.social-icons-icon-light li a i { color: #FFF; }
.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li { box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); }
.social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a { background: #FFF; }
.sort-destination-loader-full-width { overflow: visible; }
.sort-destination-loader-full-width:after { bottom: -81px; top: -51px; }
.sort-destination-loader-full-width.sort-destination-loader-showing { overflow: hidden; height: 600px; }
.sort-destination-loader-lg.sort-destination-loader-showing { height: 600px; }
.svg-stroke-color-dark { stroke: #212529 !important; }
.svg-stroke-color-dark svg path, .svg-stroke-color-dark svg rect { stroke: #212529 !important; }
.table td, .table th { border-color: rgba(0, 0, 0, 0.06); }
.table > :not(:first-child) { border-top-color: rgba(0, 0, 0, 0.06); }
.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th { background-color: #CCC; color: #FFF; }
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th { background-color: #28a745; color: #FFF; }
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th { background-color: #17a2b8; color: #FFF; }
.table > thead > tr > td.dark,
.table > tbody > tr > td.dark,
.table > tfoot > tr > td.dark,
.table > thead > tr > th.dark,
.table > tbody > tr > th.dark,
.table > tfoot > tr > th.dark,
.table > thead > tr.dark > td,
.table > tbody > tr.dark > td,
.table > tfoot > tr.dark > td,
.table > thead > tr.dark > th,
.table > tbody > tr.dark > th,
.table > tfoot > tr.dark > th { background-color: #212529; color: #FFF; }
.tabs { border-radius: 4px; margin-bottom: 20px; }
.nav-tabs { margin: 0; padding: 0; border-bottom-color: #EEE; }
.nav-tabs li:last-child .nav-link { margin-right: 0; }
.nav-tabs li .nav-link { border-radius: 5px 5px 0 0; font-size: 13px; font-weight: 600; letter-spacing: -0.2px; padding: 11.2px 24px; padding: .7rem 1.5rem; transition: all .2s; margin-right: 1px; }
.nav-tabs li .nav-link, .nav-tabs li .nav-link:hover { background: #f7f7f7; border-bottom: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-top: 3px solid #EEE; color: #CCC; }
.nav-tabs li .nav-link:hover { border-bottom-color: transparent; border-top: 3px solid #CCC; box-shadow: none; }
.nav-tabs li .nav-link:active, .nav-tabs li .nav-link:hover, .nav-tabs li .nav-link:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #CCC; color: #CCC; }
.tab-content { border-radius: 0 0 4px 4px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; border-top: 0; padding: 15px; }
.testimonial { margin-bottom: 20px; }
.testimonial blockquote { background: #CCC; border-radius: 5px; border: 0; color: #666; font-family: 'Playfair Display', serif; margin: 0; padding: 40px 64px 40px 72px; padding: 2.5rem 4rem 2.5rem 4.5rem; position: relative; }
.testimonial blockquote:before { left: 22px; top: 21px; color: #FFF; content: "“"; font-size: 85px; font-style: normal; line-height: 1; position: absolute; }
.testimonial blockquote p { color: #FFF; font-family: 'Playfair Display', serif; font-size: 1.2em; }
.thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #FFF; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); }
.thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translate3d(0, 0, 0); border-radius: 4px; margin: 0; overflow: hidden; display: block; position: relative; }
.thumb-info .thumb-info-wrapper.thumb-info-wrapper-demos { max-height: 330px; }
.thumb-info .thumb-info-wrapper:after, .thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay:before { content: ""; background: rgba(33, 37, 41, 0.8); transition: all 0.3s; border-radius: 4px; bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; opacity: 0; z-index: 1; }
.thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay { position: absolute; width: 100%; height: 100%; left: auto; top: auto; }
.thumb-info .thumb-info-wrapper .thumb-info-wrapper-overlay:before { opacity: 1; top: 0; left: 0; bottom: 0; right: 0; border-radius: 0; }
.thumb-info .thumb-info-wrapper.thumb-info-wrapper-link { background-size: cover; background-position: center; background-repeat: no-repeat; }
.thumb-info .thumb-info-wrapper.thumb-info-wrapper-link > a { display: block; padding-top: 72%; text-indent: -9999px; }
.thumb-info.thumb-info-wrapper-direction-aware .thumb-info-wrapper:after { display: none !important; }
.thumb-info .thumb-info-wrapper-opacity-0:after { opacity: 0.0; }
.thumb-info .thumb-info-wrapper-opacity-1:after { opacity: 0.1; }
.thumb-info .thumb-info-wrapper-opacity-2:after { opacity: 0.2; }
.thumb-info .thumb-info-wrapper-opacity-3:after { opacity: 0.3; }
.thumb-info .thumb-info-wrapper-opacity-4:after { opacity: 0.4; }
.thumb-info .thumb-info-wrapper-opacity-5:after { opacity: 0.5; }
.thumb-info .thumb-info-wrapper-opacity-6:after { opacity: 0.6; }
.thumb-info .thumb-info-wrapper-opacity-7:after { opacity: 0.7; }
.thumb-info .thumb-info-wrapper-opacity-8:after { opacity: 0.8; }
.thumb-info .thumb-info-wrapper-opacity-9:after { opacity: 0.9; }
.thumb-info .thumb-info-action-icon { transition: all 0.3s; background: #CCC; border-radius: 0 0 0 4px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2; }
.thumb-info .thumb-info-action-icon i { font-size: 14px; right: 50%; position: absolute; top: 50%; color: #FFF; transform: translate(50%, -50%); margin: -2px -1px 0 0px; }
.thumb-info .thumb-info-inner { transition: all 0.3s; display: block; }
.thumb-info .thumb-info-inner em { display: block; font-size: 0.8em; font-style: normal; font-weight: normal; }
.thumb-info .thumb-info-title { transition: all 0.3s; background: rgba(33, 37, 41, 0.8); color: #FFF; font-weight: 600; left: 0; letter-spacing: -.05em; position: absolute; z-index: 2; max-width: 90%; font-size: 17px; padding: 13px 21px 2px; bottom: 13%; }
.thumb-info .thumb-info-title.thumb-info-title-vert-align { bottom: auto; top: 50%; transform: translateY(-50%); }
.thumb-info .thumb-info-title.thumb-info-title-top { bottom: auto; top: 13%; }
.thumb-info .thumb-info-type { background-color: #CCC; border-radius: 2px; display: inline-block; float: left; font-size: 0.6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0px; padding: 2px 12px; text-transform: uppercase; z-index: 2; line-height: 2.3; }
.thumb-info .owl-carousel { z-index: auto; }
.thumb-info .owl-carousel .owl-dots { z-index: 2; }
.thumb-info img { transition: all 0.3s ease; border-radius: 3px; position: relative; width: 100%; }
.thumb-info:hover .thumb-info-wrapper:after { opacity: 1; }
.thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; }
.thumb-info:hover .thumb-info-title { background: rgba(33, 37, 41, 0.9); }
.thumb-info:hover img { transform: scale(1.1, 1.1); }
.thumb-info.thumb-info-no-zoom img { transition: none; }
.thumb-info.thumb-info-no-zoom:hover img { transform: scale(1, 1); }
.thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(23, 23, 23, 0.25); }
.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none; }
.thumb-info.thumb-info-centered-icons .thumb-info-action { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 0; right: auto; bottom: auto; width: 100%; height: 45px; text-align: center; opacity: 0; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(0, -70%, 0); z-index: 2; }
.thumb-info.thumb-info-centered-icons .thumb-info-action a { text-decoration: none; }
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon { display: inline-flex; align-items: center; justify-content: center; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 35px; height: 35px; font-size: 14px; border-radius: 50%; margin-right: 5px; transition: all 0.1s ease; z-index: 2; }
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { margin: 0; }
.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { transform: scale(1.15, 1.15); }
.thumb-info:hover.thumb-info-centered-icons .thumb-info-action { opacity: 1; transform: translate3d(0, -50%, 0); }
.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative; }
.thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate(0%, -50%); top: 50%; bottom: auto; opacity: 0; text-align: center; padding: 0; position: absolute; }
.thumb-info.thumb-info-centered-info .thumb-info-type { float: none; }
.thumb-info.thumb-info-centered-info:hover .thumb-info-title { opacity: 1; transform: translate(0%, -50%); }
.thumb-info.thumb-info-bottom-info .thumb-info-title { background: #FFF; left: 0; width: 100%; max-width: 100%; transition: transform .2s ease-out, opacity .2s ease-out; transform: translate3d(0, 100%, 0); top: auto; bottom: 0; opacity: 0; padding: 15px; text-shadow: none; color: #777; }
.thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0; }
.thumb-info.thumb-info-bottom-info:hover .thumb-info-title { transform: translate3d(0, 0, 0); opacity: 1; }
.thumb-info.thumb-info-bottom-info:hover img { transform: scale(1.1); }
.thumb-info.thumb-info-show-button-hover .btn { opacity: 0; }
.thumb-info.thumb-info-show-button-hover .btn, .thumb-info.thumb-info-show-button-hover .thumb-info-type { transition: opacity .3s ease-out; }
.thumb-info.thumb-info-show-button-hover .thumb-info-title { transform: translate3d(0, 35px, 0); transition: transform .3s ease-out; bottom: 0; }
.thumb-info.thumb-info-show-button-hover:hover .btn { opacity: 1; }
.thumb-info.thumb-info-show-button-hover:hover .thumb-info-type { opacity: 0; }
.thumb-info.thumb-info-show-button-hover:hover .thumb-info-title { transform: translate3d(0, -20px, 0); }
.thumb-info.thumb-info-bottom-info-linear .thumb-info-title { background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(255, 255, 255, 0); }
.thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background: #212529; color: #FFF; }
.thumb-info.thumb-info-bottom-info-dark-linear .thumb-info-title { background: linear-gradient(to top, rgba(33, 37, 41, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); }
.thumb-info.thumb-info-bottom-info-show-more img { transform: none !important; }
.thumb-info.thumb-info-bottom-info-show-more .thumb-info-title { transform: translate3d(0, 0, 0); opacity: 1; }
.thumb-info.thumb-info-bottom-info-show-more .thumb-info-show-more-content { transition: ease max-height 800ms; overflow: hidden; max-height: 0; display: block; }
.thumb-info.thumb-info-bottom-info-show-more:hover .thumb-info-show-more-content { max-height: 300px; }
.thumb-info.thumb-info-push-hor img { transform: translatex(-18px); width: calc(100% + 19px); max-width: none; }
.thumb-info.thumb-info-push-hor:hover img { transform: translatex(0); }
.thumb-info.thumb-info-block .thumb-info-action-icon { top: 15px; right: 15px; opacity: 0; transition: all 0.2s ease-in-out; }
.thumb-info.thumb-info-block .thumb-info-wrapper:before { content: ""; background: rgba(255, 255, 255, 0.9); transition: all 0.3s; border-radius: 0; bottom: 16px; bottom: 1rem; color: #FFF; left: 16px; left: 1rem; position: absolute; right: 16px; right: 1rem; top: 16px; top: 1rem; display: block; opacity: 0; z-index: 2; }
.thumb-info.thumb-info-block:hover .thumb-info-wrapper:before { opacity: 1; }
.thumb-info.thumb-info-block:hover .thumb-info-action-icon { opacity: 1; }
.thumb-info.thumb-info-block.thumb-info-block-dark .thumb-info-wrapper:before { background: rgba(33, 37, 41, 0.9); }
.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { opacity: 0.65; }
.thumb-info.thumb-info-hide-info-hover .thumb-info-title { opacity: 1; top: 50%; }
.thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none; }
.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { opacity: 0.1; }
.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { opacity: 0; }
.thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper:after { opacity: 0.65; }
.thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper-no-opacity:after { opacity: 1; }
.thumb-info.thumb-info-slide-info-hover .thumb-info-title { opacity: 1; top: 0; height: 100%; top: 0; transform: none !important; }
.thumb-info.thumb-info-slide-info-hover .thumb-info-type { float: none; }
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-1,
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { transition: cubic-bezier(0.55, 0, 0.1, 1) top 500ms; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translate(0%, -50%); }
.thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { top: 150%; }
.thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-1 { top: -50%; }
.thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-2 { top: 50%; }
.thumb-info.thumb-info-show-image-hover img { opacity: 0; }
.thumb-info.thumb-info-show-image-hover .thumb-info-title { background: transparent; color: #333; }
.thumb-info.thumb-info-show-image-hover .thumb-info-inner { transition: cubic-bezier(0.55, 0, 0.1, 1) top 500ms; }
.thumb-info.thumb-info-show-image-hover:hover img { opacity: 1; }
.thumb-info.thumb-info-show-image-hover:hover .thumb-info-title { color: #FFF; }
.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0; }
.thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; }
.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; }
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper,
.thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after { border-radius: 4px; }
.thumb-info.thumb-info-preview .thumb-info-wrapper:after { display: none; }
.thumb-info.thumb-info-preview .thumb-info-image { min-height: 232px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; transition: background-position 0.8s linear 0s; }
.thumb-info.thumb-info-preview:hover .thumb-info-image { transition: background-position 2.5s linear 0s; background-position: center bottom; }
.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image { transition: background-position 1s linear 0s; }
.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image { transition: background-position 5s linear 0s; }
.thumb-info.thumb-info-slow-image-zoom-hover img { transition: transform 2s; will-change: transform; transform: scale(1, 1); }
.thumb-info.thumb-info-slow-image-zoom-hover:hover img { transform: scale(1.5, 1.5); }
.thumb-info.thumb-info-no-overlay .thumb-info-wrapper:after { content: none; }
.thumb-info.thumb-info-no-bg { background: transparent; }
.thumb-info.thumb-info-swap-content .thumb-info-swap-content-wrapper > * { transition: cubic-bezier(0.55, 0, 0.1, 1) all 300ms; }
.thumb-info.thumb-info-swap-content .thumb-info-swap-content-wrapper > :nth-child(1) { max-width: 100%; text-align: center; bottom: 0%; margin: 0; position: absolute; width: 100%; left: 0; }
.thumb-info.thumb-info-swap-content .thumb-info-swap-content-wrapper > :nth-child(2) { display: inline-block; transform: translateY(120%); opacity: 0; }
.thumb-info.thumb-info-swap-content:hover .thumb-info-swap-content-wrapper > :nth-child(1) { transform: translateY(-120%); opacity: 0; }
.thumb-info.thumb-info-swap-content:hover .thumb-info-swap-content-wrapper > :nth-child(2) { transform: none; opacity: 1; }
.thumb-info-ribbon { background: #999; position: absolute; margin: -16px 0 0 0; padding: 5px 13px 6px; right: 15px; z-index: 1; }
.thumb-info-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; }
.thumb-info-ribbon span { color: #FFF; font-size: 1.1em; font-family: "Shadows Into Light", cursive; }
.thumb-info-caption { padding: 10px 0; }
.thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { font-size: 0.9em; margin: 0; padding: 15px 0; display: block; }
.thumb-info-side-image { display: flex; }
.thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; margin-right: 20px; }
.thumb-info-side-image-right { display: flex; }
.thumb-info-side-image-right .thumb-info-side-image-wrapper { margin-left: 20px; margin-right: 0; }
.thumb-info-social-icons { margin: 0; padding: 0; display: block; }
.thumb-info-social-icons a { background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; }
.thumb-info-social-icons a:hover { text-decoration: none; }
.thumb-info-social-icons a span { display: none; }
.thumb-info-social-icons a i { color: #FFF; font-size: 0.9em; font-weight: normal; }
.thumb-info-floating-caption-title { background: rgba(33, 37, 41, 0.8); color: #FFF; font-weight: 600; letter-spacing: -.05em; font-size: 17px; padding: 13px 21px; }
.thumb-info-floating-caption-title .thumb-info-floating-caption-type { position: absolute; background-color: #CCC; border-radius: 2px; display: block; font-size: 0.6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0px; padding: 2px 12px; text-transform: uppercase; line-height: 2.3; }
@media (max-width: 991px) {
.thumb-info .thumb-info-title { font-size: 14px; }
.thumb-info .thumb-info-more { font-size: 11px; }
}
.thumb-info-container-full-img { overflow: hidden; position: relative; }
.thumb-info-container-full-img .thumb-info-container-full-img-large { opacity: 0; transform: scale(1.025); transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1); transition-property: opacity, transform; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 0; }
.thumb-info-container-full-img .thumb-info-container-full-img-large.active { opacity: 1 !important; }
.thumb-info-container-full-img .thumb-info-wrapper img { transition: all 0.85s cubic-bezier(0.23, 1, 0.32, 1); transition-property: opacity, transform; }
.thumb-info-container-full-img .owl-stage-outer:hover .thumb-info-wrapper img { opacity: 0; }
section.timeline { width: 100%; margin: 50px 0 0; position: relative; float: left; padding-bottom: 120px; }
section.timeline:before { background: #505050; background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: 0.35; }
@media (max-width: 767px) {
section.timeline { width: 100%; margin: 0; }
}
@media (max-width: 575px) {
section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; }
article.post-large { margin-left: 0; }
article.post-large .post-image, article.post-large .post-date { margin-left: 0; }
}
.toggle { margin: 10px 0 20px; position: relative; clear: both; }
.toggle .toggle { margin: 10px 0 0; }
.toggle > input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; }
.toggle > label,
.toggle > .toggle-title { transition: all .15s ease-out; background: #f7f7f7; border-left: 3px solid #CCC; border-radius: 5px; color: #CCC; display: block; min-height: 20px; padding: 12px 20px 12px 15px; position: relative; cursor: pointer; font-weight: 600; letter-spacing: -0.2px; text-decoration: none !important; }
.toggle > label:-moz-selection,
.toggle > .toggle-title:-moz-selection { background: none; }
.toggle > label i.fa-minus,
.toggle > .toggle-title i.fa-minus { display: none; }
.toggle > label i.fa-plus,
.toggle > .toggle-title i.fa-plus { display: inline; }
.toggle > label:before,
.toggle > .toggle-title:before { content: " "; position: absolute; top: calc(50% + 1px); right: 14px; border-color: #CCC; border-top: 1px solid; border-right: 1px solid; width: 8px; height: 8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.3s, top 0.3s; transform: rotate(-45deg) translate3d(0, -50%, 0); transform-origin: 35%; }
.toggle > label:hover,
.toggle > .toggle-title:hover { background: #f5f5f5; }
.toggle > label + p,
.toggle > .toggle-title + p { color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px; }
.toggle > label i,
.toggle > .toggle-title i { font-size: 0.7em; margin-right: 8px; position: relative; top: -1px; }
.toggle > .toggle-content { display: none; }
.toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0; }
.toggle.active i.fa-minus { display: inline; }
.toggle.active i.fa-plus { display: none; }
.toggle.active > label,
.toggle.active > .toggle-title { background: #f7f7f7; border-color: #CCC; }
.toggle.active > label:before,
.toggle.active > .toggle-title:before { top: calc(50% - 8px); transform: rotate(135deg); }
.toggle.active > p { white-space: normal; }
.toggle > p.preview-active { height: auto; white-space: normal; }
blockquote { border-left: 5px solid #eee; margin: 0 0 16px 0; margin: 0 0 1rem 0; padding: 8px 16px; padding: 0.5rem 1rem; font-size: 1em; }
small, .small { font-size: 70%; }
p { color: #5c5c5c; line-height: 26px; margin: 0 0 20px; }
p.lead { line-height: 28.8px; line-height: 1.8rem; }
.lead { letter-spacing: -.05em; font-size: 19.2px; font-size: 1.2rem; }
a, a:hover, a:focus { color: #CCC; }
.alternative-font-4 { font-family: 'Poppins', 'Poppins Fallback', Arial, sans-serif !important; }
section.video { background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100%; }
section.video .container { position: relative; z-index: 3; }
html.boxed section.video > div:first-child { z-index: 0 !important; }
html.boxed section.video > div:first-child video { z-index: 0 !important; }
@keyframes fadeInUpShorter { from { opacity: 0; transform: translate(0, 50px); } to { opacity: 1; transform: none; } }
@keyframes fadeInUpShorterPlus { from { opacity: 0; transform: translate(0, 15px); } to { opacity: 1; transform: none; } }
@keyframes fadeInRightShorter { from { opacity: 0; transform: translate(-50px, 0); } to { opacity: 1; transform: none; } }
@keyframes arrowLeftRight { 0% { transform: translate3d(-1px, 0, 0); } 50% { transform: translate3d(1px, 0, 0); } 100% { transform: translate3d(-1px, 0, 0); } }
@keyframes pencilAnimation { from { width: 0; } to { width: 74px; } }
@keyframes processShapesScaleOne { 0% { opacity: 0.6; transform: translate3d(-50%, -50%, 0) scale(1.5); } 25% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(1.8); } 50% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(1); } 100% { opacity: 0.6; transform: translate3d(-50%, -50%, 0) scale(1.5); } }
@keyframes processShapesScaleTwo { 0% { opacity: 0.3; transform: translate3d(-50%, -50%, 0) scale(2); } 25% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(2.3); } 50% { opacity: 0; transform: translate3d(-50%, -50%, 0) scale(1); } 100% { opacity: 0.3; transform: translate3d(-50%, -50%, 0) scale(2); } }
/* ---- css/armorpro-landing.slim.css ---- */
.no-select { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-user-drag: none; }
.grecaptcha-badge { visibility: hidden !important; }
@media (min-width: 1236px) {
.container { max-width: 1236px; }
}
@media (min-width: 576px) {
.container-fluid { padding-left: 3%; padding-right: 3%; }
}
p { letter-spacing: -0.05em; font-size: 16px; font-size: 1rem; }
@media (min-width: 992px) {
.section-hero { padding-bottom: 3.1rem !important; }
}
@media (max-width: 1200px) {
.section-hero { padding-top: 1rem !important; }
}
@media (max-width: 991px) {
.section-hero { padding-bottom: 0 !important; }
}
@media (min-width: 992px) {
.custom-offset-lg-1 { margin-left: 1rem; }
.custom-col-lg-4 { flex: 0 0 auto; width: 36%; }
}
@media (min-width: 1200px) {
.custom-offset-lg-1 { margin-left: 1.5rem; }
.custom-col-lg-4 { width: 39.5%; }
}
.custom-font-size-1 { font-size: 17.6px; font-size: 1.1rem; line-height: 28.8px; line-height: 1.8rem; }
.custom-list-icons-1 .custom-list-icon { width: 28px; height: 28px; border-radius: 2px; margin-right: 3px; display: inline-block; text-align: center; font-weight: bold; line-height: 28px; }
.custom-letter-spacing-1 { letter-spacing: 2px; }
.call-to-action-btn-green { color: #fff; font-size: 1.1em !important; background-color: var(--apw-green); }
.call-to-action-btn-green:hover { color: #fff; font-size: 1.1em !important; background-color: var(--apw-green); border: 1px solid #fff; }
.call-to-action-btn-red { color: #fff; font-size: 1.1em !important; background-color: #e31818; }
.call-to-action-btn-red:hover { color: #fff; font-size: 1.1em !important; background-color: #e31818; border: 1px solid #fff; }
.section-dark-bg p, .section-dark-bg h2 { color: #fff; }
.storm-waves-bg { background: #000 !important; position: relative; }
.storm-waves-bg::before { content: ''; position: absolute; inset: 0; background-image: linear-gradient(135deg, #171a1e 0%, rgba(23, 26, 30, 0) 100%), url(/img/crashing-waves.webp); background-position: 0 0, center; background-repeat: no-repeat, no-repeat; background-size: 100% 100%, cover; opacity: 0.96; pointer-events: none; z-index: 0; }
.fa-star:before { color: gold; }
.custom-header-background { border-radius: 10px; background-image: linear-gradient(150deg, #2ea8e6dd 0%, #1f8fd4dd 30%, #0068f0dd 70%, #0160eedd 100%); border: 1px solid rgba(255, 255, 255, 0.15); box-shadow: 0 8px 32px rgba(0, 40, 120, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18); padding: 10px 20px 16px; position: relative; overflow: hidden; }
.custom-header-background::before { content: ''; position: absolute; inset: 0; background: linear-gradient( 120deg, transparent 0%, transparent 22%, rgba(255, 255, 255, 0.09) 24%, rgba(255, 255, 255, 0.04) 32%, transparent 34%, transparent 52%, rgba(255, 255, 255, 0.06) 54%, rgba(255, 255, 255, 0.02) 60%, transparent 62%, transparent 100% ); pointer-events: none; z-index: 0; }
.custom-header-background > * { position: relative; z-index: 1; }
@media (max-width: 1200px) {
.custom-header-container { padding-top: 0rem !important; }
}
@media (max-width: 767px) {
.custom-header-title { font-size: 2.4rem; }
}
@media (max-width: 576px) {
.custom-header-container { width: 95%; }
.custom-header-title { font-size: 1.8rem !important; }
.custom-header-background { padding: 10px 10px 8px; }
}
@media (max-width: 405px) {
.custom-header-title { font-size: 1.6rem !important; }
.custom-header-background { padding: 10px 10px 8px; }
}
@media (max-width: 358px) {
.custom-header-title { font-size: 1.4rem !important; }
.custom-header-background { padding: 11px 10px 8px; }
}
.hurricane-season-cta { padding: 10px 55px; background-image: linear-gradient(150deg, #ff0000dd 0%, #e60000dd 30%, #cc0000dd 70%, #b30000dd 100%) !important; }
@media (max-width: 767px) {
.hurricane-season-cta { padding: 10px 10px; }
}
@media (max-width: 334px) {
.hide-below-335 { display: none; }
}
@media (max-width: 369px) {
.hide-below-370 { display: none; }
}
@media (max-width: 469px) {
.hide-below-470 { display: none; }
}
.hero-eyebrow { display: inline-block; font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.8); margin-bottom: 0.35rem; }
.hero-eyebrow-link { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, 0.35); text-underline-offset: 2px; }
.hero-eyebrow-link:hover { color: #fff; text-decoration-color: rgba(255, 255, 255, 0.7); }
.hero-breadcrumb { display: flex; align-items: center; gap: 0.5rem; font-size: 0.78rem; color: rgba(255,255,255,1); margin: 0 0 0.35rem; text-shadow: 0 1px 3px rgba(0,0,0,0.4); }
.hero-breadcrumb a { color: rgba(255,255,255,0.75); text-decoration: none; transition: color 0.15s; }
.hero-breadcrumb a:hover,
.hero-breadcrumb a:focus-visible { color: #fff; text-decoration: none; }
.hero-breadcrumb .sep { color: rgba(255,255,255,0.5); }
@media (min-width: 1120px) {
.hero-eyebrow, .hero-breadcrumb { margin-bottom: 0.45rem; }
}
.hero-headline { font-size: 2.6rem; font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; color: #fff; margin: 0 0 12px; }
.hero-subtitle { font-size: 0.95rem; line-height: 1.5; color: rgba(255, 255, 255, 0.85); margin: 0 0 14px; letter-spacing: -0.01em; }
.hero-proof-row { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; padding-top: 10px; margin-top: 4px; border-top: 1px solid rgba(255, 255, 255, 0.18); }
.hero-proof-sep { width: 3px; height: 3px; border-radius: 50%; background: rgba(255, 255, 255, 0.45); flex-shrink: 0; }
.hero-badge-text { font-size: 0.78rem; font-weight: 500; color: rgba(255, 255, 255, 0.78); letter-spacing: 0.02em; text-transform: uppercase; }
.hero-badge-text strong { font-weight: 700; color: #fff; letter-spacing: 0; margin-right: 2px; }
@media (min-width: 992px) and (max-width: 1199px) {
.custom-header-background { padding: 18px 14px 12px; }
.hero-headline { font-size: 2rem; }
.section-hero .custom-header-container { padding-left: 10px; padding-right: 10px; }
.custom-header-padding { padding-bottom: 2.5rem; }
.hero-container { padding: 0px; }
}
.hero-left-column { display: flex; flex-direction: column; gap: 1rem; }
.hero-hurricane-countdown { border-radius: 7px; box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2); position: relative; }
.hero-hurricane-countdown::before { content: ''; position: absolute; inset: 0; border-radius: 7px; background-image: linear-gradient(135deg, #171a1e 0%, rgba(23, 26, 30, 0) 100%), url('/img/hurricane-flags-sm.webp'), url('/img/crashing-waves.webp'); background-position: 0 0, right 3rem bottom, center; background-repeat: no-repeat, no-repeat, no-repeat; background-size: 100% 100%, auto, cover; opacity: 0.96; pointer-events: none; z-index: -1; }
.hurricane-spin { display: inline-block; transition: transform 1s ease-out; }
.prepare-button-text::after { content: attr(data-short); }
@media (min-width: 446px) {
.prepare-button-text::after { content: attr(data-full); }
}
.time-text::after { content: attr(data-short); }
@media (min-width: 495px) {
.time-text::after { content: attr(data-full); }
}
.season-dates-text::after { content: attr(data-xshort); }
@media (min-width: 376px) {
.season-dates-text::after { content: attr(data-short); }
}
@media (min-width: 446px) {
.season-dates-text::after { content: attr(data-medium); }
}
@media (min-width: 576px) {
.season-dates-text::after { content: attr(data-long); }
}
@media (min-width: 767px) {
.season-dates-text::after { content: attr(data-xlong); }
}
.hurricane-countdown-cta { color: #fff !important; margin: 10px 0px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.hurricane-countdown-cta-dates { text-align: left; margin-bottom: 0px; }
@media (min-width: 446px) {
.hurricane-countdown-cta-dates { font-size: 0.8rem; }
}
.hurricane-countdown-cta p { color: #fff !important; }
@media (max-width: 405px) {
.hurricane-countdown-cta { font-size: 1.4rem; }
}
.hurricane-countdown-cta-btn { vertical-align: middle; text-align: right; padding: 0px; }
.btn-clear-white { --bs-btn-font-size: 1rem; --bs-btn-color: #ffffff; --bs-btn-bg: transparent; --bs-btn-border-width: 2px; --bs-btn-border-color: #ffffff; --bs-btn-border-radius: 0.375rem; --bs-btn-hover-color: #ffffff; --bs-btn-hover-border-color: #ffffff; padding: 0.375rem 0.75rem; font-size: 0.8rem; }
.btn-text-09 { --bs-btn-font-size: 0.9rem; font-size: 0.9rem; }
.tt-uppercase { text-transform: uppercase; }
.btn-text-upper { text-transform: uppercase; }
@media (max-width: 270px) {
.hurricane-countdown-cta { flex-direction: column; align-items: flex-start; }
.hurricane-countdown-cta-btn { align-self: center; text-align: center; width: 100%; }
}
.hero-storm-chip, .hurricane-countdown-rail { display: none; }
@media (min-width: 576px) {
.has-storm-chip { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 20px; }
.has-storm-chip > h5 { grid-column: 1; grid-row: 1; align-self: end; }
.has-storm-chip > .hurricane-countdown-cta { grid-column: 1; grid-row: 2; }
.has-storm-chip > .hurricane-countdown-cta .hurricane-countdown-cta-btn { display: none; }
.has-storm-chip > .hurricane-countdown-row { grid-column: 1; grid-row: 3; align-self: center; }
.hurricane-countdown-rail { grid-column: 2; grid-row: 1 / 4; display: flex; flex-direction: column; justify-content: center; gap: 4px; }
.hurricane-countdown-rail .hurricane-countdown-cta-btn { text-align: center; }
.hero-storm-chip { width: 0; min-width: 100%; box-sizing: border-box; display: flex; gap: 7px; padding: 7px; background: #10161d; border: 1px solid rgba(255,255,255,.09); border-radius: 8px; text-decoration: none; }
.hero-storm-chip:hover { border-color: rgba(255,255,255,.22); text-decoration: none; }
}
.hsc-map img { width: 34px; height: 50px; object-fit: cover; border-radius: 4px; display: block; }
.hsc-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.hsc-head { display: flex; align-items: center; gap: 5px; }
.hsc-live { background: #ffb020; color: #101418; font: 800 8px/1 system-ui; letter-spacing: .04em; padding: 2px 4px; border-radius: 3px; }
.hsc-label { color: #fff; font: 700 10px/1 system-ui; white-space: nowrap; }
.hsc-chart { display: block; height: 20px; min-width: 0; }
.hsc-chart svg { display: block; width: 100%; height: 100%; }
.hsc-status { display: flex; align-items: center; gap: 5px; border-top: 1px solid rgba(255,255,255,.1); padding-top: 4px; margin-top: auto; }
.hsc-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; box-sizing: border-box; }
.hsc-dot.ok { border: 2px solid #23a55a; }
.hsc-dot.watch { border: 2px solid #ffb020; }
.hsc-dot.warn { background: #ff4040; box-shadow: 0 0 0 2px rgba(255,64,64,.2); }
.hsc-status-tx { color: #eef3f6; font: 600 9px/1.2 system-ui; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (min-width: 576px) {
.has-storm-chip > .hurricane-countdown-cta { container-type: inline-size; }
.has-storm-chip .hurricane-countdown-cta-dates { white-space: nowrap; min-width: 0; font-size: clamp(18px, calc((100cqw - 58px) / 11), 38.5px) !important; }
.has-storm-chip .season-dates-text::after { content: attr(data-xlong); }
.has-storm-chip .hurricane-countdown-cta-dates img { width: 1.3em; height: 1.3em; }
}
.hurricane-countdown-row { container-type: inline-size; }
#hurricane-countdown { white-space: nowrap; }
@container (min-width: 450px) {
.hurricane-countdown-row .time-text::after { content: attr(data-full); }
}
@container (max-width: 449.98px) {
.hurricane-countdown-row .time-text::after { content: attr(data-short); }
}
@container (max-width: 359.98px) {
.hurricane-countdown-row .countdown-line strong { font-size: 11.5px; }
.hurricane-countdown-row .custom-list-icon { width: 24px !important; font-size: 12px; line-height: 24px; }
.hurricane-countdown-row .list-inline-item { margin-right: 4px; }
}
@container (max-width: 277.98px) {
.hurricane-countdown-row .hide-below-335 { display: none; }
}
#storm-tracker { scroll-margin-top: 90px; }
@media (prefers-reduced-motion: no-preference) {
html:has(.hero-storm-chip) { scroll-behavior: smooth; }
}
.countdown-line { display: inline-flex; align-items: center; gap: 5px; }
.countdown-line .custom-list-icon { margin-right: 0px; }
[data-countdown] { display: inline-block; overflow: hidden; height: 1em; line-height: 1em; position: relative; }
[data-countdown] .countdown-inner { display: block; transition: transform 0.3s ease-out; will-change: transform; }
.countdown-inner > div { display: block; }
.lead-form-container-wrapper { padding: 0; }
@media (max-width: 991px) {
.section-hero .custom-header-container { max-width: 460px; margin-left: auto; margin-right: auto; padding-left: 8px; padding-right: 8px; }
.section-hero .hero-container { padding-left: 0; padding-right: 0; }
.lead-form-container-wrapper { margin-top: 0.5rem; margin-bottom: 1rem; padding-left: 0; padding-right: 0; }
.hero-left-column { gap: 0.5rem; }
}
@media (min-width: 992px) and (max-width: 1200px) {
.lead-form-container-wrapper { margin-top: 1rem !important; margin-bottom: 1rem !important; }
}
.free-estimate-header { padding: 120px 0 !important; }
@media (max-width: 576px) {
.free-estimate-header { padding: 30px 0px !important; }
}
.service-map svg { width: 100%; }
@media (max-width: 575px) {
.mx-sm-05 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
}
@media (max-width: 767px) {
.call-to-action-btn { padding-top: 10px !important; }
.call-to-action-content { padding-bottom: 10px !important; }
}
html .highlight-primary.highlight-bg-opacity-dark { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgb(5 48 69 / 74%) 0); text-decoration: none !important; }
.desktop-only { display: none; }
@media (min-width: 767px) {
.desktop-only { display: block; }
}
.lead-form-modal { box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2); position: relative; max-width: 900px; margin: 40px auto; }
.lead-form-modal::before { content: ''; position: absolute; inset: 0; background-image: url('/img/interior-picture-windows-modal-bg.png'); background-position: center; background-repeat: no-repeat; background-size: cover; opacity: 0.96; pointer-events: none; z-index: -1; }
.section-hero,
.section-video-hero { position: relative; overflow: hidden; background-image: var(--hero-poster, url('/video/home-hero-bg-poster.webp')); background-size: cover; background-position: center; }
.hero-video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; z-index: 0; will-change: transform; transform: translateZ(0); }
.hero-video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); z-index: 1; pointer-events: none; }
.section-hero > .container,
.section-hero > .container.custom-header-container,
.section-video-hero > .container { position: relative; z-index: 2; }
@media (max-width: 768px) {
.hero-video-bg { display: none; }
.section-hero .hero-video-overlay,
.section-video-hero .hero-video-overlay { background: rgba(0, 0, 0, 0); }
.section-hero .hero-video-overlay::before,
.section-video-hero .hero-video-overlay::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: var(--hero-poster, url('/video/home-hero-bg-poster.webp')); background-size: cover; background-position: center; z-index: -1; }
}
@media (prefers-reduced-motion: reduce) {
.hero-video-bg { display: none !important; }
.section-hero .hero-video-overlay::before,
.section-video-hero .hero-video-overlay::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: var(--hero-poster, url('/video/home-hero-bg-poster.webp')); background-size: cover; background-position: center; z-index: -1; }
}
.service-card-button { background: #ffffff; padding: 0.3rem 0.8rem; border-radius: 0.4rem; color: #0169fe !important; }
.lead-form-header::after { display: none; }
.lead-form-microcopy { text-align: center; font-size: 0.73rem; margin: 0; padding-bottom: 0; color: rgba(255, 255, 255, 0.88); letter-spacing: 0.01em; font-weight: 400; }
.lead-form-header-stars { text-align: center; font-size: 0.7rem; color: rgba(255, 255, 255, 0.85); line-height: 1rem; }
.lead-form-header-stars .fa-star { font-size: 0.6rem; margin-right: 1px; }
.lead-form-header-stars .fa-star::before { color: gold; }
.lead-form-header-stars span { margin-left: 4px; }
.lead-form-availability-bar { text-align: center; font-size: 0.76rem; color: #15803d; padding: 8px 20px; line-height: 1.4; font-weight: 600; background: #f0fdf4; border-bottom: 1px solid #dcfce7; }
.availability-dot { display: inline-block; width: 8px; height: 8px; background: #16a34a; border-radius: 50%; margin-right: 4px; vertical-align: middle; animation: pulse-dot 2s infinite; }
.lead-form-secure-text { text-align: center; font-size: 0.73rem; color: #6f6f6f !important; margin: 10px 0 0; line-height: 1.3; }
.lead-form-secure-text .fas { color: #7a7a7a; margin-right: 3px; font-size: 0.65rem; }
.lead-form-footer { border-top: 1px solid #e5e7eb; margin: 0; background: #f3f4f6; border-radius: 0 0 8px 8px; }
.lead-form-trust-badges { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 12px 16px 6px; }
.lead-form-trust-badges img { height: 26px; width: auto; display: block; }
.lead-form-next-steps { display: flex; justify-content: center; align-items: center; gap: 8px; padding: 8px 12px 14px; font-size: 0.7rem; color: #555; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 600; }
.next-step { display: flex; align-items: center; gap: 5px; }
.next-step-num { display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; border-radius: 50%; background: #167bff; color: #fff; font-size: 0.58rem; font-weight: 700; flex-shrink: 0; padding: 2px 0 0 0; }
.next-step-arrow { font-size: 0.5rem; color: #bbb; }
.manufacturer-section { background: #fff; border-bottom: 1px solid #eaebed; }
.manufacturer-tab-row { display: flex; justify-content: center; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 24px; }
.manufacturer-tab { display: flex; align-items: center; justify-content: center; padding: 10px 18px; border: none; border-radius: 6px; background: transparent; cursor: pointer; opacity: 0.5; transition: opacity 0.2s, background 0.2s; border-bottom: 2px solid transparent; }
.manufacturer-tab:hover { opacity: 0.8; background: #f5f6f8; }
.manufacturer-tab.active { opacity: 1; background: #f0f4ff; }
.manufacturer-tab:focus-visible { outline: 2px solid #0068f0; outline-offset: 2px; }
.manufacturer-tab img { height: 30px; width: auto; max-width: 100px; object-fit: contain; display: block; }
.manufacturer-panels { position: relative; }
.manufacturer-panel { background: #f9fafb; border: 1px solid #eaebed; border-radius: 10px; padding: 28px; display: none; }
.manufacturer-panel.active { display: block; }
.mfr-panel-top { display: grid; grid-template-columns: 240px 1fr; gap: 28px; align-items: start; }
.mfr-panel-hero { background: #fff; border: 1px solid #eef0f2; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 16px; min-height: 170px; }
.mfr-panel-hero img { max-width: 100%; max-height: 180px; object-fit: contain; display: block; }
.mfr-panel-hero.logo-fallback img { max-height: 55px; opacity: 0.6; }
.mfr-panel-info h3 { font-size: 1.25rem; font-weight: 700; color: #1a1e2e; margin: 0 0 6px; }
.mfr-panel-desc { font-size: 0.88rem; color: #4b5563; line-height: 1.55; margin: 0 0 10px; }
.mfr-panel-meta { font-size: 0.78rem; color: #6b7280; margin-bottom: 10px; }
.manufacturer-panel-cta { display: inline-block; font-size: 0.85rem; font-weight: 600; color: #0068f0; text-decoration: none; }
.manufacturer-panel-cta:hover { text-decoration: underline; color: #0068f0; }
.mfr-product-lines { margin-top: 24px; padding-top: 20px; border-top: 1px solid #eaebed; }
.mfr-product-lines-title { font-size: 0.85rem; font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.04em; margin: 0 0 14px; }
.mfr-product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.mfr-product-card { background: #fff; border: 1px solid #eef0f2; border-radius: 8px; overflow: hidden; transition: box-shadow 0.2s; }
.mfr-product-card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06); }
.mfr-product-card-img { background: #fafbfc; display: flex; align-items: center; justify-content: center; padding: 14px; min-height: 120px; border-bottom: 1px solid #eef0f2; }
.mfr-product-card-img img { max-width: 100%; max-height: 110px; object-fit: contain; display: block; }
.mfr-product-card-body { padding: 12px 14px 14px; }
.mfr-product-card-name { font-size: 0.88rem; font-weight: 700; color: #1a1e2e; margin: 0 0 2px; }
.mfr-product-card-type { display: block; font-size: 0.7rem; font-weight: 600; color: #0068f0; text-transform: uppercase; letter-spacing: 0.03em; margin-bottom: 6px; }
a.mfr-product-card { display: block; text-decoration: none; color: inherit; }
.mfr-product-card-cta { display: inline-flex; align-items: center; gap: 5px; margin-top: 6px; font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: #0068f0; }
.mfr-product-card-cta i { font-size: 0.78em; transition: transform 0.16s ease; }
.mfr-product-card:hover .mfr-product-card-cta i { transform: translateX(3px); }
.manufacturer-view-all { display: inline-block; font-size: 0.9rem; font-weight: 600; color: #0068f0; text-decoration: none; }
.manufacturer-view-all:hover { text-decoration: underline; color: #0068f0; }
@media (max-width: 991px) {
.manufacturer-tab-row { justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px; }
.manufacturer-tab-row::-webkit-scrollbar { display: none; }
.manufacturer-tab { flex-shrink: 0; padding: 8px 14px; }
.mfr-panel-top { grid-template-columns: 1fr; }
.mfr-panel-hero { min-height: 140px; max-width: 300px; }
.mfr-panel-hero img { max-height: 160px; }
.mfr-product-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
}
@media (max-width: 767px) {
.manufacturer-section .container { padding-top: 32px !important; padding-bottom: 32px !important; }
.manufacturer-tab img { height: 24px; max-width: 80px; }
.manufacturer-tab { padding: 8px 12px; }
.manufacturer-panel { padding: 16px; }
.mfr-panel-hero { min-height: 110px; padding: 12px; }
.mfr-panel-hero img { max-height: 130px; }
.mfr-panel-info h3 { font-size: 1.1rem; }
.mfr-product-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
.mfr-product-card-img { min-height: 90px; padding: 10px; }
.mfr-product-card-img img { max-height: 80px; }
.mfr-product-card-body { padding: 10px 12px 12px; }
}
@media (max-width: 479px) {
.manufacturer-tab img { height: 20px; max-width: 70px; }
.manufacturer-tab { padding: 6px 10px; }
.mfr-product-grid { grid-template-columns: 1fr; }
.mfr-product-card { display: flex; flex-direction: row; }
.mfr-product-card-img { min-height: auto; width: 90px; flex-shrink: 0; border-bottom: none; border-right: 1px solid #eef0f2; }
.mfr-product-card-img img { max-height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
.manufacturer-tab { transition: none; }
}
.mfr-page-section { padding: 40px 0; border-bottom: 1px solid #eaebed; }
.mfr-page-section:last-of-type { border-bottom: none; }
.mfr-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -12px; padding: 0 12px; }
.mfr-compare-table { width: 100%; border-collapse: collapse; font-size: 0.88rem; min-width: 640px; }
.mfr-compare-table th { text-align: left; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; padding: 10px 14px; border-bottom: 2px solid #e5e7eb; white-space: nowrap; }
.mfr-compare-table td { padding: 12px 14px; border-bottom: 1px solid #f0f1f3; color: #374151; vertical-align: middle; }
.mfr-compare-table tbody tr:hover { background: #f9fafb; }
.mfr-table-brand img { height: 24px; width: auto; max-width: 90px; object-fit: contain; display: block; }
.mfr-table-bestfor { font-size: 0.82rem; color: #6b7280; }
.mfr-tier { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 0.72rem; font-weight: 600; white-space: nowrap; }
.mfr-tier-budget { background: #ecfdf5; color: #065f46; }
.mfr-tier-budget-to-mid { background: #ecfdf5; color: #065f46; }
.mfr-tier-mid-range { background: #eff6ff; color: #1e40af; }
.mfr-tier-mid-to-premium { background: #eff6ff; color: #1e40af; }
.mfr-tier-premium { background: #fef3c7; color: #92400e; }
.mfr-tier-premium-luxury { background: #fdf2f8; color: #9d174d; }
.mfr-tier-value { background: #ecfdf5; color: #065f46; }
@media (max-width: 639.98px) {
.mfr-table-wrap { overflow-x: visible; margin: 0; padding: 0; }
.mfr-compare-table { min-width: 0; display: block; font-size: 0.9rem; }
.mfr-compare-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.mfr-compare-table tbody { display: block; }
.mfr-compare-table tr { display: block; background: #fff; border: 1px solid #e5e7eb; border-radius: 6px; padding: 4px 16px 8px; margin-bottom: 14px; }
.mfr-compare-table tbody tr:hover { background: #fff; }
.mfr-compare-table td { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 9px 0; border-bottom: 1px solid #f0f1f3; text-align: right; }
.mfr-compare-table td:last-child { border-bottom: 0; }
.mfr-compare-table td[data-label]::before { content: attr(data-label); flex: 0 0 auto; text-align: left; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #6b7280; }
.mfr-compare-table td.mfr-table-brand { justify-content: flex-start; padding: 12px 0 10px; margin-bottom: 4px; border-bottom: 2px solid #e5e7eb; }
.mfr-table-brand img { height: 30px; max-width: 130px; }
.mfr-compare-table td.mfr-table-bestfor { flex-direction: column; align-items: flex-start; text-align: left; gap: 3px; }
}
.mfr-ownership-section { background: #f9fafb; }
.mfr-ownership-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; padding: 20px; height: 100%; }
.mfr-ownership-card h4 { font-size: 1rem; font-weight: 700; color: #1a1e2e; margin: 0 0 12px; }
.mfr-ownership-tag { font-size: 0.65rem; font-weight: 600; color: #6b7280; background: #f3f4f6; padding: 2px 6px; border-radius: 3px; vertical-align: middle; margin-left: 4px; }
.mfr-ownership-card ul { list-style: none; padding: 0; margin: 0; }
.mfr-ownership-card li { font-size: 0.88rem; color: #4b5563; padding: 4px 0; border-top: 1px solid #f3f4f6; }
.mfr-ownership-card li:first-child { border-top: none; }
.mfr-detail-section:nth-child(even) { background: #f9fafb; }
.mfr-detail-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.mfr-detail-logo img { height: 36px; width: auto; max-width: 120px; object-fit: contain; display: block; }
.mfr-detail-tagline { font-size: 0.85rem; color: #6b7280; margin: 0; }
.mfr-detail-body { display: grid; grid-template-columns: 1fr 260px; gap: 28px; align-items: start; }
.mfr-detail-content p { font-size: 0.92rem; color: #374151; line-height: 1.65; margin: 0 0 16px; }
.mfr-detail-subhead { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #374151; margin: 16px 0 8px; }
.mfr-strengths-list { list-style: none; padding: 0; margin: 0 0 12px; }
.mfr-strengths-list li { font-size: 0.85rem; color: #374151; padding: 3px 0; line-height: 1.45; }
.mfr-strengths-list .fas { color: #16a34a; margin-right: 6px; font-size: 0.7rem; }
.mfr-product-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.mfr-product-tag { display: inline-block; font-size: 0.75rem; font-weight: 600; color: #1e40af; background: #eff6ff; padding: 3px 10px; border-radius: 4px; }
.mfr-detail-specs { display: flex; gap: 16px; flex-wrap: wrap; font-size: 0.8rem; color: #6b7280; padding-top: 12px; border-top: 1px solid #eef0f2; }
.mfr-detail-specs strong { color: #374151; }
.mfr-detail-image { background: #fff; border: 1px solid #eef0f2; border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 20px; }
.mfr-detail-image img { max-width: 100%; max-height: 220px; object-fit: contain; display: block; }
.mfr-detail-cta { margin-top: 20px; }
.mfr-transition-banner { background: #fef3c7; border: 1px solid #fde68a; border-radius: 6px; padding: 12px 16px; font-size: 0.85rem; color: #92400e; margin-bottom: 20px; line-height: 1.5; }
.mfr-transition-banner .fas { margin-right: 6px; }
.mfr-transition-banner a { color: #92400e; font-weight: 600; }
@media (max-width: 991px) {
.mfr-detail-body { grid-template-columns: 1fr; }
.mfr-detail-image { max-width: 280px; }
}
@media (max-width: 767px) {
.mfr-page-section { padding: 28px 0; }
.mfr-detail-header { flex-direction: column; align-items: flex-start; gap: 10px; }
.mfr-detail-specs { flex-direction: column; gap: 4px; }
}
.manufacturer-logo-bar { background: #fff; border-bottom: 1px solid #eaebed; padding: 18px 0; overflow: hidden; }
.manufacturer-logo-strip { display: flex; justify-content: center; align-items: center; gap: 36px; padding: 0 24px; }
.manufacturer-logo-item { display: flex; align-items: center; justify-content: center; flex-shrink: 0; opacity: 0.8; transition: opacity 0.25s; text-decoration: none; }
.manufacturer-logo-item:hover { opacity: 1; }
.manufacturer-logo-item img { height: 32px; width: auto; display: block; max-width: 120px; object-fit: contain; }
@media (max-width: 991px) {
.manufacturer-logo-strip { justify-content: flex-start; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x proximity; gap: 28px; padding: 0 16px; scrollbar-width: none; }
.manufacturer-logo-strip::-webkit-scrollbar { display: none; }
.manufacturer-logo-item { scroll-snap-align: start; }
.manufacturer-logo-item img { height: 28px; max-width: 100px; }
}
@media (max-width: 575px) {
.manufacturer-logo-bar { padding: 14px 0; }
.manufacturer-logo-strip { gap: 22px; padding: 0 12px; }
.manufacturer-logo-item img { height: 24px; max-width: 90px; }
}
.trust-badge-bar { background: #fff; border-bottom: 1px solid #eaebed; padding: 16px 0; }
.trust-badge-strip { display: flex; justify-content: center; align-items: center; gap: 32px; flex-wrap: wrap; }
.trust-badge-item { display: flex; align-items: center; opacity: 0.85; transition: opacity 0.3s; }
.trust-badge-item:hover { opacity: 1; }
.trust-badge-item img { height: auto; max-height: 30px; width: auto; }
.trust-badge-text { font-size: 0.85rem; font-weight: 600; color: #3a3f47; gap: 6px; opacity: 0.9; }
.trust-badge-text .fas { color: #0088cc; font-size: 0.95rem; }
@media (max-width: 767px) {
.trust-badge-strip { gap: 14px 22px; }
.trust-badge-item img { max-height: 24px; }
.trust-badge-text { font-size: 0.75rem; }
}
.hero-svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.hero-value-props { display: flex; align-items: stretch; flex-wrap: wrap; gap: 10px 10px; padding-bottom: 14px; margin-bottom: 4px; }
.hero-value-prop { display: inline-flex; min-width: 0; }
.hero-value-prop--review { flex-direction: column; align-items: flex-start; justify-content: center; gap: 5px; }
@media (max-width: 991px) {
.hero-value-prop-houzz,
.hero-value-prop-houzz + span.hero-value-prop-sep { display: none; }
}
.hero-value-prop--icon-text { flex-direction: row; align-items: center; gap: 9px; }
.hero-value-prop-icon { width: 40px; height: 40px; flex-shrink: 0; object-fit: contain; display: block; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.22)); }
.hero-value-prop-icon--pace { width: 46px; height: 46px; filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.75)) drop-shadow(0 0 2px rgba(255, 255, 255, 0.65)) drop-shadow(0 0 4px rgba(255, 255, 255, 0.15)); }
.hero-value-prop-stack { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.hero-value-prop-headline { font-size: 0.92rem; font-weight: 700; color: #fff; letter-spacing: -0.015em; white-space: nowrap; }
.hero-value-prop-sub { font-size: 0.78rem; font-weight: 400; color: rgba(255, 255, 255, 0.82); letter-spacing: -0.01em; white-space: nowrap; margin-top: 1px; }
.hero-value-prop-sep { width: 1px; align-self: stretch; min-height: 34px; background: rgba(255, 255, 255, 0.1); flex-shrink: 0; }
.hero-review-logo { display: block; width: auto; flex-shrink: 0; }
.hero-review-logo-google { height: 27px; width: 91px; filter: drop-shadow(-1px 0px 2px rgba(0, 0, 0, 0.55)); margin-left: -4px; }
.hero-review-logo-houzz { height: 27px; width: 96px; color: #fff; }
.hero-review-stars-row { display: inline-flex; align-items: center; gap: 5px; }
.hero-review-rating { font-size: 0.85rem; font-weight: 700; color: #fff; letter-spacing: -0.01em; line-height: 1; }
.hero-review-stars { display: inline-flex; align-items: center; gap: 1px; }
.hero-review-star { width: 13px; height: 13px; display: block; }
.hero-review-meta { font-size: 0.72rem; font-weight: 500; color: rgba(255, 255, 255, 0.78); letter-spacing: 0.005em; white-space: nowrap; }
@media (min-width: 992px) and (max-width: 1199px) {
.hero-value-props { gap: 8px 10px; }
.hero-value-prop--icon-text { gap: 7px; }
.hero-value-prop-icon { width: 34px; height: 34px; }
.hero-value-prop-icon--pace { width: 38px; height: 34px; }
.hero-value-prop-headline { font-size: 0.84rem; }
.hero-value-prop-sub { font-size: 0.72rem; }
.hero-review-logo-google { width: 78px; height: 22px; }
.hero-review-logo-houzz { width: 84px; height: 19px; }
.hero-review-rating { font-size: 0.78rem; }
.hero-review-star { width: 11px; height: 11px; }
.hero-review-meta { font-size: 0.66rem; }
.hero-value-prop-sep { min-height: 40px; }
}
@media (max-width: 767px) {
.hero-headline { font-size: 1.8rem; line-height: 1.1; }
.hero-subtitle { font-size: 0.85rem; }
.hero-value-props { gap: 10px 14px; }
.hero-value-prop--review { gap: 3px; }
.hero-value-prop--icon-text { gap: 8px; }
.hero-value-prop-icon { width: 36px; height: 36px; }
.hero-value-prop-icon--pace { width: 40px; height: 36px; }
.hero-value-prop-headline { font-size: 0.86rem; }
.hero-value-prop-sub { font-size: 0.74rem; }
.hero-review-logo-google { width: 78px; height: 22px; }
.hero-review-logo-houzz { width: 86px; height: 20px; }
.hero-review-rating { font-size: 0.8rem; }
.hero-review-star { width: 12px; height: 12px; }
.hero-review-meta { font-size: 0.68rem; }
.hero-proof-row { gap: 6px 10px; }
.hero-badge-text { font-size: 0.66rem; }
}
@media (max-width: 575px) {
.hero-value-props { gap: 12px 16px; justify-content: flex-start; }
.hero-value-prop-sep { display: none; }
.hero-value-prop-icon { width: 32px; height: 32px; }
.hero-value-prop-icon--pace { width: 36px; height: 32px; }
}
@media (max-width: 413px) {
.hero-value-prop-headline { font-size: 0.76rem; }
}
@media (max-width: 405px) {
.hero-headline { font-size: 1.5rem; }
.hero-eyebrow { font-size: 0.6rem; }
.hero-value-props { gap: 10px 12px; }
.hero-value-prop-headline { font-size: 0.8rem; }
.hero-value-prop-sub { font-size: 0.7rem; }
.hero-review-logo-google { width: 72px; height: 21px; }
.hero-review-logo-houzz { width: 78px; height: 18px; }
.hero-review-rating { font-size: 0.75rem; }
.hero-review-star { width: 11px; height: 11px; }
.hero-review-meta { font-size: 0.64rem; }
.hero-badge-text { font-size: 0.62rem; letter-spacing: 0.015em; }
.hero-proof-row { gap: 5px 8px; }
}
@media (max-width: 391px) {
.hero-headline { font-size: 1.3rem; letter-spacing: -0.02em; }
.hero-subtitle { font-size: 0.78rem; }
.hero-value-prop-headline { font-size: 0.74rem; }
.hero-value-prop-sub { font-size: 0.66rem; }
.hero-value-prop-icon { width: 28px; height: 28px; }
.hero-review-logo-google { width: 71px; height: 20px; }
.hero-value-prop-icon--pace { width: 32px; height: 28px; }
}
@media (max-width: 391px) {
.hero-value-prop-pace { display: none; }
}
.mid-page-cta { background: linear-gradient(135deg, #1a1e2e 0%, #0d1117 100%); padding: 48px 0; }
.mid-page-cta-inner { text-align: center; }
.mid-page-cta-title { color: #fff; font-size: 1.8rem; font-weight: 700; margin-bottom: 6px; }
.mid-page-cta-subtitle { color: rgba(255, 255, 255, 0.7); font-size: 1.05rem; margin-bottom: 24px; }
.mid-page-cta-fields { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; max-width: 800px; margin: 0 auto; }
.mid-page-cta-input { flex: 1 1 180px; max-width: 220px; padding: 10px 14px; border: 2px solid rgba(255, 255, 255, 0.2); border-radius: 6px; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 0.95rem; }
.mid-page-cta-input::placeholder { color: rgba(255, 255, 255, 0.5); }
.mid-page-cta-input:focus { border-color: #0068f0; box-shadow: 0 0 0 3px rgba(0, 104, 240, 0.2); outline: none; background: rgba(255, 255, 255, 0.12); }
.mid-page-cta-submit { padding: 10px 28px; background: var(--apw-green); color: #fff; border: none; border-radius: 6px; font-size: 0.95rem; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background 0.2s; }
.mid-page-cta-submit:hover { background: #009935; }
.mid-page-cta-trust { display: flex; justify-content: center; gap: 20px; margin-top: 16px; font-size: 0.78rem; color: rgba(255, 255, 255, 0.5); }
.mid-page-cta-trust .fas { margin-right: 3px; }
.mid-page-cta .lead-form-error { max-width: 800px; margin: 10px auto 0; }
@media (max-width: 767px) {
.mid-page-cta { padding: 32px 0; }
.mid-page-cta-title { font-size: 1.4rem; }
.mid-page-cta-fields { flex-direction: column; align-items: stretch; padding: 0 10px; }
.mid-page-cta-input { max-width: 100%; flex: none; }
}
.review-aggregate-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 18px; background: #f8f9fa; border-radius: 6px; border: 1px solid #e8e9eb; }
.review-aggregate-stars { display: flex; align-items: center; gap: 3px; font-size: 0.95rem; color: #333; }
.review-aggregate-stars strong { margin-left: 6px; margin-right: 4px; }
.review-aggregate-meta { font-size: 0.85rem; color: #666; }
.review-aggregate-sep { margin: 0 8px; color: #ccc; }
@media (max-width: 575px) {
.review-aggregate-bar { flex-direction: column; text-align: center; }
}
.bg-color-light-scale-1 .toggle-title { background: #fff; }
.exit-intent-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0); z-index: 10000; display: flex; align-items: center; justify-content: center; transition: background 0.3s; padding: 20px; }
.exit-intent-overlay.exit-intent-active { background: rgba(0, 0, 0, 0.7); }
.exit-intent-modal { background: #fff; border-radius: 12px; padding: 40px 36px 32px; max-width: 520px; width: 100%; position: relative; text-align: center; transform: translateY(-30px); opacity: 0; transition: transform 0.3s, opacity 0.3s; }
.exit-intent-active .exit-intent-modal { transform: translateY(0); opacity: 1; }
.exit-intent-close { position: absolute; top: 10px; right: 16px; background: none; border: none; font-size: 1.8rem; color: #888; cursor: pointer; line-height: 1; padding: 4px; }
.exit-intent-close:hover { color: #333; }
.exit-intent-title { font-size: 1.5rem; font-weight: 700; color: #1a1e2e; margin-bottom: 8px; }
.exit-intent-subtitle { font-size: 0.95rem; color: #666; margin-bottom: 24px; }
.exit-intent-fields { display: flex; flex-direction: column; gap: 10px; margin-bottom: 14px; }
.exit-intent-input { padding: 10px 14px; border: 1px solid #ccc; border-radius: 6px; font-size: 0.95rem; width: 100%; }
.exit-intent-input:focus { border-color: #0088cc; outline: 3px solid rgba(0, 136, 230, 0.3); outline-offset: 0; }
.exit-intent-submit { width: 100%; padding: 12px; background: var(--apw-green); color: #fff; border: none; border-radius: 6px; font-size: 1.05rem; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.exit-intent-submit:hover { background: #009935; }
.exit-intent-phone { margin-top: 14px; font-size: 0.9rem; color: #666; }
.exit-intent-phone a { color: #0088cc; font-weight: 600; text-decoration: none; }
.exit-intent-trust { display: flex; justify-content: center; gap: 18px; margin-top: 14px; font-size: 0.78rem; color: #888; }
.exit-intent-trust .fas { margin-right: 3px; }
.exit-intent-form .lead-form-error { margin-top: 10px; }
.sticky-mobile-cta { position: fixed; bottom: 0; left: 0; right: 0; height: calc(56px + env(safe-area-inset-bottom, 0px)); background: #1a1e2e; display: flex; z-index: 9990; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.3); padding-bottom: env(safe-area-inset-bottom, 0px); }
.sticky-mobile-cta-call { flex: 1; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.85rem; font-weight: 600; text-decoration: none; gap: 6px; border-right: 1px solid rgba(255, 255, 255, 0.15); }
.sticky-mobile-cta-call:hover { color: #fff; }
.sticky-mobile-cta-btn { flex: 1; display: flex; align-items: center; justify-content: center; background: var(--apw-green); color: #fff; font-size: 0.8rem; font-weight: 700; text-decoration: none; letter-spacing: 0.03em; gap: 6px; }
.sticky-mobile-cta-btn:hover { color: #fff; background: #009935; }
.sticky-cta-dot { width: 8px; height: 8px; background: #fff; border-radius: 50%; animation: pulse-dot 2s infinite; }
@media (min-width: 768px) {
.sticky-mobile-cta { display: none !important; }
}
.floating-quote-btn { position: fixed; bottom: 30px; right: 30px; background: var(--apw-green); color: #fff; padding: 14px 22px; border-radius: 50px; font-size: 0.9rem; font-weight: 600; text-decoration: none; box-shadow: 0 4px 20px rgba(0, 186, 30, 0.4); z-index: 9980; transition: transform 0.2s, box-shadow 0.2s; animation: float-pulse 3s ease-in-out 1; }
.floating-quote-btn:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 6px 28px rgba(0, 186, 30, 0.5); }
.floating-quote-btn .fas { margin-right: 6px; }
@media (max-width: 767px) {
.floating-quote-btn { display: none !important; }
}
.urgency-banner { background: #1a1e2e; max-height: 36px; overflow: hidden; position: relative; z-index: 1001; }
.urgency-banner-inner { display: flex; align-items: center; justify-content: center; height: 36px; position: relative; }
.urgency-banner-messages { position: relative; height: 36px; width: 100%; text-align: center; }
.urgency-banner-msg { position: absolute; top: 0; left: 0; right: 0; height: 36px; display: flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.85); font-size: 0.82rem; text-decoration: none; opacity: 0; transition: opacity 0.5s; padding: 0 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.urgency-banner-msg:hover { color: #fff; }
.urgency-banner-msg.active { opacity: 1; }
.urgency-banner-msg strong { color: #ffd700; margin-left: 4px; }
@media (max-width: 575px) {
.urgency-banner-msg { font-size: 0.7rem; padding: 0 30px; }
}
.urgency-banner--storm { background: linear-gradient(90deg, #8b0000 0%, #cc0000 50%, #8b0000 100%); background-size: 200% 100%; animation: storm-banner-pulse 4s ease-in-out infinite; }
.urgency-banner--storm .urgency-banner-msg--storm strong { color: #ffd700; }
.urgency-pulse { display: inline-block; width: 8px; height: 8px; background: #ff4444; border-radius: 50%; margin-right: 6px; animation: pulse-dot 1.5s ease-in-out infinite; flex-shrink: 0; }
.urgency-banner--storm .urgency-pulse { background: #fff; }
@media (prefers-reduced-motion: reduce) {
.urgency-banner--storm { animation: none; background-position: 50% 50%; }
.urgency-pulse { animation: none; }
}
.storm-tracker-section { padding: 1.5rem 0; }
.st2 { --st-ok:#23a55a; --st-amber:#ffb020; --st-red:#ff4040; --st-t2:#aeb9c2; --st-t3:#6d7c88; --st-panel:rgba(255,255,255,.045); --st-bd:rgba(255,255,255,.10); }
.st2-head { display:flex; align-items:center; gap:12px; margin-bottom:14px; flex-wrap:wrap; }
.st2-spin { width:26px; height:26px; opacity:.95; animation:st2spin 9s linear infinite; }
.st2-live { display:inline-flex; align-items:center; gap:9px; color:#fff; font:800 13px/1 system-ui,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.st2-meta { margin-left:auto; color:var(--st-t3); font:600 11px/1.3 system-ui; letter-spacing:.04em; text-transform:uppercase; text-align:right; }
.st2-meta b { color:var(--st-t2); }
.st2-grid { display:grid; grid-template-columns:minmax(0,42%) minmax(0,1fr); gap:16px; align-items:stretch; }
.st2-card { background:var(--st-panel); border:1px solid var(--st-bd); border-radius:6px; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); overflow:hidden; }
.st2-panel { position:relative; min-height:300px; }
.st2-viewtoggle { position:absolute; right:8px; top:8px; z-index:6; display:inline-flex; background:rgba(8,12,16,.72); border:1px solid rgba(255,255,255,.14); border-radius:6px; overflow:hidden; -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.st2-viewtoggle button { border:0; background:transparent; color:#9fb0bd; font:700 11px/1 system-ui; letter-spacing:.04em; padding:6px 12px; cursor:pointer; }
.st2-viewtoggle button.on { background:var(--st-amber); color:#101418; }
.st2-view { display:none; }
.st2-view.on { display:block; }
.st2-view .storm-map { display:block; width:100%; height:auto; }
.st2-view-map { position:relative; background:#0a131b; height:100%; }
.st2-view-map .storm-map { height:100%; }
.st2-view-map::after { content:""; position:absolute; left:0; right:0; bottom:0; height:42px; z-index:1; pointer-events:none; background:linear-gradient(transparent, rgba(6,11,16,.9)); }
.st2-mapcap { position:absolute; left:12px; bottom:9px; z-index:2; color:#8ea0ac; font:600 10px/1 system-ui; letter-spacing:.01em; text-shadow:0 1px 3px rgba(0,0,0,.7); }
.st2-mapcap-link { color:inherit; text-decoration:none; border-bottom:1px dotted rgba(142,160,172,.5); }
.st2-mapcap-link:hover { color:#cfe0ea; border-bottom-color:currentColor; }
.storm-map .ocean { fill:#0a131b; }
.storm-map .grat line { stroke:#16222b; stroke-width:.5; }
.storm-map .land { fill:#1c2c36; stroke:#243741; stroke-width:.5; stroke-linejoin:round; }
.storm-map .land.fl { fill:#243744; stroke:#3a525f; stroke-width:.6; }
.storm-map .wlbl { fill:#3a4f5e; font:italic 600 8px/1 system-ui; letter-spacing:.02em; }
.storm-map .hdg { stroke:#e2574a; stroke-width:2; }
.storm-map .stormpin { cursor:pointer; }
.storm-map .hbadge .hcase { fill:#fff; stroke:#fff; stroke-width:7; stroke-linejoin:round; }
.storm-map .hbadge .hglyph { fill:#f31e27; }
.storm-map .stormpin:not(.sel) .hicon { opacity:.82; }
.storm-map .lbl { fill:#ff6a5e; font:700 9.5px/1 system-ui; letter-spacing:.01em; paint-order:stroke; stroke:#0a131b; stroke-width:2.6; }
.storm-map .storm-cone, .storm-map .storm-cone.warn { fill:rgba(160,168,175,.32); stroke:rgba(205,212,218,.28); stroke-width:.5; }
.storm-map .storm-track { fill:none; stroke:#e2574a; stroke-width:1.1; stroke-linecap:round; stroke-linejoin:round; opacity:.95; }
.storm-map .storm-fcst, .storm-map .storm-fcst.hu, .storm-map .storm-fcst.ts,
.storm-map .storm-fcst.sts, .storm-map .storm-fcst.td, .storm-map .storm-fcst.std,
.storm-map .storm-fcst.ptc { fill:#20262b; stroke:rgba(255,255,255,.45); stroke-width:.55; }
.storm-map .two-area { fill:rgba(255,209,102,.10); stroke:#ffd166; stroke-width:.8; stroke-dasharray:2.5 2; cursor:pointer; transition:fill .15s, stroke-width .15s; }
.storm-map .two-area.medium { fill:rgba(255,159,28,.14); stroke:#ff9f1c; }
.storm-map .two-area.high { fill:rgba(255,64,64,.16); stroke:#ff5a5a; }
.storm-map .two-area:hover { stroke-width:1.4; fill:rgba(255,209,102,.18); }
.storm-map .two-area.medium:hover { fill:rgba(255,159,28,.22); }
.storm-map .two-area.high:hover { fill:rgba(255,64,64,.24); }
.storm-map .two-lbl { fill:#fff; font:700 8px/1 system-ui; text-anchor:middle; paint-order:stroke; stroke:#0a131b; stroke-width:2; cursor:pointer; }
.st2-two-tip { position:absolute; z-index:4; max-width:240px; padding:9px 11px 8px; background:rgba(10,19,27,.96); border:1px solid rgba(255,255,255,.14); border-left:3px solid #ffd166; border-radius:6px; box-shadow:0 4px 18px rgba(0,0,0,.45); pointer-events:auto; }
.st2-two-tip.medium { border-left-color:#ff9f1c; }
.st2-two-tip.high { border-left-color:#ff5a5a; }
.st2-two-tip-h { color:#ffd166; font:800 12px/1.25 system-ui; margin-bottom:4px; }
.st2-two-tip.medium .st2-two-tip-h { color:#ff9f1c; }
.st2-two-tip.high .st2-two-tip-h { color:#ff5a5a; }
.st2-two-tip-h small { color:#8ea0ac; font:700 9.5px/1 system-ui; letter-spacing:.03em; }
.st2-two-tip p { margin:0 0 6px; color:#c3d0da; font:400 11.5px/1.45 system-ui; }
.st2-two-tip a { color:#9ec5e8; font:600 11px/1 system-ui; text-decoration:none; border-bottom:1px dotted rgba(158,197,232,.5); }
.st2-two-tip a:hover { color:#cfe0ea; border-bottom-color:currentColor; }
.st2-detail { padding:16px 18px; display:flex; flex-direction:column; gap:13px; }
.st2-detail--list { padding:0; }
.st2-detail--list .st2-name { padding:14px 16px 11px; }
.st2-name { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
.st2-chip { font:800 10px/1 system-ui; letter-spacing:.06em; color:#101418; padding:4px 7px; border-radius:4px; }
.st2-chip.ts { background:var(--st-amber); }
.st2-chip.hu { background:var(--st-red); color:#fff; }
.st2-chip.td { background:#8a96a0; }
.st2-title { color:#fff; font:700 19px/1.1 system-ui; letter-spacing:-.01em; }
.st2-hero { display:flex; align-items:baseline; gap:10px; }
.st2-mph { color:#fff; font:800 34px/.9 system-ui; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.st2-mph small { font-size:14px; font-weight:700; color:var(--st-t2); letter-spacing:0; }
.st2-herocap { color:var(--st-t3); font:700 11px/1 system-ui; letter-spacing:.08em; text-transform:uppercase; }
.sscale { display:flex; gap:3px; }
.sscale .seg { flex:1; text-align:center; padding:5px 2px 4px; border-radius:3px; font:800 8px/1 system-ui; letter-spacing:.02em; background:#27333c; color:#5d6e7a; }
.sscale .seg.on { color:#0c1014; box-shadow:0 0 0 1px rgba(255,255,255,.25) inset; }
.sscale .seg .v { display:block; font-size:11px; margin-bottom:2px; }
.sscale .s0.on { background:#f4cf57; }
.sscale .s1.on { background:#f3a93b; }
.sscale .s2.on { background:#f2861f; }
.sscale .s3.on { background:#ec5f23; }
.sscale .s4.on { background:#e23b35; }
.sscale .s5.on { background:#c12d6b; color:#fff; }
.st2-stats { display:flex; gap:18px; flex-wrap:wrap; }
.st2-stat .k { display:block; color:var(--st-t3); font:700 9px/1.4 system-ui; letter-spacing:.09em; text-transform:uppercase; }
.st2-stat .v { color:#fff; font:700 14px/1.2 system-ui; font-variant-numeric:tabular-nums; }
.st2-rel { display:flex; align-items:center; gap:8px; padding:8px 11px; border-radius:5px; font:600 12.5px/1.3 system-ui; }
.st2-rel.warn { background:rgba(255,64,64,.13); border:1px solid rgba(255,64,64,.35); color:#ffd2d2; }
.st2-rel.warn strong { color:#fff; }
.st2-rel.calm { background:rgba(255,255,255,.05); border:1px solid var(--st-bd); color:var(--st-t2); }
.st2-tech { color:var(--st-t3); font:600 10.5px/1.4 system-ui; letter-spacing:.03em; display:flex; gap:7px; flex-wrap:wrap; align-items:center; }
.st2-tech .dotsep { opacity:.5; }
.st2-pacific-note { display:flex; align-items:flex-start; gap:7px; margin-top:auto; padding-top:9px; border-top:1px solid var(--st-bd); color:var(--st-t3); font:500 11px/1.45 system-ui; }
.st2-pacific-note img { flex:0 0 auto; margin-top:1px; }
.st2-pacific-note strong { color:var(--st-t2); font-weight:700; }
.st2-adv { color:#9fb0bd; text-decoration:none; font-weight:700; }
.st2-adv:hover { color:#fff; }
.st2-list { display:flex; flex-direction:column; }
.st2-row { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:11px 16px; border-bottom:1px solid rgba(255,255,255,.06); }
.st2-row:last-child { border-bottom:0; }
.st2-row.warn { background:rgba(255,64,64,.07); }
.st2-row .sub { color:var(--st-t3); font:600 11px/1.3 system-ui; margin-top:2px; }
.st2-cta { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:16px; padding:14px 18px; border-radius:6px; background:linear-gradient(90deg,rgba(255,64,64,.12),rgba(255,176,32,.06)); border:1px solid rgba(255,255,255,.10); }
.st2-cta p { margin:0; color:#eef3f6; font:600 14px/1.35 system-ui; }
.st2-cta p b { color:#fff; }
.st2-quiet-icon { width:24px; height:24px; opacity:.7; animation:st2spin 30s linear infinite; }
.st2-live--calm { color:#cdd7df; }
.st2-cta--calm { background:linear-gradient(90deg,rgba(55,205,151,.12),rgba(255,255,255,.04)); }
.st2-quiet-detail { gap:13px; }
.st2-quiet-status { display:flex; align-items:center; gap:9px; color:#eef3f6; font:700 15px/1.3 system-ui; }
.st2-watch-link { appearance:none; background:none; border:0; padding:0; margin:0; font:inherit; color:inherit; line-height:inherit; vertical-align:baseline; cursor:pointer; }
.st2-quiet-dot { width:9px; height:9px; border-radius:50%; flex-shrink:0; background:var(--st-ok); box-shadow:0 0 0 3px rgba(55,205,151,.18); }
.st2-quiet-dot.watch { background:var(--st-amber); box-shadow:0 0 0 3px rgba(255,176,32,.18); }
.st2-season { display:flex; flex-direction:column; gap:7px; }
.st2-season-top { display:flex; justify-content:space-between; color:var(--st-t2); font:700 11.5px/1.2 system-ui; letter-spacing:.01em; }
.st2-season-bar { position:relative; height:6px; border-radius:3px; background:rgba(255,255,255,.08); overflow:visible; }
.st2-season-bar i { display:block; height:100%; border-radius:3px; background:linear-gradient(90deg,#37cd97,#ffb020); }
.st2-season-peak { position:absolute; top:-2px; width:2px; height:10px; background:#fff; opacity:.8; transform:translateX(-1px); }
.st2-season-note { color:var(--st-t2); font:600 12.5px/1.4 system-ui; }
.st2-season-chart { width:100%; line-height:0; }
.st2-climo-svg { width:100%; height:auto; display:block; }
.st2-climo-wrap { position:relative; display:block; width:100%; }
.st2-climo-wrap:not(.st2-climo-wrap--mini) { height:104px; padding-bottom:15px; box-sizing:border-box; }
.st2-climo-wrap--mini { height:100%; }
.st2-climo-wrap .st2-climo-svg { height:100%; }
.st2-climo-lbls { position:absolute; left:0; right:0; bottom:0; height:15px; pointer-events:none; }
span.st2-climo-mon { position:absolute; bottom:2px; transform:translateX(-50%); color:var(--st-t3); font:600 8px/1 system-ui; }
span.st2-climo-peaklbl { position:absolute; bottom:auto; top:-96px; transform:translateX(-50%); color:rgba(255,255,255,.72); font:600 7px/1 system-ui; }
.st2-climo-grid { stroke:rgba(255,255,255,.06); stroke-width:.4; }
.st2-climo-mon { fill:var(--st-t3); font:600 8px/1 system-ui; text-anchor:middle; }
.st2-climo-peak { stroke:rgba(255,255,255,.4); stroke-width:.5; stroke-dasharray:1.6 1.6; }
.st2-climo-peaklbl { fill:rgba(255,255,255,.72); font:600 7px/1 system-ui; text-anchor:middle; }
.st2-climo-today { stroke:#fff; stroke-width:1; }
.st2-climo-todaymk { fill:#fff; }
.st2-climo-legend { display:flex; align-items:center; gap:6px; color:var(--st-t2); font:600 10.5px/1 system-ui; flex-wrap:wrap; }
.st2-climo-key { width:9px; height:9px; border-radius:2px; display:inline-block; flex-shrink:0; }
.st2-climo-key.red { background:#ff3030; }
.st2-climo-key.yel { background:#ffd23a; }
.st2-climo-src { margin-left:auto; color:var(--st-t3); font-size:9.5px; }
.st2-season-note strong { color:#fff; }
.st2-replay-pick { display:flex; flex-direction:column; gap:7px; margin-top:auto; padding-top:13px; }
.st2-replay-pick-h { color:var(--st-t2); font:700 11px/1 system-ui; letter-spacing:.01em; }
.st2-replay-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; }
.st2-replay-cell { display:flex; align-items:center; gap:9px; cursor:pointer; text-align:left; min-width:0; padding:8px 9px; border-radius:6px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); transition:background .15s, border-color .15s; }
.st2-replay-cell:hover { background:rgba(255,255,255,.08); }
.st2-replay-cell.on { border-color:var(--st-amber); background:rgba(255,176,32,.10); }
.st2-replay-cell-play { flex-shrink:0; width:22px; height:22px; border-radius:4px; background:var(--st-red); display:inline-flex; align-items:center; justify-content:center; }
.st2-replay-cell-play::before { content:""; border-style:solid; border-width:5px 0 5px 8px; border-color:transparent transparent transparent #fff; }
.st2-replay-cell-tx { display:flex; flex-direction:column; gap:1px; min-width:0; }
.st2-replay-cell-nm { color:#fff; font:700 12px/1.15 system-ui; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.st2-replay-cell-sub { color:var(--st-t3); font:600 10px/1.1 system-ui; }
.st2-quiet, .st2-active { border:1px solid var(--st-bd); border-radius:8px; overflow:hidden; }
.st2-quiet > .st2-grid, .st2-active > .st2-grid { gap:0; align-items:stretch; }
.st2-quiet .st2-panel, .st2-active .st2-panel { border:0; border-radius:0; }
.st2-quiet .st2-detail, .st2-active .st2-detail { border:0; border-radius:0; border-left:1px solid var(--st-bd); }
.st2-quiet .st2-view.on, .st2-active .st2-view.on { height:100%; }
.st2-quiet .st2-view-sat .ssl, .st2-quiet .st2-view-replay .ssl,
.st2-active .st2-view-sat .ssl { display:flex; flex-direction:column; height:100%; }
.st2-quiet .st2-view-sat .ssl-stage, .st2-quiet .st2-view-replay .ssl-stage,
.st2-active .st2-view-sat .ssl-stage { flex:1 1 auto; min-height:0; aspect-ratio:auto !important; }
.st2-quiet .st2-cta, .st2-active .st2-cta { margin:0; border:0; border-radius:0; border-top:1px solid var(--st-bd); }
.st2-quiet-swap, .st2-quiet-current, .st2-quiet-recap { display:flex; flex-direction:column; gap:13px; }
.st2-recap-back { align-self:flex-start; background:none; border:0; padding:0; cursor:pointer; color:var(--st-t3); font:700 10px/1 system-ui; letter-spacing:.04em; text-transform:uppercase; }
.st2-recap-back:hover { color:#fff; }
.st2-active-swap, .st2-active-storm { display:flex; flex-direction:column; gap:13px; }
.st2-active-detail .st2-storm-pick { display:flex; flex-direction:column; gap:7px; margin-top:auto; padding-top:13px; }
.st2-storm-pick-h { color:var(--st-t2); font:700 11px/1 system-ui; letter-spacing:.01em; }
.st2-storm-grid { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:8px; }
.st2-storm-cell { display:flex; align-items:center; gap:8px; min-width:0; cursor:pointer; text-align:left; padding:7px 9px; border-radius:6px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); transition:background .15s, border-color .15s; }
.st2-storm-cell:hover { background:rgba(255,255,255,.08); }
.st2-storm-cell.on { border-color:var(--st-amber); background:rgba(255,176,32,.10); }
.st2-storm-cell.warn.on { border-color:var(--st-red); background:rgba(255,64,64,.12); }
.st2-storm-cell .st2-chip { flex-shrink:0; }
.st2-storm-cell-tx { display:flex; flex-direction:column; gap:1px; min-width:0; }
.st2-storm-cell-nm { color:#fff; font:700 12px/1.15 system-ui; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.st2-storm-cell-sub { color:var(--st-t3); font:600 10px/1.1 system-ui; white-space:nowrap; }
.st2-storm-cell.warn .st2-storm-cell-sub { color:#ff8a8a; }
.st2-adv-link { text-decoration:underline dotted rgba(142,160,172,.5); text-underline-offset:3px; }
.st2-adv-link:hover { color:#fff; text-decoration-color:currentColor; }
.st2-replay { margin:1.6rem 0; }
.st2-replay .st2-panel { background:#0a131b; border:1px solid #1f2d36; min-height:0; }
.st2-replay-cap { margin:8px 2px 0; color:#5b6b78; font:600 12.5px/1.45 system-ui; }
.st2-replay-cap strong { color:#27323b; }
.st2-inset--end, .post-content .st2-inset--end { float:right; clear:right; width:min(22rem, 46%); margin:.35rem 0 1rem 1.4rem; }
.st2-inset--start, .post-content .st2-inset--start { float:left; clear:left; width:min(22rem, 46%); margin:.35rem 1.4rem 1rem 0; }
.st2-inset--none, .post-content .st2-inset--none { margin:1.6rem auto; max-width:min(22rem, 100%); }
@media (max-width:767px) {
.st2-inset--end, .st2-inset--start, .post-content .st2-inset--end, .post-content .st2-inset--start { float:none; width:auto; margin:1.25rem 0; }
}
.st2-inset .st2-panel { background:#0a131b; border:1px solid #1f2d36; min-height:0; }
.st2-inset .ssl-speed, .st2-inset .ssl-chan, .st2-inset .ssl-badge { display:none; }
.st2-inset .ssl-controls { gap:8px; padding:6px 8px; }
.st2-inset .ssl-btn { width:26px; height:24px; }
.st2-inset .ssl-time { font-size:10px; right:8px; bottom:6px; }
.st2-inset .ssl-grad { height:34px; }
.st2-inset-cap { margin:6px 2px 0; color:#5b6b78; font:600 11.5px/1.4 system-ui; }
.st2-inset-cap strong { color:#27323b; }
.st2-recap { margin:1.6rem 0; background:#0a131b; border:1px solid #1f2d36; border-radius:10px; overflow:hidden; }
.st2-recap .st2-grid { gap:0; align-items:stretch; }
.st2-recap .st2-panel { background:#06090d; border:0; border-radius:0; min-height:0; }
@media (min-width:761px) {
.st2-recap .ssl { display:flex; flex-direction:column; height:100%; }
.st2-recap .ssl-stage { flex:1 1 auto; min-height:0; aspect-ratio:auto !important; }
}
.st2-recap .st2-detail { padding:16px 20px; gap:11px; }
.st2-recap--noimg .st2-grid { grid-template-columns:1fr; }
.st2-recap .st2-name { gap:10px; flex-wrap:nowrap; }
.st2-recap .st2-spin { width:24px; height:24px; flex-shrink:0; }
.st2-recap-dates { margin-left:auto; color:var(--st-t2); font:700 11.5px/1 system-ui; white-space:nowrap; letter-spacing:.01em; }
.st2-recap-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; }
.st2-recap-stat { display:flex; flex-direction:column; gap:2px; min-width:0; }
.st2-recap-stat.wide { grid-column:1 / -1; }
.st2-recap-stat .k { color:var(--st-t3); font:700 9px/1 system-ui; letter-spacing:.07em; text-transform:uppercase; }
.st2-recap-stat .v { color:#fff; font:700 13.5px/1.2 system-ui; }
.st2-recap-stat .v small { color:var(--st-t2); font-weight:600; font-size:11.5px; }
.st2-recap-cite { margin-top:auto; padding-top:3px; color:var(--st-t3); font:600 10px/1.3 system-ui; }
.ssl { position:relative; width:100%; }
.ssl[hidden] { display:none; }
.ssl-stage { position:relative; width:100%; background:#06090d; overflow:hidden; }
.ssl-frame { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; }
.post-content figure .ssl-frame { display:block; width:100%; max-width:none; height:100%; }
.ssl-grad { position:absolute; left:0; right:0; bottom:0; height:46px; z-index:3; background:linear-gradient(transparent,rgba(0,0,0,.55)); pointer-events:none; }
.ssl-badge { position:absolute; left:10px; top:9px; z-index:4; font:700 10px/1 system-ui; letter-spacing:.06em; color:#cfe0ea; background:rgba(0,0,0,.45); padding:4px 7px; border-radius:4px; }
.ssl-time { position:absolute; right:10px; bottom:8px; z-index:4; font:700 11px/1 system-ui; color:#fff; font-variant-numeric:tabular-nums; text-shadow:0 1px 2px #000; }
.ssl-readout { position:absolute; left:10px; bottom:8px; z-index:5; display:none; font:700 11px/1 system-ui; color:#fff; background:rgba(0,0,0,.5); padding:4px 8px; border-radius:4px; font-variant-numeric:tabular-nums; pointer-events:none; }
.ssl-readout.on { display:block; }
.ssl-controls { display:flex; align-items:center; gap:10px; padding:8px 10px; background:rgba(255,255,255,.04); border-top:1px solid rgba(255,255,255,.08); }
.ssl-btn { flex-shrink:0; display:inline-flex; align-items:center; justify-content:center; width:30px; height:28px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.06); color:#fff; border-radius:5px; cursor:pointer; font:700 11px/1 system-ui; }
.ssl-btn:hover { background:rgba(255,255,255,.12); }
.ssl-btn svg { fill:#fff; }
.ssl-speed { width:auto; padding:0 9px; }
.ssl-scrub { flex:1; accent-color:var(--st-amber); height:4px; }
.ssl-chan { flex-shrink:0; display:inline-flex; border:1px solid rgba(255,255,255,.14); border-radius:5px; overflow:hidden; }
.ssl-chanbtn { border:0; background:rgba(255,255,255,.06); color:#9fb0bd; cursor:pointer; font:700 10px/1 system-ui; letter-spacing:.03em; padding:0 9px; height:28px; }
.ssl-chanbtn.on { background:var(--st-amber); color:#101418; }
@media (max-width:760px) {
.st2-grid { grid-template-columns:1fr; }
.st2-meta { margin-left:0; text-align:left; width:100%; }
}
@media (max-width:430px) {
.storm-tracker-section { padding:0.5rem !important; }
.st2-detail, .st2-recap .st2-detail { padding:13px 13px; }
.st2-replay-grid { gap:5px; }
.st2-replay-cell { gap:6px; padding:6px; }
.st2-replay-cell-play { width:18px; height:18px; }
.st2-replay-cell-play::before { border-width:4px 0 4px 6px; }
.st2-replay-cell-nm { font-size:11px; }
.st2-replay-cell-sub { font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.st2-quiet-current .st2-recap-dates { display:none; }
.st2-recap .st2-name, .st2-quiet-recap .st2-name { flex-wrap:wrap; }
.st2-recap-dates { margin-left:0; flex-basis:100%; }
.ssl-controls { gap:6px; padding:6px 7px; }
.ssl-btn { width:26px; height:24px; }
.ssl-speed { padding:0 6px; }
.ssl-chanbtn { padding:0 7px; height:24px; font-size:9px; }
}
@media (prefers-reduced-motion: reduce) {
.st2-spin { animation:none; }
}
.sp-toast-container { position: fixed; bottom: 20px; left: 20px; z-index: 9970; display: flex; flex-direction: column; gap: 10px; max-width: 360px; }
.sp-toast { background: #fff; border-radius: 8px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15); padding: 12px 16px; display: flex; align-items: center; gap: 10px; transform: translateX(-120%); opacity: 0; transition: transform 0.4s ease, opacity 0.4s ease; border-left: 3px solid var(--apw-green); }
.sp-toast-show { transform: translateX(0); opacity: 1; }
.sp-toast-hiding { transform: translateX(-120%); opacity: 0; }
.sp-toast-icon { color: var(--apw-green); font-size: 1rem; flex-shrink: 0; }
.sp-toast-text { font-size: 0.82rem; color: #333; line-height: 1.3; flex: 1; }
.sp-toast-close { background: none; border: none; color: #999; font-size: 1.1rem; cursor: pointer; padding: 0 2px; line-height: 1; flex-shrink: 0; }
.sp-toast-close:hover { color: #333; }
@media (max-width: 767px) {
.sp-toast-container { bottom: 66px; left: 10px; right: 10px; max-width: none; }
}
.st2-pace { display:flex; flex-direction:column; gap:5px; padding-top:8px; margin-top:2px; border-top:1px solid rgba(255,255,255,.08); }
.st2-pace-row { color:var(--st-t2); font:500 11.5px/1.45 system-ui; }
.st2-pace-row strong { color:#fff; font-weight:700; }
.st2-pace-count { display:inline-block; min-width:16px; padding:0 5px; margin-right:1px; border-radius:4px; background:rgba(255,210,58,.16); color:#ffd23a; font:800 12px/1.5 system-ui; text-align:center; }
@keyframes pulse-dot { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.4); } 50% { opacity: 0.5; box-shadow: 0 0 0 4px rgba(22, 163, 74, 0); } }
@keyframes float-pulse { 0%, 100% { transform: scale(1); } 33% { transform: scale(1.05); } 66% { transform: scale(1); } }
@keyframes storm-banner-pulse { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes pulse-dot { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.7); } 50% { opacity: 0.7; box-shadow: 0 0 0 4px rgba(255, 68, 68, 0); } }
@keyframes st2spin { to { transform:rotate(-360deg); } }
/* ---- css/lead-form.css ---- */
.lead-form-container {
background-color: #fff;
border-radius: 10px;
overflow: hidden;
border: 1px solid #00b41e;
box-shadow:
0 0 20px rgba(0, 180, 30, 0.2),
0 8px 32px rgba(0, 0, 0, 0.18);
}
.lead-form-header {
background: #00a81c;
background-image:
linear-gradient(
120deg,
transparent 0%,
transparent 28%,
rgba(255, 255, 255, 0.18) 30%,
rgba(255, 255, 255, 0.06) 40%,
transparent 42%,
transparent 56%,
rgba(255, 255, 255, 0.12) 58%,
rgba(255, 255, 255, 0.04) 66%,
transparent 68%,
transparent 100%
),
linear-gradient(160deg, #00c926 0%, #00b41e 40%, #009a1b 100%);
padding: 16px 22px 12px;
margin-bottom: 0;
}
.lead-form-title {
text-align: center;
color: white;
font-size: 21px;
font-weight: 700;
margin: 0;
text-transform: none !important;
letter-spacing: -0.01em;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.lead-form {
padding: 16px 20px 12px;
}
.lead-form-group {
margin-bottom: 10px;
position: relative;
}
.lead-form-icon {
position: absolute;
left: 13px;
top: 50%;
transform: translateY(-50%);
color: #94a3b8;
font-size: 12px;
}
.lead-form-input.with-icon {
padding-left: 36px;
}
.lead-form-input,
.lead-form-select {
width: 100%;
padding: 10px 13px;
border: 1.5px solid #e2e5ea;
border-radius: 5px;
box-sizing: border-box;
font-size: 14px;
color: #1a1e2e;
height: auto;
background: #fff;
transition: border-color 0.2s, box-shadow 0.2s;
letter-spacing: -0.01em;
}
.lead-form-input::placeholder {
color: #94a3b8;
font-weight: 400;
}
.lead-form-select {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: right 13px center;
background-size: 10px;
background-color: #fff;
padding-right: 34px;
color: #94a3b8;
}
.lead-form-select:valid:not([value=""]) {
color: #1a1e2e;
}
.lead-form-select option {
background-color: #fff;
color: #1a1e2e;
}
.lead-form-select:focus,
.lead-form-input:focus {
border-color: #0068f0;
box-shadow: 0 0 0 3px rgba(0, 104, 240, 0.12);
outline: none;
}
.lead-form-button {
width: 100%;
background: #00a81c;
background-image: linear-gradient(160deg, #00c926 0%, #00b41e 40%, #009a1b 100%);
color: white;
padding: 13px 16px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
font-weight: 700;
margin-top: 2px;
text-transform: uppercase;
letter-spacing: 0.04em;
height: auto;
line-height: 1.3;
transition: transform 0.15s, box-shadow 0.15s;
box-shadow: 0 3px 10px rgba(0, 168, 28, 0.35);
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.lead-form-button:hover {
transform: translateY(-1px);
box-shadow: 0 5px 16px rgba(0, 168, 28, 0.4);
}
.lead-form-button:active {
transform: translateY(0);
box-shadow: 0 2px 6px rgba(0, 168, 28, 0.25);
}
.lead-consent,
html section.section-dark .lead-consent {
margin: 9px 0 0;
font-size: 11px;
line-height: 1.35;
text-align: left;
color: #6f6f6f !important;
}
.lead-consent a {
color: inherit !important;
text-decoration: underline;
}
label.lead-consent-check {
display: flex;
gap: 7px;
align-items: flex-start;
font-weight: 400;
}
.lead-consent-check input {
margin-top: 2px;
flex: none;
}
.mid-page-cta .mid-page-cta-form .lead-consent,
.iw-final-cta .iw-final-cta__form .lead-consent {
color: rgba(255, 255, 255, 0.78) !important;
}
.apw-dialog.lead-form-modal .lead-consent {
background: rgba(255, 255, 255, 0.92);
color: #5f5f5f !important;
padding: 6px 9px;
border-radius: 4px;
}
/* ---- css/skins/armorpro-landing.slim.css ---- */
::-moz-selection { color: #FFF; background: #0088cc; }
::selection { color: #FFF; background: #0088cc; }
:root { --primary: #0088cc; --secondary: #0169fe; --tertiary: #005AEF; --quaternary: #383f48; }
a { color: #0074ad; }
a:hover { color: #0099e6; }
a:focus { color: #0099e6; }
a:active { color: #0077b3; }
html .text-color-primary,
html .text-primary { color: #0088cc !important; }
html .text-color-hover-primary:hover,
html .text-hover-primary:hover { color: #0088cc !important; }
html .text-color-secondary,
html .text-secondary { color: #0169fe !important; }
html .text-color-dark,
html .text-dark { color: #171a1e !important; }
html .text-color-light,
html .text-light { color: #FFF !important; }
html .text-light-gray { color: #c8c8c8 !important; }
html .text-color-hover-light:hover,
html .text-hover-light:hover { color: #FFF !important; }
html .svg-fill-color-secondary { fill: #0169fe !important; }
html .svg-fill-color-secondary svg path,
html .svg-fill-color-secondary svg rect,
html .svg-fill-color-secondary svg line,
html .svg-fill-color-secondary svg polyline,
html .svg-fill-color-secondary svg polygon { fill: #0169fe !important; }
html .svg-stroke-color-dark { stroke: #171a1e !important; }
html .svg-stroke-color-dark svg path,
html .svg-stroke-color-dark svg rect,
html .svg-stroke-color-dark svg line,
html .svg-stroke-color-dark svg polyline,
html .svg-stroke-color-dark svg polygon { stroke: #171a1e !important; }
html .bg-color-primary,
html .bg-primary { background-color: #0088cc !important; }
html .bg-color-hover-primary:hover,
html .bg-hover-primary:hover { background-color: #0088cc !important; }
html .bg-color-dark,
html .bg-dark { background-color: #171a1e !important; }
html .bg-color-light,
html .bg-light { background-color: #FFF !important; }
.nav-pills > li.active > a,
.nav-pills .nav-link.active { background-color: #0088cc; }
.nav-pills > li.active > a:hover,
.nav-pills .nav-link.active:hover,
.nav-pills > li.active > a:focus,
.nav-pills .nav-link.active:focus { background-color: #0088cc; }
.nav-link { color: #0088cc; }
.nav-link:hover { color: #0099e6; }
.nav-link:focus { color: #0099e6; }
.nav-link:active { color: #0077b3; }
html .badge-dark { background-color: #171a1e; }
html .overlay-color-dark:not(.no-skin):before { background-color: #171a1e !important; }
html .btn-primary { background-color: #0088cc; border-color: #0088cc #0088cc #006699; color: #FFF; --color: #0088cc; --hover: #00a1f2; --disabled: #0088cc; --active: #006ea6; }
html .btn-primary:hover,
html .btn-primary.hover { border-color: #00aaff #00aaff #0088cc; color: #FFF; }
html .btn-primary:hover:not(.bg-transparent),
html .btn-primary.hover:not(.bg-transparent) { background-color: #00a1f2; }
html .btn-primary:focus,
html .btn-primary.focus { border-color: #006699 #006699 #004466; color: #FFF; box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }
html .btn-primary:focus:not(.bg-transparent),
html .btn-primary.focus:not(.bg-transparent) { background-color: #006ea6; }
html .btn-primary.disabled,
html .btn-primary:disabled { border-color: #0088cc #0088cc #006699; }
html .btn-primary.disabled:not(.bg-transparent),
html .btn-primary:disabled:not(.bg-transparent) { background-color: #0088cc; }
html .btn-primary:active,
html .btn-primary.active { border-color: #006699 #006699 #004466 !important; }
html .btn-primary:active:not(.bg-transparent),
html .btn-primary.active:not(.bg-transparent) { background-color: #006ea6 !important; background-image: none !important; }
html .show > .btn-primary.dropdown-toggle,
html .show > .btn-primary-scale-2.dropdown-toggle { background-color: #006ea6 !important; background-image: none !important; border-color: #006699 #006699 #004466 !important; }
html .btn-quaternary { background-color: #383f48; border-color: #383f48 #383f48 #22262b; color: #FFF; --color: #383f48; --hover: #49525e; --disabled: #383f48; --active: #272c32; }
html .btn-quaternary:hover,
html .btn-quaternary.hover { border-color: #4e5865 #4e5865 #383f48; color: #FFF; }
html .btn-quaternary:hover:not(.bg-transparent),
html .btn-quaternary.hover:not(.bg-transparent) { background-color: #49525e; }
html .btn-quaternary:focus,
html .btn-quaternary.focus { border-color: #22262b #22262b #0b0d0f; color: #FFF; box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); }
html .btn-quaternary:focus:not(.bg-transparent),
html .btn-quaternary.focus:not(.bg-transparent) { background-color: #272c32; }
html .btn-quaternary.disabled,
html .btn-quaternary:disabled { border-color: #383f48 #383f48 #22262b; }
html .btn-quaternary.disabled:not(.bg-transparent),
html .btn-quaternary:disabled:not(.bg-transparent) { background-color: #383f48; }
html .btn-quaternary:active,
html .btn-quaternary.active { border-color: #22262b #22262b #0b0d0f !important; }
html .btn-quaternary:active:not(.bg-transparent),
html .btn-quaternary.active:not(.bg-transparent) { background-color: #272c32 !important; background-image: none !important; }
html .show > .btn-quaternary.dropdown-toggle,
html .show > .btn-quaternary-scale-2.dropdown-toggle { background-color: #272c32 !important; background-image: none !important; border-color: #22262b #22262b #0b0d0f !important; }
html .btn-dark { background-color: #171a1e; border-color: #171a1e #171a1e #0a0c0d; color: #FFF; --color: #171a1e; --hover: #32383e; --disabled: #171a1e; --active: #101214; }
html .btn-dark:hover,
html .btn-dark.hover { border-color: #383f45 #383f45 #171a1e; color: #FFF; }
html .btn-dark:hover:not(.bg-transparent),
html .btn-dark.hover:not(.bg-transparent) { background-color: #32383e; }
html .btn-dark:focus,
html .btn-dark.focus { border-color: #0a0c0d #0a0c0d #000000; color: #FFF; box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); }
html .btn-dark:focus:not(.bg-transparent),
html .btn-dark.focus:not(.bg-transparent) { background-color: #101214; }
html .btn-dark.disabled,
html .btn-dark:disabled { border-color: #171a1e #171a1e #0a0c0d; }
html .btn-dark.disabled:not(.bg-transparent),
html .btn-dark:disabled:not(.bg-transparent) { background-color: #171a1e; }
html .btn-dark:active,
html .btn-dark.active { border-color: #0a0c0d #0a0c0d #000000 !important; }
html .btn-dark:active:not(.bg-transparent),
html .btn-dark.active:not(.bg-transparent) { background-color: #101214 !important; background-image: none !important; }
html .show > .btn-dark.dropdown-toggle,
html .show > .btn-dark-scale-2.dropdown-toggle { background-color: #101214 !important; background-image: none !important; border-color: #0a0c0d #0a0c0d #000000 !important; }
html .btn-light { background-color: #FFF; border-color: #FFF #FFF #e6e6e6; color: #777; --color: #FFF; --hover: #ffffff; --disabled: #FFF; --active: #ececec; }
html .btn-light:hover,
html .btn-light.hover { border-color: #ffffff #ffffff #FFF; color: #777; }
html .btn-light:hover:not(.bg-transparent),
html .btn-light.hover:not(.bg-transparent) { background-color: #ffffff; }
html .btn-light:focus,
html .btn-light.focus { border-color: #e6e6e6 #e6e6e6 #cccccc; color: #777; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }
html .btn-light:focus:not(.bg-transparent),
html .btn-light.focus:not(.bg-transparent) { background-color: #ececec; }
html .btn-light.disabled,
html .btn-light:disabled { border-color: #FFF #FFF #e6e6e6; }
html .btn-light.disabled:not(.bg-transparent),
html .btn-light:disabled:not(.bg-transparent) { background-color: #FFF; }
html .btn-light:active,
html .btn-light.active { border-color: #e6e6e6 #e6e6e6 #cccccc !important; }
html .btn-light:active:not(.bg-transparent),
html .btn-light.active:not(.bg-transparent) { background-color: #ececec !important; background-image: none !important; }
html .show > .btn-light.dropdown-toggle,
html .show > .btn-light-scale-2.dropdown-toggle { background-color: #ececec !important; background-image: none !important; border-color: #e6e6e6 #e6e6e6 #cccccc !important; }
html .btn-outline.btn-primary { color: #0088cc; background-color: transparent; background-image: none; border-color: #0088cc; }
html .btn-outline.btn-primary:hover,
html .btn-outline.btn-primary.hover { color: #FFF; background-color: #0088cc; border-color: #0088cc; }
html .btn-outline.btn-primary:focus,
html .btn-outline.btn-primary.focus { box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }
html .btn-outline.btn-primary.disabled,
html .btn-outline.btn-primary:disabled { color: #0088cc; background-color: transparent; }
html .btn-outline.btn-primary:active,
html .btn-outline.btn-primary.active { color: #FFF !important; background-color: #0088cc !important; border-color: #0088cc !important; }
html .show > .btn-outline.btn-primary.dropdown-toggle { color: #FFF !important; background-color: #0088cc !important; border-color: #0088cc !important; }
html .btn-outline.btn-quaternary { color: #383f48; background-color: transparent; background-image: none; border-color: #383f48; }
html .btn-outline.btn-quaternary:hover,
html .btn-outline.btn-quaternary.hover { color: #FFF; background-color: #383f48; border-color: #383f48; }
html .btn-outline.btn-quaternary:focus,
html .btn-outline.btn-quaternary.focus { box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); }
html .btn-outline.btn-quaternary.disabled,
html .btn-outline.btn-quaternary:disabled { color: #383f48; background-color: transparent; }
html .btn-outline.btn-quaternary:active,
html .btn-outline.btn-quaternary.active { color: #FFF !important; background-color: #383f48 !important; border-color: #383f48 !important; }
html .show > .btn-outline.btn-quaternary.dropdown-toggle { color: #FFF !important; background-color: #383f48 !important; border-color: #383f48 !important; }
html .btn-outline.btn-dark { color: #171a1e; background-color: transparent; background-image: none; border-color: #171a1e; }
html .btn-outline.btn-dark:hover,
html .btn-outline.btn-dark.hover { color: #FFF; background-color: #171a1e; border-color: #171a1e; }
html .btn-outline.btn-dark:focus,
html .btn-outline.btn-dark.focus { box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); }
html .btn-outline.btn-dark.disabled,
html .btn-outline.btn-dark:disabled { color: #171a1e; background-color: transparent; }
html .btn-outline.btn-dark:active,
html .btn-outline.btn-dark.active { color: #FFF !important; background-color: #171a1e !important; border-color: #171a1e !important; }
html .show > .btn-outline.btn-dark.dropdown-toggle { color: #FFF !important; background-color: #171a1e !important; border-color: #171a1e !important; }
html .btn-outline.btn-light { color: #FFF; background-color: transparent; background-image: none; border-color: #FFF; }
html .btn-outline.btn-light:hover,
html .btn-outline.btn-light.hover { color: #777; background-color: #FFF; border-color: #FFF; }
html .btn-outline.btn-light:focus,
html .btn-outline.btn-light.focus { box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); }
html .btn-outline.btn-light.disabled,
html .btn-outline.btn-light:disabled { color: #FFF; background-color: transparent; }
html .btn-outline.btn-light:active,
html .btn-outline.btn-light.active { color: #777 !important; background-color: #FFF !important; border-color: #FFF !important; }
html .show > .btn-outline.btn-light.dropdown-toggle { color: #777 !important; background-color: #FFF !important; border-color: #FFF !important; }
.btn-gradient:not(.btn-outline) { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%) !important; color: #FFF; }
.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover { background: linear-gradient(135deg, #00a1f2 0%, #277ffe 80%) !important; color: #FFF; }
.btn-gradient:not(.btn-outline):focus,
.btn-gradient:not(.btn-outline).focus { box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }
.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%) !important; }
.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active { background: linear-gradient(135deg, #006ea6 0%, #0159d8 80%) !important; color: #FFF !important; }
.btn-gradient.btn-outline { -o-border-image: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); border-image: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); color: #0088cc; }
.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover { -o-border-image: linear-gradient(135deg, #00a1f2 0%, #277ffe 80%); border-image: linear-gradient(135deg, #00a1f2 0%, #277ffe 80%); color: #00a1f2; }
.btn-gradient.btn-outline:focus,
.btn-gradient.btn-outline.focus { box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }
.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled { -o-border-image: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); border-image: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); }
.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active { -o-border-image: linear-gradient(135deg, #006ea6 0%, #0159d8 80%); border-image: linear-gradient(135deg, #006ea6 0%, #0159d8 80%); color: #006ea6; }
.pagination > a,
.pagination > a:hover,
.pagination > a:focus,
.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #0088cc; }
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link { background-color: #0088cc !important; border-color: #0088cc; }
body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus { color: #0088cc; }
body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus { background-color: #0088cc; border-color: #0088cc; }
.pagination > .active > a,
body.dark .pagination > .active > a { background-color: #0088cc; border-color: #0088cc #0088cc #006699; color: #fff; }
.pagination > .active > a:hover,
body.dark .pagination > .active > a:hover,
.pagination > .active > a.hover,
body.dark .pagination > .active > a.hover { border-color: #00aaff #00aaff #0088cc; color: #fff; }
.pagination > .active > a:hover:not(.bg-transparent),
body.dark .pagination > .active > a:hover:not(.bg-transparent),
.pagination > .active > a.hover:not(.bg-transparent),
body.dark .pagination > .active > a.hover:not(.bg-transparent) { background-color: #00a1f2; }
.pagination > .active > a:focus,
body.dark .pagination > .active > a:focus,
.pagination > .active > a.focus,
body.dark .pagination > .active > a.focus { border-color: #006699 #006699 #004466; color: #fff; box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5); }
.pagination > .active > a:focus:not(.bg-transparent),
body.dark .pagination > .active > a:focus:not(.bg-transparent),
.pagination > .active > a.focus:not(.bg-transparent),
body.dark .pagination > .active > a.focus:not(.bg-transparent) { background-color: #006ea6; }
.pagination > .active > a.disabled,
body.dark .pagination > .active > a.disabled,
.pagination > .active > a:disabled,
body.dark .pagination > .active > a:disabled { border-color: #0088cc #0088cc #006699; }
.pagination > .active > a.disabled:not(.bg-transparent),
body.dark .pagination > .active > a.disabled:not(.bg-transparent),
.pagination > .active > a:disabled:not(.bg-transparent),
body.dark .pagination > .active > a:disabled:not(.bg-transparent) { background-color: #0088cc; }
.pagination > .active > a:active,
body.dark .pagination > .active > a:active,
.pagination > .active > a.active,
body.dark .pagination > .active > a.active { border-color: #006699 #006699 #004466 !important; }
.pagination > .active > a:active:not(.bg-transparent),
body.dark .pagination > .active > a:active:not(.bg-transparent),
.pagination > .active > a.active:not(.bg-transparent),
body.dark .pagination > .active > a.active:not(.bg-transparent) { background-color: #006ea6 !important; background-image: none !important; }
.custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #0088cc; }
.process .process-step-circle { border-color: #0088cc; }
.process .process-step:hover .process-step-circle { background-color: #0088cc; }
.process .process-step:hover .process-step-circle .process-step-circle-content { color: #FFF !important; }
.process.process-shapes .process-step-circle .process-step-circle-content,
.process.process-shapes .process-step-circle:before,
.process.process-shapes .process-step-circle:after { background-color: #0088cc; }
.process-connecting-line .connecting-line { background: #0088cc; }
html section.section-primary { background-color: #0088cc !important; border-color: #0077b3 !important; }
html section.section-primary h1,
html section.section-primary h2,
html section.section-primary h3,
html section.section-primary h4,
html section.section-primary h5,
html section.section-primary h6 { color: #FFF; }
html section.section-primary p { color: #e6e6e6; }
html section.section-secondary { background-color: #0169fe !important; border-color: #015ee5 !important; }
html section.section-secondary h1,
html section.section-secondary h2,
html section.section-secondary h3,
html section.section-secondary h4,
html section.section-secondary h5,
html section.section-secondary h6 { color: #FFF; }
html section.section-secondary p { color: #e6e6e6; }
html section.section-dark { background-color: #171a1e !important; border-color: #16181b !important; }
html section.section-dark h1,
html section.section-dark h2,
html section.section-dark h3,
html section.section-dark h4,
html section.section-dark h5,
html section.section-dark h6 { color: #FFF; }
html section.section-dark p { color: #e6e6e6; }
html .bg-color-light-scale-1 { background-color: #f7f7f7 !important; }
html .section.bg-color-light-scale-1,
html .bg-color-light-scale-border-top-1 { border-top-color: #efefef !important; }
html .bg-color-dark-scale-2 { background-color: #1c2023 !important; }
html .section.bg-color-dark-scale-2,
html .bg-color-dark-scale-border-top-2 { border-top-color: #16181b !important; }
section.page-header .page-header-title-border { background-color: #0088cc !important; }
html .toggle-primary .toggle label,
html .toggle-primary .toggle .toggle-title { color: #0088cc; border-left-color: #0088cc; border-right-color: #0088cc; }
html .toggle-primary .toggle.active > label,
html .toggle-primary .toggle.active > .toggle-title { background-color: #0088cc; border-color: #0088cc; color: #FFF; }
.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon { background-color: #0088cc; }
html .thumb-info .thumb-info-action-icon-primary { background-color: #0088cc; }
html .thumb-info .thumb-info-action-icon-primary i { color: #FFF; }
html .thumb-info .thumb-info-action-icon-secondary { background-color: #0169fe; }
html .thumb-info .thumb-info-action-icon-secondary i { color: #FFF; }
html .thumb-info .thumb-info-action-icon-tertiary { background-color: #005AEF; }
html .thumb-info .thumb-info-action-icon-tertiary i { color: #FFF; }
html .thumb-info .thumb-info-action-icon-quaternary { background-color: #383f48; }
html .thumb-info .thumb-info-action-icon-quaternary i { color: #FFF; }
html .thumb-info .thumb-info-action-icon-dark { background-color: #171a1e; }
html .thumb-info .thumb-info-action-icon-dark i { color: #FFF; }
html .thumb-info .thumb-info-action-icon-light { background-color: #FFF; }
html .thumb-info .thumb-info-action-icon-light i { color: #777; }
.thumb-info-ribbon:before { border-right-color: #005580; border-left-color: #005580; }
.thumb-info.thumb-info-block-primary .thumb-info-wrapper:before { background: rgba(0, 136, 204, 0.9); }
.thumb-info-floating-caption-title .thumb-info-floating-caption-type { background-color: #0088cc; }
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span { background-color: #0074ad; }
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] { background-color: #0088cc; border-color: #0088cc #0088cc #006699; color: #FFF; }
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover { background-color: #00a1f2; border-color: #00aaff #00aaff #0088cc; }
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:active,
.owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].active { background-color: #006ea6; background-image: none; border-color: #006699 #006699 #004466; }
.owl-carousel.nav-style-1 .owl-nav .owl-next,
.owl-carousel.nav-style-1 .owl-nav .owl-prev { color: #0088cc !important; }
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon,
.owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #0088cc; stroke: #0088cc; }
.owl-carousel.carousel-center-active-item-2 .owl-item.active > div { background: #0088cc; }
html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link.active { color: #0088cc; }
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover,
html body .tabs .nav-tabs .nav-link:focus,
html.dark body .tabs .nav-tabs .nav-link:focus,
html body .tabs .nav-tabs .nav-link.active,
html.dark body .tabs .nav-tabs .nav-link.active,
html body .tabs .nav-tabs.nav-justified .nav-link.active,
html.dark body .tabs .nav-tabs.nav-justified .nav-link.active,
html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: #0088cc; }
html body .tabs-dark .nav-tabs li .nav-link,
html.dark body .tabs-dark .nav-tabs li .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover { color: #171a1e; }
html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #171a1e; }
html body .tabs-dark .nav-tabs li .nav-link.active,
html.dark body .tabs-dark .nav-tabs li .nav-link.active,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active,
html body .tabs-dark .nav-tabs li .nav-link.active:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link.active:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover,
html body .tabs-dark .nav-tabs li .nav-link.active:focus,
html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #171a1e; color: #171a1e; }
.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child { color: #0088cc; border-color: #0088cc; }
html .list-primary.list-icons li > [class*="fa-"]:first-child,
html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-primary.list-icons li > .icons:first-child,
html .list-primary.list-icons li a:first-child > .icons:first-child { color: #0088cc; border-color: #0088cc; }
html .list-dark.list-icons li > [class*="fa-"]:first-child,
html .list-dark.list-icons li a:first-child > [class*="fa-"]:first-child,
html .list-dark.list-icons li > .icons:first-child,
html .list-dark.list-icons li a:first-child > .icons:first-child { color: #171a1e; border-color: #171a1e; }
html .highlight-primary { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #0088cc 0); }
html .highlight-primary.highlight-bg-opacity { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(0, 136, 204, 0.2) 0); }
.parallax blockquote i.fa-quote-left { color: #0088cc; }
section.video blockquote i.fa-quote-left { color: #0088cc; }
.accordion .card-header a { color: #0088cc; }
#header .header-btn-collapse-nav { background: #0088cc; }
@media (min-width: 992px) {
#header .header-nav-main nav > ul > li > a { color: #0088cc; }
#header .header-nav-main nav > ul > li.open > a,
#header .header-nav-main nav > ul > li:hover > a { background: #0088cc; }
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #0088cc; }
#header .header-nav-main nav > ul > li.dropdown.open > a:before,
#header .header-nav-main nav > ul > li.dropdown:hover > a:before { border-bottom-color: #0088cc; }
#header .header-nav-main nav > ul:not(:hover) > li > a.active { background-color: #0088cc; color: #FFF; }
#header .header-nav.header-nav-stripe nav > ul > li:hover > a,
#header .header-nav.header-nav-stripe nav > ul > li.open > a { background-color: #0088cc; }
#header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active { background-color: #0088cc; }
#header .header-nav.header-nav-stripe nav > ul:hover > li > a.active { color: #0088cc; }
#header .header-nav.header-nav-links nav > ul li:hover > a { color: #0088cc; }
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active { color: #0088cc; }
#header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { background: #0088cc !important; }
#header .header-nav.header-nav-line nav > ul li:hover > a { color: #0088cc; }
#header .header-nav.header-nav-line nav > ul li:hover > a:before { background: #0088cc; }
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active { color: #0088cc; }
#header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before { background: #0088cc; }
#header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a,
#header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a { color: #0088cc; }
#header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active { color: #0088cc; }
html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-left-color: #0088cc; }
html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu,
html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-right-color: #0088cc; }
}
@media (min-width: 992px) {
html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a,
html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a { color: #0088cc !important; }
html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active,
html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: #0088cc !important; }
}
@media (max-width: 991px) {
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #0088cc; }
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active { color: #0088cc; }
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); }
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); }
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus,
#header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #0088cc !important; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #0088cc 0%, #0169fe 80%); }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: #0088cc !important; }
html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a { color: #0088cc !important; }
}
@media (min-width: 992px) {
html #header .header-nav-bar-primary { background: #0088cc !important; color: #FFF !important; }
html #header .header-nav-bar-secondary { background: #0169fe !important; color: #FFF !important; }
html #header .header-nav-bar-tertiary { background: #005AEF !important; color: #FFF !important; }
html #header .header-nav-bar-quaternary { background: #383f48 !important; color: #FFF !important; }
html #header .header-nav-bar-dark { background: #171a1e !important; color: #FFF !important; }
html #header .header-nav-bar-light { background: #FFF !important; color: #777 !important; }
}
@media (min-width: 992px) {
#header .header-nav-main.header-nav-main-light nav > ul > li.open > a,
#header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { color: #0088cc; }
#header .header-nav-main.header-nav-main-light nav > ul > li > a.active { color: #0088cc; }
}
#header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border-bottom-color: #0088cc; }
.testimonial blockquote { background: #0099e6; }
html .testimonial-primary blockquote { background: #0099e6; }
.form-control.bg-primary,
.form-control.bg-color-primary { color: #FFF; border-color: #0088cc; }
.form-control.bg-primary::-webkit-input-placeholder,
.form-control.bg-color-primary::-webkit-input-placeholder { color: #e6e6e6; }
.form-control.bg-primary::-moz-placeholder,
.form-control.bg-color-primary::-moz-placeholder { color: #e6e6e6; }
.form-control.bg-primary:-ms-input-placeholder,
.form-control.bg-color-primary:-ms-input-placeholder { color: #e6e6e6; }
.form-control.bg-primary:-moz-placeholder,
.form-control.bg-color-primary:-moz-placeholder { color: #e6e6e6; }
.form-control .testimonial-primary blockquote { background: #0099e6; }
.form-control.bg-dark,
.form-control.bg-color-dark { color: #FFF; border-color: #171a1e; }
.form-control.bg-dark::-webkit-input-placeholder,
.form-control.bg-color-dark::-webkit-input-placeholder { color: #e6e6e6; }
.form-control.bg-dark::-moz-placeholder,
.form-control.bg-color-dark::-moz-placeholder { color: #e6e6e6; }
.form-control.bg-dark:-ms-input-placeholder,
.form-control.bg-color-dark:-ms-input-placeholder { color: #e6e6e6; }
.form-control.bg-dark:-moz-placeholder,
.form-control.bg-color-dark:-moz-placeholder { color: #e6e6e6; }
.form-control.bg-light,
.form-control.bg-color-light { color: #777; border-color: #FFF; }
.form-control.bg-light::-webkit-input-placeholder,
.form-control.bg-color-light::-webkit-input-placeholder { color: #5e5e5e; }
.form-control.bg-light::-moz-placeholder,
.form-control.bg-color-light::-moz-placeholder { color: #5e5e5e; }
.form-control.bg-light:-ms-input-placeholder,
.form-control.bg-color-light:-ms-input-placeholder { color: #5e5e5e; }
.form-control.bg-light:-moz-placeholder,
.form-control.bg-color-light:-moz-placeholder { color: #5e5e5e; }
html .call-to-action.call-to-action-dark { background: #171a1e; }
html .call-to-action.call-to-action-dark { background: #171a1e; }
html .call-to-action.call-to-action-dark h3,
html .call-to-action.call-to-action-dark p { color: #FFF; }
.recent-posts .date .month,
article.post .post-date .month { background-color: #0088cc; }
.recent-posts .date .day,
article.post .post-date .day { color: #0088cc; }
html.boxed .body { border-top-color: #0088cc; }
/* ---- css/custom.css ---- */
:root {
--apw-blue: #0057fe;
--apw-blue-dark: #0046d6;
--apw-green: #00ba1e;
--apw-green-dark: #009a1a;
--apw-ink: #212529;
--apw-navy: #1a1e2e;
--apw-red: #d70a18;
--apw-gray-text: #687388;
--apw-surface: #eef0f2;
}
.testimonial-primary p {
font-family: 'Poppins', 'Poppins Fallback', Arial, sans-serif !important;
}
.login-form {
height: 75vh;
display: flex;
align-items: center;
justify-content: center;
}
.overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before {
opacity: 0.4;
}
.process-step-circle {
border-color: #000 !important;
}
.process-step-content {
color: #212529;
}
.container-full-width {
--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: 1400px) {
.container-full-width {
padding-right: 4rem;
padding-left: 4rem;
max-width: 100%;
}
}
.font-serif {
font-family: "Domine", serif;
}
.mfr-hub-hero-logo img {
max-height: 72px;
max-width: 280px;
background: rgba(255, 255, 255, 0.95);
padding: 12px 20px;
border-radius: 6px;
}
.mfr-hub-hero-sunset-banner {
display: inline-block;
background: rgba(255, 193, 7, 0.95);
color: #1a1a1a;
padding: 8px 16px;
border-radius: 4px;
font-weight: 600;
font-size: 0.95rem;
}
.mfr-hub-hero-sunset-banner i { margin-right: 6px; }
.mfr-hub-fact {
padding: 8px 4px;
}
.mfr-hub-fact-label {
color: #6c757d;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: 600;
}
.mfr-hub-fact-value {
font-size: 1.05rem;
color: #1a1a1a;
font-weight: 600;
margin-top: 2px;
}
.mfr-hub-fact-value a { color: inherit; }
.mfr-hub-fact-value a:hover { color: var(--bs-primary, #d70a18); }
.mfr-hub-fact-active { color: #198754; }
.mfr-hub-fact-sunset { color: #b25e00; }
.mfr-hub-hero {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0;
}
.mfr-hub-hero-scrim {
position: absolute;
inset: 0;
background:
linear-gradient(0deg, rgba(3, 10, 26, 0.80) 0%, rgba(3, 10, 26, 0.18) 22%, rgba(3, 10, 26, 0) 46%),
linear-gradient(90deg, rgba(3, 10, 26, 0.97) 0%, rgba(3, 10, 26, 0.95) 24%, rgba(3, 10, 26, 0.82) 40%, rgba(3, 10, 26, 0.50) 58%, rgba(3, 10, 26, 0.22) 78%, rgba(3, 10, 26, 0.06) 100%);
}
.mfr-hub-hero-inner {
position: relative;
display: flex;
flex-direction: column;
min-height: 625px;
padding-top: 16px;
padding-bottom: 40px;
}
.mfr-hub-hero-crumb { margin-bottom: 16px; }
.mfr-hub-hero-crumb a,
.mfr-hub-hero-crumb span { color: rgba(255, 255, 255, 0.72) !important; }
.mfr-hub-hero-crumb a:hover { color: #fff !important; }
.mfr-hub-hero-row { flex: 1 1 auto; }
.mfr-hub-eyebrow {
display: flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
letter-spacing: 0.14em;
font-size: 0.72rem;
font-weight: 700;
color: var(--bs-primary, #d70a18);
margin-bottom: 12px;
}
.mfr-hub-eyebrow::before {
content: "";
display: inline-block;
width: 26px;
height: 2px;
background: currentColor;
}
.mfr-hub-hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 9px;
font-family: Inter, Poppins, Helvetica, Arial;
margin-bottom: 22px;
padding: 3px 8px;
border: 1px solid rgba(45, 140, 255, 0.70);
border-radius: 4px;
background: rgba(8, 24, 58, 0.40);
color: #4384ff;
font-size: 0.70rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
box-shadow: inset 0 0 18px rgba(45, 140, 255, 0.12);
}
.mfr-hub-hero-eyebrow-check {
flex: 0 0 auto;
width: 14px;
height: 14px;
filter: drop-shadow(0 0 1px rgba(45, 140, 255, 0.65));
}
.mfr-hub-hero-title {
color: #fff;
font-weight: 800;
font-size: clamp(2.1rem, 4.4vw, 3.4rem);
line-height: 1.05;
letter-spacing: -0.01em;
margin: 0 0 8px;
}
.mfr-hub-hero-installer {
font-family: Inter, Poppins, Helvetica, Arial;
color: #4384ff;
font-weight: 700;
font-size: 0.98rem;
letter-spacing: 0.01em;
margin: 0 0 18px;
}
.mfr-hub-hero-rule {
width: 64px;
height: 4px;
margin: 0 0 20px;
border-radius: 2px;
background: #006afe;
}
.mfr-hub-hero-lede {
color: #fff;
font-weight: 700;
font-size: 1.18rem;
margin: 0 0 14px;
}
.mfr-hub-hero-body {
color: rgba(255, 255, 255, 0.80);
font-size: 1rem;
line-height: 1.6;
margin: 0 0 26px;
max-width: 52ch;
}
.mfr-hub-hero-cta { display: flex; flex-wrap: wrap; gap: 14px; }
.mfr-hub-btn {
display: inline-flex;
align-items: center;
gap: 9px;
padding: 14px 26px;
border: 1px solid transparent;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
text-decoration: none;
transition: background 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}
.mfr-hub-btn i { font-size: 0.85em; }
.mfr-hub-btn-primary { background: #006afe; color: #fff; }
.mfr-hub-btn-primary:hover { background: #1f7dff; color: #fff; transform: translateY(-1px); }
.mfr-hub-btn-outline { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.45); }
.mfr-hub-btn-outline:hover { background: rgba(255, 255, 255, 0.10); border-color: #fff; color: #fff; }
.mfr-hub-hero-aside { display: flex; }
.mfr-hub-hero-callout {
width: 100%;
background: rgba(8, 16, 33, 0.56);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
border: 1px solid rgba(90, 140, 220, 0.28);
border-radius: 6px;
padding: 20px;
}
.mfr-hub-hero-callout-head {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin-bottom: 14px;
}
.mfr-hub-hero-callout-logo {
display: inline-flex;
align-items: center;
padding: 10px 10px;
background: #fff;
border-radius: 7px;
}
.mfr-hub-hero-callout-logo img { display: block; height: 22px; width: auto; max-width: 150px; }
.mfr-hub-hero-callout-logo.is-on-dark { background: transparent; padding: 0; }
.mfr-hub-hero-callout-logo.is-on-dark img { height: 30px; }
.mfr-hub-eurocraft .mfr-hub-hero-callout-logo { padding: 0; }
.mfr-hub-eurocraft .mfr-hub-hero-callout-logo.is-on-dark img { height: 40px; }
.mfr-hub-hero-callout-badge {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 52px;
height: 40px;
padding: 0 10px;
border-radius: 8px;
background: rgba(255, 255, 255, 0.10);
border: 1px solid rgba(120, 160, 230, 0.45);
box-shadow: 0 0 12px rgba(45, 140, 255, 0.18);
color: #fff;
font-weight: 800;
font-size: 0.95rem;
}
.mfr-hub-hero-callout-title {
color: #fff;
font-size: 1.12rem;
font-weight: 700;
line-height: 1.3;
margin: 0;
}
.mfr-hub-hero-callout-rule {
width: 54px;
height: 3px;
margin: 0 0 16px;
border-radius: 2px;
background: #006afe;
}
.mfr-hub-hero-callout-text {
color: rgba(255, 255, 255, 0.78);
font-size: 0.95rem;
line-height: 1.55;
margin: 0 0 18px;
}
.mfr-hub-hero-callout-link {
display: inline-flex;
align-items: center;
gap: 9px;
color: #fff;
font-weight: 700;
font-size: 0.95rem;
text-decoration: none;
transition: color 0.16s ease;
}
a.mfr-hub-hero-callout-link:hover { color: #fff; text-decoration: none; }
.mfr-hub-hero-callout-link i { color: #4d97ff; transition: transform 0.16s ease; }
.mfr-hub-hero-callout-link:hover i { transform: translateX(3px); text-decoration: none; }
.mfr-hub-hero-trust {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 11px 18px;
margin-top: 30px;
}
.mfr-hub-trust-item { display: flex; align-items: center; gap: 9px; }
.mfr-hub-trust-g { width: 22px; height: 22px; flex: 0 0 auto; }
.mfr-hub-trust-icon { flex: 0 0 auto; width: 22px; text-align: center; color: #4d97ff; font-size: 1.2rem; }
.mfr-hub-trust-fl { flex: 0 0 auto; height: 26px; width: auto; }
.mfr-hub-trust-mdc {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
padding: 3px 6px;
background: #fff;
border-radius: 4px;
}
.mfr-hub-trust-mdc img { display: block; height: 20px; width: auto; }
.mfr-hub-trust-dbpr {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
padding: 4px 7px;
background: #fff;
border-radius: 4px;
}
.mfr-hub-trust-dbpr img { display: block; height: 23px; width: auto; }
.mfr-hub-trust-top { color: #fff; font-weight: 600; font-size: 0.84rem; line-height: 1.2; }
.mfr-hub-trust-stars { color: gold; letter-spacing: 0.5px; font-size: 0.78rem; }
.mfr-hub-trust-sub { color: rgba(255, 255, 255, 0.58); font-size: 0.72rem; line-height: 1.2; margin-top: 1px; }
.mfr-hub-trust-divider { flex: 0 0 auto; width: 1px; height: 30px; background: rgba(255, 255, 255, 0.16); }
@media (max-width: 991.98px) {
.mfr-hub-hero-inner { min-height: 0; padding-bottom: 26px; }
.mfr-hub-hero-aside { margin-top: 22px; }
.mfr-hub-hero-trust { gap: 16px 18px; }
}
.mfr-line-hero {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
margin-bottom: 0;
}
.mfr-line-hero-nophoto {
background: radial-gradient(135% 130% at 16% 0%, #15233f 0%, #0b1628 52%, #060c18 100%);
}
.mfr-line-hero-scrim {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(7, 14, 28, 0.86) 0%, rgba(7, 14, 28, 0.64) 34%, rgba(7, 14, 28, 0.30) 60%, rgba(7, 14, 28, 0.04) 86%),
linear-gradient(0deg, rgba(7, 14, 28, 0.99) 0%, rgba(7, 14, 28, 0.12) 32%, rgba(7, 14, 28, 0) 56%);
}
.mfr-line-hero-inner {
position: relative;
display: flex;
flex-direction: column;
min-height: 600px;
padding-top: 16px;
}
.mfr-line-hero-crumb { margin-bottom: 16px; }
.mfr-line-hero-crumb a,
.mfr-line-hero-crumb span { color: rgba(255, 255, 255, 0.72) !important; }
.mfr-line-hero-crumb a:hover { color: #fff !important; }
.hero-breadcrumb { flex-wrap: wrap; }
.hero-breadcrumb a,
.hero-breadcrumb span { white-space: nowrap; }
.hero-breadcrumb .bc-short { display: none; }
.hero-breadcrumb .bc-home { display: inline-flex; align-items: center; gap: 0.32em; }
.hero-breadcrumb .bc-home-icon { display: inline-block; width: 1.05em; height: 1.05em; }
@media (max-width: 767.98px) {
.hero-breadcrumb { gap: 0.4rem; font-size: 0.72rem; }
.hero-breadcrumb .bc-full { display: none; }
.hero-breadcrumb .bc-short { display: inline; }
.hero-breadcrumb .bc-home-text { display: none; }
}
@media (max-width: 575.98px) {
.hero-breadcrumb { gap: 0.4rem; font-size: 0.66rem; }
}
@media (max-width: 365.98px) {
.hero-breadcrumb { gap: 0.36rem; font-size: 0.64rem; }
}
.mfr-line-hero-main {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
max-width: 760px;
}
.mfr-line-hero-eyebrow {
align-self: flex-start;
display: inline-flex;
align-items: center;
gap: 7px;
margin-bottom: 14px;
text-transform: uppercase;
letter-spacing: 0.12em;
font-size: 0.72rem;
font-weight: 700;
color: rgba(255, 255, 255, 0.86);
text-decoration: none;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
transition: color 0.16s ease;
}
.mfr-line-hero-eyebrow i { font-size: 0.82em; color: #5aa0ff; transition: transform 0.16s ease; }
.mfr-line-hero-eyebrow:hover { color: #fff; }
a.mfr-line-hero-eyebrow:hover { text-decoration: none; }
.mfr-line-hero-eyebrow:hover i { transform: translateX(-3px); }
.mfr-line-hero-title {
color: #fff;
font-weight: 700;
font-size: clamp(1.9rem, 3.8vw, 3rem);
line-height: 1.07;
letter-spacing: -0.01em;
margin: 0 0 14px;
text-shadow: 0 2px 22px rgba(0, 0, 0, 0.42);
}
.mfr-line-hero-flagship { color: #ffcf3f; font-size: 0.5em; vertical-align: middle; }
.mfr-line-hero-lede {
color: #fff;
font-weight: 600;
font-size: 1.12rem;
line-height: 1.45;
margin: 0 0 10px;
max-width: 60ch;
text-shadow: 0 1px 16px rgba(0, 0, 0, 0.45);
}
.mfr-line-hero-body {
color: rgba(255, 255, 255, 0.85);
font-size: 1rem;
line-height: 1.6;
margin: 0 0 24px;
max-width: 56ch;
text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5);
}
.mfr-line-hero-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.mfr-line-hero-jump {
display: inline-flex;
align-items: center;
gap: 8px;
color: #fff;
font-weight: 600;
font-size: 0.95rem;
text-decoration: none;
text-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
}
a.mfr-line-hero-jump:hover { text-decoration: none; }
.mfr-line-hero-jump i { color: #5aa0ff; transition: transform 0.16s ease; }
.mfr-line-hero-jump:hover { color: #fff; }
.mfr-line-hero-jump:hover i { transform: translateY(2px); }
@media (max-width: 991.98px) {
.mfr-line-hero-inner { min-height: 380px; }
}
@media (max-width: 575.98px) {
.mfr-line-hero-inner { min-height: 330px; }
.mfr-line-hero-lede { font-size: 1.04rem; }
}
.mfr-line-meta { background: #fff; border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
.mfr-line-meta-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
margin: 0;
padding: 15px 0;
}
.mfr-line-meta-item {
display: flex;
align-items: baseline;
gap: 8px;
padding: 2px 22px;
border-left: 1px solid rgba(15, 23, 42, 0.10);
}
.mfr-line-meta-item:first-child { padding-left: 0; border-left: 0; }
.mfr-line-meta-item dt {
margin: 0;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.09em;
color: #687388;
}
.mfr-line-meta-item dd { margin: 0; font-size: 0.95rem; font-weight: 600; color: #1f2733; }
.mfr-line-meta-item dd a { color: inherit; text-decoration: none; }
.mfr-line-meta-item dd a:hover { color: var(--bs-primary, #d70a18); }
@media (max-width: 575.98px) {
.mfr-line-meta-row { padding: 12px 0; gap: 4px 0; }
.mfr-line-meta-item { padding: 2px 13px; }
.mfr-line-meta-item dt { font-size: 0.62rem; }
.mfr-line-meta-item dd { font-size: 0.88rem; }
}
.mfr-line-block { padding-top: 58px; padding-bottom: 58px; }
.mfr-line-block--air { padding-top: 78px; padding-bottom: 78px; }
.mfr-line-block--tight { padding-top: 44px; padding-bottom: 44px; }
.mfr-line-rule-top { border-top: 1px solid rgba(15, 23, 42, 0.08); }
@media (max-width: 767.98px) {
.mfr-line-block { padding-top: 42px; padding-bottom: 42px; }
.mfr-line-block--air { padding-top: 50px; padding-bottom: 50px; }
.mfr-line-block--tight { padding-top: 34px; padding-bottom: 34px; }
}
.mfr-line-prose { max-width: 68ch; }
.mfr-line-prose p { margin-bottom: 1.05rem; line-height: 1.72; color: #3b434f; }
.mfr-line-prose p:last-child { margin-bottom: 0; }
.mfr-line-intro { max-width: 62ch; color: #5b6472; font-size: 1.04rem; line-height: 1.6; }
.mfr-related-item {
display: flex;
gap: 14px;
align-items: flex-start;
height: 100%;
padding: 12px;
border: 1px solid #e9edf2;
border-radius: 8px;
background: #fff;
text-decoration: none;
transition: box-shadow 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}
.mfr-related-item:hover {
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.10);
border-color: #dce3ec;
text-decoration: none;
}
a.mfr-related-item:hover {
text-decoration: none;
}
.mfr-related-thumb {
flex: 0 0 100px;
width: 100px;
height: 76px;
border-radius: 6px;
overflow: hidden;
background: #f3f5f8;
}
.mfr-related-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mfr-related-text { display: flex; flex-direction: column; min-width: 0; }
.mfr-related-title { font-weight: 700; color: #1f2733; font-size: 1rem; line-height: 1.3; }
.mfr-related-excerpt { color: #6b7280; font-size: 0.86rem; line-height: 1.45; margin-top: 4px; }
.mfr-related-cta { color: var(--bs-primary, #d70a18); font-weight: 600; font-size: 0.82rem; margin-top: 7px; }
.mfr-related-cta i { font-size: 0.78em; transition: transform 0.16s ease; }
.mfr-related-item:hover .mfr-related-cta i { transform: translateX(3px); }
@media (max-width: 575.98px) {
.mfr-related-thumb { flex-basis: 78px; width: 78px; height: 62px; }
}
.mfr-line-badges {
padding: 26px 0;
}
.cb-badges { display: flex; flex-wrap: nowrap; align-items: stretch; gap: 10px 11px; overflow: hidden; }
.cb-badge {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 10px;
padding: 8px 13px;
}
.cb-badge-icon { flex: 0 0 auto; width: 20px; text-align: center; font-size: 1.02rem; color: #475569; }
.cb-badge-emblem { flex: 0 0 auto; display: inline-flex; align-items: center; }
.cb-badge-emblem img { display: block; width: 25px; height: 25px; }
@media (max-width: 575.98px) { .cb-badge-emblem img { width: 22px; height: 22px; } }
.cb-badge-fl { flex: 0 0 auto; display: inline-flex; align-items: center; }
.cb-badge-fl img { display: block; height: 26px; width: auto; }
.cb-badge-hvhz {
background: #ff0000c2;
border: 2px solid #fff;
zoom: 0.95;
}
.cb-badge-logo {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
padding: 3px 6px;
background: #fff;
border-radius: 5px;
}
.cb-badge-logo img { display: block; height: 30px; width: auto; }
.cb-badge-logo--wide img { height: 34px; max-width: 92px; object-fit: contain; }
.cb-badge-text { display: flex; flex-direction: column; line-height: 1.16; min-width: 0; }
.cb-badge-kicker {
font-size: 0.72rem;
line-height: 1.2;
color: #2d7cec;
}
.cb-badge-primary {
color: #fff;
font-weight: 600;
font-size: 0.84rem;
line-height: 1.2;
}
.cb-badges--dark .cb-badge {
}
.cb-badges--dark .cb-badge-icon { color: #7fb0ff; }
.cb-badges--dark .cb-badge-primary { color: #fff; }
.cb-badges--dark .cb-badge-kicker { color: rgba(255, 255, 255, 0.6); }
.cb-badges--dark .cb-badge-emblem { background: #fff; border-radius: 50%; padding: 2px; }
.cb-badges--dark .cb-badge-hvhz {
background: #ff0000c2;
border: 2px solid #fff;
zoom: 0.95;
}
.mfr-hub-hero-badges { margin-top: 26px; }
@media (max-width: 991.98px) { .mfr-hub-hero-badges { margin-top: 20px; } }
@media (max-width: 575.98px) {
.cb-badge { padding: 7px 11px; gap: 8px; }
.cb-badge-primary { font-size: 0.85rem; }
.cb-badge-logo img { height: 26px; }
}
.cb-badge .hurricane-spin {
--jit: 0.5px;
--cycle: 6s;
--turns: 4;
--dir: -1;
display: inline-block;
width: auto;
height: 26px;
transform-origin: 50% 50%;
will-change: transform;
animation: cb-hurricane-motion var(--cycle) ease-in-out infinite;
padding: 3px;
}
@keyframes cb-hurricane-motion {
0% { transform: translate(0, 0) rotate(0turn); }
1% { transform: translate(var(--jit), calc(-1 * var(--jit))) rotate(0turn); }
2% { transform: translate(calc(-1 * var(--jit)), var(--jit)) rotate(0turn); }
3% { transform: translate(var(--jit), 0) rotate(0turn); }
4% { transform: translate(var(--jit), calc(-1 * var(--jit))) rotate(0turn); }
5% { transform: translate(calc(-1 * var(--jit)), var(--jit)) rotate(0turn); }
6% { transform: translate(var(--jit), 0) rotate(0turn); }
8% { transform: translate(0, 0) rotate(0turn); animation-timing-function: cubic-bezier(.6, 0, .8, 1); }
20% { transform: translate(0, 0) rotate(calc(var(--turns) * var(--dir) * 1turn)); }
100% { transform: translate(0, 0) rotate(calc(var(--turns) * var(--dir) * 1turn)); }
}
@media (prefers-reduced-motion: reduce) {
.cb-badge .hurricane-spin { animation: none; }
}
.mfr-line-badges .cb-badges { gap: 9px 9.9px; }
.mfr-line-badges .cb-badge { gap: 9px; padding: 7.2px 11.7px; }
.mfr-line-badges .cb-badge-icon { width: 18px; font-size: 0.918rem; }
.mfr-line-badges .cb-badge-emblem img { width: 28.5px; height: 28.5px; }
.mfr-line-badges .cb-badge-fl img { height: 23.4px; }
.mfr-line-badges .cb-badge-circle img { height: 34px; }
.mfr-line-badges .cb-badge-logo { padding: 2.7px 5.4px; border-radius: 4.5px; }
.mfr-line-badges .cb-badge-logo img { height: 27px; }
.mfr-line-badges .cb-badge-logo--wide img { height: 30.6px; max-width: 82.8px; }
.mfr-line-badges .cb-badge-kicker { font-size: 0.648rem; }
.mfr-line-badges .cb-badge-primary { font-size: 0.756rem; }
.mfr-hub-about-prose p { margin-bottom: 1rem; }
.mfr-hub-about-prose p:last-child { margin-bottom: 0; }
.mfr-hub-about-photo {
position: relative;
margin: 0;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.10);
}
.mfr-hub-about-photo img {
width: 100%;
display: block;
aspect-ratio: 16 / 10;
object-fit: cover;
transition: opacity 0.13s ease;
}
.mfr-hub-about-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
margin: 0;
padding: 32px 16px 12px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.30) 42%, rgba(0, 0, 0, 0) 100%);
color: #fff;
font-size: 0.8rem;
font-weight: 500;
line-height: 1.35;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
pointer-events: none;
transition: opacity 0.13s ease;
}
.mfr-hub-about-photo.is-playing .mfr-hub-about-caption { opacity: 0; }
.mfr-hub-about-thumbs {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 12px;
}
.mfr-hub-about-thumb {
margin: 0;
border-radius: 7px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
cursor: pointer;
outline: 2px solid transparent;
outline-offset: 2px;
transition: transform 0.16s ease, box-shadow 0.16s ease, outline-color 0.16s ease;
}
.mfr-hub-about-thumb:hover,
.mfr-hub-about-thumb:focus-visible {
transform: translateY(-2px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16);
outline-color: #006afe;
}
.mfr-hub-about-thumb img {
width: 100%;
height: 100%;
display: block;
aspect-ratio: 4 / 3;
object-fit: cover;
}
.mfr-hub-about-thumb-video { position: relative; }
.mfr-hub-about-play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
transition: transform 0.16s ease;
}
.mfr-hub-about-play svg {
width: 42px;
height: 42px;
filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.45));
}
.mfr-hub-about-thumb-video:hover .mfr-hub-about-play,
.mfr-hub-about-thumb-video:focus-visible .mfr-hub-about-play { transform: scale(1.08); }
.mfr-hub-about-video-frame {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
z-index: 2;
background: #000;
display: block;
}
.mfr-hub-about-video-close {
position: absolute;
top: 8px;
right: 8px;
z-index: 3;
width: 32px;
height: 32px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.16s ease;
}
.mfr-hub-about-video-close:hover { background: rgba(0, 0, 0, 0.85); }
.mfr-hub-pullquote {
position: relative;
margin: 28px 0 0;
padding: 22px 28px 24px;
background: linear-gradient(180deg, #edf5ff 0%, #f8fbff 100%);
border: 1px solid #00000054;
border-left: 3px solid #033cec;
border-radius: 6px;
box-shadow: 0 5px 14px rgba(19, 54, 107, 0.08);
}
.mfr-hub-pullquote::before {
position: absolute;
top: 25px;
margin-left: -15px;
content: "\201C";
font-family: Georgia, "Times New Roman", serif;
font-size: 3.2rem;
font-weight: 700;
color: #006afe17;
margin-bottom: 6px;
}
.mfr-hub-pullquote-text {
margin: 0 0 12px;
font-family: "Domine", Georgia, serif;
font-size: 1.06rem;
line-height: 1.55;
color: #35404f;
font-style: italic;
}
.mfr-hub-pullquote-attr {
font-size: 0.8rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #006afe;
}
.mfr-hub-pullquote-attr a { color: inherit; text-decoration: none; }
.mfr-hub-pullquote-attr a:hover { color: #0a4fc0; text-decoration: none; }
.mfr-hub-about-facts {
margin-top: 18px;
padding: 16px 20px 6px;
background: #fff;
border: 1px solid #e6e8ec;
border-radius: 6px;
}
.mfr-hub-about-facts-title {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #006afe;
margin-bottom: 4px;
}
.mfr-hub-facts-list { margin: 0; }
.mfr-hub-fact {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding: 10px 0;
border-top: 1px solid #eef0f3;
}
.mfr-hub-fact:first-of-type { border-top: 0; }
.mfr-hub-fact dt {
margin: 0;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.03em;
color: #6c757d;
}
.mfr-hub-fact dd {
margin: 0;
font-size: 0.95rem;
font-weight: 700;
color: #1a1a1a;
text-align: right;
}
.mfr-hub-about-cta {
margin-top: 14px;
padding: 20px 22px;
border-radius: 6px;
background: linear-gradient(135deg, #0b2147 0%, #091a36 100%);
}
.mfr-hub-about-cta-text {
font-size: 0.92rem;
line-height: 1.5;
color: rgba(255, 255, 255, 0.78);
margin-bottom: 15px;
}
.mfr-hub-about-cta-text strong {
display: block;
margin-bottom: 4px;
font-size: 1.04rem;
font-weight: 700;
color: #fff;
}
.mfr-hub-about-cta .mfr-hub-btn { padding: 10px 16px; font-size: 0.9rem; border-radius: 6px; }
div.mfr-hub-line-model-grid {
padding-left: 1rem;
}
div.mfr-hub-line-model-grid.row > * {
padding: 0 1rem 1rem 0;
}
.mfr-hub-line-card,
.mfr-hub-product-card {
background: #fff;
border: 1px solid #e9edf2;
border-radius: 10px;
overflow: hidden;
transition: box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
display: flex;
flex-direction: column;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}
.mfr-hub-line-card:hover,
.mfr-hub-product-card:hover {
box-shadow: 0 3px 4px rgba(16, 24, 40, 0.13);
border-color: #dce3ec;
}
a.mfr-hub-line-card:hover,
a.mfr-hub-product-card:hover {
text-decoration: none;
}
.mfr-hub-line-card-img,
.mfr-hub-product-card-img {
aspect-ratio: 4 / 3;
background: #fafbfc;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-bottom: 1px solid #eef0f2;
}
.mfr-hub-line-card-img img,
.mfr-hub-product-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.mfr-hub-line-card-img.is-contain,
.mfr-hub-product-card-img.is-contain { padding: 16px; }
.mfr-hub-line-card-img.is-contain img,
.mfr-hub-product-card-img.is-contain img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.mfr-hub-line-card-body,
.mfr-hub-product-card-body {
flex: 1;
display: flex;
flex-direction: column;
}
.mfr-hub-line-card-name,
.mfr-hub-product-card-name {
color: #1a1e2e;
}
.mfr-hub-line-card-flagship {
color: #f0a500;
font-size: 0.85em;
margin-left: 4px;
}
.mfr-hub-line-card-meta {
display: flex;
gap: 10px;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 600;
}
.mfr-hub-line-card-type,
.mfr-hub-product-card-type {
color: #64748b;
}
.mfr-hub-product-card-type {
display: block;
font-size: 0.72rem;
text-transform: uppercase;
letter-spacing: 0.03em;
font-weight: 600;
margin-bottom: 6px;
}
.mfr-hub-line-card-count {
color: #6b7280;
}
.mfr-hub-line-card-desc,
.mfr-hub-product-card-desc {
color: #6b7280;
font-size: 0.9rem;
line-height: 1.5;
}
.mfr-hub-gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
gap: 12px;
}
.mfr-hub-gallery-item {
position: relative;
display: block;
aspect-ratio: 1 / 1;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
overflow: hidden;
text-decoration: none;
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.mfr-hub-gallery-item:hover {
border-color: #b3b3b3;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
a.mfr-hub-gallery-item:hover {
text-decoration: none;
}
.mfr-hub-gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.mfr-hub-gallery-item.is-contain img { object-fit: contain; padding: 10px; }
.mfr-hub-gallery-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
color: #fff;
padding: 16px 8px 6px;
font-size: 0.78rem;
font-weight: 600;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.18s ease;
}
.mfr-hub-gallery-item:hover .mfr-hub-gallery-caption,
.mfr-hub-gallery-item:focus-visible .mfr-hub-gallery-caption {
opacity: 1;
}
.mfr-hub-approvals-table {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 0;
}
.mfr-hub-approvals-table th {
background: #f5f5f5;
font-weight: 600;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #4a4a4a;
}
.mfr-hub-approvals-table td {
vertical-align: middle;
font-size: 0.92rem;
}
.mfr-hub-approval-number {
font-family: SFMono-Regular, Menlo, Consolas, monospace;
font-weight: 600;
white-space: nowrap;
}
.mfr-hub-authority-badge {
display: inline-block;
padding: 2px 8px;
border-radius: 3px;
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
white-space: nowrap;
}
.mfr-hub-authority-noa {
background: #fce8e9;
color: #9b1d1d;
border: 1px solid #f4c7c9;
}
.mfr-hub-authority-fl {
background: #e1ecf7;
color: #0d4a8a;
border: 1px solid #c3d8ed;
}
.mfr-hub-approval-stats {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 24px;
}
.mfr-hub-approval-stat {
min-width: 160px;
padding: 14px 24px 14px 18px;
background: #fff;
border: 1px solid #e5e5e5;
border-left: 4px solid var(--bs-primary, #d70a18);
border-radius: 6px;
}
.mfr-hub-approval-stat-num {
display: block;
font-size: 1.9rem;
font-weight: 800;
line-height: 1;
color: #1a1a1a;
}
.mfr-hub-approval-stat-label {
display: block;
margin-top: 5px;
font-size: 0.76rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #6c757d;
}
.mfr-hub-doc-group { margin-bottom: 8px; }
.mfr-hub-doc-group-title {
display: flex;
align-items: center;
gap: 8px;
margin: 0 0 12px;
font-size: 0.78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #4a4a4a;
}
.mfr-hub-doc-group-title span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 20px;
padding: 0 6px;
border-radius: 10px;
background: #e7e7e4;
color: #555;
font-size: 0.72rem;
font-weight: 700;
}
.mfr-hub-doc-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 12px;
}
.mfr-hub-doc-tile {
display: flex;
align-items: flex-start;
gap: 12px;
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 7px;
padding: 13px 15px;
text-decoration: none;
transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}
.mfr-hub-doc-tile:hover {
border-color: #c7c7c7;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
}
.mfr-hub-doc-tile.is-static { cursor: default; pointer-events: none; }
.mfr-hub-doc-tile-icon {
flex: 0 0 auto;
margin-top: 1px;
font-size: 1.3rem;
line-height: 1.3;
color: #b42318;
}
.mfr-hub-doc-tile-body {
display: flex;
flex-direction: column;
min-width: 0;
}
.mfr-hub-doc-tile-title {
color: #1a1a1a;
font-size: 0.92rem;
font-weight: 600;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.mfr-hub-doc-tile:hover .mfr-hub-doc-tile-title { color: var(--bs-primary, #d70a18); }
a.mfr-hub-doc-tile:hover {
text-decoration: none;
}
.mfr-hub-doc-tile-meta {
margin-top: 4px;
color: #8a8a8a;
font-size: 0.74rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.mfr-hub-sister-card {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 6px;
color: #1a1a1a;
text-decoration: none;
transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.mfr-hub-sister-card:hover {
border-color: #c0c0c0;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
transform: translateY(-1px);
color: #1a1a1a;
}
.mfr-hub-sister-card-logo {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.mfr-hub-sister-card-logo img {
max-height: 60px;
max-width: 140px;
object-fit: contain;
}
.mfr-hub-sister-card-name { font-size: 0.95rem; }
.mfr-hub-sister-card-status { font-size: 0.78rem; }
.mfr-hub-trademark { padding: 16px 0 20px; background: #fff; }
.mfr-hub-trademark p {
margin: 0;
font-size: 0.72rem;
line-height: 1.5;
color: #626d80;
text-align: center;
}
@media (max-width: 575px) {
.mfr-hub-gallery-grid {
grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
gap: 8px;
}
}
.mfr-detail-eyebrow {
color: rgba(255, 255, 255, 0.82);
font-size: 0.82rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.mfr-detail-eyebrow a { color: #fff; text-decoration: none; }
.mfr-detail-eyebrow a:hover { text-decoration: underline; }
.mfr-detail-eyebrow-sep { opacity: 0.5; margin: 0 4px; }
.mfr-detail-card-link,
.mfr-detail-card-link:hover { text-decoration: none; color: inherit; }
.mfr-detail-card-cta {
font-size: 0.82rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.02em;
color: var(--bs-primary, #d70a18);
}
.mfr-detail-card-cta .fas { font-size: 0.75em; transition: transform 0.18s ease; }
.mfr-detail-card-link:hover .mfr-detail-card-cta .fas { transform: translateX(3px); }
.mfr-detail-card-brand {
font-size: 0.74rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #6c757d;
margin-bottom: 2px;
}
.mfr-product-specs-table {
background: #fff;
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 0;
}
.mfr-product-specs-table th {
width: 42%;
background: #f7f7f7;
font-weight: 600;
color: #4a4a4a;
vertical-align: middle;
}
.mfr-product-specs-table td {
vertical-align: middle;
font-weight: 600;
}
.mfr-product-specs-table tr:last-child th,
.mfr-product-specs-table tr:last-child td { border-bottom: 0; }
.pdp-block { padding: 52px 0; }
@media (max-width: 767.98px) { .pdp-block { padding: 38px 0; } }
.pdp-h2 {
font-size: clamp(1.45rem, 2.4vw, 1.85rem);
font-weight: 700;
letter-spacing: -0.01em;
color: #14213a;
margin: 0 0 1rem;
}
.pdp-spec-h { font-size: 1.3rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; color: #14213a; margin: 0 0 0.85rem; }
.pdp-spec-item { margin-bottom: 34px; }
.pdp-h3 { font-size: 1.05rem; font-weight: 600; color: #14213a; margin: 0 0 .5rem; }
.pdp-section-sub { color: #5b6472; font-size: 1rem; max-width: 60ch; }
.pdp-footnote { color: #687388; font-size: 0.8rem; line-height: 1.5; margin: .5rem 0 0; }
.pdp-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
background: #fff;
border: 1px solid #e6eaf0;
border-radius: 6px;
overflow: hidden;
font-size: 0.88rem;
color: #2f3947;
}
.pdp-table thead th {
background: #f5f7fa;
padding: 9px 14px;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.045em;
color: #667080;
text-align: left;
white-space: nowrap;
border-bottom: 1px solid #e6eaf0;
}
.pdp-table tbody th,
.pdp-table tbody td {
padding: 10px 14px;
text-align: left;
vertical-align: middle;
line-height: 1.35;
border-top: 1px solid #eef1f5;
font-weight: 600;
color: #1f2733;
}
.pdp-table tbody tr:first-child th,
.pdp-table tbody tr:first-child td { border-top: 0; }
.pdp-table th:not(:first-child),
.pdp-table td:not(:first-child) {
width: 1%;
white-space: nowrap;
font-variant-numeric: tabular-nums;
}
.pdp-table tbody th[scope="row"],
.pdp-table tbody td:first-child { white-space: normal; padding-right: 22px; }
@media (max-width: 575.98px) {
.pdp-table { font-size: 0.84rem; }
.pdp-table thead th,
.pdp-table tbody th,
.pdp-table tbody td { padding: 8px 11px; }
.pdp-table tbody td:first-child,
.pdp-table tbody th[scope="row"] { padding-right: 14px; }
}
.pdp-hero {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pdp-hero--nophoto { background: radial-gradient(135% 130% at 16% 0%, #15233f 0%, #0b1628 52%, #060c18 100%); }
.pdp-hero-scrim {
position: absolute; inset: 0;
background:
linear-gradient(90deg, rgba(7, 14, 28, 0.90) 0%, rgba(7, 14, 28, 0.74) 30%, rgba(7, 14, 28, 0.52) 52%, rgba(7, 14, 28, 0.32) 74%, rgba(7, 14, 28, 0.20) 100%),
linear-gradient(0deg, rgba(7, 14, 28, 0.82) 0%, rgba(7, 14, 28, 0.20) 38%, rgba(7, 14, 28, 0) 64%),
linear-gradient(0deg, rgba(7, 14, 28, 0.12), rgba(7, 14, 28, 0.12));
}
.pdp-hero-container { position: relative; z-index: 1; display: flex; flex-direction: column; padding-top: 16px; padding-bottom: 40px; min-height: 486px; }
.pdp-hero-grid {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 40px;
align-items: stretch;
flex: 1 1 auto;
}
.pdp-hero-main { display: flex; flex-direction: column; justify-content: flex-end; }
.pdp-crumb { margin-bottom: 14px; }
.pdp-crumb a, .pdp-crumb span { color: rgba(255,255,255,0.72) !important; }
.pdp-crumb a:hover { color: #fff !important; }
.pdp-hero-eyebrow {
align-self: flex-start;
display: inline-flex; align-items: center; gap: 7px;
margin-bottom: 14px;
text-transform: uppercase; letter-spacing: 0.12em;
font-size: 0.72rem; font-weight: 700;
color: rgba(255,255,255,0.86); text-decoration: none;
text-shadow: 0 1px 10px rgba(0,0,0,0.45);
transition: color 0.16s ease;
}
.pdp-hero-eyebrow i { font-size: 0.82em; color: #5aa0ff; transition: transform 0.16s ease; }
.pdp-hero-eyebrow:hover { color: #fff; text-decoration: none; }
.pdp-hero-eyebrow:hover i { transform: translateX(-3px); }
.pdp-title {
font-size: clamp(1.9rem, 3.8vw, 3rem);
font-weight: 700;
line-height: 1.07;
letter-spacing: -0.01em;
color: #fff;
margin: 0 0 12px;
text-shadow: 0 2px 22px rgba(0,0,0,0.42);
}
.pdp-hero-lede {
color: #fff; font-weight: 600;
font-size: 1.12rem; line-height: 1.45;
margin: 0 0 10px; max-width: 60ch;
text-shadow: 0 1px 16px rgba(0,0,0,0.45);
}
.pdp-subtitle { font-size: 1rem; line-height: 1.6; color: rgba(255,255,255,0.85); max-width: 56ch; margin: 0 0 18px; text-shadow: 0 1px 14px rgba(0,0,0,0.5); }
.pdp-hero-badges { padding: 16px 0 0; }
.pdp-rating-row { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; min-height: 1px; }
.pdp-stars { color: #ffc53d; letter-spacing: 1px; font-size: 1rem; }
.pdp-rating-val { font-weight: 700; color: #fff; }
.pdp-rating-count { color: rgba(255,255,255,0.72); font-size: 0.9rem; }
.pdp-verified { display: inline-flex; align-items: center; gap: 5px; margin-left: 6px; color: #5fd98e; font-size: 0.82rem; font-weight: 600; }
.pdp-verified i { font-size: 0.9em; }
.pdp-signals { display: flex; flex-wrap: wrap; gap: 10px; }
.pdp-signal {
display: inline-flex; align-items: center; gap: 8px;
padding: 7px 13px 7px 11px;
background: #fff;
border: 1px solid #e4e8ee;
border-radius: 6px;
font-size: 0.83rem; font-weight: 600; color: #2a3344;
}
.pdp-signal img { width: 20px; height: 20px; object-fit: contain; display: block; }
.pdp-signal-mdc { width: 22px !important; height: 22px !important; }
.pdp-signal-fl { width: 22px !important; height: 19px !important; }
.pdp-signal--line { color: #006afe; }
.pdp-signal--line .pdp-i { width: 18px; height: 18px; }
.pdp-i { display: block; }
a.pdp-pcard, a.pdp-pcard:hover,
a.pdp-btn, a.pdp-btn:hover,
a.pdp-hero-eyebrow, a.pdp-hero-eyebrow:hover { text-decoration: none; }
.pdp-buybox { position: sticky; top: 92px; align-self: start; }
.pdp-buybox-card {
background: #fff;
border: 1px solid #e4e8ee;
border-radius: 6px;
padding: 22px;
box-shadow: 0 10px 34px rgba(8, 16, 33, 0.18);
}
.pdp-price-kicker {
font-size: 0.7rem;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.01em;
color: #68778e;
margin-bottom: 5px;
}
.pdp-price {
display: flex;
align-items: flex-end;
gap: 11px;
flex-wrap: wrap;
margin-bottom: 4px;
}
.pdp-price-amt {
font-size: 1.7rem;
font-weight: 700;
letter-spacing: -0.02em;
color: #111a2e;
line-height: 1.05;
}
.pdp-price-dash {
margin: 0 1px;
font-weight: 300;
color: #b0b8c4;
}
.pdp-price-basis {
display: inline-flex;
flex-direction: column;
line-height: 1.18;
}
.pdp-price-basis-1 { font-size: 0.78rem; color: #98a2b3; }
.pdp-price-basis-2 { font-size: 0.78rem; font-weight: 600; color: #5b6472; }
.pdp-price--quote .pdp-price-amt { font-size: 1.45rem; }
.pdp-buybox-rows { margin: 16px 0 4px; padding: 0; border-top: 1px solid #eef0f3; }
.pdp-row { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 11px 0; border-bottom: 1px solid #eef0f3; }
.pdp-row dt { display: inline-flex; align-items: center; gap: 9px; margin: 0; font-size: 0.88rem; font-weight: 600; color: #2a3344; }
.pdp-row dt .pdp-i { flex: 0 0 auto; width: 18px; height: 18px; color: #006afe; }
.pdp-row dd { margin: 0; font-size: 0.86rem; color: #5b6472; font-weight: 500; text-align: right; }
.pdp-row dd a { color: #006afe; font-weight: 600; text-decoration: none; }
.pdp-row dd a:hover { text-decoration: underline; }
.pdp-buybox-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 18px; padding: 16px 0 4px; }
.pdp-bt { flex: 0 0 auto; min-width: 62px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; }
.pdp-bt-ic { color: #006afe; }
.pdp-bt-ic .pdp-i { width: 23px; height: 23px; }
.pdp-bt-t { font-size: 0.72rem; font-weight: 700; color: #14213a; line-height: 1.1; }
.pdp-bt-s { font-size: 0.67rem; color: #687388; line-height: 1.1; }
@media (max-width: 480px) {
.pdp-buybox-trust { flex-wrap: nowrap; gap: 4px; }
.pdp-bt { flex: 1 1 0; min-width: 0; gap: 3px; }
.pdp-bt-ic .pdp-i { width: 19px; height: 19px; }
.pdp-bt-t { font-size: 0.62rem; white-space: nowrap; }
.pdp-bt-s { font-size: 0.58rem; white-space: nowrap; }
}
.pdp-btn {
display: inline-flex; align-items: center; justify-content: center; gap: 9px;
width: 100%; padding: 13px 18px; border-radius: 6px;
font-size: 0.98rem; font-weight: 700; text-decoration: none;
border: 1px solid transparent; transition: background .16s ease, border-color .16s ease, color .16s ease;
}
.pdp-btn i { font-size: 0.85em; }
.pdp-btn-primary { background: #006afe; color: #fff; }
.pdp-btn-primary:hover { background: #1f7dff; color: #fff; }
.pdp-btn-ghost { background: #fff; color: #14213a; border-color: #d7dde6; }
.pdp-btn-ghost:hover { border-color: #006afe; color: #006afe; }
.pdp-buybox-cta { margin-top: 16px; }
.pdp-buybox-help { margin-top: 12px; text-align: center; font-size: 0.85rem; color: #6c757d; }
.pdp-buybox-help a { color: #006afe; font-weight: 700; text-decoration: none; white-space: nowrap; }
.pdp-buybox-help a:hover { text-decoration: underline; }
@media (max-width: 991.98px) {
.pdp-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
.pdp-buybox { position: static; }
}
.pdp-overview-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: start; }
@media (max-width: 991.98px) { .pdp-overview-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; } }
.pdp-gallery-stage {
margin: 0; border-radius: 6px; overflow: hidden; position: relative;
background: #f6f8fa; border: 1px solid #e9edf2; aspect-ratio: 4 / 3;
display: flex; align-items: center; justify-content: center;
}
.pdp-gallery-stage img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.pdp-stage-caption, .cqv-stage-caption {
position: absolute; left: 14px; bottom: 11px; z-index: 4; margin: 0; max-width: 78%;
font-style: italic; font-size: 0.62rem; line-height: 1.25; color: #1a1e2e;
text-shadow: 0 1px 2px rgba(255,255,255,0.92), 0 0 2px rgba(255,255,255,0.7);
pointer-events: none;
}
.pdp-stage-caption[hidden], .cqv-stage-caption[hidden] { display: none; }
.pdp-gallery-stage img.is-contain { object-fit: contain; width: 100%; height: 100%; padding: 6% 7%; box-sizing: border-box; }
.pdp-gallery-stage:has(img.is-contain) { background-color: #fff; }
.apw-render-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: 0; transition: opacity .18s ease-out; }
.apw-render-backdrop.is-ready { opacity: 1; }
.has-render-backdrop > img { position: relative; z-index: 1; }
html.js .pdp-gallery-stage > img.is-contain:not(.render-backdrop-ready),
html.js .pdp-gallery-thumb.is-contain > img:not(.render-backdrop-ready),
html.js .apw-pc-media.is-contain > img:not(.render-backdrop-ready) { opacity: 0; animation: apw-backdrop-reveal 0s 2.5s forwards; }
.pdp-gallery-stage > img.is-contain, .pdp-gallery-thumb.is-contain > img, .apw-pc-media.is-contain > img { transition: opacity .18s ease-out; }
@keyframes apw-backdrop-reveal { to { opacity: 1; } }
.pdp-stage-3d { position: absolute; inset: 0; z-index: 2; background-size: contain; background-position: center; background-repeat: no-repeat; }
.pdp-stage-3d[hidden] { display: none; }
.pdp-stage-3d model-viewer { width: 100%; height: 100%; display: block; background: linear-gradient(#eef1f4, #dbe0e6); }
.pdp-gallery-empty { flex-direction: column; gap: .5rem; padding: 1.5rem; text-align: center; }
.pdp-gallery-empty-brand { font-size: 1.15rem; font-weight: 600; color: #667080; letter-spacing: .01em; }
.pdp-gallery-empty-note { font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; color: #aeb6c1; }
.pdp-gallery-thumbs-wrap { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.pdp-gallery-thumbs {
display: flex; flex-wrap: nowrap; gap: 10px;
overflow-x: auto; scroll-behavior: smooth;
scrollbar-width: none; -ms-overflow-style: none;
}
.pdp-gallery-thumbs::-webkit-scrollbar { display: none; }
.pdp-gallery-thumb {
flex: 0 0 auto;
width: 72px; height: 72px; padding: 0; border-radius: 6px; cursor: pointer;
background: #f6f8fa; border: 1px solid #e3e8ee; overflow: hidden;
transition: border-color .15s ease, box-shadow .15s ease;
}
.pdp-gallery-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.pdp-gallery-thumb.is-contain { background-color: #fff; }
.pdp-gallery-thumb.is-contain img { object-fit: contain; padding: 4px; }
.pdp-gallery-thumb:hover { border-color: #b9c4d2; }
.pdp-gallery-thumb.is-active { border-color: #006afe; box-shadow: 0 0 0 1px #006afe; }
.pdp-thumb-3d { position: relative; }
.pdp-thumb-3d-badge {
position: absolute; right: 3px; bottom: 3px; z-index: 1; pointer-events: none;
display: inline-flex; align-items: center; gap: 3px; padding: 1px 5px;
border-radius: 4px; background: rgba(20,28,42,0.82); color: #fff;
font-size: 0.6rem; font-weight: 700; letter-spacing: .03em; line-height: 1.55;
}
.pdp-thumb-3d-badge i { font-size: 0.58rem; }
.pdp-gallery-nav {
flex: 0 0 auto;
display: inline-flex; align-items: center; justify-content: center;
width: 30px; height: 72px; padding: 0;
background: #fff; border: 1px solid #e3e8ee; border-radius: 6px;
color: #44505f; cursor: pointer;
transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.pdp-gallery-nav:hover { border-color: #006afe; color: #006afe; }
.pdp-gallery-nav[disabled] { opacity: 0.35; cursor: default; }
.pdp-gallery-nav[disabled]:hover { border-color: #e3e8ee; color: #44505f; }
.pdp-gallery-nav i { font-size: 0.8rem; }
.pdp-lead { font-size: 1rem; line-height: 1.65; color: #3b434f; margin: 0 0 1rem; }
.pdp-feature-list { list-style: none; margin: 4px 0 0; padding: 0; }
.pdp-feature-list li { position: relative; padding: 4px 0 4px 30px; font-size: 0.82rem; line-height: 1.5; color: #2f3947; }
.pdp-feature-list i { position: absolute; left: 6px; top: 7px; color: #0fa721; font-size: 0.85rem; }
.pdp-configurator { margin-top: 22px; }
.pdp-config-label, .pdp-option-label {
font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em;
color: #687388; margin-bottom: 10px;
}
.pdp-cfg-help { position: relative; display: inline-flex; align-items: center; margin-left: 6px; color: #b3b9c2; cursor: help; vertical-align: middle; }
.pdp-cfg-help > i { font-size: 0.82rem; }
.pdp-cfg-help:hover, .pdp-cfg-help:focus-visible { color: #006afe; outline: none; }
.pdp-cfg-tip {
position: absolute; top: calc(100% + 9px); left: 50%; transform: translateX(-50%);
z-index: 30; width: max-content; max-width: min(280px, 78vw);
padding: 10px 12px; background: #fff; border: 1px solid #e1e6ee; border-radius: 6px;
box-shadow: 0 4px 16px rgba(17,26,46,0.13);
font-size: 0.78rem; font-weight: 400; line-height: 1.5; color: #45505f;
text-transform: none; letter-spacing: normal;
opacity: 0; visibility: hidden; transition: opacity .14s ease; pointer-events: none;
}
.pdp-cfg-tip b { color: #14213a; font-weight: 700; }
.pdp-cfg-tip::before {
content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%);
border: 6px solid transparent; border-bottom-color: #fff;
filter: drop-shadow(0 -1px 0 #e1e6ee);
}
.pdp-cfg-help:hover .pdp-cfg-tip, .pdp-cfg-help:focus .pdp-cfg-tip, .pdp-cfg-help:focus-within .pdp-cfg-tip {
opacity: 1; visibility: visible;
}
@media (max-width: 575.98px) {
.pdp-config-label { position: relative; }
.pdp-cfg-help { position: static; }
.pdp-cfg-tip { left: 0; right: auto; transform: none; max-width: 100%; }
.pdp-cfg-tip::before { display: none; }
}
.pdp-swatches { display: flex; flex-wrap: wrap; gap: 16px; }
.pdp-swatch { display: inline-flex; flex-direction: column; align-items: center; gap: 8px; }
.pdp-colorchips { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.pdp-colorchip {
display: inline-flex; flex-direction: column; align-items: center; gap: 7px;
margin: 0; padding: 3px; border: 0; background: none; border-radius: 6px;
cursor: pointer; transition: background .14s ease;
}
.pdp-colorchip .pdp-swatch-dot { width: 30px; height: 30px; transition: box-shadow .14s ease; }
.pdp-colorchip:hover .pdp-swatch-dot { box-shadow: inset 0 1px 2px rgba(0,0,0,0.10), 0 0 0 3px rgba(0,106,254,0.18); }
.pdp-colorchip.is-active .pdp-swatch-dot { box-shadow: inset 0 1px 2px rgba(0,0,0,0.10), 0 0 0 2px #006afe; }
.pdp-colorchip.is-active .pdp-colorchip-name { color: #1a1e2e; }
.pdp-colorchip-name { font-size: 0.7rem; color: #5b6472; font-weight: 600; max-width: 76px; text-align: center; line-height: 1.3; }
.finish-wood { overflow: hidden; padding: 0; }
.finish-wood img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pdp-glass-dot { background: #eef1f5; }
.pdp-glass-dot--clear { background: linear-gradient(135deg, #ffffff 0 46%, #d7dde6 49% 51%, #ffffff 54%); }
.pdp-glass-dot--bronze { background: linear-gradient(135deg, #b89a6e, #8a6a3f); }
.pdp-glass-dot--gray { background: linear-gradient(135deg, #aab0b6, #7e858c); }
.pdp-glass-dot--green { background: linear-gradient(135deg, #9bbf9e, #6f9374); }
.pdp-glass-dot--blue { background: linear-gradient(135deg, #a9c6e0, #6f97b8); }
.pdp-glass-dot--frosted { background: linear-gradient(135deg, #eef2f5 0 50%, #dde4ea 50% 100%); }
.pdp-glass-dot--rain { background: repeating-linear-gradient(90deg, #dfe6ec 0 2px, #f1f5f8 2px 4px); }
.pdp-glass-dot--obscure { background: radial-gradient(circle at 32% 30%, #eef2f5, #cdd6de); }
.pdp-glass-dot--privacy { background: linear-gradient(135deg, #f5f7f9, #e3e9ee); }
.pdp-swatch-dot {
width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.16);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.10);
}
.pdp-swatch-dot--custom { background: conic-gradient(from 90deg, #ff4d4d, #f5a623, #2ecc71, #006afe, #9b59b6, #ff4d4d); }
.pdp-swatch-name { font-size: 0.72rem; color: #5b6472; font-weight: 600; max-width: 75px; min-width: 65px; text-align: center; line-height: 1.4; }
.pdp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pdp-chip {
display: inline-flex; align-items: center; padding: 6px 12px; border-radius: 6px;
background: #f1f4f8; border: 1px solid #e4e8ee; color: #2a3344; font-size: 0.82rem; font-weight: 600;
}
.pdp-chip--std { background: #e9f1ff; border-color: #cfe0ff; color: #0a4fc0; }
.pdp-config-diagrams { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: flex-start; }
.wc { display: inline-flex; flex-direction: column; align-items: center; gap: 5px; margin: 0; color: #6e7682; }
.wc-svg { height: 54px; width: auto; display: block; }
.wc--door .wc-svg { height: 66px; }
.wc-cap { font-size: 0.67rem; line-height: 1.25; color: #5b6472; text-align: center; font-weight: 600; max-width: 132px; }
.ws { display: inline-flex; flex-direction: column; align-items: center; gap: 5px; margin: 0; color: #6e7682; }
.ws-svg { width: 50px; height: 50px; display: block; }
.pdp-shape-row { gap: 12px 14px; }
.wg { display: inline-flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; color: #6e7682; }
.wg-svg { height: 72px; width: auto; display: block; }
.pdp-grille-row { gap: 14px 16px; }
.pdp-features--photo {
position: relative;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.pdp-features-scrim {
position: absolute; inset: 0;
background: linear-gradient(rgba(8, 16, 33, 0.46), rgba(8, 16, 33, 0.56));
}
.pdp-features--photo .container { position: relative; z-index: 1; }
.pdp-features-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; }
.pdp-feature {
text-align: center;
padding: 22px 16px 20px;
background: rgba(9, 17, 34, 0.52);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
border: 1px solid rgba(255, 255, 255, 0.16);
border-radius: 6px;
}
.pdp-feature-icon { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-bottom: 12px; color: #6aa6ff; }
.pdp-feature-icon .pdp-i { width: 40px; height: 40px; }
.pdp-feature-t { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #fff; margin-bottom: 5px; }
.pdp-feature-d { font-size: 0.84rem; line-height: 1.45; color: rgba(255, 255, 255, 0.78); max-width: 24ch; margin: 0 auto; }
.pdp-features:not(.pdp-features--photo) { background: #0c1830; }
.pdp-spec-card { background: #fff; border: 1px solid #e6eaf0; border-radius: 6px; overflow: hidden; }
.pdp-spec-card .pdp-spec-h { padding: 18px 20px 0; margin: 0 0 14px; }
.pdp-spec-card .pdp-table { border: 0; border-radius: 0; border-top: 1px solid #eef1f5; }
.pdp-spec-card .pdp-footnote { padding: 0 20px; margin: 12px 0 16px; }
.pdp-glance-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 10px; padding: 0 20px 20px; }
.pdp-glance-badge { display: flex; align-items: center; gap: 11px; padding: 12px 14px; background: #f7f9fc; border: 1px solid #edf0f5; border-radius: 6px; }
.pdp-glance-ic { flex: 0 0 auto; color: #006afe; }
.pdp-glance-ic .pdp-i { width: 26px; height: 26px; stroke-width: 1.5; }
.pdp-glance-txt { display: flex; flex-direction: column; min-width: 0; }
.pdp-glance-k { font-size: 0.66rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #687388; margin-bottom: 3px; white-space: nowrap; }
.pdp-glance-v { font-size: 1.02rem; font-weight: 700; color: #14213a; letter-spacing: -0.01em; line-height: 1.15; }
@media (max-width: 575.98px) {
.pdp-glance-grid { grid-template-columns: repeat(2, 1fr); }
}
.pdp-specs-grid, .pdp-certs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.pdp-specs-grid--single { grid-template-columns: 1fr; max-width: 760px; }
@media (max-width: 991.98px) { .pdp-specs-grid, .pdp-certs-grid { grid-template-columns: 1fr; gap: 32px; } }
.pdp-cert-logos { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-bottom: 18px; }
.pdp-cert {
display: inline-flex; align-items: center; justify-content: center;
height: 52px; min-width: 82px; padding: 0 5px;
}
.pdp-cert--nfrc { min-width: 40px; }
.pdp-cert--energy-star { min-width: 62px; }
.pdp-cert img { max-height: 44px; max-width: 120px; width: auto; object-fit: contain; display: block; }
.pdp-cert-list { list-style: none; margin: 0; padding: 0; }
.pdp-cert-list li { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 8px 0; border-top: 1px solid #eef1f5; }
.pdp-cert-list li:first-child { border-top: 0; }
.pdp-cert-num { font-family: SFMono-Regular, Menlo, Consolas, monospace; font-weight: 600; font-size: 0.86rem; color: #1f2733; }
.pdp-cert-exp { font-size: 0.78rem; color: #687388; }
.pdp-cert-note { margin: 0 0 18px; font-size: 0.82rem; color: #687388; }
.pdp-row-note { color: #687388; font-size: 0.82em; }
.pdp-options { display: flex; flex-direction: column; gap: 16px; }
.pdp-anchorage { margin-top: 20px; padding-top: 18px; border-top: 1px solid #eef1f5; }
.pdp-anchorage p { font-size: 0.92rem; line-height: 1.55; color: #45505f; margin: 0; }
.pdp-card-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
@media (max-width: 991.98px) { .pdp-card-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 479.98px) { .pdp-card-row { grid-template-columns: 1fr; } }
.pdp-pcard {
display: flex; flex-direction: column; background: #fff; border: 1px solid #e9edf2; border-radius: 6px;
overflow: hidden; text-decoration: none;
transition: box-shadow .18s ease, border-color .18s ease;
}
.pdp-pcard:hover { box-shadow: 0 2px 8px rgba(16,24,40,0.08); border-color: #dce3ec; text-decoration: none; }
.pdp-pcard-img { aspect-ratio: 4 / 3; background: #f6f8fa; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 1px solid #eef0f2; }
.pdp-pcard-img img { width: 100%; height: 100%; object-fit: cover; }
.pdp-pcard-img.is-contain img { object-fit: contain; padding: 14px; }
.pdp-pcard-noimg { color: #c4cbd4; font-size: 1.8rem; }
.pdp-pcard-body { padding: 13px 16px; display: flex; flex-direction: column; gap: 2px; flex: 1; }
.pdp-pcard-brand { display: flex; align-items: center; gap: 6px; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #687388; margin-bottom: 0.4rem; }
.pdp-pcard-brand > span { line-height: 1.3; margin-top: 0.1rem; }
.pdp-pcard-brandicon { width: 16px; height: 16px; flex: 0 0 16px; object-fit: contain; border-radius: 3px; }
.pdp-pcard-name { font-size: 0.96rem; font-weight: 700; color: #1a1e2e; line-height: 1.3; }
.nav-brand-item { display: flex; align-items: center; }
.nav-brand-icon { width: 20px; height: 20px; flex: 0 0 20px; margin-left: -6px; margin-right: 6px; padding: 2px; border-radius: 4px; object-fit: contain; margin-top: -2px; }
.nav-brand-heading { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #687388; }
.pdp-pcard-type { font-size: 0.78rem; color: #64748b; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 600; }
.pdp-pcard-cta { margin-top: auto; padding-top: 10px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; color: #006afe; }
.pdp-pcard-cta i { font-size: 0.78em; transition: transform .16s ease; }
.pdp-pcard:hover .pdp-pcard-cta i { transform: translateX(3px); }
.catalog-mbb-more { display: inline-flex; align-items: center; gap: 8px; padding: 11px 24px; border: 1px solid #006afe; border-radius: 6px; background: #fff; color: #006afe; font-weight: 700; font-size: 0.9rem; letter-spacing: 0.01em; cursor: pointer; transition: background .16s ease, color .16s ease; }
.catalog-mbb-more:hover { background: #006afe; color: #fff; }
.catalog-mbb-more i { font-size: 0.82em; }
.pdp-cta-band {
background: radial-gradient(135% 130% at 16% 0%, #15233f 0%, #0b1628 52%, #060c18 100%);
padding: 44px 0;
}
.pdp-cta-band-inner {
display: flex; align-items: center; justify-content: space-between;
gap: 18px 40px; flex-wrap: wrap;
}
.pdp-cta-band-text { flex: 1 1 380px; }
.pdp-cta-band-h {
font-size: clamp(1.35rem, 2.2vw, 1.7rem); font-weight: 700; line-height: 1.2;
letter-spacing: -0.01em; color: #fff; margin: 0 0 0.4rem;
}
.pdp-cta-band-sub {
font-size: 0.98rem; line-height: 1.55; color: rgba(255, 255, 255, 0.74);
margin: 0; max-width: 60ch;
}
.pdp-cta-band-actions {
display: flex; align-items: center; gap: 10px 22px; flex-wrap: wrap; flex: 0 0 auto;
}
.pdp-cta-band-btn { width: auto; padding-left: 26px; padding-right: 26px; white-space: nowrap; }
.pdp-cta-band-call { color: #fff; font-weight: 600; font-size: 0.95rem; white-space: nowrap; }
.pdp-cta-band-call:hover { color: #fff; text-decoration: underline; }
@media (max-width: 575.98px) {
.pdp-cta-band-actions { width: 100%; }
.pdp-cta-band-btn { width: 100%; }
}
.related-styles-card {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border: 1px solid #e9edf2;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
transition: box-shadow 0.18s ease, border-color 0.18s ease;
}
.related-styles-card:hover,
.related-styles-card:focus-visible {
text-decoration: none;
border-color: #dce3ec;
box-shadow: 0 4px 16px rgba(16, 24, 40, 0.12);
}
.related-styles-card-img {
aspect-ratio: 16 / 10;
background: #fafbfc;
overflow: hidden;
border-bottom: 1px solid #eef0f2;
}
.related-styles-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.related-styles-card-body {
flex: 1;
display: flex;
flex-direction: column;
padding: 16px 18px 18px;
}
.related-styles-card-tag {
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #687388;
margin-bottom: 6px;
}
.related-styles-card-name {
display: block;
font-size: 1.12rem;
font-weight: 700;
line-height: 1.25;
color: #1a1e2e;
margin-bottom: 7px;
}
.related-styles-card-desc {
font-size: 0.9rem;
line-height: 1.5;
color: #6b7280;
margin: 0 0 14px;
}
.related-styles-card-cta {
margin-top: auto;
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 0.82rem;
font-weight: 600;
color: var(--bs-primary, #d70a18);
}
.related-styles-card-cta .fas { font-size: 0.78em; transition: transform 0.18s ease; }
.related-styles-card:hover .related-styles-card-cta .fas { transform: translateX(3px); }
.related-styles-foot { color: #6b7280; }
html.cqv-open { overflow: hidden; }
html.cqv-open #sticky-mobile-cta, html.cqv-open #floating-quote-btn,
html.lightbox-opened #sticky-mobile-cta, html.lightbox-opened #floating-quote-btn { display: none !important; }
.cqv-overlay {
position: fixed; inset: 0; z-index: 1080;
display: flex; align-items: flex-start; justify-content: center;
padding: 4vh 16px; overflow-y: auto; -webkit-overflow-scrolling: touch;
background: rgba(11, 22, 40, 0.62);
}
.cqv-overlay[hidden] { display: none; }
.cqv-dialog {
position: relative; width: 100%; max-width: 960px; margin: auto;
background: #fff; border-radius: 6px;
box-shadow: 0 18px 50px rgba(16, 24, 40, 0.28);
}
.cqv-x {
position: absolute; top: 8px; right: 10px; z-index: 2;
width: 36px; height: 36px; line-height: 1; padding: 0;
border: none; border-radius: 6px; background: rgba(255, 255, 255, 0.85);
color: #475467; font-size: 1.6rem; cursor: pointer;
transition: background .16s ease, color .16s ease;
}
.cqv-x:hover { background: #eef0f2; color: #1a1e2e; }
.cqv-loading { padding: 80px 0; text-align: center; color: #687388; font-size: 1.6rem; }
.cqv {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
grid-template-areas: "media info" "details info";
grid-template-rows: auto 1fr;
}
.cqv-media { grid-area: media; padding: 18px 18px 0; min-width: 0; }
.cqv-details { grid-area: details; padding: 14px 18px 18px; min-width: 0; }
.cqv-info { grid-area: info; padding: 22px 22px 24px; min-width: 0; display: flex; flex-direction: column; border-left: 1px solid #eef0f2; }
.cqv-stage {
position: relative; margin: 0; aspect-ratio: 4 / 3;
border: 1px solid #eef0f2; border-radius: 6px; overflow: hidden;
display: flex; align-items: center; justify-content: center;
}
.cqv-stage-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cqv-stage-img.is-contain { object-fit: contain; padding: 10px; }
.cqv-stage:has(.cqv-stage-img.is-contain) { background-color: #fff; }
.cqv-stage-3d { position: absolute; inset: 0; z-index: 2; background-size: contain; background-position: center; background-repeat: no-repeat; }
.cqv-stage-3d[hidden] { display: none; }
.cqv-stage-3d model-viewer { width: 100%; height: 100%; display: block; background: linear-gradient(#eef1f4, #dbe0e6); }
.cqv-media-empty { color: #c4cbd4; font-size: 2.4rem; }
.cqv-hvhz {
position: absolute; top: 8px; left: 8px; z-index: 1;
display: inline-flex; align-items: center; gap: 5px;
padding: 4px 9px 4px 6px; border-radius: 4px;
background: rgba(11, 22, 40, 0.78); color: #fff;
font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em;
}
.cqv-hvhz img { width: 15px; height: 15px; display: block; }
.cqv-thumbs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.cqv-thumb {
width: 50px; height: 38px; padding: 0; overflow: hidden; cursor: pointer;
border: 1px solid #e9edf2; border-radius: 4px; background: #fff; opacity: 0.7;
transition: opacity .14s ease, border-color .14s ease;
}
.cqv-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cqv-thumb.is-contain img { object-fit: contain; padding: 3px; }
.cqv-thumb:hover { opacity: 1; }
.cqv-thumb.is-active { opacity: 1; border-color: #006afe; }
.cqv-thumb-3d { position: relative; }
.cqv-thumb-3d-badge {
position: absolute; right: 2px; bottom: 2px; z-index: 1; pointer-events: none;
display: inline-flex; align-items: center; gap: 2px; padding: 0 3px;
border-radius: 3px; background: rgba(20,28,42,0.82); color: #fff;
font-size: 0.5rem; font-weight: 700; letter-spacing: .02em; line-height: 1.6;
}
.cqv-thumb-3d-badge i { font-size: 0.48rem; }
.cqv-specs-title { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #687388; line-height: 1.8; }
.cqv-specs { list-style: none; margin: 0; padding: 0; }
.cqv-specs li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; border-bottom: 1px solid #f2f4f7; font-size: 0.76rem; line-height: 1.3; }
.cqv-specs li:first-child { border-top: 1px solid #eef0f2; }
.cqv-spec-label { color: #6b7280; }
.cqv-spec-value { color: #1a1e2e; font-weight: 600; text-align: right; }
.cqv-certs { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 14px; }
.cqv-cert { height: 36px; width: auto; display: block; }
.cqv-cert--md { height: 30px; }
.cqv-cert--fl { height: 36px; }
.cqv-cert--nfrc { height: 42px; }
.cqv-cert--es { height: 30px; }
.cqv-fulllink {
display: inline-flex; align-items: center; gap: 5px; margin-top: 14px;
font-size: 0.78rem; font-weight: 500; color: #687388; text-decoration: none;
}
.cqv-fulllink i { font-size: 0.78em; }
.cqv-fulllink:hover { color: #006afe; text-decoration: none; }
.cqv-brand { display: flex; align-items: center; gap: 7px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #687388; line-height: 1.2; }
.cqv-brand-logo { width: 18px; height: 18px; flex: 0 0 18px; object-fit: contain; border-radius: 3px; }
.cqv-brand-sep { color: #c4cbd4; }
.cqv-title { font-size: 1.3rem; font-weight: 700; line-height: 1.25; color: #1a1e2e; margin: 5px 0 0; }
.cqv-price { margin-top: 8px; }
.cqv-price-amt { font-size: 1.2rem; font-weight: 800; color: #1a1e2e; }
.cqv-price-unit { font-size: 0.84rem; font-weight: 600; color: #6b7280; }
.cqv-price-sub { margin-top: 6px; font-size: 0.78rem; color: #6b7280; }
.cqv-price-sub i { color: #16a34a; margin-right: 4px; }
.cqv-finance {
display: flex; align-items: center; margin-top: 12px;
padding: 8px 12px; border-radius: 6px;
background: #ffffff26; border: 1px solid #e4efe8;
}
.cqv-finance-icon {
flex: 0 0 auto;
width: 34px; height: 34px; border-radius: 50%;
background: #e8f6ef;
display: flex; align-items: center; justify-content: center;
}
.cqv-finance-icon svg { width: 30px; height: 30px; display: block; }
.cqv-finance-text {
display: flex; flex-direction: column; gap: 1px;
margin-left: 14px; padding-left: 14px; padding-top:4px; border-left: 1px solid #e1ebe4;
}
.cqv-finance-head { font-size: 0.85rem; font-weight: 800; color: #16263a; line-height: 1.15; letter-spacing: -0.01em; }
.cqv-finance-accent { color: #0c8739; margin-right: 1px; }
.cqv-finance-sub { display: flex; align-items: center; gap: 3px; font-size: 0.7rem; color: #76808c; font-weight: 500; line-height: 2.1; }
.cqv-finance-sub svg { width: 15px; height: 15px; flex: 0 0 15px; margin-top: -1px; }
.cqv-desc-wrap { margin-top: 10px; }
.cqv-desc { font-size: 0.85rem; line-height: 1.5; color: #475467; margin: 0; }
.cqv-desc:not(.is-expanded) { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.cqv-desc-more { margin-top: 4px; padding: 0; border: 0; background: none; color: #006afe; font-size: 0.78rem; font-weight: 600; cursor: pointer; }
.cqv-desc-more:hover { text-decoration: underline; }
.cqv-colors { margin-top: 14px; }
.cqv-colors-label { font-size: 0.68rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #687388; margin-bottom: 11px; line-height: 0.8; }
.cqv-swatchrow { display: flex; flex-wrap: wrap; gap: 2px 10px; }
.cqv-sw { display: inline-flex; align-items: center; gap: 5px; font-size: 0.76rem; color: #475467; white-space: nowrap; }
.cqv-sw-dot { width: 14px; height: 14px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.18); flex: 0 0 14px; }
.cqv-sw-dot--custom { background: conic-gradient(from 90deg, #e74c3c, #f1c40f, #2ecc71, #3498db, #9b59b6, #e74c3c); border-color: rgba(0, 0, 0, 0.12); }
.cqv-colorchips { display: flex; flex-wrap: wrap; gap: 8px 9px; }
.cqv-colorchip {
display: inline-flex; flex-direction: column; align-items: center; gap: 5px;
margin: 0; padding: 2px; border: 0; background: none; border-radius: 6px;
cursor: pointer; transition: background .14s ease;
}
.cqv-colorchip:hover { background: #f1f4f8; }
.cqv-colorchip-dot {
width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.18);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.10); transition: box-shadow .14s ease;
}
.cqv-colorchip:hover .cqv-colorchip-dot { box-shadow: inset 0 1px 2px rgba(0,0,0,0.10), 0 0 0 3px rgba(0,106,254,0.18); }
.cqv-colorchip.is-active .cqv-colorchip-dot { box-shadow: inset 0 1px 2px rgba(0,0,0,0.10), 0 0 0 2px #006afe; }
.cqv-colorchip.is-active .cqv-colorchip-name { color: #1a1e2e; }
.cqv-colorchip-name { font-size: 0.66rem; color: #5b6472; font-weight: 600; max-width: 70px; text-align: center; line-height: 1.3; }
.cqv-chips { display: flex; flex-wrap: wrap; }
.cqv-chips--compact { gap: 7px; }
.cqv-chips--compact .cqv-colorchip,
.cqv-chips--compact .cqv-glasschip { flex-direction: row; padding: 1px; gap: 0; position: relative; }
.cqv-chips--compact .cqv-colorchip-name {
display: block; position: absolute; bottom: calc(100% + 7px); left: 50%;
transform: translateX(-50%) translateY(3px); white-space: nowrap; max-width: none;
background: #fff; color: #1a1e2e; font-size: 0.7rem; font-weight: 600; line-height: 1;
padding: 5px 8px; border-radius: 5px; border: 1px solid #eceff3;
box-shadow: 0 3px 10px rgba(16,38,58,0.14);
opacity: 0; visibility: hidden; pointer-events: none; z-index: 30;
transition: opacity .12s ease, transform .12s ease;
}
.cqv-chips--compact .cqv-colorchip-name::after {
content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);
border: 5px solid transparent; border-top-color: #fff;
}
.cqv-chips--compact .cqv-colorchip:hover .cqv-colorchip-name,
.cqv-chips--compact .cqv-glasschip:hover .cqv-colorchip-name {
opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0);
}
.cqv-chips--compact .cqv-colorchip-dot { width: 22px; height: 22px; }
.cqv-chips--named { gap: 6px 14px; }
.cqv-chips--named .cqv-colorchip { flex-direction: row; gap: 7px; padding: 2px; }
.cqv-chips--named .cqv-colorchip-dot { width: 18px; height: 18px; }
.cqv-chips--named .cqv-colorchip-name { display: inline; font-size: 0.78rem; max-width: none; }
.cqv-glasschip { display: inline-flex; flex-direction: column; align-items: center; gap: 5px; margin: 0; padding: 2px; border: 0; background: none; border-radius: 6px; cursor: pointer; transition: background .14s ease; }
.cqv-glasschip:hover { background: #f1f4f8; }
.cqv-glasschip .cqv-colorchip-dot { transition: box-shadow .14s ease; }
.cqv-glasschip:hover .cqv-colorchip-dot { box-shadow: inset 0 1px 2px rgba(0,0,0,0.10), 0 0 0 3px rgba(0,106,254,0.18); }
.cqv-glasschip.is-active .cqv-colorchip-dot { box-shadow: inset 0 1px 2px rgba(0,0,0,0.10), 0 0 0 2px #006afe; }
.cqv-glasschip.is-active .cqv-colorchip-name { color: #1a1e2e; }
.cqv-form-wrap { margin-top: 16px; }
.cqv-form-lead { font-size: 0.9rem; line-height: 1.45; color: #475467; margin: 0 0 10px; font-weight: 600; }
.cqv-form .lead-form-group { margin-bottom: 7px; }
.cqv-form .lead-form-input { padding-top: 9px; padding-bottom: 9px; }
.cqv-form .lead-form-button { width: 100%; }
.cqv-secure { margin: 0 0 10px; font-size: 0.74rem; color: #687388; text-align: center; }
.cqv-secure i { margin-right: 4px; color: #16a34a; }
.cqv-trust { display: flex; align-items: center; justify-content: center; gap: 16px; flex-wrap: wrap; }
.cqv-trust img { height: 30px; width: auto; opacity: 0.92; }
.cqv-steps { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.cqv-step { display: inline-flex; align-items: center; gap: 6px; font-size: 0.78rem; font-weight: 600; color: #475467; }
.cqv-step-num { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 5px; background: #006afe; color: #fff; font-size: 0.7rem; font-weight: 700; }
.cqv-step-arr { color: #c4cbd4; font-size: 0.7rem; }
.cqv-call { margin: 12px 0 0; text-align: center; font-size: 0.82rem; color: #6b7280; }
.cqv-call a { color: #006afe; font-weight: 700; text-decoration: none; }
.cqv-call a:hover { text-decoration: underline; }
@media (max-width: 640px) {
.cqv { grid-template-columns: 1fr; grid-template-areas: "media" "info" "details"; grid-template-rows: none; }
.cqv-media { padding: 14px 14px 0; }
.cqv-details { border-top: 1px solid #eef0f2; }
.cqv-info { padding: 18px 14px; border-left: none; }
.cqv-overlay { padding: 0; }
.cqv-dialog { max-width: none; min-height: 100%; border-radius: 0; margin: 0; }
}
.section .text-4 p a:not(.btn),
.section > .container > p a:not(.btn),
.section p.text-4 a:not(.btn),
.section p.text-3 a:not(.btn),
#faq a { text-decoration: underline; }
a.custom-view-more.text-color-primary { color: var(--apw-blue) !important; }
#header .header-logo img { object-fit: contain; }
html { scrollbar-gutter: stable; }
main > section:not(:first-of-type):not(.cv-off) { content-visibility: auto; contain-intrinsic-block-size: auto var(--cv-m, 1200px); }
@media (min-width: 768px) { main > section:not(:first-of-type):not(.cv-off) { contain-intrinsic-block-size: auto var(--cv-t, 900px); } }
@media (min-width: 1024px) { main > section:not(:first-of-type):not(.cv-off) { contain-intrinsic-block-size: auto var(--cv-d, 700px); } }
dialog.apw-dialog { border: 0; padding: 0; margin: auto; width: min(96vw, 900px); max-width: 96vw; max-height: 92vh; overflow: auto; border-radius: 6px; background: transparent; color: inherit; }
dialog.apw-dialog--wide { width: min(96vw, 1100px); }
dialog.apw-dialog--image { width: auto; max-width: 96vw; background: #000; }
dialog.apw-dialog--image img { display: block; max-width: 96vw; max-height: 90vh; width: auto; height: auto; }
dialog.apw-dialog::backdrop { background: rgba(0, 0, 0, 0.8); }
dialog.apw-dialog > .apw-dialog__close { position: absolute; top: 0; right: 0; width: 44px; height: 44px; line-height: 44px; padding: 0; border: 0; background: transparent; color: #000; font-size: 28px; font-family: Arial, sans-serif; cursor: pointer; z-index: 2; opacity: .65; text-align: center; }
dialog.apw-dialog > .apw-dialog__close:hover, dialog.apw-dialog > .apw-dialog__close:focus-visible { opacity: 1; }
dialog.apw-dialog--image > .apw-dialog__close { color: #fff; }
dialog.lead-form-modal { margin: auto; }
dialog.iq-modal { background: #fff; }
html.lightbox-opened { overflow: hidden; }
.apw-carousel { position: relative; --per-view: 1; }
.apw-carousel__track { display: flex; gap: var(--carousel-gap, 0px); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; outline: none; }
.apw-carousel__track::-webkit-scrollbar { display: none; }
.apw-carousel__track:focus-visible { outline: 2px solid var(--apw-blue); outline-offset: 4px; }
.apw-carousel__item { flex: 0 0 calc((100% - (var(--per-view) - 1) * var(--carousel-gap, 0px)) / var(--per-view)); scroll-snap-align: start; scroll-snap-stop: always; }
.apw-carousel--center .apw-carousel__track { padding-inline: 16.6667%; scroll-padding-inline: 16.6667%; overflow-y: visible; }
.apw-carousel--center .apw-carousel__item { flex-basis: 66.6667%; scroll-snap-align: center; }
.apw-carousel__nav { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 50%; border: 0; background: #fff; color: #212529; box-shadow: 0 2px 8px rgba(0,0,0,.18); cursor: pointer; z-index: 2; font-size: 0.8rem; }
.apw-carousel__nav--prev { left: 8px; }
.apw-carousel__nav--next { right: 8px; }
.apw-carousel__nav:focus-visible { outline: 2px solid var(--apw-blue); outline-offset: 2px; }
.apw-carousel__dots { display: flex; justify-content: center; gap: 6px; margin-top: 12px; }
.apw-carousel__dot { width: 24px; height: 24px; border: 0; background: transparent; padding: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.apw-carousel__dot::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #c4c4c4; transition: background .2s, transform .2s; }
.apw-carousel__dot[aria-current="true"]::before { background: var(--apw-blue); transform: scale(1.3); }
.apw-carousel--reviews .apw-carousel__item > div { padding: 3rem; background: #fff; border-radius: 7px; box-shadow: 0 0 40px rgba(0, 0, 0, .08); transition: background .3s; }
.apw-carousel--reviews .apw-carousel__item.is-active > div { background: var(--apw-blue); }
.apw-carousel--reviews .apw-carousel__item.is-active > div * { color: #fff !important; }
@media (min-width: 992px) { .apw-carousel--reviews .apw-carousel__nav--prev { left: 75px; } .apw-carousel--reviews .apw-carousel__nav--next { right: 75px; } }
@media (max-width: 767px) { .apw-carousel { --per-view-mobile: 1; } .apw-carousel__item { flex-basis: calc((100% - (min(var(--per-view), 2) - 1) * var(--carousel-gap, 0px)) / min(var(--per-view), 2)); } .apw-carousel--center .apw-carousel__track { padding-inline: 8%; scroll-padding-inline: 8%; } .apw-carousel--center .apw-carousel__item { flex-basis: 84%; } .apw-carousel--reviews .apw-carousel__item > div { padding: 1.5rem; } }
@media (min-width: 992px) {
.sidebar[data-plugin-sticky] { position: sticky; top: 110px; }
}
html body #header .nav-brand-heading { color: #b8c0cc; }
.apw-callouts-lead { font-weight: 600; font-size: 3em; line-height: 2.7rem; letter-spacing: -.05em; }
@media (max-width: 767px) { .apw-callouts-lead { font-size: 2em; } }
#footer .footer-copyright nav#sub-menu ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#footer .footer-copyright nav#sub-menu ul li { white-space: nowrap; }
#footer .footer-copyright nav#sub-menu ul li a { display: inline-block; padding: 6px 0; line-height: 12px; }
@media (min-width: 992px) {
#footer .footer-copyright nav#sub-menu ul { flex-wrap: nowrap; justify-content: flex-end; }
}
@media (max-width: 575px) {
#footer .footer-copyright nav#sub-menu ul li { flex: 0 0 50%; padding: 0; text-align: center; }
}
@media (min-width: 992px) and (max-width: 1399px) {
#header .header-nav-main nav > ul { flex-wrap: nowrap; }
#header .nav-cta-call-now { display: none !important; }
}
section.section.apw-testimonials-bg { background: #f4f4f4 url(/img/testimonial-1-bg-828c1000.webp) 50% 50% / cover no-repeat; }
@media (min-width: 768px) {
section.section.apw-testimonials-bg { background-image: url(/img/testimonial-1-bg-1920c1080.webp); }
}
@media (min-width: 992px) {
section.section.apw-testimonials-bg { background-attachment: fixed; }
}
@media (prefers-reduced-motion: reduce) {
section.section.apw-testimonials-bg { background-attachment: scroll; }
}
html body .toggle > .toggle-title,
html body .toggle-primary .toggle > .toggle-title { background: #fff; color: #212529; border-left: 2px solid var(--apw-blue); border-right: 0; }
html body .toggle > .toggle-title:hover,
html body .toggle-primary .toggle > .toggle-title:hover { background: #eef3ff; color: #212529; }
html body .toggle.active > .toggle-title,
html body .toggle-primary .toggle.active > .toggle-title { background: #eef3ff; color: var(--apw-blue); border-left-color: var(--apw-blue); }
html body .toggle > .toggle-title:before { border-color: var(--apw-blue); top: calc(50% - 8px); transform: rotate(135deg); }
html body .toggle.active > .toggle-title:before { top: calc(50% + 1px); transform: rotate(-45deg) translate3d(0, -50%, 0); }
.compare-check {
color: #28a745;
font-size: 1.5rem;
}
.compare-times {
color: #dc3545;
font-size: 1.5rem;
}
.benefit-icon-wrapper {
width: 100px;
height: 100px;
background-color: var(--primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
transition: all 0.3s;
}
.benefit-icon-wrapper i {
font-size: 40px;
color: white;
}
.benefit-card:hover .benefit-icon-wrapper {
background-color: var(--secondary);
transform: rotateY(180deg);
}
.feature-name {
font-weight: 600;
}
.compare-table {
border: 2px solid #dee2e6;
}
.compare-table th {
background-color: #f8f9fa;
font-weight: 700;
text-align: center;
border-bottom: 2px solid #dee2e6;
}
.compare-table td {
vertical-align: middle;
border: 1px solid #dee2e6;
}
/* ---- css/a11y.css ---- */
:focus-visible {
outline: 3px solid #0066CC;
outline-offset: 2px;
}
.form-control:focus-visible,
.form-select:focus-visible {
outline: 3px solid rgba(0, 102, 204, 0.5);
outline-offset: 0;
}
.btn:focus-visible,
.nav-link:focus-visible,
.dropdown-item:focus-visible,
.accordion-button:focus-visible,
.page-link:focus-visible {
outline: 3px solid #0066CC;
outline-offset: 2px;
}
.skip-link {
position: absolute;
top: -100%;
left: 16px;
z-index: 100000;
padding: 12px 24px;
background: #0066CC;
color: #fff;
font-weight: bold;
text-decoration: none;
border-radius: 0 0 4px 4px;
transition: top 0.15s ease;
}
.skip-link:focus {
top: 0;
outline: 3px solid #fff;
outline-offset: 2px;
}
.visually-hidden,
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
border-width: 2px;
}
.call-to-action-btn-green, .mid-page-cta-submit, .exit-intent-submit, .sticky-mobile-cta-btn, .floating-quote-btn,
html body .btn-secondary-custom, html body .btn-success { text-shadow: 0 0 1px #353535; }
.text-color-grey, .text-color-grey a { color: #6f6f6f !important; }
html body .custom-view-more, html body .read-more.text-color-primary, html body .text-color-primary:not(.btn), html body a.text-color-primary:not(.btn),
html body .text-primary:not(.btn), html body .cct td.cct-price, html body .cct-price { color: var(--apw-blue) !important; }
html body .btn-primary, html body .bg-primary, html body .bg-color-primary, html body .badge.bg-color-primary { background-color: var(--apw-blue) !important; border-color: var(--apw-blue) !important; }
html body .btn-primary:hover, html body .btn-primary:focus, html body .btn-primary:active { background-color: var(--apw-blue-dark) !important; border-color: var(--apw-blue-dark) !important; }
html body .btn-outline.btn-primary { color: #fff !important; }
html body .iq-btn.btn-primary { background-color: #0b6ef4 !important; border-color: #0b6ef4 !important; }
html body .iq-btn.btn-primary:hover, html body .iq-btn.btn-primary:focus, html body .iq-btn.btn-primary:active { background-color: #0a5fd6 !important; border-color: #0a5fd6 !important; }
html body .visualizer-promo .text-color-primary, html body .visualizer-promo a.text-color-primary { color: #8ad3ff !important; }
html body .call-to-action-default .call-to-action-content a:not(.btn) { color: var(--apw-blue); }
html body .bg-color-dark, html body .bg-dark, html body .bg-color-dark-scale-2 { color: #fff; }
html body :is(.bg-color-dark, .bg-dark, .bg-color-dark-scale-2) :is(p, li, span, strong, em, .h4, .h5, h2, h3, h4, h5):not([class*="text-color"]):not(.text-primary):not(.badge) { color: inherit; }
html .btn-light:not(.bg-transparent), html .btn-light.text-1 { color: #6b6b6b; }
.post-content :where(a:not(.btn):not([class*="btn"])), main p > :where(a:not(.btn):not([class*="btn"]):not(.card-link):not(.hero-trust-badge)),
.call-to-action-content p a, .article-body :where(a:not(.btn)), .featured-snippet-callout a { text-decoration: underline; text-underline-offset: 2px; }
html body .btn-secondary-custom { background-color: var(--apw-green); border-color: var(--apw-green); color: #fff; }
html body .btn-secondary-custom:hover, html body .btn-secondary-custom:focus { background-color: var(--apw-green-dark); border-color: var(--apw-green-dark); color: #fff; }
html { scroll-padding-top: 110px; }
html body .shutters-callout .text-color-primary, html body .shutters-callout a.text-color-primary { color: #8ad3ff !important; }
html body .text-muted { color: #6a6a6a !important; }
html body .btn-success { background-color: var(--apw-green) !important; border-color: var(--apw-green) !important; color: #fff !important; }
html body .btn-success:hover, html body .btn-success:focus { background-color: var(--apw-green-dark) !important; border-color: var(--apw-green-dark) !important; }
html body .btn-outline-primary { color: #0a58ca; border-color: #0a58ca; }
html body #cpb-root .cpb-ctrl-header label { color: #5f676e; }
main :is(ul, ol):not(.breadcrumb):not(.nav):not(.pagination):not(.dropdown-menu):not([class*="tab"]):not([class*="menu"]) > li > a:not(.btn):not([class*="btn"]):not([class*="card"]):not(.page-link):not(.nav-link) { text-decoration: underline; text-underline-offset: 2px; }
h2.lead-form-title { line-height: 24px; }
h3.card-title, .process-step-content h3 { line-height: 27px; }
h3.h4 { font-size: 1.4em; line-height: 27px; letter-spacing: -.05em; margin-top: 0; }
p.h4 { color: #212529; letter-spacing: -.05em; line-height: 27px; }
p.h5 { color: #212529; letter-spacing: -.05em; font-size: 1em; line-height: 18px; margin: 0 0 14px 0; }
p.h5.text-white { color: #fff; }
h3.h5 { font-size: 1em; font-weight: 600; line-height: 18px; margin: 0 0 14px 0; letter-spacing: -.05em; }
html body #mainNav > li > a.dropdown-item, html body #mainNav > li.dropdown > a.dropdown-item { color: #fff !important; }
html body .hero-card__feature-desc { color: #697383; }
html body .hurricane-spin { width: auto; }
html body .testimonial-primary blockquote, html body .testimonial-primary .testimonial-author-thumbnail, html body .testimonial-primary .testimonial-author { background: var(--apw-blue) !important; color: #fff; }
html body .testimonial-primary blockquote:before, html body .testimonial-primary blockquote:after { color: #cfe6f5; }
html body .testimonial-carousel .opacity-7 { opacity: .95 !important; }