.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Inter';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Flex';font-size: 55px;font-weight: 800;}h2, h3, h4, h5, h6{font-size: 35px;font-weight: 700;}h3, h4, h5, h6{font-size: 30px;font-weight: 700;}h4, h5, h6{font-size: 25px;font-weight: 600;}h5, h6{font-size: 20px;font-weight: 600;}h6{font-size: 18px;font-weight: 600;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
}.ct-new-columns > .ct-div-block {
}.oxy-header-container {
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.sticky-toc {
 overflow:visible;
.sticky-toc position: sticky; top: 100px; /* adjust to your header height */
}
@media (max-width: 767px) {
.sticky-toc {
}
.sticky-toc:not(.ct-section):not(.oxy-easy-posts),
.sticky-toc.oxy-easy-posts .oxy-posts,
.sticky-toc.ct-section .ct-section-inner-wrap{
display:none;
}
}

@media (max-width: 479px) {
.sticky-toc {
}
.sticky-toc:not(.ct-section):not(.oxy-easy-posts),
.sticky-toc.oxy-easy-posts .oxy-posts,
.sticky-toc.ct-section .ct-section-inner-wrap{
display:none;
}
}

.oxel_toc__container {
 padding-bottom:25px;
 top:0px;
position: sticky; top: 100px; /* adjust for header height */ align-self: flex-start;
}
.oxel_toc__primary {
 color:#58595b;
 font-size:14px;
 text-transform:uppercase;
 letter-spacing:1px;
 padding-left:8px;
 width:100%;
 padding-bottom:8px;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#606e79;
 border-bottom-style:solid;
 border-bottom-width:1px;
 margin-bottom:8px;
 padding-top:8px;
 border-left-width:2px;
 border-left-style:solid;
 border-right-width:1px;
 border-top-width:1px;
 border-top-style:solid;
 border-right-style:solid;
}
.oxel_toc__template {
}
.oxel_toc__sub {
 text-decoration:none;
 margin-left:16px;
}
.oxel_toc__sub__1 {
 font-weight:700;
 color:#000000;
}
.oxel_toc__sub__2 {
 margin-left:32px;
 font-weight:500;
 color:#58595b;
}
.oxel_toc__sub__3 {
 margin-left:48px;
}
.oxel_toc__sub__4 {
 margin-left:64px;
}
.privacy-policy {
}
@media (max-width: 1280px) {
.privacy-policy {
 max-width:100%;
}
}

@media (max-width: 1023px) {
.privacy-policy {
 max-width:100%;
}
}

@media (max-width: 767px) {
.privacy-policy {
 max-width:100%;
}
}

@media (max-width: 479px) {
.privacy-policy {
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
 margin-bottom:0px;
 max-width:100%;
 overflow:hidden;
 clear:both;
 align-self:auto;
 width:100%;
}
.privacy-policy:not(.ct-section):not(.oxy-easy-posts),
.privacy-policy.oxy-easy-posts .oxy-posts,
.privacy-policy.ct-section .ct-section-inner-wrap{
display:block;
}
}

.oxel-breadcrumb-wrapper {
 width:100%;
}
.oxel-breadcrumb-code {
 width:100%;
}
.oxel_icon_button__container:hover{
}
.oxel_icon_button__container {
 padding-top:5px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:5px;
 transition-duration:0.3s;
 gap:12px;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:12px;
}
.oxel_icon_button_text:hover{
 color:#d2984d;
}
.oxel_icon_button_text {
 font-family:Inter;
 color:#ffffff;
 font-size:16px;
 font-weight:500;
}
.oxel_icon_button_icon {
color: #606e79;}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
 margin-right:8px;
}
.p-r-l-50 {
}
@media (max-width: 767px) {
.p-r-l-50 {
}
}

.uppercase {
 text-transform:uppercase;
}
.m-b-15 {
 margin-bottom:15px;
}
.p-t-85 {
}
.p-t-85 .ct-section-inner-wrap {
padding-top: clamp(65px, 6.641vw, 85px) ;
}
.p-b-65 {
 padding-bottom:clamp(50px, 5.078vw, 75px) ;
}
.header-desktop {
}
.header-desktop:not(.ct-section):not(.oxy-easy-posts),
.header-desktop.oxy-easy-posts .oxy-posts,
.header-desktop.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
justify-content:flex-end;
}
@media (max-width: 1023px) {
.header-desktop {
 height:90vh;
}
.header-desktop .ct-section-inner-wrap {
padding-right: 30px;
padding-left: 30px;
}
}

@media (max-width: 767px) {
.header-desktop {
}
}

.p-l-100 {
 padding-left:7.813vw;
}
.p-l-30 {
 padding-left:2.344vw;
}
.p-b-100 {
 padding-bottom:7.813vw;
}
.header-p-txt {
 color:#ffffff;
 font-size:18px;
 font-weight:400;
 text-align:left;
}
.header-content {
 width:55%;
}
.header-content:not(.ct-section):not(.oxy-easy-posts),
.header-content.oxy-easy-posts .oxy-posts,
.header-content.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-start;
justify-content:flex-start;
}
@media (max-width: 1023px) {
.header-content {
 padding-top:10vw;
 width:100%;
}
}

@media (max-width: 479px) {
.header-content {
 padding-top:8vw;
}
}

.border-1-l-white {
 border-left-color:#ffffff;
 border-left-width:2px;
 border-left-style:solid;
}
@media (max-width: 479px) {
.border-1-l-white {
 border-left-style:none;
}
}

.m-b-35 {
 margin-bottom:35px;
}
@media (max-width: 1023px) {
.m-b-35 {
}
}

@media (max-width: 767px) {
.m-b-35 {
}
}

@media (max-width: 479px) {
.m-b-35 {
}
}

.btn-lt-gold:hover{
background-color :#9e7034;
border: 1px solid #9e7034;
}.btn-lt-gold:hover{
 transition-duration:0.35s;
 transition-timing-function:ease-in-out;
}
.btn-lt-gold {
background-color :#d2984d;
border: 1px solid #d2984d;
color: #ffffff;
padding: 10px 16px;
}.btn-lt-gold {
 font-family:Inter;
 text-transform:uppercase;
 text-decoration:none;
 button-hover_color:#9e7034;
 font-size:15px;
 font-weight:400;
 transition-duration:0.35s;
 transition-timing-function:ease-in-out;
 border-radius:0px;
 padding-left:45px;
 padding-right:45px;
}
@media (max-width: 1280px) {
.btn-lt-gold {
 padding-left:45px;
 padding-right:45px;
}
}

@media (max-width: 767px) {
.btn-lt-gold {
 padding-left:45px;
 padding-right:45px;
}
}

@media (max-width: 479px) {
.btn-lt-gold {
 padding-left:22px;
 padding-right:22px;
 margin-left:auto;
 margin-right:auto;
}
}

.the-content-copy {
}
@media (max-width: 1023px) {
.the-content-copy {
 width:100%;
}
}

@media (max-width: 767px) {
.the-content-copy {
}
}

.m-b-75 {
 margin-bottom:clamp(45px, 5.859vw, 75px) ;
}
.p-b-55 {
}
.p-b-55 .ct-section-inner-wrap {
padding-bottom: clamp(38px, 55px, 55px) ;
}
.p-t-b-75 {
}
.p-t-b-75 .ct-section-inner-wrap {
padding-top: clamp(45px, 5.859vw, 75px) ;
padding-bottom: clamp(45px, 5.859vw, 75px) ;
}
.text-style-1 {
 color:#d2984d;
 font-size:55px;
 font-weight:900;
 line-height:1;
 text-transform:uppercase;
 margin-bottom:0px;
}
@media (max-width: 767px) {
.text-style-1 {
 font-size:55px;
 padding-bottom:0px;
}
}

.text-20-med-robo {
 font-family:Roboto Flex;
 font-size:20px;
 font-weight:500;
 text-transform:none;
}
.product-grid {
}
.product-grid:not(.ct-section):not(.oxy-easy-posts),
.product-grid.oxy-easy-posts .oxy-posts,
.product-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(5, minmax(200px, 1fr));grid-column-gap: 10px;grid-row-gap: 10px;grid-auto-rows: minmax(min-content,1fr);}
@media (max-width: 1280px) {
.product-grid {
}
.product-grid:not(.ct-section):not(.oxy-easy-posts),
.product-grid.oxy-easy-posts .oxy-posts,
.product-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

@media (max-width: 1023px) {
.product-grid {
}
.product-grid:not(.ct-section):not(.oxy-easy-posts),
.product-grid.oxy-easy-posts .oxy-posts,
.product-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}

.prod-text-16-med {
 line-height:1.3;
 text-align:left;
}
@media (max-width: 1023px) {
.prod-text-16-med {
 font-size:14px !important ;
}
}

.prod-img-230-240 {
 width:100%;
 object-fit:cover;
 object-position:center center;
 aspect-ratio:230/240;
 z-index:0;
 height:auto;
}
.prod-name-padding-7px {
 padding-top:14px;
 padding-right:14px;
 padding-bottom:4px;
 padding-left:14px;
 gap:10px;
}
.prod-name-padding-7px:not(.ct-section):not(.oxy-easy-posts),
.prod-name-padding-7px.oxy-easy-posts .oxy-posts,
.prod-name-padding-7px.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
gap:10px;
}
.prod-name-block {
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 z-index:1;
 min-height:72px;
 height:100%;
 text-align:justify;
}
.prod-name-block:not(.ct-section):not(.oxy-easy-posts),
.prod-name-block.oxy-easy-posts .oxy-posts,
.prod-name-block.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-between;
}
.prod-arrow {
 width:100%;
 padding-right:25px;
 padding-bottom:14px;
 bottom:0px;
 right:10px;
 margin-top:auto;
}
.prod-arrow:not(.ct-section):not(.oxy-easy-posts),
.prod-arrow.oxy-easy-posts .oxy-posts,
.prod-arrow.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
justify-content:flex-end;
}
.prod-block {
 position:relative;
 background-color:#000000;
 width:100%;
 height:100%;
}
.prod-block:not(.ct-section):not(.oxy-easy-posts),
.prod-block.oxy-easy-posts .oxy-posts,
.prod-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:flex-start;
}
@media (max-width: 1280px) {
.prod-block {
 width:100%;
}
}

.image-zoom:hover{
transform:scale(1.1,1.1); transition-timing-function:ease-in-out;
 transition-duration:0.35s;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.image-zoom {
transform:scale(1,1); transition-duration:0.35s;
 transition-timing-function:ease-in-out;
}
.img-container-overflow-hidden {
 overflow:hidden;
 width:100%;
}
.img-container-overflow-hidden:not(.ct-section):not(.oxy-easy-posts),
.img-container-overflow-hidden.oxy-easy-posts .oxy-posts,
.img-container-overflow-hidden.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.img-container-overflow-hidden {
}
}

.m-b-55 {
 margin-bottom:clamp(40px, 55px,55px) ;
}
@media (max-width: 767px) {
.m-b-55 {
 text-align:center;
}
}

@media (max-width: 479px) {
.m-b-55 {
 text-align:center;
}
}

.m-t-55 {
 margin-top:clamp(40px, 55px, 55px) ;
}
.sec-50-2btn {
}
.sec-50-2btn:not(.ct-section):not(.oxy-easy-posts),
.sec-50-2btn.oxy-easy-posts .oxy-posts,
.sec-50-2btn.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-items:stretch;
justify-content:center;
}
@media (max-width: 767px) {
.sec-50-2btn {
 text-align:center;
}
.sec-50-2btn:not(.ct-section):not(.oxy-easy-posts),
.sec-50-2btn.oxy-easy-posts .oxy-posts,
.sec-50-2btn.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.back-blk {
 background-color:#000000;
}
.back-blk:not(.ct-section):not(.oxy-easy-posts),
.back-blk.oxy-easy-posts .oxy-posts,
.back-blk.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1023px) {
.back-blk {
}
}

.tesxt-style-2 {
 color:#ffffff;
 font-size:35px;
 font-weight:700;
}
@media (max-width: 767px) {
.tesxt-style-2 {
 font-size:28px;
 text-align:left;
}
}

@media (max-width: 479px) {
.tesxt-style-2 {
 text-align:left;
}
}

.text-comp-1 {
 text-align:center;
 width:100%;
}
.text-comp-1:not(.ct-section):not(.oxy-easy-posts),
.text-comp-1.oxy-easy-posts .oxy-posts,
.text-comp-1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
@media (max-width: 767px) {
.text-comp-1 {
 text-align:left;
}
}

.text-comp-1-p-txt {
 font-family:Inter;
 font-size:16px;
 text-align:left;
 font-weight:400;
}
@media (max-width: 479px) {
.text-comp-1-p-txt {
}
}

.p-l-20 {
 padding-left:20px;
}
.col-wht {
 color:#ffffff;
}
.sec-50-img {
}
.btn-2-lg-block {
 width:238px;
 height:134px;
 transition-duration:0.45s;
 transition-timing-function:ease-in-out;
 text-transform:uppercase;
}
.btn-2-lg-block:not(.ct-section):not(.oxy-easy-posts),
.btn-2-lg-block.oxy-easy-posts .oxy-posts,
.btn-2-lg-block.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:center;
}
@media (max-width: 767px) {
.btn-2-lg-block {
 height:100px;
}
}

.bg-lt-gold {
 background-color:#d2984d;
}
.bg-blk {
 background-color:#000000;
}
.p-l-50 {
 padding-left:clamp(40px, 3.906vw, 60px) ;
}
.cell {
}
.sec-50-1btn {
}
.sec-50-1btn:not(.ct-section):not(.oxy-easy-posts),
.sec-50-1btn.oxy-easy-posts .oxy-posts,
.sec-50-1btn.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 1023px) {
.sec-50-1btn {
}
.sec-50-1btn:not(.ct-section):not(.oxy-easy-posts),
.sec-50-1btn.oxy-easy-posts .oxy-posts,
.sec-50-1btn.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.back-lt-gold {
 background-color:#d2984d;
}
@media (max-width: 767px) {
.back-lt-gold {
 background-color:#bd8843;
}
}

.m-b-20 {
 margin-bottom:20px;
}
.text-comp-2 {
}
.text-comp-2:not(.ct-section):not(.oxy-easy-posts),
.text-comp-2.oxy-easy-posts .oxy-posts,
.text-comp-2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:center;
}
@media (max-width: 767px) {
.text-comp-2 {
 padding-top:30px;
}
.text-comp-2:not(.ct-section):not(.oxy-easy-posts),
.text-comp-2.oxy-easy-posts .oxy-posts,
.text-comp-2.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.text-style-2 {
 color:#ffffff;
 font-size:20px;
 font-weight:500;
 line-height:1.2;
}
@media (max-width: 767px) {
.text-style-2 {
 text-align:left;
}
}

@media (max-width: 479px) {
.text-style-2 {
}
}

.text-style-22 {
 line-height:1.2;
}
@media (max-width: 1023px) {
.text-style-22 {
 text-align:left;
}
}

@media (max-width: 767px) {
.text-style-22 {
 text-align:left;
 font-weight:900;
}
}

.block-50 {
 width:50%;
}
.p-25 {
 padding-top:25px;
 padding-right:25px;
 padding-bottom:25px;
 padding-left:25px;
}
.p-t-25 {
 padding-top:25px;
}
.p-r-l-25 {
 padding-left:25px;
 padding-right:25px;
}
@media (max-width: 767px) {
.p-r-l-25 {
}
}

.border-1-l-lt-gold {
 border-left-color:#d2984d;
 border-left-width:2px;
 border-left-style:solid;
}
.prod-img-384-280 {
 aspect-ratio:384/280;
 object-position:center center;
 width:100%;
 object-fit:cover;
 height:auto;
}
.prod-name-block-blk {
 background-color:#000000;
 width:100%;
 padding-left:25px;
 padding-bottom:14px;
 overflow:hidden;
}
.prod-title-25 {
 font-family:Roboto Flex;
 font-size:25px;
 font-weight:700;
 width:100%;
 min-width:0px;
 line-height:1.3;
 text-transform:none;
}
@media (max-width: 1023px) {
.prod-title-25 {
 font-size:16px;
}
}

.col-lt-gold {
 color:#d2984d;
}
.prod-description {
 color:#ffffff;
 font-size:16px;
 font-weight:400;
 text-align:left;
 line-height:1.3;
 padding-right:25px;
}
.prod-icon {
 width:100%;
}
.prod-icon:not(.ct-section):not(.oxy-easy-posts),
.prod-icon.oxy-easy-posts .oxy-posts,
.prod-icon.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.prod-detail-block {
 padding-top:25px;
 padding-left:25px;
 width:100%;
 text-align:justify;
}
.prod-detail-block:not(.ct-section):not(.oxy-easy-posts),
.prod-detail-block.oxy-easy-posts .oxy-posts,
.prod-detail-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:space-between;
}
.prod-block-glt-gold {
 background-color:#d2984d;
}
.prod-block-glt-gold:not(.ct-section):not(.oxy-easy-posts),
.prod-block-glt-gold.oxy-easy-posts .oxy-posts,
.prod-block-glt-gold.ct-section .ct-section-inner-wrap{
display:flex;
}
.prod-block-gold {
 background-color:#bd8843;
}
.prod-block-black {
 background-color:#000000;
}
.col-gold {
 color:#d2984d;
}
.prod-title-line {
 gap:10%;
 width:100%;
}
.prod-title-line:not(.ct-section):not(.oxy-easy-posts),
.prod-title-line.oxy-easy-posts .oxy-posts,
.prod-title-line.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:10%;
}
.m-b-85 {
}
.prod-icon-size {
color: #333333;}.prod-icon-size 
>svg {width: 25px;height: 25px;}.prod-icon-size {
 bottom:0px;
 margin-right:20px;
 margin-bottom:20px;
}
.prod-line-gold {
 height:1px;
 min-width:22px;
 margin-top:17px;
}
.line-wht {
 background-color:#ffffff;
}
.line-gold {
 background-color:#d2984d;
}
.icon-wht {
}
.prod-block-dk-gold {
 background-color:#9e7034;
}
.product-details-home {
 min-height:71px;
}
.pp-r-l-50 {
}
.pp-r-l-50:not(.ct-section):not(.oxy-easy-posts),
.pp-r-l-50.oxy-easy-posts .oxy-posts,
.pp-r-l-50.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 1023px) {
.pp-r-l-50 {
}
}

@media (max-width: 767px) {
.pp-r-l-50 {
}
}

.tabs-7511-tab {
 padding-left:0px;
 border-bottom-style:solid;
 border-bottom-width:2px;
 border-bottom-color:#a0a0a0;
 padding-bottom:5px;
 padding-top:12px;
}
.tabs-7511-tab-active {
 color:#d2984d;
 font-weight:600;
}
.tabs-contents-7511-tab {
 padding-left:0px;
}
.btn-black:hover{
background-color :rgba(0,0,0,0.89);
border: 1px solid rgba(0,0,0,0.89);
}.btn-black:hover{
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.btn-black {
background-color :#000000;
border: 1px solid #000000;
}.btn-black {
 font-family:Inter;
 button-hover_color:rgba(0,0,0,0.9);
 font-size:15px;
 font-weight:400;
 text-transform:uppercase;
 border-radius:0px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
@media (max-width: 767px) {
.btn-black {
 margin-left:0px;
}
}

@media (max-width: 479px) {
.btn-black {
 margin-left:auto;
 margin-right:auto;
}
}

.m-b-65 {
 margin-bottom:clamp(45px,5.078vw,65px) ;
}
.tabs-2497-tab {
 font-family:Roboto Flex;
 font-size:20px;
 color:#d2984d;
 font-weight:700;
 border-bottom-color:#c9c9c9;
 border-bottom-style:solid;
 border-bottom-width:1px;
}
.tabs-2497-tab-active {
}
.tabs-contents-2497-tab {
}
.tabs-contents-2497-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-2497-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-2497-tab.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
}
.p-r-50 {
 padding-right:clamp(40px,3.906vw,50px) ;
}
.oxy-stock-content-styles {
}
.tabs-1204-tab {
 font-family:Roboto Flex;
 font-size:20px;
 color:#bd8843;
 font-weight:700;
 padding-top:5px;
 padding-bottom:5px;
 border-bottom-color:#c9c9c9;
 border-bottom-width:1px;
 border-bottom-style:solid;
}
.tabs-1204-tab-active {
}
.tabs-contents-1204-tab {
 padding-right:0px;
}
.aspect-ratio-227-231 {
 width:100%;
 max-width:227px;
 padding-top:60px;
 min-width:227px;
aspect-ratio: 227 / 231;
}
.hover-90:hover{
 opacity:0.9;
 transition-duration:0.35s;
 transition-timing-function:ease-in-out;
}
.hover-90 {
 transition-duration:0.35s;
 transition-timing-function:ease-in-out;
}
.tab-content-resource {
 width:100%;
}
.repeater-resource {
 max-width:227px;
}
@media (max-width: 767px) {
.repeater-resource {
}
.repeater-resource:not(.ct-section):not(.oxy-easy-posts),
.repeater-resource.oxy-easy-posts .oxy-posts,
.repeater-resource.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.descrip-resource {
 max-width:227px;
 padding-left:5px;
 padding-right:5px;
}
.shadow-header {
 box-shadow:0px 2px 4px 1px rgba(109,109,109,0.21);
}
.blog-border-left {
 border-left-color:#d2984d;
 border-left-width:2px;
 border-left-style:solid;
}
.tabs-8379-tab {
 margin-bottom:20px;
 text-align:center;
 border-radius:9px;
 box-shadow:2px 2px 6px 2px rgba(0,0,0,0.16);
}
.tabs-8379-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-8379-tab.oxy-easy-posts .oxy-posts,
.tabs-8379-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
}
.tabs-8379-tab-active {
}
.tabs-contents-8379-tab {
 padding-left:0px;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
}
@media (max-width: 1023px) {
.tabs-contents-8379-tab {
}
.tabs-contents-8379-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-contents-8379-tab.oxy-easy-posts .oxy-posts,
.tabs-contents-8379-tab.ct-section .ct-section-inner-wrap{
display:block;
}
}

.tab-title-product-pages {
 font-family:Roboto Flex;
 color:#bd8843;
 font-size:18px;
 font-weight:700;
 line-height:1.2;
 text-align:left;
}
@media (max-width: 1023px) {
.tab-title-product-pages {
}
.tab-title-product-pages:not(.ct-section):not(.oxy-easy-posts),
.tab-title-product-pages.oxy-easy-posts .oxy-posts,
.tab-title-product-pages.ct-section .ct-section-inner-wrap{
display:none;
}
}

.prod-tech-description {
 margin-bottom:70px;
 text-align:center;
 max-width:1000px;
}
@media (max-width: 767px) {
.prod-tech-description {
 margin-bottom:20px;
}
}

@media (max-width: 479px) {
.prod-tech-description {
 margin-bottom:0px;
 padding-bottom:0px;
}
}

.pp-t-b-75 {
}
.pp-t-b-75 .ct-section-inner-wrap {
padding-top: clamp(45px, 5.859vw,75px) ;
padding-bottom: clamp(45px, 5.859vw,75px) ;
}
.height-100 {
}
.p-t-b-50 {
}
.p-t-b-50 .ct-section-inner-wrap {
padding-top: clamp(40px,3.906vw, 50px) ;
padding-bottom: clamp(40px,3.906vw, 50px) ;
}
@media (max-width: 1023px) {
.p-t-b-50 {
 padding-top:50px;
 padding-bottom:50px;
}
}

@media (max-width: 767px) {
.p-t-b-50 {
 padding-top:clamp(30px,3.906vw, 50px ) ;
 padding-bottom:clamp(30px,3.906vw, 50px ) ;
}
}

@media (max-width: 479px) {
.p-t-b-50 {
}
.p-t-b-50:not(.ct-section):not(.oxy-easy-posts),
.p-t-b-50.oxy-easy-posts .oxy-posts,
.p-t-b-50.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.product-shadow-box {
 background-color:#ffffff;
 border-radius:16px;
 text-align:justify;
 box-shadow:2px 2px 4px 2px rgba(0,0,0,0.1);
}
.product-shadow-box:not(.ct-section):not(.oxy-easy-posts),
.product-shadow-box.oxy-easy-posts .oxy-posts,
.product-shadow-box.ct-section .ct-section-inner-wrap{
display:flex;
}
.back-dark-gold {
 background-color:#9e7034;
}
@media (max-width: 1023px) {
.back-dark-gold {
}
}

@media (max-width: 767px) {
.back-dark-gold {
}
}

.every-app-title {
 margin-top:20px;
 margin-bottom:25px;
}
.shadow-only {
 box-shadow:2px 2px 4px 2px rgba(0,0,0,0.1);
}
.p-12 {
 padding-top:12px;
 padding-right:12px;
 padding-bottom:12px;
 padding-left:12px;
}
.text-box-shadow {
 border-radius:16px;
 background-color:#ffffff;
}
.text-box-shadow:not(.ct-section):not(.oxy-easy-posts),
.text-box-shadow.oxy-easy-posts .oxy-posts,
.text-box-shadow.ct-section .ct-section-inner-wrap{
justify-content:flex-start;
}
@media (max-width: 767px) {
.text-box-shadow {
 width:100%;
}
.text-box-shadow:not(.ct-section):not(.oxy-easy-posts),
.text-box-shadow.oxy-easy-posts .oxy-posts,
.text-box-shadow.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
}

.back-gold {
 background-color:#bd8843;
}
@media (max-width: 1023px) {
.back-gold {
}
}

@media (max-width: 767px) {
.back-gold {
 padding-top:44px;
 padding-bottom:44px;
}
}

.w-50 {
 width:50%;
}
@media (max-width: 1023px) {
.w-50 {
 width:100%;
}
}

.h-100 {
 height:100%;
}
@media (max-width: 1023px) {
.h-100 {
}
}

.menu-item-ms:active{
 border-bottom-color:#bd8843;
 border-bottom-width:2px;
 border-bottom-style:solid;
}
.menu-item-ms:hover{
}
.menu-item-ms .oxy-mega-dropdown_link:hover{
color: #bd8843;
font-weight: 500;
}

.menu-item-ms {
}
.menu-item-ms .oxy-mega-dropdown_link:hover .oxy-mega-dropdown_link-label-inner{
color:#bd8843;
}

.menu-item-ms .oxy-mega-dropdown_link.oxy-mega-dropdown_inner-open .oxy-mega-dropdown_link-label-inner{
color:#bd8843;
}

.menu-item-ms .oxy-mega-dropdown_link{
font-weight: 500;
}

.p-b-40 {
 padding-bottom:40px;
}
.p-20 {
 padding-top:20px;
 padding-right:20px;
 padding-bottom:20px;
 padding-left:20px;
}
.btn-dark-gold:hover{
background-color :#bd8843;
border: 1px solid #bd8843;
}.btn-dark-gold:hover{
}
.btn-dark-gold {
background-color :#9e7034;
border: 1px solid #9e7034;
}.btn-dark-gold {
 button-hover_color:#bd8843;
 border-radius:0px;
}
@media (max-width: 767px) {
.btn-dark-gold {
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.btn-dark-gold:hover{
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 padding-top:3px;
 padding-bottom:3px;
}
}

.p-t-55 {
}
@media (max-width: 1023px) {
.p-t-55 {
}
.p-t-55 .ct-section-inner-wrap {
padding-top: 4.297vw;
}
}

@media (max-width: 767px) {
.p-t-55 {
}
}

.tabs-mobile {
}
.js-tabs-to-accordion {
}
.pdf-section {
}
@media (max-width: 767px) {
.pdf-section {
}
.pdf-section:not(.ct-section):not(.oxy-easy-posts),
.pdf-section.oxy-easy-posts .oxy-posts,
.pdf-section.ct-section .ct-section-inner-wrap{
display:flex;
flex-wrap:wrap;
}
}

.tab-block-hide-mobile {
}
@media (max-width: 1023px) {
.tab-block-hide-mobile {
}
.tab-block-hide-mobile:not(.ct-section):not(.oxy-easy-posts),
.tab-block-hide-mobile.oxy-easy-posts .oxy-posts,
.tab-block-hide-mobile.ct-section .ct-section-inner-wrap{
display:none;
}
}

.no-flex {
}
.mobile-header {
}
@media (max-width: 1023px) {
.mobile-header {
 height:90vh;
}
}

@media (max-width: 1023px) {
.row-2-prod {
 gap:20px;
}
.row-2-prod:not(.ct-section):not(.oxy-easy-posts),
.row-2-prod.oxy-easy-posts .oxy-posts,
.row-2-prod.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:20px;
}
}

@media (max-width: 767px) {
.row-2-prod {
 gap:15px;
}
.row-2-prod:not(.ct-section):not(.oxy-easy-posts),
.row-2-prod.oxy-easy-posts .oxy-posts,
.row-2-prod.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
gap:15px;
}
}

.chhose-text {
}
@media (max-width: 767px) {
.chhose-text {
 text-align:left;
}
}

@media (max-width: 479px) {
.chhose-text {
 text-align:left;
}
}

.m-p-t-40 {
}
@media (max-width: 1023px) {
.m-p-t-40 {
 padding-top:40px;
}
}

.m-prod-sec-1 {
}
@media (max-width: 1023px) {
.m-prod-sec-1 {
 gap:40px;
}
.m-prod-sec-1:not(.ct-section):not(.oxy-easy-posts),
.m-prod-sec-1.oxy-easy-posts .oxy-posts,
.m-prod-sec-1.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:40px;
}
}

.m-prod-sec-2 {
}
@media (max-width: 767px) {
.m-prod-sec-2 {
}
}

.m-prod-pdf {
}
.m-p-b-40 {
}
@media (max-width: 1023px) {
.m-p-b-40 {
 padding-bottom:40px;
}
}

.make-pop {
}
.prod-block-2 {
}
@media (max-width: 767px) {
.prod-block-2 {
}
.prod-block-2:not(.ct-section):not(.oxy-easy-posts),
.prod-block-2.oxy-easy-posts .oxy-posts,
.prod-block-2.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.the-tab-content {
}
.test-test {
}
.tab-text {
}
.a-tab-hide-tablet {
}
@media (max-width: 1023px) {
.a-tab-hide-tablet {
 visibility:hidden;
}
.a-tab-hide-tablet:not(.ct-section):not(.oxy-easy-posts),
.a-tab-hide-tablet.oxy-easy-posts .oxy-posts,
.a-tab-hide-tablet.ct-section .ct-section-inner-wrap{
display:none;
}
}

.blog-content-area {
}
@media (max-width: 479px) {
.blog-content-area {
}
}

.legal-content {
}
@media (max-width: 479px) {
.legal-content {
 width:100%;
 max-width:100%;
 overflow:hidden;
}
}

.tab-txt {
 font-family:Roboto Flex;
 font-size:20px;
 font-weight:600;
}
.other-blocks {
 gap:15px;
 padding-left:20px;
 padding-right:18px;
 padding-top:12px;
 padding-bottom:12px;
}
.other-blocks:not(.ct-section):not(.oxy-easy-posts),
.other-blocks.oxy-easy-posts .oxy-posts,
.other-blocks.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
gap:15px;
}
@media (max-width: 479px) {
.other-blocks {
 text-align:left;
}
.other-blocks:not(.ct-section):not(.oxy-easy-posts),
.other-blocks.oxy-easy-posts .oxy-posts,
.other-blocks.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.other-child-block {
 width:100%;
}
.product-image-row {
 text-align:center;
}
.product-image-row:not(.ct-section):not(.oxy-easy-posts),
.product-image-row.oxy-easy-posts .oxy-posts,
.product-image-row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.overflow-product {
 overflow:hidden;
}
.overflow-product:not(.ct-section):not(.oxy-easy-posts),
.overflow-product.oxy-easy-posts .oxy-posts,
.overflow-product.ct-section .ct-section-inner-wrap{
display:flex;
}
.prod-zoom:hover{
transform:scale(1.1,1.1);}
.prod-zoom {
}
.aspect-ration-630-550 {
}
.p-t-75 {
}
.p-t-75 .ct-section-inner-wrap {
padding-top: 75px;
}
.p-r-l-80-50 {
 padding-left:80px;
 padding-right:50px;
}
@media (max-width: 767px) {
.p-r-l-80-50 {
 padding-left:33px;
 padding-right:33px;
}
}

.p-r-l-50-80 {
 padding-left:80px;
 padding-right:50px;
}
@media (max-width: 767px) {
.p-r-l-50-80 {
 padding-left:33px;
 padding-right:33px;
}
}

.prod-page-block {
 width:calc((100% - 20px) / 3); ;
 position:relative;
}
.prod-page-block:not(.ct-section):not(.oxy-easy-posts),
.prod-page-block.oxy-easy-posts .oxy-posts,
.prod-page-block.ct-section .ct-section-inner-wrap{
display:flex;
align-items:flex-end;
justify-content:space-between;
}
@media (max-width: 1280px) {
.prod-page-block {
}
.prod-page-block:not(.ct-section):not(.oxy-easy-posts),
.prod-page-block.oxy-easy-posts .oxy-posts,
.prod-page-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
}

@media (max-width: 767px) {
.prod-page-block {
 width:100%;
}
}

.a-25-25-space {
 padding-top:25px;
 padding-left:25px;
}
@media (max-width: 1280px) {
.a-25-25-space {
 padding-top:25px;
 padding-left:25px;
}
}

.p-b-75 {
}
.p-b-75 .ct-section-inner-wrap {
padding-bottom: 75px;
}
.toc-legal-new {
}
.legal-toc-content {
}
.max-w-prod {
 max-width:150px;
}
@media (max-width: 1023px) {
.max-w-prod {
 max-width:140px;
}
}

@media (max-width: 767px) {
.max-w-prod {
 max-width:300px;
}
}

@media (max-width: 479px) {
.max-w-prod {
 max-width:200px;
}
}

.mobile-only {
}
.mobile-only:not(.ct-section):not(.oxy-easy-posts),
.mobile-only.oxy-easy-posts .oxy-posts,
.mobile-only.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 767px) {
.mobile-only {
}
.mobile-only:not(.ct-section):not(.oxy-easy-posts),
.mobile-only.oxy-easy-posts .oxy-posts,
.mobile-only.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.tab-child {
}
.tab-holder {
}
.prod-page-sec1-p {
}
.min-height-mobile {
}
@media (max-width: 767px) {
.min-height-mobile {
 min-height:125vw;
}
}

/* =========================================================
   NOCKERS — Global Typography & UI Styles (Self-Hosted Fonts)
   ========================================================= */

/* 1) Fonts (self-hosted variable) */
@font-face{
  font-family: "Inter";
  src: url("/wp-content/uploads/fonts/Inter-VariableFont_opsz,wght.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Roboto Flex";
  src: url("/wp-content/uploads/fonts/RobotoFlex-VariableFont.woff2") format("woff2-variations");
  font-weight: 300 900;
  font-stretch: 100% 151%;
  font-style: normal;
  font-display: swap;
}

/* Optional preload (add to <head> via WPCode)
<link rel="preload" href="/wp-content/uploads/fonts/Inter-VariableFont_opsz,wght.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/wp-content/uploads/fonts/RobotoFlex-VariableFont_GRAD,XOPQ,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,YTAS,opsz,wdth,wght.woff2" as="font" type="font/woff2" crossorigin>
*/

/* 2) Design Tokens --------------------------------------------------------- */
:root{
  /* Colors */
  --brand-cream:#FBF0E4;
  --brand-grey:#58595B;
  --brand-grey-200:#F7F7F8;
  --white:#FFFFFF;
  --grey-400:#A6A0A0;
  --black:#000000;
  --gold-300:#D2984D;
  --gold-600:#9E7034;
  --gold-700:#BD8843;

  /* Fonts */
  --font-head:"Roboto Flex", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Type scale (fluid via clamp) */
  --fs-h1: clamp(2.375rem, 1.5rem + 2.2vw, 3.4375rem);   /* ~38 → 55 */
  --fs-h2: clamp(1.875rem, 1.2rem + 1.6vw, 2.1875rem);   /* ~30 → 35 */
  --fs-h3: clamp(1.5rem, 1.1rem + 1.0vw, 1.875rem);      /* ~24 → 30 */
  --fs-h4: clamp(1.25rem, 1.05rem + 0.6vw, 1.5625rem);   /* ~20 → 25 */
  --fs-h5: clamp(1.125rem, 1.0rem + 0.4vw, 1.25rem);     /* ~18 → 20 */
  --fs-h6: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);       /* ~16 → 18 */

  --fs-body:  clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);    /* 15 → 16 */
  --fs-small: clamp(0.875rem, 0.85rem + 0.15vw, 0.9375rem); /* 14 → 15 */
  --fs-lead:  clamp(1rem, 0.9rem + 0.4vw, 1.125rem);     /* 16 → 18 */
  --fs-eyebrow: clamp(1.25rem, 1.0rem + 0.6vw, 1.25rem); /* ~20 fixed */

  /* Line-height & tracking */
  --lh-tight: 1.15;
  --lh-snug:  1.25;
  --lh-normal:1.6;
  --ls-tight:-0.01em;
  --ls-wide:  0.02em;

  /* Layout spacing helpers */
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
}

/* 3) Base / Resets --------------------------------------------------------- */
*,
*::before,
*::after{ box-sizing:border-box; }

html{ font-size:100%; scroll-behavior:smooth; font-optical-sizing:auto; }

body{
  margin:0;
  font-family:var(--font-body);
  font-size:var(--fs-body);
  line-height:var(--lh-normal);
  color:var(--brand-grey);
  background-color:var(--white);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
}

/* 4) Typography ------------------------------------------------------------ */
h1,h2,h3,h4,h5,h6{
  margin:0 0 .5em;
  font-family:var(--font-head);
  font-weight:700;
  line-height:var(--lh-snug);
  letter-spacing:var(--ls-tight);
  color:var(--black);
}
h1{ font-size:var(--fs-h1); font-weight:900; }
h2{ font-size:var(--fs-h2); font-weight:900;}
h3{ font-size:var(--fs-h3); }
h4{ font-size:var(--fs-h4); font-weight:600; }
h5{ font-size:var(--fs-h5); font-weight:600; }
h6{ font-size:var(--fs-h6); font-weight:600; }

p{ margin:0 0 1em; }
.lead{
  font-size:var(--fs-lead);
  line-height:1.75;
  color:inherit;
}

.eyebrow{
  font-family:var(--font-head);
  font-size:var(--fs-eyebrow);
  font-weight:600;
  letter-spacing:var(--ls-wide);
  line-height:var(--lh-tight);
  text-transform:none;
  color:var(--gold-700);
  margin-bottom:.5em;
}

.small, .meta, figcaption{ font-size:var(--fs-small); line-height:1.5; }

/* Lists */
ul,ol{ padding-left:1.2em; margin:0 0 1em; }
li{ margin:.25em 0; }

/* Links */
a{
  color:inherit;
  text-decoration:none;
  text-underline-offset:.15em;
  text-decoration-thickness:.08em;
}


/* HR */
hr{ border:none; border-top:1px solid var(--brand-grey-200); margin:2rem 0; }

/* Blockquote */
blockquote{
  margin:1.5rem 0; padding:.75rem 1rem;
  border-left:4px solid var(--gold-700);
  background:linear-gradient(0deg, rgba(189,136,67,.06), rgba(189,136,67,.06));
}

/* 5) Sections / Theming ---------------------------------------------------- */
.section--gold{
  background:var(--gold-700);
  color:var(--black);
}
.section--gold h1,
.section--gold h2,
.section--gold h3,
.section--gold .lead{ color:var(--black); }

.section--cream{ background:var(--brand-cream); }
.section--dark{ background:#111; color:var(--white); }
.section--dark h1, .section--dark h2, .section--dark h3,
.section--dark .lead { color:var(--white); }

/* 6) Buttons --------------------------------------------------------------- */
.btn{
  --btn-bg: var(--gold-700);
  --btn-fg: var(--black);
  display:inline-flex; align-items:center; gap:.5rem;
  padding:0.875rem 1.25rem;
  font-family:var(--font-head);
  font-weight:700;
  font-size:clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  line-height:1;
  letter-spacing:.02em;
  background:var(--btn-bg);
  color:var(--btn-fg);
  border:2px solid transparent;
  border-radius:6px;
  cursor:pointer;
  text-decoration:none;
  transition:transform .15s ease;
}
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }

.btn--outline{
  --btn-bg: transparent;
  --btn-fg: var(--black);
  border-color:var(--black);
}
.btn--light{
  --btn-bg: var(--white);
  --btn-fg: var(--black);
}

/* 7) Cards / Tiles --------------------------------------------------------- */
.card{
  background:var(--brand-grey-200);
  color:inherit;
  border-radius:10px;
  padding:1rem;
}
.card-title{
  font-family:var(--font-body);
  font-size:clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  font-weight:600;
  line-height:var(--lh-snug);
  margin:0 0 .25rem;
  color:inherit;
}
.card-copy{ font-size:var(--fs-small); line-height:1.6; }

/* 8) Navigation (generic) -------------------------------------------------- */
.nav a{
  display:inline-block;
  padding:.5rem .75rem;
  font-family:var(--font-body);
  font-weight:500;
  font-size:clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
  text-decoration:none;
}

/* 9) Forms ----------------------------------------------------------------- */
input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="password"], textarea, select{
  width:100%;
  padding:.75rem 1rem;
  border:1px solid var(--brand-grey-200);
  border-radius:6px;
  background:#fff;
  color:var(--brand-grey);
  font:inherit;
  line-height:1.4;
}
input::placeholder, textarea::placeholder{ color:var(--grey-400); }
label{ display:block; font-weight:600; margin:0 0 .35rem; }

button, input[type="submit"]{
  composes: btn;
}

/* 10) Footer --------------------------------------------------------------- */
.footer-heading{
  font-family:var(--font-head);
  font-size:clamp(1.25rem, 1.0rem + 0.6vw, 1.5625rem);
  font-weight:800;
  letter-spacing:.02em;
  margin:0 0 .75rem;
}

/* 11) Utilities ------------------------------------------------------------ */
.u-gold{ color:var(--gold-700)!important; }
.u-cream{ color:var(--brand-cream)!important; }
.u-on-gold{ color:var(--black)!important; }
.u-on-dark{ color:var(--white)!important; }

.hide{ display:none!important; }
.text-center{ text-align:center!important; }
.mt-0{ margin-top:0!important; } .mb-0{ margin-bottom:0!important; }
.mt-4{ margin-top:var(--space-4)!important; }
.mb-4{ margin-bottom:var(--space-4)!important; }
.mt-6{ margin-top:var(--space-6)!important; }
.mb-6{ margin-bottom:var(--space-6)!important; }

/* 12) Oxygen-friendly tweaks ---------------------------------------------- */
.oxygen .ct-section h1,
.oxygen .ct-section h2,
.oxygen .ct-section h3,
.oxygen .ct-section h4,
.oxygen .ct-section h5,
.oxygen .ct-section h6{ margin-top:0; }

.oxygen .oxy-repeater, .oxygen .oxy-posts{ font-size:inherit; line-height:inherit; }

/* 13) Media Queries -------------------------------------------------------- */
@media (max-width: 768px){
  .btn{ padding:.8rem 1.1rem; border-width:2px; }
  .card{ padding:.875rem; }
}

/* 14) Motion preferences --------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  *{ animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
.header-desktop {
  aspect-ratio: 1280 / 580;
  width: 100%; /* Or another flexible width */
}
@media (max-width: 768px){
.btn-dark-gold {
    background-color: #9e7034;
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
}
  .no-flex .oxy-repeater-pages-wrap {
    display: inline-block;
}
}

.aspect-ration-630-550{
  aspect-ratio: 630 / 550;
}

.page-id-173 #link_text-12-5657-11 {
    display: none;
}
.page-id-173 #link_text-12-5657-12 {
    display: none;
}

.page-id-175 #link_text-12-5657-24 {
    display: none;
}
.page-id-175 #link_text-12-5657-25 {
    display: none;
}

@media (max-width: 479px) {
  .header-content .btn-lt-gold {
    margin-left: 0;
    margin-right: auto;
  }
}
@media (max-width: 479px) {
  .btn-black {
    margin-left: 0;
    margin-right: auto;
  }
}
.pp-r-l-50{
  padding-left: clamp(30px, 3.906vw, 50px) !important;
  padding-right: clamp(30px, 3.906vw, 50px) !important;
}
.p-r-l-50{
  padding-left: clamp(30px, 3.906vw, 50px) !important;
  padding-right: clamp(30px, 3.906vw, 50px) !important;
}.tabs-7511-tab-active{
  border-bottom: 1px solid #D2984D !important;
}/* CENTRE ITEM (3rd) 
.product-image-row > .ct-div-block:nth-child(3) {
  width: 266px !important;
  height: 266px !important;
}
.product-image-row > .ct-div-block:nth-child(3) img {
  width: 266px !important;
  height: 266px !important;
}
.product-image-row > .ct-div-block:nth-child(3) img {
*/

/* CENTRE CARD: outer wrapper */
.product-image-row > .ct-div-block:nth-child(3)[data-id="div_block-33-5199"] {
    width: 290px !important;
}

/* CENTRE CARD: image container */
.product-image-row > .ct-div-block:nth-child(3)
[data-id="div_block-36-5199"] {
    width: 290px !important;
    height: 290px !important;
}

/* CENTRE CARD: image */
.product-image-row > .ct-div-block:nth-child(3)
[data-id="div_block-36-5199"] img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}

/* ================================
   CENTRE CARD: layout stability
   ================================ */

/* Stop the centre image from moving when text wraps */
.product-image-row > .ct-div-block:nth-child(3)[data-id="div_block-33-5199"] {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

/* Let the centre text grow downward only */
.product-image-row > .ct-div-block:nth-child(3)
[data-id="text_block-44-5199"] {
  margin-top: 16px;
  min-height: 3em;
  text-align: center;
}



/* =========================================
   1) ROW: lock all cards to same top baseline
   ========================================= */
.product-image-row{
  display: flex;            /* just in case Oxygen changes it */
  align-items: flex-start;  /* KEY: stops vertical shifting */
}

/* =========================================
   2) ALL CARDS: column layout + reserve space for labels
   ========================================= */
.product-image-row > .ct-div-block[data-id="div_block-33-5199"]{
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Reserve space for up to 2 lines on ALL cards
   (prevents any card height change -> no shifting) */
.product-image-row > .ct-div-block[data-id="div_block-33-5199"]
[data-id="text_block-44-5199"]{
  text-align: center;
  line-height: 1.2;
  min-height: 2.4em;  /* ~2 lines (1.2 * 2) */
  margin-top: 16px;   /* consistent spacing below image */
}

/* =========================================
   3) CENTRE CARD: keep it bigger (your sizing)
   ========================================= */
.product-image-row > .ct-div-block:nth-child(3)[data-id="div_block-33-5199"]{
  width: 290px !important; /* change to 330px if you want */
}

/* Centre image container bigger */
.product-image-row > .ct-div-block:nth-child(3)
[data-id="div_block-36-5199"]{
  width: 290px !important;
  height: 290px !important;
}

/* Centre image fills container */
.product-image-row > .ct-div-block:nth-child(3)
[data-id="div_block-36-5199"] img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.page-id-20 .flickity-viewport {
  height: 100px !important;
}
span.pdf-zoom-level {
    color: #D2984D !important;
}
.oxygen-pdf-toolbar .pdf-btn, .oxygen-pdf-toolbar button {
    background: var(--pdf-button-bg, #555) !important;
    color: #D2984D !important;
    border: none;
    padding: var(--pdf-button-padding, 6px 12px) !important;
    cursor: pointer;
    border-radius: var(--pdf-button-radius, 3px) !important;
}
.oxygen-pdf-toolbar .pdf-page-btn {
    color: #D2984D !important;
}
.oxygen-pdf-toolbar {
    background: white !important;
    border: 1px solid #D2984D;
    border-radius: 7px;
}
div#-pdf-viewer-198-40 button {
    font-size: 120%;
}
.oxygen-pdf-toolbar {
    height: auto !important;
}
.oxygen-pdf-viewer-container .oxygen-pdf-toolbar {
    margin: 0px 20px 25px;
}
button.pdf-fullscreen {
    font-size: 24px;
}
.pdf-toolbar button,
.pdf-toolbar .pdf-btn {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    padding: 4px 8px;
    margin: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 16px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #d48930; /* or whatever your orange is */
}
/*Used to change color of footer CTA: /products/demister-mist-eliminator/  */
.page-id-72 #section-13-5007{
  background-color: #F8F0E4;
}
.page-id-74 #section-13-5007{
  background-color: #F8F0E4;
}
#section-13-5007 > .ct-section-inner-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
    align-items: center;
}
.page-id-40 #headline-79-5007 {
    color: #ffffff;
    text-transform: none;
}
.page-id-40 #span-70-5007 {
  text-transform: none !important;
}
.page-id-74 #section-85-5007 {
    background: #F8F0E4;
}
.page-id-72 #section-85-5007 {
    background: #F8F0E4;
}

@media (max-width: 1023px) {
  #div_block-337-56 {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: -2px;
  }
}/* =========================================
   PRODUCTS MEGA MENU – 4 columns, neat groups
   - font-weight 400, active 600
   - .m-sub grey and indented
========================================= */

/* Panel under header */
.oxy-mega-dropdown.menu-item-ms .oxy-mega-dropdown_inner {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    padding: 28px 0;
    background: #ffffff;
    border-top: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);

    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Center inner content */
.oxy-mega-dropdown.menu-item-ms .oxy-mega-dropdown_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 48px;
}

/* ===== 4-COLUMN LAYOUT ===== */
#menu-menu-products.oxy-mega-dropdown_menu {
    margin: 0;
    padding: 4px 0 0;
    list-style: none;

    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;

    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
}

/* common li styles */
#menu-menu-products.oxy-mega-dropdown_menu > li {
    display: block;
    margin: 0;

    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Base link style – all 400 weight */
#menu-menu-products.oxy-mega-dropdown_menu > li > a {
    display: inline-block;
    padding: 3px 0;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.5;
    color: #5c5d5f;
    font-weight: 400;
    transition: color .15s ease;
}

/* ============================
   PARENT ITEMS (no .m-sub)
============================ */
#menu-menu-products.oxy-mega-dropdown_menu > li:not(.m-sub) > a {
    display: block;
    margin-top: 18px;          /* space above each parent */
    color: #555556;
}

/* Don’t add top margin to very first item */
#menu-menu-products.oxy-mega-dropdown_menu > li:not(.m-sub):first-child > a {
    margin-top: 0;
}

/* Parent hover: subtle colour only */
#menu-menu-products.oxy-mega-dropdown_menu > li:not(.m-sub) > a:hover {
    color: #c48a2a;
}

/* ============================
   CHILD ITEMS (.m-sub)
============================ */
#menu-menu-products.oxy-mega-dropdown_menu > li.m-sub > a {
    padding-left: 24px;        /* indent under parent */
    font-size: 14px;
    color: #777879;            /* grey subs */
}

/* Sub hover: stay grey (no gold) */
#menu-menu-products.oxy-mega-dropdown_menu > li.m-sub > a:hover {
     color: #c48a2a;
}

/* Extra space after last child before next parent */
#menu-menu-products.oxy-mega-dropdown_menu > li.m-sub + li:not(.m-sub) > a {
    margin-top: 20px;
}

/* ============================
   ACTIVE STATES – weight 600
============================ */

/* Active parent */
#menu-menu-products.oxy-mega-dropdown_menu > li:not(.m-sub).current-menu-item > a,
#menu-menu-products.oxy-mega-dropdown_menu > li:not(.m-sub).current_page_item > a {
    color: #c48a2a;
    font-weight: 600;
}

/* Active child – still grey but bolder */
#menu-menu-products.oxy-mega-dropdown_menu > li.m-sub.current-menu-item > a,
#menu-menu-products.oxy-mega-dropdown_menu > li.m-sub.current_page_item > a {
    color: #777879;
    font-weight: 600;
}

/* ============================
   TOP “Products” nav link
============================ */
.oxy-mega-dropdown.menu-item-ms > a.oxy-mega-dropdown_link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #58595b;
    font-weight: 400;
}

.oxy-mega-dropdown.menu-item-ms > a.oxy-mega-dropdown_link:hover {
    color: #c48a2a;
}

/* Active top Products tab – 600 */
.oxy-mega-dropdown.menu-item-ms.current-menu-item > a.oxy-mega-dropdown_link,
.oxy-mega-dropdown.menu-item-ms.current_page_item > a.oxy-mega-dropdown_link {
    color: #c48a2a;
    font-weight: 600;
}

.oxy-mega-dropdown.menu-item-ms .oxy-mega-dropdown_icon svg {
    width: 10px;
    height: 10px;
}

/* ============================
   RESPONSIVE COLUMNS
============================ */
@media (max-width: 991px) {
    #menu-menu-products.oxy-mega-dropdown_menu {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 48px;
        -moz-column-gap: 48px;
        column-gap: 48px;
    }
}

@media (max-width: 767px) {
    #menu-menu-products.oxy-mega-dropdown_menu {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
/*======================Menu underline active*/
.oxy-mega-dropdown_link-current {
    border-bottom: 2px solid #bd8843;
}

/*===================MOBILE ARROW*/
.oxy-nav-menu-dropdowns.oxy-nav-menu-dropdown-arrow .menu-item-has-children > a::after {
  width: 0.75em;
  height: 0.75em;
  margin-left: 0.5em;
  border-right: 0.1em solid;
  border-top: 0.1em solid;
  transform: rotate(135deg);
  content: "";
  color: #bd8843;
}
/* Tablet & Mobile only */
@media (max-width: 991px) {

    /* Active menu item */
    #_nav_menu-157-86 .current-menu-item > a,
    #_nav_menu-157-86 .current_page_item > a {
        color: #bd8843;
    }

    /* Parent item when a child page is active (better UX) */
    #_nav_menu-157-86 .current-menu-parent > a,
    #_nav_menu-157-86 .current-menu-ancestor > a {
        color: #bd8843;
    }

}.tabs-7511-tab-active {
    border-bottom: 2px solid #D2984D !important;
}/*CONTACT FORM*/
textarea#wpforms-4583-field_7 {
    height: 130px;
}
div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #F8F0E4 !important;
    border: none !important;
    box-sizing: border-box !important;
}



/* ===== WPForms: make all fields with class "answer" show black values ===== */

/* If "answer" is on the FIELD wrapper */
.wpforms-form .wpforms-field.answer input,
.wpforms-form .wpforms-field.answer select,
.wpforms-form .wpforms-field.answer textarea {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important; /* fixes greyed readonly in some browsers */
  opacity: 1 !important; /* fixes faded readonly look */
  border: 1px solid #D2984D;
}

/* If "answer" is on the INPUT itself */
.wpforms-form input.answer,
.wpforms-form select.answer,
.wpforms-form textarea.answer {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
  border: 1px solid #D2984D;
}

/* Specifically handle readonly calculation fields */
.wpforms-form .wpforms-field.answer input[readonly] {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  opacity: 1 !important;
      border: 1px solid #D2984D;
}


/* Default state (placeholder selected) */
.wpforms-form select.wpforms-field-required {
    color: #00000069; /* light grey - adjust to match your other inputs rgba(0, 0, 0, 0.7) */
}

/* When a real option is selected */
.wpforms-form select.wpforms-field-required:valid {
    color: #333; /* normal text colour */
}

/* Make dropdown options normal colour */
.wpforms-form select.wpforms-field-required option {
    color: #333;
}

/* Keep disabled placeholder grey in dropdown list */
.wpforms-form select.wpforms-field-required option.placeholder {
    color: #00000069;
}/*==================Round Wire Weight-to-Length*/

/* Position the unit text relative to each answer field */
#wpforms-4595-field_13-container,
#wpforms-4595-field_14-container,
#wpforms-4595-field_15-container {
    position: relative;
}

/* Shared styling for the appended unit text */
#wpforms-4595-field_13-container::after,
#wpforms-4595-field_14-container::after,
#wpforms-4595-field_15-container::after {
    position: absolute;
    right: 14px;           /* move left/right as needed */
    bottom: 24px;          /* tweak to vertically center in the input */
    pointer-events: none;
    font-size: 14px;
    color: black;
}

/* Specific units for each result field */
#wpforms-4595-field_13-container::after { content: " m/kg"; }
#wpforms-4595-field_14-container::after { content: " kg/m"; }
#wpforms-4595-field_15-container::after { content: " g/m"; }

/* Extra padding so the numbers don't overlap the units */
#wpforms-4595-field_13,
#wpforms-4595-field_14,
#wpforms-4595-field_15 {
    padding-right: 55px;   /* adjust if needed */
}

/* === Flat Wire / Strip Weight-to-Length (form 4613) === */

/* Make the result field wrappers positionable */
#wpforms-4613-field_13-container,
#wpforms-4613-field_14-container {
    position: relative;
}

/* Shared styling for unit text */
#wpforms-4613-field_13-container::after,
#wpforms-4613-field_14-container::after {
    position: absolute;
    right: 14px;          /* tweak if needed */
    bottom: 24px;         /* tweak to vertically center */
    pointer-events: none;
    font-size: 14px;
    color: black;
}

/* Units for each answer */
#wpforms-4613-field_13-container::after { content: " m/kg"; }
#wpforms-4613-field_14-container::after { content: " kg/m"; }

/* Extra padding so values don't overlap units */
#wpforms-4613-field_13,
#wpforms-4613-field_14 {
    padding-right: 55px;  /* adjust if the unit text gets too close */
}

/* === AWG to Metric Converter (form 4696) === */

/* Make the result field wrappers positionable */
#wpforms-4696-field_4-container,
#wpforms-4696-field_1-container {
    position: relative;
}

/* Shared styling for unit text */
#wpforms-4696-field_4-container::after, #wpforms-4696-field_1-container::after {
    position: absolute;
    right: 14px;
    bottom: 15px;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: black;
}

/* Units for each answer */
#wpforms-4696-field_4-container::after { content: " mm"; }
#wpforms-4696-field_1-container::after { content: " in"; }

/* Extra padding so values don't overlap units */
#wpforms-4696-field_4,
#wpforms-4696-field_1 {
    padding-right: 55px;   /* adjust if needed */
}

/* === Inches ↔ Millimetres (form 4677) === */
#wpforms-4677-field_2-container,
#wpforms-4677-field_1-container {
    position: relative;
}

#wpforms-4677-field_2-container::after,
#wpforms-4677-field_1-container::after {
    position: absolute;
    right: 14px;
    top: 65%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: black;
}

#wpforms-4677-field_2-container::after { content: " mm"; }
#wpforms-4677-field_1-container::after { content: " in"; }

#wpforms-4677-field_2,
#wpforms-4677-field_1 {
    padding-right: 55px;
}


/* === Pounds ↔ Kilograms (form 4684) === */
#wpforms-4684-field_2-container,
#wpforms-4684-field_1-container {
    position: relative;
}

#wpforms-4684-field_2-container::after,
#wpforms-4684-field_1-container::after {
    position: absolute;
    right: 14px;
    top: 65%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: black;
}

#wpforms-4684-field_2-container::after { content: " kg"; }
#wpforms-4684-field_1-container::after { content: " lb"; }

#wpforms-4684-field_2,
#wpforms-4684-field_1 {
    padding-right: 55px;
}


/* === Metric Tons ↔ Pounds (form 4689) === */
#wpforms-4689-field_2-container,
#wpforms-4689-field_1-container {
    position: relative;
}

#wpforms-4689-field_2-container::after,
#wpforms-4689-field_1-container::after {
    position: absolute;
    right: 14px;
    top: 65%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: black;
}

#wpforms-4689-field_2-container,
#wpforms-4689-field_1-container {
    position: relative;
}

#wpforms-4689-field_2-container::after,
#wpforms-4689-field_1-container::after {
    position: absolute;
    right: 14px;
    top: 65%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: black;
}

#wpforms-4689-field_2-container::after { content: " lb"; }
#wpforms-4689-field_1-container::after { content: " t"; }

#wpforms-4689-field_2,
#wpforms-4689-field_1 {
    padding-right: 55px;
}


/* === Fahrenheit ↔ Celsius (form 4692) === */
#wpforms-4692-field_2-container,
#wpforms-4692-field_1-container {
    position: relative;
}

#wpforms-4692-field_2-container::after,
#wpforms-4692-field_1-container::after {
    position: absolute;
    right: 14px;
    top: 65%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 14px;
    color: black;
}

#wpforms-4692-field_2-container::after { content: " deg C"; }
#wpforms-4692-field_1-container::after { content: " deg F"; }

#wpforms-4692-field_2,
#wpforms-4692-field_1 {
    padding-right: 55px;
}

/* Hide the first dynamic list on paginated blog archive pages */
body.blog.paged #_dynamic_list-17-310 {
    display: none !important;
}
#_dynamic_list-1589-310 .oxy-repeater-pages-wrap{
  display:none;
}

#section-5-310 span a {
  text-transform: uppercase;
}/*used to drop en to next line in metal strips*/
span#span-1190-31-3 {
    width: 95%;
}@media (max-width: 768px){

  /* Hide the original Oxygen tab buttons on mobile */
  .oxy-tabs.oxy-tabs--as-accordion > .oxy-tab{
    display:none !important;
  }

  .oxy-tabs-accordion{
    width:100%;
    border-top: none;
  }

  .oxy-tabs-accordion__item{
    border-bottom: 1px solid rgba(0,0,0,.12);
  }

  .oxy-tabs-accordion__btn{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:16px 12px;
    background:transparent;
    border:0;
    text-align:left;
    font:inherit;
    cursor:pointer;
  }

  .oxy-tabs-accordion__icon{
    transition: transform .2s ease;
    flex:0 0 auto;
  }

  .oxy-tabs-accordion__btn[aria-expanded="true"] .oxy-tabs-accordion__icon{
    transform: rotate(90deg);
  }

  .oxy-tabs-accordion__panel{
    padding: 0 12px 0px 12px;
  }
  .oxy-tab-content {
    padding: 0;
}
}


/*Hide the heading so it does not repeat*/
.oxy-tabs-accordion h4{
  display:none;
}
button.oxy-tabs-accordion__btn {
     font-size:20px;
  font-weight:700;
  color: #9e7034;
}

/*Use for resource page and global*/
@media (max-width: 768px) {
  /* Hide duplicated panel heading inside accordion panels */
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child,
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child h1,
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child h2,
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child h3,
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child h4,
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child h5,
  .oxy-tabs-accordion .tab-content-resource > .ct-div-block:first-child h6 {
    display: none !important;
  }
  .tab-block-hide-mobile {
    display: none;
}
  .tab-content-resource {
    width: 100% !important;
    padding-left: 0 !important;
}
  
}
@media (max-width: 1024px) {

  /* Child tabs (Spool / Coil) 
  .oxy-tabs-accordion__item:nth-child(4) .oxy-tabs-accordion__btn,
  .oxy-tabs-accordion__item:nth-child(5) .oxy-tabs-accordion__btn {
    padding-left: 32px;
    color: #58595b;
    font-weight: 400;
  }
*/
  /* Optional visual hierarchy arrow */
  .oxy-tabs-accordion__item:nth-child(4) .oxy-tabs-accordion__btn::before,
  .oxy-tabs-accordion__item:nth-child(5) .oxy-tabs-accordion__btn::before {
        margin-right: 8px;
    opacity: 0.6;
  }

}
@media (max-width: 1024px) {
.parent-pageid-24

  
.oxy-tabs--as-accordion{
display:none!important;
  border:unset!important;
  border-bottom:1px solid red!important;

}
}

.pdf-view-link{
  padding: 4px 7px!important;
  background-color:#bd8843!important;
}
.pdf-download-link{
  padding: 4px 7px!important;
  background-color:#9e7034!important;
}

img#image-354-29 {
    width: 100%;
}