h1.banner1 {
font-family: 'Archer Bold';
}

p.banner1 {color: white !important;
font-family: 'Open Sans';
margin: 0px auto 30px !important;
}

h1.banner2 {
font-family: 'Archer Bold';
}

p.banner2 {
font-family: 'Archer Bold';
margin: 0px auto 30px !important;
}


h1.banner3 {
font-family: 'Archer Bold';
color: white !important;
}

p.banner3 {color: rgb(225, 207, 226) !important;
font-family: sans-serif;
font-weight: 600;
margin: 0px auto 30px !important;}

.main-carousel-wrapper .image-carousel-wrapper .image-wrapper img {
border: none;
}

.slider-wrapper .track div:nth-child(3) .inner{
 background: rgba(103,30,117,.9);
 width: clamp(200px, 66vw, 924px);
outline: 2px solid white;
outline-offset: 4px;
}

h1.banner3 {padding-top: 30px !important;}

@media (min-width: 768px) and (max-width: 1199px) {
.static-product.product-layout .main-wrapper .main-carousel-wrapper {
margin: 40px 0;
}}

@media (min-width: 768px) and (max-width: 1199px){
.static-product.product-layout .main-wrapper .left {
margin-top: 0;
}}



@media (min-width: 346px) {
  .animated-slider .slider-content .inner h1 {
    font-size: calc(var(--text-size-h1) * .5);
}
  .animated-slider .slider-content .inner p {
 font-size: calc(var(--text-size-h3) * .8);
}


p.banner1 {
margin: 0px auto 190px !important;
}



@media (max-width: 345px){
.slider-wrapper .track div:nth-child(3) .inner{
 background-color: purple;
 width: clamp(750px, 85vw, 924px);
}
.track div:nth-child(2) .inner h1 {padding: 0px 20px;}

}

@media (min-width: 346px) and (max-width: 745px){
.track div:nth-child(2) .inner h1 {padding: 0px 10px;}

.slider-wrapper .track div:nth-child(3) .inner{
 background: rgba(103,30,117,.9);
 width: clamp(100px, 75vw, 600px);
outline: 2px solid white;
outline-offset: 4px;
}

.animated-slider .slider-content .inner h1.banner3 {
 font-size: calc(20px + (35 - 20) * ((100vw - 346px)/(745 - 346)));
padding: 0 calc(70 * ((100vw - 346px)/(745 - 346)));
}

.animated-slider .slider-content .inner p.banner3 {
 font-size: calc(16px + (22 - 16) * ((100vw - 346px)/(745 - 346)));
padding: 0 calc(80 * ((100vw - 446px)/(745 - 446)));
}

}

@media (min-width: 746px) {
.animated-slider .slider-content .inner h1 {
 font-size: clamp(30px, var(--text-size-h1) * .4 + 2vw, 60px);
}

.animated-slider .slider-content .inner p {
 font-size: calc(var(--text-size-h3) * .75 + .5vw);
}

.animated-slider .slider-content .inner h1.banner3 {
 font-size: calc(50px + (80 - 50) * ((100vw - 746px)/(1200 - 746)));
}

.animated-slider .slider-content .inner p.banner3 {
 font-size: calc(30px + (45 - 30) * ((100vw - 746px)/(1200 - 746)));
padding: 0 calc(20px + (40 - 20) * ((100vw - 746px)/(1199 - 746)));
}

.track div:nth-child(2) .inner h1 {padding: 0px 50px;}

p.banner1 {
margin: 0px auto 270px !important;
}

h1.banner2 {
font-family: 'Archer Bold';
font-size: clamp(30px, 30px + 4vw, 50px) !important;
}

p.banner2 {font-size: calc(60px +2vw) !important;
font-family: 'Archer Semibold';
margin: 0px auto 35px !important;}

.track div:nth-child(2) .inner h1 {padding: 0px 20px;}

}

@media (min-width: 1200px) {

.animated-slider .slider-content .inner h1.banner3 {
 font-size: 80px;
 padding: 0 80px; 
}

.animated-slider .slider-content .inner p.banner3 {
 font-size: 45px;
 padding: 0 40px;
}

.slider-wrapper .track div:nth-child(3) .inner{
 width: clamp(200px, 66vw, 924px);
}

}









/* Customization Steps */

.uStoreProofHeader {
  background-color: #671E75;
}

.uStoreProofModalClose:hover {
 color: #999999;
}

@media (max-width: 1199px){
span[id$="Stepsnav1_MyList"] a.btn.btnSelected {
  border-color: var(--color-highlight);
}

span[id$="Stepsnav1_MyList"] a.btn:hover {
  border-color: var(--color-highlight);
  background-color: var(--color-highlight);
  color: white;
}
}

@media (min-width: 1200px){
 .StepDescription {
   padding-top: 20px;
   font-size: var(--text-size-label);
   color: #000;
 }
 .btnUnselected {
   cursor: pointer;
 }
 .CustomizationSteps a.btn {
   border-color: #ccc;
   background-color: white;
   color: #333;
   border-radius: 4px;
   border: 1px solid #ccc;
 }
 span[id$="Stepsnav1_MyList"] a.btn {
   border-radius: 4px;
 }
 .CustomizationSteps > span > span > 
a.btn:hover {
   border-color: var(--color-highlight);
   background-color: var(--color-highlight);
   color: white;
 }
 .CustomizationSteps a.btn.btnSelected {
   border-color: var(--color-highlight);
   color: var(--color-highlight);
 }
}

.dtiName {
  width: clamp(270px, 90%, 918px) !important;
}
div[id^="Dial_"].Duc>dl[id$="ducWrapper"]>dt:nth-child(1), div[id^="Dial_"].Duc>ul[id$="ducWrapper"]>li>dl>dt:nth-child(1) {
  padding-bottom: 0px;
}


/* Footer */

.footer {
display: flex;}

#footer-c2r3 {display: none;}
#footer-c3r1 {display: none;}
#footer-c3r2 {display: none;}
#footer-c3r3 {display: none;}

.footer .footerLogo {
  max-height: calc(50px + 1vw);
  max-width: calc(200px + 1vw);
}

@media (min-width: 1199px) {
  .footer-column {
    height: 100px;
  }
}

.footer a:hover {color: #dfaae9;}



.animated-slider .slider-content .inner h1 {line-height: 1.2;}

.slider-wrapper .track .slide .inner .button {display:none;}

.search .input-group {
  flex-wrap: nowrap;
  min-width: 200px;
}

.promotion-item .button {display: none;}

.category-item .category-name {color:white;}

.product-item .image-wrapper .image {width: 100%; height: 100%; object-fit: cover;}
.gallery .main .product-name {text-align:center;}
.product-item .product-description {text-align: center;}

.FieldOptionItem.FOGrid .optionIcon {-webkit-border-radius:0px;}
.FieldOptionItem.selected.FOGrid .optionIcon {
border-radius:0px;
border: 3px solid #b5bd00;
padding: 1px;
}






.dtiName, .dmiName, .dddlName {
    width: 270px;
}

.drbName {
    width: 270px;
}

.category-item .category-name {
    display: none;
}

.category-item .image-wrapper {
    width: calc(200px*0.75);
    height: calc(200px*0.75);
}

@media (min-width: 1199px) {
    .category-item .image-wrapper {
        width: 200px;
        height: 200px;
    }
}

.product-item .image-wrapper .image {width: 100%; height: 100%; object-fit: cover;}
.gallery .main .product-name {text-align:center;}

.product-item .product-description, .product-units, .product-price {text-align: center;}

.FieldOptionItem.FOGrid .optionIcon {-webkit-border-radius:0px;}
.FieldOptionItem.selected.FOGrid .optionIcon {
border-radius:0px;
border: 3px solid #671E75;
padding: 1px;
}


a.footer-link:hover {color:white;}


/* Category Layout */

.categories-wrapper2 {
  width: 100%;
  margin: 0 auto;
}

.categories-wrapper2 .gallery .main {
  display: flex;
  justify-content: center;
  flex-direction: row;
  position: relative;
}

.categories-wrapper2 .gallery {
  --category-grid: 33%;
}

.categories-wrapper2 .gallery .main>* {
  max-width: 100%;
  flex-basis: var(--category-grid);
  padding: var(--category-padding) !important;
  flex-grow: 0;
  flex-shrink 0;
}

.categories-wrapper2 {
    padding: 40px 0 12px;
  }

.categories-wrapper2 .category-item .image-wrapper {
  width: calc(120px + (80 * ((var(--categories-width) - 290px) / (1200px - 290px))));
  height: calc(120px + (80 * ((var(--categories-width) - 290px) / (1200px - 290px))));
}

@media (min-width: 1200px) {
  .categories-wrapper2 .gallery {
    --categories-width: 1160px;
    --category-padding: 10px;
  }
  .categories-wrapper2 {
    padding: 55px 0 12px;
  }
  .categories-wrapper2 .gallery {
    --category-grid: 16.6667%;
  }
  
}

@media (min-width: 768px) and (max-width: 1199px) {
  .categories-wrapper2 .gallery {
    --categories-width: 727px;
    --category-padding: 10px;
  }
  .categories-wrapper2 .gallery {
    --category-grid: 25%;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .categories-wrapper2 .gallery {
    --categories-width: 536px;
    --category-padding: 10px;
  }
  .categories-wrapper2 .gallery {
    --category-grid: 33%;
  }
}

@media (min-width: 290px) and (max-width: 575px) {
  .categories-wrapper2 .gallery {
    --categories-width: 300px;
    --category-padding: 10px;
  }
  .categories-wrapper2 .gallery {
    --category-grid: 50%;
  }
}

@media (max-width: 290px) {
  .categories-wrapper2 .gallery {
    --categories-width: 200px;
    --category-padding: 10px;
  }
  .categories-wrapper2 .gallery {
    --category-grid: 75vw;
  }
}