/** GLOBAL VARIABLES **/
:root {
--mp-orange: #F05038;
--mp-red: #A23327;
--mp-md-blue:#20AFEC;
--mp-body-color: #323232;
--mp-dk-grey: #323232;
--mp-md-grey: #4d4d4d;
--mp-lt-grey: #979797;
--mp-xlt-grey: #f4f4f4;
--black: #000000;   
--white: #ffffff;
    
--mp-primary-font: "Montserrat","Helvetica", "Arial", sans-serif;
--mp-secondary-font: "Montserrat","Helvetica", "Arial", sans-serif;
    
--bs-body-font-size: 1rem;
--bs-body-line-height: 1.6;
    
    
--mmx-paragraph-s-size: 0.875rem;
--mmx-paragraph-s-line-height: 1.6;
    
    
}

.mp_orange,
.mp-orange{
    color: var(--mp-blue);
}
.bg_mp_blue,
.bg-mp-blue{
    background-color: var(--mp-blue);
}
.mp_red,
.mp-red{
    color: var(--mp-red);
}
.bg_mp_red,
.bg-mp-red{
    background-color: var(--mp-red);
}
html, body{
    color: var(--mp-body-color); 
    font-family: var(--mp-primary-font); 
}

p{
 line-height:2;
}
.img-fluid{
    width:100%;
    min-width:100%;
    height:auto;
}
.column-block-spacer{
    display:block;
    width:100%;
    height:0.125rem;
}
.o-layout--justify-evenly{
    justify-content:space-evenly;
    
}
.c-button {
	border-radius: 0;
	padding: calc(0.75rem - var(--default-border-width)) calc(1.25rem - var(--default-border-width));
    font-size:0.875rem;
}

.c-button-min-width,
.c-button-medium{
	min-width:200px;
}

.c-button-small {
    padding: calc(0.625rem - var(--default-border-width)) calc(0.75rem - var(--default-border-width));
	font-size:0.775rem;
     min-width:160px;
}

.c-button-large{
     padding: calc(0.825rem - var(--default-border-width)) calc(1rem - var(--default-border-width));
	font-size:1rem;
    min-width:240px;
}
.c-button-outline-red {
	background-color: var(--transparent);
	border-color: var(--mp-red);
	color: var(--white);
}

.c-button-outline-red-alt {
	background-color: var(--transparent);
	border-color: var(--mp-red);
	color: var(--black);
}

.c-button-outline-red-alt:hover {
	background-color: var(--mp-red) !important;
	border-color: var(--mp-red) !important;
	color: var(--white) !important;
}

.c-form-input{
   border: var(--default-border-width) solid var(--mp-lt-grey);
   border-radius: 2px;
   font-size:0.875rem;
   padding: calc(0.74rem - var(--default-border-width)) calc(1.25rem - var(--default-border-width)); 
}
.c-form-input:focus{
    box-shadow:none;
    outline:none;  
}
.c-form-input.t-site-header__search-field{
    border: var(--default-border-width) solid var(--white);
}
.c-form-input.t-newsletter-form__input {
	background-color: var(--black);
    color: var(--white);
    border: var(--default-border-width) solid var(--white);
}
.c-form-input.t-newsletter-form__input:focus{
    background-color:var(--mp-dk-grey);
}


.c-form-select__dropdown {
    font-size:0.875rem !important;
    padding: calc(0.95em - var(--default-border-width)) calc(1.375em - var(--default-border-width)) !important;
}
.c-form-select:after{
      right: 0.875em !important;
}
.x-toggle-password {
    border: 0 none !important;
    outline: none !important;
    border-radius: 0;
    color: var(--gray-600);
    font-size: 1.125rem !important;
    margin-top: 0 !important;
    padding: 0.25em !important;
    position: absolute;
    right: 0.5em !important;
    top: calc(50% - 1px) !important;
}
.x-toggle-password:hover{
    border: 0 none !important;
    outline: none !important;
}

.x-toggle-password.x-toggle-password--no-label{
    top: calc(50% - 1px) !important;
    transform:translateY(-52%);
}
@media screen and (min-width: 48em) {
    
}
@media screen and (min-width: 60em) {
    
}
@media screen and (min-width: 75em) {
    
}
@media screen and (min-width: 90em) {
    
}
.has-active-navigation .t-site-sfnt_section,
.has-active-navigation main,
.has-active-navigation #hero_slider{
  filter: blur(4px);
  /* transition: margin-top linear 0.1s; */
    
} 

.background-image {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.t-site-sectrion-spacer{
    width:100%;
    height:0.75rem;
    display:block;
}
@media screen and (min-width: 60em) {
  .t-site-sectrion-spacer{
    height:1.5rem;
}    
}
/* Site Navbar
    =========================================== */
.t-site-header__top-navigation{
    background: rgb(240,80,56);
    background: -webkit-linear-gradient(left, rgba(255,142,0,1) 1%, rgba(243,0,0,1) 99%);
    background: -o-linear-gradient(left, rgba(255,142,0,1) 1%, rgba(243,0,0,1) 99%);
    background: linear-gradient(to right, rgba(255,142,0,1) 1%, rgba(243,0,0,1) 99%);
    
    color: var(--white);
    text-align:center;
}


.t-site-header {
    background-color: var(--black);
}
#header_messages{
    display:block;
    width:100%;
    padding: 0.25rem 0; 
}
#header_messages .owl-nav,
#header_messages .owl-dots{
   display:none; 
}
.header_message{
    position:relative;
    z-index:5;
    display:block;
    font-size:0.925rem;
    line-height:24px;
    width:100%;
}
.header_message span{
    display:inline-block;
    position:relative;
}
@media screen and (min-width: 40em) {
#header_messages{
    padding: 0.5rem 0;
    }
.header_message{
   font-size:0.925rem; 
    }
}
@media screen and (min-width: 60em) {
#header_messages{
    padding: 0.775rem 0;
    }
.header_message{ 
    font-size:0.9675rem; 
}  
}


.header_message_event span{
    padding-left: 42px;
    line-height:24px;
}
.header_message_event span:before {
    font-family: "ReadyTheme Icons", sans-serif;
    position: absolute;
    top: 0px;
    left: 0px;
    content: '\57';
    width: 36px;
    height: 22px;
    display: block;
    font-size:20px;
    line-height:22px;
}
.header_message_gift span{
    padding-left: 42px;
    line-height:24px;
}
.header_message_gift span:before {
    font-family: "ReadyTheme Icons", sans-serif;
    position: absolute;
    top: 0px;
    left: 0px;
    content: '\25';
    width: 36px;
    height: 22px;
    display: block;
    font-size:20px;
    line-height:22px;
    
    
}
.header_message_shipping span{
    padding-left: 46px;
}
.header_message_shipping span:before {
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    width: 36px;
    height: 22px;
    background-image: url(../../graphics/00000001/1/icon-shipping.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
    display: block;
}
.t-site-header__links {
	font-size: 0.85rem;
	font-weight: var(--font-medium);
}

.t-site-header__links a {
	margin: 0 0.25rem;
	padding: 0;
	text-decoration: none;
}
@media screen and (min-width: 40em) {
    .t-site-header__links a {
	margin: 0 1rem;
    }
}


.t-site-header__links a:hover {
	text-decoration: underline;
}

/* Site Header
    =========================================== */
#site_header{
position:relative;
    z-index:10;
}

#header_logo{
    width:100%;
    max-width:280px;
    display:block;
    margin:0 auto;
}
@media screen and (min-width: 60em) {
 #header_logo{
    margin:0;
}   
}
.t-site-header__masthead{
    position: relative;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    
    padding: 0.75rem 0.5rem;
}
@media screen and (min-width: 40em) {
	.t-site-header__masthead {
		padding: 1rem 1rem 1.5rem 1rem;
	}
}
@media screen and (min-width: 60em) {
	.t-site-header__masthead {
		padding: 1.25rem 1rem 2rem 1rem;
        align-items:flex-end;
	}
}



.t-site-header__masthead-links{
    display: flex;
}

.t-site-header__search-icon {
    align-self: stretch;
    padding: calc(0.75rem - var(--default-border-width));
    padding-right:0.25rem;
    font-size:1rem;
}
@media (pointer: coarse) {
 .t-site-header__search-icon {
    display:none;
}   
    
}
.t-site-header__search-form .t-site-header__search-button {
    background-color:var(--white);
}
.t-site-header__search-field {
	margin-bottom: 0;
	padding: calc(0.75rem - var(--default-border-width));
    background-color:var(--white);
    color:var(--black);
}


.t-site-header__masthead-links button:hover {
	opacity: 0.75;
	text-decoration: none;
	transition: 0.3s;
}

.t-site-header__links a:hover,
.t-site-header__masthead-links a:hover{
    text-decoration:none;
}


.t-site-header__links .t-global-assistance{
	background-color: transparent;
	border: 0 none;
	display: none;
    text-align:right;
	padding: 0;
	text-decoration: none;
    color: var(--white);
    font-size:1rem;
}
@media screen and (min-width: 60em) {
    .t-site-header__links .t-global-assistance{
        display: block;
    }
}


.t-site-header__links .t-global-assistance a.t-global-assistance-phone{
    display:inline-block;
    text-decoration: none;
    color: var(--white);
    margin:0 1rem 0 0;
    padding:0;
    
}
.t-site-header__links .t-global-assistance a.t-global-assistance-phone:hover{
    text-decoration:underline;
}


.t-site-header__masthead-links .t-global-contact-us,
.t-site-header__masthead-links .t-global-account-toggle{
	align-items: center;
	background-color: transparent;
	border: 0 none;
	display: none;
	margin:0;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
    color: var(--white);
}
@media screen and (min-width: 60em) {
.t-site-header__masthead-links .t-global-contact-us,
.t-site-header__masthead-links .t-global-account-toggle{
   display: inline-flex; 
}
    
}

.t-site-header__masthead-links .t-global-contact-us{
    border-right:solid 1px #ffffff;
}
.t-site-header__masthead-links .t-global-account-toggle > * {
    margin-top: 0.25rem;
	margin-left: 0.5em;
	pointer-events: none;
}

.t-site-header__basket-link {
	align-items: center;
	background-color: transparent;
	border: 0 none;
	color: var(--white);
	cursor: pointer;
	display: inline-flex;
	padding: 0;
	text-decoration: none;
}


/*
#global_account{
    
    
}
@media screen and (min-width: 60em) {
    #global_account{
    display:none;
    }
}
*/








/* Header Columns
     =========================================== */

.t-site-header__mobile-triggers{
    display:block;
    flex-basis:15%;
}
.t-site-header__logo{
    flex-basis:50%;
    padding-bottom: 0.25rem;
}
.t-site-header__search{
    display:none;
    padding-bottom: 0.25rem;
}
.t-site-header__links{
    flex-basis:25%;
}

.t-site-header__links .t-global-contact-account-sep{
    display:none;
    width:100%;
    height:1.25rem;
}




@media screen and (min-width: 60em) {
.t-site-header__mobile-triggers{
    display:none;
}
    .t-site-header__logo{
    flex-basis:35%;
}
.t-site-header__search{
    flex-basis:30%;
    display:block;
}
    .t-site-header__links{
    flex-basis:35%;
} 
.t-site-header__links .t-global-contact-account-sep{
    display:block;
}   
    
}


/* Mobile Nav
     =========================================== */
/*
.t-site-header__masthead .t-site-header__mobile button.u-icon-search{
    font-weight:700;
    color: var(--black);
    font-size:1.25rem;
    width:36px;
    height:26px;
    margin:0px 0 0 24px;
    display:block;
    text-align:center;
    border:none;
    outline:none;
    background-color:transparent;
    
    position:relative;
    float:left;
    
}
*/


#mobile-nav-trigger{
display: block;
    align-items: center;
    align-self: start;
    justify-content: center;
    position:relative;
    float:left;
     margin:4px 0 0 4px;
    /*
        position:absolute;
        z-index:9999;
        float:right;
        right:1rem;
        top:50%;
        */
    
        width:26px;
        height:26px;
         text-decoration:none;
    /* transform:translateY(-50%); */
        background-color:transparent;
}
#mobile-search-trigger{
        display:block;
    align-items: center;
    background-color: transparent;
    border: 0 none;
    margin: 0;
    padding: 0.5rem 0.5rem;
    text-decoration: none;
    color: var(--white);
    }

#mobile-search-trigger span{
    font-size:1.25em;
}
.t-site-header__mobile_search{
    padding:0.25rem 0 0.5rem 0;
    display:none;
}
.t-site-header__search-form_mobile{
    max-width:94%;
    margin:0 0 0 3%;
}
button.t-site-mobile__search-button{
    padding-left: 12px;
    padding-right: 12px;
    background-color: var(--white);
    outline: none;
    border: none;
    height: calc(100% - 3px);
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 1px;
    right: 0px;
    float: right;
}
@media (min-width: 60em) {
    #mobile-nav-trigger{
        display:none;
    }
    #mobile-search-trigger{
        display:none;
    }
}
#mobile-nav-trigger span{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    background-color: var(--white);
    border-radius:2px;
    transform: rotate(0deg);
    transition: .2s ease-in-out;
}
#mobile-nav-trigger span:nth-child(1) {
	top: 0px;
}
#mobile-nav-trigger span:nth-child(2),
#mobile-nav-trigger span:nth-child(3){
     top: 9px;
}
#mobile-nav-trigger span:nth-child(4) {
    top: 18px;
                
}
#mobile-nav-trigger.open{
   background-color:transparent;
}
#mobile-nav-trigger.open span{
    background-color:var(--white);
}
#mobile-nav-trigger.open span:nth-child(1) {
				top: 8px;
				width: 0%;
				left: 50%;
}
#mobile-nav-trigger.open span:nth-child(2) {
				transform: rotate(45deg);
}	
#mobile-nav-trigger.open span:nth-child(1) {
				top: 8px;
				width: 0%;
				left: 50%;
}
#mobile-nav-trigger.open span:nth-child(3) {
				transform: rotate(-45deg);
}	
#mobile-nav-trigger.open span:nth-child(4) {
	  			top: 8px;
	  			width: 0%;
	  			left: 50%;
}

/* Mobile Nav Element
     =========================================== */
#mobile-nav{
    background-color: #eaeaea;
}
#mobile-nav-login{
  position: absolute;
    left: 20px;
    top: 68px;
}
#mobile-nav-login a{
       text-decoration:none;
        font-size:0.725rem;
        line-height:20px;
        font-weight:600;
        color: var(--mp-orange);
    }
@media (min-width: 380px) {
    #mobile-nav-login{
    top: 68px;
    }
  #mobile-nav-login a{  
    font-size:0.825rem;
    }
}
#mobile-nav-login a:hover{
    color: var(--mp-red);
}
#mobile-nav-login a span{
    display:inline-block;
    margin-left:0.325rem;
    font-size:0.825rem;
    line-height:20px;
}
#mobile-nav-login span.mobile-nav-link-sep{
display:inline-block;
margin:4px 0.25rem 0 0.25rem;
width:1px;
height:14px;
background-color: var(--white);
}

.mm-navbar{
    height:100px !important;
}
.mm-navbar a.mm-title:first-of-type{
    background-image:url('/mm5/graphics/00000001/1/Maxpro-Logo-Orange.svg');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:left center;
    width:100%;
    height:30px;
    margin-top:20px;
    
    overflow:hidden;
    text-indent:-9999px;
    
    float: left;
    margin-left: -20px;
}
@media (min-width: 380px) {
     .mm-navbar a.mm-title:first-of-type{   
    height:42px;
    margin-top:12px;
    }
}
.mm-navbar a.mm-title{
    font-size:1rem;
    font-weight:500;
    margin-top:22px;
    color: var(--black) !important;
    text-align: left;
    margin-left: 0.5rem;
}

.mm-panels>.mm-panel>.mm-navbar+.mm-listview{
    margin-top:40px !important;
}
.mm-btn.mm-prev {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 16px;
}
.mm-btn.mm-prev:before{
    width:16px;
    height:16px;
    border-color: rgba(0, 0, 0, .3);
}



/* Site Primary Nav
    =========================================== */
.t-site-primary_nav{
    background-color:var(--black);
    border-bottom:solid 4px var(--mp-orange);
    display:none;
}

@media screen and (min-width: 60em) {
  .t-site-primary_nav{
    display:block;
}  
}


.t-site-primary_nav_wrapper{
    
}

#primary_nav{
   margin:0;
   padding:0;
   list-style:none;
    
   display:flex; 
   justify-content:space-between;
   align-items:center;
   align-content:center;
    
   border-top:solid 1px var(--mp-lt-grey);
}
#primary_nav li{
    margin:0;
    padding:0;
    list-style:none;
    flex-grow:1;
}
#primary_nav li a{
    display:block;
    position:relative;
    margin:0;
    padding:1.25rem 2rem;
    
    font-size:0.875rem;
    line-height:1;
    font-weight:500;
    letter-spacing:0.5pt;
    text-transform:uppercase;
    text-decoration:none;
    color:var(--white);
    background-color:var(--black);
    
    transition: all 125ms ease-in-out;
    
    overflow:hidden;
}
#primary_nav li a span{
    display:block;
    position:relative;
    z-index:1;
}
#primary_nav li a:hover{
}
#primary_nav li a:before{
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    bottom:-1px;
    left:0px;
    
    width:100%;
    height:1px;
    
    transition: all 125ms ease-in-out;
    
    background-color:var(--mp-orange);
}
#primary_nav li a:hover:before,
#primary_nav li.active a:before{
    height:100%;
    bottom:0px;
}

/* Site Megamenus
    =========================================== */
.t-site-megamenu{
    display:none;
    width: 100%;
    position: absolute;
    z-index: 400;
    left: 0px;
    top: 99.75%;
    
    background-color:var(--white);
    padding:0.5rem 2rem 1.25rem 2rem;
}
.megamenu_layout{  
    padding: 1rem 0.5rem;
}
@media screen and (min-width: 40em) {
	.megamenu_layout {
		padding: 1rem 1rem 0.75rem 1rem;
	}
}
@media screen and (min-width: 60em) {
	.megamenu_layout {
		padding: 1.25rem 2.75rem 1rem 2.75rem;
	}
}
.megamenu_item{
    
}
.megamenu_item-inner{
    padding:0 1rem;
}


.megamenu_level_1{
    
    
}
.megamenu_level_1 .navigation-set{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
.megamenu_level_1 .navigation-set li{
    display:block;
    margin:0 0 0.25rem 0;
    padding:0;
}
.megamenu_level_1 .navigation-set li a{
    display:block;
    margin:0;
    padding:0.25rem 0.5rem 0.25rem 0.5rem;
    
    font-size:1rem;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0;
    
    text-decoration:none;
    
    color:var(--mp-dk-grey);
    
    transition: all 125ms ease-in-out;
}
.megamenu_level_1 .navigation-set li a:hover{
    text-decoration:none;
    padding:0.25rem 0.25rem 0.25rem 0.75rem;
    color:var(--mp-orange);
}



.megamenu_level_2 .navigation-set{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
.megamenu_level_2 .navigation-set li.level-1{
    display:block;
    margin:0 0 0.125rem 0;
    padding:0;
}
.megamenu_level_2 .navigation-set li.level-1 a{
    position:relative;
    display:block;
    margin:0 0 0rem 0;
    padding:0.125rem 80px 0.75rem 0.5rem;
    
    font-size:1rem;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0;
    
    text-decoration:none;
    
    color:var(--mp-dk-grey);
    border-bottom: solid 1px var(--mp-lt-grey);
    transition: all 125ms ease-in-out;
}
.megamenu_level_2 .navigation-set li.level-1 a:after{
    position: absolute;
    content: 'Shop All';
    bottom: 0.75rem;
    right: 0px;
    float:right;
     font-size:0.875rem;
    font-weight:500;
    letter-spacing:0pt;
    line-height:1.2;
    text-decoration:none;
    display: inline-block;
    
    color:var(--mp-md-blue);
    
}
.megamenu_level_2 .navigation-set li.level-1 a:hover{
    text-decoration:none;
    /* padding:0.125rem 0.25rem 0.125rem 0.75rem; */
    color:var(--mp-orange);
}
.megamenu_level_2 .navigation-set li.level-1 a:hover:after{
    text-decoration:none;
    color:var(--mp-orange);
}



.megamenu_level_2 .navigation-set li ul{
    padding-top:0.5rem;
    padding-bottom:1rem;
}
.megamenu_level_2 .navigation-set li.level-2{
    display:block;
    margin:0 0 0.125rem 0rem;
    padding:0;
}
.megamenu_level_2 .navigation-set li.level-2 a{
    display:block;
    margin:0 0 0.125rem 0;
    padding:0.25rem 0.125rem 0.25rem 0.125rem;
    
    font-size:0.825rem;
    line-height:1.2;
    font-weight:400;
    letter-spacing:0;
    
    text-decoration:none;
    border-bottom: none;
}
.megamenu_level_2 .navigation-set li.level-2 a:after{
    display:none;
    content:'';
}


.megamenu_level_2 .navigation-set li.level-2 a:hover{
    text-decoration:none;
    padding:0.25rem 0rem 0.25rem 0.25rem;
    color:var(--mp-orange);
}

.megamenu_images .megamenu_side_image{
        margin-bottom:1.5rem;
    }
.megamenu_images .megamenu_side_image:last-of-type {
        margin-bottom:0;
    } 

/*
#megamenu_automotive{   
}
.megamenu_automotive__item-inner{
display: flex;
flex-wrap: wrap; 
justify-content:space-between;  
}
.megamenu_automotive__item-inner .megamenu_side_image{
flex-basis:48%;
margin-bottom:0.875rem;
}
*/
/* Breadcrumbs
     =========================================== */
/*
.x-breadcrumbs__list {
    border-bottom: 0 none;
    color: var(--gray-600);
    display: flex;
    flex-wrap: wrap;
    font-size: var(--message-one);
    gap: 1em 0;
    line-height: inherit;
    list-style: none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--default-wrapper-width);
    padding-left: var(--default-spacing-unit);
    padding-right: var(--default-spacing-unit);
    padding-top: 1rem;
}
*/
.x-breadcrumbs {
    
}
@media (min-width: 60em) {
    .x-breadcrumbs {
        margin: 0 auto calc(var(--default-spacing-unit) * 2);
        max-width: 100% !important;
        width: 100%;
    }
}


.x-breadcrumbs__item a{
    font-size: 0.625rem;
    text-transform:uppercase;
    letter-spacing:0.5pt;
}
.x-breadcrumbs__item a:hover,
.x-breadcrumbs__item[aria-current="page"] a{
    color:var(--mp-red);
    text-decoration:none;
}

/* Main Element
     =========================================== */
.t-main-content-element {
	/* max-width: var(--default-content-width); */
    position:relative;
    z-index:1;
}
.t-main-content-element .t-main-content-element-inner{
    padding-top:3rem;
    padding-bottom:4rem;
    }
.t-input-font-size {
	font-size: var(--default-input-font-size);
}


/* Site Hero
    =========================================== */
#hero_slider{
    
}
#hero_slider,
.t-site-hero-item{
    background-color:var(--black);
    position:relative;
}
.t-site-hero-item .hero-video{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    
    top:0px;
    left:0px;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center right;
    z-index:0;
}

.t-site-hero-item .hero-video-overlay{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    
    top:0px;
    left:0px;
    
    z-index:0;
}
.t-site-hero-item .hero-video-overlay video{
    object-fit: cover;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.hero_item_item_content{
    position:relative;
    z-index:1;
    
}

.hero_item_item_content-inner{
    margin:60px 0px 80px 0px;
    padding:20px 0px;
    
}
.t-site-hero-item h1.hero-title{
    font-size:1.875rem;
    line-height:1.2;
    font-weight:700;
    letter-spacing:0pt;
    text-transform:uppercase;
    font-style:italic;
    
    color:var(--white);
    margin:0 0 1.5rem 0;
    padding:0;
    
}

.t-site-hero-item a.hero-button{
    position:relative;
    
    font-size:0.75rem;
    line-height:1;
    
    font-weight:700;
    letter-spacing:0.5pt;
    text-transform:uppercase;
    text-decoration:none;
    
    color:var(--mp-orange);
    
    transition: all 125ms ease-in-out;
}
.t-site-hero-item a.hero-button:hover{
    text-decoration:none;
}
.t-site-hero-item a.hero-button-play{
    padding-right:30px;
}
.t-site-hero-item a.hero-button-play:hover{
    padding-right:38px;
}
.t-site-hero-item a.hero-button-play:after{
    content:'';
    display:block;
    position:absolute;
    top:-4px;
    right:0px;
    float:right;
    
    width:24px;
    height:24px;
    
    background-image: url(../../graphics/00000001/1/icon-play-button-small.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
    border-radius:50%;
}

@media screen and (min-width: 40em) {
.hero_item_item_content-inner{
    margin:120px 20px 180px 20px;
    padding:20px 20px;
    
}
.t-site-hero-item h1.hero-title{
    font-size:2.5rem;
    line-height:1.2;
    margin:0 0 1.5rem 0;
    padding:0;
    
}

.t-site-hero-item a.hero-button{
    font-size:0.875rem;
    line-height:1;
}
.t-site-hero-item a.hero-button:hover{
}
.t-site-hero-item a.hero-button-play{
    padding-right:46px;
}
.t-site-hero-item a.hero-button-play:hover{
    padding-right:56px;
}
.t-site-hero-item a.hero-button-play:after{
    top:-8px;
    width:36px;
    height:36px;
}  
}

@media screen and (min-width: 60em) {
.hero_item_item_content-inner{
    margin:150px 40px 220px 40px;
    padding:40px 40px;
    
}
.t-site-hero-item h1.hero-title{
    font-size:3.5rem;
    line-height:1.2;
    margin:0 0 1.5rem 0;
    padding:0;
    
}

.t-site-hero-item a.hero-button{
    font-size:1rem;
    line-height:1;
}
.t-site-hero-item a.hero-button:hover{
}
.t-site-hero-item a.hero-button-play{
    padding-right:46px;
}
.t-site-hero-item a.hero-button-play:hover{
    padding-right:56px;
}
.t-site-hero-item a.hero-button-play:after{
    top:-8px;
    width:36px;
    height:36px;
} 
    
}


/* Site Footer
    =========================================== */
.t-site-footer {
	border-top:none;
    background-color: var(--black);
    color: var(--white);
	padding-top: 1rem;
    text-align: center;
}
@media screen and (min-width: 60em) {
    .t-site-footer {
       padding-top: 2rem; 
        text-align: left;
    }
}
.t-site-footer.t-site-mini-footer{
    padding-top: 0rem;
}
.t-site-footer__wrapper {
	max-width: var(--default-content-width);
}

.t-site-footer__content {
	padding-top: 2em;
}
.t-site-footer__logo{
    margin-bottom:1.5rem;
}
#footer_logo{
    width:180px;
    display:inline-block;
}
@media screen and (min-width: 60em) {
.t-site-footer__logo{
    margin-bottom:0.5rem;
}
 #footer_logo{
    width:300px;
}   
    
}
.t-site-footer .t-site-footer__icons{
    display:inline-block;
    width:56px;
    margin-right:1rem;
    margin-bottom:2rem;
}
.t-site-footer .t-site-footer__icons:last-of-type{
     margin-right:0;
}
@media screen and (min-width: 60em) {
 .t-site-footer .t-site-footer__icons{
     width:74px;
     margin-bottom:0.5rem;
}    
}
.t-site-footer .t-site-footer__spacer{
    height:3rem;
    display:block;
}
.t-site-footer .c-menu__title,
.t-site-footer .c-collapsible-menu__label {
	font-size: var(--subheading-small);
	font-weight: var(--font-medium);
	margin-bottom: calc(var(--default-spacing-unit/2));
}

.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
	color: var(--white);
	line-height: 3;
	text-decoration: none;
}

.t-site-footer__content .c-menu__link:hover {
	text-decoration: underline;
}
.t-global-footer-social{
    padding-top:2rem;
}
.t-global-footer-social .c-menu__title {
	margin-bottom: var(--default-spacing-unit);
}

/*
.t-global-footer-social__list {
	display: grid;
	font-size: 1rem;
	gap: 1.5rem;
	grid-auto-rows: auto;
	grid-template-columns: repeat(auto-fill, 2rem);
	grid-template-rows: 2rem;
	list-style: none;
	margin: 0 0 var(--default-spacing-unit) 0.25rem;
	padding: 0;
	place-items: center;
}
*/
.t-global-footer-social__list {
	display: block;
	font-size: 1rem;
	list-style: none;
	margin: 0;
	padding: 0 0 1.5rem 0;
    
    text-align:center;
}
@media screen and (min-width: 60em) {
.t-global-footer-social__list {
    text-align:left;
}  
}
.t-global-footer-social__list-item{
    margin:0 0.25rem;
    display:inline-block;
}
.t-global-footer-social__link,
.t-global-footer-social__link:hover{
    font-size: 1.5rem;
    /* padding: 0.5rem; */
    text-decoration: none;
    color: var(--white);
    width: 30px;
    height: 30px;
    border: none;
    display: block;
    vertical-align: middle;
    line-height: 30px;
    outline:none;
    text-align:center;
    border-radius: 0px;
}

.t-global-footer-social__link:focus-visible {
	text-decoration: none;
    border:none;
}

.t-global-footer-social__link:hover {
	border-radius: 0px;
	outline: none !important;;
}

.t-newsletter-form{
   padding-left:2rem;
   padding-right:2rem;
}
@media screen and (min-width: 60em) {
.t-newsletter-form{
   padding-left:0rem;
   padding-right:0rem;
}    
}



#social_active-label,
#newsletter-form-label,
.t-newsletter-form legend {
    text-transform:uppercase;
    letter-spacing:1pt;
    margin-bottom:1.25rem;
}


.t-newsletter-form fieldset {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	justify-content: flex-end;
}

.t-newsletter-form__input {
	flex: 1 1 fit-content;
}

.t-site-footer__copyright {
	border-top: none;
	padding-bottom: 0.25rem;
	padding-top: 1rem;
}
.t-site-footer__copyright a{
    color: var(--white);
    text-decoration:none;
}

.t-site-footer__copyright a:hover{
    color: var(--white);
    text-decoration:underline;
}
.t-site-footer .x-collapsible-content__toggle {
		display: none;
	}
.t-site-footer .x-collapsible-content__item {
		max-height: none;
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
@media screen and (max-width: 47.999em) {
    /*
	.t-site-footer .x-collapsible-content__toggle {
		font-size: var(--paragraph-large);
		font-weight: var(--font-medium);
	}
	.t-site-footer .x-collapsible-content .c-menu__title {
		display: none;
	}
	.t-site-footer .x-collapsible-content__toggle [class^=u-icon-] {
		font-size: 0.825rem;
		font-weight: var(--font-medium);
	}
	.t-site-footer .x-collapsible-content__item {
		margin-top: 1rem;
	}
    */
}
@media screen and (min-width: 48em) {
	.t-site-footer__wrapper {
		padding-left: calc(var(--default-spacing-unit) * 2);
		padding-right: calc(var(--default-spacing-unit) * 2);
	}
    /*
	.t-site-footer .x-collapsible-content__toggle {
		display: none;
	}
	.t-site-footer .x-collapsible-content__item {
		max-height: none;
		opacity: 1;
		overflow: visible;
		visibility: visible;
	}
    */
	.t-site-footer__content .c-menu__link:not([class*=" u-icon-"]) {
		font-size: 1rem;
		line-height: 2.5;
	}
	.t-site-footer__content {
		padding-bottom: 2em;
	}
}
@media screen and (min-width: 60em) {
	.t-site-footer .x-collapsible-content__item:not(#social_active):not(fieldset) {
		display: inline-grid;
		grid-auto-flow: column;
		grid-template-rows: repeat(4, auto);
		width: 100%;
	}
}
@media screen and (min-width: 48em) {
	.t-site-footer {
		padding-top: 3rem;
	}
	.t-site-footer__content {
		padding-bottom: 3.75rem;
	}
	.t-global-footer-social__list {
		margin-bottom: 3rem;
	}
}


/* Copyright
    =========================================== */

#copyright{
    background: rgb(240,80,56);
    background: -webkit-linear-gradient(left, rgba(255,142,0,1) 1%, rgba(243,0,0,1) 99%);
    background: -o-linear-gradient(left, rgba(255,142,0,1) 1%, rgba(243,0,0,1) 99%);
    background: linear-gradient(to right, rgba(255,142,0,1) 1%, rgba(243,0,0,1) 99%);
    
    color: var(--white);
}
#copyright p{
    font-size:0.725rem;
}
@media screen and (min-width: 60em) {
  #copyright p{
    font-size:0.775rem;
}  
}
/* Site Training & Partners
    =========================================== */

.t-site-partners_training{
    border-top:none;
    background-color: var(--black);
    color: var(--white);
	padding-top: 1rem;
    padding-bottom: 1rem;
}
.partners_training_item{
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
}
.partners_training_item_inner{
    padding:10% 6%;
    margin-bottom:1.5rem;
}
@media screen and (min-width: 60em) {
  .partners_training_item_inner{
    padding:6% 12%;
    margin-bottom:0.5rem;
}  
    
}
@media screen and (min-width: 75em) {
    .partners_training_item_inner{
    padding:10% 20%;
}
    
}
.t-site-partners_training h2{
    letter-spacing:0;
    font-size:1.5rem;
    line-height:1.2;
    font-weight:500;
    margin-bottom:1rem;
}
.t-site-partners_training h3{
    text-transform:uppercase;
    letter-spacing:2pt;
    font-size:0.775rem;
    line-height:1.2;
    font-weight:700;
    color:var(--black);
    margin-bottom:0.875rem;
}
@media screen and (min-width: 60em) {
.t-site-partners_training h2{
    font-size:2rem;
    margin-bottom:1rem;
}
.t-site-partners_training h3{
    font-size:0.825rem;
    margin-bottom:1.25rem;
}    
   
}


/* Site Featured Products Carousel
    =========================================== */
#featured_products_carousel{
    
}
.t-site-carousel{
    position:relative;
    padding:0 10px;
}
.t-site-carousel .owl-next,
.t-site-carousel .owl-prev{
    position:absolute;
    top:24px;
    
    padding:0 6px 0 6px;
    background-color: var(--black) !important;
    color: var(--white) !important;
    
    font-size:24px !important;
    
    transition: all 125ms ease-in-out;
}
.t-site-carousel .owl-next:hover,
.t-site-carousel .owl-prev:hover{
    background-color: var(--mp-orange) !important;
    color: var(--white) !important;
}
.t-site-carousel .owl-next{
    float:right;
    right:0px;
}
.t-site-carousel .owl-prev{
    float:left;
    left:0px;
}
.t-site-carousel .owl-next:hover{
    padding:0 6px 0 6px;
}
.t-site-carousel .owl-prev:hover{
    padding:0 6px 0 6px;
}

.t-site-carousel .owl-stage-outer{
    padding:10px 0;
}



@media screen and (min-width: 60em) {
  .t-site-carousel{
    padding:0 66px;
}
.t-site-carousel .owl-next,
.t-site-carousel .owl-prev{
    position:absolute;
    top:24px;
    font-size:32px !important;
    padding:0 16px 0 16px;
}
.t-site-carousel .owl-next:hover,
.t-site-carousel .owl-prev:hover{
}
.t-site-carousel .owl-next{
    float:right;
    right:0px;
}
.t-site-carousel .owl-prev{
    float:left;
    left:0px;
}
.t-site-carousel .owl-next:hover{
    padding:0 12px 0 20px;
}
.t-site-carousel .owl-prev:hover{
    padding:0 20px 0 12px;
}

.t-site-carousel .owl-stage-outer{
    padding:10px 0;
}  
    
}

.owl-dots{

}
.owl-dots button.owl-dot{
    width:12px;
    height:12px;
    
    background-color:var(--black);
    border-radius:50%;
    margin:0 0.5rem;
}
.owl-dots button.owl-dot.active,
.owl-dots button.owl-dot:hover{
    background-color:var(--mp-red);
}


/* Site Product Item
    =========================================== */
.product-item{
    text-align:center;
}
.product-item .padding{
    position:relative;
    border:solid 1px var(--mp-xlt-grey);
    background-color:var(--white);
    transition: all 250ms ease-in-out;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    
    margin:0.75rem;
}
.product-item .product-thumbnail img{
    height:auto;
    width:100%;
    max-width:100%;
}
.product-item .product-thumbnail a{
   display:block; 
}
.product-item .product-name{
    font-size:0.925rem;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:0.5pt;
    font-weight:700;
    
    margin:0 0 0 0;
    padding:1rem 0.75rem 0.5rem 0.75rem;
    
}
.product-item .product-inventory{
    display:block;
    font-size:0.75rem;
    line-height:1.2;
    margin:0 0 0 0;
    padding:0.5rem 0.75rem 0.5rem 0.75rem;
    
}
.product-item .product-name a,
.product-item .product-name a:hover{
    text-decoration:none;
    transition: all 250ms ease-in-out;
    
}

.product-item .product-code{
    font-size:0.825rem;
    line-height:1.2;
    margin:0 0 0 0;
    padding:0.25rem 0.75rem 0.25rem 0.75rem;
}
.product-item .product-price{
    font-size:0.825rem;
    line-height:1.2;
    margin:0 0 0 0;
    padding:0.25rem 0.75rem 0.25rem 0.75rem;
}

.product-item a.log-in-for-price{
   display:block;
   font-size:0.825rem;
    line-height:1.2;
    font-weight:700;
    color:var(--mp-md-blue);
    padding:0.25rem 0.75rem 0.25rem 0.75rem;
    text-decoration:none;
}
.product-item a.log-in-for-price:hover{
    color:var(--mp-orange);
    text-decoration:none;
}


.product-item .purchase-buttons{
    padding:0.5rem 0 0 0;
}
.product-item .padding:hover{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}
.product-item .padding:hover .product-name a{
    color: var(--mp-red);
}




/* Site SFNT Content
    =========================================== */
.t-site-sfnt_content{
    border-top:none;
    background-color: var(--black);
    color: var(--white);
}

.t-site-sfnt_content_intro{
    padding-top: 6rem;
    padding-bottom:3rem;
}
.t-site-sfnt_content h2{
    letter-spacing:0.5pt;
    font-size:1.875rem;
    line-height:1.2;
    font-weight:700;
    margin-bottom:1rem;
}
.sfnt_content_intro p{
    line-height:2;
    margin-bottom:2rem;
}
.t-site-sfnt_content h3{
    font-size:1.375rem;
    line-height:1.4;
    letter-spacing:0pt;
    font-weight:700;
    margin-bottom:1.5rem;
}
.t-site-sfnt_content h4{
    text-transform:uppercase;
    letter-spacing:2pt;
    font-size:0.875rem;
    line-height:1.2;
    font-weight:700;
    color:var(--mp-orange);
    margin-bottom:1.5rem;
}

@media screen and (min-width: 60em) {
.t-site-sfnt_content h2{
    font-size:2.75rem;
}
.sfnt_content_intro p{
    margin-bottom:2rem;
}
.t-site-sfnt_content h3{
    font-size:2rem;
}
.t-site-sfnt_content h4{
    font-size:1rem;
} 
    
    
}
.sfnt_content_section_inner{
    padding:0 10px 60px 10px;
}
.t-site-sfnt_content_columns{
    padding-bottom:3rem;
}
.t-site-sfnt_content_columns p{
    line-height:2;
    margin-bottom:2rem;
}
.sfnt-content-list{
    display:block;
    margin:0;
    padding:0px;
    list-style:none;
}
.sfnt-content-list li{
    position:relative;
    display:block;
    margin:0 0 1.75rem 0;
    padding:0px 10px 0px 50px;
    list-style:none;
    line-height:1.6;
}
.sfnt-content-list li:before{
    content:'';
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    
    width:32px;
    height:32px;
    
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
    
    color:var(--white);
}
@media screen and (min-width: 60em) {
.sfnt_content_section_inner{
    padding:0 40px;
}
    
.sfnt-content-list li{
    padding:0px 80px 0px 60px;
    margin:0 0 2rem 0;
} 
.sfnt-content-list li:before{
    width:42px;
    height:42px;
}
    
}
.sfnt-content-list li.icon-uv-protection:before{
    background-image: url(../../graphics/00000001/1/auto-uv-icon.svg);
}
.sfnt-content-list li.icon-heat-reduction:before{
    background-image: url(../../graphics/00000001/1/auto-heat-reduction.svg);
}
.sfnt-content-list li.icon-glare-reduction:before{
    background-image: url(../../graphics/00000001/1/auto-glare.svg);
}

.sfnt-content-list li.icon-privacy:before{
    background-image: url(../../graphics/00000001/1/arch-privacy.svg);
}
.sfnt-content-list li.icon-energy-savings:before{
    background-image: url(../../graphics/00000001/1/arch-energy.svg);
}
.sfnt-content-list li.icon-security:before{
    background-image: url(../../graphics/00000001/1/arch-security.svg);
}

.sfnt-content-list li.icon-scratch-protection:before{
    background-image: url(../../graphics/00000001/1/ppf-scratch.svg);
}
.sfnt-content-list li.icon-chip-protection:before{
    background-image: url(../../graphics/00000001/1/ppf-chip.svg);
}
.sfnt-content-list li.icon-stylish:before{
    background-image: url(../../graphics/00000001/1/ppf-aesthetics.svg);
}


.sfnt_content_section_button_spacer{
   display:block;
    height:20px;
    width:2rem;
}
@media screen and (min-width: 60em) {
.sfnt_content_section_button_spacer{
   display:inline-block;
    height:10px;
    width:2rem;
}     
}
.sfnt_content_section_image_wrapper{
    
}
.sfnt_content_section_image_inner{
    position:relative;
    padding:10px;
    
}
.sfnt_content_section_image_wrapper{
    display:block;
    position:relative;
}
.sfnt_content_section_image_gradient{
    display:block;
    position:absolute;
     z-index:2;
    top:0px;
    left:0px;
    
    width:50%;
    height:100%;
    background: rgb(0,0,0);
    background: -webkit-linear-gradient(left, rgba(0,0,0,1) 1%, rgba(0,0,0,0) 99%);
    background: -o-linear-gradient(left, rgba(0,0,0,1) 1%, rgba(0,0,0,0) 99%);
    background: linear-gradient(to right, rgba(0,0,0,1) 1%, rgba(0,0,0,0) 99%);
    
}
.sfnt_content_section_image_swoosh{
    display:block;
   position:absolute;
    z-index:2;
    top:0px;
    left:0px; 
    width:120px;
}

@media screen and (min-width: 60em) {
.sfnt_content_section_image_inner{
    padding:40px;
    
}
   .sfnt_content_section_image_swoosh{
    width:220px;
} 
    
}

.t-site-sfnt_content_automotive{
  
}
.t-site-sfnt_content_automotive .sfnt_content_column_1{
    order:1;
}
.t-site-sfnt_content_automotive .sfnt_content_column_2{
    order:2;
}

.t-site-sfnt_content_architectural{
  
}
.t-site-sfnt_content_architectural .sfnt_content_column_1{
    order:1;
}
.t-site-sfnt_content_architectural .sfnt_content_column_2{
    order:2;
}
@media screen and (min-width: 60em) {
 .t-site-sfnt_content_architectural .sfnt_content_column_1{
    order:2;
}
.t-site-sfnt_content_architectural .sfnt_content_column_2{
    order:1;
}   
    
}
.t-site-sfnt_content_paint_protection{
  
}
.t-site-sfnt_content_paint_protection .sfnt_content_column_1{
    order:1;
}
.t-site-sfnt_content_paint_protection .sfnt_content_column_2{
    order:2;
}



/* Site Warranty Protection
    =========================================== */

.t-site-warranty_protection{
    border-top:none;
    background-color: var(--black);
    color: var(--white);
	padding-top: 3rem;
    padding-bottom: 3rem;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    
}
.warranty_protection_item{
}
.warranty_protection_item_inner{
    padding:0 0;
}
.t-site-warranty_protection h2{
    text-transform:uppercase;
    letter-spacing:2pt;
    font-size:0.775rem;
    line-height:1.2;
    font-weight:700;
    color:var(--mp-orange);
    margin-bottom:1.25rem;
}
.t-site-warranty_protection h3{
    letter-spacing:0.5pt;
    font-size:1.875rem;
    line-height:1.2;
    font-weight:700;
    margin-bottom:1rem;
}
.t-site-warranty_protection p{
    line-height:2;
    margin-bottom:2rem;
}

@media screen and (min-width: 60em) {
.t-site-warranty_protection{
	padding-top: 6.5%;
    padding-bottom: 6.5%;
}
    
.t-site-warranty_protection h2{
    font-size:0.825rem;
    margin-bottom:1.25rem;
}
.t-site-warranty_protection h3{
    font-size:2.75rem;
    margin-bottom:1rem;
}  
}



/* Site Testimonials
    =========================================== */

.t-site-testimonials{
    border-top:none;
    background-color: var(--white);
    padding-top: 3rem;
    padding-bottom:3rem;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(30deg, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 68.5%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 99%);
    background: -o-linear-gradient(30deg, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 68.5%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 99%);
    background: linear-gradient(140deg, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 68.5%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 99%);
    
    
}

@media screen and (min-width: 60em) {
.t-site-testimonials{
    padding-top: 5%;
    padding-bottom: 5%;
} 
}


.t-site-testimonials h2{
    text-transform:uppercase;
    letter-spacing:2pt;
    font-size:1.125rem;
    line-height:1.2;
    font-weight:700;
    color:var(--mp-red);
    margin-bottom:2.5rem;
    
}
.testimonial_item{
    padding-bottom:36px;
    margin:0.5rem;
    position:relative;
}
.testimonial_item:after{
    content:'';
    display:block;
    position:absolute;
    bottom:0px;
    left:0px;
    
    width:100%;
    height:36px;
    
    background-image: url(../../graphics/00000001/1/bg-testimonial-reflection.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center top;
    border-radius:8px 8px 0 0;
}
.testimonial_item_inner{
    padding:3rem 3rem;
    background-color:var(--black);
    color: var(--white);
    border-radius:10px;
    min-height: 350px;
}
.testimonial-stars{
    display:block;
    width:144px;
    margin:0 auto 1.5rem auto;
}
.testimonial-quote{
    letter-spacing:0pt;
    font-size:0.825rem;
    line-height:1.6;
    font-weight:300;
    position:relative;
    
    max-height:104px;
    overflow:hidden;
    
    transition: max-height 0.5s ease-in-out;
    
}
.testimonial-quote.open{
   max-height: 800px;
   transition: max-height 0.5s ease-in-out;
}
.testimonial-quote:after{
    content:'';
    display:none;
    position:absolute;
    bottom:0px;
    left:50%;
    transform:translateX(-50%);
    width:33%;
    height:2px;
    
    background-color:var(--mp-lt-grey);
}

.testimonial_item .testimonial_item_more_trigger{
    display:block;
    text-decoration:none;
    text-align:center;
    
    font-size:0.675rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1pt;
    color:var(--mp-lt-grey);
    line-height:1;
    padding:0.25rem 0;
}
.testimonial_item .testimonial_item_more_trigger:hover{
    text-decoration:none;
    color: var(--white);
}
.testimonial-name{
    letter-spacing:0pt;
    font-size:1rem;
    line-height:1.2;
    font-weight:300;
    padding-top:1.25rem;
    margin-top:1rem;
    margin-bottom:0.5rem;
    position:relative;
}
.testimonial-name:before{
    content:'';
    display:block;
    position:absolute;
    top:0px;
    left:50%;
    transform:translateX(-50%);
    width:33%;
    height:2px;
    
    background-color:var(--mp-lt-grey);
}

.testimonial-location{
    letter-spacing:0pt;
    font-size:0.75rem;
    line-height:1.2;
    font-weight:300;
    margin-bottom:0;
}




/* Site Why Choose / SFNT Intro
    =========================================== */

.t-site-why_choose,
.t-site-sfnt_intro:not(.intro){
    border-top:none;
    background-color: var(--white);
    padding-top: 3rem;
    padding-bottom:3rem;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center center;
    
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(108deg, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 68.5%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 99%);
    background: -o-linear-gradient(108deg, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 68.5%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 99%);
    background: linear-gradient(198deg, rgba(255,255,255,1) 1%, rgba(246,246,246,1) 68.5%, rgba(255,255,255,1) 69%, rgba(255,255,255,1) 99%);
    
}
@media screen and (min-width: 60em) {
.t-site-why_choose,
.t-site-sfnt_intro:not(.intro){
    padding-top: 5%;
    padding-bottom: 4%;
}
    
}
.why_choose_item_intro h2,
.sfnt_intro_item_intro h2{
    text-transform:uppercase;
    letter-spacing:2pt;
    font-size:0.825rem;
    line-height:1.2;
    font-weight:700;
    color:var(--mp-red);
    margin-bottom:1.5rem;
}
.why_choose_item_intro h3,
.sfnt_intro_item_intro h3{
    letter-spacing:0.5pt;
    font-size:1.875rem;
    line-height:1.2;
    font-weight:700;
    margin-bottom:1rem;
}
.why_choose_item_intro p,
.sfnt_intro_item_intro p{
    line-height:2;
    margin-bottom:1.5rem;
}

.t-site-why_choose_columns{
    padding-top:3rem;
}
.why_choose_item{
    
}
.why_choose_item_inner{
    padding-left:3rem;
    padding-right:3rem;
    margin-bottom:3rem;
}
@media screen and (min-width: 48em) {
    .why_choose_item_intro h2,
    .sfnt_intro_item_intro h2{
        font-size:0.975rem;
    }
    .why_choose_item_intro h3,
    .sfnt_intro_item_intro h3{
        font-size:1.875rem;
    }
    .why_choose_item_intro p,
    .sfnt_intro_item_intro p{
        margin-bottom:2rem;
    }
    
    .why_choose_item_inner{
        padding-left:0.5rem;
        padding-right:0.5rem;
        margin-bottom:3rem;
    }     
}
@media screen and (min-width: 60em) {
    .why_choose_item_intro h2,
    .sfnt_intro_item_intro h2{
        font-size:1.125rem;
    }
    .why_choose_item_intro h3,
    .sfnt_intro_item_intro h3{
        font-size:2.75rem;
    }
    .why_choose_item_intro p,
    .sfnt_intro_item_intro p{
        margin-bottom:2rem;
    }
    
    .why_choose_item_inner{
        margin-bottom:2rem;
    }     
}
@media screen and (min-width: 90em) {
    .why_choose_item_inner{
        margin-bottom:2rem;
    }     
}
.why-choose-img{
    display:block;
    width:220px;
    margin:0 auto 2.25rem auto;
}
.why-choose-title{
    text-transform:uppercase;
    letter-spacing:1.25pt;
    font-size:0.875rem;
    line-height:1.2;
    font-weight:500;
    margin-bottom:1rem;
}
.why-choose-description{
     line-height:2;
    margin-bottom:2rem;
}




/* Single Product
    =========================================== */
.x-product-layout .c-form-list:not(.o-layout){
width:95%;
}
.x-product-layout{
    
}
.x-product-layout-purchase .c-form-list__item {
    padding: 0 12px;
}
.x-product-layout-purchase label{
    font-weight:700;
}
.x-product-layout-purchase label.is-required{
    color:var(--mp-red);
}
.x-product-layout-purchase__options{
    display: flex;
        flex-direction:column;
        flex-wrap: nowrap;
        justify-content:center;
        align-items: center;
        gap:0 1.25rem;
}
@media (min-width: 48em) {
 .x-product-layout-purchase__options{
    display: flex;
        flex-direction:row;
        flex-wrap: nowrap;
        justify-content:center;
        align-items: center;
        gap: 1.25rem 1.25rem;
}   
    
}
@media (min-width: 75em) {
    
    .x-product-layout-purchase__pricing,
    .x-product-layout-purchase__options,
    .x-product-layout-purchase__cta {
        max-width: 100% !important;
        width: 100% !important;
    }
    
}


.x-product-layout-purchase__pricing{
    border-left:solid 1px var(--mp-lt-grey);
        padding: 0.5rem 0 0.5rem 2rem;
    margin:0.125rem 0 0 0.25rem;
}
.x-product-layout-purchase__pricing a.log-in-for-price{
   display:block;
    font-size:0.875rem;
    line-height:2.25;
    font-weight:700;
    color:var(--mp-md-blue);
    text-decoration:none;
}
.x-product-layout-purchase__pricing a.log-in-for-price:hover{
    color:var(--mp-orange);
    text-decoration:none;
}
/*
.x-product-layout-purchase__pricing #price-value{
    font-weight:400;
    font-size:1.25rem;
    line-height:1.2;
    color:var(--mp-md-blue);
}
*/

.x-product-layout-purchase__pricing-current{
    font-weight:400;
    font-size:1.25rem;
    line-height:1.2;
    color:var(--mp-body-color);
    margin:0;
    padding:0;
}
.x-product-layout-purchase__options-quantity{
    display:flex;
    align-items:center;
}
.x-product-layout-purchase__options-quantity label{
    margin:0 0.5rem 0 0;
    padding:0;
}

.x-quantify:is(.c-button, .c-form-input){
    align-self: stretch;
    border: 0 none;
    line-height: normal;
    margin-bottom: 0;
    outline-offset: 0 !important;
    padding: 0;
}

.x-quantify{
   max-width:120px; 
    border:none;
    height: 46px;
    border-radius:0px;
}
.x-quantify button {
    outline:none !important;
    color: var(--mp-md-blue);
    font-size: 0.625rem;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 900;
    font-size:0.875rem;
}


.x-product-layout-icons-mobile{
    display:block;
    padding:1rem 0.25rem;
}
.x-product-layout-icons-desktop{
    display:none;
    padding:1rem 1rem;
    text-align:center;
}
@media screen and (min-width: 60em) {
    
.x-product-layout-icons-mobile{
    display:none;
}
.x-product-layout-icons-desktop{
    display:block;
}    
}
.x-product-layout-icons-padding{
}
.x-product-icon{
    display:inline-block;
    position:relative;
    
    padding:0 0 0 42px;
    
    margin:1rem;
    
    font-size:0.775rem;
    font-weight:600;
    line-height:36px;
    
    text-decoration:none !important;
    color:var(--mp-md-blue);
}
.x-product-icon:hover{
    cursor:pointer;
    text-decoration:none;
    color:var(--mp-orange);
}
.x-product-icon:before{
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0px;
    
    width: 36px;
    height: 36px;
    left:0;
    
    
}
.x-product-icon .c-button--as-link,
.x-product-icon .c-button--as-link:active,
.x-product-icon .c-button--as-link:focus,
.x-product-icon .c-button--as-link:hover{
    text-decoration:none;
    font-size:0.775rem;
    font-weight:700;
    cursor:pointer;
    padding:0;
}


.x-product-icon.x-product-icon-warranty:before{
    background-image: url('../../graphics/00000001/1/icon-warranty.png');
}
.x-product-icon.x-product-icon-support:before{
    background-image: url('../../graphics/00000001/1/icon-support.png');
}
.x-product-icon.x-product-icon-wishlist:before{
    background-image: url('../../graphics/00000001/1/icon-wishlist.png');
}
.x-product-layout-icons-mobile .x-product-icon{
    padding:0 0 0 2.75rem;
    line-height:36px;
}
.x-product-layout-icons-mobile .x-product-icon:before{
    width: 36px;
    height: 36px;
}

@media (min-width: 60em) {
    .x-product-layout-images {
        flex-direction: row-reverse;
        max-height: none;
        min-height: 0;
        overflow: hidden;
        place-content: flex-start flex-end;
    }
}
.x-product-layout-purchase{
    
    
}

.stock-message{
    display:block;
    font-size:0.775rem;
    line-height:1;
    text-transform:uppercase;
    font-weight:700;
    letter-spacing:0.75pt;
    
    margin-bottom:1.5rem;
}

.stock-message.stock-message-in{
    color:var(--mp-md-blue);
}
.stock-message.stock-message-out{
    color:var(--mp-orange);
}


#product-category-list{
       display: flex;
        flex-direction:row;
        flex-wrap: nowrap;
        justify-content:start;
        align-items: center;
        gap: 1.25rem 1.25rem;
    
    margin:0;
    padding:0;
    list-style:none;
}
#product-category-list li{
    display:none;
}
#product-category-list li:first-of-type{
    display:block;
}
.x-product-layout-purchase__category{
    display:block;
    font-size:0.95rem;
    line-height:1.2;
    font-weight:400;
    margin-bottom:1.125rem;
}


.x-product-layout-purchase__name{
    text-transform: uppercase;
    font-size: 2.25rem;
    line-height: 1;
    letter-spacing: 0pt;
    font-weight: 700;
    margin-bottom: 1rem;  
}
.x-product-layout-purchase__sku{
    text-transform: uppercase;
    font-size: 0.825rem;
    line-height: 1.4;
    letter-spacing: 0pt;
    font-weight: 400;
    margin-bottom: 2rem;  
}
.x-product-layout-purchase__description{
    font-size: 0.875rem;
    line-height:32px;
    margin-bottom:3rem;
    display:block;
}
.x-product-layout-purchase__pricing{
    
}

.x-product-specs{
   background-color:var(--black);
   color:var(--white);
    padding-top:2.5rem;
    padding-bottom:2.5rem;
    
}
.x-product-specs h2{
    text-transform: uppercase;
    font-size: 1.75rem;
    text-align:center;
    line-height: 1.2;
    letter-spacing: 0pt;
    font-weight: 700;
    margin-bottom: 1rem;
}
@media (min-width: 60em) {
.x-product-specs{
    padding-top:3%;
    padding-bottom:3%;
    
}
    
    .x-product-specs h2{
    font-size: 2.75rem; 
    text-align:left;
    margin-bottom: 1.5rem;
    }
    
}
.x-product-specs table {
    width: 100%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-collapse: collapse;
}
.x-product-specs table tr:nth-of-type(even) td {
    background-color: #6d6d6d;
}
.x-product-specs table tr td:first-of-type {
    width: 300px;
}

.x-product-specs table tr td:not(:first-of-type) {
    text-align: center;
}
.x-product-specs table td {
    padding: 0.75rem 0.5rem;
    border-left:solid 1px #8a8a8a;
}
.x-product-specs table td:first-of-type{
    border-left:none;
}
.x-product-tabs{
    background-color:var(--white);
    color:var(--mp-body-color);
    padding-top:3%;
    padding-bottom:3%;
}
.tab-header{
    border-bottom:solid 5px var(--mp-red);
}
.tab-content{
    
}

/*
ul.x-a11y-tabs__list{
    margin:0;
    padding:0;
    list-style:none;
    display:flex;
     flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
ul.x-a11y-tabs__list li.x-a11y-tabs__item{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
}
ul.x-a11y-tabs__list li.x-a11y-tabs__item a.x-a11y-tabs__link{
    display:block;
    margin:0;
    padding:1.25rem 1rem;
    color:var(--mp-red);
    background-color:var(--white);
    
    text-decoration:none;
    
    font-size:1rem;
    line-height:1;
}
ul.x-a11y-tabs__list li.x-a11y-tabs__item a.x-a11y-tabs__link.active{
    color:var(--white);
    background-color:var(--mp-red);
}
*/

.x-product-tabs [data-tab-component] [role=tablist] {
    display: block;
}

.x-product-tabs [data-tab-component] [role=tab] {
    border-bottom: none;
    font-size: 0.725rem;
    line-height:1;
    font-weight: 600;
    letter-spacing:0.75pt;
    padding:1rem 1.5rem 0.75rem 1.5rem;
    text-decoration: none;
    text-transform:uppercase;
    color:var(--mp-bodycolor);
    background-color:var(--white);
}

@media (min-width: 48em) {
.x-product-tabs [data-tab-component] [role=tablist] {
    display: flex;
    gap:0;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
} 
.x-product-tabs [data-tab-component] [role=tab] {
    font-size: 0.775rem;
    letter-spacing:0.75pt;
    padding:1rem 2.5rem;
}
    
}

ul.x-a11y-tabs__list li.x-a11y-tabs__item{
    position:relative;
}
ul.x-a11y-tabs__list li.x-a11y-tabs__item:after{
    display:block;
    content:'';
    position:absolute;
    top:20%;
    right:0px;
    
    float:right;
    
    width:1px;
    height:60%;
    
    background-color: var(--mp-red);
}
ul.x-a11y-tabs__list li.x-a11y-tabs__item:last-of-type:after{
    display:none;
}


.x-product-tabs [data-tab-component] [role=tab][aria-selected] {
    color:var(--white);
    background-color:var(--mp-red);
}
.x-product-tabs [data-tab-component] [role=tabpanel]{
    font-size: 1rem;
    line-height:1.6;
    margin: auto;
    max-width:none;
    padding-top: 2rem; 
}


/* Product Tabs FAQs
    =========================================== */
.x-product-faqs{
    display:block;
    margin:0;
    padding:0;
    list-style:none;
    
}
.x-product-faqs li{
    display:block;
    margin:0;
    padding:0 0 1rem 0;
    
    border-bottom:solid 1px var(--mp-lt-grey);
    
}
.x-product-faqs li .faq-head{
    display:block;
}
.x-product-faqs li h3{
    display:block;
    font-size:1rem;
    font-weight:700;
    line-height:1.2;
    
    margin:0;
    padding:1rem 2rem 0.5rem 0.5rem;
    
    position:relative;
    transition: all .5s ease-in-out;
}
@media (min-width: 60em) {
.x-product-faqs li h3{
    font-size:1.25rem;
} 
}

.x-product-faqs li h3:hover{
    cursor:pointer;
}
.x-product-faqs li h3:after{
    content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    display: block;
    position: absolute;
    z-index: 1;
    top: 1rem;
    right:0px;
    width: 24px;
    height: 24px;
    
    float:right;
    
    text-align:center;
    
    font-size:1.25rem;
    line-height:24px;
    
    
    transform: rotate(45deg);
    
    transition: all .3s ease-in-out;
    
}
.x-product-faqs li.active h3{
}
.x-product-faqs li.active h3:after{
    transform: rotate(0deg);
}

.x-product-faqs li .faq-content{
    display:none;
    padding:0.5rem;
}

.x-product-faqs li .faq-content p{
    font-size:1rem;
    line-height:32px;
}


/* Product Tabs Videos
    =========================================== */
.x-product-videos{
    display: block;
    margin:0;
    padding:0;
    list-style:none;
    /*
    justify-content:space-between;
    align-items:center;
    */
    columns: auto;
    columns: 2;
    justify-content:center;
    gap: 3rem;
}
.x-product-videos li{
    display:block;
    position: relative;
    margin:0 auto 2rem auto;
    padding:0;
      padding-bottom: 56.25%; /* 16:9 */
      height: 0;
    
}
.x-product-videos li iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Product Tabs Resources
    =========================================== */
.x-product-resources{
    display: block;
    margin:0;
    padding:0;
    list-style:none;
    /*
    justify-content:space-between;
    align-items:center;
    */
    columns: auto;
    columns: 2;
    justify-content:center;
    gap: 3rem;
}
.x-product-resources li{
    display:block;
    position: relative;
    margin:0;
    padding:0;
    
}
.x-product-resources li a {
  display:block;
    position:relative;
    font-size:1rem;
    line-height:1.2rem;
    
    margin:0;
    padding:0.5rem 0.5rem 0.5rem 2rem;
    
    text-decoration:none;
}
.x-product-resources li a:before{
    content: "\f105";
    font-family: 'Font Awesome 6 Pro';
    display: block;
    position: absolute;
    z-index: 1;
    top: 5px;
    left:0px;
    width: 24px;
    height: 24px;
    text-align:center;
    
    font-size:1rem;
    line-height:24px;
    
    transition: all .3s ease-in-out;
}
.x-product-resources li a:hover{
    color:var(--mp-red);
}

.x-product-resources li a:hover:before{
  left:6px;  
    color:var(--mp-red);
}

/* Related Products Carousel
    =========================================== */

.t-site-related-products{
   padding-top:3%;
    padding-bottom:5%;
    
}
.related-products_item_content-inner{
    padding-top:5%;
    padding-bottom:3%;
    border-top:solid 1px var(--mp-lt-grey);
}
h2.related-products-title{
    font-size: 2rem;
    line-height: 1.4;
    letter-spacing: 0pt;
    font-weight: 700;
    margin-bottom: 1.5rem;
}
h3.related-products-subtitle{
    
}



/* CATEGORY
    =========================================== */
#ctgy-hero{
    background-color:var(--black);
    color:var(--white);
    
    text-align:center;
    
    padding:8rem 0 6rem 0;
    
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    
}
@media screen and (min-width: 60em) {
    #ctgy-hero{
         padding:6rem 0;
    }
}
.ctgy-hero-content{
    position:relative;
    padding:0 10px 0 10px;
}
@media screen and (min-width: 60em) {
 .ctgy-hero-content{
    padding:0 40px 0 40px;
}   
    
}
.ctgy-hero-content h1{
    font-size: var(--title-one);
    font-weight: var(--font-bold);
    line-height: calc(var(--title-one) * 1.2);

}
.ctgy-hero-content h1 span{
    display:block;
    text-transform:uppercase;
    letter-spacing:2pt;
    font-size:1rem;
    line-height:1.2;
    font-weight:700;
    color:var(--mp-red);
    margin-bottom:0.75rem;
}

.ctgy-hero-content-inner{
   position:relative;
    z-index:2;
    padding:1.5rem 0;
    
}
.ctgy-hero-content:before{
    content: "";
    display:block;
    
    background-position: top center;
    background-repeat: no-repeat;
    background-size:contain;
    
    position: absolute;
    z-index: 1;
    
    top: -80px;
    width: 100px;
    height: 80px;
    left: 50%;
    transform: translateX(-50%);
    
}
@media screen and (min-width: 60em) {
 .ctgy-hero-content:before{
    background-position: top left;
    top: 0;
    width: 160px;
    height: 100%;
    left:-94px;
    transform:translateY(0);
    
}   
    
    
}




#filter-items-container {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-top:2rem;
    border-top:solid 1px var(--mp-lt-grey);
}
#filter-items-container .sorting{
     order:1;
}
#filter-items-container .page-links{
     order:3;
    display:block;
    flex-basis:99%;
    text-align:center;
}
#filter-items-container .per-page{
    order:2;
}

@media screen and (min-width:420px) {
#filter-items-container {
   flex-wrap:nowrap; 
    }
#filter-items-container .sorting{
     order:1;
}
#filter-items-container .page-links{
     order:2;
    flex-basis:auto;
}
#filter-items-container .per-page{
    order:3;
}
}
#filter-items-container .page-links{
    font-size:0.775rem;
}
#filter-items-container label{
    display:none !important;
}
/*
#filter-items-container .c-form-select__dropdown {
    background-color: var(--white);
    border: var(--default-border-width) solid var(--gray-400);
    border-radius: 2px;
    box-shadow: none !important;
    cursor: pointer;
    font-size: 0.825rem;
    padding: calc(1.25em - var(--default-border-width)) calc(1.7em - var(--default-border-width));
    transition: none !important;
    width: 100%;
    positon:relative;
    
}
#filter-items-container .c-form-select__dropdown:after {
    background: none ! important;
    height: 1rem;
    margin-bottom: 0.25em;
    pointer-events: none;
    position: absolute;
    right: 1.375em;
    float:right;
    top: 50%;
    transform: translateY(-50%);
    width: 0.75rem;
    color: var(--black);
    background-color:pink !important;
    content: '';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 700;
    display:block;
    
}
*/
#ctgy-product-header{
    padding-bottom:1.5rem;
}
#ctgy-product-header .sub-category-grid{
    margin: 0 0 2rem 0;
    padding: 0 1rem 0 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    gap: 1rem 1.5rem;
    flex-direction: column;
}

@media screen and (min-width: 60em) {
#ctgy-product-header .sub-category-grid{
    padding: 0;
    gap: 0rem 0.5rem;
    flex-direction: row;
}    
}
@media screen and (min-width: 75em) {
#ctgy-product-header .sub-category-grid{
    gap: 1rem 1.5rem;
    flex-direction: row;
}    
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item{
    display:block;
    width: 100%;
    margin:0;
    padding:0;
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link{
    display:block;
    position:relative;
    
    background-position: center center;
    background-repeat: no-repeat;
    background-size:cover;
    
    
    font-size:0.775rem;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:0.5pt;
    text-decoration:none;
    
    background-color:var(--black);
    color: var(--white);
    
    margin:0 0;
    padding:1rem 2rem 1rem 2rem;
    
    text-align:center;
    
     opacity:0.6;
    
    transition: opacity .3s ease-in-out;
}
@media screen and (min-width: 60em) {
    #ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link{
        margin:2% 0;
        padding:1.5rem 2rem 1.5rem 2rem;
        font-size:0.825rem;
    }
    
}
@media screen and (min-width: 75em) {
    #ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link{
        margin:10% 0;
        padding:2rem 3rem 2rem 3rem;
        font-size:0.875rem;
    }
    
}

#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link:hover{
    text-decoration:none;
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link:hover,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link.active,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item.active a.sub-category-grid-item-link{
    opacity:1;
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link:before{
    display: none;
    content: "";
    
    background-position: center left;
    background-repeat: no-repeat;
    background-size:contain;
    
    position: absolute;
    z-index: 1;
    top: -5%;
    
    width: 60px;
    height: 110%;
    left:0;
}

@media screen and (min-width: 60em) {
    #ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link:before{
    top: -5%;
    width: 60px;
    height: 110%;
    left:0;
    }
    
}
@media screen and (min-width: 75em) {
    #ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grid-item-link:before{
     top: -10%;
    width: 100px;
    height: 120%;
    left:0;
    }
    
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-ceramic,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-hybrid,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-dyed,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-carbon,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-blue,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-yellow,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-pink,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-green,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-teal,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-orange,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grey,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-purple{
    padding:1rem 2rem 1rem 60px;
}

@media screen and (min-width: 60em) {
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-ceramic,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-hybrid,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-dyed,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-carbon,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-blue,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-yellow,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-pink,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-green,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-teal,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-orange,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grey,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-purple{
    padding:1rem 2rem 1rem 60px;
} 
    
    
}

@media screen and (min-width: 75em) {
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-ceramic,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-hybrid,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-dyed,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-carbon,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-blue,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-yellow,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-pink,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-green,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-teal,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-orange,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grey,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-purple{
    padding:2rem 3rem 2rem 100px;
}  
    
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-ceramic:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-hybrid:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-dyed:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-carbon:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-blue:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-yellow:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-pink:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-green:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-teal:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-orange:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grey:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-purple:before{
    display:block;
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-blue:before,
#ctgy-hero.ctgy-color-blue .ctgy-hero-content:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-ceramic:before{
    background-image: url(../../graphics/00000001/1/ceramic-swoosh.png);
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-yellow:before,
#ctgy-hero.ctgy-color-yellow .ctgy-hero-content:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-hybrid:before{
    background-image: url(../../graphics/00000001/1/hybrid-swoosh.png);
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-pink:before,
#ctgy-hero.ctgy-color-pink .ctgy-hero-content:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-dyed:before{
    background-image: url(../../graphics/00000001/1/dyed-swoosh.png);
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-green:before,
#ctgy-hero.ctgy-color-green .ctgy-hero-content:before,
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-carbon:before{
    background-image: url(../../graphics/00000001/1/carbon-swoosh.png);
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-grey:before,
#ctgy-hero.ctgy-color-grey .ctgy-hero-content:before{
    background-image: url(../../graphics/00000001/1/PPF-swoosh.png);
}
#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-teal:before,
#ctgy-hero.ctgy-color-teal .ctgy-hero-content:before{
    background-image: url(../../graphics/00000001/1/arch-swoosh.png);
}

#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-orange:before,
#ctgy-hero.ctgy-color-orange .ctgy-hero-content:before{
    background-image: url(../../graphics/00000001/1/auto-swoosh.png);
}

#ctgy-product-header .sub-category-grid li.sub-category-grid-item a.sub-category-purple:before,
#ctgy-hero.ctgy-color-purple .ctgy-hero-content:before{
    background-image: url(../../graphics/00000001/1/security-swoosh.png);
}


#ctgy-hero.ctgy-color-blue h1 span{
    color:#20afec;
}
#ctgy-hero.ctgy-color-yellow h1 span{
    color:#eee20b;
}
#ctgy-hero.ctgy-color-pink h1 span{
    color:#ed326e;
}
#ctgy-hero.ctgy-color-green h1 span{
    color:#94c93e;
}
#ctgy-hero.ctgy-color-grey h1 span{
    color:#c5c5c5;
}
#ctgy-hero.ctgy-color-teal h1 span{
    color:#4fc1a9;
}
#ctgy-hero.ctgy-color-orange h1 span{
    color:#f05038;
}
#ctgy-hero.ctgy-color-purple h1 span{
    color:#96509f;
}

#ctgy-product-header h2{
    font-size: var(--title-one);
    font-weight: var(--font-bold);
    line-height: calc(var(--title-one) * 1.2);
}

.x-category-listing{
    padding-top:1.5rem;
    padding-bottom:2.75rem;
}
#category_listing_grid{
    
    
}

#category_listing_grid .product-item{
    margin-bottom:2rem;
    padding-left:0px !important;
}



.ctgy-main-wrapper{
    
}
@media screen and (min-width: 48em) {
  .ctgy-main-wrapper{
    padding-left:1rem;
}  
}
@media screen and (min-width: 60em) {
  .ctgy-main-wrapper{
    padding-left:2.25rem;
}  
}


/* Category/Facets Tree
    =========================================== */
.x-category-tree{
    
}
@media screen and (min-width: 48em) {
  .x-category-tree{
    padding-right:1rem;
}  
}
@media screen and (min-width: 60em) {
  .x-category-tree{
    margin-right:2.25rem;
}  
}
.x-category-tree .x-category-tree__title{
    
}
.x-category-tree__heading{
    font-weight:600 !important;
}

.x-category-tree__row{
    
}
.x-category-tree__row li{
    display:block;
    margin:0;
    padding:0;
}
.x-category-tree__row li.x-category-tree__list--level-1{
    border-top:solid 1px var(--mp-lt-grey);
    padding-top:0.375rem;
    margin-top:0.25rem;
}
.x-category-tree__row li.x-category-tree__list--level-2{
    
}

.x-category-tree__row li a.x-category-tree__link{
    margin:0;
    padding:0.5rem 0.25rem;
}
.x-category-tree__row li a.x-category-tree__link:hover{
    text-decoration:none;
}
.x-category-tree__row li.x-category-tree__list--level-1 a{
    font-size:0.925rem;
}
.x-category-tree__row li.x-category-tree__list--level-2 a{
    padding:0.25rem 0.5rem;
    font-size:0.775rem;
}

.x-category-tree__row li.x-category-tree__list--level-1 a.x-category-tree__link.x-category-tree__link--current{
    color:var(--mp-red);
    font-weight:600;
    text-decoration:none;
}

.x-category-tree__row li.x-category-tree__list--level-2 a.x-category-tree__link.x-category-tree__link--current{
    color:var(--mp-md-blue);
    font-weight:600;
    text-decoration:none;
}
.x-category-tree__row li a.x-category-tree__link:hover{
    color:var(--mp-orange);
}


.facets-tree{
    border-top:solid 1px var(--mp-lt-grey);
    margin-bottom:2.5rem;
}
.facets-tree .facet-item{
    border-bottom:solid 1px var(--mp-lt-grey);
    padding-bottom:0.375rem;
    margin-bottom:0.25rem;
}
.facet-item .facet-header{
    margin:0;
    padding:0.5rem 0.25rem;
}
.facet-item h4.facets-name{
    font-weight:600 !important;
    font-size: 1rem;
    line-height: 1.2;
    margin:0px;
    padding:4px 30px 0px 0px;
    position:relative;
    
}
.facet-item h4.facets-name:hover{
    cursor:pointer;
}

.facet-item h4.facets-name:after{
     content: "\f00d";
    font-family: 'Font Awesome 6 Pro';
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 0px;
    width: 24px;
    height: 24px;
    float: right;
    text-align: center;
    font-size: 1rem;
    line-height: 24px;
    transform: rotate(45deg);
    transition: all .3s ease-in-out;
    
    color:var(--mp-red);
    
}
.facets-tree .facet-item.active h4.facets-name:after{
    transform: rotate(0deg);
}
.facet-item .facet-content{
    margin:0;
    padding:0rem 0.25rem;
    
    display:none;
}
.facet-item .facet-content label{
    display:block;
    margin-bottom:0.25rem;
}
.facet-item .facet-content input[type="checkbox"]{
    margin-right:0.5rem;
}
@media screen and (min-width: 60em) {
    .facets-tree {
        margin-right: 2.25rem;
    }
}


.facets-wrapper{
    
    
}
.facets-wrapper a.facets-view-trigger{
    display:block;
    font-size:1rem;
    text-transform:uppercase;
    line-height:1.2;
    font-weight:700;
    margin:0 0 1rem 0;
    padding:0.75rem;
    
    color:var(--mp-red);
    text-decoration:none;
    
}
.facets-wrapper .facets-content{
    display:none;
}
@media screen and (min-width: 48em) {
 .facets-wrapper{
}
.facets-wrapper a.facets-view-trigger{
    display:none;
    
}
.facets-wrapper .facets-content{
    display:block;
}   
    
}


.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}


/* Category Faq's
    =========================================== */
.x-category-faqs{
  background-color:var(--black);
  color: var(--white);
  padding:4rem 0;
}
.x-category-faqs-header{
    padding-bottom:2.5rem;
    text-align:center;
}
.x-category-faqs-header h2{
    text-transform: uppercase;
    letter-spacing: 2pt;
    font-size: 0.775rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--mp-orange);
    margin-bottom: 1.25rem;
}
.x-category-faqs-header h3{
    letter-spacing:0.5pt;
    font-size:1.25rem;
    line-height:1.2;
    font-weight:700;
    margin-bottom:1rem;
}

@media screen and (min-width: 60em) {
.x-category-faqs-header h2{
    font-size: 0.825rem;
}
.x-category-faqs-header h3{
    font-size:2.75rem;
}    
}
.faq-wrapper,
.ctgy-faq-wrapper{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content:space-between;
    align-items:center;
    gap: 1rem 1rem;
    width: 100%;
}
.faq-sidebar{
    display:block;
    flex-basis:99%;
}
.ctgy-faq-wrapper .faq-sidebar .faq-trigger{
    display: block;
    margin: 0 0 1rem 0;
    padding: 0.75rem 2.5rem;
    color: var(--white);
    font-weight: bold;
    text-align: center;
    border: 1px solid var(--mp-red);
    text-decoration: none;
}
.ctgy-faq-wrapper .faq-sidebar .faq-trigger.active,
.ctgy-faq-wrapper .faq-sidebar .faq-trigger:hover{
    background-color: var(--mp-orange);
    text-decoration: none;
    
}

.faq-wrapper .faq-sidebar .faq-trigger{
    display: block;
    margin: 0 0 1rem 0;
    padding: 0.75rem 2.5rem;
    color: var(--black);
    font-weight: bold;
    text-align: center;
    border: 1px solid var(--mp-red);
    text-decoration: none;
}
.faq-wrapper .faq-sidebar .faq-trigger.active,
.faq-wrapper .faq-sidebar .faq-trigger:hover{
    background-color: var(--mp-red);
    color: var(--white);
    text-decoration: none;
    
}

.faq-contents{
    display:block;
    flex-basis:99%;
    padding-right:12px;
}
.faq-list-container{
    display:none;
}
.faq-list-container.active{
    display:block;
}
@media screen and (min-width: 60em) {
.faq-wrapper,
.ctgy-faq-wrapper{
    flex-direction: row;
    flex-wrap: nowrap;
    align-items:flex-start;
    gap: 3rem 3rem;
    }
.faq-sidebar{
    flex-basis:24%;
}   
.faq-contents{
    flex-basis:74%;
}  
}


/* Site Product List Item 
    =========================================== */ 
a.x-product-list__link { 
    position: relative; 
    z-index: 2;
}



/* SITE MISC
    =========================================== */

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}


.de-fade {
	transition: opacity .5s ease-in-out;
}
.de-fade-up,
.de-fade-down,
.de-left-in,
.de-right-in {
	transition: all .5s ease-in-out;
}

.de-fade[data-emergence="hidden"] {
	opacity: 0;
}
.de-fade[data-emergence="visible"] {
	opacity: 1;
}
.de-fade-up[data-emergence="hidden"] {
	transform: translateY(2.75rem);
	opacity: 0;
}
.de-fade-up[data-emergence="visible"] {
	transform: translateX(0rem);
	opacity: 1;
}
.de-fade-down[data-emergence="hidden"] {
	transform: translateY(-2.75rem);
	opacity: 0;
}
.de-fade-down[data-emergence="visible"] {
	transform: translateX(0rem);
	opacity: 1;
}
.de-left-in[data-emergence="hidden"] {
	 transform: translateX(-2.75rem);
	opacity: 0;
}
.de-left-in[data-emergence="visible"] {
	transform: translateX(0);
	opacity: 1;
}
.de-right-in[data-emergence="hidden"] {
    transform: translateX(2.75rem);
    opacity: 0;
}
.de-right-in[data-emergence="visible"] {
	transform: translateX(0);
	opacity: 1;
}

.delay_250,
.delay-250{
    transition-delay: 250ms;
}
.delay_500,
.delay-500{
    transition-delay: 500ms;
}
.delay_750,
.delay-750{
    transition-delay: 750ms;
}
.delay_1000,
.delay-1000{
    transition-delay: 1000ms;
}


.grecaptcha-badge{
    z-index:900;
    
}