/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/


@font-face {
    font-family: 'Soho Pro';
    src: url('font/SohoPro-BoldItalic.woff2') format('woff2'),
        url('font/SohoPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Soho Std';
    src: url('font/SohoStd-Bold.woff2') format('woff2'),
        url('font/SohoStd-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNextLTProRegular';
    src: url('font/AvenirNextLTProRegular.woff2') format('woff2'),
        url('font/AvenirNextLTProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'AvenirNextLTProBold';
    src: url('font/AvenirNextLTProBold.woff2') format('woff2'),
        url('font/AvenirNextLTProBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body{font-family:  "AvenirNextLTProRegular",  sans-serif!important;}

h1,h2,h3,h4,h5,h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Soho Std", sans-serif!important;}

/* MOBILE MENU STYLING  */

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content, .off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content  { /* Menu Background Color */
   background-color: #fff;
}

.off-canvas .nav-vertical>li>a { /* Main Menu Links Styling */
    font-size: 16px;
    /*color: var(--fs-color-primary);*/
    color: #444444;
    line-height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px !important;
}

.nav-vertical>li>ul li a { /* Sub Menu Links Styling */
  color: #8b8b8b;
}

.nav-vertical>li>ul li a:hover { /* Sub Menu Links: Hover Styling */
  color: var(--fs-color-primary);
}

.nav-vertical li li.menu-item-has-children>a { /* Sub Menu Links with Children: Styling */
    color: var(--fs-color-primary);
    text-transform: none;
    font-size: 100%;
}

.toggle, .toggle:focus { /* Dropdown arrow styling */
    opacity: 1;
}

@media screen and (max-width: 549px) { /* Close X styling for Phone */
.mfp-ready .mfp-close { 
	color:var(--fs-color-primary);
    opacity: 1;
    mix-blend-mode: inherit;
}
}
.off-canvas-right .mfp-content .toggle {
    color: var(--fs-color-primary)!important;
}
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content { /* Menu Transition Speed */
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
}

.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover { /* Remove Background Hover */
    background-color: transparent;
}

.nav-sidebar.nav-vertical>li+li { /* Border Styling */
    border-top: 0px solid #ececec;
}

.nav-sidebar .button { /* Button Full Width */
    width:100%;
}

.nav-sidebar li.html.header-button-1, .nav-sidebar li.html.header-button-2 { /* Button Small Margin */
	margin:4px !important;
}

@media screen and (max-width: 549px) { /* Width & Padding Menu - Phone Only */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 100%;
	}
}

@media screen and (min-width: 550px) { /* Width & Padding Menu - Tablet Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 400px;
	}
}

@media screen and (min-width: 1800px) { /* Width & Padding Menu - Big Dekstop */
	.off-canvas .sidebar-menu, .cart-popup-inner.inner-padding {
	padding: 40px;
	}
	.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	width: 500px;
	}
}

.nav-vertical li li, .off-canvas:not(.off-canvas-center) .nav-vertical li>a, .nav-sidebar .off-canvas:not(.off-canvas-center) .nav-vertical li>a { /* Important Padding - Dont remove */
    padding-left: 0px;
}

.nav-vertical li li.menu-item-has-children { /* Important Padding - Dont remove */
	margin:0px;
}

.off-canvas:not(.off-canvas-center) li.html { /* Padding & Margin - Dont remove */
    padding: 0px;
    margin: 20px 0px;
}
li.html.custom.html_topbar_right {
    margin: 0px;
}
/* END MOBILE MENU STYLING */

body.nav-light header:not(.sticky) .navbar {
    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='40px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M575 3986 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3Cpath d='M1416 2697 c-109 -61 -106 -221 5 -277 38 -20 61 -20 1578 -18 1537 3 1540 3 1567 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -30 21 -1569 23 l-1542 3 -39 -23z'/%3E%3Cpath d='M575 1426 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3C/g%3E%3C/svg%3E");
}
.icon-menu:before {
    content: none;
}
.nav>li>a>i.icon-menu {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='40px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23ffffff' stroke='none'%3E%3Cpath d='M575 3986 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3Cpath d='M1416 2697 c-109 -61 -106 -221 5 -277 38 -20 61 -20 1578 -18 1537 3 1540 3 1567 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -30 21 -1569 23 l-1542 3 -39 -23z'/%3E%3Cpath d='M575 1426 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.stuck .nav>li>a>i.icon-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='40px' height='40px' viewBox='0 0 512.000000 512.000000' preserveAspectRatio='xMidYMid meet'%3E%3Cg transform='translate(0.000000,512.000000) scale(0.100000,-0.100000)' fill='%23111111' stroke='none'%3E%3Cpath d='M575 3986 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3Cpath d='M1416 2697 c-109 -61 -106 -221 5 -277 38 -20 61 -20 1578 -18 1537 3 1540 3 1567 24 53 39 69 71 69 134 0 63 -16 95 -69 134 -27 21 -30 21 -1569 23 l-1542 3 -39 -23z'/%3E%3Cpath d='M575 1426 c-67 -29 -105 -106 -91 -181 9 -47 59 -102 104 -115 26 -8 641 -10 1994 -8 l1957 3 27 21 c53 39 69 71 69 134 0 63 -16 95 -69 134 l-27 21 -1967 2 c-1620 2 -1972 0 -1997 -11z'/%3E%3C/g%3E%3C/svg%3E");
}


.ticker-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.ticker {
  white-space: nowrap;
  display: flex;
}

.ticker-content {
  display: inline-block;
  animation: ticker-animation 50s linear infinite;
}

.ticker-content span {
  display: inline-block;
  padding: 0 2rem;
  white-space: nowrap;
}

@keyframes ticker-animation {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (min-width:1024px) {
.videos-reviews .slider-nav-outside {
    position: relative; /* Ensure parent is positioned */
}

.videos-reviews .slider-nav-outside .flickity-prev-next-button {
    position: absolute;
    top: -28rem; /* adjust as needed */
}

.videos-reviews .slider-nav-outside .flickity-prev-next-button.next {
    right: 0.5rem; /* top right corner */
    left: auto;
}

.videos-reviews .slider-nav-outside .flickity-prev-next-button.previous {
    right: 2.5rem; /* position to the left of the next button */
    left: auto;
}
}


.grd-left::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background:
      radial-gradient(
          circle at 0% 25%,
          rgba(31, 44, 54, 0.45) 0%,
          rgba(31, 44, 54, 0.20) 35%,
          transparent 70%
      ),
      radial-gradient(
          circle at 5% 75%,
          rgba(31, 44, 54, 0.40) 0%,
          rgba(31, 44, 54, 0.15) 40%,
          transparent 75%
      ),
      linear-gradient(
          90deg,
          rgba(0, 0, 0, 0.80) 0%,
          rgba(31, 44, 54, 0.75) 25%,
          rgba(31, 44, 54, 0.45) 45%,
          rgba(31, 44, 54, 0.20) 65%,
          rgba(0, 0, 0, 0.00) 85%
      );

    opacity: 0.6;
}

/*.grd-bottom >.banner-bg.fill::before, */
section.grd-bottom:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;

    background:
        linear-gradient(
            0deg,
            rgba(0, 0, 0, 0.85) 0%,
            rgba(0, 0, 0, 0.65) 30%,
            rgba(0, 0, 0, 0.35) 55%,
            rgba(0, 0, 0, 0.00) 80%
        );

    pointer-events: none;
}

a.button.open-video.icon.circle.is-outline {
    border: none;
}
a.button.open-video.icon.circle.is-outline:hover
Specificity: (0,6,1)
 {
    background-color: transparent;
}
/* pulse ring */
a.button.open-video.icon.circle.is-outline::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:5px solid var(--fs-color-primary);
    animation:pulse-ring 2s infinite;
    opacity:.7;
}
a.button.open-video.icon.circle.is-outline:hover::after{
    animation-play-state: paused;
    opacity: 0;
    border:5px solid var(--fs-color-secondary);
}
.video-button-wrapper {
    background-color: var(--fs-color-primary);
transition: background-color 0.3s ease;
    border-radius: 99px;
}
.video-button-wrapper:hover {
    background-color: var(--fs-color-secondary);
}
a.button.open-video.icon.circle.is-outline:hover {
    background-color: transparent;
    border-color: transparent;
}
/* animation */
@keyframes pulse-ring{
    0%{
        transform:scale(1);
        opacity:.8;
    }
    70%{
        transform:scale(1.8);
        opacity:.4;
    }
    100%{
        transform:scale(1.8);
        opacity:0;
    }
}
.button.open-video i {
    top: .027em;
}

a.button.open-video.icon.circle.is-outline::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:5px solid var(--fs-color-primary);
    animation:pulse-ring 2s infinite;
    opacity:.7;
    transition: opacity 0.3s ease;
}

/* Google reviews */
.rpi-dots .rpi-dot.active {
    background-color: #0f9d9d !important;
}

.rpi-content .rpi-card-inner {
    background-color: #fff;
}
.rpi .rpi-ltgt {
    border-color: transparent !important;
}
.minimal-review .rplg-badge2-btn.rplg-badge2-clickable {
    background-color: transparent!important;
    color: #fff!important;
    box-shadow: none!important;
padding: 0px!important;
}
.minimal-review.dark .rplg-badge2-btn.rplg-badge2-clickable {
    color: #000!important;
}
.minimal-review .rplg-badge2-border {
    display: none;
}
.rplg .rplg-badge2 {
    margin: 0!important;
    font-family: unset!important;
    box-shadow:none!important;
}
.minimal-review .rplg-biz-based.rplg-trim {
    display: inline-block!important;
    color: #fff!important;
    text-shadow: none!important;
}
.minimal-review.dark .rplg-biz-based.rplg-trim {
    color: #000!important;
}
.minimal-review .rplg-biz-rating.rplg-trim.rplg-biz-google {
    display: inline-block;
}
.minimal-review .rplg-badge2 .rplg-badge2-btn .rplg-badge-logo>svg {
    width: 34px!important;
    height: 34px!important;
}
.minimal-review svg use {
    fill: #e1702c;
}
.minimal-review .rplg .rplg-biz-rating.rplg-biz-google .rplg-biz-score {
    color: #e1702c!important;
}
.minimal-review .rplg .rplg-badge2 .rplg-biz-rating>div {
    font-size: 15px!important;
    font-weight: normal!important;
}
.minimal-review .rplg .rplg-stars svg {
    display: inline-block!important;
    width: 14px!important;
    height: 14px!important;
}
.minimal-review .rplg div {
    vertical-align: text-top!important;
}
.minimal-review  .rplg-badge2 .rplg-badge2-btn.rplg-badge2-clickable:hover {
    background: transparent!important;
}
.rplg-badge2 .rplg-badge2-btn.rplg-badge2-clickable:hover {
    background: transparent !important;
}
/* END Google reviews */



/* Ticker viewport */
.is-ticker{
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* The moving track */
.is-ticker .flickity-slider,
.is-ticker-viewport .is-ticker-track{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

/* If using your custom wrapper */
.is-ticker-track{
  animation: isTickerScroll var(--ticker-duration, 30s) linear infinite;
}

/* Kill Flatsome row layout interference */
.is-ticker .row,
.is-ticker-track > .row.is-ticker{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  margin: 0 !important;
  max-width: none !important;
  width: max-content !important;
  padding: 0 !important;
}

/* Force each item to stay in its own lane */
.is-ticker .gallery-col,
.is-ticker .col,
.is-ticker-track > .row.is-ticker > .gallery-col,
.is-ticker-track > .row.is-ticker > .col{
  flex: 0 0 300px !important;
  width: 300px !important;
  max-width: 300px !important;
  min-width: 30px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Prevent internal box stretching */
.is-ticker .box,
.is-ticker .box-image{
  width: 100% !important;
  overflow: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Image sizing */
.is-ticker .box-image img{
  display: block;
  width: auto !important;
  max-width: 100% !important;
  max-height: 160px !important;
  height: auto !important;
  object-fit: contain;
  margin: 0 auto;
}


@media (prefers-reduced-motion: reduce){
  .is-ticker-track{
    animation: none !important;
    transform: none !important;
  }
}

@keyframes isTickerScroll{
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(calc(-1 * var(--ticker-width)),0,0); }
}

/* Mobile */
@media only screen and (max-width: 48em){
  .is-ticker .gallery-col,
  .is-ticker .col,
  .is-ticker-track > .row.is-ticker > .gallery-col,
  .is-ticker-track > .row.is-ticker > .col{
    flex: 0 0 33.333vw !important;
    width: 33.333vw !important;
    max-width: 33.333vw !important;
    min-width: 33.333vw !important;
    padding: 0 10px !important;
  }

  .is-ticker .box-image img{
    max-height: 140px !important;
  }
}




.timeline-nav {
  position: relative;
  display: flex;
  gap: 42px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  scroll-behavior: smooth;
  margin: 25px auto 0;
  padding: 0 45vw 18px;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-top: 13px;
}

.timeline-nav::-webkit-scrollbar {
  display: none;
}

.timeline-nav:before {
  content: "";
  position: absolute;
  top: 27px;
  left: 0;
  width: 100%;
  min-width: 13600px;
  height: 2px;
  background: rgba(31,44,54,0.25);
}

.timeline-nav button {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  background: none;
  border: 0;
  padding: 34px 0 0;
  color: rgba(31,44,54,0.45);
  font-weight: 600;
  cursor: pointer;
  min-width: 55px;
  transition: all 0.25s ease;
}

.timeline-nav button:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid rgba(31,44,54,0.35);
  border-radius: 50%;
  transform: translateX(-50%);
  transition: all 0.25s ease;
}

.timeline-nav button.is-active {
  color: #0f9d9d;
  transform: translateY(-2px);
}

.timeline-nav button.is-active:before {
  background: #0f9d9d;
  border-color: #0f9d9d;
  transform: translateX(-50%) scale(1.45);
  box-shadow: 0 0 0 8px rgba(15,157,157,0.12);
}

.timeline-nav button.is-before,
.timeline-nav button.is-after {
  color: rgba(31,44,54,0.7);
}