.mw-timeline{background:#000;position:relative}.mw-timeline>.description{box-sizing:border-box;color:#fff;display:block;height:85%;left:0;padding:50px 30px;position:relative;text-align:center;top:0;width:100%;z-index:2}.mw-timeline>.description>h1{color:#fff;font-size:45px;font-weight:var(--mw-font-primary-weight-bold);margin:0 auto 40px;max-width:650px;padding:0 0 15px;position:relative;text-transform:uppercase;z-index:1}.mw-timeline>.description>h1>span{border-color:#fff;padding:0 30px}.mw-timeline>.description>h1>span:after,.mw-timeline>.description>h1>span:before{background:#fff}.mw-timeline>.description>p{font-size:20px;font-weight:var(--mw-font-primary-weight-light);line-height:1.4;margin:0 auto;max-width:750px;position:relative;z-index:2}.mw-timeline>.description>a{color:#fff;display:table;font-size:50px;left:50%;line-height:.1;margin:20px 0 0 -33px;opacity:.4;padding:0;position:relative;text-align:center;line-height:60px;width:60px;z-index:2;-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.mw-timeline>.description>a:after{content:"»"}.mw-timeline>.description>a:hover{opacity:.8}.mw-timeline>.description .product-wrapper{position:relative}.mw-timeline>.description .product{top:0;left:50%;position:absolute;z-index:1;-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);max-height:unset}.mw-timeline>.description>.bg{bottom:0;left:50%;position:absolute;transform:translateX(-50%)}.mw-timeline>.content{padding:320px 0 0;overflow:hidden}.mw-timeline>.content>div{display:table;margin:0 auto 0;max-width:1000px;padding:700px 30px 0;position:relative;width:100%;z-index:1;box-sizing:border-box}.mw-timeline>.content>div:after{background:#3f590e;bottom:0;content:"";left:-3000px;position:absolute;right:-3000px;top:0;z-index:-1}.mw-timeline>.content>div>.date{color:#fff;font-size:16px;position:absolute;right:20px;top:290px}.mw-timeline>.content>div>.date.fixed{z-index:1;margin:0 -480px 0 0;position:fixed;right:50%;top:110px}.mw-timeline>.content>div>.date.bottom{bottom:80px;top:auto}.mw-timeline>.content>div>.date>span{display:block;height:40px;position:relative;width:20px}.mw-timeline>.content>div>.date>span:after{background:#fff;bottom:0;content:"";height:1px;left:0;opacity:.4;position:absolute;width:100%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.mw-timeline>.content>div>.date>span:hover:after,.mw-timeline>.content>div>.date>span.active:after{height:2px;opacity:1}.mw-timeline>.content>div>.date>span>span{bottom:0;cursor:pointer;font-size:16px;font-weight:600;line-height:32px;opacity:0;position:absolute;right:0;white-space:nowrap;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.mw-timeline>.content>div>.date>span:hover>span,.mw-timeline>.content>div>.date>span.active>span{opacity:1}.mw-timeline>.content>div>.entry{left:-50px;opacity:0;position:relative;-webkit-transition:all 1.5s ease-in-out;-moz-transition:all 1.5s ease-in-out;-ms-transition:all 1.5s ease-in-out;-o-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out}.mw-timeline>.content>div>.entry.right{left:auto;right:-50px}.mw-timeline>.content>div>.entry.show{left:0;opacity:1}.mw-timeline>.content>div>.entry.right.show{left:auto;right:0}.mw-timeline>.content>div>.entry:after{clear:both;content:"";display:block}.mw-timeline>.content>div>.entry>.image{left:0;padding:0 15% 0 0;position:absolute;top:50%;width:53%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mw-timeline>.content>div>.entry.right>.image{left:auto;padding-left:15%;padding-right:0;right:0}.mw-timeline>.content>div>.entry>.image>img{display:table;margin:0 auto;max-width:100%}.mw-timeline>.content>div>.entry>.text{margin:100px 0 165px;padding:0 0 0 53%}.mw-timeline>.content>div>.entry.right>.text{padding-left:0;padding-right:53%}.mw-timeline>.content>div>.entry>.text>h2{color:#1d3400;font-size:150px;line-height:230px;white-space:nowrap;-webkit-transition:color .5s ease-in-out;-moz-transition:color .5s ease-in-out;-ms-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;transition:color .5s ease-in-out}.mw-timeline>.content>div>.entry>.text>p{color:#fff;line-height:1.2;max-width:350px;opacity:.8}.mw-timeline>.content>div>.entry>.text>a{margin:26px 0 0 auto;white-space:nowrap}.mw-timeline>.content>div>img.glass{display:table;margin:150px auto 0;max-width:35%;position:relative;z-index:1}.mw-timeline .falling-drop{display:block;left:50%;margin:0 0 0 -10px;position:fixed;top:-25px;width:20px;z-index:1}.mw-timeline .falling-drop.fall{top:100%;-moz-transform:rotate(80deg);-webkit-transform:rotate(80deg);-o-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transition:top .8s ease-in,transform .8s ease-in;-moz-transition:top .8s ease-in,transform .8s ease-in;-ms-transition:top .8s ease-in,transform .8s ease-in;-o-transition:top .8s ease-in,transform .8s ease-in;transition:top .8s ease-in,transform .8s ease-in}.mw-timeline .falling-drop.hide{display:none}@media all and (max-width:1250px){.mw-timeline>.description>.bg{left:30%}.mw-timeline>.content>div{padding-top:500px}.mw-timeline>.description>h1{font-size:45px}.mw-timeline>.description>h1>span{padding-bottom:5px}}@media all and (max-width:1100px){.mw-timeline>.content>div>.date.fixed{margin-right:-480px}.mw-timeline>.content>div>.entry>.text{margin-bottom:85px;margin-top:20px;padding-left:45%}.mw-timeline>.content>div>.entry.right>.text{padding-right:45%}.mw-timeline>.content>div>.entry>.text>h2{font-size:120px;line-height:185px}.mw-timeline>.content>div>.entry>.image{padding-right:5%;width:45%}.mw-timeline>.content>div>.entry.right>.image{padding-left:5%}}@media all and (max-width:1000px){.mw-timeline>.content>div>.date.fixed{margin-right:0;right:20px}}@media all and (max-height:880px){.mw-timeline>.description{padding-top:150px}.mw-timeline>.description .product{max-height:800px}.mw-timeline>.description>h1{font-size:35px}}@media all and (max-height:750px){.mw-timeline>.description{padding-top:130px}.mw-timeline>.description .product{max-height:600px}.mw-timeline>.content>div{padding-top:400px}}@media all and (max-width:650px){.mw-timeline>.description>.bg{left:20%}.mw-timeline>.content>div>.entry>.text{margin-bottom:60px}.mw-timeline>.content>div>.entry>.text>h2{font-size:90px;line-height:130px}.mw-timeline>.content>div>.entry>.image{padding-right:12%}.mw-timeline>.content>div>.entry.right>.image{padding-left:12%}.mw-timeline>.content>div>img.glass{margin-top:100px}}@media all and (max-height:650px){.mw-timeline>.description>p{display:none}.mw-timeline>.description>a{margin-top:0}.mw-timeline>.description>.bg{max-height:65%}}@media all and (max-width:500px),(max-height:600px){.mw-timeline>.description{padding-left:20px;padding-right:20px;padding-top:100px}.mw-timeline>.description .product{max-height:100vh}}@media all and (max-width:500px){.mw-timeline>.description>p{display:none}.mw-timeline>.content>div{padding-top:500px}.mw-timeline>.content>div>.entry>.text{margin-bottom:40px}.mw-timeline>.content>div>.entry>.text>h2{font-size:60px;line-height:90px}.mw-timeline>.content>div>img.glass{margin-top:80px}.mw-timeline>.content>div>.entry>.image>img{max-height:260px}}@media all and (max-height:500px){.mw-timeline>.description>a{margin-top:-10px}.mw-timeline>.content>div{padding-top:400px}.mw-timeline>.content>div>.date{top:50px !important}.mw-timeline>.content>div>.date>span{height:30px}.mw-timeline>.content>div>.date>span>span{line-height:28px}}@media all and (max-width:400px){.mw-timeline>.description{padding-top:100px}.mw-timeline>.description>h1{font-size:28px}.mw-timeline>.content>div>.entry>.text{margin-bottom:30px;margin-top:10px}.mw-timeline>.content>div>.entry>.text>h2{font-size:50px;line-height:70px}}@media all and (max-height:400px){.mw-timeline>.content>div{padding-top:300px}}