[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;}

#intro-section h3, #international-compliant-section h3, #carbon-footprint-section h3, #hazardous-substance-section h3{display: none; margin-top: 0;}
#intro-section video{max-width: 100%;}
#international-compliant-section {padding-top: 0 !important;}
.certification-box {position: relative;}
.certification-box img {display: block; width: 100%; height: 400px; object-fit:cover !important;}
.certification-box .overlay {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);overflow: hidden; width: 100%;height: 50px;vertical-align:center; transition: .5s ease;padding:1rem;}
.certification-box .overlay:hover {height: 100%;}
.certification-box .caption {color: #fff; display:flex;}
.certification-box .caption h5{align-items: center!important; color:#fff !important; margin-top: 0 !important;}
.certification-box .description {display: none;}
.certification-box .overlay:hover .description{display: block;}
.certification-box .description p{color:#fff; font-size: 16px; line-height: 1.2rem;}
.certification-box .description a{color: #fff !important;}
.certification-box .zyx-paragraph__cta a:before {background-color: #fff !important;}


/*Mileston & Timeline*/
.timeline{position:relative; height:1300px;}
.middle-line{text-align:center; position:absolute; top:0; left:0; right:0; margin:0 auto; width: 2px; height:1300px; background: #555;}
.icon-year{border-radius: 50%; width:30px; height:30px; padding:5px; vertical-align: middle; text-align:center; display: inline-block;}
.icon-year i{color:#fff; font-size:20px;}
.line-year{width: 300px; height:2px; vertical-align: middle; display: inline-block;}
.milestoneRight{position: absolute; right: 0; width: 50%;}
.milestoneLeft{position: absolute; left: 0; width: 50%; text-align:right;}
.milestone1996{top:0;}
.milestone2006{top:115px;}
.milestone2008{top:245px;}
.milestone2009{top:330px;}
.milestone2010{top:500px;}
.milestone2012{top:650px;}
.milestone2014{top:750px;}
.milestone2016{top:850px;}
.milestone2020{top:950px;}
.milestone2021{top:1100px;}
.timeline-milestone .text-left-year{font-size: 2rem; padding-left: 10px;}
.timeline-milestone .desc-left-year{font-size:16px;padding-left: 10px; margin-top: -2%;}
.timeline-milestone .text-right-year{font-size: 2rem; padding-right: 10px;}
.timeline-milestone .desc-right-year{font-size:16px;padding-right: 10px; margin-top: -2%;}
.timeline-milestone .year{margin-top:-3%;}
.timeline-milestone .desc-left-year .desc, .timeline-milestone .desc-right-year .desc{max-width:320px; display: inline-block;}

#carbon-footprint-section, #hazardous-substance-section{position: relative; overflow: hidden;}
#carbon-footprint-section .d-flex, #hazardous-substance-section .d-flex{width: 100%; height: 500px; padding: 0; margin: 0;}
#carbon-footprint-section .img-box{position: absolute; right: 0; overflow-y: hidden; width: 50%;}
#hazardous-substance-section .img-box{position: absolute; left: 0; overflow-y: hidden; width: 50%;}
#carbon-footprint-section .img-box img, #hazardous-substance-section .img-box img {object-fit: cover; width: 100%; height: 500px;}
#carbon-footprint-section .desc{padding: 0; width: 45%;}
#hazardous-substance-section .desc{margin-left: 54%;}
.carbon-footprint-img {background: #fff; padding: 0 !important; height: 175px;}
.carbon-footprint-img img{max-width: none;}
.carbon-footprint-img .small-caption{font-size: 16px; font-weight: 500;}

#related-links-section {background-size: cover !important; padding: 0 !important;}
#related-links-section .row {height: 300px; align-items: center;}
#related-links-section .col.col-md-5 {width: 90%;}
#related-links-section h2{display: none;}

.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:850px) {
	.line-year{width:auto;}
	.certification-box{margin-bottom:10px;}
    #carbon-footprint-section, #hazardous-substance-section{height: auto;}
    .timeline-milestone .text-left-year, .timeline-milestone .text-right-year{font-size: 20px;}
    .certification-box .overlay{height: 100%;}
    .certification-box .description {display: block;} 
    .certification-section.d-flex{flex-direction: column;}
    .certification-section .col.me-2{margin-right: auto; margin-bottom: 1rem;}
}

@media (max-width:500px) {
    .zyx-paragraph--top-hero {background-position: 65% !important;}
    .timeline, .middle-line {height: 1500px;}
    .milestone2008 {top: 300px;}
    .milestone2009 {top: 400px;}
    .milestone2012 {top: 800px;}
    .milestone2014 {top: 900px;}
    .milestone2016 {top: 1000px;}
    .milestone2020 {top: 1250px;}
    .milestone2021 {top: 1350px;}
    #carbon-footprint-section .d-flex, #hazardous-substance-section .d-flex {height: auto;}
    #carbon-footprint-section .img-box, #hazardous-substance-section .img-box{width: 100%; position: relative; margin: auto; left: 0; right: 0;}
    #carbon-footprint-section .img-box img, #hazardous-substance-section .img-box img{height: 350px;}
    #carbon-footprint-section .desc, #hazardous-substance-section .desc {width: 100%; margin-left: auto;}
    .carbon-footprint-img {margin: auto; text-align: center; width: 90% !important; margin-bottom: 1rem;}
    #related-links-section {background-position: 60% !important;}
}