.recycled * {
        box-sizing: border-box;
}

.recycled {
		font-size: 17px;
		line-height: 28px;
		color: #43484B;
	}

	.recycled .btn {
		font-size: 18px;
		text-decoration: none;
		border: none;
		box-shadow: none;
		text-align: center;
		color: #fff;
		background-color: #43484B;
		border: 1px solid #43484B;
		border-radius: 0;
		height: 48px;
		line-height: 48px;
		min-width: 200px;
		padding: 0 15px;
		margin: 20px 0;
		transition: .3s all;
	}

	.recycled .btn:hover,
	.recycled .btn:focus {
		background-color: #000;
		border-color: #000;
	}

	.recycled .btn.inverse {
		color: #43484B;
		background-color: #fff;
		border-color: #fff;
	}

	.recycled .btn.inverse:hover,
	.recycled .btn.inverse:focus {
		background-color: transparent;
		color: #fff;
	}

	.section.group.flex {
		display: flex;
		flex-wrap: wrap;
		/*margin: 0;*/
	}

	/* new recycled styles */

	.recycled__shopboxes {
		width: auto;
    	padding: 45px 0;
    	display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.recycled__shopbox {
		width: calc(50% - 12.5px);
		display: flex;
		/*justify-content: center;*/
		align-items: center;
		padding: 90px;
		color: #fff;
		position: relative;
		min-height: 450px;
	}

	.recycled__shopbox__bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 0;
	}

	.recycled__shopbox__inner {
		position: relative;
		z-index: 1;
		width: 75%;
	}

	.recycled__shopbox__heading {
		font-weight: 400;
		font-size: 40px;
		margin-bottom: 20px;
	}

	.recycled__shopbox__tag {
		position: absolute;
		z-index: 2;
		top: 30px;
		left: 0;
		background-color: #3B7D33;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		padding: 0 8px;
		pointer-events: none;
	}

	.recycled__shopbox__tag i {
		font-size: 20px;
		margin-right: 2px;
		position: relative;
		top: 1px;
	}

	.recycled__hero {
		background-color: #243d77;
		color: #fff;
		min-height: 500px;
		margin-bottom: 30px;
	}

	.recycled__hero__left {
		width: 50%;
		padding: 60px 100px 80px 120px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
	}

	.recycled__hero:not(.hero--sm) .recycled__hero__left .btn {
		display: none;
		visibility: hidden;
	}


	.recycled__hero__left__inner > *:nth-child(1) {
		margin-top: 0;
	}

	.recycled__hero__left__inner > *:nth-last-child(1) {
		margin-bottom: 0;
	}

	.recycled__hero__left__heading {
		font-size: 45px;
		font-weight: 300;
		margin-bottom: 30px;
	}

	.recycled__hero__left p {
		font-size: 17px;
		line-height: 28px;
		color: #fff;
		margin: 0 0 20px;
		font-weight: normal;
	}

	.recycled__hero__right {
		width: 50%;
		display: flex;
		align-items: flex-end;
		justify-content: center;
		position: relative;
		padding: 60px 120px;
	}

	.recycled__hero__right__overlay {
		position: absolute;
		top: 0;
		left: 0;
		width: auto;
		height: 100%;
		z-index: 2;
	}

	.recycled__hero__right__overlay--bottom {
		display: none;
	}

	.recycled__hero__right__img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}

	.recycled__hero__right .btn {
		position: relative;
		z-index: 2;
		margin: 0;
	}

	.recycled__hero.hero--sm {
		min-height: 350px;
	}

	.recycled__hero.hero--sm .recycled__hero__left p {
		font-size: 30px;
		line-height: 1.4;
	}

	/*.recycled__hero.hero--sm .recycled__hero__tag {
		position: absolute;
		z-index: 2;
		top: 30px;
		right: 0;
		background-color: #3B7D33;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		padding: 0 8px;
		pointer-events: none;
	}*/
	
	.recycled__hero .recycled__hero__tag {
		position: absolute;
		z-index: 2;
		top: 30px;
		right: 0;
		background-color: #3B7D33;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		padding: 0 8px;
		pointer-events: none;
	}

	.recycled__hero__tag i {
		font-size: 20px;
		margin-right: 2px;
		position: relative;
		top: 1px;
	}

	.recycled__cta {
		background-color: #131315;
		color: #fff;
		min-height: 500px;
		position: relative;
		margin: 30px 0;
		padding: 0!important;
	}

	.recycled__cta__bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: 1;
	}

	.recycled__cta__icon {
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: auto;
	}

	.recycled__cta__left {
		width: 50%;
		padding: 60px 70px 80px 70px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		position: relative;
		z-index: 3;
	}

	.recycled__cta__right {
		width: 50%;
		padding: 60px 120px 80px 0px;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		position: relative;
		z-index: 3;
	}

	.recycled__cta__inner > *:nth-child(1) {
		margin-top: 0;
	}

	.recycled__cta__inner > *:nth-last-child(1) {
		margin-bottom: 0;
	}

	.recycled__cta p {
		font-size: 20px;
		line-height: 1.45;
		color: #fff;
		margin: 0 0 20px;
		font-weight: normal;
	}

	.recycled__cta__heading {
		font-size: 30px!important;
		font-weight: normal!important;
		margin-bottom: 30px!important;
		line-height: 1.3!important;
		width: 70%!important;
	}

	.recycled__cta ul {
		list-style: disc;
		padding-left: 18px;
	}

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

	.recycled__cta .btn {
		margin-top: 5px;
	}

	.recycled__range {
		padding: 30px 0 0px!important;
		margin: 0;
	}

	.recycled__range__heading {
		width: 100%;
		text-align: center;
		font-size: 30px;
		margin: 0 0 40px;
		font-weight: normal;
	}

	.recycled__range__row {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0 75px;
	}

	.recycled__range__item {
		width: calc(33.333% - 25px);
		margin: 0 12.5px 30px;
		text-align: center;
		color: #43484B;
		text-decoration: none;
		position: relative;
	}

	.recycled__range__item:hover,
	.recycled__range__item:focus {
		color: inherit;
		text-decoration: none;
	}

	.recycled__range__item:hover img,
	.recycled__range__item:focus img {
		outline: 3px solid #43484B;
	}

	.recycled__range__item__image {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.recycled__range__item__heading {
		margin: 20px 0;
		font-size: 20px;
		font-weight: normal;
		padding: 0 30px;
	}

	.recycled__range__item p {
		font-size: 17px;
		line-height: 28px;
		padding: 0 30px;
	}

	.recycled__range__item .btn {
		margin: 20px 0 0 0;
	}

	.recycled__range__carousel {
		/*display: flex;
		flex-wrap: wrap;*/
		width: calc(100% + 12px);
		margin-left: -6px;
		margin-right: -6px;
	}

	.recycled__range__carousel .flickity-prev-next-button {
		top: 33%;
		background-color: rgba(255, 255, 255, .5);
	}

	.recycled__range__carousel__item {
		padding: 0 7.5px;
		width: 25%;
		text-align: center;
		margin: 0 0 30px;
		position: relative;
	}

	.recycled__range__carousel__item a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
	}

	.recycled__range__carousel__item__image {
		width: 100%;
		height: auto;
		margin: 0;
		transition: .5s all;
		outline: 3px solid #fff;
	}

	.recycled__range__carousel__item__heading {
		font-size: 18px;
		margin: 20px 0 5px;
		line-height: 28px;
		font-weight: normal;
	}

	.recycled__range__carousel__item p {
		font-size: 18px;
		line-height: 28px;
	}

	.recycled__range__item__tag {
		position: absolute;
		z-index: 2;
		top: 30px;
		right: 0;
		background-color: #3B7D33;
		color: #fff;
		font-size: 19px;
		font-weight: bold;
		height: 40px;
		line-height: 40px;
		padding: 0 8px;
		pointer-events: none;
	}

	.recycled__range__item__tag i {
		font-size: 20px;
		margin-right: 2px;
		position: relative;
		top: 1px;
	}


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

		.recycled__hero__left {
			padding: 50px 60px 50px 50px;
		}

		.recycled__hero__right { 
			padding: 60px;
		}

		.recycled__cta__left {
			padding: 60px 60px 70px 60px;
		}

		.recycled__hero__left__heading {
			font-size: 40px;
		}

		.recycled__shopbox__inner {
			width: 100%;
		}

		.recycled__cta__right {
			padding: 50px 90px 50px 0px;
		}
	}
	
	
	@media only screen and (max-width: 840px) { 	

		.section.group.flex {
			padding-left: 25px;
			padding-right: 25px;
		}
		
		.recycled__hero {
			flex-direction: column-reverse;
		}

		.recycled__hero__left {
			width: 100%;
			padding: 40px 0;
		}

		.recycled__hero:not(.hero--sm) .recycled__hero__left .btn {
			display: inline-block;
			visibility: visible;
		}

		.recycled__hero__right {
			width: calc(100% + 50px);
			margin-left: -25px;
			margin-right: -25px;
			height: 250px;
		}

		.recycled__hero__right__overlay {
			display: none;
		}

		.recycled__hero__right__overlay--bottom {
			display: block;
			bottom: -1px;
			left: 0;
			width: 100%;
			height: auto;
			position: absolute;
			z-index: 2;
		}

		.recycled__hero__right .btn {
			display: none;
			visibility: hidden;
		}

		.recycled__hero__left__heading { 
			font-size: 35px;
		}

		.recycled__range__heading,
		.recycled__footer__intro__heading,
		.recycled__footer__sub-nav__heading {
			font-size: 22px;
		}

		.recycled__range__row {
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding: 0;
		}

		.recycled__range__item {
			width: calc( 50% - 15px);
			/*margin: 0 0 60px;*/
			margin: 0 7.5px 30px;
		}

		.recycled__range__item .btn {
			margin: 10px 0 0;
		}

		.recycled__cta__left {
			/*display: none;*/
		}
		
		.recycled__cta__left {
			padding: 90px 30px 0px 90px;
			width: 100%;
		}

		.recycled__cta__right {
			width: 100%;
			padding: 90px 30px 90px 90px;
		}

		.recycled__cta {
			align-items: center;
			min-height: 0;
		}

		.recycled__cta:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.3);
			z-index: 2;
		}

		.recycled__range__carousel__item {
			width: 50%;
			padding: 0 5px;
			margin: 0;
		}

		.recycled__shopbox {
			padding: 90px 30px;
			min-height: 400px;
		}

		.recycled__shopbox__heading {
			font-size: 33px;
		}

		.recycled__cta__icon {
			height: 50%;
			top: auto;
			bottom: 0;
			opacity: .7;
		}
	}

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

		.recycled__hero__left__heading {
			font-size: 30px;
		}

		.recycled__shopboxes {
			padding: 0;
		}

		.recycled__shopbox {
			width: 100%;
			margin-bottom: 30px;
		}

		.recycled__range__carousel__item__heading,
		.recycled__range__carousel__item p {
			font-size: 16px;
			line-height: 1.4;
		}

		.recycled__cta {
			margin-bottom: 0;
		}

		.recycled__cta__right {
			padding: 60px 30px;
		}
		
		.recycled__cta__left {
			padding: 60px 30px 0px 30px;
			width: 100%;
		}

		.recycled__cta__icon {
			height: auto;
			width: 50%;
		}

		.recycled__cta__heading {
			width: 100%!important;
		}

		.recycled__range__item__heading {
			font-size: 16px;
		}

		.recycled__shopbox__tag,
		.recycled__hero.hero--sm .recycled__hero__tag {
			font-size: 16px;
			line-height: 35px;
			height: 35px;
			top: 15px;
		}

		.recycled__shopbox__tag i,
		.recycled__hero.hero--sm .recycled__hero__tag i {
			font-size: 18px;
		}

		.recycled__range__row .recycled__shopbox__tag {
			font-size: 13px;
		    line-height: 27px;
		    height: 27px;
		    top: 8px;
		}

		.recycled__range__row .recycled__shopbox__tag i {
			font-size: 14px;
		}

		.recycled__hero.hero--sm {
			margin-bottom: 0;
		}
	}