/** Fonts **/
@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/bebasneue-book-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bebas_neuebold';
    src: url('../fonts/bebasneue-bold-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'galanogrotesque';
    src: url('../fonts/galano_grotesque-webfont.woff2') format('woff2'),
         url('../fonts/galano_grotesque-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/** Global **/
body{font-family: 'galanogrotesque';font-size: 17px;color:#0E0E0E;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6{font-family: 'bebas_neuebook';line-height: 1em}

img{max-width: 100%;height: auto;}
a{text-decoration: none;transition: .3s;}

sup{font-size: 50%;top: -0.8em;}

h1{font-size: 64px;}

.text-light{color:#FCF2F2;}

@media(max-width: 767px){
  h1{font-size: 40px;}
}

@media (min-width: 1200px){
  .container{max-width: 1080px;}
}
@media (min-width: 1400px){
  .container{max-width: 1080px;}
}

/** Button **/
.yellow-btn{display: inline-block;font-family: 'bebas_neuebold';font-size: 20px;color: #0E0E0E;padding: 8px 15px 5px;background-color: #EFE40A;transform: skew(-18deg, 0);border-radius: 10px 0;}
.yellow-btn span{display: block;transform: skew(18deg, 0);}
.yellow-btn:hover{background-color: #CEC50A;color: #0E0E0E}

.ghost-btn{display: inline-block;font-family: 'bebas_neuebold';font-size: 20px;color: #fff;padding: 5px 16px;border: 1px solid #fff;background-color: transparent;transform: skew(-18deg, 0);border-radius: 10px 0;}
.ghost-btn span{display: block;transform: skew(18deg, 0);}
.ghost-btn:hover{background-color: #fff;color: #0E0E0E}

.ghost-btn.yellow{color: #EFE40A;border-color: #EFE40A}
.ghost-btn.yellow:hover{background-color: #EFE40A;color: #0E0E0E}

/** Header **/
header{background-image: url(/wp-content/uploads/2025/09/oem_header_bg.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;padding: 20px 0}

.navbar-nav ul{position: relative;display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0;z-index: 1}
.navbar-nav ul li{margin-right: 30px}
.navbar-nav ul li:last-child{margin-right: 0;}
.navbar-nav ul li a{font-family: 'bebas_neuebold';font-size: 18px;color: #fff;padding: 8px 15px 5px;display: block;}
.navbar-nav ul li.menu-btn a{background-color: #000;transform: skew(-18deg, 0);border-radius: 10px 0;color: #fff}
.navbar-nav ul li.menu-btn a span{display: block;transform: skew(18deg, 0);}
.navbar-nav ul li.menu-btn a:hover{background-color: #EFE40A;color: #000}

@media(min-width: 768px){
  .navbar-nav{position: relative;background: radial-gradient(22% 120.13% at 50% 50%, #635E5E 0%, #3B3B3C 100%);padding: 24px 0 24px 30px}
  .navbar-nav:after{position: absolute;top:0;left: 100%;content: "";width: 200%;height: 100%;background-color: #3B3B3C;}
}

@media(max-width: 767px){
  header{padding:0 }
  .navbar-brand{max-width: 180px;}
  .navbar-nav{margin-top: 10px;}
  .navbar-nav ul li{width: 100%;display: block;margin-right: 0;}

  .navbar-toggler{border: 2px solid #fff;padding: 10px;border-radius: 0;}
  .navbar-toggler .icon-bar{display: block;width: 22px;height: 2px;border-radius: 1px;background-color: #fff;}
  .navbar-toggler .icon-bar + .icon-bar {margin-top: 4px;}
  .navbar-toggler:focus, .navbar-toggler:hover{background-color: transparent;}
    
  .navbar-toggler .icon-bar {position: relative;transition: all 500ms ease-in-out;}
  .navbar-toggler.active .icon-bar:nth-of-type(1) {top: 6px;transform: rotate(45deg);width: 22px;}
  .navbar-toggler.active .icon-bar:nth-of-type(2) {background-color: transparent;}
  .navbar-toggler.active .icon-bar:nth-of-type(3) {top: -6px;transform: rotate(-45deg);width: 22px;}
}

/** Footer **/
footer{font-family: 'bebas_neuebold';background: linear-gradient(270deg, #848689 0%, #FFFFFF 25%, #9C9EA0 50.48%, #FFFFFF 75%, #8B8D8F 100%);padding: 80px 0 40px;}
.footer-col{margin-bottom: 40px;}
.footer-col .title h3{font-size: 30px;letter-spacing: 1px;margin-bottom: 15px;}

.f-logo p{font-size: 32px;letter-spacing: 1px;}

.f-menu ul{list-style: none;margin: 0;padding: 0;}
.f-menu ul li{font-size: 18px;margin-bottom: 12px;line-height: 22px;}
.f-menu ul li:last-child{margin-bottom: 0;}
.f-menu ul li a{color: #0E0E0E;text-decoration: none;}
.f-menu ul li a:hover{color: #000}

.footer-legal{font-family: 'galanogrotesque';font-size: 12px;}
.footer-legal ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.footer-legal ul li{margin-right: 20px;margin-bottom: 5px;}
.footer-legal ul li:last-child{margin-right: :0}
.footer-legal ul li a{display: block;color: #0E0E0E;}
.footer-legal ul li a:hover{opacity: .8}

@media(max-width: 991px){
  .f-logo{font-size: 26px;line-height: 1.3em;}
  .f-logo img{max-width: 200px;}
}

@media(max-width: 767px){
  footer{padding: 50px 0 10px}
  .footer-col{text-align: center;}
}

/** Home page **/
.home-banner-section{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.home-banner-section:before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: rgba(255, 255, 255, 0);background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(14, 14, 14, 1) 100%);}
.home-slider .slide{background-size: cover;background-repeat: no-repeat;background-position: center;padding: 120px 0}
.home-slider .slide img{width: auto;}
.home-slider .dtls{display: inline-block;color: #fff;font-family: 'bebas_neuebook';}
.home-slider h2{font-size: 68px;letter-spacing: 3px;color: #fff;line-height: 1em;margin-bottom: 10px;}
.home-slider h4{font-size: 28px;letter-spacing: 1px;font-family: 'bebas_neuebold';margin-bottom: 30px;}
.home-slider .slider-logo img{display: inline-block;width: 260px;}
.home-slider .view-btn{cursor: default;display: inline-block;font-family: 'bebas_neuebold';font-size: 20px;color: #31B4E6;padding: 8px 15px 5px;background-color: transparent;transform: skew(-18deg, 0);border-radius: 10px 0;border: 1px solid #31B4E6;}
.home-slider .view-btn span{display: block;transform: skew(18deg, 0);}
.home-slider .view-btn:hover{background-color: #31B4E6;color: #0e0e0e !important}
.home-slider .yellow h4{color: #EFE40A;}
.home-slider .orange h4{color: #DF592C;}
.home-slider .yellow .view-btn{color: #EFE40A;border-color:#EFE40A}
.home-slider .yellow .view-btn:hover{background-color: #EFE40A;}
.home-slider .orange .view-btn{color: #DF592C;border-color:#DF592C}
.home-slider .orange .view-btn:hover{background-color: #DF592C;}
.home-slider .pink .view-btn{color: #CB3765;border-color:#CB3765}
.home-slider .pink .view-btn:hover{background-color: #CB3765;}


.home-slider.owl-theme .owl-nav{margin: 0;}
.home-slider.owl-theme .owl-nav [class*="owl-"]{position: absolute;top: 50%;transform: translateY(-50%);margin: 0;padding: 0;background: #454645;border: 0;width: 48px;height: 48px;border-radius: 50%;overflow: hidden;}
.home-slider.owl-carousel .owl-nav .owl-prev{left: -100px;right: auto;}
.home-slider.owl-carousel .owl-nav .owl-next{right: -100px;left: auto;}
.home-slider.owl-carousel .owl-nav .owl-next img{-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.section-padding{padding: 80px 0}
.dark-bg{background-color: #0E0E0E;color: #FCF2F2}

.oem-sec-title h2{font-size: 80px;line-height: 1em;margin-bottom: 10px}
.oem-sec-title h3{font-size: 48px;}

.product-slider .each{text-align: center;}
.product-slider .img-con{width: 100%;margin-bottom: 25px;}
.product-slider .img-con img{display: inline-block;width: auto;}
.product-slider .ghost-btn{cursor: default;}
.product-slider .yellow .ghost-btn{color: #EFE40A;border-color: #EFE40A;}
.product-slider .yellow .ghost-btn:hover{background-color: #EFE40A;color: #0E0E0E;}
.product-slider .orange .ghost-btn{color: #DF592C;border-color: #DF592C;}
.product-slider .orange .ghost-btn:hover{background-color: #DF592C;color: #0E0E0E;}
.product-slider .pink .ghost-btn{color: #CB3765;border-color: #CB3765;}
.product-slider .pink .ghost-btn:hover{background-color: #CB3765;color: #0E0E0E;}
.product-slider .blue .ghost-btn{color: #008099;border-color: #008099;}
.product-slider .blue .ghost-btn:hover{background-color: #008099;color: #0E0E0E;}

.product-slider.owl-theme .owl-nav{margin: 0;}
.product-slider.owl-theme .owl-nav [class*="owl-"]{position: absolute;top: 50%;transform: translateY(-50%);margin: 0;padding: 0;background: #454645;border: 0;width: 40px;height: 40px;border-radius: 50%;overflow: hidden;}
.product-slider.owl-carousel .owl-nav .owl-prev{left: -60px;right: auto;}
.product-slider.owl-carousel .owl-nav .owl-next{right: -60px;left: auto;}
.product-slider.owl-carousel .owl-nav .owl-next img{-webkit-transform: scaleX(-1);transform: scaleX(-1);}

.engineerd-text{background-image: url(/wp-content/uploads/2025/09/Vector.png);background-position: top left;background-repeat: no-repeat;background-size: auto;padding-left: 65px;padding-top: 10px;}
.engineerd-text h4{position: relative;font-size: 24px;color: #0E0E0E;margin-bottom: 25px;}
.engineerd-text h4:after{position: absolute;content: "";left: 135px;top: 50%;width: 124px;height: 1px;background-color: #0E0E0E}
.engineerd-text .logo{font-size: 32px;font-family: 'bebas_neuebold';color: #efe40a;margin-bottom: 20px;}
.engineerd-text .logo sup{font-size:80%}

.product-video{position: relative;display: block;}
.product-video:before{position: absolute;content: url(/wp-content/uploads/2025/09/vector_large.png);left: 0;top:-15px;width: 100%;overflow: hidden;}
/*.video-popup .poster-img{width: 100%;display: block;}
.product-video .icon{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1;}*/
.product-video-info{color: #FCF2F2;}
.product-video-info .title h2{font-size: 80px;line-height: 1em;margin-bottom: 20px}

.feature-section{background: radial-gradient(22% 120.13% at 50% 50%, #635E5E 0%, #3B3B3C 100%);}
.blurb-style .img-con{width: 73px;height: 73px;display: inline-block;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%, #655F5F 0%, #545152 23%, #464446 53%, #414042 78%, #3B3B3C 100%);margin-bottom: 20px;}
.blurb-style .img-con img{width: 100%;height: 100%;object-fit: none;}
.blurb-style h3{color: #EFE40A;margin-bottom: 15px;}
.blurb-style p{font-size: 14px;color: #FCF2F2;margin-bottom: 0;}

.wtb-section .yellow-btn{padding: 8px 80px 5px}

@media(min-width: 768px){
  .feature-section .row .col-md-5:first-child:after{position: absolute;content: "";width: 1px;height: calc(100% - 134px);background-color: #EFE40A;bottom: 0;right: 0;}
}

@media(max-width: 991px){
  .home-slider h2{font-size: 52px;}
  .home-slider h4{font-size: 26px;}
  .home-slider.owl-carousel .owl-nav .owl-prev{left: -20px;}
  .home-slider.owl-carousel .owl-nav .owl-next{right: -20px;}

  .product-slider{padding: 0 50px;}
  .product-slider.owl-carousel .owl-nav .owl-prev{left: 0;}
  .product-slider.owl-carousel .owl-nav .owl-next{right: 0;}
}

@media(max-width: 767px){
  .home-slider .slide{padding: 60px 0}
  .home-slider .dtls{width: 100%;}
  .home-slider h2{font-size: 40px;}
  .home-slider h4{font-size: 24px;}
  .home-slider.owl-carousel .owl-nav .owl-prev{left: 0;}
  .home-slider.owl-carousel .owl-nav .owl-next{right: 0;}

  .section-padding{padding: 50px 0}

  .product-video .icon{max-width: 100px;}
  .product-video .video-popup::before{width: 300px;overflow: hidden;}
  .product-video-info .title h2{font-size: 50px;margin-bottom: 10px;}

  .feature-section .row .col-md-5:first-child{margin-bottom: 30px;}

  .oem-sec-title h2{font-size: 52px;}
  .wtb-section .autozone{max-width: 200px;}
}

/** Product page **/
.oem-product-section{position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.oem-product-section:before{position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0;background: rgba(255, 255, 255, 0);background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(14, 14, 14, 1) 100%);}
.oem-product-section .container{position: relative;z-index: 1;}

.oem-product-summery .product-img{margin-top: 65px;}
.shop-btn{display: inline-block;font-family: 'bebas_neuebold';font-size: 20px;color: #0E0E0E;padding: 8px 15px 5px;background-color: #31B4E6;transform: skew(-18deg, 0);border-radius: 10px 0;}
.shop-btn span{display: block;transform: skew(18deg, 0);}
.shop-btn:hover{background-color: #31B4E6;color: #0E0E0E}

.yellow .shop-btn{background-color: #EFE40A;}
.orange .shop-btn{background-color: #DF592C;}
.pink .shop-btn{background-color: #CB3765;}

.oem-product-summery{position: relative;background: radial-gradient(50% 50% at 50% 50%, #635E5E 0%, #3B3B3C 100%);padding: 65px 30px 30px 65px;color: #FCF2F2;}
.oem-product-summery:before{position: absolute;content: "";left: 0;top: 0;width: 100%;height: 300px;background-image: url(/wp-content/uploads/2025/09/Vector_blue.png);background-position: top left;background-repeat: no-repeat;background-size: contain;}
.yellow .oem-product-summery:before{background-image: url(/wp-content/uploads/2025/09/Vector_yellow.png);}
.orange .oem-product-summery:before{background-image: url(/wp-content/uploads/2025/09/Vector_orange.png);}
.pink .oem-product-summery:before{background-image: url(/wp-content/uploads/2025/09/Vector_pink.png);}

.oem-product-summery .title h1{font-size: 48px;margin-bottom: 0;}
.oem-product-summery .title h1 span{font-family: 'bebas_neuebold';font-size: 64px;color: #31B4E6}
.yellow .oem-product-summery .title h1 span{color: #EFE40A}
.orange .oem-product-summery .title h1 span{color: #DF592C}
.pink .oem-product-summery .title h1 span{color: #CB3765}

.oem-product-summery .sub-title h2{font-size: 48px;}
.oem-product-summery .sub-title h2 span{font-size: 64px;}
.oem-product-summery .sub-title h4{font-size: 24px;letter-spacing: 1px;line-height: 1.2em;margin-bottom: 0}
.oem-product-summery .sub-title h4 span{color: #31B4E6}
.yellow .oem-product-summery .sub-title h4 span{color: #EFE40A}
.orange .oem-product-summery .sub-title h4 span{color: #DF592C}
.pink .oem-product-summery .sub-title h4 span{color: #CB3765}

.protection-list{position: relative;padding-top: 30px;}
.protection-list:before{position: absolute;content: "";width: 100%;left: 0;top:0;height: 12px;background: linear-gradient(270deg, #848689 0%, #FFFFFF 25%, #9C9EA0 50.48%, #FFFFFF 75%, #8B8D8F 100%);}
.protection-list h3{font-size: 48px;margin-bottom: 15px;}
.protection-list ul{list-style: none;margin: 0;padding: 0;}
.protection-list ul li{position: relative;padding-left: 28px;font-size: 24px;font-family: 'bebas_neuebold';letter-spacing: 1px;color: #31B4E6;margin-bottom: 6px;}
.protection-list ul li:before{position: absolute;content: url(/wp-content/uploads/2025/09/oem_bullet.png);left: 6px;top: 12px;width: 10px;height: 10px;line-height: 0px;}
.protection-list ul li:last-child{margin-bottom: 0;}

.yellow .protection-list ul li{color: #EFE40A}
.orange .protection-list ul li{color: #DF592C}
.pink .protection-list ul li{color: #CB3765}

.protection-range{font-size: 15px;}
.protection-range h3{font-size: 48px;margin-bottom: 30px;}
.protection-range .info{position: relative;padding-left: 45px;}
.protection-range .info:before{position: absolute;content: "";width: 12px;height: 100%;left: 0;top: 0;background: linear-gradient(180deg, #31B4E6 0%, #D7212B 100%);}
.yellow .protection-range .info:before{background: linear-gradient(180deg, #EFE40A 0%, #D7212B 100%);}
.orange .protection-range .info:before{background: linear-gradient(180deg, #DF592C 0%, #D7212B 100%);}
.pink .protection-range .info:before{background: linear-gradient(180deg, #CB3765 0%, #D7212B 100%);}

.protection-from h4, .protection-to h4{font-size: 48px;margin-bottom: 15px;color: #D7212B}
.protection-from h4{color: #31B4E6}
.yellow .protection-from h4{color: #EFE40A}
.orange .protection-from h4{color: #DF592C}
.pink .protection-from h4{color: #CB3765}

.oem-ready{display: inline-block;background: linear-gradient(270deg, #848689 0%, #FFFFFF 25%, #9C9EA0 50.48%, #FFFFFF 75%, #8B8D8F 100%);padding: 8px 18px;border-radius: 0 0 20px 0;font-size: 32px;color: #000;font-family: 'bebas_neuebook';letter-spacing: 1px;line-height: 1.1em;}