*{-ms-user-select:text;user-select:text;-webkit-user-select:text;-moz-user-select:text;-o-user-select:text}*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body,html{overflow:hidden;position:relative;height:100%}html{-webkit-overflow-scrolling:touch}body{font-family:'Arial';-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.valign:before{content:'';height:100%;margin-right:-.25em}.valign:before,.valign>*{display:inline-block;vertical-align:middle}hr{width:100%;height:2px;margin:15px 0;background-color:#fff}#main-app{overflow:hidden;overflow-y:scroll;height:100%}.header,.main-visual{background-position:center}.header{color:#fefefe;font-size:34px;text-align:center;font-family:'DIN',sans-serif;padding:0 60px;background-color:#dd5e90;background-image:url(images/header.jpg)}.header .logo{float:left}.header,.header .logo img,.header h1{height:95px}.header h1{font-weight:400;text-align:right;width:calc(100% - 200px);float:right;display:table}.header h1 .title-aligner{display:table-cell;vertical-align:middle;text-align:center;background-image:url(images/title-shadow.png);background-position:center;background-repeat:no-repeat}.main-visual{min-height:485px;height:calc(100% - 95px - 10px - 155px - 84px);background-color:#2a2526;background-image:url(images/main-visual.png);position:relative}.progress{max-width:100%;margin:0 auto;position:relative;z-index:2000}.progress .cursor{display:inline-block;height:10px;position:relative}.progress .cursor .cursor-image{position:relative;top:-5px;z-index:10}.progress .cursor .blue-bar{width:5000px;height:10px;background-color:#7dafbf;position:absolute;top:0;right:calc(100% - 9px);z-index:5}.timeline{color:#fefefe;height:155px;padding:25px 0 35px;background-color:#47041b;position:relative;z-index:5}.timeline .scroller{width:770px;margin:0 auto;white-space:nowrap;overflow-x:hidden!important;position:relative}.timeline .dates-container{width:10000px;margin:0 auto;font-size:0}.timeline .dates-container .date{color:#dd5e90;font-size:18px;text-align:center;font-family:"futura-pt",sans-serif;font-weight:500;display:inline-block;width:110px;cursor:pointer}.timeline .dates-container .date.active{color:#fefefe;font-size:30px}.timeline .cursor-container{width:10000px;margin:15px auto 0;position:relative;font-size:0}.timeline .cursor-container .cursor{display:inline-block;width:110px;height:36px;background-image:url(images/date.png);background-position:center;background-repeat:no-repeat;position:relative;z-index:10;cursor:pointer}.timeline .cursor-container .cursor.active{background-image:url(images/active-date.png)}.timeline .cursor-container .mobile-line{height:2px;background-color:#fefefe;position:absolute;bottom:18px;left:55px;right:-55px;z-index:5}.timeline .cursor-hidder{width:770px;height:36px;position:absolute;bottom:41px;left:0;right:0;z-index:0;margin:0 auto;pointer-events:none}.timeline .cursor-hidder .hidder{width:40px;height:36px;position:absolute;top:0;z-index:1001;background-color:#47041b}.timeline .cursor-hidder .hidder.hidder-left{width:47px;left:0}.timeline .cursor-hidder .hidder.hidder-right{width:46px;right:0}.footer{text-align:right;padding:15px 0;background-color:#ae3a65}.footer a{display:inline-block;margin:0 15px 0 0}.footer a img{height:50px}@font-face{font-family:'DIN';src:url(fonts/AlteDIN1451Mittelschrift.eot);src:url(fonts/AlteDIN1451Mittelschrift.eot?#iefix) format("embedded-opentype"),url(fonts/AlteDIN1451Mittelschrift.woff2) format("woff2"),url(fonts/AlteDIN1451Mittelschrift.woff) format("woff"),url(fonts/AlteDIN1451Mittelschrift.ttf) format("truetype"),url(fonts/AlteDIN1451Mittelschrift.svg#AlteDIN1451Mittelschrift) format("svg");font-weight:400;font-style:normal}.main-visual .slide-container{width:100%;height:100%;margin:0 auto;white-space:nowrap;overflow:hidden;position:relative}.main-visual .slide-container .slide{width:100%;height:100%;padding:0 60px;position:relative;display:inline-block;pointer-events:none}.main-visual .slide-container .slide .visual{float:left;width:45%;height:100%;background-color:#fefefe;text-align:center}.main-visual .slide-container .slide .visual img{width:calc(100% - 65px);height:100%}.main-visual .slide-container .slide .date{float:left;width:125px;height:150px;color:#fefefe;font-size:38px;text-align:center;font-family:"futura-pt",sans-serif;font-weight:500;background-image:url(images/date-stamp.png);position:absolute;top:50%;left:45%;-webkit-transform:translateX(-45%) translateY(-50%);-ms-transform:translateX(-45%) translateY(-50%);transform:translateX(-45%) translateY(-50%)}.main-visual .slide-container .slide .text{float:left;width:55%;padding-left:90px;white-space:normal}.main-visual .slide-container .slide .text .valign>div{width:99%}.main-visual .slide-container .slide .text .title{color:#fefefe;font-size:36px;font-family:"futura-pt",sans-serif;font-weight:700}.main-visual .slide-container .slide .text .sub{color:#5dba9b;font-size:20px;font-family:"futura-pt",sans-serif;font-weight:400}.main-visual .controls{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.main-visual .controls .arrow{position:absolute;top:0;bottom:0;z-index:2000;width:60px;background-repeat:no-repeat;cursor:pointer;pointer-events:all}.main-visual .controls .arrow.arrow-left{left:0;background-image:url(images/control-left.png);background-position:50% 50%}.main-visual .controls .arrow.arrow-right{right:0;background-image:url(images/control-right.png);background-position:50% 50%}.main-visual .controls .arrow.hide{display:none}@media screen and (max-width:780px){#main-app{height:100%}.header{font-size:24px;padding:5px 15px;height:72px}.header .logo img,.header h1{height:52px}.header h1{width:calc(100% - 105px);font-size:4vw}.header h1 .title-aligner{background-image:none;text-shadow:0 0 20px #000}.main-visual{height:calc(100% - 72px - 60px);min-height:0;position:relative}.main-visual .slide-container .slide{padding:0;vertical-align:top}.main-visual .slide-container .slide .visual{float:none;vertical-align:top;width:100%;height:50%;position:relative}.main-visual .slide-container .slide .visual img{width:100%;vertical-align:top;height:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.main-visual .slide-container .slide .date{float:none;vertical-align:top;width:80px;height:100px;font-size:22px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-size:100%;background-repeat:no-repeat}.main-visual .slide-container .slide .text{float:none;vertical-align:top;width:100%;height:50%;padding:65px 35px 20px;overflow-y:hidden;overflow:hidden}.main-visual .slide-container .slide .text .title{font-size:25px}.main-visual .slide-container .slide .text .valign{height:100%;overflow-y:auto}.main-visual .controls .arrow{width:30px;background-size:17px}.main-visual .controls .arrow.arrow-left,.main-visual .controls .arrow.arrow-right{background-position:50% 35%}.progress{display:none}.timeline{padding:0;height:60px}.timeline .scroller{width:calc(100% - 0);margin:0;overflow:hidden}.timeline .dates-container .date{font-size:12px}.timeline .dates-container .date.active{font-size:16px}.timeline .cursor-container{margin:0}.timeline .cursor-hidder{display:none}.footer a img{height:50px}}@media screen and (max-width:450px){hr{margin:5px 0}.main-visual{height:calc(100% - 72px - 60px);position:relative;z-index:5}.main-visual .slide-container .slide .text .title{font-size:4.5vw}.main-visual .slide-container .slide .text .sub{font-size:4vw}}