/* CSS Document */

.laundry-header { background-color: #102948; background: url(/laundry/images/header-laundry-banner-large.jpg) center bottom no-repeat; color: #fff; text-align: center; margin-left: auto; margin-right: auto; }
.laundry-header h1 { font-weight: 400; }
.laundry-header h1 .greenist { color: #88d4c5; }
.laundry-header .intro {}
.laundry-header .watch-video { width: 200px; margin:50px auto 0; display:inline-block; }
.laundry-header .watch-video .video-keyframe { width:200px; height:120px; margin: 0 auto 2px; border-radius: 5px; background: url(/laundry/images/video-thumbnail-large.jpg) center center no-repeat; background-size: cover; display: table; text-align:center;  }
.laundry-header .watch-video .video-keyframe .video-play { display: table-cell; font-size: 3.8em; color: #fff; vertical-align:middle; }
.laundry-header .watch-video .video-keyframe .video-play:before,
.laundry-header .watch-video .video-keyframe .video-play:after { padding:0; line-height:1.4em; }
.laundry-header .watch-video p { color: #fff; }
.laundry-header .watch-video:hover { text-decoration: none; }
.laundry-header .watch-video:hover .video-play { color: #39f; }
.laundry-header .watch-video:hover p { text-decoration: none; }



.laundry-content {}
.laundry-content .question { margin-bottom: 40px; }
.laundry-content .question h5 { font-size: 1.5em; line-height: 1; font-weight: 500; }

.laundry-content .question-elements { margin-bottom: 2.5em; }
.laundry-content .question-elements h5 { margin-bottom: 20px; font-weight: 500; }
.laundry-content .question-elements .elements-watch { text-align: center; }
.laundry-content .question-elements .elements-watch p { margin-top: 0; font-weight: 600; text-transform: uppercase; font-size: 0.8em; }
.laundry-content .question-elements .elements-watch figure.watch { width:85px; height:85px; margin: 15px auto 15px; }
.laundry-content .question-elements .elements-watch .watch-water { background: url(/laundry/images/watch-water.jpg); background-position: center center; background-repeat:no-repeat; }
.laundry-content .question-elements .elements-watch .watch-action { background: url(/laundry/images/watch-action.jpg); background-position: center center; background-repeat:no-repeat; }
.laundry-content .question-elements .elements-watch .watch-time { background: url(/laundry/images/watch-time.jpg); background-position: center center; background-repeat:no-repeat; }
.laundry-content .question-elements .elements-watch .watch-agent { background: url(/laundry/images/watch-agent.jpg); background-position: center center; background-repeat:no-repeat; }
.laundry-content .question-elements .elements-watch .watch-heat { background: url(/laundry/images/watch-heat.jpg); background-position: center center; background-repeat:no-repeat; }

.laundry-content .module-process .module-list li { margin-bottom: 1.5em; height: 135px; }
.laundry-content .module-process .module-list li p { margin: 0; }
.laundry-content .module-process .module-list li .module-list-title { color:#888; font-weight: 600; white-space: nowrap; font-size: 0.8em; border-bottom: #999 solid 1px; display: inline-block; text-transform: uppercase; margin-bottom: 5px; padding-bottom: 5px;  }


@media only screen {
	.laundry-content .question-elements .elements-watch .watch-water { background: url(/laundry/images/watch-water.svg); }
	.laundry-content .question-elements .elements-watch .watch-action { background: url(/laundry/images/watch-action.svg); }
	.laundry-content .question-elements .elements-watch .watch-time { background: url(/laundry/images/watch-time.svg); }
	.laundry-content .question-elements .elements-watch .watch-agent { background: url(/laundry/images/watch-agent.svg); }
	.laundry-content .question-elements .elements-watch .watch-heat { background: url(/laundry/images/watch-heat.svg); }
	}


/*Retina Full Size*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 144dppx) {
	.laundry-header { background: url(/laundry/images/header-laundry-banner-large_2x.jpg) center bottom no-repeat; background-size: 2560px 600px; }
	}

/*Medium*/
@media only screen and (max-width: 1069px) { 
	.laundry-header { background: url(/laundry/images/header-laundry-banner-medium.jpg) center top no-repeat; background-size: 1070px 600px; }
	}
	
/*Retina Medium*/
@media only screen and (max-width: 1069px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1069px) and (min-resolution: 144dpi), only screen and (max-width: 1069px) and (min-resolution: 144dppx) {
	.laundry-header { background: url(/laundry/images/header-laundry-banner-medium_2x.jpg) center top no-repeat; background-size: 1070px 600px; }
	}

/*Small*/
@media only screen and (max-width: 735px) {
	.laundry-header .intro { max-width: 290px; font-size: 0.95em; }
	.laundry-content .question-elements h4 { margin-bottom: 15px; }
	.laundry-content .elements-watch .column { margin-bottom: 30px; }
	
	.laundry-content .module-process .module-list li { height: auto; }
		
	}

/*Retina Small*/
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
		
	}