[id*="custom-html"]{padding:0 !important; position:relative;}
.zyx-paragraph--top-hero {padding: 0 !important;}
.zyx-paragraph--top-hero .row {height: 300px; align-items: center;}
.text-show{display:block !important;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-grey{color:#878787;}
.text-green{color:#78B42C !important;}
.text-dark-green{color:#258442;}
.text-black{color:#000;}
.text-orange{color:#C36100;}
.bold{font-weight: bold;}
.dark-green{background:#258442;}
.green{background:#78B42C;}
.orange{background:#C36100;}
.bg-grey{background:#ccc;}
.small-text {font-size: 15px;}

#conservation-section h3, #green-production h3, #green-packaging h3, #product-disposal-section h3, #related-links-section h3{display:none;}
.conservation-canvas{position:relative;height: 900px;}
.conservation-bg {position: relative; width:100%;}
.conservation-bg img{width:100%; height:900px; object-fit:cover;}
.conservation-text {position: absolute; top: 0; left: 0; height: 900px;}
.conservation-text .col-sm-4{padding: 1rem;}
.conservation-text h4 {color: #fff !important; margin: 0 !important;}
.conservation-text p {line-height: 1.2rem; font-size: 16px;}
.green-design-text {width: 250px;}
.green-design-icon img{max-width: none;}
.green-box {height: 300px; background: rgba(100, 190, 0, 0.6); color: #fff;}
.darkgrey-box {height: 300px; background: rgba(0, 0, 0, 0.6); color: #fff;}
.green-box.second{background: rgba(100, 190, 0, 0.5);}

#green-production, #green-packaging{position: relative; overflow: hidden;}
#green-production .d-flex, #green-packaging .d-flex{width: 100%; height: 500px; padding: 0; margin: 0;}
#green-production .img-box{position: absolute; right: 0; overflow-y: hidden; width: 50%;}
#green-packaging .img-box{position: absolute; left: 0; overflow-y: hidden; width: 50%;}
#green-production .img-box img, #green-packaging .img-box img {object-fit: cover; width: 100%; height: 500px;}
#green-production .desc{padding: 0; width: 45%;}
#green-packaging .desc{margin-left: 54%;}
#green-packaging .desc ul{margin: 0; padding: 0;}
#green-packaging .desc ul li{list-style: none; line-height: 1.2rem; margin-bottom: 0.5rem;}
#green-packaging .desc ul li .green-packaging-list{display: flex;}

.recycle-bin{float:right;padding-left: 15px}
#related-links-section {background-size: cover !important;}

.js-scroll {opacity: 0; transition: opacity 500ms;}
.js-scroll.scrolled {opacity: 1;}
.scrolled.fade-in {animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom {animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left {animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}
/* ----------------------------------------------
 * Generated by Animista on 2021-2-11 23:32:31
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media (max-width: 900px) {
	.green-box.col-sm-4, .darkgrey-box.col-sm-4{width:50%;}
	.green-box.col-sm-4.offset-sm-4{margin-left:0;}
}

@media (max-width: 700px) {
    .green-design-text {width: 75%; margin-right: 10px;}
    .conservation-text img {width: 60px;}
	.green-box.col-sm-4, .darkgrey-box.col-sm-4{width:100%; height: auto; margin:10px auto 0 !important;}
	.package-box{margin-bottom:1rem;}
	.conservation-canvas, .conservation-text{position:relative; height: auto;}
    .conservation-bg {width: 100%; margin: auto;}
	.conservation-bg img{height:300px;}
	.conservation-text img{float:left;}
    #green-production .d-flex, #green-packaging .d-flex{height: auto;}
}

@media (max-width: 500px) {
    .zyx-paragraph--top-hero {background-position: 65% !important;}
	.green-box.col-sm-4 h5, .darkgrey-box.col-sm-4 h5{width:80% !important;}
	.green-products-design{padding: 0 1rem;}
	.package-box, .package-box img{height:300px;}    
    #green-production .img-box, #green-packaging .img-box, #green-packaging .desc, #green-packaging .desc2, #green-production .desc{width: 100%; position: relative; margin: auto; left: 0; right: 0;}
    #green-production .img-box img, #green-packaging .img-box img{height: 350px;}
    #related-links-section {background-position: 65% !important;}
}