/* CSS Document */


div#homeshuffle {
	padding: 0;
	    margin: 0 auto;
    max-width: 1200px;
}

	#MainContent_ascx_def1 {
		
		margin: 0 auto;
	}
	h1 {
		margin: 40px 0;
	}
	.dropdown-menu div.col-6.mbox a p {
		font-size: 12px;
	}
	.main1 .box img {
    transition: all .5s ease;
}

/* slide */
.carousel-caption.slide p {
    padding-left: 0 !important;
}
	
	.carousel-caption.slide a.btn-primary {
		margin-top: 2rem;
	}
.carousel-caption.slide {
    max-width: 720px;
    margin: 0 auto;
    color: black;
	top: 40% !important;
    transform: translateY(-40%);
}
	
@media only screen and (max-width:991px) {
		.carousel-caption.slide {
			top: 0 !important;
			left: 1rem !important;
			right: 1rem !important;
			transform: none;
			max-width: 100%;
			        color: white;
		}
	.main-wrap {
    padding: 0 15px;
}
	.container.body-content {
    padding: 0;
}
	.carousel-caption a.btn-primary {
    opacity: 1;
    padding: .5rem 1rem;
}
	}
	div#MainContent_ctl00_pnl_main1 .main1 .box h5 {
    font-weight: 600;
}

	.stifflex-b2b-box { background: linear-gradient(115deg, #15243b 0%, #243f5a 100%); border-radius: 1.25rem; }
	.stifflex-b2b-box::before { content: ""; position: absolute; top: -150px; right: -90px; width: 350px; height: 350px; border: 75px solid rgba(255,255,255,.045); border-radius: 50%; pointer-events: none; }
	.stifflex-b2b-eyebrow { color: #ffb56e; letter-spacing: .14em; }
	.stifflex-b2b-check { width: 1.25rem; height: 1.25rem; background: rgba(255,181,110,.17); color: #ffb56e; }
	.stifflex-b2b-btn { background: #f69d43; transition: background-color .2s, transform .2s; }
	.stifflex-b2b-btn:hover { background: #ffc17d; transform: translateY(-2px); }
	.stifflex-b2b-btn:focus { box-shadow: 0 0 0 .2rem rgba(255,255,255,.6); }


#brandimals { background-color: #75c045; margin-right: 0; margin-left: 0; }
.brandimals-center { margin-top: 15px; }


.container.body-content {
    margin-top: 0;
}

#myCarousel .carousel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: linear-gradient(
      to right, 
      rgb(from #000000 r g b / 0.4) 0%, 
	  rgb(from #000000 r g b / 0.2) 50%, 
      rgb(from #000000 r g b / 0.0) 75%
    );
    z-index: 1;
}

div#pnl_slide {
	    background-color: #000;
}

#myCarousel .carousel-item video, #myCarousel .carousel-item img {
    width: 100%;
    aspect-ratio: 1920 / 800;
    object-fit: cover;

}



/* Slider Text Animation */
	
@keyframes slideFromLeft {
    0% {
        opacity: 0;
        transform: translateX(-10%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

#pnl_slide .carousel-caption.slide {
    color: white;
    text-align: left;
}

@media (min-width: 991px)  {
	#pnl_slide .carousel-caption.slide {
		margin-top: 0;
		top: 50% !important;
		transform: translateY(-50%);
		max-width: 1400px;
		margin: 0 auto;
		text-wrap: pretty;
	}
}


#pnl_slide .carousel-caption.slide h1 {
	animation: slideFromLeft 1s ease forwards;
	font-weight: bold;
	    font-size: var(--5rem-rp);
}

#pnl_slide .carousel-caption.slide p {
	animation: slideFromLeft 1s ease forwards;
}

#pnl_slide .carousel-caption.slide h4 {
	animation: slideFromLeft 1s ease forwards;
    animation-delay: 0.3s;
    opacity: 0;
	line-height: 1.4;
    margin-bottom: 1.5rem;
    margin-top: 1.2rem;
}

#pnl_slide .carousel-caption.slide h3 {
	animation: slideFromLeft 1s ease forwards;
    animation-delay: 0.1s;
    opacity: 0;
}


#pnl_slide .carousel-caption.slide h2 {
	animation: slideFromLeft 1s ease forwards;
    animation-delay: 0.3s;
    opacity: 0;
	line-height: 1.4;
    margin-bottom: 1.5rem;
    margin-top: 1.2rem;
}

#pnl_slide .carousel-caption.slide a {
    background: black;
    padding: 1rem 2rem;
    color: white;
    margin-top: clamp(0rem, -0.5335rem + 1.7363vw, 1.5rem);
    display: inline-block;
	text-transform: uppercase;
	transition: all .3s ease;
	font-weight: bold;
	animation: slideFromLeft 1s ease forwards;
    animation-delay: 0.2s;
    opacity: 0;
	
}
	
#pnl_slide .carousel-caption.slide a:hover {
    background: black;
	text-decoration: none;
	
}

@media (max-width: 991px) {
	
	#pnl_slide .carousel-caption.slide h1 {
		line-height: clamp(2.5rem, -0.4335rem + 4.7363vw, 4rem);
	}
	
	#pnl_slide .carousel-caption, #pnl_slide .carousel-caption.slide, #pnl_slide .carousel-caption.slide h1, #pnl_slide .carousel-caption.slide h4, #pnl_slide .carousel-caption.slide a {
		text-align: left;
	}
	
	.carousel-item::before {
	  content: '';
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.1));
	  z-index: 1;
	}
	.carousel-inner {
	  position: relative;
	  z-index: 2;
	}
	.container.body-content {
		padding-right: 0;
		padding-left: 0;
	}
	.container.body-content {
    	margin-top: inherit;
	}
}



  .sfx-home { --sfx-ink:#172528; --sfx-muted:#5b6669; --sfx-line:#e4e7e5;
    --sfx-orange:#e30616; --sfx-cream:#f8f6f2; color:var(--sfx-ink);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
    font-size:16px; line-height:1.65; }
  .sfx-home *, .sfx-home *::before, .sfx-home *::after { box-sizing:border-box; }
  .sfx-home a { text-decoration:none; }
  .sfx-home a:focus-visible { outline:3px solid #cf742d; outline-offset:4px; }
  .sfx-home .sfx-container { max-width:1180px; margin:0 auto; padding:0 22px; }
  .sfx-home .sfx-section { padding:90px 0; }
  .sfx-home .sfx-kicker { display:block; margin:0 0 18px; font-size:12px; font-weight:750;
    line-height:1.4; text-transform:uppercase; letter-spacing:2.6px; color:var(--sfx-orange); }
  .sfx-home .sfx-title { margin:0 0 22px; font-size:clamp(33px,4.1vw,57px);
    font-weight:780; line-height:1.12; letter-spacing:-1.7px; }
  .sfx-home .sfx-lead { max-width:1000px; margin:0; color:var(--sfx-muted);
    font-size:18px; line-height:1.8; }
  .sfx-home .sfx-link { display:inline-flex; align-items:center; gap:8px;
    border-bottom:1px solid currentColor; padding-bottom:4px; color:var(--sfx-ink);
    font-size:14px; font-weight:730; transition:gap .2s ease; }
  .sfx-home .sfx-link:hover { gap:14px; color:#b65b23; }
  .sfx-home .sfx-button { display:inline-flex; justify-content:center; align-items:center;
    min-height:48px; border:1px solid transparent; border-radius:4px; padding:12px 22px;
    background:#fff; color:#202923; font-size:13px; font-weight:600;
    letter-spacing:1px; text-transform:uppercase; transition:transform .2s ease,background .2s ease; }
  .sfx-home .sfx-button:hover { transform:translateY(-2px); background:#f4e8dc; color:#202923; }
  .sfx-home .sfx-button-dark { background:var(--sfx-ink); color:#fff; }
  .sfx-home .sfx-button-dark:hover { background:#334646; color:#fff; }

  .sfx-home .sfx-intro { text-align:center; padding:84px 0 75px; }
  .sfx-home .sfx-intro .sfx-lead { margin:0 auto; }

  .sfx-home .sfx-collections { background:var(--sfx-cream); }
  .sfx-home .sfx-section-heading { margin-bottom:36px; }
  .sfx-home .sfx-section-heading .sfx-title { font-size:clamp(31px,3.2vw,44px); }
  .sfx-home .sfx-card-col { margin-bottom:24px; }
.sfx-home .sfx-collection-card img {
    margin-top: 1.4rem;
}
  .sfx-home .sfx-collection-card { display:flex; flex-direction:column; min-height:300px;
    height:100%; border-radius:8px; overflow:hidden; padding:28px 27px 26px;
    transition:transform .22s ease,box-shadow .22s ease; }
  .sfx-home .sfx-collection-card:hover { transform:translateY(-5px);
    box-shadow:0 16px 30px rgba(23,37,40,.10); }
  .sfx-home .sfx-collection-card .sfx-card-index { font-size:13px; font-weight:750;
    letter-spacing:2px; opacity:.78; }
  .sfx-home .sfx-collection-card h3 { margin:30px 0 12px; font-size:30px;
    letter-spacing:-.9px; line-height:1.15; font-weight:800; }
  .sfx-home .sfx-collection-card p { max-width:245px; margin:0 0 24px;
    font-size:14px; line-height:1.6; }
  .sfx-home .sfx-collection-card .sfx-link { margin-top:auto; align-self:flex-start; color:inherit; }
  .sfx-home .sfx-c-calaca { background:#29233d; color:#fff; }
  .sfx-home .sfx-c-prisma { background:#dfeb83; color:#263023; }
  .sfx-home .sfx-c-music { background:#dcd7ee; color:#292439; }
  .sfx-home .sfx-c-sweet { background:#fadbcf; color:#40281e; }

  .sfx-home .sfx-artwork { position:relative; isolation:isolate; width:100%; min-height:490px;
    display:flex; align-items:center; background:#223b32; overflow:hidden; }
  .sfx-home .sfx-artwork > img { position:absolute; inset:0; z-index:0;
    width:100%; height:100%; object-fit:cover; object-position:center 52%; }
  .sfx-home .sfx-artwork::before { position:absolute; inset:0; z-index:1; content:"";
    background:linear-gradient(90deg,rgba(12,27,26,.91) 0%,rgba(12,27,26,.73) 30%,
    rgba(12,27,26,.25) 67%,rgba(12,27,26,.03) 100%); }
  .sfx-home .sfx-artwork .sfx-container { position:relative; z-index:2; width:100%; padding-top:100px; padding-bottom:100px; }
  .sfx-home .sfx-artwork-copy { color:#fff; }
  .sfx-home .sfx-artwork .sfx-kicker { color:#ffca96; }
  .sfx-home .sfx-artwork .sfx-title { font-size:clamp(41px,5.2vw,74px);
    margin-bottom:20px; color:#fff; }
  .sfx-home .sfx-artwork p { max-width:460px; margin:0 0 28px;
    font-size:18px; line-height:1.75; color:#f0f3eb; }

  .sfx-home .sfx-watercolor { background:#eef3f0; overflow:hidden; }
  .sfx-home .sfx-watercolor .sfx-title { font-size:clamp(34px,3.5vw,49px); }
  .sfx-home .sfx-watercolor-art { position:relative; min-height:300px; margin:6px auto 0;
    max-width:420px; border-radius:50%; background:
      radial-gradient(ellipse at 68% 35%,rgba(89,159,179,.6) 0 16%,transparent 44%),
      radial-gradient(ellipse at 35% 61%,rgba(211,139,130,.53) 0 20%,transparent 51%),
      radial-gradient(ellipse at 50% 48%,rgba(199,187,110,.52) 0 22%,transparent 54%);
    filter:blur(0.1px); }
  .sfx-home .sfx-watercolor-art::after { content:"ARTWORK"; position:absolute;
    top:46%; left:50%; transform:translate(-50%,-50%) rotate(-12deg);
    font-size:clamp(36px,5vw,66px); line-height:1; font-weight:800;
    letter-spacing:-3px; color:rgba(30,67,69,.67); }

  .sfx-home .sfx-feature-col { margin-bottom:24px; }
  .sfx-home .sfx-feature-card { height:100%; padding:26px; border:1px solid var(--sfx-line);
    border-radius:8px; background:#fff; }
  .sfx-home .sfx-feature-head { display:flex; align-items:center; justify-content:space-between;
    min-height:102px; gap:16px; margin-bottom:15px; }
  .sfx-home .sfx-feature-image { display:block; width:110px; height:110px; object-fit:contain; }
  .sfx-home .sfx-feature-number { font-size:11px; letter-spacing:1.2px;
    font-weight:750; color:#9c654b; text-align:right; }
  .sfx-home .sfx-feature-card h3 { margin:0 0 10px; font-size:20px;
    font-weight:760; line-height:1.3; }
  .sfx-home .sfx-feature-card p { margin:0; color:var(--sfx-muted);
    font-size:14px; line-height:1.7; }
  .sfx-home .sfx-disclaimer { margin:20px 0 0; color:#6b7576;
    font-size:12px; line-height:1.7; }
  .sfx-home .sfx-sizes { background:var(--sfx-cream); }
  .sfx-home .sfx-size-card { display:flex; align-items:center; gap:22px; height:100%; min-height:255px;
    padding:25px; border:1px solid var(--sfx-line); border-radius:8px; background:#fff; }
  .sfx-home .sfx-size-visual { flex:0 0 125px; display:flex; align-items:center;
    justify-content:center; min-height:175px; }
  .sfx-home .sfx-size-visual img { display:block; object-fit:contain; max-width:100%; }
  .sfx-home .sfx-size-small .sfx-size-visual img { width:92px; max-height:134px; }
  .sfx-home .sfx-size-medium .sfx-size-visual img { width:115px; max-height:180px; }
  .sfx-home .sfx-size-card h3 { margin:0 0 4px; font-size:27px; font-weight:770; }
  .sfx-home .sfx-size-card .sfx-size-dimension { display:block; margin-bottom:10px;
    color:#b65b23; font-size:17px; font-weight:800; }
  .sfx-home .sfx-size-card p { margin:0; color:var(--sfx-muted);
    font-size:13px; line-height:1.7; }
  .sfx-home .sfx-size-specs { margin:9px 0 0; padding-left:17px; font-size:12px;
    line-height:1.75; color:var(--sfx-muted); }

  .sfx-home .sfx-story { background:#17272b; color:#fff; }
  .sfx-home .sfx-story .sfx-kicker { color:#eab580; }
  .sfx-home .sfx-story .sfx-title { font-size:clamp(34px,3.8vw,54px); color:#fff; }
  .sfx-home .sfx-story p { margin:0 0 26px; font-size:17px;
    line-height:1.85; color:#dce4e2; }
  .sfx-home .sfx-story .sfx-link { color:#fff; }
  .sfx-home .sfx-story-year { font-size:clamp(95px,15vw,190px);
    font-weight:850; letter-spacing:-10px; line-height:.9;
    text-align:center; color:rgba(255,255,255,.12); user-select:none; }

  .sfx-home .sfx-business { padding:32px 0; background:#fff;  }
  .sfx-home .sfx-business p { margin:0; color:var(--sfx-muted); font-size:14px; }
  .sfx-home .sfx-business a { color:var(--sfx-ink); font-weight:750;
    text-decoration:underline; text-underline-offset:3px; }

  @media (max-width:767.98px) {
    .sfx-home .sfx-container { padding:0 20px; }
    .sfx-home .sfx-section { padding:64px 0; }
    .sfx-home .sfx-intro { padding:62px 0 55px; }
    .sfx-home .sfx-title { letter-spacing:-1px; }
    .sfx-home .sfx-lead { font-size:16px; }
    .sfx-home .sfx-collection-card { min-height:245px; }
    .sfx-home .sfx-collection-card h3 { margin-top:24px; }
    .sfx-home .sfx-artwork { min-height:540px; }
    .sfx-home .sfx-artwork > img { object-position:58% 50%; }
    .sfx-home .sfx-artwork::before { background:linear-gradient(90deg,
      rgba(12,27,26,.9),rgba(12,27,26,.61)),
      linear-gradient(0deg,rgba(12,27,26,.32),transparent); }
    .sfx-home .sfx-artwork p { font-size:16px; }
    .sfx-home .sfx-watercolor-art { min-height:230px; }
    .sfx-home .sfx-size-card { margin-bottom:20px; gap:16px; padding:18px; }
    .sfx-home .sfx-size-visual { flex-basis:100px; }
    .sfx-home .sfx-size-small .sfx-size-visual img { width:78px; }
    .sfx-home .sfx-size-medium .sfx-size-visual img { width:95px; }
    .sfx-home .sfx-story-year { margin-top:32px; letter-spacing:-5px; }
  }
  @media (prefers-reduced-motion: reduce) {
    .sfx-home .sfx-button, .sfx-home .sfx-collection-card,
    .sfx-home .sfx-link { transition:none; }
  }



  .sfx-home .sfx-sizes .sfx-size-card {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 25px;
  }
  .sfx-home .sfx-sizes .sfx-size-visual {
    flex: 0 0 auto;
    height: 190px;
    min-height: 190px;
  }
  .sfx-home .sfx-sizes .sfx-size-small .sfx-size-visual img {
    width: 100px;
    max-height: 155px;
  }
  .sfx-home .sfx-sizes .sfx-size-medium .sfx-size-visual img {
    width: 115px;
    max-height: 180px;
  }
  .sfx-home .sfx-sizes .sfx-size-extra-large .sfx-size-visual img {
    width: 135px;
    max-height: 185px;
  }
  @media (max-width: 767.98px) {
    .sfx-home .sfx-sizes .sfx-size-card {
      flex-direction: row;
      align-items: center;
      gap: 15px;
      padding: 18px;
    }
    .sfx-home .sfx-sizes .sfx-size-visual {
      flex: 0 0 95px;
      height: 155px;
      min-height: 155px;
    }
    .sfx-home .sfx-sizes .sfx-size-small .sfx-size-visual img {
      width: 78px;
      max-height: 120px;
    }
    .sfx-home .sfx-sizes .sfx-size-medium .sfx-size-visual img {
      width: 90px;
      max-height: 145px;
    }
    .sfx-home .sfx-sizes .sfx-size-extra-large .sfx-size-visual img {
      width: 95px;
      max-height: 150px;
    }
  }