html {
	box-sizing: border-box;
	}
	*, *:before, *:after {
	box-sizing: inherit;
	}
	
	html,body { margin:0; padding:0; }
	
	.flex { display: flex; }
	.flex3 { flex-grow:1; flex-shrink:0; }
	
	.flex.between { justify-content: space-between;} 
	.contain { max-width:1600px; width:100%; overflow:hidden; margin:0 auto; padding-left:1rem; padding-right:1rem;}
	html { font-size:16px; font-family:"Helvetica Neue","Arial",sans-serif; color:#000; }
	h1,h2,h3 { font-family:"Helvetica Neue","Arial",sans-serif; font-weight:bold; line-height:1; color:#000;}
	img { max-width:100%; }
	p { line-height:1.6;}
	a {
		color:#3557B3;
	}
	a:hover {
		color:#3557B3;
	}
	
	body > nav { 
		margin:2rem 0; 
	}
	
	
	sup{
		font-size: 0.5em;
		font-weight: normal;
		margin: 0;
	}
	
	
	div#app-carousel {
		margin: 0 0 50px 0;
	}
	
	/*DH added - Scroll Indicator */
		.arrow a span {position: absolute;left: 50%;width: 24px;height: 24px;margin-left: -12px;border-left: 1px solid #000;border-bottom: 1px solid #000;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: sdb05 1.5s infinite;animation: sdb05 1.5s infinite;box-sizing: border-box; display:block;}
		
	@-webkit-keyframes sdb05 {0% {-webkit-transform: rotate(-45deg) translate(0, 0);opacity: 0;} 50% {opacity: 1;} 100% {-webkit-transform: rotate(-45deg) translate(-20px, 20px);opacity: 0;}}
	@keyframes sdb05 {0% {transform: rotate(-45deg) translate(0, 0);opacity: 0;} 50% {opacity: 1;} 100% {transform: rotate(-45deg) translate(-20px, 20px);opacity: 0;}}
	/* End Scroll Indicator*/
	
	#hero {
		max-width:1600px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#hero .partner_logo {
		width: 300px;
		height: auto;
		left: 0;
		margin-left: -60px;
		background-color: rgba(255,255,255,.80);
		top: 350px;
		border-radius: 25px;
		padding: 1em 1em 1em 4em;
		text-align: center;
		z-index: 2;
		position: absolute;
	}
	
	.flex-container {
		display:flex;
		overflow:hidden;
	}
	 
	#logo {
		width:270px;
		height:auto;
		margin:2em auto;
	}
	#titlebar {
		background-color:#eeb111;
		padding-top:1em;
		padding-bottom:1em;
		width:100%;
		text-align:center;
	}
	   
	#nav-btns {
		margin-top:2em;
	}
	#hero {
		width: 100%;
		min-height: 800px;
		max-height: 900px;
		position: relative;
	}
	
	#mouse {
	width:100%;
		height:40px;
		text-align:center;
		margin-top:1em;
		margin-bottom:1em;
	}
	
	#mouse img {
		width:3%;
		height:auto;
		margin-top:2em;
	}
	#hero h2 {
		color: #000;
		margin: 0 auto 3em auto!important;
		position: relative;
		top: 650px;
		font-size: 220%;
		text-align: center;
		width: 60%;
		height: auto;
		line-height: 1em;
		font-weight: normal;
		z-index: 9;
		background: #ffffff8a;
		border-radius: 20px;
		padding: 20px;
	}
	
	.spin-title
	{
		
		font-size:300%;
		font-weight:700;
		line-height:1em;
		text-align:center;
		
	}
	
	
	#hero .lowes img {
	width:80%;
		height:auto;
	}
	
	#hero .lowes {
		width: 260px;
		height: auto;
		left: 0;
		margin-left: -60px;
		background-color: rgba(255,255,255,.80);
		top: 350px;
		border-radius: 25px;
		padding: 1em 1em 1em 4em;
		text-align: center;
		z-index: 2;
		position: absolute;
		
	}
	
	img.herogif {
		object-fit: cover;
		width: 100%;
		position: absolute;
		top: 0;
		background-position: top;
		max-height: 800px;
		z-index: 1;
		object-position: top;
	}
	
	p.ex {
	font-weight:700;	
		font-size:110%;
		
	}
	
	.lowes p {
		margin-top:.05em;
		margin-bottom:.05em;
		line-height:1.3;
	}
	
	#epic {
		min-height:100vh;
		padding-bottom:4em;
		margin-bottom:4em;
		
	}
	
	#epic h2 {
		margin:1.2em auto 0 auto;
		width:50%;
		height:auto;
		font-size:500%;
		font-weight:700;
		line-height:1em;
		text-align:center;
		
		
	}
	
	h3.epic {
		margin:2em auto;
		height:auto;
		font-size:300%;
		font-weight:700;
		line-height:1em;
		text-align:center;
		padding-top:1em;
		width:80%;
		
	}
	
	#subepic {
		background-color:#F2F2F2;
		margin-top:6em;
	}
	
	#subepic h2{font-size:50px;}
	
	#subepic p {font-size:150%;}
	
	#subepic .item {
		width:50%;
	}
	
	canvas {
		transform: scale(1);
	}
	
	#agitator-insert img {
		width:29%;
		position:relative;
		opacity:0;
		top:0;
		margin-left: auto;
		margin-right: auto;
		left:calc(1px);
		display: block;
		transition: top 3s ease-out, opacity 5s ease-out;
		z-index:10;
	}
	
	#agitator-insert img.is-visible {
		width:29%;
		opacity:1;
		top: 83px;
	}
	
	#base img {
		width:90%;
		position:relative;
		opacity:0;
		margin:30px auto 0 auto;
		display: block;
		transition: opacity 5s ease-out;
		z-index:9;
		padding-left:-3px;
	}
	
	#base img.is-visible {
		width:90%;
		opacity:1;
		
	}
	
	.subepic1, .subepic2 {
		/*overflow:hidden;*/
	}
	
	#agitator {
		left: 0;
		text-align: center;
		
	}
	
	#impeller {
	
		text-align:center;
	}
	
	#impeller p {
	margin-right:1em;
		padding-left:3em;
		padding-right:3em;
	}
	
	#agitator p {
	  padding-left:2em;
		padding-right:2em;
		margin-left: 1em;
		padding-bottom:4em;
	}
	
	#agitator img {
		transform:translateX(-60%);
	}
	#impeller img {
		transform:translateX(60%);
	}
	:is(#agitator,#impeller) img {
		transition:all 3s ease-in-out;
		opacity:0;
	}
	:is(#agitator,#impeller) img.active {
		transform:translateX(0%);
		opacity:1;
	}
	
	#subscription .item {
		opacity:0;
	}
	.fade-in {
		animation: fadeIn ease 3s;
		animation-fill-mode: forwards; /* stop anim state at end */
	}
	.feature1.item, .feature1.item3 {
		animation-delay: 0.5s;
	}
	.feature2.item, .feature2.item3 {
		animation-delay: 1s;
	}
	.feature3.item, .feature3.item3 {
		animation-delay: 1.5s;
	}
	.feature4.item {
		animation-delay: 2s;
	}
	#subscription .feature1.item,#subscription .feature2.item,#subscription .feature3.item,#subscription .feature4.item, #qq .feature1.item3, #qq .feature2.item3, #qq .feature3.item3 {
		opacity:0; /* start 0 by default */
	}
	
	body h2.epic {
		opacity:0;
		transition:all 5s ease-in;
	}
	body.separate h2.epic {
		opacity:1.0;
	}
	#agitator-insert img {
		top:100px;
		left:10px;
		transition:all 3s ease;
	}
	body.separate #agitator-insert img {
		top:100px;
	}
	
	#qqwrap h4 {
		text-align:center;
		margin-right:auto;
		margin-left:auto;
		left:0;
		right:0;
	}
	
	@keyframes fadeIn{
		0% {
		  opacity:0;
		}
		100% {
		  opacity:1;
		}
	  }
	
	
	#break1 {
	background-image:url(images/break1.jpg);
		background-size:cover;
		min-height:800px;
		max-height:1000px;
		margin-bottom:6em;
	}
	
	#break2 {
	background-image:url(images/break2.jpg);
		background-size:cover;
		min-height:800px;
		max-height:1000px;
		margin-top:6em;
		margin-bottom:6em;
	}
	
	
	#features h4 {
		font-size: 20px;
		margin: 10px 0;
	}
	
	.washerclick:hover, .dryerclick:hover, .alt_mlu_head h1:hover {
	cursor:pointer;	
		color:#707070!important;
		
	}
	
	.swiper-pagination-bullet:hover {
		background:#707070!important;
		cursor:pointer;
	}
	h3.washerfeaturesheadline {
		display:none;
		width:90%;
		font-weight:500;
	font-size:160%;
	line-height:1.6em;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		
		
	}
	
	h3.washerfeaturesheadline.show {
		display:block;
	}
	
	h3.dryerfeaturesheadline {
		font-size:160%;
		width:90%;
		font-weight:500;
	line-height:1.6em;
	display:none;
	text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	h3.dryerfeaturesheadlineforprint, h3.washerfeaturesheadlineforprint {
		font-size:1em;
		width:90%;
		font-weight:500;
		line-height:1.6em;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	
	.displayforprint h2.features {
		border-bottom: 5px solid #eeb111;
		width: fit-content;
	}
	
	h3.dryerfeaturesheadline.show {
		display:block;
	}
	
	h2.features, h2.subscription, h2.demos, h2.mlu, h2.qq  {
		margin:auto;
		width:auto;
		height:auto;
		font-size:300%;
		font-weight:700;
		line-height:1em;
		text-align:center;
		padding:0 0 20px 0;	
	}
	
	h2.features.washerclick, h2.features.dryerclick {
		padding: .5em .5em;
	}
	
	h2.subscription, h2.qq, h2.demos {
	
	border-bottom:5px solid #eeb111;
			padding: 50px 0 20px 0!important;
		width:65%;
	}
	
	
	h2.subscription{padding:50px 0 0 0;}
	
	h2.dryerclick, h2.washerclick {
		color:#b2b2b2;
	}
	
	h2.features.dryerclick.active, h2.features.washerclick.active {
		color: black!important;
	}
	h3.features, h3.subscription, h3.demos, h3.mlu, h3.qq {
		margin:1em auto;
		width:65%;
		height:auto;
		font-size:160%;
		font-weight:500;
		line-height:1.6em;
		text-align:center;
	}
	
	h3.qq {
		margin:1em auto;
		width:65%;
		height:auto;
		font-size:150%;
		font-weight:normal;
		line-height:1.6em;
		text-align:center;
	}
	
	
	
	#break1 h2 {
			width: 100%;
		height: auto;
		font-size: 550%;
		font-weight: 700;
		line-height: .2em;
		text-align: center;
		color: #000;
		padding-top: 35%;
		margin-top:0!important;
		text-shadow: 0 0 10px #fff;
	}
	
	#break2 h2 {
			width: 100%;
		height: auto;
		font-size: 550%;
		font-weight: 700;
		line-height: .2em;
		text-align: center;
		color: #000;
		padding-top: 10%;
		margin-top:0!important;
		text-shadow: 0 0 10px #fff;
	}
	
	
	#break1 h3, #break2 h3 {
		width:50%;
		height:auto;
		font-size:200%;
		font-weight:700;
		line-height:1.3em;
		text-align:center;
		color:#000;
		text-shadow: 0 0 10px #fff;
		margin-left: auto;
		margin-right: auto;
	}
	
	
	#app-carousel img {
	   opacity: 1;
	  transform: translateY(1em);
	  transition: transform 4s 2s ease-out,
				  opacity 4s .2s ease-out;
	  max-width: 600px;
	  width: 100%;
	  will-change: transform, opacity;
		margin-left:auto;
		margin-right:auto;
		display:block;
	  
	  
	}
	
	#app-carousel img.is-visible {
	  opacity: 1;
	  
	}
	
	
	#benefit1 {
		width:50%;
		position:relative;
		left:0px;
	}
	
	#benefit2 {
		width:50%;
		position:relative;
		right:0px;
	}
	#subscription .item img {
		width:40%;
		height:auto;
		margin-left: auto;
	margin-right: auto;
		display:block;
	}
	
	#qq .item3 img {
		width:30%;
		height:auto;
		margin-left: auto;
	margin-right: auto;
		display:block;
	}
	
	#subscription .item {
		text-align:center;
	}
	
	
	#subscription h4 {
	font-size:150%;
		
	}
	
	
	#features {
		background-color:#fff;	
		padding-top:5em;
		padding-bottom:5em;
	}
	
	#features .switcher_wrap{padding:0 0;}
	
	#features .flex-container, #subscription .flex-container {
	width:100%;
		flex-wrap:nowrap;
		 align-items: stretch;
		display:flex;
		justify-content: space-around;
		overflow:hidden;
		
	}
	
	#dryerfeaturewrap {
		display:none;
	}
	
	
	.playerPoster {
		position: absolute;
		display:none!important;
	}
	#features .flex-container .item, #subscription .flex-container .item {
		width:22.5%;
		margin:1% 0% 1% 2%;
		display:inline-table;
	}
	
	#mlu {
		display:block;
	}
	#mlu .flex-container {
		width:100%;
		flex-wrap:nowrap;
		 align-items: stretch;
		display:flex;
		justify-content: space-around;
	}
	
	
	#mlu .alt_mlu_head h1 span.lowes{
		display: block;
		font-size: 16px;
		text-align: center;
		font-style: italic;
		color: #888;
		margin: 5px 0 0 0;
	}
	
	.swiper-slide.swiper-slide-active .title, .swiper-slide.swiper-slide-active .text {
		display:block;
	}
	
	.swiper-slide.swiper-slide-prev .title, .swiper-slide.swiper-slide-prev .text {
		display:none;
	}
	
	.swiper-slide.swiper-slide-next .title, .swiper-slide.swiper-slide-next .text {
		display:none;
	}
	
	#alt_features {
		position:relative;
	}
	.alt_features_switcher_item_container {
		opacity:0;
		transition:all 0.5s ease-in-out;
		position:absolute;
	}
	.alt_features_switcher_item_container.active {
		
		opacity:1;
		position:static;
	}
	
	#mlu .alt_mlu_head h1 span.lowes:before{
		content:'';
		display:inline-block;
		margin-right:.3em;
	}
	
	section.alt_mlu_head h3 {
		font-size: 160%;
	}
	
	
	#qq .flex-container {
		width:100%;
		flex-wrap:nowrap;
		 align-items: stretch;
		display:flex;
		justify-content: space-around;
	}
	
	#qq h4 {
		
		text-align:center!important;
		font-size:170%;
		line-height: 1.2em;
		width:70%;
	}
	
	.item3 {
		width:30%;
		
		
		
	}
	#mlu .flex-container .item {
		width:25%;
		margin:3em;
	}
	
	#nav-btns button {
		position:relative;
		right:0em;
		display:block;
		width:200px;
		height:auto;
		margin-top:.5em;
	}
	
	#nav-btns ul{
		list-style-type: none; /* Remove bullets */
	  padding: 0; /* Remove padding */
	  margin: 0; /* Remove margins */
		float:right;
	}
	button {
		background-color:#f2f2f2;
		border-radius:28px;
		border:1px solid #ffffff;
		display:inline-block;
		cursor:pointer;
		color:#0a0a0a;
        /* biome-ignore lint: not solving now */
		font-family:Arial;
		font-size:15px;
		padding:8px 31px;
		text-decoration:none;
	}
	
	button:hover{
		background-color:#eeaf11;
	}
	#demos {
		background-color: #F2F2F2;
		padding:3em 0;
		margin-top:3em;
		width:100%;
			
	}
	
	#hamburger {
	position:relative;
		top:-12em;
	}
	
	#demos .flex-container {
	width:100%;
		flex-wrap:wrap;
		 align-items: stretch;
		display:flex;
		justify-content: space-around;
		
	}
	
	#demos .flex-container .item {
	width:30%;
		margin:.5em;
		
	}
	
	footer {
		overflow:hidden;
		padding-top:3rem;
		padding-bottom:2rem;
		background-color:#0D436B;
		font-size:90%!important;
		color:#fff!important;
		text-align:center;
	}
	footer img {
		max-width:300px;
		display:block;
		margin-left:auto;
		margin-right:auto;
		margin-bottom: 3em;
	}
	.printlogo {
		display: none;
	}
	
	footer h1 {
	
		font-size:32px!important;
	}
	
	footer a {
		text-decoration:none;
		color:#fff;
		padding:0 1em;
	}
	
	footer a:hover {
		color:#DADADA;
		text-decoration:underline;
	}
	
	footer-nav {
	width:20em;
		height:2em;
		margin-left:auto;
		margin-right:auto;
		
	}
	footer ul {
		list-style-type: none;
		display:block;
		width:100%;
		text-align:center;
		
	}
	#legal {
		background-color: #F2F2F2;
		width:100%;
		padding-top:4em;
		padding-bottom:4em;
	}
	
	#legal li {
	line-height: 2.5em;	
		
		
	}
	footer li {
		 display: inline;
		  list-style: none;
		  margin-left: auto;
		  margin-right: auto;
	}
	
	footer .legal {
		font-size:70%;
		margin:3em;
	}
	
	
	/*---- Swiper ---- */
	.swiper-container {
		  width: 100%;
		/*height: 50em;*/
		height:unset;
		/* overflow:hidden!important; */
		text-align:center!important;
		overflow:visible !important;
		margin-top:150px;
	}
	.swiper-pagination {
		
		position:relative!important;
	
	}
	
	#demos .swiper-container{padding:0 0 30px 0!important;}
	#demos .swiper-container-horizontal > .swiper-pagination-bullets{position:absolute; top:0px!important; height:90px;}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		/* top: 10px!important; */
		height:50px;
		left: 0;
		width: 100%;
		
		top:unset!important;
		bottom: 0!important;
		top: unset!important;
	}
	
		.swiper-slide {
		  text-align: center;
		  font-size: 18px;
		   -webkit-filter: blur(5px);
	  -moz-filter: blur(5px);
	  -o-filter: blur(5px);
	  -ms-filter: blur(5px);
	  filter: blur(5px);
	  
	  opacity:0.0;
	
	
		  /* Center slide text vertically */
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: -webkit-flex;
		  display: flex;
		  -webkit-box-pack: center;
		  -ms-flex-pack: center;
		  -webkit-justify-content: center;
		  justify-content: center;
		  -webkit-box-align: center;
		  -ms-flex-align: center;
		  -webkit-align-items: center;
		  align-items: center;
			
		}
	
		
		.swiper-slide .title {
		  font-size: 41px;
		  font-weight: 700;
			color:#000;
			margin-top:1em;
		}
	.swiper-slide {
		transition:all 0.7s ease-in-out ;
		opacity:0.2;
		transform:scale(0.7);
		filter:blur(5px);
		pointer-events: none;
	}
	.swiper-slide-active {
		opacity:1;
		/* width:90%!important; */
		/* margin-left:-24em!important;
		margin-right:-24em!important; */
		z-index:110!important;
		 -webkit-filter: blur(0px);
	  -moz-filter: blur(0px);
	  -o-filter: blur(0px);
	  -ms-filter: blur(0px);
	  filter: blur(0px);
		/* transform: opacity(2, 0.5); */
		transform:scale(1);
		pointer-events:auto!important;
	
	
	}
	
	.swiper-slide iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	
	}
		.swiper-slide .subtitle {
		  font-size: 21px;
		}
	
		.swiper-slide .text {
		  font-size: 17px;
		  /*max-width: 400px;*/
		  line-height: 1.3;
			color:#000;
		}
	
	.slidecontents {
		width: 100%;
		
	}
	.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
		width: 25%;
		height: 100%;
		top: 0;
		opacity: 0;
	}
	
	.swiper-pagination-bullet {
	  width: 30px!important;
	  height: 30px!important;
	  display: inline-block!important;
	  border-radius: 50%!important;
	  background: #B2B2B2!important;
	  opacity: 0.2!important;
	}
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
		top: -10px;
		left: 0;
		width: 100%;
	}
	
	.swiper-pagination-bullet-active {
	  opacity: 1!important;
	  background: #EEB111!important;
	}
	
	.demothumb {
		margin-top:0em;	
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}
	
	.img_contain {
		object-fit: contain;
	}
	.alt_mlu_head {
		
		padding:2rem;
		padding-bottom: 0px;
	}
	.switcher_container {
		display:flex;
		justify-content: center;
		align-items: flex-end;
	}
	.switcher_container h1 {
		margin:0;
		padding:1em .5em;
		font-size:2rem;
		color:#b2b2b2;
		transition:all 0.3s ease;
		text-align:center;
	}
	.switcher_wrap, .prim_switcher_wrap {
		border-bottom:5px solid #b2b2b2;
		transition:all 0.3s ease;
	}
	.switcher_wrap.active, .prim_switcher_wrap.active {
		border-bottom:5px solid #eeb111;
	}
	.switcher_wrap.active h1, .prim_switcher_wrap.active h1 {
		color:black;
	}
	.switcher_wrap:hover, .prim_switcher_wrap:hover {
		cursor:pointer;
	}
	
	.prim_switch_models {
		display:none;
	}
	.prim_switch_models.active {
		display:flex;
		flex-wrap: wrap;
	}
	
	.alt_mlu h3.center {
		width: 100%;
	}
	
	
	.washerstepuph3, .dryerstepuph3 {
		display: none;
	}
	
	.washerstepuph3.active, .dryerstepuph3.active {
		display: block;
	}
	
	.center {
		text-align:center;
	}
	.feature_comparison_wrap {
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	.feature_comparison_item_container {
		display:flex;
		align-items: center;
		justify-content: center;
	}
	.feature_comparison_item {
		width:14rem;
		height:10rem;
		border-radius:2rem;
		border:1px solid #d1d1d1;
		color:#d1d1d1;
		text-align:center;
		display:flex;
		align-items:center;
		position:relative;
		justify-content: center;
		margin:1rem;
		transition:all 0.5s ease;
		background:white;
	}
	
	.colorpicker {
		width:100%;
		height:auto;
		display:flex;
		margin-top:-3em;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	.whitemodel {
		width:70%;
		max-width: 300px;
		height:4em;
		border-radius:1rem;
		border:1px solid transparent;
		color:#000;
		text-align:center;
		display:flex;
		align-items:center;
		position:relative;
		justify-content: flex-end;
		margin:1rem;
		background:rgba(255,255,255,0.00);
		margin-left:30%;
	}
	
	
	
	.chromemodel {
		width:70%;
		height:4em;
		border-radius:1rem;
		border:1px solid transparent;
		color:#000;
		text-align:center;
		display:flex;
		align-items:center;
		position:relative;
		justify-content: flex-start;
		margin:1rem;
		background:rgba(255,255,255,0.00);
		background-image:url("images/lowesonly.png");
		background-position:5% center;
		background-repeat:no-repeat;
		background-size:75px 51px;
		margin-right:30%;
	}
	
	.chromemodel2 {
		width:70%;
		height:4em;
		border-radius:1rem;
		border:1px solid transparent;
		color:#000;
		text-align:center;
		display:flex;
		align-items:center;
		position:relative;
		justify-content: flex-start;
		margin:1rem;
		background:rgba(255,255,255,0.00);
		margin-right:30%;
	}
	
	.chromemodel2:hover, .chromemodel2.active, .whitemodel:hover, .whitemodel.active {
		cursor:pointer;
		border: 3px solid #eeb111;
		color: #000;
		background: #f2f2f2;
	}
	
	.chromemodel:hover, .chromemodel.active {
		background-image:url("images/lowesonly.png");
		background-color:rgba(0,73,144,0.12);
		cursor:pointer;
	}
	
	.whitemodel.switchedon.show81ww {
		margin: auto;
		cursor: pointer;
		border: 3px solid #eeb111;
		color: #000;
		background: #f2f2f2;
		justify-content: center;
	}
	
	
	img.m51cw,img.m61cw, img.m71cw, img.m81cw, img.m81cd, img.m71cd, img.m61cd, img.m51cd  {
		display:none;
	}
	
	
	
	
	.lowesnumber {
		font-weight:700;
		font-size:130%;
		color:#000;
		 display: table;
	}
	
	
	
	
	.whitemodel .radiobtn {
			width: 30px;
		height: 30px;
		display: inline-block;
		border-radius: 50%;
			opacity: .4;
		background: #FFF;
		border:1px solid #000;
		margin:1em;
	}
	
	
	
	.whitemodel .radiobtn.active {
		opacity: 1;
		background: #FFF;
		border:1px solid #606060;
	}
	
	.chromemodel .radiobtn, .chromemodel2 .radiobtn {
			width: 30px;
		height: 30px;
		display: inline-block;
		border-radius: 50%;
			opacity: .4;
		background: #606060;
		border:1px solid #000;
		margin:1em;
	}
	
	
	
	.chromemodel .radiobtn.active, .chromemodel2 .radiobtn.active {
		opacity: 1;
		background: #606060;
		border:1px solid #606060;
	}
	
	.switcher_title h1 {
		font-size:240%;
	}
	
	
	
	
	h1.buffright {padding-right:1.3em;}
	.feature_comparison_item.stepup:before {
		content: '+';
		position: absolute;
		top:-30px;
		border-radius:50%;
		color:#FFF;
		background:#eeb111;
		border:5px solid #FFF;
		font-size: 44px;
		padding: 0 12px;
		font-weight:700;
		line-height: unset;
	}
	
	.feature_comparison_item h5 {
		font-size:1.2rem;
		padding:1em;
	}
	.feature_comparison_item.active {
		border:3px solid #eeb111;
		color:#000;
		background:#f2f2f2;
	}
	.feature_comparison_item.stepup{
		background:#eeb111;
		border:3px solid #eeb111;
		color:#000;
		position:relative;
	}
	.step_up_img {
		margin-bottom:4rem;
		margin-top:2rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
		max-height:35vh;
	}
	.alt_mlu_switcher_item_container {
		height:0;
		overflow:hidden;
		opacity:0;
		transition:opacity 0.5s ease;
	}
	.alt_mlu_switcher_item_container.active {
		height:auto;
		opacity:1;
	}
	.alt_mlu_contents {
		display:none;
	}
	.alt_mlu_contents.active {
		display:block;
	}
	
	
	.menu {
	  position: absolute;
		top: 2em;
	}
	
	.menu span {
	  color:#000;
	  padding: 13px 13px;
	  margin: 0 0 0 -5px;
	}
	
	.menu span.show {
		border-right: 1px solid #CCC;
	}
	
	
	
	
	.menu span:hover {
	  opacity:1;
		cursor:pointer;
		text-decoration:underline;
	
	}
	
	.menu span.fa-bars:hover {
	  opacity:1;
		cursor:pointer;
		text-decoration:none!important;
	
	}
	
	.menu span.hidden {
	  visibility: hidden;
	}
	
	.menu span:first-child{margin:0 15px 0 0;}
	
	.menu span:last-child {
		border-right: 0;
		width:60px;
		height:60px;
	}
	.menu span:nth-child(1) {
	  /*background-color: black;*/
	  width:60px;
		height:60px;
	}
	.menu span:nth-child(1).show {
	  transform: translate(100px);
	}
	.menu span:nth-child(2) {
	  /*background-color: black;*/
		width:60px;
		height:60px;
	}
	.menu span:nth-child(2).show {
	  transform: translate(100px);
	}
	.menu span:nth-child(3) {
	  /*background-color: black;*/
		width:60px;
		height:60px;
	}
	.menu span:nth-child(3).show {
	  transform: translate(100px);
	}
	
	
	.menu span.show:hover {
		background: #eeb111;
		color: #FFF;
		text-decoration: none;
	}
	
	#epic .scroll-container {
	  height: 100vh;
	  max-width: 1000px;
		margin-right: auto;
		margin-left: auto;
	}
	#epic .speak {
	  margin: 100vh 0;}
	 #epic .speak:first-child {
		margin-top: -55vh;
	  
	}
	
	#epic .speak[data-scroll] {
	  transition: opacity .3s;
	  /*transform: translatey(calc(var(--viewport-y) * 15vh));*/
	  opacity: calc(var(--visible-y));
	  opacity: calc(var(--viewport-y)*2);
	  
	}
	
	#epic .scroll-sequence-content {
	  padding: 1em;
	}
	#epic .scroll-sequence {
	  position: sticky;
	  top: 0;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  z-index: -5;
	  height: 100vh;
	  width: 100%;
	  background-position: center;
	  background-size: cover;
	  background-repeat: no-repeat;
	}
	
	.alt_mlu img {
		width:75%;
		height:auto;
	}
	
	#dryerprint, #washerprint {
		display:none;
	}
	
	.displayforprint {
		display:none;
	}
	
	.displayforscreen {
		display: block;
	}
	
	
	@media (max-width: 749px) {
		#nav-btns {
			margin-top: 1em;
		}
	
		#nav-btns ul {
			float: none;
			width: fit-content;
			margin: auto;
		}
	
		#nav-btns ul li {
			display: inline-block;
		}
	
		#nav-btns button {
			width: fit-content;
		}
	
		.menu {
			top: 5em;
		}
	
		.menu {
			font-size: .7em;
		}
	
		span.fa.fa-bars.fa-2x.f-fw {
			font-size: 3em;
			padding-top: 20px;
		}
	
		#logo {
			margin-top: 4em;
		}
	
		#hero {
			max-height: 30vh;
			min-height: 30vh;
			background-position: center;
		}
	
		#hero .lowes {
			width: 185px;
			top: 395px;
			position: absolute;
			right: 15px;
			font-size: 1em;
		}
	
		#hero .lowes img {
			width: 65%;
		}
	
		.lowes p {
			font-size: .7em;
		}
	
		#hero h2 {
			top: 160px;
			font-size: 1em;
		}
	
		h2#epic1 {
			font-size: 3em;
			margin: 1.2em 0px;
			width: 100%;
		}
	
		h3.epic, h2.qq {
			font-size: 2em;
		}
	
		#agitator p, #impeller p {
			padding: 0;
			font-size: 1em;
		}
	
		#break1 h2 {
			font-size: 3em;
			line-height: 1;
		}
	
		#break1 h3, #break2 h3 {
			font-size: 2em;
			width: 90%;
		}
	
		#subepic h2 {
			font-size: 3em;
		}
	
		#agitator h2, #impeller h2, #break2 h2 {
			font-size: 2em;
		}
	
		h2.features, h2.subscription, h2.demos, h2.mlu, h3.washerfeaturesheadline.show, #features h4, h3.dryerfeaturesheadline, h3.subscription, #subscription h4, h3.demos, .switcher_wrap.active h1, .prim_switcher_wrap.active h1, .switcher_title h1, .washerstepuph3.active, .dryerstepuph3.active, .switcher_container h1, h3.qq, #qq .feature1.item3 h4, #qq .feature2.item3 h4, #qq .feature3.item3 h4 {
			font-size: 1em;
		}
	
		#features .flex-container .item, #subscription .flex-container .item {
			width: 46%;
		}
	
		.flex-container {
			flex-wrap: wrap!important;
		}
		#break1 {
			margin-bottom: 1em;
		}
	
		#break2 {
			min-height: 100%;
			margin-bottom: 1em;
		}
	
		.feature_comparison_item h5 {
			font-size: .8em;
			padding: .3em;
		}
	
		.feature_comparison_item {
			width: 9rem;
		}
	
		#legal li {
			font-size: .7em;
		}
	
		footer ul {
			padding: 0!important;
		}
	
		footer a {
			padding: 0;
		}
	  }
	@media (max-width: 1200px) {
		#epic .scroll-container {
			max-width: 700px;
		  }
		#epic .scroll-sequence {
			height: 120vh;
		}
		#epic .speak:first-child {
			margin-top: -69vh;
		}
		h2#epic1 {
			font-size: 3em;
		}
	
	}
	@media (max-width: 1422px) {
		.colorpicker {
			flex-direction: column;
		}
	
		.chromemodel, .whitemodel, .chromemodel2 {
			width: 265px;
			margin: auto;
			border: solid 1px #00000014;
			margin-top: 10px;
		}
	  }
	
	  @media print {
		.screenlogo {
			display: none;
		}
		.printlogo {
			display: block;
		}
	
		.displayforprint {
			display:block;
		}
		
		.displayforscreen {
			display: none;
		}
	
		.displayforprint.dryer {
			margin-top: 45vh;
		}
	
		.displayforprint h2.features.dryerclick {
			color: black;
		}
	 }