/* High resolution Screen mixin */
/* ######################################### # Application wide variables ######################################### */
 .red {
	 color: #d82c2c;
}
/* ######################################### # Global Mixins ######################################### */
 .box-card {
	 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
	 -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
	 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.06);
	 background-color: #fff;
	 -webkit-border-radius: 2px;
	 -moz-border-radius: 2px;
	 border-radius: 2px;
	 overflow: hidden;
}
/* ####################################### # Landing Page ####################################### */
 #homepage-landing-screen {
	 background: linear-gradient(180deg, #ffffff 0%, #f1f5ff 55%, #dfe9ff 100%);
	 min-height: 100vh;
	 width: 100%;
	 position: relative;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 padding: 120px 0 80px;
	 overflow: hidden;
	/* Adjustments for iPhone 6 & 6 Plus */
	/* Adjustments for iPhone 6 & 6 Plus in landscape*/
	/* Small devices (tablets, 768px and up) */
	/* Medium devices (desktops, 992px and up) */
	/* Large devices (large desktops, 1200px and up) */
}
 #homepage-landing-screen h1 {
	 font-family: "proxima-nova";
	 font-weight: 100;
	 font-size: 48px;
	 color: #0f172a;
	 text-align: center;
	 margin: 40px auto 15px;
	 line-height: 1.1;
	 letter-spacing: -0.5px;
	 max-width: 680px;
}
 #homepage-landing-screen header {
	 background: rgba(255, 255, 255, 0.9);
	 border: 1px solid rgba(15, 23, 42, 0.08);
	 border-radius: 32px;
	 box-shadow: 0 30px 70px rgba(15, 23, 42, 0.09);
	 padding: 60px 40px 90px;
	 width: min(1040px, calc(100% - 40px));
}
 #homepage-landing-screen .circle-logo {
	 width: 82px;
	 height: 82px;
	 border-radius: 50%;
	 overflow: hidden;
	 position: relative;
	 cursor: pointer;
	 margin: 0 auto;
	 background-color: #fff;
	 border: 1px solid rgba(15, 23, 42, 0.08);
	 box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08);
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 #homepage-landing-screen .circle-logo:hover {
	 transform: translateY(-6px);
	 box-shadow: 0 30px 60px rgba(15, 23, 42, 0.12);
}
 #homepage-landing-screen .circle-logo-sac-energy, #homepage-landing-screen .circle-logo-shell, #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
	 background-repeat: no-repeat;
	 background-position: center center;
}
 #homepage-landing-screen .circle-logo-sac-energy {
	 background-image: image-url("/assets/homepage/xs/sac-energy-circle-logo-e480d609.png");
	/* on retina, use image that's scaled by 2 */
	/* on retina, use image that's scaled by 2 */
}
 @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/xs/sac-energy-circle-logo@2x-a3e582f2.png");
		 background-size: 80px 80px;
	}
}
 @media (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3), (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/xs/sac-energy-circle-logo@3x-6a885cd4.png");
		 background-size: 80px 80px;
	}
}
 #homepage-landing-screen .circle-logo-shell {
	 background-image: image-url("/assets/homepage/xs/shell-circle-logo-a9594912.png");
	/* on retina, use image that's scaled by 2 */
	/* on retina, use image that's scaled by 2 */
}
 @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/xs/shell-circle-logo@2x-06db05c7.png");
		 background-size: 80px 80px;
	}
}
 @media (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3), (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/xs/shell-circle-logo@3x-adb56f64.png");
		 background-size: 80px 80px;
	}
}
 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
	 background-image: image-url("/assets/homepage/xs/sac-towing-and-recovery-circle-logo-fc08f80e.png");
	/* on retina, use image that's scaled by 2 */
	/* on retina, use image that's scaled by 2 */
}
 @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/xs/sac-towing-and-recovery-circle-logo@2x-6d00307c.png");
		 background-size: 80px 80px;
	}
}
 @media (min--moz-device-pixel-ratio: 3), (-o-min-device-pixel-ratio: 3), (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3), (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/xs/sac-towing-and-recovery-circle-logo@3x-a01027ec.png");
		 background-size: 80px 80px;
	}
}
 #homepage-landing-screen .circle-logo-info {
	 opacity: 0;
}
 #homepage-landing-screen #latest-article {
	 margin-top: 100px;
	 padding-bottom: 20px;
	 border-top: 1px solid rgba(15, 23, 42, 0.12);
}
 #homepage-landing-screen #latest-article h2 a {
	 color: #0f172a;
	 transition: 0.3s;
	 border: none;
}
 #homepage-landing-screen #latest-article h2 a:hover {
	 color: #3a7bff;
}
 #homepage-landing-screen #latest-article p {
	 margin-bottom: 20px;
	 color: #475467;
}
 @media (min-width: 375px) {
	 #homepage-landing-screen .circle-logo {
		 width: 102px;
		 height: 102px;
		 background-size: 100px 100px;
	}
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: image-url("/assets/homepage/md/sac-energy-circle-logo-e6ee542f.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: image-url("/assets/homepage/md/shell-circle-logo-5dde18b4.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: image-url("/assets/homepage/md/sac-towing-and-recovery-circle-logo-598fe5da.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
}
 @media (min-width: 375px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 375px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 375px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 375px) and (min-device-pixel-ratio: 1.3), (min-width: 375px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/md/sac-energy-circle-logo@2x-eb58899c.png");
		 background-size: 100px 100px;
	}
}
 @media (min-width: 375px) and (min--moz-device-pixel-ratio: 3), (min-width: 375px) and (-o-min-device-pixel-ratio: 3), (min-width: 375px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 375px) and (min-device-pixel-ratio: 3), (min-width: 375px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/md/sac-energy-circle-logo@3x-309c3e76.png");
		 background-size: 100px 100px;
	}
}
 @media (min-width: 375px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 375px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 375px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 375px) and (min-device-pixel-ratio: 1.3), (min-width: 375px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/md/shell-circle-logo@2x-9e51a8df.png");
		 background-size: 100px 100px;
	}
}
 @media (min-width: 375px) and (min--moz-device-pixel-ratio: 3), (min-width: 375px) and (-o-min-device-pixel-ratio: 3), (min-width: 375px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 375px) and (min-device-pixel-ratio: 3), (min-width: 375px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/md/shell-circle-logo@3x-d40d959a.png");
		 background-size: 100px 100px;
	}
}
 @media (min-width: 375px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 375px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 375px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 375px) and (min-device-pixel-ratio: 1.3), (min-width: 375px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/md/sac-towing-and-recovery-circle-logo@2x-71719810.png");
		 background-size: 100px 100px;
	}
}
 @media (min-width: 375px) and (min--moz-device-pixel-ratio: 3), (min-width: 375px) and (-o-min-device-pixel-ratio: 3), (min-width: 375px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 375px) and (min-device-pixel-ratio: 3), (min-width: 375px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/md/sac-towing-and-recovery-circle-logo@3x-9ea1d974.png");
		 background-size: 100px 100px;
	}
}
 @media (min-width: 667px) {
	 #homepage-landing-screen .circle-logo {
		 width: 202px;
		 height: 202px;
		 background-size: 200px 200px;
	}
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: image-url("/assets/homepage/md/sac-energy-circle-logo-e6ee542f.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: image-url("/assets/homepage/md/shell-circle-logo-5dde18b4.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: image-url("/assets/homepage/md/sac-towing-and-recovery-circle-logo-598fe5da.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
}
 @media (min-width: 667px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 667px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 667px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 667px) and (min-device-pixel-ratio: 1.3), (min-width: 667px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/md/sac-energy-circle-logo@2x-eb58899c.png");
		 background-size: 200px 200px;
	}
}
 @media (min-width: 667px) and (min--moz-device-pixel-ratio: 3), (min-width: 667px) and (-o-min-device-pixel-ratio: 3), (min-width: 667px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 667px) and (min-device-pixel-ratio: 3), (min-width: 667px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/md/sac-energy-circle-logo@3x-309c3e76.png");
		 background-size: 200px 200px;
	}
}
 @media (min-width: 667px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 667px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 667px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 667px) and (min-device-pixel-ratio: 1.3), (min-width: 667px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/md/shell-circle-logo@2x-9e51a8df.png");
		 background-size: 200px 200px;
	}
}
 @media (min-width: 667px) and (min--moz-device-pixel-ratio: 3), (min-width: 667px) and (-o-min-device-pixel-ratio: 3), (min-width: 667px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 667px) and (min-device-pixel-ratio: 3), (min-width: 667px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/md/shell-circle-logo@3x-d40d959a.png");
		 background-size: 200px 200px;
	}
}
 @media (min-width: 667px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 667px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 667px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 667px) and (min-device-pixel-ratio: 1.3), (min-width: 667px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/md/sac-towing-and-recovery-circle-logo@2x-71719810.png");
		 background-size: 200px 200px;
	}
}
 @media (min-width: 667px) and (min--moz-device-pixel-ratio: 3), (min-width: 667px) and (-o-min-device-pixel-ratio: 3), (min-width: 667px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 667px) and (min-device-pixel-ratio: 3), (min-width: 667px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/md/sac-towing-and-recovery-circle-logo@3x-9ea1d974.png");
		 background-size: 200px 200px;
	}
}
 @media (min-width: 768px) {
	 #homepage-landing-screen h1 {
		 font-size: 52px;
		 margin: 0px auto 50px;
	}
	 #homepage-landing-screen .circle-logo-info {
		 position: absolute;
		 width: inherit;
		 height: inherit;
		 background: rgba(0, 0, 0, 0.88);
		 border-radius: 50%;
		 border: 1px solid #111;
		 opacity: 0;
		 transition: all 0.4s ease-in-out;
		 transform: scale(0);
	}
	 #homepage-landing-screen .circle-logo-info p {
		 margin: 20px 10px;
		 color: #fff;
		 font-family: "proxima-nova";
		 font-weight: 100;
		 font-size: 23px;
		 line-height: 25px !important;
	}
	 #homepage-landing-screen .circle-logo-info div {
		 border-top: 1px solid #fff;
		 display: block;
		 width: 40%;
		 margin: 10px auto;
		 padding: 20px 0 0 0;
	}
	 #homepage-landing-screen .circle-logo-info img {
		 transition: 0.5s;
		 filter: grayscale(100%);
	}
	 #homepage-landing-screen .circle-logo-info img:hover {
		 filter: grayscale(0%);
	}
	 #homepage-landing-screen .circle-logo:hover .circle-logo-info {
		 opacity: 1;
		 transform: scale(1);
	}
	 #homepage-landing-screen .circle-logo:hover .circle-logo-info p {
		 opacity: 1;
	}
	 #homepage-landing-screen .circle-logo {
		 width: 238px;
		 height: 238px;
		 background-size: 236px 236px;
	}
	 #homepage-landing-screen .circle-logo-info p {
		 margin: 16px 8px;
		 color: #fff;
		 font-family: "proxima-nova";
		 font-weight: 100;
		 font-size: 18.4px;
	}
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: image-url("/assets/homepage/md/sac-energy-circle-logo-e6ee542f.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: image-url("/assets/homepage/md/shell-circle-logo-5dde18b4.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: image-url("/assets/homepage/md/sac-towing-and-recovery-circle-logo-598fe5da.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
}
 @media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/md/sac-energy-circle-logo@2x-eb58899c.png");
		 background-size: 236px 236px;
	}
}
 @media (min-width: 768px) and (min--moz-device-pixel-ratio: 3), (min-width: 768px) and (-o-min-device-pixel-ratio: 3), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 768px) and (min-device-pixel-ratio: 3), (min-width: 768px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/md/sac-energy-circle-logo@3x-309c3e76.png");
		 background-size: 236px 236px;
	}
}
 @media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/md/shell-circle-logo@2x-9e51a8df.png");
		 background-size: 236px 236px;
	}
}
 @media (min-width: 768px) and (min--moz-device-pixel-ratio: 3), (min-width: 768px) and (-o-min-device-pixel-ratio: 3), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 768px) and (min-device-pixel-ratio: 3), (min-width: 768px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/md/shell-circle-logo@3x-d40d959a.png");
		 background-size: 236px 236px;
	}
}
 @media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/md/sac-towing-and-recovery-circle-logo@2x-71719810.png");
		 background-size: 236px 236px;
	}
}
 @media (min-width: 768px) and (min--moz-device-pixel-ratio: 3), (min-width: 768px) and (-o-min-device-pixel-ratio: 3), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 768px) and (min-device-pixel-ratio: 3), (min-width: 768px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/md/sac-towing-and-recovery-circle-logo@3x-9ea1d974.png");
		 background-size: 236px 236px;
	}
}
 @media (min-width: 992px) {
	 #homepage-landing-screen .circle-logo {
		 width: 297px;
		 height: 297px;
		 background-size: 295px 295px;
	}
	 #homepage-landing-screen .circle-logo-info p {
		 margin: 20px 10px;
		 color: #fff;
		 font-family: "proxima-nova";
		 font-weight: 100;
		 font-size: 23px;
		 line-height: 35px !important;
	}
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: image-url("/assets/homepage/lg/sac-energy-circle-logo-4fffeb38.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: image-url("/assets/homepage/lg/shell-circle-logo-9f0700df.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: image-url("/assets/homepage/lg/sac-towing-and-recovery-circle-logo-256d3e07.png");
		/* on retina, use image that's scaled by 2 */
		/* on retina, use image that's scaled by 2 */
	}
}
 @media (min-width: 992px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 992px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 992px) and (min-device-pixel-ratio: 1.3), (min-width: 992px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/lg/sac-energy-circle-logo@2x-2b04b084.png");
		 background-size: 295px 295px;
	}
}
 @media (min-width: 992px) and (min--moz-device-pixel-ratio: 3), (min-width: 992px) and (-o-min-device-pixel-ratio: 3), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 992px) and (min-device-pixel-ratio: 3), (min-width: 992px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-energy {
		 background-image: url("/assets/homepage/lg/sac-energy-circle-logo@3x-67b4848e.png");
		 background-size: 295px 295px;
	}
}
 @media (min-width: 992px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 992px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 992px) and (min-device-pixel-ratio: 1.3), (min-width: 992px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/lg/shell-circle-logo@2x-55f19b1a.png");
		 background-size: 295px 295px;
	}
}
 @media (min-width: 992px) and (min--moz-device-pixel-ratio: 3), (min-width: 992px) and (-o-min-device-pixel-ratio: 3), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 992px) and (min-device-pixel-ratio: 3), (min-width: 992px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-shell {
		 background-image: url("/assets/homepage/lg/shell-circle-logo@3x-29e7f036.png");
		 background-size: 295px 295px;
	}
}
 @media (min-width: 992px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 992px) and (-o-min-device-pixel-ratio: 1.3), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 992px) and (min-device-pixel-ratio: 1.3), (min-width: 992px) and (min-resolution: 1.3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/lg/sac-towing-and-recovery-circle-logo@2x-8ca355db.png");
		 background-size: 295px 295px;
	}
}
 @media (min-width: 992px) and (min--moz-device-pixel-ratio: 3), (min-width: 992px) and (-o-min-device-pixel-ratio: 3), (min-width: 992px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 992px) and (min-device-pixel-ratio: 3), (min-width: 992px) and (min-resolution: 3dppx) {
	 #homepage-landing-screen .circle-logo-sac-towing-and-recovery {
		 background-image: url("/assets/homepage/lg/sac-towing-and-recovery-circle-logo@3x-4814948b.png");
		 background-size: 295px 295px;
	}
}
 #homepage-landing-screen .circle-logo {
	 animation-delay: 0.3s;
	 animation-duration: 1s;
}
 #homepage-landing-screen h1, #homepage-landing-screen #latest-article {
	 animation-duration: 1s;
	 animation-delay: 1s;
}
 #newsletter-signup-section {
	 background-color: #fff;
	 border: 1px solid #e4e9f7;
	 box-shadow: 0 25px 60px rgba(15, 23, 42, 0.08);
	 padding: 48px 32px;
	 border-radius: 28px;
	 width: min(960px, calc(100% - 40px));
	 margin: -60px auto 80px;
}
 #newsletter-signup-section h2 {
	 color: #0f172a;
	 font-weight: 700;
	 letter-spacing: 1.2px;
	 margin-bottom: 24px;
}
 #newsletter-signup-section form {
	 display: flex;
	 flex-wrap: wrap;
	 gap: 16px;
	 align-items: center;
	 justify-content: center;
}
 #newsletter-signup-section input[type=email] {
	 background: #f9fbff;
	 border: 1px solid #cfd7f0;
	 -webkit-border-radius: 999px;
	 -moz-border-radius: 999px;
	 border-radius: 999px;
	 display: block;
	 width: 100%;
	 padding: 14px 22px;
	 font-size: 16px;
	 font-family: "proxima-nova", "sans-serif";
	 font-weight: 400;
	 box-shadow: 0 10px 25px rgba(96, 110, 138, 0.12);
	 transition: border-color 0.2s ease, box-shadow 0.2s ease;
	 flex: 1 1 280px;
}
 #newsletter-signup-section input[type=email]:focus {
	 border-color: #5b7cfa;
	 box-shadow: 0 15px 35px rgba(91, 124, 250, 0.25);
	 outline: none;
}
 #newsletter-signup-section #form-submit-container {
	 position: static;
	 top: auto;
	 left: auto;
	 float: none;
}
 #newsletter-signup-section input[type=submit] {
	 transition: transform 0.2s ease, box-shadow 0.2s ease;
	 -webkit-border-radius: 999px;
	 -moz-border-radius: 999px;
	 border-radius: 999px;
	 background: linear-gradient(120deg, #3a7bff, #00c2ff);
	 border: none;
	 padding: 14px 32px;
	 font-size: 16px;
	 font-family: "proxima-nova", "sans-serif";
	 font-weight: 600;
	 color: #fff;
	 box-shadow: 0 15px 35px rgba(58, 123, 255, 0.35);
}
 #newsletter-signup-section input[type=submit]:hover {
	 transform: translateY(-2px);
	 box-shadow: 0 20px 45px rgba(30, 82, 190, 0.35);
}
 @media (max-width: 600px) {
	 #homepage-landing-screen h1 {
		 font-size: 36px;
	}
	 #homepage-landing-screen header {
		 padding: 40px 24px 70px;
	}
	 #newsletter-signup-section {
		 margin: -40px 16px 60px;
		 width: auto;
	}
	 #newsletter-signup-section form {
		 flex-direction: column;
	}
	 #newsletter-signup-section input[type=submit] {
		 width: 100%;
		 text-align: center;
	}
}
 #static-masthead {
	 padding-bottom: 20px;
	 position: relative;
	 top: 0;
}
 .lead-section {
	 background-color: #fff;
	 margin: 40px 0;
}
 .lead-section p.lead {
	 font-size: 23px;
	 font-line-height: 33px;
	 font-color: #2d2d2d;
	 font-weight: 100;
	 margin: 20px 0 20px 0;
	 border-left: 5px solid #c0c0c0;
	 padding: 13px;
}
 .order-steps img.img-responsive {
	 margin: 15px auto;
}
 .order-steps .oval-number {
	 margin-top: 15px;
}
 .order-steps h5 {
	 margin: 15px 0;
}
 .order-steps p {
	 font-weight: 100;
	 font-size: 20px;
}
 .middle-step-order-landing-page {
	 border-left: 1px solid #ccc;
	 border-right: 1px solid #ccc;
}
 .order-steps-flow h5 {
	 margin: 0;
	 padding: 10px 0;
	 line-height: 30px !important;
	 vertical-align: center;
}
 .order-steps-flow .row {
	 margin: 20px 0;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 overflow: hidden;
}
 .order-steps-flow .col-sm-4 {
	 background-color: none;
}
 .order-steps-flow .col-sm-4.active {
	 background-color: #f5a623;
}
 .order-steps-flow .col-sm-4.completed {
	 opacity: 1;
	 background-color: #ccc;
}
 .order-steps-flow .col-sm-4.pending {
	 opacity: 0.6;
	 background-color: #ccc;
}
 #sac-energy-landing-page h1 {
	 font-size: 45px;
}
 #macbook {
	 position: relative;
	 top: -50px;
	 margin-bottom: -50px;
	 overflow: hidden;
}
 @media (min-width: 768px) {
	 #macbook {
		 top: -380px;
		 margin-bottom: -380px;
		 overflow: hidden;
		 display: block;
		 width: 440px;
		 height: 415px;
		 float: right;
		 background-size: 711px 415px;
		 background-image: image-url("/assets/order-landing-page/macbook-sac-energy-6b6fa259.png");
		 background-repeat: no-repeat;
	}
}
 @media (min-width: 992px) {
	 #macbook {
		 width: 540px;
		 top: -360px;
		 margin-bottom: -360px;
	}
}
 @media (min-width: 1200px) {
	 #macbook {
		 width: 600px;
	}
}
 #get-started-button, #learn-more-button {
	 border: none;
	 outline: none;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 font-family: 'proxima-nova';
	 font-weight: 700;
	 font-size: 30px;
	 padding: 10px 30px;
	 background-color: #2d2d2d;
	 color: #fff;
	 width: 100%;
	 display: block;
	 transition: 0.4s;
	 text-align: center;
	 margin: 20px 0;
}
 #get-started-button:hover, #learn-more-button:hover {
	 background-color: #84bf41;
}
 #learn-more-button {
	 font-size: 20px;
	 background-color: #fff;
	 color: #2d2d2d;
	 width: 90%;
	 margin: 20px auto;
}
 #learn-more-button:hover {
	 background-color: #4b4b4b;
	 color: #fff;
}
 #fuel-for-good-masthead {
	 background-image: image-url("/assets/fuel-for-good/fuel-for-good-banner-c0a40a5d.png");
	 background-color: #84bf41;
	 background-repeat: no-repeat;
	 display: block;
	 height: 449px;
	 background-position: center;
}
 .fuel-for-good-bullet-points {
	 padding: 50px 0;
	 font-size: 30px;
	 letter-spacing: 0px;
	 line-height: 1.2;
}
 #donated-amount-container {
	 background-color: #2d2d2d;
	 padding: 30px 0;
}
 #donated-amount-container h2 {
	 color: #ebebeb;
	 font-size: 96px;
	 letter-spacing: 0px;
	 line-height: 1.2;
	 font-weight: 700;
	 text-align: center;
}
 #donated-amount-container p {
	 color: #ebebeb;
}
 .fuel-for-good-titles {
	 text-transform: none;
	 color: #212a34;
	 font-size: 72px;
	 letter-spacing: 0px;
	 line-height: 1.2;
	 font-weight: 500;
	 margin: 0;
}
 .fuel-for-good-link {
	 padding: 20px;
	 background: #dedede;
	 border-radius: 4px;
	 color: #2a2b2a !important;
	 border: none;
	 transition: 0.4s;
}
 .fuel-for-good-link:hover {
	 background: #fff;
	 color: #2a2b2a;
}