.swiper{border:0}.swiper .swiper-wrapper .swiper-slide{height:calc(100vh - 30px);background-repeat:no-repeat;background-size:cover;background-position:center}.swiper .swiper-wrapper .swiper-slide .content{position:absolute;bottom:30px;left:50px;color:#fff;font-size:20px;font-weight:700;z-index:2}.swiper .swiper-wrapper .swiper-slide:after{content:"";width:100%;height:150px;position:absolute;bottom:0;left:0;z-index:1;background:#000;background:linear-gradient(0deg,#0006,#0000);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1)}.swiper .swiper-pagination{height:30px;z-index:1;position:relative;bottom:-4px!important}.swiper .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;background-color:#c8c8c8}.swiper .swiper-pagination .swiper-pagination-bullet-active{background-color:#8e8e8e}.swiper [class*=swiper-button-]{color:#00811f;width:80px}.swiper [class*=swiper-button-]:after{content:""}.swiper .swiper-button-next{transform:rotate(180deg)}.gallery .gallery-thumbs{margin-top:20px}.gallery .gallery-thumbs .swiper-slide{width:100px!important;height:100px;opacity:.1}.gallery .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1}.accordion-wrapper{display:flex;flex-direction:row;width:100%;height:100vh}.accordion-wrapper .accordion-slide{flex:1;height:100%;background-position:center;background-size:cover;background-repeat:none;transition:flex .8s ease}.accordion-wrapper .accordion-slide:hover{flex:3}.compare-wrapper{width:100%;height:100vh;padding-bottom:50%;position:relative}.compare-wrapper [class*=image-]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover}.compare-wrapper .image-left{background-position:left center}.compare-wrapper .image-right{background-position:right center;border-left:4px solid #fff;left:calc(50% - 2px)}.compare-wrapper .comparison-ctrl{position:absolute;border-radius:50%;height:30px;width:30px;top:calc(50% - 15px);left:calc(50% - 15px);background-color:#fff}.compare-wrapper .comparison-ctrl img{width:30px}body{margin:0}#scratch{display:block;margin:0 auto;background-position:center;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#scratchContainer{text-align:center;font-family:Avenir,sans-serif}#scratchContainer figcaption{margin-top:2rem}body,html{color:#404b4f}