@import url('https://fonts.googleapis.com/css?family=Montserrat:900:800,700,600,500,400,300&display=swap'); 
    
    html {
      font-size: 14px;
      line-height: 1.6
    }
    
    body {
      background-color: #ffffff;
      color: rgba(0,0,0,1);
    }

    .omnistudio-style-wrapper input, .omnistudio-style-wrapper textarea {
      font-size: 14px;
    }

    .omnistudio-style-wrapper p,
    .omnistudio-style-wrapper span,
    .omnistudio-style-wrapper input,
    .omnistudio-style-wrapper button,
    .omnistudio-style-wrapper select,
    .omnistudio-style-wrapper textarea,
    .omnistudio-style-wrapper div {
      font-family: 'Montserrat', sans-serif;
      font-weight: 500;
    }
    
    .omnistudio-style-wrapper h1,
    .omnistudio-style-wrapper h2,
    .omnistudio-style-wrapper h3,
    .omnistudio-style-wrapper h4,
    .omnistudio-style-wrapper h5,
    .omnistudio-style-wrapper h6 {
      color: rgba(0,0,0,1);
      font-family: 'Montserrat', sans-serif;;
      line-height: 1;
      font-weight: 900;
    }

    .omnistudio-style-wrapper h1 {
      font-size: 48px;
    }
    .omnistudio-style-wrapper h2 {
      font-size: 36px;
    }
    .omnistudio-style-wrapper h3 {
      font-size: 23px;
    }
    .omnistudio-style-wrapper h4 {
      font-size: 16px;
    }
    .omnistudio-style-wrapper h5 {
      font-size: 14px;
    }
  
    .omnistudio-style-wrapper .primary-button-wrapper .core {
      color: rgba(255,255,255,1) !important;
      background-color: rgba(155,189,96,1) !important;
      transition: 0.5s background-color;
    }
    .omnistudio-style-wrapper .primary-button-wrapper .core:hover {
      color: rgba(255,255,255,1) !important;
      background-color: rgba(155,189,96,1) !important;
    }

    .omnistudio-style-wrapper .primary-button-wrapper .button, .omnistudio-style-wrapper 
    .primary-button-wrapper-inverse .button:hover {
      color: rgba(255,255,255,1) !important;
      background-color: rgba(155,189,96,1) !important;
      transition: 0.5s background-color;
      border: none;
      border-radius: 4px;
      box-shadow: none;
      padding: 15px 40px
    }
   
    .omnistudio-style-wrapper .primary-button-wrapper .button:hover, .omnistudio-style-wrapper 
    .primary-button-wrapper-inverse .button {
      background-color: rgba(0,128,0,1) !important;
      color: rgba(255,255,255,1) !important;
      border: none;
      border-radius: 4px;
      box-shadow: none;
      padding: 15px 40px
    }
   
    .omnistudio-style-wrapper .secondary-button-wrapper .button, .omnistudio-style-wrapper 
    .secondary-button-wrapper-inverse .button:hover {
      color: rgba(255,109,1,1);
      background-color: #ffffff;
      transition: 0.5s background-color;
      border: 1px solid #ff6d01;
      border-radius: 4px;
      box-shadow: none;
      padding: 15px 40px
    }

    .omnistudio-style-wrapper .secondary-button-wrapper .button:hover, .omnistudio-style-wrapper 
    .secondary-button-wrapper-inverse .button {
      background-color: rgba(255,109,1,1) !important;
      color: #ffffff !important;
      border: 1px solid #ff6d01;
      border-radius: 4px;
      box-shadow: none;
      padding: 15px 40px
    }

    .omnistudio-style-wrapper .primaryColorBackground{
      background-color: rgba(252,97,32,1) !important;
    }
    .omnistudio-style-wrapper .secondaryColorBackground{
      background-color: rgba(213,9,21,1) !important;
    }
    .omnistudio-style-wrapper .tertiaryColorBackground{
      background-color: rgba(117,115,115,1) !important;
    }
    .omnistudio-style-wrapper .quaternaryColorBackground{
      background-color: #ffffff !important;
    }
    .omnistudio-style-wrapper .quinaryColorBackground{
      background-color: #ffffff !important;
    }
    .omnistudio-style-wrapper .senaryColorBackground{
      background-color: rgba(0,0,0,1) !important;
    }
    
    .omnistudio-style-wrapper .primaryColorFont{
      color: rgba(252,97,32,1) !important;
    }
    .omnistudio-style-wrapper .secondaryColorFont{
      color: rgba(213,9,21,1) !important;
    }
    .omnistudio-style-wrapper .tertiaryColorFont{
      color: rgba(117,115,115,1) !important;
    }
    .omnistudio-style-wrapper .quaternaryColorFont{
      color: #ffffff !important;
    }
    .omnistudio-style-wrapper .quinaryColorFont{
      color: #ffffff !important;
    }
    .omnistudio-style-wrapper .senaryColorFont{
      color: rgba(0,0,0,1) !important;
    }

    .omnistudio-style-wrapper .whiteFontColor * {
      color: white;
    }
    .omnistudio-style-wrapper .bodyFontColor * {
      color: rgba(0,0,0,1);
    }
    .omnistudio-style-wrapper .bodyFontColor hr {
      border-top: 1px solid rgba(0,0,0,1);
    }
    .omnistudio-style-wrapper .secondaryBodyFontColor * {
      color: rgba(0,0,0,1);
    }
    
    a {
    color: #fe6000;
}

.page-title {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
    line-height: 38px !important;
    font-size: 38px !important;
    font-weight: 900 !important;
    color: #000 !important;
    text-transform: uppercase;
}
.page-title::after {
    content: '';
    border-bottom: 3px solid #fc6120;
    width: 100px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.page-title-center {
    text-align: center;
}
.page-title-center::after {
    left: calc(50% - 50px)
}

.pdp-in-stock {
    color: green;
}
.pdp-out-of-stock {
    color: rgba(253,101,0,1);
}

main {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-x: hidden;
}

@media (max-width: 768px) {
  table {
    width: 100% !important;
    display: block;
    overflow-x: auto;
  }
  h1 {
    font-size: 40px !important;
    line-height: 40px !important;
    word-wrap: initial !important;
  }
  h2 {
    font-size: 30px !important;
  }
}



.btn-green {
    background: linear-gradient(180deg, rgba(169,196,98,1) 0%, rgba(0,128,0,1) 100%);
    border: 1px solid #a9c462;
    color: #fff !important;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 1.1rem;
    position: relative;
    font-weight: 600;
    text-decoration: none !important;
    display: inline-block;
    transition: 0.3s;
    cursor: pointer;
    opacity: 1;
    margin-top: 20px;
}

.sub-heading {
    margin: 20px auto;
    text-align: center;
    font-weight: 900 !important;
    line-height: 1.1em !important;
    color: #000 !important;
}

.sub-heading::after {
    background-color: #ff671d;
    background-image: -webkit-gradient(linear,left top,right top,from(#ff671d),to(#f32735));
    background-image: linear-gradient(90deg,#ff671d,#f32735);
    bottom: 0;
    content: "";
    display: block;
    height: .1875rem;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 100px;
    margin-top: 15px;
}

.btn-green:hover {
    background-color: #008000;
    border: 1px solid #008000;
    opacity: 0.9;
}

.btn-white {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 15px 20px;
    text-transform: uppercase;
    font-size: 1.3rem;
    position: relative;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-block;
    transition: 0.3s;
    cursor: pointer;
    opacity: 1;
    margin-top: 60px;
}

.btn-white:hover {
    background-color: #fff;
    border: 1px solid #000;
    color: #ee2737;
    opacity: 0.9;
}

.new {
    margin-bottom: 20px;
    display: inline;
    padding: 2px 10px;
    background-color: #ec0234;
    font-size: 2.0rem;
    color: #fff;
    font-weight: 800 !important;
}



@media only screen and (max-width: 900px) {
  .video-container iframe {
       position: absolute;
       top: 0;
       left: 0;
       width: 98%;
       height: 200px;
    }

    .motor-features-section-heading {
       padding-top: 100px;
    }

    .hero-list {
       text-align: left !important;
       margin-left: 10px !Important;
       padding-left: 0 !important;
    }
    .featured-video-wrapper {
       padding: 0 !important;
    }
    .sub-heading-video {
       font-size: 2rem !important;
       padding: 0 !important;
       margin:0 !important;
    }
    .hero-container:nth-child(2) div {
        background-position: top center !important;
    }
    .e-f-cb-baf-fadcdbf-parallax-outer {
        background-position: top center !important;
    }
    .sub-heading {
        font-size: 35px !important;
    }
    .features-list > div {
        padding-bottom: 30px;
    }
    .features-list-wrapper > div:nth-child(1)  {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .features-list-3rd > div {
         padding-bottom: 0;
    }
    .ultimate-content-wrapper > div {
         padding: 0 20px;
         text-align: center;
    }
    .combo-heading {
         text-align: center !important;
    }
    .featured-video-inner > div {
        padding: 40px 10px;
    }
    .btn-white {
        margin-top: 10px;
     }
     .motor-oil-cards > div {
        margin-top: 60px;
     }
     .new {
        text-align: center !important;
        display: block;
        width: 100px;
        margin: auto;
     }
     .shop  {
        text-align: center !important;
     }
     .white {
        font-size: 1rem;
     }
}

.e-f-cb-baf-fadcdbf-parallax-outer {
    background-position: right;  
}

.white {
    color: #fff !important;
}

.heading::after {
    background-color: #ff671d;
    background-image: -webkit-gradient(linear,left top,right top,from(#ff671d),to(#f32735));
    background-image: linear-gradient(90deg,#ff671d,#f32735);
    bottom: 0;
    content: "";
    display: block;
    height: .1875rem;
    left: 0;
    position: relative;
    right: 0;
    width: 100px;
    text-align: left;
    margin-top: 15px;
}

.hero-img-oil {
    max-width: 100%;
    height: auto;
    padding: 20px;
}

.hero-list {
    line-height: 2.4rem;
    font-size: 1.15rem;
}

.hero-list-ul {
     padding-top: 15px;
}
.hero-title {
   margin-bottom: 0 !important;
}

.ultimate-row {
    position: relative;
    background-image: url(https://res.cloudinary.com/knfilters-com/image/upload/v1606333862/media/wysiwyg/motor-oil-combo-bg_d93zzy.jpg) !important;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    background-color: #4c4b48;
}

.combo-heading {
    font-size: 3.1rem;
    color: white !important;
    text-align: left;
    margin-bottom: 10px !important;
 
    font-weight: 900;
}

.shop-quart {
    margin: 0;
    padding: 0;
}

.btn-large {
    padding: 12px 17px  !important; 
    font-weight: 600;
    font-size: 1.4rem;
    margin-right: 5px;
}

.sub-heading-video {
    padding-bottom: 45px;
    text-align: center;
    font-weight: 900 !important;
    line-height: 1.1em !important;
    color: #fff !important;
}


.sub-heading-video::after {
        background-color: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: .1875rem;
    left: 0;
    margin: 0 auto;
    position: relative;
    right: 0;
    width: 100px;
    margin-top: 15px;
}

.bfac-bc-de-aee-faf-parallax-outer .parallax-outer {
    background-position: top center !important;
}

/* Bazaar voice mobile fix */
@media screen and (max-width: 736px) {
	.bv-cv2-cleanslate .bv-core-container-44 .bv-content-item.bv-content-review {
	flex-basis: 100% !important;
	max-width: 100% !important;
	}
}