.historySlider{position:absolute;text-align:center;margin:0;padding:2% 0;width:100%}.historySlider li{display:inline-block;font-family:"Aspira W05 Demi";width:75px;cursor:pointer}.historySlider .active{width:110px}.historySlider .dragTrack{width:100%;height:10px;background:#ccc;position:relative;cursor:pointer}.historySlider .dragItem{background:#191919;width:110px;height:100%;position:absolute;top:0;cursor:pointer}.historySliderWrapper{position:relative;height:105px}.js-history-fixed .historySlider{position:fixed;top:110px;background:white;z-index:100}.historyContent{overflow:hidden}.historyContent .tile .mask{opacity:0;visibility:hidden;-webkit-transition:all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965);transition:all 0.5s cubic-bezier(0.105, 0.86, 0.52, 0.965)}.historyContent .tile .mask-content{vertical-align:middle;padding:0}.historyContent .tile:hover .mask{opacity:1;visibility:visible}.tile.black{background:#000;font-family:"Aspira W05 Regular";color:#fff;text-align:center;cursor:default}.tile.black::before{content:"";border:0 none}.tile.black h2{border:2px solid #272727;border-left:0 none;border-right:0 none;width:50%;margin:16% auto 5%}.tile.black h3{line-height:1;margin-bottom:5%}.historyYear{width:90px;height:38px;line-height:38px;position:absolute;left:0;top:50%;margin-top:-19px;background:#000;font-family:"Aspira W05 Regular";z-index:100}.popup.history{width:834px;left:50%;margin-top:3%;margin-left:-429px;position:absolute;text-align:center}.popup.history h3{font-family:"Aspira W05 Thin";font-size:4em;float:left;width:15%;text-align:right;line-height:1;margin-bottom:1%}.popup.history h4{font-size:1.7em;float:left;width:70%;margin:0 10% 0 5%;text-align:left}.popup.history h5{font-size:1.4em;float:left;width:70%;margin:2% 10% 0 5%;text-align:left}.popup.history figure+span{display:block;margin-bottom:2%}.popup.history img,.popup.history figure{margin-bottom:2%}@media only screen and (min-width: 1400px){.tile.black h2,.tile.black h3{font-size:4.9em}.tile.black p,.tile.black h4{font-size:2.1em}.tile .textBetweenLines{font-size:2em}.historyYear{font-size:2.1em}.historySlider li{font-size:2.1em}.historySlider .active{font-size:3.2em}}@media only screen and (min-width: 1025px) and (max-width: 1399px){.tile.black h2,.tile.black h3{font-size:4em}.tile.black p,.tile.black h4{font-size:1.8em}.tile .textBetweenLines{font-size:1.7em}.historyYear{font-size:1.8em;width:70px;height:30px;line-height:30px;margin-top:-15px}.historySlider{width:972px}.historySlider li{font-size:1.45em;width:52.7px}.historySlider li.active{font-size:2.6em;width:80px}.historySlider .dragItem{width:80px}.js-history-fixed .historySlider{top:90px}.historySliderWrapper{height:80px}}@media only screen and (min-width: 768px) and (max-width: 1024px){.tile.black h2,.tile.black h3{font-size:3em}.tile.black p,.tile.black h4{font-size:1.4em}.tile .textBetweenLines{font-size:1.2em}.historyYear{font-size:1.6em;width:50px;height:25px;line-height:25px;margin-top:-12.5px}.historySlider{width:728px}.historySlider li{font-size:1em;width:38.1px}.historySlider li.active{font-size:2.5em;width:70px}.historySlider .dragItem{width:70px}.js-history-fixed .historySlider{top:71px}.historySliderWrapper{height:74px}.popup.history{width:610px;top:3%;left:50%;margin-left:-317px}.popup.history hgroup{font-size:0.7em}}@media only screen and (max-width: 767px){.tile.black h2,.tile.black h3{font-size:3em}.tile.black p,.tile.black h4{font-size:1.4em}.tile .textBetweenLines{font-size:1.7em}.historySliderWrapper{height:0}.historyContent{margin-top:20px}.historyYear{font-size:1.6em;width:50px;height:25px;line-height:25px;margin-top:-12.5px}.popup.history{width:290px;top:3%;left:50%;margin-left:-145px}.popup.history h3{font-size:1.8em;width:20%}.popup.history h4{width:65%}.popup.history h5{width:65%;margin:2% 0% 5% 25%}}.tile .textBetweenLines{margin:0 20%;padding:15px 0;border:1px solid #eaeaea;border-left:0 none;border-right:0 none;font-family:"Aspira W05 Thin"}#HistoryComponent .topMainVisual{padding-bottom:120px}@media only screen and (min-width: 768px) and (max-width: 1024px){#HistoryComponent .topMainVisual{padding-bottom:100px}}@media only screen and (max-width: 767px){#HistoryComponent .topMainVisual{padding-bottom:140px}}#HistoryComponent .topMainVisual .colRight{width:100%}#HistoryComponent .topMainVisual .colRight .visualText{padding-right:0;-webkit-transform:none;-ms-transform:none;transform:none;position:static}#HistoryComponent .topMainVisual .colRight .visualText .centered{position:static}@media only screen and (max-width: 767px){#HistoryComponent .topMainVisual .colRight .visualText{padding:0 40px}}#HistoryComponent .topMainVisual .colRight h1{font-size:4em;font-family:"Aspira W05 Regular";color:#000;position:absolute;top:55%;left:2%;font-weight:normal;text-align:left}@media only screen and (min-width: 1025px) and (max-width: 1399px){#HistoryComponent .topMainVisual .colRight h1{font-size:4em}}@media only screen and (min-width: 768px) and (max-width: 1024px){#HistoryComponent .topMainVisual .colRight h1{font-size:2.2em}}@media only screen and (max-width: 767px){#HistoryComponent .topMainVisual .colRight h1{font-size:5vw;top:40vw;width:30vw}}#HistoryComponent .topMainVisual .colRight h2{font-family:"Aspira W05 Medium";color:#000;font-size:2.4em;text-transform:none;line-height:130%;position:absolute;bottom:-105px;width:100%;text-align:center}@media only screen and (min-width: 1025px) and (max-width: 1399px){#HistoryComponent .topMainVisual .colRight h2{font-size:2em}}@media only screen and (min-width: 768px) and (max-width: 1024px){#HistoryComponent .topMainVisual .colRight h2{font-size:1.6em;bottom:-115px}}@media only screen and (max-width: 767px){#HistoryComponent .topMainVisual .colRight h2{font-size:1.4em;left:0;padding:0 30px;line-height:140%;bottom:-175px}}#HistoryComponent .topMainVisual .colRight .hidedBannerTitle .slideTitle{display:none}