html { scroll-behavior: smooth;}main > section:first-child { padding-top: calc(var(--scn-pd-v) + var(--top-bar-height)); @media screen and (max-width: 1280px) { padding-top: calc(var(--scn-pd-v) + var(--top-bar-height-mbl)); } }section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-bottom):not(:has(> .bg-img)) + section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-top):not(:has(> .bg-img)),section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-bottom):has(> .img-msk-down, > .bg-img .img-msk-down) + section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-top):not(:has(> .bg-img)),section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-bottom):has(> .img-msk-down, > .bg-img .img-msk-down) + section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-bottom):has(> .img-msk-up, > .bg-img .img-msk-up),section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-bottom):not(:has(> .bg-img)) + section:not(.dark-theme, .bg-primary, .bg-secondary, .dark-top):has(> .img-msk-up, > .bg-img .img-msk-up),section.dark-theme:not(:has(> .bg-img)) + section.dark-theme:not(:has(> .bg-img)),section.bg-primary:not(:has(> .bg-img)) + section.bg-primary:not(:has(> .bg-img)),section.bg-secondary:not(:has(> .bg-img)) + section.bg-secondary:not(:has(> .bg-img)),section.dark-bottom + section.dark-top { padding-top: 0;}.brxe-button.bricks-button { cursor: pointer; position: relative; font-size: var(--btn-s); line-height: 1.25; font-weight: 700; font-family: var(--title-font); transition: color 0.35s ease, background-color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease; @media screen and (max-width: 767px) { display: table; margin-inline: auto; } &.bricks-background-primary { color: var(--white); background-color: var(--accent); border-radius: var(--btn-rds); box-shadow: 0 1px 0 hsl(from var(--white) h s l / 0.5) inset, 0 -1px 0 hsl(from var(--black) h s l / 0.25) inset, 0 4px 2em hsl(from var(--black) h s l / 0.3); &:is(:hover, :focus-visible) { background-color: hsl(from var(--accent) h s calc(l - 24)); } } }.thin { display: block; width: 100%; max-width: var(--thin-w); margin-inline: auto; &.brxe-container { max-width: var(--thin-w); } }section header { margin-bottom: var(--hdr-mrg-bt); &:last-child { margin-bottom: 0; } }.kicker { display: block; color: var(--primary); text-transform: uppercase; font-family: var(--title-font); font-weight: var(--kicker-w); line-height: var(--kicker-lh); letter-spacing: var(--kicker-ls); font-size: var(--kicker-s); margin-bottom: 1em;}.title-lg { display: block; font-size: var(--h-lg-s); font-weight: var(--h-lg-w); line-height: var(--h-lg-lh); font-family: var(--title-font);}h1, h2, h3, h4, h5, h6,.h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style { display: block; color: var(--primary); font-family: var(--title-font); margin-block: var(--title-sp); &:first-child { margin-block-start: 0; } &:last-child { margin-block-end: 0; } }h1, .h1-style { font-size: var(--h1-s); font-weight: var(--h1-w); line-height: var(--h1-lh); text-wrap: balance;}h2, .h2-style { font-size: var(--h2-s); font-weight: var(--h2-w); line-height: var(--h2-lh); text-wrap: balance;}h3, .h3-style { font-size: var(--h3-s); font-weight: var(--h3-w); line-height: var(--h3-lh);}h4, .h4-style { font-size: var(--h4-s); font-weight: var(--h4-w); line-height: var(--h4-lh);}.h4-style { color: var(--secondary);}h5, .h5-style { font-size: var(--h5-s); font-weight: var(--h5-w); line-height: var(--h5-lh);}.h5-style { color: var(--secondary);}h6, .h6-style { font-size: var(--h6-s); font-weight: var(--h6-w); line-height: var(--h6-lh);}.kicker + :is(h1, h2, h3, h4, h5, h6),.kicker + :is(.h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style) { margin-block-start: 0;}.clr-white { .kicker { color: inherit; } h1, h2, h3, h4, h5, h6, .h1-style, .h2-style, .h3-style, .h4-style, .h5-style, .h6-style { color: inherit; } }:where(p,ul) + :where(h1,h2,h3,h4) { margin-block-start: 1.5rem;}.paragraph-lg { font-size: var(--p-lg-s);}strong, b { font-weight: 700;}a:not(.bricks-button) { color: var(--accent); transition: color 0.3s ease; &:is(:hover, :focus-visible) { color: inherit; } }header a:not(.bricks-button), footer a:not(.bricks-button) { color: inherit;}footer a:not(.bricks-button) { transition: opacity 0.3s ease; &:is(:hover, :focus-visible) { opacity: 0.7 } }address { font-style: inherit;}img { width: 100%; object-fit: cover;}figure, figcaption { margin: 0;}figcaption { font-family: inherit;}.video-iframe:is(iframe), .video-iframe iframe, iframe[src*='youtube'] { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 1rem;}video { border-radius: 1rem;}ul.unstyled-list { padding: 0; margin: 0; li { list-style: none; margin-block: 0;}}ul { li { margin-block: 0.5rem; }}p:has(+ ul) { margin-block-end: 0.75rem;}article li { list-style: default;}.glass { backdrop-filter: blur(3px);}.rlt { position: relative;}.txt-sdw { text-shadow: 0 0.05em 0.25em hsl(from var(--black) h s l / 0.4);}.category-tag { display: block; font-weight: 400; letter-spacing: 2px; line-height: 1.2; text-transform: uppercase; font-family: var(--title-font); font-size: 1rem; opacity: 0.75; a { color: inherit; transition: opacity 0.3s ease; &:is(:hover, :focus-visible) { opacity: 0.7; } } }body.header-relative header > div { position: relative !important;}header { :where(.brxe-nav-menu) .bricks-nav-menu > li > a, :where(.brxe-nav-menu) .bricks-nav-menu > li > div > a { &:hover { color: var(--primary); } }}:where(.brxe-nav-menu) { height: 100%; .bricks-nav-menu-wrapper { height: 100%; > ul { height: 100%; } } .bricks-nav-menu { > li { > div, > a { height: 100%; } > a { display: flex; align-items: center; } } .sub-menu { padding-block: 0.5rem; background-color: hsl(from var(--white) h s l / 0.6); min-width: 20rem; max-height: calc(100dvh - var(--top-bar-height) - var(--scn-pd-v)); overflow: auto; border-radius: 0 0 1rem 1rem; backdrop-filter: blur(3px); li { margin: 0; } a { font-size: 1rem; color: var(--dark); line-height: 1.5; padding-block: 0.75rem; transition: color 0.35s ease, background-color 0.35s ease; &:hover { color: var(--accent); background-color: var(--light); } } } } }.brxe-nav-menu .bricks-nav-menu .sub-menu { top: calc(100% + 1.25rem); &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track {background: transparent;}&::-webkit-scrollbar-thumb {background: var(--primary);border-radius: 10px;}}.brxe-nav-menu .bricks-mobile-menu-wrapper li.open > .sub-menu { display: block !important;}.brxe-nav-menu .bricks-mobile-menu-wrapper::before { background: var(--primary);}.brxe-nav-menu .bricks-mobile-menu-wrapper a { font-family: inherit; font-weight: 500;}@media screen and (max-width: 1280px) { .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li { &:not(:first-child) { margin-top: 2rem; } } .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li { font-size: 1.05rem; margin-top: 1rem; margin-bottom: 1.5rem; } .brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li a { line-height: 1.4 !important; } .brxe-nav-menu .bricks-mobile-menu-wrapper .brx-submenu-toggle svg { display: block !important; }}@media screen and (max-width: 767px) { .brxe-nav-menu .bricks-mobile-menu-wrapper { max-width: 80vw !important; width: 100% !important; }}.side-nav .side-nav-list { &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track {background: var(--color-5);}&::-webkit-scrollbar-thumb {background: var(--color-1);border-radius: 10px;}}.default-img-wrap, .default-img { height: 100%;}.text-center { text-align: center;}.w-100 { width: 100%; max-width: 100%;}.card-grid { display: grid; align-items: initial; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); grid-gap: var(--gap-sml);}.card-link { display: flex; justify-content: center; align-items: center; min-height: 10rem; height: 100%; padding: 1.5rem 1rem; text-align: center; position: relative; color: var(--color-6); .card-img { position: absolute; top: 50%; left: 50%; translate: -50% -50%; width: 100%; height: 100%; z-index: -1;} &:has(> .card-img) { &::before { content: ''; background: var(--color-5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6; } img { filter: grayscale(0.4); height: 100%; } } span { position: relative; }}.view-all-btn { display: flex; width: fit-content; margin-inline: auto; margin-top: 4rem;}.label-sm { font-family: inherit; font-size: 1rem; font-weight: 600; letter-spacing: 0.1rem; text-transform: uppercase;}.bx-sdw { box-shadow: 0 0 15px 0 var(--color-2);}a.bx-sdw { transition: box-shadow 0.3s ease-in-out; &:hover { box-shadow: 0 0 15px var(--color-6); }}.bdr-rd { border-radius: 10px; overflow: clip;}.side-nav { .side-nav-title { font-size: calc(1.2rem + .8vw); letter-spacing: 3.3px; line-height: 113%; text-transform: uppercase; margin-bottom: 1rem;}.side-nav-list { display: flex; flex-direction: column; gap: 0.75rem; max-height: 80vh; overflow-y: scroll; overflow-x: hidden;}.side-nav-link { font-family: inherit; font-weight: 700; text-transform: uppercase; line-height: 1; font-size: 1.125rem; display: inline-block; width: 100%; padding: 23px 36px; color: var(--color-6); background: transparent linear-gradient(90deg, #393939 0%, #0D0F10 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 3px 6px #00000083; border-radius: 10px; position: relative; &::before { content: ""; width: 10px; height: 100%; top: 0; left: 0; background: #870207; border-radius: 10px 0 0 10px; opacity: 0; transition: all 0.4s ease; position: absolute; } &:hover { &::before { opacity: 1; } }} }.splide { &:has(.splide__arrow--prev) { padding-inline-start: calc(var(--splide-arrow-s) * 2); @media screen and (max-width: 767px) { padding-inline-start: calc(var(--splide-arrow-s) * 0.75); } } &:has(.splide__arrow--next) { padding-inline-end: calc(var(--splide-arrow-s) * 2); @media screen and (max-width: 767px) { padding-inline-end: calc(var(--splide-arrow-s) * 0.75); } } }.splide__track { overflow-x: clip; overflow-y: visible; }.splide__arrow { height: auto; font-size: 0.875rem; width: var(--splide-arrow-s); aspect-ratio: 1; color: var(--accent); background-color: var(--white); border: solid 1px var(--light); border-radius: 50%; box-shadow: 0 0.5rem 2rem hsl(from var(--black) h s l / 0.3); svg { width: 1em; height: auto; fill: currentColor; } }.google-badge-text { .ti-header { padding: 0 !important; } .ti-small-logo { filter: brightness(0) invert(1); } .ti-mob-row:not(:last-child), .ti-stars { display: none !important; } }.google-reviews { .ti-widget .ti-widget-container .ti-reviews-container .ti-review-item { > .ti-inner { padding-block: 0 !important; background-color: transparent !important; backdrop-filter: none !important; } .ti-tooltip { display: none !important; } } .ti-footer { display: none !important; } }@media(prefers-reduced-motion: no-preference) { [class*='anm_fade'] { --translate-val: 3rem; opacity: 0; translate: var(--translate-x, 0) var(--translate-y, 0); transition: opacity 1.5s ease, translate 1.5s ease; @media screen and (max-width: 991px) { --translate-y: var(--translate-val); } &.animate { opacity: 1; translate: 0 0; } } @media screen and (min-width: 992px) { .anm_fade-up { --translate-y: var(--translate-val); } .anm_fade-down { --translate-y: calc(var(--translate-val) * -1); } .anm_fade-left { --translate-x: var(--translate-val); } .anm_fade-right { --translate-x: calc(var(--translate-val) * -1); } } }@keyframes shadow-pulse { 0%, 100% { box-shadow: 0 0 1em var(--white); } 50% { box-shadow: none; }}body .liveChatFloatingButtonMobile { bottom: 0 !important;}body .operator-image { display: block; width: calc(100% + 2px); max-width: none; height: calc(100% + 2px); margin: -1px;} .brxe-container {display: block; width: 100%; max-width: var(--container-w); margin-right: auto; margin-left: auto} .woocommerce main.site-main {width: 100%} #brx-content.wordpress {width: 100%; max-width: var(--container-w)} html {font-size: 100%} body {color: var(--dark); font-size: 1.125rem; font-weight: 500; line-height: 146%; text-wrap: pretty; font-family: "tt-commons-pro"} h1, h2, h3, h4, h5, h6 {font-weight: 900; color: var(--primary); line-height: 100%; text-wrap: balance; font-family: "sculpin"} h1 {font-size: var(--h1-s); line-height: var(--h1-lh)} h2 {font-size: var(--h2-s); font-weight: 900; line-height: var(--h2-lh); font-family: "sculpin"} h3 {font-size: var(--h3-s); font-weight: 900; line-height: var(--h3-lh); font-family: "sculpin"} h4 {font-size: var(--h4-s); font-weight: 900; line-height: var(--h4-lh); font-family: "sculpin"} h5 {font-size: var(--h5-s); font-weight: 900; line-height: var(--h5-lh); font-family: "sculpin"} h6 {font-size: var(--h6-s); font-weight: 900; line-height: var(--h6-lh); font-family: "sculpin"} .brxe-section {display: block; padding-top: var(--scn-pd-v); padding-right: var(--scn-pd-h); padding-bottom: var(--scn-pd-v); padding-left: var(--scn-pd-h)} .bricks-button {padding-top: var(--btn-pd-v); padding-right: var(--btn-pd-h); padding-bottom: var(--btn-pd-v); padding-left: var(--btn-pd-h)} .bricks-button:where(.sm) {padding-top: calc(var(--btn-pd-v) * 0.5); padding-right: calc(var(--btn-pd-h) * 0.55); padding-bottom: calc(var(--btn-pd-v) * 0.5); padding-left: calc(var(--btn-pd-h) * 0.55)} .brxe-block:where(:not(.accordion-content-wrapper):not(.accordion-title-wrapper)) {display: block}