@charset "UTF-8";
/* Global Styles   ========================================================================== */
body { color: #222; font-size: 18px; line-height: 1.4; font-family: 'Open Sans', sans-serif; overflow-X: none; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

progress { /* Positioning */ position: fixed; left: 0; bottom: 0; /* Dimensions */ width: 100%; height: .5em; z-index: 9999; /* Reset the apperance */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Get rid of the default border in Firefox/Opera. */ border: none; /* For Firefox/IE10+ */ background-color: transparent; /* For IE10+, color of the progress bar */ color: #931914; }

progress::-webkit-progress-bar { background-color: transparent; }

.flat::-webkit-progress-value { background-color: red; }

.flat::-moz-progress-bar { background-color: red; }

div.hr { display: block; background: #4e4e4e; height: 3px; border: 0; margin: 0; padding: 0; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

hr { border-color: #e19024; border-width: 5px; }

ul { margin-bottom: 0; }

.light-ul { color: #838283; margin-bottom: 25px; list-style-position: inside; }

.light-ul li { margin-bottom: 10px; }

.morph a { color: #fff; background: #B31E24; display: block; padding: 20px 25px; border-radius: 15px; line-height: 1.0; }

.morph.one a { background: #666; }

.morph.one a img { margin: -8px 10px 0 0; float: left; vertical-align: middle; }

.morph.two a img { margin: -8px 10px 0 0; float: left; vertical-align: middle; }

.morph.three a img { margin: -8px 10px 0 0; float: left; vertical-align: middle; }

.morph.four a img { float: left; vertical-align: middle; margin: -8px 10px 0 0; }

.button { background: #931914; border-radius: 10px; color: #fff; text-transform: uppercase; font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; font-size: 20px; }

.button:hover { background: #65110D; }

.button.quiz { width: 100%; font-size: 34px; text-transform: uppercase; font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; padding: 20px 0 10px 0; border-radius: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3e38+0,c80101+100 */ background: #ff3e38; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ff3e38 0%, #c80101 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ff3e38 0%, #c80101 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3e38', endColorstr='#c80101',GradientType=0 ); /* IE6-9 */ }

.spacer { padding-top: 50px; }

fieldset { border: 0; margin: 0; padding: 0; }

textarea { resize: vertical; }

.flexslider { margin: 0; }

.flex-direction-nav a { -webkit-transition: none; transition: none; }

.flexslider .flex-next, .flexslider .flex-prev { opacity: 1; }

.flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-next { right: 0; }

.flex-direction-nav .flex-prev, .flexslider:hover .flex-direction-nav .flex-prev { left: 0; }

.animate { opacity: 0; }

.animate.fadeIn { opacity: 1; }

#tooltip { text-align: center; color: #fff; background: rgba(255, 255, 255, 0.9); position: absolute; color: #333; font-size: 14px; z-index: 9999; border-radius: 25px; padding: 10px; }

#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(255, 255, 255, 0.9); content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; }

#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid rgba(255, 255, 255, 0.9); top: -20px; bottom: auto; }

#tooltip.left:after { left: 10px; margin: 0; }

#tooltip.right:after { right: 10px; left: auto; margin: 0; }

.tool-tip { width: 30px; height: 30px; background: #fff; z-index: 2; border-radius: 20px; display: block; position: absolute; border: 6px solid #f7be07; cursor: pointer; }

.tool-tip:focus, .tool-tip:hover, .tool-tip.active { border: 6px solid #931914; }

.tooltip-wrap { display: inline-block; position: relative; max-width: 100%; }

.tool-tip.top::before, .tool-tip::before { border: 0; }

/* Custom Styles   ========================================================================== */
h1, h2, h3, h4, h5 { font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: -2px; word-spacing: 5px; }

h1 { color: #931914; font-size: 50px; line-height: 0.8; }

.lf-diff { font-size: 50px; }

.on-parts { font-size: 50px; }

.oil-fil { color: #fff; font-size: 50px; }

.core-purp { color: #fff; font-size: 50px; }
.core-purp span { color: #fff; font-size: 23px; display: block; }

h2 { font-size: 35px; line-height: 0.8; }

h2.lf-red span { color: #931914; font-size: 60px; }

h2.lf-gold span { color: #f7be07; font-size: 60px; }

h3 { color: #f7be07; margin: 0; font-size: 28px; }

h4 { letter-spacing: 0; }

p { line-height: 1.3; }

p.small { line-height: 1.2; font-size: 14px; font-weight: bold; }

/* Lines on the sides */
	/*h3.background {
		position: relative;
		z-index: 1;
	}

	   h3.background:before {
	        border-top: 2px solid #dfdfdf;
	        content:"";
	        margin: 0 auto;
	        position: absolute;
	        top: 50%; left: 0; right: 0; bottom: 0;
	        width: 100%;
	        z-index: -1;
	    }

	    h3.background span {
	        background: #fff;
	        padding: 0 15px;
	    }*/
.card { position: relative; /*float: left;*/ padding-bottom: 25%; width: 25%; text-align: center; cursor: pointer; }

.card__front, .card__back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.card__front, .card__back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.card__front { background-color: none; }

.card__back { background-color: #1e1e1e; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.card.effect__click.flipped .card__front { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.card.effect__click.flipped .card__back { -webkit-transform: rotateY(0); transform: rotateY(0); }

/* Nav */
.slideUp { position: fixed; top: 0; background: #302e31; -webkit-transition: top 0.4s ease-in-out; transition: top 0.4s ease-in-out; width: 100%; z-index: 999; }

.top-bar { padding: 0px 20px 10px 20px; /* Original: padding: 10px 20px; */ }

.top-bar-title { width: 100%; text-align: center; }

.top-bar, .top-bar ul { background: #302E31; }

.top-bar-right { color: #fff; background: #302E31; padding: 0; /* Original: padding: 20px 0 0 0; */ float: left; width: 100%; }

.top-bar-right a { color: #fff; }

.top-bar-right li:not(.has-form) a:hover:not(.button) { color: #f7be07; }

.top-bar-right li:not(.has-form) a:not(.button) { padding: 0.5rem; }

.top-bar-right li:not(.has-form) a:not(.button), .top-bar-right ul li { background: none; text-transform: uppercase; font-weight: bold; font-size: 13px;}

.top-bar-navigation { text-align: right; border: solid 1px #646265; line-height: 30px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; width: 78%; float: right; }
.top-bar-border-right { border-right: solid 1px #646265; }
.top-bar-border-bottom { border-bottom: none; }
.top-bar-navigation .pre-text { display: inline-block; vertical-align: top; padding: 0px 10px; letter-spacing: -1px; color: #FFF; font-size: 12px; font-weight: bold; }
.top-bar-navigation a { display: inline-block; vertical-align: top; padding: 0px 10px; letter-spacing: -1px; color: #9c9c9c; font-size: 12px; font-style: italic; font-weight: bold; }
.top-bar-navigation a:hover,
.top-bar-navigation a:focus,
.top-bar-navigation a:active { color: #FFF; }
.top-bar-navigation a i { color: #f7be07; font-size: 16px; margin-right: 5px; }


.menu > li { display: block; }

.gap { height: 92px; }

.small-text-center { text-align: center; }

section { z-index: 3; }

section.black-bg { background: #000; color: #fff; }

section.gray-bg { background: #222222; color: #fff; }
section.gray-bg h2 { color: #fff; }

section.red, .gap { background: #931914; color: #fff; }
section.red h2, .gap h2 { color: #fff; }

.pad-s { padding-top: 20px; padding-bottom: 20px; }

.pad-m { padding-top: 40px; padding-bottom: 40px; }

.pad-l { padding-top: 60px; padding-bottom: 60px; }

.pad-xl { padding-top: 100px; padding-bottom: 100px; }

.gradient-yellow { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7921+0,fdad18+49,e29926+100 */ background: #ef7921; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ef7921 0%, #fdad18 49%, #e29926 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ef7921 0%, #fdad18 49%, #e29926 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7921', endColorstr='#e29926',GradientType=0 ); /* IE6-9 */ /*.perspective-r {transform: perspective(500px) rotateY(-5deg) scale(1);}
.perspective-l {transform: perspective(500px) rotateY(5deg) scale(1);}*/ }
.gradient-yellow .img-perspective { margin: 0 0 -200px 0; }
.gradient-yellow .img-perspective2 { margin: 63px 0 -250px 0; }
.gradient-yellow .perspective { background: rgba(255, 255, 255, 0.1); text-align: center; padding: 200px 20px 20px 20px; }

.gradient-yellow-two { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef7921+0,fdad18+49,e29926+100 */ background: #ef7921; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ef7921 0%, #fdad18 49%, #e29926 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ef7921 0%, #fdad18 49%, #e29926 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef7921', endColorstr='#e29926',GradientType=1 ); /* IE6-9 */ }

/* 1st Section With Flip */
section.first-flip { text-align: center; }

section.first-flip .card { height: 174px; width: 260px; margin: 0 auto; }

section.cards-flip .card { height: 244px; width: 296px; float: none; margin: 10px auto; }
section.cards-flip .card .card__back { padding: 10px; color: #fff; }

.off-on .card { width: 100%; height: 370px; float: none; }

.off-on .card__back { background: none; }

/*Content Rotation*/
.hotspots, .hotspots2 { position: relative; }

.tabs-container { margin: 15px 0 0 0; }

section.first-rotate .tool-tip.one { top: 20px; left: 60px; }
section.first-rotate .tool-tip.two { top: 20px; left: 250px; }
section.first-rotate .tool-tip.three { top: 20px; left: 470px; }

section.second-rotate .tool-tip.one { top: 20px; left: 5px; }
section.second-rotate .tool-tip.two { top: 20px; left: 65px; }
section.second-rotate .tool-tip.three { top: 20px; left: 125px; }
section.second-rotate .tool-tip.four { top: 20px; left: 245px; }
section.second-rotate .tool-tip.five { top: 20px; left: 470px; }
section.second-rotate .tool-tip.six { top: 20px; left: 595px; }
section.second-rotate .tool-tip.seven { top: 20px; left: 640px; }
section.second-rotate .tool-tip.eight { top: 20px; right: 20px; }

section.second-rotate-sm .tool-tip.one { top: 200px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
section.second-rotate-sm .tool-tip.two { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 285px; }
section.second-rotate-sm .tool-tip.three { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 330px; }
section.second-rotate-sm .tool-tip.four { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 450px; }
section.second-rotate-sm .tool-tip.five { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 670px; }
section.second-rotate-sm .tool-tip.six { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 800px; }
section.second-rotate-sm .tool-tip.seven { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 860px; }
section.second-rotate-sm .tool-tip.eight { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 925px; }

section.time-line .tool-tip.one { top: 0; left: 0; }
section.time-line .tool-tip.two { top: 0; left: 33%; }
section.time-line .tool-tip.three { top: 0; right: 33%; }
section.time-line .tool-tip.four { top: 0; right: 0; }

.flex-video { margin-bottom: -100px; }

/*Image Overlap Adjustments*/
.fact-fiction { margin: -20px 0 0 0; }

.trt { margin: 0 0 20px 0; height: 400px; }

.fuel-box img { margin: 0 0 -100px 0; }

.five-microns { margin: 0 0 -100px 0; }

.standard-media-filters, .synthetic-media-filters { position: absolute; bottom: -90px; left: 50%; width: 400px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.synthetic-media-filters { bottom: -130px; }

.step-one-img { height: 200px; margin-bottom: 20px; }

.step-two-img { height: 200px; margin-bottom: 20px; }

.step-four-img { height: 200px; margin-bottom: 20px; }

.shadow { position: absolute; top: 30px; z-index: -1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.premium-box { margin: 20px 0 0 0; }

.tap-filter { margin: 0 0 -50px 0; }

.select-tri-img { width: 300px; }

.imperial-xl-img { height: 400px; margin-top: -100px; }

.select-a-tri { height: 400px; }

/*Accordions*/
.accordion { border: none; }

.accordion.angled-accordion { background: #302e31; }

.accordion.angled-accordion a.accordion-title { font-size: 30px; border-bottom: 8px solid #302E31; font-weight: bold; background: #262527; color: #414142; text-transform: uppercase; font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; }

.accordion.angled-accordion .is-active a.accordion-title, .accordion.angled-accordion a.accordion-title:hover { color: #931914; background: #fff; }

.accordion.angled-accordion .accordion-content { background: #302e31; color: #fff; border-bottom: 1px solid #302E31; }

.accordion.filterselect-accordion a.accordion-title, .accordion.filterselect-accordion a.accordion-title:hover { color: #333; text-transform: uppercase; font-size: 18px; background: #eae9ea; font-weight: bold; font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; }

/*Time Line*/
/*Flexslide Options*/
#flex-var { color: #fff; }

#flex-var.bg0 { background: url("../img/lfu-clockbg.jpg") no-repeat center center #262626; }

#flex-var.bg1 { background: url("../img/lfu-wrenchbg.jpg") no-repeat center center #262626; }

#flex-var.bg2 { background: url("../img/lfu-truckbg.jpg") no-repeat center center #262626; }

.flexslider.dark-slide { background: rgba(158, 158, 158, 0.3); border: none; border-radius: 0; color: #fff; }

.flexslider.dark-slide .slides .wrap { padding: 20px 50px 10px 50px; }

.flexslider.dark-slide .slides img { width: auto; display: inline; margin-bottom: 10px; }

.flexslider.dark-slide .flex-direction-nav a, .flexslider.dark-slide .flex-direction-nav a::before { color: rgba(255, 255, 255, 0.9); }

.flexslider:hover .flex-direction-nav .flex-next, .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; }

.flexslider.walktall { width: 283px; background: none; border: none; margin: 0 auto; }
.flexslider.walktall h2 { margin-top: 15px; }

.flexslider.walktall .flex-direction-nav .flex-prev, .flexslider.walktall .flexslider:hover .flex-direction-nav .flex-prev { left: -40px; }

.flexslider.walktall .flex-direction-nav .flex-next, .flexslider.walktall .flexslider:hover .flex-direction-nav .flex-next { right: -30px; }

.flexslider.core { background: none; border: none; }

/* Tile with fixed bg*/
.wrap-tile { background-size: cover; background-position: center center; background-attachment: fixed; }

.inner-tile { background: rgba(51, 51, 51, 0.8); padding: 20px 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); color: #fff; width: 100%; }

.outer-tile { position: relative; min-height: 400px; }

/*Video Sections*/
.vid-bg { background: url(../img/video-bg.jpg) no-repeat center center fixed #000; background-size: cover; }

/*Tri-Icon*/
.tri-icon .tri-one, .tri-icon .tri-two, .tri-icon .tri-three { padding: 0 15px; }

/*Tabs*/
#example-tabs.tabs { border: none; background: none; }
#example-tabs.tabs .tabs-title { width: 33.3%; text-align: center; }
#example-tabs.tabs .tabs-title a { color: #fff; font-size: 20px; padding-left: 30px; padding-right: 30px; font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; font-weight: bold; text-transform: uppercase; box-shadow: 10px 0px 5px -4px rgba(0, 0, 0, 0.3) inset; }

#example-tabs .tabs-title > a:focus, #example-tabs .tabs-title > a[aria-selected="true"], #example-tabs .tabs-title > a[aria-selected="true"]:hover { background: #f7be07; }

#example-tabs .tabs-title > a { background: #a1a1a1; }

#example-tabs .tabs-title > a:hover { background: #8b8b8b; }

#example-tab-content.tabs-content { background: url(../img/tab-content-example.jpg) no-repeat center center; border: none; }

#example-tab-content.tabs-content .tabs-panel { padding: 50px; }

.tabs.core { background: #525252; border: none; }
.tabs.core a { color: #fff; font-weight: bold; font-size: 16px; border-bottom: 1px solid #393939; position: relative; }
.tabs.core a:hover { background: #931914; }
.tabs.core .tabs-title > a:focus, .tabs.core .tabs-title > a[aria-selected="true"] { background: #7f7f7f; }
.tabs.core .tabs-title > a span { display: none; }
.tabs.core .tabs-title > a[aria-selected="true"] span { display: block; position: absolute; right: -30px; top: 50%; z-index: 200; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.tabs-content.core { border: none; background: #7f7f7f; }
.tabs-content.core .tabs-panel { padding: 0; }
.tabs-content.core .tabs-panel img { width: 100%; border: 1px solid #393939; border-left: none; }

.tabs.distinct-areas { font-family: "alternate-gothic-no-3-d",​Arial,​sans-serif; text-transform: uppercase; text-align: center; }
.tabs.distinct-areas .tabs-title { width: 33.3%; }
.tabs.distinct-areas .tabs-title a { font-size: 40px; }

.tabs-content.distinct-areas { background: url(../img/distinct-tab-bg.jpg) no-repeat left center fixed #000; color: #fff; background-size: cover; }
.tabs-content.distinct-areas h2.lf-gold { font-size: 30px; }
.tabs-content.distinct-areas h2.lf-gold span { color: #f7be07; font-size: 60px; }

.tabs-content.distinct-areas .tabs-panel { padding: 2rem; }
.tabs-content.distinct-areas .tabs-panel img { margin-bottom: 10px; }

/*Center Mass*/
.filter-red { background: url(../img/filter-red.jpg) no-repeat center center fixed; background-size: cover; color: #fff; }

.center-mass { background: rgba(188, 32, 38, 0.3); position: relative; min-height: 250px; }
.center-mass img { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }

/*Warranty*/
.warranty { background: url(../img/warranty-bg.jpg) no-repeat center center fixed; background-size: cover; color: #fff; }

/*Standard*/
.industry-standard { background: #e89226; }
.industry-standard img.book { box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6); }

/*Run Smooth*/
.run-smooth { background: url(../img/run-smooth-bg.jpg) no-repeat bottom center #9A2119; color: #fff; }
.run-smooth img { margin: -50px 0 20px 0; }

/*Chalk*/
.chalk { background: url(../img/chalkboard.jpg) no-repeat center center fixed; background-size: cover; color: #fff; }

/*Capacity*/
.filter-capacity { border-radius: 15px; padding: 20px 50px; background: url(../img/filter-orange.jpg) no-repeat center top #f2ad32; font-weight: bold; }
.filter-capacity img { margin: 0 0 -175px 0; }

/*Steps*/
.step-four { background: url("../img/black-filter-bg.jpg") no-repeat top center; background-size: cover; }

/*Types Of*/
.types-of { background: #515051; /* Old browsers */ /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, #515051 0%, #212022 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-radial-gradient(center ellipse, #515051 0%, #212022 100%); background: radial-gradient(ellipse at center, #515051 0%, #212022 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515051', endColorstr='#212022',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ color: #fff; border-top: 1px solid #222; }
.types-of .types-of-img { margin: -20px 0 -90px 0; }

/*periodic*/
.periodic img { margin: -15px 0; }

/*RollerBlade*/
.rollerblade-img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; }

.rollerblade-drag { cursor: move; }

footer { color: #fff; padding: 130px 0 50px 0; }

/* Helper Styles   ========================================================================== */
.hidden { display: none !important; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/*  Media Queries ========================================================================== */
/* Medium screens */
@media screen and (min-width: 40.063em) { /*Image Overlap Adjustments*/
  .small-text-center { text-align: left; }
  .top-bar-title { width: auto; text-align: left; }
  h1 { font-size: 50px; line-height: 0.8; }
  .lf-diff { font-size: 100px; }
  .on-parts { font-size: 78px; }
  .oil-fil { font-size: 78px; }
  .core-purp { color: #fff; font-size: 78px; }
  .core-purp strong { color: #000; }
  .core-purp span { color: #fff; font-size: 30px; display: block; }
  h2 { font-size: 35px; line-height: 0.8; }
  h2.lf-red span { font-size: 70px; }
  h2.lf-gold span { font-size: 70px; }
  h3 { font-size: 32px; }
  .morph a { color: #000; background: none; padding: 0; }
  .morph.one a { background: none; }
  .morph.one a img { margin: -10px 10px 0 0; }
  .morph.two a img { margin: -2px 10px 0 0; }
  .morph.three a img { margin: -2px 10px 0 0; }
  .morph.four a img { margin: 5px 10px 0 0; }
  section.first-flip { text-align: left; }
  .oil-step-two { padding-top: 100px; }
  .run-smooth img { margin: -70px 0 -70px 0; }
  .industry-standard { background: url(../img/industry-standard-bg.jpg) no-repeat left center #e89226; }
  .industry-standard img.book { margin: -70px 0 -70px 0; }
  .off-on .card { width: 100%; height: 372px; float: none; }
  .wrap-tile { background: url(../img/tile-bg.jpg) no-repeat center center fixed; background-size: cover; }
  .inner-tile { padding: 40px 50px; width: auto; }
  .product-array { margin: -140px 0 0 0; }
  .fact-fiction { margin: -20px 0 0 0; }
  .trt { margin: -100px 0 0 0; height: auto; }
  .fuel-box img { margin: 0 0 -100px 0; }
  .five-microns { margin: 0 0 -100px 0; }
  .standard-media-filters, .synthetic-media-filters { position: absolute; width: auto; bottom: -120px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .synthetic-media-filters { bottom: -150px; }
  .step-one-img { height: auto; margin-bottom: 0; }
  .step-two-img { height: auto; margin-bottom: 0; }
  .step-four-img { margin: 0 0 -100px 0; height: auto; }
  .shadow { position: absolute; top: 0; z-index: -1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .premium-box { margin: 0 0 -100px 0; }
  .tap-filter { margin: 0 0 -150px 0; }
  .step-2-img { margin: 0 0 -100px 0; }
  .select-tri-img { width: auto; }
  .imperial-xl-img { height: auto; margin-top: 0; }
  .select-a-tri { height: auto; }
  #flex-var.bg0 { background: url("../img/lfu-clockbg.jpg") no-repeat left center #262626; }
  #flex-var.bg1 { background: url("../img/lfu-wrenchbg.jpg") no-repeat left center #262626; }
  #flex-var.bg2 { background: url("../img/lfu-truckbg.jpg") no-repeat left center #262626; }
  .perspective { min-height: 730px; }
  .tabs-content.distinct-areas .tabs-panel img { margin-bottom: 0; }
  .part-point { width: 40%; }
  .button.quiz { font-size: 64px; padding: 10px 0 0 0; } 
 
  }
/* min-width 641px, medium screens */
/* Large screens */
@media screen and (min-width: 64.063em) { h1 { font-size: 70px; line-height: 0.8; }
  .lf-diff { font-size: 120px; }
  .on-parts { font-size: 98px; }
  .oil-fil { font-size: 98px; }
  .core-purp { color: #fff; font-size: 98px; }
  .core-purp strong { color: #000; }
  .core-purp span { color: #fff; font-size: 33px; display: block; }
  h2 { font-size: 45px; line-height: 0.8; }
  h2.lf-red span { font-size: 90px; }
  h2.lf-gold span { font-size: 90px; }
  h3 { font-size: 32px; }
  .top-bar-right { float: right; width: auto; }
  .menu > li { display: table-cell; }
  .standard-media-filters, .synthetic-media-filters { bottom: -100px; left: auto; margin-right: 50px; position: absolute; right: -320px; } 
 
  }
/* min-width 1025px, large screens */
/* switch out the tooltips on mobile */
/* Print styles  ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }
  
  /* Responsive styles
==========================================================*/
@media (min-width: 1200px) {
	
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 990px) {
	
	.top-bar-navigation { float: none; width: 100%; text-align: center; -webkit-border-radius: 10px; border-radius: 10px; }
	.top-bar-border-right { border-right: none; }
	.top-bar-border-bottom { border-bottom: solid 1px #646265; }
	.mobile-top-bar-border-right { border-right: solid 1px #646265; }
	.top-bar-navigation .pre-text { padding: 0px; display: block; }
	.top-bar-navigation a { padding: 0px 29px; }
	
	.top-bar-right li:not(.has-form) a:not(.button), .top-bar-right ul li { text-align: center; border-bottom: solid 1px #646265; }
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 590px) {
		
}

@media screen and (max-width: 480px) {

}