dl.accordion {border: 1px solid #007F61; margin: .5em 0; padding: 0;}
dl.accordion dt {border: 0px solid blue; margin: 0; padding: .25em .5em;}
dl dd {margin: 0; padding: .75em;}
#page-content dl.accordion ul {margin: 0; font-size: 1em;}
#page-content dl.accordion h3.head {border: 0px solid red; margin: 0 2em 0 0; padding: .75em 0 .75em 3em; color: #007F61; font-size: 1.125em;}
#page-content dl.accordion p {margin: 0; font-size: 1em;}
/*.plus {top: .275em;}*/
#page-content dl.accordion p.head {margin: 0 0 .5em 0; color: #007F61; font-size: 1.125em; line-height: 1.125em;}
#page-content dl.accordion p.results {margin-top: .5em; color: #007F61; font-size: 1.125em; line-height: 1.125em; text-decoration: underline;}

.accordion_content {background-color: #e7f0dd;}
				
#page-content #wind-power-head {padding: .75em 0 .75em 3.5em; font-size: 1.375em; background: url(/images/green/eco-icon_wind.png) no-repeat center left;}
#lighting-head {background: url(/images/green/eco-icon_lighting.png) no-repeat center left;}
#landfill-gas-head {background: url(/images/green/eco-icon_gas.png) no-repeat center left;}
#water-head {background: url(/images/green/eco-icon_water.png) no-repeat center left;}
#wastewater-head {background: url(/images/green/eco-icon_water.png) no-repeat center left;}
#recycling-head {background: url(/images/green/eco-icon_recycle.png) no-repeat center left;}
#waste-head {background: url(/images/green/eco-icon_waste.png) no-repeat center left;}
#crate-head {background: url(/images/green/eco-icon_crate.png) no-repeat center left;}
#bottle-head {background: url(/images/green/eco-icon_bottle.png) no-repeat center left;}
#fruit-head {background: url(/images/green/eco-icon_tote.png) no-repeat center left;}
#lids-head {background: url(/images/green/eco-icon_carton.png) no-repeat center left;}
#paper-carton-head {background: url(/images/green/eco-icon_carton.png) no-repeat center left;}
#backhauling-head {background: url(/images/green/eco-icon_backhauling.png) no-repeat center left;}
#local-head {background: url(/images/green/eco-icon_local.png) no-repeat center left;}
#lean-head {background: url(/images/green/eco-icon_adoption.png) no-repeat center left;}
#docks-head {background: url(/images/green/eco-icon_dock.png) no-repeat center left;}


	/* -----------------------  MEDIA QUERIES    ------------------------ */
	/* 480px/16px = 30em */
	@media all and (min-width: 30em) {
	#wind-power {background: url(/images/green/eco-wind-power.jpg) no-repeat bottom right #e7f0dd;}
		#page-content dl #wind-power ul {margin-right: 145px;}
	#lighting {background: url(/images/green/eco-lighting.png) no-repeat top right #e7f0dd;}
		#page-content dl #lighting ul {margin-right: 145px;}
	#landfill-gas {padding-bottom: 65px; background: url(/images/green/eco-partnership-logos.png) no-repeat center bottom #e7f0dd;}
	#crate {background: url(/images/green/eco-crate.png) no-repeat bottom right #e7f0dd;}
		#page-content dl #crate ul {margin-right: 140px;}
	/*#bottle {background: url(/images/green/eco-bottle.png) no-repeat bottom right #e7f0dd;}
		#page-content dl #bottle ul {margin-right: 130px;}*/
	#paper-carton {background: url(/images/green/eco-paper-carton.png) no-repeat bottom right #e7f0dd;}
		#page-content dl #paper-carton ul {margin-right: 150px;}
	#docks {background: url(/images/green/eco-docks.jpg) no-repeat bottom right #e7f0dd;}
		#page-content dl #docks ul {margin-right: 155px;}
	}

	/* 700px/16px = 43.75em */
	@media all and (min-width: 43.75em) {
	#wind-power {background-image: none;}
		#page-content dl #wind-power ul {margin-right: 0;}
	#lighting {background-image: none;}
	#page-content dl #lighting ul {margin-right: 0;}
	#wind-power {background-image: none;}
	#crate {background-image: none;}
		#page-content dl #crate ul {margin-right: 0;}
	/*#bottle {background-image: none;}
		#page-content dl #bottle ul {margin-right: 0;}*/
	#paper-carton {background-image: none;}
		#page-content dl #paper-carton ul {margin-right: 0;}
	#docks {background-image: none;}
		#page-content dl #docks ul {margin-right: 0;}
	}

	/* 900px/16px = 56.25em */
	@media all and (min-width: 56.25em) {
	#wind-power {background: url(/images/green/eco-wind-power.jpg) no-repeat bottom right #e7f0dd;}
		#page-content dl #wind-power ul {margin-right: 145px;}
	#lighting {background: url(/images/green/eco-lighting.png) no-repeat top right #e7f0dd;}
		#page-content dl #lighting ul {margin-right: 145px;}
	#landfill-gas {padding-bottom: 65px; background: url(/images/green/eco-partnership-logos.png) no-repeat center bottom #e7f0dd;}
	#crate {background: url(/images/green/eco-crate.png) no-repeat bottom right #e7f0dd;}
		#page-content dl #crate ul {margin-right: 140px;}
	/*#bottle {background: url(/images/green/eco-bottle.png) no-repeat bottom right #e7f0dd;}
		#page-content dl #bottle ul {margin-right: 130px;}*/
	#paper-carton {background: url(/images/green/eco-paper-carton.png) no-repeat bottom right #e7f0dd;}
		#page-content dl #paper-carton ul {margin-right: 150px;}
	#docks {background: url(/images/green/eco-docks.jpg) no-repeat bottom right #e7f0dd;}
		#page-content dl #docks ul {margin-right: 155px;}
	}
	
	
	/* ==================================== NEW CONTENT 02-25-2019 ================================= */
.wrapper {
	background: #78bb69 url("/Images/green-initiative/green-hills-background.png") repeat-x center top;
}
	
.choke-94 {
	position: relative;
	border:0;
	margin-bottom: 0;
}

#page-content {
	overflow: hidden;
}
	
#page-content h2 {
	position: relative;
	margin-top: 0;
	font-family: 'Raleway', verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
	font-size: 2.625rem;
	color: #143659;
}
	
#page-content p {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0;
	padding-bottom: .75em;
}
	
#page-content img {
	display: block;
	max-width: 100%;
	height: auto;
}
	
.inner-wrapper {
	position: relative;
	width: 94%;
	margin: 0 auto;
	z-index: 2;
}

.white-rounded-box {
	padding: 3em 2em 1em;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	border: 1px solid #fff;	
	background-color: #fff;
}

.dark-green {
	color: #57ab44;
}

.dark-blue {
	color: #053e70;
}
	
.light-green-background {
	background-color: #e7f0de;
}
	
.dark-green-background {
	background-color: #57ab44;
}
	
.light-blue-background {
	background-color: #cde8f3;
}
	
.dark-blue-background {
	background-color: #143659;
}
	
.addthis_sharing_toolbox {
	text-align: left;
}
	
@media all and (min-width: 760px) {
	.one-half {
		float: left;
		width: 46%;
		padding: 0 2%;
	}
}

/* ===== FACT CALLOUTS ===== */
.fact-callout {
	position: relative;
}

.fact-callout .fact {
	position: relative;
	text-align: center;
	margin-bottom: 0.75em;
}

#page-content .fact-callout p {
	font-size: 1.1875rem;
	line-height: 1.1;
	font-weight: 400;
	text-transform: uppercase;
	padding: 1em;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 1px solid #fff;	
}

#page-content .fact-callout p span {
	display: block;
	font-size: 4.625rem;
	font-weight: 600;
	padding-bottom: 4px;
	text-transform: none;
}

@media all and (min-width: 760px) {

}


/* ===== INTRO SECTION ===== */
#intro-section {
	z-index: 1;
}

#intro-section h1 {
	padding-top: 0.25em;
	padding-bottom: 0.75em;
	margin-bottom: 0;
	text-align: center;
}

#intro-section .green-logo {
	margin-bottom: -60px;
}

#intro-section .green-logo img {
	max-height: 172px;
	margin: 0 auto;
}

@media all and (min-width: 600px) {
#intro-section h1 {
	float: left;
	width: 60%;
	text-align: left;	
}

#intro-section .green-logo {
	float: right;
	width: 36%;
	margin-top: -20px;
}
}

@media all and (min-width: 900px) {
#intro-section h1 {
	width: 76%;
	font-size: 2.625rem;
}

#intro-section .green-logo {
	width: 20%;
}
}


/* ===== WATER SECTION ===== */
/*#water-section {
	overflow-x: hidden;
}*/

.water-video-wrapper {
	position: relative;
	min-height: 520px;
	overflow: hidden;
}

#page-content .water-video-wrapper h2 {
	position: absolute;
	bottom: 130px;
	left: 0;
	text-align: center;
	padding: 0 15%;
	color: #fff;
	z-index: 1;
	font-weight: 300;
}

#water-video {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	/*height: 100%;*/
	object-fit: cover;
	background-size: cover;
	top: -50%;
	left: 0;
}

.water-content {
	position: relative;
}

.section-border {
	position: absolute;
	left: 0;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.water-border-top {
	top: -100px;
	height: 202px;
	background-image: url("/Images/green-initiative/water-border-top.png");
}

.water-border-bottom {
	bottom: -160px;
	height: 200px;
	background-image: url("/Images/green-initiative/water-border-bottom.png");
}

.water-text-wrapper {
	position: relative;
	padding: 1.5em 3% 0;
	z-index: 2;
}

.water-icon {
	position: relative;
	margin-top: -80px;
	margin-bottom: 1em;
}

.round-icon img {
	max-width: 220px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid #fff;
	margin: 0 auto;
}

.water-text {
	padding-bottom: 0.75em;
	margin-bottom: -30px;
}

@media all and (min-width: 600px) {
.water-text-wrapper {
	padding: 1.5em 5% 0;
}

#page-content .water-video-wrapper h2 {
	font-size: 3.375rem;
}

.water-icon {
	float: left;
	width: 28%;
	margin-top: -50px;
	margin-bottom: -30px;
}

.round-icon.water-icon img {
	position: absolute;
}

.water-text {
	float: right;
	width: 68%;
	padding-bottom: 0.75em;
	margin-bottom: -70px;
}
}

@media all and (min-width: 900px) {
.water-text-wrapper {
	padding: 1.5em 10% 0;
}

.water-icon {
	width: 28%;
}

.water-text {
	width: 68%;
}
}


/* ===== WIND SECTION ===== */
#wind-section {
	padding-top: 120px;
}

.wind-video-wrapper {
	position: relative;
	border: solid 5px #fff;
	overflow: hidden;
	margin-bottom: 1.5em;
}

#wind-video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.wind-content {
	position: relative;
	color: #fff;
}

#page-content .wind-content h2 {
	color: #fff;
}

.wind-facts {
	clear: both;
	padding: 1em 0;
}

.wind-facts .fact {
	padding: 0 3%;
	color: #fff;
}

.wind-facts .fact p span {
	color: #b3eda5;
}

@media all and (min-width: 600px) {
.wind-facts .fact {
	float: left;
	width: 46%;
	padding: 0 2%;
}
}

@media all and (min-width: 900px) {
.wind-video-wrapper {
	float: left;
	width: 68%;
}

.wind-content {
	float: right;
	width: 28%;
}

.wind-facts .fact {
	width: 23%;
	padding: 0 1%;
}
}

/* ===== CLEAN WATER SECTION ===== */
#clean-water-section {
	padding-top: 60px;
	padding-bottom: 60px;
}

.clean-water-border-top {
	top: 0;
	height: 50px;
	background-image: url("/Images/green-initiative/clean-water-border-top.png");
}

#clean-water-section .choke-94 {
	padding-top: 2.5em;
}

#clean-water-section img {
	position: relative;
	margin: 0 auto 1em;
	z-index: 9;
}

.clean-water-text {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	border:none;
	padding-top: 1.5em;
	z-index: 8;
}

.clean-water-text .inset-box {
	display: none;
}

@media all and (min-width: 750px) {
#clean-water-section img {
	margin-bottom:-10px;
}

.clean-water-text {
	width: 70%;
	padding-top: 3em;
}

.clean-water-text .inset-box {
	display: block;
	position: absolute;
	left: calc(50% - 14px);
	top: 0;
	width: 226px;
	height: 25px;
    -webkit-border-radius: 0 0 16px 16px;
    -moz-border-radius: 0 0 16px 16px;
    border-radius: 0 0 16px 16px;
    border: 0 solid #fff;
    background-color: #cde8f3;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}
}

.water-wave-one {
	position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 131px;
	background-image: url("/Images/green-initiative/water-wave-one.png");
	z-index: 1;
	
	 -webkit-animation: waveone 3s steps(40) infinite;
       -moz-animation: waveone 3s steps(40) infinite;
        -ms-animation: waveone 3s steps(40) infinite;
         -o-animation: waveone 3s steps(40) infinite;
            animation: waveone 3s steps(40) infinite;
}

@-webkit-keyframes waveone {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@-moz-keyframes waveone {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@-ms-keyframes waveone {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@-o-keyframes waveone {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@keyframes waveone {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

.water-wave-two {
	position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    height: 208px;
	background-image: url("/Images/green-initiative/water-wave-two.png");
	z-index: 1;
	opacity: .6;
	
	 -webkit-animation: wavetwo 3s steps(70) infinite;
       -moz-animation: wavetwo 3s steps(70) infinite;
        -ms-animation: wavetwo 3s steps(70) infinite;
         -o-animation: wavetwo 3s steps(70) infinite;
            animation: wavetwo 3s steps(70) infinite;
}

@-webkit-keyframes wavetwo {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@-moz-keyframes wavetwo {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@-ms-keyframes wavetwo {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@-o-keyframes wavetwo {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@keyframes wavetwo {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

.water-wave-three {
	position: absolute;
    bottom: 160px;
    left: 0;
    width: 100%;
    height: 131px;
	background-image: url("/Images/green-initiative/water-wave-three.png");
	z-index: 1;
	opacity: .9;
	
	 -webkit-animation: wavethree 4s steps(50) infinite;
       -moz-animation: wavethree 4s steps(50) infinite;
        -ms-animation: wavethree 4s steps(50) infinite;
         -o-animation: wavethree 4s steps(50) infinite;
            animation: wavethree 4s steps(50) infinite;
}

@-webkit-keyframes wavethree {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@-moz-keyframes wavethree {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@-ms-keyframes wavethree {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@-o-keyframes wavethree {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}

@keyframes wavethree {
   from { background-position:    0px; }
     to { background-position: 2122px; }
}


.water-wave-four {
	position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 208px;
	background-image: url("/Images/green-initiative/water-wave-two.png");
	z-index: 1;
	opacity: .4;
	
	 -webkit-animation: wavefour 4s steps(90) infinite;
       -moz-animation: wavefour 4s steps(90) infinite;
        -ms-animation: wavefour 4s steps(90) infinite;
         -o-animation: wavefour 4s steps(90) infinite;
            animation: wavefour 4s steps(90) infinite;
}

@-webkit-keyframes wavefour {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@-moz-keyframes wavefour {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@-ms-keyframes wavefour {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@-o-keyframes wavefour {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}

@keyframes wavefour {
   from { background-position:    0px; }
     to { background-position: 2123px; }
}



/* ===== LANDFILL / SHIPPING SECTION ===== */
#landfill-section {
	padding-top: 4em;
	z-index: 10;
}

#landfill-section h2 {
	text-align: center;
}

.landfill-border-top {
	top: 0;
	height: 50px;
	background-image: url("/Images/green-initiative/landfill-border-top-water.png");
}

.landfill-content {
	position: relative;
	padding-top: 0.5em;
	min-height: 440px;
}

.landfill-icon {
	position: relative;
	width: 254px;
	margin-left: auto;
	margin-right: auto;
}

.landfill-icon img {
	margin: 0 auto 1em;
	padding-right: 40px;
}

.landfill-icon .top-grad {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8bc6df+0,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(139,198,223,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(139,198,223,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(139,198,223,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8bc6df', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}

.landfill-icon .bottom-grad {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,8bc6df+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(139,198,223,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(139,198,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(139,198,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#8bc6df',GradientType=0 ); /* IE6-9 */
}

.landfill-icon .smoke-one {
	position: absolute;
    top: 76px;
    left: 42px;
    width: 47px;
    height: 108px;
	background-image: url("/Images/green-initiative/landfill-smoke-1.png");
	z-index: 1;
	
	 -webkit-animation: smokeone 2s steps(30) infinite;
       -moz-animation: smokeone 2s steps(30) infinite;
        -ms-animation: smokeone 2s steps(30) infinite;
         -o-animation: smokeone 2s steps(30) infinite;
            animation: smokeone 2s steps(30) infinite;
}

.landfill-icon .smoke-three {
	position: absolute;
    top: 110px;
	left:auto;
    right: 44px;
	width: 30px;
 }

@-webkit-keyframes smokeone {
   from { background-position:    0px 0px; }
     to { background-position: 0px -108px; }
}

@-moz-keyframes smokeone {
   from { background-position:    0px 0px; }
     to { background-position: 0px -108px; }
}

@-ms-keyframes smokeone {
	from { background-position:    0px 0px; }
	to { background-position: 0px -108px; }
}

@-o-keyframes smokeone {
  from { background-position:    0px 0px; }
     to { background-position: 0px -108px; }
}

@keyframes smokeone {
   from { background-position:    0px 0px; }
     to { background-position: 0px -108px; }
}

.landfill-icon .smoke-two {
	position: absolute;
    top: 5px;
    left: 100px;
    width: 47px;
    height: 153px;
	background-image: url("/Images/green-initiative/landfill-smoke-2.png");
	z-index: 1;
	
	 -webkit-animation: smoketwo 3s steps(40) infinite;
       -moz-animation: smoketwo 3s steps(40) infinite;
        -ms-animation: smoketwo 3s steps(40) infinite;
         -o-animation: smoketwo 3s steps(40) infinite;
            animation: smoketwo 3s steps(40) infinite;
}

@-webkit-keyframes smoketwo {
   from { background-position:    0px 0px; }
     to { background-position: 0px -153px; }
}

@-moz-keyframes smokeoone {
   from { background-position:    0px 0px; }
     to { background-position: 0px -153px; }
}

@-ms-keyframes smokeoone {
	from { background-position:    0px 0px; }
	to { background-position: 0px -153px; }
}

@-o-keyframes smokeoone {
  from { background-position:    0px 0px; }
     to { background-position: 0px -153px; }
}

@keyframes smokeoone {
   from { background-position:    0px 0px; }
     to { background-position: 0px -153px; }
}

.landfill-facts {
	max-width: 390px;
	margin: 0 auto;
}

.landfill-content .fact-callout .fact {
	display: inline-block;
	width: 100%;
	margin-bottom: 0;;
}

.landfill-content .fact-callout p {
	background-color: #fff;
}

.landfill-facts .fact p span {
	color: #57ab44;
}

.landfill-facts .trigger {
	display: block;
	position: absolute;
	bottom: -14px;
	left: 50%;
	width: 32px;
	height: 32px;
	-moz-transform:  translateX(-50%);
	-webkit-transform:  translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 50%;
	z-index: 1;
}

.landfill-facts .trigger .plus {
	position: relative;
	top: auto;
	right: auto;
	float: none;
	font-size: 32px;
	background: none;
	padding: 0;
	border: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.landfill-content .fact-callout .hidden-fact {
	display: none;
	position: absolute;
	bottom: 0;
}

.landfill-content .fact-callout .hidden-fact p {
	background-color: #57ab44;
	color: #fff;
}

@media all and (min-width: 550px) {
.landfill-icon {
	position: absolute;
	right: -10px;
	top: 1em;
}

.landfill-facts {
	margin: 0;
}

.landfill-icon img {
	padding-right: 0;
}

.landfill-text {
	padding-right: 240px;
}
}

@media all and (min-width: 760px) {
.landfill-icon {
	position: relative;
	right: auto;
	top: auto;
}

.landfill-facts {
	margin: 0 auto;
}

.landfill-icon img {
	padding-right: 40px;
}

.landfill-text {
	padding-right: 0;
}
}

@media all and (min-width: 970px) {
.landfill-icon {
	position: absolute;
	right: -10px;
	top: 1em;
}

.landfill-facts {
	margin: 0;
}

.landfill-icon img {
	padding-right: 0;
}

.landfill-text {
	padding-right: 240px;
}
}


/* SHIPPING */
#shipping {
	padding-top:2.5em;
}

.inset-icon {
	margin-bottom: -3em;
}

.shipping-icon {
	position: relative;
}

.shipping-icon img {
	position: relative;
	z-index: 3;
}

.shipping-icon .icon-base {
	position: absolute;
    top: 5px;
    left: 50%;
    width: 222px;
    height: 222px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 0px solid #fff;	
	-moz-transform:  translateX(-50%);
	-webkit-transform:  translateX(-50%);
	transform: translateX(-50%);
	background-image: url("/Images/green-initiative/shipping-icon-trees.png");
	z-index: 1;
	
	 -webkit-animation: play 2.5s steps(30) infinite;
       -moz-animation: play 2.5s steps(30) infinite;
        -ms-animation: play 2.5s steps(30) infinite;
         -o-animation: play 2.5s steps(30) infinite;
            animation: play 2.5s steps(30) infinite;
}

@-webkit-keyframes play {
   from { background-position:    0px; }
     to { background-position: -666px; }
}

@-moz-keyframes play {
   from { background-position:    0px; }
     to { background-position: -666px; }
}

@-ms-keyframes play {
   from { background-position:    0px; }
     to { background-position: -666px; }
}

@-o-keyframes play {
   from { background-position:    0px; }
     to { background-position: -666px; }
}

@keyframes play {
   from { background-position:    0px; }
     to { background-position: -500px; }
}

@media all and (min-width: 480px) {
#shipping .inner-padding {
	padding: 0 2em;
}
}


/* ===== WASTE SECTION ===== */
#waste-section {
	color: #fff;
	padding-top: 5em;
	padding-bottom: 5em;
}

.waste-border-top {
	top: 0;
	height: 78px;
	background-image: url("/Images/green-initiative/waste-border-top.png");
}

.waste-border-bottom {
	bottom: 0;
	height: 78px;
	background-image: url("/Images/green-initiative/waste-border-bottom.png");
}

#page-content #waste-section h2 {
	text-align: center;
	color: #fff;
}

#page-content #waste-section .fact-callout p span {
	color: #7ebfd8;
}

#page-content .fact-callout.waste-intro p {
	border: 0;
	padding-top: 0.5em;
}

.waste-facts .fact {
	padding: 0 3%;
}

.fact-callout.waste-sum-fact {
	text-align: center;
	padding-bottom: 2.5em;
}

#page-content .fact-callout.waste-sum-fact p {
	background-color: #fff;
	color: #143659;
	padding-left: 2em;
	padding-right: 2em;
}

#page-content .fact-callout.waste-side-fact p {
	border: 0;
}


@media all and (min-width: 600px) {
.waste-facts .fact {
	float: left;
	width: 46%;
	padding: 0 2%;
}

#page-content .fact-callout.waste-side-fact p {
	padding-left: 3em;
	padding-right: 3em;
}
}

@media all and (min-width: 900px) {
.waste-facts .fact {
	width: 23%;
	padding: 0 1%;
	margin-bottom: -1em;
}

#page-content .fact-callout.waste-facts p {
	padding-bottom: 2em;
}

.fact-callout.waste-sum-fact .fact {
	display: inline-block;
}
}


/* ===== UPGRADE / PACKAGING SECTION ===== */
#upgrade-section {
	padding-bottom: 3em;
}

#upgrade-section h2 {
	text-align: center;
}

#upgrading, #packaging {
	padding-top: 1.5em;
}

.lighting-icon {
	position: relative;
}

.lighting-icon img {
	position: relative;
	z-index: 3;
}

.lighting-icon .icon-base {
	position: absolute;
    top: 5px;
    left: 50%;
    width: 224px;
    height: 224px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 0px solid #fff;	
	-moz-transform:  translateX(-50%);
	-webkit-transform:  translateX(-50%);
	transform: translateX(-50%);
	background-color: #ee5e34;
	z-index: 1;
}

.lighting-icon .fade-gradient {
	position: absolute;
    top: 5px;
    left: 50%;
    width: 224px;
    height: 224px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 0px solid #fff;	
	-moz-transform:  translateX(-50%);
	-webkit-transform:  translateX(-50%);
	transform: translateX(-50%);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee5e34+0,fec15f+0,fec15f+50,ee5e34+100 */
	background: #ee5e34; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #ee5e34 0%, #fec15f 0%, #fec15f 50%, #ee5e34 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover, #ee5e34 0%,#fec15f 0%,#fec15f 50%,#ee5e34 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center, #ee5e34 0%,#fec15f 0%,#fec15f 50%,#ee5e34 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5e34', endColorstr='#ee5e34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	z-index: 2;
}

.package-icon img {
	margin: 0 auto;
}

.package-icon-lid {
	position: relative;
	height:150px;
	margin-bottom: -20px;
}

.package-icon-lid img {
    position: absolute;
    bottom: -100px;
	left: 50%;
    -webkit-animation: slide 2s forwards;
    -webkit-animation-delay: 4s;
    animation: slide 2s forwards;
    animation-delay: 4s;
	-moz-transform:  translateX(-50%);
	-webkit-transform:  translateX(-50%);
	transform: translateX(-50%);
}

@-webkit-keyframes slide {
    100% { bottom: 100px; }
}

@keyframes slide {
    100% { bottom: 100px; }
}

.package-icon-base {
	padding-top: 70px;
}

@media all and (min-width: 480px) {
#packaging .inner-padding {
	padding: 0 4em;
}
}


/* ===== FACTS SECTION ===== */
#facts-section {
	padding-bottom: 2em;
}

#page-content #facts-section h2 {
	color: #900028;
	font-size: 1.75rem;
	text-align: center;
	margin-bottom: 0.75em;
}

#page-content dl.accordion p {
	padding-bottom: 0;
}

.accordion .plus {
	font-size: 1.5rem;
	top: 50%;
	-moz-transform:  translateY(-50%);
	-webkit-transform:  translateY(-50%);
	transform: translateY(-50%);
}



/*--------------------------------------------------------------
Clearfix
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
@media (print), (prefers-reduced-motion) {
	* {
		-webkit-animation: unset !important;
		animation: unset !important;
		-webkit-transition: none !important;
		transition: none !important;
	}
	.waveone,
	.wavetwo,
	.wavethree,
	.wavefour,
	.water-wave-one,
	.water-wave-two,
	.water-wave-three,
	.water-wave-four,
	.smoke-one,
	.smokeone,
	.smoke-two,
	.smoketwo,
	.smoke-three {
	  -webkit-animation: unset !important;
	  animation: unset !important;
	  -webkit-transition: none !important;
	  transition: none !important;
	}
  }