/*
Theme Name: LucasOil.mx Website
Theme URI: https://www.lucasoil.mx
Description: Lucas Oil Mexico website
Version: 1.0
Author: Lucas Oil
Author URI: https://www.lucasoil.com
Text Domain: lucas-oil-mx

*/

/* CSS Document */

/* -------- RESPONSIVE CSS ---------- */
/* Phone */
@media screen and (min-width: 1px) {
	.wpml-floating-language-switcher {top: 8px;right: 40px;background: none;border: none;border-radius: 0px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
	.header-container {padding-top: 15px;padding-bottom: 15px;}
	.header-content {width: 90%;}
	.header-logo {width: 150px;margin-left: 10px;margin-right: auto;}
	.navigation-container {width: calc(100% - 490px);margin-left: auto;margin-right: 0px;display: none;}
	.nav-content a {font-size: 18px;}
	.nav-content li {padding: 12px;}
	.social-container {width: 100px;display: none;}
	.search-container {display: none;width: 40px;}
	.mobile-nav {display: inline-block;}
	.mobile-nav-toggle {width: 30px;height: 30px;}
	.mobile-nav-close {width: 50px;height: 30px;}
	.carousel-control-prev-icon {left: 10px}
	.carousel-control-next-icon {right: 10px;}
	.slide-content {width: 90%;margin-bottom: 0px;padding-bottom:20px;}
	.slide-content h1 {font-size: 20px;width: 90%;padding-top: 30px;margin-left:0px;}
	.slide-content h2 {font-size: 16px;width: 90%;margin-left:0px;min-height: 200px;}
	.blue-btn {width:200px;font-size: 20px;margin-left:auto;margin-right:auto;padding: 10px 0px;margin-bottom: 30px;}
	.finder-blue-btn {width:240px;font-size: 20px;margin-left:auto;margin-right:auto;padding: 10px 0px;margin-bottom: 30px;}
	.slide-content img  {width: 200px;margin-top: -20px;float: right;margin-right: 10px;display: none;}
	.slide-content-finder {width: 90%;margin-bottom: 0px;padding-bottom:20px;}
	.slide-content-finder h1 {font-size: 20px;width: 90%;padding-top: 30px;margin-left:0px;}
	.slide-content-finder h2 {font-size: 16px;width: 90%;margin-left:0px;min-height: 200px;}
	.slide-content-finder img  {width: 200px;margin-top: -20px;float: right;margin-right: 10px;display: none;}
	.slider-footer-container {padding: 30px 0px 40px 0px;}
	.slider-footer-content {width: 90%;}
	.benefit-slider {margin-right: 0px;display:block;}
	.benefit-slider img {max-height: 70px;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 90%;text-align: center;}
	.product-finder-content h3 {font-size: 32px;margin-bottom: 20px;line-height: 1.2em;}
	.PS-container {display: inline-block;margin: 8px;width: 280px;height: 373px;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 18px;padding-top: 10px;}
	.story-hero-content {width: 100%;height: 280px;}
	.story-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 90%;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 100%;margin-right: 0px;display: block;}
	.txt-col2 {width: 100%;display: block;}
	.txt-col1 {width: 100%;display: block;margin-right: 0px;}
	.img-col2 {width: 100%;display: block;}
	.product-hero-content {width: 100%;height: 280px;}
	.product-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 100%;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 100%;margin: 50px 0px;display: block;}
	.single-product-container img {width: 50px;display: inline-block;margin-top: -50px;margin-left: 20px;margin-right: 20px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 150px);display: inline-block;margin-top: 20px;padding-right: 10px;padding-bottom: 20px;}
	.single-product-container h4 {font-size: 18px;height: auto;}
	.single-product-container a {width: 140px;font-size: 14px;}
	.dc-hero-container {height: 300px;}
	.ddc-hero-container {height: 300px;}
	.eosl-hero-container {height: 300px;}
	.ft-hero-container {height: 300px;}
	.hdos-hero-container {height: 300px;}
	.ob-hero-container {height: 300px;}
	.tf-hero-container {height: 300px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 90%;}
	.product-lft-col {width: 100%;display: block;font-size: 18px;padding-top:20px;}
	.product-lft-col h1 {font-size: 38px;display: inline-block;}
	.product-lft-col p {padding-right: 0px;}
	.product-arrow {font-size: 76px;margin-left: -50px;margin-top: -10px;width: 50px;display: none;margin-right: -10px;}
	.key-benefit-container {display: block;width: 100%;}
	.key-benefit-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: block;width: 100%;}
	.packaging-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.directions-container {display: block;width: 100%;}
	.directions-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 100%;}
	.product-rght-col {width: 100%;display: block;margin-left: 0px;margin-top: 50px;}
	.product-main-img {width: 300px;display: none;margin-top: -200px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 300px;display: block;margin-top: -200px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 90%;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 90%;}
	.media-container {width: 230px;height: 230px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 200px;width: 200px;}
	.video-hero-content {width: 90%;height: 280px;}
	.video-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 80px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 100%;}
	.video-player-card {width: 100%;display: block;margin-right: 0px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 90%;height: 280px;}
	.contact-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 90%;}
	.stores-hero-content {width: 90%;height: 280px;}
	.stores-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 100%;}
	.catalog-hero-content {width: 90%;height: 280px;}
	.catalog-hero-content h1 {font-size: 62px;padding-right: 20px;padding-left: 20px;margin-top: 50px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 90%;}
	.footer-content {font-size:12px;}
	.footer-logo {width: 200px;}
	.product-page-hero-container {height: 400px;}
	.fourohfour-page-content {width: 90%;}
	.non-block-content {width: 90%;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 100%;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 100%;margin: 40px 0px;padding-bottom:20px;}
	.product-category-thumb {max-width: 120px;max-height: 275px;margin-left: auto;margin-right: auto;margin-top: -50px;display: block;}
	.product-title-category-list {width: 100%;padding: 30px 10px 0px 10px;display: block;text-align: center;}
	.product-title-category-list h3 {font-size: 30px;height: auto;text-align: center;}
	.product-list-more-details {max-width: 240px;padding: 13px 30px;}
	.news-details-container {width: 100%;}
	.news-details-content {width: 96%;margin:15px;display: inline-block;}
	.news-preview-img {height: auto;margin-bottom: 20px;}
	.news-title-hdr {height: 60px;line-height: 1.2em;font-size: 22px;}
	.news-intro-txt {height: 250px;}
	.news-single-content {width: 90%;}
	.testimonial-page-content {width: 90%;}
	.testimonial-loader-container {width: 90%;padding-top: 20px;}
	.testimonial-nav {width: 100%;display: block;}
	.testimonial-list {width: 100%;display: block;}
}
@media screen and (min-width: 380px) {
	.wpml-floating-language-switcher {top: 8px;right: 70px;background: rgba(255,255,255,0.30);border: 1px solid;border-color: rgba(0, 18, 51,0.30);border-radius: 6px;-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);}
}
/* Tablet */
@media screen and (min-width: 768px) {
	.wpml-floating-language-switcher {top: 20px;right: 70px;}
	.header-container {padding-top: 15px;padding-bottom: 15px;}
	.header-content {width: 768px;}
	.header-logo {width: 250px;margin-left: 10px;margin-right: auto;}
	.navigation-container {width: calc(100% - 490px);margin-left: auto;margin-right: 0px;display: none;}
	.nav-content a {font-size: 18px;}
	.nav-content li {padding: 12px;}
	.social-container {width: 150px;display: none;}
	.search-container {display: none;width: 40px;}
	.mobile-nav {display: inline-block;}
	.mobile-nav-toggle {width: 50px;height: 50px;}
	.mobile-nav-close {width: 50px;height: 50px;}
	.carousel-control-prev-icon {left: 30px}
	.carousel-control-next-icon {right: 30px;}
	.slide-content {width: 768px;margin-bottom: -120px;padding-bottom:0px;}
	.slide-content h1 {font-size: 38px;width: 100%;padding-top: 80px;margin-left:20px;}
	.slide-content h2 {font-size: 28px;width: 100%;margin-left:20px;min-height: 200px;}
	.blue-btn {width:250px;font-size: 26px;margin-left:20px;margin-right:0px;padding: 20px 0px;}
	.finder-blue-btn {width:350px;font-size: 26px;margin-left:20px;margin-right:0px;padding: 20px 0px;}
	.slide-content img  {width: 250px;margin-top: -200px;float: right;margin-right: 20px;display: inline-block;}
	.slide-content-finder {width: 768px;margin-bottom: -120px;padding-bottom:0px;}
	.slide-content-finder h1 {font-size: 38px;width: 100%;padding-top: 80px;margin-left:20px;}
	.slide-content-finder h2 {font-size: 28px;width: 100%;margin-left:20px;min-height: 200px;}
	.slide-content-finder img  {width: 320px;margin-top: -200px;float: right;margin-right: 20px;display: inline-block;}
	.slider-footer-container {padding: 30px 0px 40px 0px;}
	.slider-footer-content {width: 768px;}
	.benefit-slider {margin-right: 0px;display:block;}
	.benefit-slider img {max-height: 50px;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 768px;text-align: left;}
	.product-finder-content h3 {font-size: 36px;margin-bottom: 20px;line-height: 1.2em;}
	.PS-container {display: inline-block;margin: 8px;width: 360px;height: 480px;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 20px;padding-top: 0px;}
	.story-hero-content {width: 768px;height: 380px;}
	.story-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 768px;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 38%;margin-right: 40px;display: inline-block;}
	.txt-col2 {width: calc(58% - 40px);display: inline-block;}
	.txt-col1 {width: calc(58% - 40px);display: inline-block;margin-right: 40px;}
	.img-col2 {width: 38%;display: inline-block;}
	.product-hero-content {width: 768px;height: 380px;}
	.product-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 768px;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 100%;margin: 100px 0px;display: block;}
	.single-product-container img {width: 80px;display: inline-block;margin-top: -70px;margin-left: 50px;margin-right: 50px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 210px);display: inline-block;margin-top: 30px;padding-right: 30px;padding-bottom: 0px;}
	.single-product-container h4 {font-size: 26px;height: 80px;}
	.single-product-container a {width: 200px;font-size: 18px;}
	.dc-hero-container {height: 300px;}
	.ddc-hero-container {height: 300px;}
	.eosl-hero-container {height: 300px;}
	.ft-hero-container {height: 300px;}
	.hdos-hero-container {height: 300px;}
	.ob-hero-container {height: 300px;}
	.tf-hero-container {height: 300px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 768px;}
	.product-lft-col {width: 65%;display: inline-block;font-size: 18px;padding-top:0px;}
	.product-lft-col h1 {font-size: 50px;display: inline-block;}
	.product-lft-col p {padding-right: 80px;}
	.product-arrow {font-size: 76px;margin-left: -50px;margin-top: -10px;width: 50px;display: inline-block;margin-right: -10px;}
	.key-benefit-container {display: block;width: 100%;}
	.key-benefit-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: block;width: 100%;}
	.packaging-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.directions-container {display: block;width: 100%;}
	.directions-container h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 80%;}
	.product-rght-col {width: 30%;display: inline-block;margin-top: -200px;margin-left: auto;margin-right: auto;}
	.product-main-img {width: 200px;display: block;margin-top: 0px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 200px;display: none;margin-top: -400px;padding-bottom: 40px;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 36px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 768px;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 768px;}
	.media-container {width: 230px;height: 230px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 200px;width: 200px;}
	.video-hero-content {width: 768px;height: 380px;}
	.video-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 768px;}
	.video-player-card {width: 100%;display: block;margin-right: 0px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 768px;height: 380px;}
	.contact-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 768px;}
	.stores-hero-content {width: 768px;height: 380px;}
	.stores-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 768px;}
	.catalog-hero-content {width: 768px;height: 380px;}
	.catalog-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 768px;}
	.footer-content {font-size:16px;}
	.footer-logo {width: 260px;}
	.fourohfour-page-content {width: 768px;}
	.non-block-content {width: 768px;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 768px;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 100%;margin: 40px 0px;padding-bottom:0px;}
	.product-category-thumb {max-width: 200px;max-height: 275px;margin-left: 10px;margin-right: 0px;margin-top: -50px;display: inline-block;}
	.product-title-category-list {width: calc(100% - 220px);padding: 50px 20px 0px 20px;display: inline-block;text-align: left}
	.product-title-category-list h3 {font-size: 30px;height: auto;text-align: left;}
	.product-list-more-details {max-width: 240px;padding: 13px 30px;}
	.news-details-container {width: 768px;}
	.news-details-content {width: 45.5%;margin:15px;display: inline-block;}
	.news-preview-img {height: 250px;margin-bottom: 20px;}
	.news-title-hdr {height: 80px;line-height: 1.2em;font-size: 22px;}
	.news-intro-txt {height: 210px;}
	.news-single-content {width: 768px;}
	.testimonial-page-content {width: 768px;}
	.testimonial-loader-container {width: 768px;padding-top: 20px;}
	.testimonial-nav {width: 20%;display: inline-block;}
	.testimonial-list {width: 78%;display: inline-block;}
}

@media screen and (min-width: 800px) {
	.wpml-floating-language-switcher {top: 20px;right: 130px;}
}
@media screen and (min-width: 900px) {
	.wpml-floating-language-switcher {top: 20px;right: 170px;}
}

@media screen and (min-width: 1000px) {
	.wpml-floating-language-switcher {top: 20px;right: 200px;}
}

@media screen and (min-width: 1040px) {
	.wpml-floating-language-switcher {top: 20px;right: 10px;}
}

/* 1080p */
@media screen and (min-width: 1280px) {
	.wpml-floating-language-switcher {top: 90px;right: 10px;}
	.header-container {padding-top: 20px;padding-bottom: 20px;}
	.header-content {width: 1280px;}
	.header-logo {width: 120px;margin-left: 10px;margin-right: auto;}
	.navigation-container {width: calc(100% - 450px);margin-left: auto;margin-right: 0px;display: inline-block;}
	.nav-content a {font-size: 16px;}
	.nav-content li {padding: 8px;}
	.social-container {width: 220px;display: inline-block;}
	.search-container {display: inline-block;width: 40px;}
	.search-dwr-closed {margin-top: -40px;margin-right: 90px;}
	.search-dwr-visible {margin-top: -40px;margin-right: 90px;}
	.mobile-nav {display: none;}
	.product-nav-content {width: 1340px;}
	.lifestyle-product-nav {margin-right: 10px;}
	.category-product-nav a {font-size: 16px;}
	.category-product-nav h4 {font-size: 24px;margin-bottom: 20px;}
	.carousel-control-prev-icon {left: 30px}
	.carousel-control-next-icon {right: 30px;}
	.slide-content {width: 1280px;margin-bottom: -120px;}
	.slide-content h1 {font-size: 52px;width: 70%;padding-top: 80px;margin-left:20px;}
	.slide-content h2 {font-size: 32px;width: 40%;margin-left:20px;min-height: 300px;}
	.blue-btn {width:250px;font-size: 26px;margin-left:20px;padding: 20px 0px;}
	.finder-blue-btn {width:350px;font-size: 26px;margin-left:20px;padding: 20px 0px;}
	.slide-content img  {width: 350px;margin-top: -350px;float: right;margin-right: 20px;display: inline-block;}
	.slide-content-finder {width: 1280px;margin-bottom: -120px;}
	.slide-content-finder h1 {font-size: 52px;width: 70%;padding-top: 80px;margin-left:20px;}
	.slide-content-finder h2 {font-size: 32px;width: 40%;margin-left:20px;min-height: 300px;}
	.slide-content-finder img  {width: 600px;margin-top: -350px;float: right;margin-right: 20px;display: inline-block;}
	.slider-footer-container {padding: 30px 0px 40px 0px;}
	.slider-footer-content {width: 1280px;}
	.benefit-slider {margin-right: 30px;display:inline-block;}
	.benefit-slider img {max-height: 50px;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 1280px;text-align: left;}
	.product-finder-content h3 {font-size: 42px;margin-bottom: 20px;line-height: 1.2em;}
	.PS-container {display: inline-block;margin: 8px;width: 300px;height: 400px;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 20px;}
	.story-hero-content {width: 1280px;height: 380px;}
	.story-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 1280px;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 38%;margin-right: 40px;display: inline-block;}
	.txt-col2 {width: calc(58% - 40px);display: inline-block;}
	.txt-col1 {width: calc(58% - 40px);display: inline-block;margin-right: 40px;}
	.img-col2 {width: 38%;display: inline-block;}
	.product-hero-content {width: 1280px;height: 380px;}
	.product-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 1280px;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 45%;margin: 50px 30px;display: inline-block;}
	.single-product-container img {width: 80px;display: inline-block;margin-top: -70px;margin-left: 50px;margin-right: 50px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 210px);display: inline-block;margin-top: 30px;padding-right: 30px;padding-bottom: 0px;}
	.single-product-container h4 {font-size: 26px;height: 80px;}
	.single-product-container a {width: 200px;font-size: 18px;}
	.dc-hero-container {height: 400px;}
	.ddc-hero-container {height: 400px;}
	.eosl-hero-container {height: 400px;}
	.ft-hero-container {height: 400px;}
	.hdos-hero-container {height: 400px;}
	.ob-hero-container {height: 400px;}
	.tf-hero-container {height: 400px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 1280px;}
	.product-lft-col {width: 75%;display: inline-block;font-size: 18px;padding-top:0px;}
	.product-lft-col h1 {font-size: 60px;display: inline-block;}
	.product-lft-col p {padding-right: 80px;}
	.product-arrow {font-size: 76px;margin-left: -60px;margin-top: -10px;width: 50px;display: inline-block;margin-right: -10px;}
	.key-benefit-container {display: inline-block;width: 47%;}
	.key-benefit-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: inline-block;width: 47%;}
	.packaging-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 80%;}
	.product-rght-col {width: 20%;display: inline-block;margin-top: 0px;margin-left: auto;margin-right: auto;}
	.product-main-img {width: 300px;display: block;margin-top: -200px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-main-img-mobile {width: 250px;display: none;margin-top: -400px;padding-bottom: 40px;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 1280px;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 1280px;}
	.media-container {width: 210px;height: 210px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 200px;width: 200px;}
	.video-hero-content {width: 1280px;height: 380px;}
	.video-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 1280px;}
	.video-player-card {width: 45%;display: inline-block;margin-right: 40px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 1280px;height: 380px;}
	.contact-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 1280px;}
	.stores-hero-content {width: 1280px;height: 380px;}
	.stores-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 1280px;}
	.catalog-hero-content {width: 1280px;height: 380px;}
	.catalog-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 1280px;}
	.footer-content {font-size:16px;}
	.footer-logo {width: 260px;}
	.fourohfour-page-content {width: 1280px;}
	.non-block-content {width: 1280px;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 1280px;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 46%;margin: 20px;padding-bottom:0px;}
	.product-category-thumb {max-width: 160px;max-height: 250px;margin-left: 10px;margin-right: 0px;margin-top: -50px;display: inline-block;}
	.product-title-category-list {width: calc(100% - 190px);padding: 20px 20px 0px 20px;display: inline-block;text-align: left}
	.product-title-category-list h3 {font-size: 24px;height: 30px;text-align: left;}
	.product-list-more-details {max-width: 200px;padding: 10px 25px;}
	.news-details-container {width: 1280px;}
	.news-details-content {width: 30%;margin:15px;display: inline-block;}
	.news-preview-img {height: 250px;margin-bottom: 20px;}
	.news-title-hdr {height: 80px;line-height: 1.2em;font-size: 22px;}
	.news-intro-txt {height: 210px;}
	.news-single-content {width: 1280px;}
	.testimonial-page-content {width: 1280px;}
	.testimonial-loader-container {width: 1280px;padding-top: 20px;}
	.testimonial-nav {width: 20%;display: inline-block;}
	.testimonial-list {width: 78%;display: inline-block;}
}

@media screen and (min-width: 1464px) {
	.wpml-floating-language-switcher {top: 20px;right: 10px;}
}

/* UHD */
@media screen and (min-width: 1920px) {
	.wpml-floating-language-switcher {top: 20px;right: 10px;}
	.header-container {padding-top: 20px;padding-bottom: 20px;}
	.header-content {width: 1620px;}
	.header-logo {width: 300px;margin-left: 0px;margin-right: auto;}
	.navigation-container {width: calc(100% - 630px);margin-left: auto;margin-right: 0px;display: inline-block;}
	.nav-content a {font-size: 18px;}
	.nav-content li {padding: 12px;}
	.social-container {width: 220px;display: inline-block;}
	.search-container {display: inline-block;width: 40px;}
	.search-dwr-closed {margin-top: -50px;margin-right: 96px;}
	.search-dwr-visible {margin-top: -50px;margin-right: 96px;}
	.mobile-nav {display: none;}
	.product-nav-content {width: 1620px;}
	.lifestyle-product-nav {margin-right: 0px;}
	.category-product-nav a {font-size: 18px;}
	.category-product-nav h4 {font-size: 24px;margin-bottom: 20px;}
	.carousel-control-prev-icon {left: 30px}
	.carousel-control-next-icon {right: 30px;}
	.slide-content {width: 1620px;margin-bottom: -120px;}
	.slide-content h1 {font-size: 52px;width: 70%;padding-top: 80px;margin-left:0px;}
	.slide-content h2 {font-size: 38px;width: 40%;margin-left:0px;min-height: 320px;}
	.blue-btn {width:250px;font-size: 26px;margin-left:0px;padding: 20px 0px;}
	.finder-blue-btn {width:350px;font-size: 26px;margin-left:0px;padding: 20px 0px;}
	.slide-content img  {width: 350px;margin-top: -330px;float: right;margin-right: 20px;display: inline-block;}
	.slide-content-finder {width: 1620px;margin-bottom: -120px;}
	.slide-content-finder h1 {font-size: 52px;width: 70%;padding-top: 80px;margin-left:0px;}
	.slide-content-finder h2 {font-size: 38px;width: 40%;margin-left:0px;min-height: 320px;}
	.slide-content-finder img  {width: 700px;margin-top: -400px;float: right;margin-right: 20px;display: inline-block;}
	.slider-footer-container {padding: 30px 0px 40px 0px;}
	.slider-footer-content {width: 1620px;}
	.benefit-slider {margin-right: 30px;display:inline-block;}
	.benefit-slider img {max-height: 70px;}
	.product-finder-container {padding: 40px 0px;}
	.product-finder-content {width: 1620px;text-align: left;}
	.product-finder-content h3 {font-size: 42px;margin-bottom: 20px;line-height: 1.2em;}
	.PS-container {display: inline-block;margin: 15px;width: 285px;height: 380px;}
	.product-img {width: 100px;}
	.product-btn h4 {font-size: 22px;}
	.story-hero-content {width: 1620px;height: 380px;}
	.story-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.story-page-container {padding-top: 60px;padding-bottom: 60px;}
	.story-page-content {width: 1620px;}
	.story-greybg-page-container {padding-top: 60px;padding-bottom: 60px;}
	.img-col1 {width: 38%;margin-right: 40px;display: inline-block;}
	.txt-col2 {width: calc(58% - 40px);display: inline-block;}
	.txt-col1 {width: calc(58% - 40px);display: inline-block;margin-right: 40px;}
	.img-col2 {width: 38%;display: inline-block;}
	.product-hero-content {width: 1620px;height: 380px;}
	.product-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.all-product-container {padding-top: 60px;padding-bottom: 60px;}
	.all-product-content {width: 1620px;}
	.all-product-content h3 {font-size: 32px;}
	.single-product-container {width: 45%;margin: 50px 30px;display: inline-block;}
	.single-product-container img {width: 80px;display: inline-block;margin-top: -70px;margin-left: 50px;margin-right: 50px;margin-bottom: 20px;}
	.single-product-container-details {width: calc(100% - 210px);display: inline-block;margin-top: 30px;padding-right: 30px;padding-bottom: 0px;}
	.single-product-container h4 {font-size: 28px;height: 80px;}
	.single-product-container a {width: 200px;font-size: 18px;}
	.dc-hero-container {height: 400px;}
	.ddc-hero-container {height: 400px;}
	.eosl-hero-container {height: 400px;}
	.ft-hero-container {height: 400px;}
	.hdos-hero-container {height: 400px;}
	.ob-hero-container {height: 400px;}
	.tf-hero-container {height: 400px;}
	.product-details-container {padding-top: 40px;}
	.product-details-content {width: 1620px;}
	.product-lft-col {width: 75%;display: inline-block;font-size: 18px;padding-top:0px;}
	.product-lft-col h1 {font-size: 60px;display: inline-block;}
	.product-lft-col p {padding-right: 80px;}
	.product-arrow {font-size: 76px;margin-left: -60px;margin-top: -10px;width: 50px;display: inline-block;margin-right: -10px;}
	.key-benefit-container {display: inline-block;width: 49%;}
	.key-benefit-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.packaging-container {display: inline-block;width: 49%;}
	.packaging-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.directions-container {display: block;width: 100%;}
	.directions-container h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-table {width: 80%;}
	.product-rght-col {width: 20%;display: inline-block;margin-left: 30px;margin-top: 0px;}
	.product-main-img {width: 500px;display: block;margin-top: -400px;padding-bottom: 40px;margin-left: -90px;margin-right: auto;}
	.product-main-img-mobile {width: 250px;display: none;margin-top: -400px;padding-bottom: 40px;margin-left: auto;margin-right: auto;}
	.product-wtb-btn {width: 100%;font-size: 24px;}
	.product-documents {padding-top: 50px;}
	.product-documents h2 {font-size: 42px;margin-bottom: 20px;margin-top: 30px;}
	.product-media-container-title {width: 1620px;}
	.product-media-container-title h2 {font-size: 42px;margin-top: 30px;margin-bottom: 0px;}
	.media-arrow {font-size: 120px;display: block;margin-top: -30px;margin-bottom: -75px;margin-left: 20px;}
	.product-media-content-bg {padding-top: 60px;padding-bottom:60px;}
	.product-media-content {width: 1620px;}
	.media-container {width: 230px;height: 230px;display: inline-block;margin: 15px;}
	.media-thumbnail {height: 220px;width: 220px;}
	.video-hero-content {width: 1620px;height: 380px;}
	.video-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.title-arrow {margin-top: -30px;font-size: 40px;}
	.video-page-container {padding-top: 60px;}
	.video-page-content {width: 1620px;}
	.video-player-card {width: 30%;display: inline-block;margin-right: 40px;margin-bottom: 60px;}
	.video-player-card h3 {font-size: 20px;}
	.contact-hero-content {width: 1620px;height: 380px;}
	.contact-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.contact-page-container {padding-top: 60px;padding-bottom: 60px;}
	.contact-page-content {width: 1620px;}
	.stores-hero-content {width: 1620px;height: 380px;}
	.stores-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.stores-container {padding-top: 60px;padding-bottom: 60px;}
	.stores-content {width: 1620px;}
	.catalog-hero-content {width: 1620px;height: 380px;}
	.catalog-hero-content h1 {font-size: 72px;padding-right: 20px;padding-left: 20px;margin-top: 120px;margin-bottom: 0px;}
	.catalog-page-container {padding-top: 60px;padding-bottom: 60px;}
	.catalog-page-content {width: 1620px;}
	.footer-content {font-size:16px;}
	.footer-logo {width: 260px;}
	.product-page-hero-container {height: 400px;}
	.fourohfour-page-content {width: 1620px;}
	.non-block-content {width: 1620px;}
	.category-icon {width: 60px;margin-top: -100px;padding-bottom: 100px;}
	.category-list-container {width: 1620px;padding-top: 80px;padding-bottom: 80px;}
	.product-category-container {display: inline-block;width: 44.5%;margin: 40px;height: 250px;}
	.product-category-thumb {max-width: 200px;max-height: 220px;margin-left: 10px;margin-right: 0px;margin-top: -50px;display: inline-block;}
	.product-title-category-list {width: calc(100% - 220px);padding: 50px 20px 0px 20px;display: inline-block;text-align: left}
	.product-title-category-list h3 {font-size: 26px;height: auto;text-align: left;}
	.product-list-more-details {max-width: 250px;padding: 13px 30px;}
	.news-details-container {width: 1620px;}
	.news-details-content {width: 31%;margin:15px;display: inline-block;}
	.news-preview-img {height: 330px;margin-bottom: 20px;}
	.news-title-hdr {height: 60px;line-height: 1.2em;font-size: 22px;}
	.news-intro-txt {height: 250px;}
	.news-single-content {width: 1620px;}
	.testimonial-page-content {width: 1620px;}
	.testimonial-loader-container {width: 1620px;padding-top: 20px;}
	.testimonial-nav {width: 20%;display: inline-block;}
	.testimonial-list {width: 78%;display: inline-block;}
}
/* -------- GLOBAL CSS ---------- */
html, body {
	margin: 0px;
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 20px;
}
.ng-font {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: 500;
}
.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
}
.page-container {
	position: relative;
	min-height: 100vh;
}
.top-container {
	padding-bottom: 200px;		/* Footer height */
}
.ratio {
	background-color: #ffffff !important;
}
/* -------- RESPONSIVE NAV ---------- */
.mobile-nav {
	float: right;
	margin-top: -2px;
}
.mobile-nav-toggle {
	background-image: url("/wp-content/themes/lucasoilmx/images/hamburger-menu.png");
	border: none;
	background-size: contain;
	cursor: pointer;
	margin-top: 5px;
	float: right;
}
.mobile-nav-close {
	background-image: url("/wp-content/themes/lucasoilmx/images/hamburger-menu-close.png");
	border: none;
	background-size: contain;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
}
.mobile-nav-container-closed {
	display: block;
	height:0px;
	background-color: #0e0f17;
	overflow: hidden;
}
.mobile-nav-container-open {
	display: block;
	height:auto;
	padding-bottom: 5px;
	background-color: #0e0f17;
	padding-top: 10px;
	
	overflow: hidden;
	border-bottom: 2px solid #1f2b60;
	margin-bottom: 0px;
}
.mobile-nav-container-closed a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 20px;
	text-align: left;
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
}
.mobile-nav-container-open a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.1em;
	padding: 8px 20px;
	text-align: left;
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
}
.mobile-sub-nav a {
	margin-left: 15px;
}
/* -------- HEADER ---------- */
.header-container {
	width: 100%;
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
	z-index: 10;
}
.header-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}
.header-logo {
	height: auto;
	display: inline-block;
	vertical-align: middle;
}
.navigation-container {
	vertical-align: middle;
}
.nav-content {
	text-align: right;
	vertical-align: middle;
	font-family: "niveau-grotesk", sans-serif;
}
.nav-content a {
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
}
.nav-content ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.nav-content li {
	color: #fff;
	display: inline-block;
	position: relative;
	text-decoration: none;
	transition-duration: 0.5s;
}
.nav-content li a {
  color: #fff;
	text-decoration: none;
}
.nav-content li:hover,
.nav-content li:focus-within {
	cursor: pointer;
}
.nav-content li:focus-within a {
  outline: none;
}
.nav-content ul li ul {
	background-color: #003da5;
	visibility: hidden;
	opacity: 0;
	min-width: 5rem;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left: 0;
	display: none;
	z-index: 10;
	width: 270px;
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
	text-align: left;
}
.nav-content ul li:hover > ul,
.nav-content ul li:focus-within > ul,
.nav-content ul li ul:hover,
.nav-content ul li ul:focus {
	visibility: visible;
	opacity: 1;
	display: block;
}
.nav-content ul li ul li {
	clear: both;
	width: 100%;
}
.nav-content ul li ul li:hover {
	background-color: #003da5;
}
.social-container a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}
.social-container img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.mobile-social-container {
	width: 100%;
	display: block;
}
.mobile-social-container a {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 6px;
	margin-right: 6px;
	vertical-align: top;
}
.mobile-social-container img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}
.search-container a {
	width: 60px;
	padding-top: 10px;
	padding: 3px 5px 8px 5px;
	background: #db0632; 
	border-radius: 5px;
}
.search-dwr-closed {
	width: 0px;
	display: none !important;
	height: auto;
	float: right;
	transition: all 1s ease;
	z-index: 10;
}
.search-dwr-visible {
	width: 200px;
	display: inline-block !important;
	height: auto;
	float: right;
	transition: all 1s ease;
	z-index: 10;
}
.search-submit-btn {
	background: #db0632;
	border:0px solid;
	border-radius: 5px;
}
.search-field {
	font-size: 18px;
	padding: 5px;
	height: 31px;
}
.search-btn-mag-icon-on {
	display: inline;
	margin-top: 4px;
}
.search-btn-mag-icon-off {
	display: none;
}
.search-btn-close-icon-off {
	display: none;
	margin-top: 3px;
	margin-left: 1px;
}
.search-btn-close-icon-on {
	display: inline;
	margin-top: 3px;
	margin-left: 1px;
}
.search-link {
	color: #222222;
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
}
.no-results {
	background: #002a76;
	padding: 50px 40px;
	margin: 50px auto;
	max-width: 800px;
}
.no-results h2 {
	color: #ffffff;
}
.no-results p {
	color: #ffffff;
}
.x-fix img {
	width: 90%;
}
.yt-fix img {
	width: 110%;
}
.locator-btn {
	background-color: #db0632;
}
.product-sub-menu-closed {
	display: block;
	height:0px;
	background-color: #003da5;
	overflow: hidden;
}
.product-sub-menu-open {
	display: block;
	height:auto;
	background-color: #003da5;
	overflow: hidden;
}
.product-sub-menu a {
	display: block;
	color: #ffffff;
}
.products-nav-container-closed {
	background-color: #002a76;
	width: 100%;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 0px;
	display: block;
	transition: height 0.15s ease-out;
	z-index: 10;
	overflow: hidden;
}
.products-nav-container-open {
	background-color: #002a76;
	width: 100%;
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	height: auto;
	display: block;
	transition: height 0.15s ease-out;
	z-index: 10;
	overflow: auto;
}
.product-nav-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.lifestyle-product-nav {
	width: 68%;
	margin-left: 0px;
	display: inline-block;
	vertical-align: top;
}
.product-nav-lifestyle-mute {
	width: 100%;
	height: 100%;
	margin: 0px;
	position: relative;
	background-color: rgba(0,0,0,0.40);
}
.product-nav-lifestyle-container {
	display: inline-block;
	width: 200px;
	height: 140px;
	margin: 5px;
	background-size: 100% auto;
	background-position: center;
	text-decoration: none;
	vertical-align: top;
}
.product-nav-lifestyle-container h4 {
	color:#ffffff;
	text-transform: uppercase;
	text-shadow: 2px 2px 2px #000000;
	text-decoration: none;
	margin-top: 0px;
	font-weight: 600;
	font-family: "niveau-grotesk", sans-serif;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	bottom: 0px;
	font-size: 16px;
}
.product-nav-lifestyle-container img {
	width: 100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding-top: 40px;
}
.lifestyle-all-container {
	display: inline-block;
	width: 200px;
	height: 140px;
	margin: 4px 5px 5px 5px;
	background-size: 100% 100%;
	background-position: center;
	vertical-align: top;
}
.category-product-nav {
	color: #ffffff;
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin-top: 0px;
}
.category-product-nav a {
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
}
.category-product-nav a:hover {
	color: #ffffff;
	text-decoration: underline;
}
.category-product-nav h4 {
	font-weight: 300;
}
.nav-type-lcol {
	display: inline-block;
	width: 49%;
	margin-right: 10px;
	vertical-align: top;
}
.nav-type-rcol {
	display: inline-block;
	width: 47%;
	vertical-align: top;
}
.nav-type-lcol a {
	display: block;
	margin-bottom: 5px;
}
.nav-type-rcol a {
	display: block;
	margin-bottom: 5px;
	
}
.shield-outline-apnav {
	vertical-align:middle;
	width: 150px;
	height: 140px;
	background-image: url("/wp-content/themes/lucasoilmx/images/shield-blue-outline.svg");
	background-position: center;
	margin: auto;
	top:-10px;
	position: relative;
}
.shield-outline-apnav h4 {
	padding-top: 60px;
	width: 130%;
	position: relative;
	margin-left: -25px;
	font-size: 16px;
}
.product-btn-apnav {
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	vertical-align: bottom;
	text-align: center;
	position: relative;
}
.product-btn-apnav:hover {
	background-color: rgba(0,0,0,0.0);
}
.product-btn-apnav h4 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	font-weight: 600;
	font-family: "niveau-grotesk", sans-serif;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	bottom: 0px;
}
.close-nav-btn {
	float:right;
	margin-top: -300px;
	margin-right: 65px;
	background-color: #002a76;
	border: 1px solid rgba(145,158,255,1.00);
	color: rgba(145,158,255,1.00);
	z-index: 10;
	cursor: pointer;
	padding: 8px;
	text-decoration: none;
}
.hidden-display {
	display:none;
}





/* ---------- LANGUAGE SELECTOR ----------*/
/*default WPML CSS fix*/
.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {margin-bottom: 0;}
.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {background-color: transparent !important;}
.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {padding: 5px; color: #dddddd;}


/*switcher customiztion*/
.wpml-floating-language-switcher {
	position: absolute;
	padding: 0px;
	z-index: 10;
	line-height: 1em;
}
.wpml-floating-language-switcher li {
	line-height: 0em;
	font-size: 16px;
}





/* -------- HERO BANNER ---------- */
.hero-container {
	width: 100%;
	z-index: 0;
}
.slider1 {
	background-image: url("/wp-content/themes/lucasoilmx/images/truck-image.jpg");
	background-position: center;
	background-size: cover;
}
.slider2 {
	background-image: url("/wp-content/themes/lucasoilmx/images/transmission-fix-homepage-banner.jpg");
	background-position: center;
	background-size: cover;
}
.slider3 {
	background-image: url("/wp-content/themes/lucasoilmx/images/power-steering-stop-leak_homepage-banner.jpg");
	background-position: center;
	background-size: cover;
}
.slider4 {
	background-image: url("/wp-content/themes/lucasoilmx/images/fuel-treatment_homepage-banner.jpg");
	background-position: center;
	background-size: cover;
}
.slider5 {
	background-image: url("/wp-content/themes/lucasoilmx/images/slider-banner_motor-oil-olyslager-bg_v2.jpg");
	background-position: center;
	background-size: cover;
}
.carousel-control-prev-icon {
	position: absolute;
}
	.carousel-control-next-icon {
	position: absolute;
}
.slide-content {
	margin-left: auto;
	margin-right: auto;
}
.slide-content h1 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000;
}
.slide-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000;
}
.blue-btn {
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #003da5;
	border-radius: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.blue-btn:hover {
	background-color: #db0632;
}
.finder-blue-btn {
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #003da5;
	border-radius: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}
.finder-blue-btn:hover {
	background-color: #db0632;
}
.slide-content img  {
	height: auto;
}
.slide-content-finder {
	margin-left: auto;
	margin-right: auto;
}
.slide-content-finder h1 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000;
}
.slide-content-finder h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: 400;
	text-align: left;
	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 3px 3px 3px #000000;
}
.slide-content-finder img  {
	height: auto;
}
.slider-footer-container {
	width: 100%;
	background: radial-gradient(farthest-corner at 120% 10%, rgba(0, 42, 118, 1) 20%, rgba(0, 0, 0, 1) 100%);
	
}
.slider-footer-content {
	margin-left: auto;
	margin-right: auto;
}
.product-slide-title {
	color:#ffffff;
	font-family: "niveau-grotesk", sans-serif;
	font-size: 24px;
    font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.benefit-slider img {max-height: 70px;
	margin-right: 15px;
	display: inline-block;
	width: auto;
}
.benefit-slider h4 {
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
	display: inline-block;
	text-transform: uppercase;
}
.benefit-line1 {
	color: #2d79ff;
}
.benefit-line2 {
	color: #ffffff;
}
/* -------- PRODUCT FINDER ---------- */
.product-finder-container {
	width: 100%;
}
.product-finder-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.product-finder-content h3 {
	color: #db0632;
    font-weight: 700;
    text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	text-align: left;
}
.PS-container {
	background-size: 100%;
	vertical-align: bottom;
}
.ag-bg {
	background-image: url("/wp-content/themes/lucasoilmx/images/agriculture-thumb.jpg");
	animation-delay: 0.5s;
}
.edcc-bg {
	background-image: url("/wp-content/themes/lucasoilmx/images/everyday-car-care-thmnb-1.jpg");
	animation-delay: 0.3s;
}
.hdt-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/heavy-duty-trucking-thumb.jpg");
	animation-delay: 0.4s;
}
.hrcc-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/classic-car-thumb.jpg");
	animation-delay: 0.6s;
}
.ind-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/industrial-thumb.jpg");
	animation-delay: 0.7s;
}
.racing-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/racing-thumb.jpg");
	animation-delay: 0.8s;
}
.motorcycle-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/motorcycle-thumb.jpg");
	animation-delay: 0.9s;
}
.marine-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/marine-thumb.jpg");
	animation-delay: 1s;
}
.outdoor-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/outdoor-thumb-1.jpg");
	animation-delay: 1.1s;
}
.ob-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/ProductSelector-Octane-Booster.jpg");
	animation-delay: 1.2s;
}
.all-products {
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
	animation-delay: 1.3s;
}
.product-img {
	height: auto;
	text-align: center;
	vertical-align: bottom;
	margin-left: auto;
	margin-right: auto;
}
.product-btn {
	background-color: rgba(0,0,0,0.50);
	width: 100%;
	height: 100%;
	display: inline-block;
	text-decoration: none;
	vertical-align: bottom;
	text-align: center;
	position: relative;
}
.product-btn:hover {
	background-color: rgba(0,0,0,0.0);
}
.product-btn h4 {
	color: #ffffff;
	text-shadow: 2px 2px 2px #000000;
	text-transform: uppercase;
	text-decoration: none;
	margin-top: 10px;
	font-weight: 600;
	font-family: "niveau-grotesk", sans-serif;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	bottom: 0px;
	padding: 0px 20px;
}
.prod-btn-pad {
	padding-top: 220px;
}
.shield-outline {
	vertical-align:middle;
	width: 180px;
	height: 160px;
	background-image: url("/wp-content/themes/lucasoilmx/images/shield-blue-outline.svg");
	background-position: center;
	margin: auto;
	top:30%;
	position: relative;
}
.shield-outline h4 {
	padding-top: 60px;
	width: 300px;
	position: relative;
	margin-left: -60px;
}
.all-fix {
	margin-top:-20px;
	background-color: rgba(0,0,0,0.0);
}

/* -------- WHY LUCAS ---------- */
.all-page-container {
	width: 100%;
	background-color: #fff;
	vertical-align: top;
}

.all-page-container h2 {
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
	font-weight: bold;
}
.all-page-container h3 {
	font-family: "niveau-grotesk", sans-serif;
}
.valign-top {
	vertical-align: top;
}
.all-page-header-container {
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.all-page-header-h1 {
	max-width: 1620px;
	font-size: 80px;
	color: #fff;
	font-weight: bold;
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	text-decoration: underline;
	text-underline-offset: 20px;
	text-decoration-thickness: 5px;
	text-shadow: 2px 2px 2px #000000;
}
.entry-content {
	font-weight: 300;
}
.our-story-red-font {
	font-size: 40px;
}
.wp-grid-full-width {
	margin-left: auto;
	margin-right: auto;
}
.yt-100 {
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}






/* -------- PRIVACY POLICY ---------- */
.privacy-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/privacy-policy_header-image.jpg");
	background-size: cover;
	background-position: center;
}


/* -------- OUR STORY ---------- */
.story-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/our-story-header-image-1.jpg");
	background-size: cover;
	background-position: center;
}
.story-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.story-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.story-page-container {
	width: 100%;
	background-color: #ffffff;
}
.story-page-content {
	margin-left: auto;
	margin-right: auto;
}
.story-page-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}
.story-page-content p {
	text-align: left;
}


.story-greybg-page-container {
	width: 100%;
	background-color: #f7f8f9;
}

.img-col1 {
	vertical-align: top;
}
.img-col1 img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	vertical-align: top;
}
.story-red-txt {
	font-size: 22px;
	color: #db0632;
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
}
.img-col2 {
	vertical-align: top;
}
.img-col2 img {
	width: 100%;
	height: auto;
	vertical-align: top;
}
.story-contact-container h3 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.story-contact-container a {
	text-decoration: none;
}
/* -------- ALL PRODUCTS ---------- */
.product-hero-container {
	width: 100%;
	background-size: cover;
}
.product-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.product-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	
}
.all-product-container {
	width: 100%;
	background-color: #ffffff;
}
.all-product-content {
	margin-left:auto;
	margin-right:auto;
}
.all-product-content h3 {
	text-align: center;
	text-transform: uppercase;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
	font-family: "niveau-grotesk", sans-serif;
}
.all-product-content p {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px 50px 30px;
	text-align: center;
}
.dc-prod-bg {
	background-image: url("/wp-content/themes/lucasoilmx/images/products/deep-clean/deep-clean-fuel-system-cleaner-product-cat-bg.jpg");
}
.ddc-prod-bg {
	background-image: url("/wp-content/themes/lucasoilmx/images/products/diesel-deep-clean/diesel-deep-clean-product-cat-bg.jpg");
}
.eosl-prod-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/products/engine-oil-stop-leak/engine-oil-stop-leak-product-cat-bg.jpg");
}
.ft-prod-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/products/fuel-treatment/fuel-treatment-product-cat-bg.jpg");
}
.hdos-prod-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/products/heavy-duty-oil-stabilizer/heavy-duty-stabilizer_category-bg-1.png");
}
.ob-prod-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/products/octane-booster/octane-booster-product-cat-bg.jpg");
}
.tf-prod-bg {
	background-image:url("/wp-content/themes/lucasoilmx/images/products/transmission-fix/transmission-fix-product-cat-bg.jpg");
}

.single-product-container {
	background-size: cover;
	background-position: bottom;
}
.single-product-container img {
	height: auto;
}
.single-product-container-details {
	vertical-align: top;
}
.single-product-container h4 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: block;
	color: #ffffff;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.single-product-container a {
	display: block;
	padding: 10px 0px;
	background-color: #ffffff;
	color: #003da5;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}
.single-product-container a:hover {
	background-color: #db0632;
	color: #ffffff;
}
/* -------- PRODUCT ---------- */
.dc-hero-container {
	width: 100%;
	background-image: url("/wp-content/themes/lucasoilmx/images/products/deep-clean/deep-clean-fuel-system-cleaner-banner.jpg");
	background-size: cover;
	background-position: center;
}
.ddc-hero-container {
	width: 100%;
	background-image: url("/wp-content/themes/lucasoilmx/images/products/diesel-deep-clean/diesel-deep-clean-banner.jpg");
	background-size: cover;
	background-position: center;
}
.eosl-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/products/engine-oil-stop-leak/engine-oil-stop-leak-banner.jpg");
	background-size: cover;
	background-position: center;
}
.ft-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/products/fuel-treatment/upper-cylinder-lubricant__product-page-banner-1.jpg");
	background-size: cover;
	background-position: center;
}
.hdos-hero-container {
	width: 100%;
	background-image: url("/wp-content/themes/lucasoilmx/images/heavy-duty-stabilizer_product-page-banner-1.png");
	background-size: cover;
	background-position: center;
}
.ob-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/products/octane-booster/octane-booster-banner.jpg");
	background-size: cover;
	background-position: center;
}
.tf-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/products/transmission-fix/transmission-fix_product-page-banner.jpg");
	background-size: cover;
	background-position: center;
}

.product-page-hero-container {
	width: 100%;
	background-size: cover;
	background-position: center;
}
.product-details-container {
	width: 100%;
	color: #222222;
}
.product-details-content {
	margin-left: auto;
	margin-right: auto;
}
.product-lft-col {
	vertical-align: top;
	font-weight: 300;
}
.product-lft-col h1 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-lft-col h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-arrow {
	color:#db0632;
	vertical-align: middle;
	font-weight: bold;
}
.key-benefit-container {
	vertical-align: top;
}
.key-benefit-container h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.packaging-container {
	vertical-align: top;
}
.packaging-container h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.directions-container {
	vertical-align: top;
}
.directions-container h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-documents h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.product-table tr td {
	border: 1px solid rgba(0,0,0,.1);
}
.product-wtb-btn {
	padding: 10px 0px;
	color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #003da5;
	border-radius: 1px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
}
.product-wtb-btn:hover {
	background-color: #db0632;
}
.product-documents {
	width: 100%;
	display: block;
}

.product-documents a {
	font-size: 17px;
	text-decoration: none;
	color: #003da5;
}
.product-documents a:hover {
	color: #333333;
}
.doc-icon {
	display: inline-block;
	width: 40px;
	height: auto;
	margin-right: 20px;
}
.product-document-link {
	display: inline-block;
	width: calc(100% - 70px);
	color: #003da5;
	font-size: 18px;
}
.product-media-container {
	width: 100%;
}
.product-media-container-title {
	margin-left: auto;
	margin-right: auto;
}
.product-media-container-title h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #222222;
	font-weight: bold;
}
.media-arrow {
	color: #db0632;
	font-weight: 300;
	font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
.product-media-content-bg {
	width: 100%;
	background: radial-gradient( at top , rgba(0 ,42,118,1) 20%, rgba(0,0,0,1) 100%);
}
.product-media-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.media-container {
	vertical-align: middle;
}
.media-title {
	color:#ffffff;
	text-transform: uppercase;
	margin-left: 5px;
	margin-right: -15px;
	font-size: 16px;
	margin-bottom: 5px;
}
.media-thumbnail {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffffff;
	vertical-align: middle;
	position: relative;
}
.media-thumbnail img {
	max-width:90%;
	max-height:90%;
	width: auto;
	height: auto;
	vertical-align: middle;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.play-img {
	width: 30px !important;
	height: 30px !important;
}
.product-footer-img-container {
	width: 100%;
	background-position: top center;
	background-size: cover;
	height: 800px;
	padding-top: 40px;
}

/* -------- VIDEOS ---------- */
.video-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/videos-header-image.jpeg");
	background-size: cover;
}
.video-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.video-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
	
}
.title-arrow {
	color:#ffffff;
	text-align: center;
	font-weight: 300;
	font-family: "niveau-grotesk", sans-serif;
}
.video-page-container {
	width: 100%;
	background-color: #ffffff;
	
}
.video-page-content {
	margin-left: auto;
	margin-right: auto;
}

.video-player-card {
}
.video-player-card h3 {
	font-weight: 400;
	font-family: "niveau-grotesk", sans-serif;
	color: #222222;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.yt-video {
	float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: auto;
}

.yt-video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* -------- CONTACT ---------- */
.contact-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/videos-header-image.jpeg");
	background-size: cover;
}
.contact-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.contact-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.contact-page-container {
	width: 100%;
	background-color: #ffffff;
}
.contact-page-content {
	margin-left: auto;
	margin-right: auto;
}
.contact-page-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.contact-page-content p {
	text-align: center;
}
/* -------- WHERE TO BUY ---------- */
.stores-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/where-to-buy_header-image.jpg");
	background-size: cover;
}
.stores-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.stores-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.stores-container {
	width: 100%;
	background-color: #ffffff;
}
.stores-content {
	margin-left: auto;
	margin-right: auto;
}
.stores-content h3 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}
.map-container {
	text-align: left;
}
.txt-center {
	text-align: center;
}
/* -------- CATALOGS ---------- */
.catalog-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/videos-header-image.jpeg");
	background-size: cover;
}
.catalog-hero-content {
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	text-align: center;
}
.catalog-hero-content h1 {
	text-align: center;
    color: #ffffff;;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: middle;
}
.catalog-page-container {
	width: 100%;
	background-color: #ffffff;
}
.catalog-page-content {
	margin-left: auto;
	margin-right: auto;
}
.catalog-page-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
.catalog-page-content p {
	text-align: center;
}
.catalog-page-content img {
	width: 250px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.cat-blue-btn {
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #003da5;
	border-radius: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width:200px;
	font-size: 22px;
	padding: 10px 0px;
	margin: auto auto 40px auto;
}
.cat-blue-btn:hover {
	background-color: #db0632;
}
.cat-red-btn {
	font-family: "niveau-grotesk", sans-serif;
	display: block;
	background-color: #db0632;
	border-radius: 1px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	width:200px;
	font-size: 22px;
	padding: 10px 0px;
	margin: auto;
}
.cat-red-btn:hover {
	background-color: #003da5;
}



/* -------- FOOTER ---------- */
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 200px;		/* Footer height */
	text-align: center;
	background: radial-gradient( farthest-corner at 40% 60%,rgba(196,5,45,1) 40%,rgba(0,0,0,1) 140%);
}
.footer-content {
	padding-top: 40px;
	color:#ffffff;
}
.footer-nav a {
	color: #ffffff;
	text-decoration: none;
}
.footer-nav a:hover {
	text-decoration: underline;
}
.footer-copy {

}
.footer-logo {
	height: auto;
	padding-bottom: 20px;
}
.lightbox .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.lightbox .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.lightbox .btn-close svg {
	fill:#000;
}




/* -------- NEWS ---------- */




/* -------- AMBASSADORS ---------- */
@media(min-width:1px){
	.ambassador-container {width: 90%;}
	.sorter {width: 40%}
	.social-th {font-size: 0.8em;}
	.ambassador-container a {width: 28px;height: 28px;}
	.ambassador-container h3 {font-size: 1em;}
	.ambassador-container h4 {font-size: 0.8em;}
}
@media(min-width:734px){
	.ambassador-container {width: 90%;}
	.sorter {width: 30%}
	.social-th {font-size: 1.5em;}
	.ambassador-container a {width: 28px;height: 28px;}
	.ambassador-container h3 {font-size: 1em;}
	.ambassador-container h4 {font-size: 0.9em;}
}
@media(min-width:1280px){
	.ambassador-container {width: 28%;}
	.ambassador-container h3 {font-size: 1.2em;}
}
@media(min-width:1920px){
	.ambassador-container {width: 30%;}
}

h2 {
	color: #333;
	padding: 10px 0;
}
.filter {
	margin: 50px 0px 10px 25px;
	text-align: left !important;
}
.filter a {
	display: inline-block;
	padding: 10px 20px 10px 20px;
	position: relative;
	margin-right: 8px;
	margin-bottom: 10px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #003da5;
	font-weight: 700;
	font-size:.8em;
	border-right: 2px solid #cdcdcd;
	text-decoration: none;
	border: 1px solid #003da5;
	border-radius: 2px;
}
.filter a:last-of-type {
	border-right: none;
}
.filter a:hover {
	text-decoration: none;
	background-color: #db0632;
	border: 1px solid #db0632;
}
.boxes {
	display: flex;
	flex-wrap: wrap;
}
.filter a.active {
	color:#ffffff;
	text-decoration: underline;
	background-color: #db0632;
	border: 1px solid #db0632;
}
.is-animated {
	animation: .1s zoom-in;
}
@keyframes zoom-in {
	0% {
		transform: scale(.1);
	} 
	100% {
		transform: none;
	}
}
.ambassador-container {
	display: inline-block;
	box-shadow: 1px 1px 5px #eeeeee;
	vertical-align: top;
	margin: 25px;
	border: #fdfdfd solid 1px;
}
.profile-pic {
	width: 100%;
	display: block;
}
.ambassador-container h3 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #333;
	display: block;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 0px;
	vertical-align: top;
	margin: 0px 0px 5px 15px;
	padding-top: 10px;
}
.ambassador-container h4 {
	color: #000000;
	display: block;
	width: 100%;
	margin-bottom: 0px;
	vertical-align: top;
	margin: 7px 0px 0px 15px;
}
.website-btn {
	background: url(https://www.lucasoil.com/images/icons/web_grey.svg) no-repeat transparent;
}
.facebook-btn {
	background: url(https://www.lucasoil.com/images/icons/facebook_grey.svg) no-repeat transparent;
}
.twitter-btn {
	background: url(https://www.lucasoil.com/images/icons/twitter_grey.svg) no-repeat transparent;
}
.instagram-btn {
	background: url(https://www.lucasoil.com/images/icons/instagram_grey.svg) no-repeat transparent;
}
.video-btn {
	background: url(https://www.lucasoil.com/images/icons/video_grey.svg) no-repeat transparent;
}
.ambassador-container a {
	cursor: pointer;
	float: right;
	margin: 30px 15px 15px 0px;
}
.ambassador-table {
	width: 100%;
}
.ambassador-table a {
	cursor: pointer;
	margin: auto;
	display: block;
	float: right;
	z-index: 10;
}
.ambassador-table th {
	background-color: #003da5;
	color: #ffffff;
	padding: 10px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
}
.ambassador-table td {
	padding: 5px;
}
.ambassador-table tr:nth-child(even) {
	background-color: #eeeeee;
}
.ambassador-table {
	margin-top: 10px;
}
.sorter {
	cursor: pointer;
}



/* -------- 404 ---------- */
.fourohfour-header-container {
	background-image: url("/wp-content/themes/lucasoilmx/images/heavy-duty-stabilizer_product-page-banner-1.png");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: 100%;
}
.fourohfour-header-h1 {
	max-width: 1620px;
	font-size: 80px;
	color: #fff;
	font-weight: bold;
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
	padding-bottom: 150px;
	text-decoration: underline;
	text-underline-offset: 8px;
	text-decoration-thickness: 5px;
	text-shadow: 3px 3px 3px #000000;
	
}
.fourohfour-container {
	width: 100%;
	background-color: #fff;
	
}
.fourohfour-container h2 {
	font-family: "niveau-grotesk", sans-serif;
    text-transform: uppercase;
    font-size: 36px;
	font-weight: bold;
	
}
.fourohfour-page-content {
	margin-left: auto;
	margin-right: auto;
}
.non-block-content {
	margin-left: auto;
	margin-right: auto;
}



.wp-block { max-width: 100%; }
.wp-block[data-align="wide"] { max-width: 100%; }
.wp-block[data-align="full"] { max-width: none; }



/* ---------- Category Pages ---------- */
.category-icon {
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}
.lifesty-icon-fix {
	width: 110px;
}
.category-list-container {
	margin-left: auto;
	margin-right: auto;
	display:block;
}
.product-category-container {
	background-size: cover;
	background-position: center;
	vertical-align: top;
}
.category-thumb-img {
	max-width: 100%;
	height: auto;
	display: block;
}
.product-title-category-list {
	color:#ffffff;
	vertical-align: top;
}
.product-title-category-list h3 {
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	vertical-align: top;
}
.product-list-more-details {
	color: #003da5;
    background: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    transition: .4s all;
    width: 100%;
    text-align: center;
	margin-top: 20px;
}
.product-list-more-details:hover {
	color: #ffffff;
    background: #db0632;
}
.category-description-container {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 30px;
}
.category-description-container h2 {
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
	font-size: 40px;
	font-weight: bold;
}
/* ---------- Category Backgrounds ---------- */
.category-hero-container-all-products {
	background-image: url("/wp-content/uploads/2024/04/all-products-header-image.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-2-cycle {
	background-image: url("/wp-content/uploads/2024/04/header-banner_2-cycle.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-appearance {
	background-image: url("/wp-content/uploads/2024/04/header-banner_appearance-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-engine-builder-lubricants {
	background-image: url("/wp-content/uploads/2024/04/header-banner_engine-builder.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-engine-oil-additives {
	background-image: url("/wp-content/uploads/2024/04/header-banner_engine-oil-additive-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-fuel-treatments {
	background-image: url("/wp-content/uploads/2024/04/header-banner_fuel-treatments.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-gear-oil {
	background-image: url("/wp-content/uploads/2024/04/header-banner_gear-oil.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-grease {
	background-image: url("/wp-content/uploads/2024/04/header-banner_grease.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-hydraulics {
	background-image: url("/wp-content/uploads/2024/04/header-banner_hydraulics.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-motor-oil {
	background-image: url("/wp-content/uploads/2024/04/header-banner_motor-oil-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-problem-solvers-utility {
	background-image: url("/wp-content/uploads/2024/04/header-banner_problem-solvers.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-transmission {
	background-image: url("/wp-content/uploads/2024/04/header-banner_transmission-solutions.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-agriculture {
	background-image: url("/wp-content/uploads/2024/04/header-banner_agriculture.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-hot-rods-classic-cars {
	background-image: url("/wp-content/uploads/2024/04/header-banner_classic-car-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-everyday-car-care {
	background-image: url("/wp-content/uploads/2024/04/header-banner_everyday-car-care.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-heavy-duty-trucking {
	background-image: url("/wp-content/uploads/2024/04/header-banner_heavy-duty-trucking.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-industrial {
	background-image: url("/wp-content/uploads/2024/04/header-banner_industrial.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-marine {
	background-image: url("/wp-content/uploads/2024/04/header-banner_marine.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-motorcycle {
	background-image: url("/wp-content/uploads/2024/04/header-banner_motorcycle.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-outdoor {
	background-image: url("/wp-content/uploads/2024/04/header-banner_outdoor-1.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}
.category-hero-container-racing {
	background-image: url("/wp-content/uploads/2024/04/header-banner_racing.jpg");
	width: 100%;
	z-index: 20;
	background-position: 80% 60%;
	background-repeat: no-repeat;
	background-size: cover;
}


/* ---------- NEWS ---------- */
.news-page-hero-container {
	width: 100%;
	background-image:url("/wp-content/themes/lucasoilmx/images/news-header-image.jpg");
	background-size: cover;
	background-position: center;
}
.news-details-container {
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	vertical-align: top;
}
.news-details-content {
	vertical-align: top;
}
.news-preview-img {
	/* border: 1px solid #cfcfcf; */
}
.news-article-img {
	max-width: 100%;
	height: auto;
	width: 100%;
}
.news-title-hdr {
	color: #003da5;
	text-transform: uppercase;
	font-family: "niveau-grotesk", sans-serif;
}

.news-footer-img-container {
}
.news-article-img {
	vertical-align: top;
}
.news-read-more-btn {
	padding: 10px 20px;
	text-decoration: none;
	background-color: #003da5;
	color: #ffffff;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	width: 190px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
}
.news-single-container {
	width: 100%;
}
.news-single-content {
	margin-left: auto;
	margin-right: auto;
}
.news-single-content h2 {
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 1.6em;
}
.news-single-img {
	max-width: 1000px;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.news-single-content-container {
	font-size: 0.8em;
}
.news-single-content-container img {
	max-width: 800px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ---------- Testimonials ---------- */


.testimonial-hero-container {
	background-image: url("/wp-content/themes/lucasoilmx/images/testimonial-header-image.jpeg");
	width: 100%;
	background-size: cover;
	background-position: center;
}
.testimonial-page-container {
	width: 100%;
	display: block;
	padding: 50px 0px 50px 0px;
}
.testimonial-page-content {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.testimonial-loader-container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
}
.testimonial-nav {
	vertical-align: top;
}
.testimonial-nav h3 {
	color:#003DA5;
	font-size: 22px;
}
.testimonial-nav a {
	display: block;
	font-size: 20px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	margin-bottom: 10px;
}
.testimonial-nav a:hover {
	text-decoration: underline;
}
.testimonial-list {
	vertical-align: top;
}
.testimonial-title {
	font-size: 28px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #000000;
}
.testimonial-person {
	color:#ABABAB;
	font-style: italic;
	font-size: 18px;
}
.testimonial-body {
	font-size: 18px;
}
.page-nav-links {
	display: block;
	text-align: center;
}
.page-nav-links a {
	padding: 10px 25px;
	color:#ffffff;
	background-color: #db0632;
	border: none;
	font-family: "niveau-grotesk", sans-serif;
	text-decoration: none;
}

.page-nav-links a:hover {
	background-color: #003da5;
}
.share-your-story-container {
	background-image: url("/wp-content/themes/lucasoilmx/images/testimonial-bg.jpg");
	padding: 110px 0px;
	min-height: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
.share-your-story-form {width: 1620px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	color:#ffffff;
	text-align: center;
}
.share-your-story-form h2 {
	font-size: 28px;
	font-family: "niveau-grotesk", sans-serif;
	text-transform: uppercase;
	color: #ffffff;
}
.share-your-story-form input {
	text-align: left;
}
.share-your-story-form textarea {
	text-align: left;
}
#gform_submit_button_3 {
	width: 100%;
	background-color: #db0632;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 300;
	font-family: "niveau-grotesk", sans-serif;
	padding-top: 15px;
	padding-bottom: 15px;
}



/* ---------- SDS selector ---------- */
.document-container {
	width: 400px;
	vertical-align: middle;
}
.langexpand {
	background-color: #ffffff;
	color: #333333;
	padding: 15px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
	line-height:40px;
	transition: 0.4s;
	border-bottom: 2px solid #aaaaaa;
	vertical-align: middle;
	cursor: default;
}

.sds-icon {
	height: 40px;
	width: auto;
	margin-bottom: -10px;
	margin-right: 10px;
	margin-top: -10px;
}
.langselect {
	padding: 0 18px;
	background-color: #ffffff;
	transition: 0.15s ease-out;
}
.langselect a {
	color: #333333;
}
.lang-subhead {
	color: #666666;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-size: 13px;
}
.lang-btn {
	display: inline-block;
	background-color: #ffffff;
	width: 72px;
	border:1px solid #cccccc;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bolder;
	font-size: 18px;
	text-align: center;
	line-height: 70px;
	margin-left: -2.5px;
	margin-right: -2.5px;
}
.lang-btn:hover {
	background-color: #eeeeee;
}
.lang-btn:visited {
	color: #333333;
}
.belgium-lang {
	display: block;
	color: #aaaaaa;
	margin: -25px 0px 11px 0px;
	font-size: 13px;
	line-height: 14px;
	font-weight: bold;
}
.belgium-fix {
	vertical-align: bottom;
}
.disabled-langs {
	padding-bottom: 20px;
	cursor: pointer;
}
.disabled-langs:after {
	display: none;
}
.no-pointer {
	cursor: none;
}
 

.mobile-search-bar {
  padding: 10px 16px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ddd;
}

.mobile-search-bar .search-form {
  display: flex;
}

.mobile-search-bar .search-field {
  flex: 1;
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 4px 0 0 4px;
}

.mobile-search-bar .search-submit {
  padding: 8px 12px;
  background: #d9272e;
  color: white;
  border: 1px solid #d9272e;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}