#who{position:relative;background:#000;overflow:hidden}#who .white{background:transparent;position:absolute;top:-37px;right:430px;width:100px;height:0;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transition:border-right 1s 1s,border-bottom 1s 1s,border-left 1s 1s,right 1s 1s,-webkit-transform 1s 1.5s;-o-transition:transform 1s 1.5s,border-right 1s 1s,border-bottom 1s 1s,border-left 1s 1s,right 1s 1s;transition:transform 1s 1.5s,border-right 1s 1s,border-bottom 1s 1s,border-left 1s 1s,right 1s 1s,-webkit-transform 1s 1.5s}#who .white.show{-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg);border-right:200px solid transparent;border-bottom:1500px solid #fff;border-left:200px solid transparent;right:230px}#who .years{position:absolute;top:0;right:-400px;-webkit-transition:right 1s;-o-transition:right 1s;transition:right 1s;cursor:pointer}#who .years.show{right:95px}#who .years div.large{position:relative;width:340px;height:450px}#who .years div.large .white-box{width:112%;height:85%;background:#fff;position:absolute;bottom:-70px;right:-95px}#who .years span{font-weight:bold;letter-spacing:-90px;color:#3498db}#who .years span.large{font-size:500px;height:500px;position:absolute}#who .years span.large.border{color:transparent;-webkit-text-stroke:1px #3498db;left:-15px;top:-15px}#who .years span.small{letter-spacing:normal;display:block;font-size:3rem;position:absolute;right:-55px}#who .facts{margin-top:9rem}#who .fact{float:left;margin-bottom:50px;color:#fff;mix-blend-mode:difference}#who .fact i{width:100%;text-align:center;font-size:4rem;padding:22px 0}#who .fact span{text-align:center;width:100%;color:#fff;font-size:2rem}#who .fact span.counter span{font-size:5rem}#who .fact span.counter span.plus{opacity:0;display:inline}@media only screen and (max-width: 310px){#who div.years.show{right:30%}#who .facts .fact span.counter .count{width:auto;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#who .facts .fact span.counter .count.docs{font-size:3.7rem}}@media only screen and (max-width: 450px){#who{padding:0 50px;height:200%;width:calc(100% - 100px)}#who .white{display:none}#who .years{top:8%;right:-250px}#who .years.show{right:calc(40% - 5px)}#who .years div.large{width:205px;height:300px}#who .years div.large .white-box{width:115%;bottom:-58px;right:-72px}#who .years span{letter-spacing:-55px}#who .years span.large{font-size:300px;height:300px}#who .years span.large.border{left:-10px;top:-20px}#who .years span.small{font-size:1.9rem;right:-65px}#who .facts{margin-top:22rem}#who .facts .fact{margin-top:20px;margin-bottom:40px}#who .facts .fact.s-8{width:100%}#who .facts .fact span.counter{font-size:4rem;position:relative}#who .facts .fact span.counter .docs{font-size:4rem}}@media only screen and (min-width: 451px)and (max-width: 1000px){#who{height:110%}#who div.years.show{right:5px}#who div.years div.large{height:380px}#who div.years div.large span.large{font-size:350px;height:350px}#who div.years div.large .white-box{right:-85px;bottom:-60px}#who div.years span{letter-spacing:-70px}#who div.years span.small{font-size:2.5rem;right:0}}@media only screen and (min-width: 451px)and (max-width: 700px){#who{height:160%}#who div.years.show{top:80px;right:50%;-webkit-transform:translateX(calc(50% - 35px));-ms-transform:translateX(calc(50% - 35px));transform:translateX(calc(50% - 35px))}#who div.years.show div.large .white-box{width:100%;right:-30px;bottom:-60px;border-top-left-radius:20px}#who div.facts{margin-top:25rem}#who div.facts .fact.s-8{width:100%}}@media only screen and (min-width: 451px)and (max-width: 1366px){#who .white.show{-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg)}#who .years{top:60px;right:-400px}#who .years.show{right:95px}#who .years span{letter-spacing:-90px}#who .years span.large{font-size:450px;height:450px}#who .years span.small{font-size:3rem;right:-70px}#who .facts{margin-top:3rem}}@media only screen and (min-width: 1367px)and (max-width: 1920px){#who .facts{margin-top:3rem}#who .years div.large{width:380px;height:500px}#who .years.show{right:165px}#who .fact span.counter{font-size:8rem}}@media only screen and (min-width: 1921px){#who .fact span{font-size:5rem}#who .fact span.counter{font-size:15rem}#who .years div.large{width:385px;height:500px}}/*# sourceMappingURL=who.min.css.map */