@media screen{
.pgtop{position:relative;z-index:5;background:#fff}
.pgwrap{padding:0;min-height:100vh}
.pgmain{padding-bottom:1px;position:relative;z-index:10;background:#fff 50% 0 repeat-y}
.pgbottom{height:100vh;z-index:1}
.pgfoot{display:none!important}
}
@media screen and (max-width:979px){
body{padding-top:0}
}
@media screen and (max-width:759px){
.header{padding-top:100px!important}
.section{width:100%;overflow:hidden}
}
@media screen and (min-width:760px){
.pgmain{background-image:url(i/pgdots.png)}
}
@media screen and (min-width:980px){
body{padding-top:0}
.pghead{background:0 0}
}
@media screen{
.header .txt p{color:#656565}
.header .txt h1{font-weight:700;font-size:2.4em;margin:0 0 .5em;color:#202020}
.header .txt h2{font-size:1.333333em;color:#444;font-weight:400}
.header .img{position:relative;background:#000;background:50% 15% no-repeat;background-size:cover}
.header .img p{position:absolute;color:#fff;max-width:404px;z-index:1;margin:0;transition:all 1s cubic-bezier(0,1,.7,1) .6s}
.header .img:after{content:"";height:50%;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#000 100%)}
}
@media screen and (max-width:759px){
.header{padding:0 20px}
.header .txt p{margin:0 0 20px;padding-top:10px}
.header .img{margin:0 -20px;min-height:300px}
.header .img p{left:20px;bottom:40px;max-width:80%;font-size:1.133333em}
}
@media screen and (min-width:760px){
.header{height:calc(100vh - 50px);display:flex;justify-content:flex-end}
.header .txt{flex-grow:0;display:flex;flex-direction:column;justify-content:center;max-width:690px;text-align:right;padding-left:20px;padding-right:20px}
.header .txt :last-child{margin-bottom:0}
.header .txt p{transition:all 1s cubic-bezier(0,1,.7,1) 50ms}
.header .txt h1{font-size:2.4em;transition:all 1s cubic-bezier(0,1,.7,1) .2s}
.header .txt h2{font-size:1.2em;transition:all 1s cubic-bezier(0,1,.7,1) 350ms}
.header .img{width:calc(50% + 1px);flex-shrink:0}
.header .img p{bottom:5em;left:5em;width:42%;font-size:.85em}
.loading .header .txt p{opacity:0;transform:translateY(65px)}
.loading .header .txt h1{opacity:0;transform:translateY(65px)}
.loading .header .txt h2{opacity:0;transform:translateY(65px)}
.loading .header .img p{opacity:0;transform:translateX(-65px)}
}
@media screen and (min-width:760px) and (max-width:979px){
.header{height:calc(100vh - 100px - 50px)}
}
@media screen and (min-width:1220px){
.header .txt{padding-left:100px;padding-right:100px}
.header .txt h1{font-size:3.2em}
}
@media screen{
.viva-revolution{border:0;border-radius:0;padding:0;background:0 0;font:inherit;text-align:inherit;color:inherit;cursor:pointer;height:auto;width:100%;position:fixed;bottom:0;left:0;right:0;z-index:50;background-color:#282828;padding:16px 16px 10px;transition:transform .35s ease-in-out .1s,background-color .15s ease-in-out;transform:translateY(100%)}
.viva-revolution:focus{outline:0;box-shadow:none}
.is-header-fixed .viva-revolution{transform:translateY(0)}
.footnote-active .viva-revolution{transform:translateY(100%)}
.viva-revolution[class]:active,.viva-revolution[class]:focus,.viva-revolution[class]:hover{background-color:#26e6ac}
.viva-revolution[class]:active .footnote-trigger,.viva-revolution[class]:focus .footnote-trigger,.viva-revolution[class]:hover .footnote-trigger{color:#202020}
.viva-revolution .footnote-trigger{display:block;max-width:1050px;margin:0 auto;text-align:center;color:#fff;font-size:.8em}
.viva-revolution .footnote-trigger strong{margin-right:20px}
.viva-revolution .footnote-trigger .hash{display:inline-block;margin-left:20px}
}
@media screen and (max-width:759px){
.viva-revolution .footnote-trigger{text-align:center;font-size:14px}
.viva-revolution .footnote-trigger strong{display:block;margin:0 0 5px;font-weight:700}
.viva-revolution .footnote-trigger .hash{margin:0;font-weight:700}
}
@media screen{
.quote{position:relative}
.quote::before{content:'';display:inline-block;text-indent:0;text-align:center;vertical-align:top;font-family:icons,Arial,Helvetica,sans-serif;speak:none;font-weight:400;font-style:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;position:absolute;left:0;top:0;border-radius:50%;border:5px solid #f2f2f2;width:100px;height:100px;text-align:center;line-height:90px;color:#f2f2f2;font-size:45px;transition:all .75s cubic-bezier(0,1,.7,1) .3s}
.quote h2{font-size:1.866666em;font-weight:700;margin-top:0}
.quote h3{font-size:1em;font-weight:700;margin:0}
.quote .txt{position:relative;transition:all .75s cubic-bezier(0,1,.7,1)}
.quote .person{position:relative;display:flex;align-items:center;width:100%;transition:all .75s cubic-bezier(0,1,.7,1)}
.quote .person img{max-width:33%;margin-right:20px;float:left}
.quote .person .info{width:100%}
.quote .person p{margin:0;text-transform:uppercase;color:#888;font-size:.866666em}
.quote.inactive:before,.quote.overflow:before{transform:scale(.5);opacity:0}
.quote.inactive .txt,.quote.overflow .txt{transform:translateX(30px);opacity:0}
.quote.inactive .person,.quote.overflow .person{transform:translateX(-30px);opacity:0}
.quoteroller{max-width:1150px;margin:0 auto 12.5em;position:relative;padding-bottom:3em}
.quoteroller::after{content:' ';clear:both;display:block;height:0}
.quoteroller .quote{margin:0 -100% 0 0;width:100%;float:left}
.quoteroller .quote::before{transition:none;transform:none}
.quoteroller .quote.visible{z-index:10}
.quoteroller .quote.overflow{visibility:hidden}
.quoteroller .paging{position:absolute;bottom:0;left:0;right:0}
.quoteroller .paging .next,.quoteroller .paging .prev,.quoteroller .paging strong{display:none}
.quoteroller .paging .jump{text-align:center}
.quoteroller .paging .jump a{overflow:hidden;white-space:nowrap;text-indent:150%;text-align:left;display:inline-block;border:1px solid #d6d6d6;border-radius:5px;background:#fff;width:10px;height:10px;margin:0 3px;transition:all .15s ease-in-out}
.quoteroller .paging .jump a.current{border-color:#26e6ac;background:#26e6ac}
}
@media screen and (max-width:759px){
.quote{margin-bottom:6em;padding:40px 20px 0}
.quote::before{left:auto;right:25px;border-width:5px}
.quote h2{padding-right:60px}
.quote h2 br{display:none}
.quoteroller{width:100%;overflow:hidden;margin-bottom:6em}
.quoteroller .quote .person,.quoteroller .quote .txt{transition-duration:1s}
.quoteroller .quote.overflow .txt{transform:translateX(50px)}
.quoteroller .quote.overflow .person{transform:translateX(-50px)}
}
@media screen and (min-width:760px){
.quote{max-width:1150px;padding-top:3em;margin:0 auto 12.5em;display:flex;align-items:flex-end}
.quote::before{border:5px solid #f2f2f2;width:100px;height:100px;line-height:90px;font-size:45px}
.quote .txt{width:50%;padding:0 20px 0 40px}
.quote .txt :last-child{margin-bottom:0}
.quote .person{width:50%;padding:0 20px}
.quote .person::before{content:"";height:2px;background:#26e6ac;position:absolute;top:50%;left:-15px;width:30px}
.quote .person p{font-size:.65em}
.quote h2{font-size:1.8em}
.quote h3{font-size:.85em}
.quote p{font-size:.85em}
}
@media screen and (min-width:1220px){
.quote{padding-top:4.5em}
.quote::before{width:200px;height:200px;line-height:190px;font-size:95px}
.quote .txt{padding:0 50px 0 90px}
.quote .person{padding:0 50px}
.quote .person::before{left:-30px;width:60px}
}
@media screen{
.wideimg .txt{transition:all .75s cubic-bezier(0,1,.7,1)}
.wideimg h2{font-size:2em;font-weight:700;margin-top:0}
.wideimg h3{font-weight:700;margin-top:0}
.wideimg .img{transition:all .75s cubic-bezier(0,1,.7,1)}
.wideimg.inactive .txt{transform:translateX(-30px);opacity:0}
.wideimg.inactive .img{transform:translateX(30px);opacity:0}
}
@media screen and (max-width:759px){
.wideimg{padding:0 20px;margin-bottom:6em}
.wideimg .img{margin-bottom:20px;margin-left:-20px;margin-right:-20px}
}
@media screen and (min-width:760px){
.wideimg{max-width:1150px;margin:0 auto 12.5em;display:flex}
.wideimg .txt{width:50%;padding:0 20px;display:flex;flex-direction:column;justify-content:center}
.wideimg .txt :last-child{margin-bottom:0}
.wideimg .img{width:calc(50% + 20px + 1px);margin-left:-20px;margin-right:-1px;position:relative}
.wideimg .img img{width:100%}
.wideimg .img::before{content:"";height:2px;background:#26e6ac;position:absolute;z-index:10;top:50%;right:-15px;width:30px}
.wideimg h2{font-size:1.8em}
.wideimg h3{font-size:.85em}
.wideimg p{font-size:.85em}
.wideimg.img-right .img{order:1;margin-left:-1px;margin-right:-20px}
.wideimg.img-right .img::before{right:auto;left:-15px}
.wideimg.img-right.inactive .txt{transform:translateX(30px);opacity:0}
.wideimg.img-right.inactive .img{transform:translateX(-30px);opacity:0}
}
@media screen and (min-width:1220px){
.wideimg .img{width:calc(50% + 100px + 1px);margin-left:-100px}
.wideimg .img::before{right:-30px;width:60px}
.wideimg .txt{padding:0 50px}
.wideimg.img-right .img{margin-right:-100px}
.wideimg.img-right .img::before{right:auto;left:-30px}
}
@media screen and (min-width:1860px){
.wideimg--tuck-left .img{width:calc(50% + 300px + 1px);margin-left:-300px}
.wideimg--tuck-left .txt{padding-right:0;margin-right:-50px;width:calc(50% + 50px)}
}
@media screen{
.description h2{font-size:2.533333em;margin-top:0;font-weight:700}
.description .subtitle{font-size:1.333333em}
.description h3{font-weight:700;font-size:1.333333em}
.description .bottomline p{color:#32c594;font-size:1.466666em;text-align:center;font-weight:700;background:#fff}
}
@media screen and (max-width:759px){
.description{padding:0 20px;margin-bottom:6em}
.description .img{margin-bottom:20px;margin-left:-20px;margin-right:-20px}
}
@media screen and (min-width:760px){
.description{max-width:1240px;display:flex;flex-wrap:wrap;margin:0 auto 10em}
.description .left,.description .right{width:50%;padding:0 20px}
.description h2{font-size:2.4em}
.description .subtitle{font-size:1.2em}
.description h3{font-size:1em}
.description p{font-size:.85em}
.description p.img{margin-left:-21px;margin-right:-20px}
.description .bottomline{width:100%;padding-top:5em;padding-left:5em;padding-right:5em}
.description .bottomline p{font-size:1.7em}
}
@media screen and (min-width:1220px){
.description .left,.description .right{padding:0 50px}
.description h2{font-size:3.2em}
.description p.img{margin-left:-51px;margin-right:-50px;font-size:1em}
}
@media screen{
.footnote{color:#fff;background:url(i/footnote-mobile.jpg) 50% 50% no-repeat;background-size:cover;height:100vh;position:fixed;bottom:0;left:0;right:0;z-index:1;display:flex;flex-direction:column;justify-content:center}
.footnote .letsdothis h2{font-size:2.533333em;margin-top:0;font-weight:700;position:relative;margin-bottom:.5em;color:#fff}
.footnote .share a{display:inline-block;border:1px solid #d0d0d0;border-radius:30px;padding:11px 27px;color:#202020;background:#fff;font-weight:500}
.footnote .share a::before{content:"";display:inline-block;text-indent:0;text-align:center;vertical-align:top;font-family:icons,Arial,Helvetica,sans-serif;speak:none;font-weight:400;font-style:normal;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;margin-right:11px}
.footnote .share a:active,.footnote .share a:focus,.footnote .share a:hover{background:#26e6ac;border-color:#26e6ac;color:#fff;text-decoration:none}
.footnote .share .fb a:before{content:''}
.footnote .share .tw a:before{content:''}
}
@media screen and (max-width:759px){
.footnote{padding:0 20px}
.footnote .boxbody{display:flex;flex-direction:column;text-align:center}
.footnote .letsdothis{order:1}
.footnote .letsdothis p{font-size:1.333333em;line-height:1.25}
.footnote .share{margin-top:2em;order:2}
.footnote .share div{margin:0 10px 20px 10px;display:inline-block}
.footnote .share a{min-width:194px}
.footnote .the-message{order:3;font-weight:500;margin-top:2em}
}
@media screen and (min-width:760px){
.footnote{background-image:url(i/footnote-bg.jpg)}
.footnote .boxbody{max-width:1150px;margin:0 auto;padding:6em 0 8em;display:flex;flex-wrap:wrap}
.footnote .letsdothis{width:50%;padding:0 20px;text-align:right}
.footnote .letsdothis h2{font-size:2.4em}
.footnote .letsdothis h2:after{content:"";position:absolute;top:0;bottom:0;right:-21px;width:2px;height:100%;background:#26e6ac}
.footnote .letsdothis p{font-size:1.2em;margin:0}
.footnote .the-message{width:50%;padding:0 20px;font-size:.85em;display:flex;flex-direction:column;justify-content:flex-end}
.footnote .the-message p{margin:0}
.footnote .share{width:100%;margin-top:5em;display:flex;justify-content:center;opacity:0}
.footnote .share .fb{width:50%;padding:0 20px;text-align:right;position:relative}
.footnote .share .fb:after{content:"";height:2px;width:30px;right:-15px;top:50%;position:absolute;background:#26e6ac}
.footnote .share .tw{width:50%;padding:0 20px}
.active .footnote .share{animation-name:bounceIn;animation-duration:550ms;animation-timing-function:linear;animation-fill-mode:forwards;animation-delay:.4s}
}
@media screen and (min-width:1220px){
.footnote .letsdothis{padding:0 50px}
.footnote .letsdothis h2{font-size:3.2em}
.footnote .letsdothis h2:after{right:-51px}
.footnote .the-message{padding:0 50px}
.footnote .share{width:100%;margin-top:5em;display:flex;justify-content:center}
.footnote .share .fb,.footnote .share .tw{padding:0 50px}
.footnote .share .fb:after{right:-30px;width:60px}
}
@media screen and (min-width:1860px){
.footnote{background-image:url(i/footnote-wide.jpg)}
}
@keyframes bounceIn{
0%{opacity:0;transform:scale(.6) translate3d(0,0,0)}
50%{opacity:.9;transform:scale(1.25)}
80%{opacity:1;transform:scale(.9)}
100%{opacity:1;transform:scale(1) translate3d(0,0,0)}
}
@media screen{
.clock{position:relative;top:-2em;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:5em}
.clock__txt{transition:transform .85s cubic-bezier(0,1,.7,1),opacity .85s cubic-bezier(0,1,.7,1)}
.inactive>.clock__txt.start{opacity:0;transform:translateX(65px)}
.inactive>.clock__txt.end{opacity:0;transform:translateX(-65px)}
.clock__txt.start{max-width:385px;min-width:130px;width:20.052083%;margin-right:2.552083%;margin-left:3.072916%}
.clock__txt.end{max-width:385px;width:20.052083%;margin-left:5.625%;transition-delay:1s}
.clock__txt>h2{font-size:2.7em;margin-bottom:.203703em;line-height:1.148148em;color:#32c594}
.clock__txt>p{margin-bottom:10px;font-size:.85em;color:#656565}
.clock__txt>p.small{font-size:.7em}
.clock__txt__legend{line-height:1}
.clock__txt__legend:before{content:"\00a0";background:#f7d1df;display:inline-block;width:10px;height:10px;margin-right:10px}
.clock__txt__legend.green:before{background:#8bd5bf}
.clockelm{width:33.854166%;max-width:650px;border-radius:50%;position:relative}
.clockelm__top{width:100%;height:50%;position:absolute;top:0;left:0;overflow:hidden}
.clockelm>.clockelm__top>svg{transform-origin:50% 100%;transition:transform .7s ease-in-out;transform:rotateZ(-180deg);max-width:100%;transition-delay:250ms}
.active>.clockelm>.clockelm__top>svg{transform:rotateZ(0)}
.clockelm__hour--hand,.clockelm__minute--hand,.clockelm__second--hand{background:#fff;position:absolute;height:158px;height:25%;width:20px;top:26%;left:48.785%;width:3.03%;border-radius:40px;transform-origin:50% 95%;transition:transform 1s ease-in-out;box-shadow:0 0 10px 0 rgba(0,0,0,.08);z-index:2}
.clockelm__hour--hand{animation:rotate 43200s infinite linear}
.clockelm__minute--hand{animation:rotate 3600s infinite linear;height:40%;top:11.3%;left:48.785%;width:2.73%}
.clockelm__second--hand{animation:rotate 60s infinite linear;background:#009688;height:40%;top:9.4%;left:49.5%;width:1%;transform-origin:50% 100%;border-radius:0}
.clockelm__hour--hand[data-hours="0"][data-minutes^="0"],.clockelm__hour--hand[data-hours="12"][data-minutes^="0"]{transform:rotate(0)}
.clockelm__hour--hand[data-hours="0"][data-minutes^="1"],.clockelm__hour--hand[data-hours="12"][data-minutes^="1"]{transform:rotate(5deg)}
.clockelm__hour--hand[data-hours="0"][data-minutes^="2"],.clockelm__hour--hand[data-hours="12"][data-minutes^="2"]{transform:rotate(10deg)}
.clockelm__hour--hand[data-hours="0"][data-minutes^="3"],.clockelm__hour--hand[data-hours="12"][data-minutes^="3"]{transform:rotate(15deg)}
.clockelm__hour--hand[data-hours="0"][data-minutes^="4"],.clockelm__hour--hand[data-hours="12"][data-minutes^="4"]{transform:rotate(20deg)}
.clockelm__hour--hand[data-hours="0"][data-minutes^="5"],.clockelm__hour--hand[data-hours="12"][data-minutes^="5"]{transform:rotate(25deg)}
.clockelm__hour--hand[data-hours="1"][data-minutes^="0"],.clockelm__hour--hand[data-hours="13"][data-minutes^="0"]{transform:rotate(30deg)}
.clockelm__hour--hand[data-hours="1"][data-minutes^="1"],.clockelm__hour--hand[data-hours="13"][data-minutes^="1"]{transform:rotate(35deg)}
.clockelm__hour--hand[data-hours="1"][data-minutes^="2"],.clockelm__hour--hand[data-hours="13"][data-minutes^="2"]{transform:rotate(40deg)}
.clockelm__hour--hand[data-hours="1"][data-minutes^="3"],.clockelm__hour--hand[data-hours="13"][data-minutes^="3"]{transform:rotate(45deg)}
.clockelm__hour--hand[data-hours="1"][data-minutes^="4"],.clockelm__hour--hand[data-hours="13"][data-minutes^="4"]{transform:rotate(50deg)}
.clockelm__hour--hand[data-hours="1"][data-minutes^="5"],.clockelm__hour--hand[data-hours="13"][data-minutes^="5"]{transform:rotate(55deg)}
.clockelm__hour--hand[data-hours="14"][data-minutes^="0"],.clockelm__hour--hand[data-hours="2"][data-minutes^="0"]{transform:rotate(60deg)}
.clockelm__hour--hand[data-hours="14"][data-minutes^="1"],.clockelm__hour--hand[data-hours="2"][data-minutes^="1"]{transform:rotate(65deg)}
.clockelm__hour--hand[data-hours="14"][data-minutes^="2"],.clockelm__hour--hand[data-hours="2"][data-minutes^="2"]{transform:rotate(70deg)}
.clockelm__hour--hand[data-hours="14"][data-minutes^="3"],.clockelm__hour--hand[data-hours="2"][data-minutes^="3"]{transform:rotate(75deg)}
.clockelm__hour--hand[data-hours="14"][data-minutes^="4"],.clockelm__hour--hand[data-hours="2"][data-minutes^="4"]{transform:rotate(80deg)}
.clockelm__hour--hand[data-hours="14"][data-minutes^="5"],.clockelm__hour--hand[data-hours="2"][data-minutes^="5"]{transform:rotate(85deg)}
.clockelm__hour--hand[data-hours="15"][data-minutes^="0"],.clockelm__hour--hand[data-hours="3"][data-minutes^="0"]{transform:rotate(90deg)}
.clockelm__hour--hand[data-hours="15"][data-minutes^="1"],.clockelm__hour--hand[data-hours="3"][data-minutes^="1"]{transform:rotate(95deg)}
.clockelm__hour--hand[data-hours="15"][data-minutes^="2"],.clockelm__hour--hand[data-hours="3"][data-minutes^="2"]{transform:rotate(100deg)}
.clockelm__hour--hand[data-hours="15"][data-minutes^="3"],.clockelm__hour--hand[data-hours="3"][data-minutes^="3"]{transform:rotate(105deg)}
.clockelm__hour--hand[data-hours="15"][data-minutes^="4"],.clockelm__hour--hand[data-hours="3"][data-minutes^="4"]{transform:rotate(110deg)}
.clockelm__hour--hand[data-hours="15"][data-minutes^="5"],.clockelm__hour--hand[data-hours="3"][data-minutes^="5"]{transform:rotate(115deg)}
.clockelm__hour--hand[data-hours="16"][data-minutes^="0"],.clockelm__hour--hand[data-hours="4"][data-minutes^="0"]{transform:rotate(120deg)}
.clockelm__hour--hand[data-hours="16"][data-minutes^="1"],.clockelm__hour--hand[data-hours="4"][data-minutes^="1"]{transform:rotate(125deg)}
.clockelm__hour--hand[data-hours="16"][data-minutes^="2"],.clockelm__hour--hand[data-hours="4"][data-minutes^="2"]{transform:rotate(130deg)}
.clockelm__hour--hand[data-hours="16"][data-minutes^="3"],.clockelm__hour--hand[data-hours="4"][data-minutes^="3"]{transform:rotate(135deg)}
.clockelm__hour--hand[data-hours="16"][data-minutes^="4"],.clockelm__hour--hand[data-hours="4"][data-minutes^="4"]{transform:rotate(140deg)}
.clockelm__hour--hand[data-hours="16"][data-minutes^="5"],.clockelm__hour--hand[data-hours="4"][data-minutes^="5"]{transform:rotate(145deg)}
.clockelm__hour--hand[data-hours="17"][data-minutes^="0"],.clockelm__hour--hand[data-hours="5"][data-minutes^="0"]{transform:rotate(150deg)}
.clockelm__hour--hand[data-hours="17"][data-minutes^="1"],.clockelm__hour--hand[data-hours="5"][data-minutes^="1"]{transform:rotate(155deg)}
.clockelm__hour--hand[data-hours="17"][data-minutes^="2"],.clockelm__hour--hand[data-hours="5"][data-minutes^="2"]{transform:rotate(160deg)}
.clockelm__hour--hand[data-hours="17"][data-minutes^="3"],.clockelm__hour--hand[data-hours="5"][data-minutes^="3"]{transform:rotate(165deg)}
.clockelm__hour--hand[data-hours="17"][data-minutes^="4"],.clockelm__hour--hand[data-hours="5"][data-minutes^="4"]{transform:rotate(170deg)}
.clockelm__hour--hand[data-hours="17"][data-minutes^="5"],.clockelm__hour--hand[data-hours="5"][data-minutes^="5"]{transform:rotate(175deg)}
.clockelm__hour--hand[data-hours="18"][data-minutes^="0"],.clockelm__hour--hand[data-hours="6"][data-minutes^="0"]{transform:rotate(180deg)}
.clockelm__hour--hand[data-hours="18"][data-minutes^="1"],.clockelm__hour--hand[data-hours="6"][data-minutes^="1"]{transform:rotate(185deg)}
.clockelm__hour--hand[data-hours="18"][data-minutes^="2"],.clockelm__hour--hand[data-hours="6"][data-minutes^="2"]{transform:rotate(190deg)}
.clockelm__hour--hand[data-hours="18"][data-minutes^="3"],.clockelm__hour--hand[data-hours="6"][data-minutes^="3"]{transform:rotate(195deg)}
.clockelm__hour--hand[data-hours="18"][data-minutes^="4"],.clockelm__hour--hand[data-hours="6"][data-minutes^="4"]{transform:rotate(200deg)}
.clockelm__hour--hand[data-hours="18"][data-minutes^="5"],.clockelm__hour--hand[data-hours="6"][data-minutes^="5"]{transform:rotate(205deg)}
.clockelm__hour--hand[data-hours="19"][data-minutes^="0"],.clockelm__hour--hand[data-hours="7"][data-minutes^="0"]{transform:rotate(210deg)}
.clockelm__hour--hand[data-hours="19"][data-minutes^="1"],.clockelm__hour--hand[data-hours="7"][data-minutes^="1"]{transform:rotate(215deg)}
.clockelm__hour--hand[data-hours="19"][data-minutes^="2"],.clockelm__hour--hand[data-hours="7"][data-minutes^="2"]{transform:rotate(220deg)}
.clockelm__hour--hand[data-hours="19"][data-minutes^="3"],.clockelm__hour--hand[data-hours="7"][data-minutes^="3"]{transform:rotate(225deg)}
.clockelm__hour--hand[data-hours="19"][data-minutes^="4"],.clockelm__hour--hand[data-hours="7"][data-minutes^="4"]{transform:rotate(230deg)}
.clockelm__hour--hand[data-hours="19"][data-minutes^="5"],.clockelm__hour--hand[data-hours="7"][data-minutes^="5"]{transform:rotate(235deg)}
.clockelm__hour--hand[data-hours="20"][data-minutes^="0"],.clockelm__hour--hand[data-hours="8"][data-minutes^="0"]{transform:rotate(240deg)}
.clockelm__hour--hand[data-hours="20"][data-minutes^="1"],.clockelm__hour--hand[data-hours="8"][data-minutes^="1"]{transform:rotate(245deg)}
.clockelm__hour--hand[data-hours="20"][data-minutes^="2"],.clockelm__hour--hand[data-hours="8"][data-minutes^="2"]{transform:rotate(250deg)}
.clockelm__hour--hand[data-hours="20"][data-minutes^="3"],.clockelm__hour--hand[data-hours="8"][data-minutes^="3"]{transform:rotate(255deg)}
.clockelm__hour--hand[data-hours="20"][data-minutes^="4"],.clockelm__hour--hand[data-hours="8"][data-minutes^="4"]{transform:rotate(260deg)}
.clockelm__hour--hand[data-hours="20"][data-minutes^="5"],.clockelm__hour--hand[data-hours="8"][data-minutes^="5"]{transform:rotate(265deg)}
.clockelm__hour--hand[data-hours="21"][data-minutes^="0"],.clockelm__hour--hand[data-hours="9"][data-minutes^="0"]{transform:rotate(270deg)}
.clockelm__hour--hand[data-hours="21"][data-minutes^="1"],.clockelm__hour--hand[data-hours="9"][data-minutes^="1"]{transform:rotate(275deg)}
.clockelm__hour--hand[data-hours="21"][data-minutes^="2"],.clockelm__hour--hand[data-hours="9"][data-minutes^="2"]{transform:rotate(280deg)}
.clockelm__hour--hand[data-hours="21"][data-minutes^="3"],.clockelm__hour--hand[data-hours="9"][data-minutes^="3"]{transform:rotate(285deg)}
.clockelm__hour--hand[data-hours="21"][data-minutes^="4"],.clockelm__hour--hand[data-hours="9"][data-minutes^="4"]{transform:rotate(290deg)}
.clockelm__hour--hand[data-hours="21"][data-minutes^="5"],.clockelm__hour--hand[data-hours="9"][data-minutes^="5"]{transform:rotate(295deg)}
.clockelm__hour--hand[data-hours="10"][data-minutes^="0"],.clockelm__hour--hand[data-hours="22"][data-minutes^="0"]{transform:rotate(300deg)}
.clockelm__hour--hand[data-hours="10"][data-minutes^="1"],.clockelm__hour--hand[data-hours="22"][data-minutes^="1"]{transform:rotate(305deg)}
.clockelm__hour--hand[data-hours="10"][data-minutes^="2"],.clockelm__hour--hand[data-hours="22"][data-minutes^="2"]{transform:rotate(310deg)}
.clockelm__hour--hand[data-hours="10"][data-minutes^="3"],.clockelm__hour--hand[data-hours="22"][data-minutes^="3"]{transform:rotate(315deg)}
.clockelm__hour--hand[data-hours="10"][data-minutes^="4"],.clockelm__hour--hand[data-hours="22"][data-minutes^="4"]{transform:rotate(320deg)}
.clockelm__hour--hand[data-hours="10"][data-minutes^="5"],.clockelm__hour--hand[data-hours="22"][data-minutes^="5"]{transform:rotate(325deg)}
.clockelm__hour--hand[data-hours="11"][data-minutes^="0"],.clockelm__hour--hand[data-hours="23"][data-minutes^="0"]{transform:rotate(330deg)}
.clockelm__hour--hand[data-hours="11"][data-minutes^="1"],.clockelm__hour--hand[data-hours="23"][data-minutes^="1"]{transform:rotate(335deg)}
.clockelm__hour--hand[data-hours="11"][data-minutes^="2"],.clockelm__hour--hand[data-hours="23"][data-minutes^="2"]{transform:rotate(340deg)}
.clockelm__hour--hand[data-hours="11"][data-minutes^="3"],.clockelm__hour--hand[data-hours="23"][data-minutes^="3"]{transform:rotate(345deg)}
.clockelm__hour--hand[data-hours="11"][data-minutes^="4"],.clockelm__hour--hand[data-hours="23"][data-minutes^="4"]{transform:rotate(350deg)}
.clockelm__hour--hand[data-hours="11"][data-minutes^="5"],.clockelm__hour--hand[data-hours="23"][data-minutes^="5"]{transform:rotate(355deg)}
.clockelm__minute--hand[data-minutes="00"]{transform:rotate(0)}
.clockelm__minute--hand[data-minutes="01"]{transform:rotate(6deg)}
.clockelm__minute--hand[data-minutes="02"]{transform:rotate(12deg)}
.clockelm__minute--hand[data-minutes="03"]{transform:rotate(18deg)}
.clockelm__minute--hand[data-minutes="04"]{transform:rotate(24deg)}
.clockelm__minute--hand[data-minutes="05"]{transform:rotate(30deg)}
.clockelm__minute--hand[data-minutes="06"]{transform:rotate(36deg)}
.clockelm__minute--hand[data-minutes="07"]{transform:rotate(42deg)}
.clockelm__minute--hand[data-minutes="08"]{transform:rotate(48deg)}
.clockelm__minute--hand[data-minutes="09"]{transform:rotate(54deg)}
.clockelm__minute--hand[data-minutes="10"]{transform:rotate(60deg)}
.clockelm__minute--hand[data-minutes="11"]{transform:rotate(66deg)}
.clockelm__minute--hand[data-minutes="12"]{transform:rotate(72deg)}
.clockelm__minute--hand[data-minutes="13"]{transform:rotate(78deg)}
.clockelm__minute--hand[data-minutes="14"]{transform:rotate(84deg)}
.clockelm__minute--hand[data-minutes="15"]{transform:rotate(90deg)}
.clockelm__minute--hand[data-minutes="16"]{transform:rotate(96deg)}
.clockelm__minute--hand[data-minutes="17"]{transform:rotate(102deg)}
.clockelm__minute--hand[data-minutes="18"]{transform:rotate(108deg)}
.clockelm__minute--hand[data-minutes="19"]{transform:rotate(114deg)}
.clockelm__minute--hand[data-minutes="20"]{transform:rotate(120deg)}
.clockelm__minute--hand[data-minutes="21"]{transform:rotate(126deg)}
.clockelm__minute--hand[data-minutes="22"]{transform:rotate(132deg)}
.clockelm__minute--hand[data-minutes="23"]{transform:rotate(138deg)}
.clockelm__minute--hand[data-minutes="24"]{transform:rotate(144deg)}
.clockelm__minute--hand[data-minutes="25"]{transform:rotate(150deg)}
.clockelm__minute--hand[data-minutes="26"]{transform:rotate(156deg)}
.clockelm__minute--hand[data-minutes="27"]{transform:rotate(162deg)}
.clockelm__minute--hand[data-minutes="28"]{transform:rotate(168deg)}
.clockelm__minute--hand[data-minutes="29"]{transform:rotate(174deg)}
.clockelm__minute--hand[data-minutes="30"]{transform:rotate(180deg)}
.clockelm__minute--hand[data-minutes="31"]{transform:rotate(186deg)}
.clockelm__minute--hand[data-minutes="32"]{transform:rotate(192deg)}
.clockelm__minute--hand[data-minutes="33"]{transform:rotate(198deg)}
.clockelm__minute--hand[data-minutes="34"]{transform:rotate(204deg)}
.clockelm__minute--hand[data-minutes="35"]{transform:rotate(210deg)}
.clockelm__minute--hand[data-minutes="36"]{transform:rotate(216deg)}
.clockelm__minute--hand[data-minutes="37"]{transform:rotate(222deg)}
.clockelm__minute--hand[data-minutes="38"]{transform:rotate(228deg)}
.clockelm__minute--hand[data-minutes="39"]{transform:rotate(234deg)}
.clockelm__minute--hand[data-minutes="40"]{transform:rotate(240deg)}
.clockelm__minute--hand[data-minutes="41"]{transform:rotate(246deg)}
.clockelm__minute--hand[data-minutes="42"]{transform:rotate(252deg)}
.clockelm__minute--hand[data-minutes="43"]{transform:rotate(258deg)}
.clockelm__minute--hand[data-minutes="44"]{transform:rotate(264deg)}
.clockelm__minute--hand[data-minutes="45"]{transform:rotate(270deg)}
.clockelm__minute--hand[data-minutes="46"]{transform:rotate(276deg)}
.clockelm__minute--hand[data-minutes="47"]{transform:rotate(282deg)}
.clockelm__minute--hand[data-minutes="48"]{transform:rotate(288deg)}
.clockelm__minute--hand[data-minutes="49"]{transform:rotate(294deg)}
.clockelm__minute--hand[data-minutes="50"]{transform:rotate(300deg)}
.clockelm__minute--hand[data-minutes="51"]{transform:rotate(306deg)}
.clockelm__minute--hand[data-minutes="52"]{transform:rotate(312deg)}
.clockelm__minute--hand[data-minutes="53"]{transform:rotate(318deg)}
.clockelm__minute--hand[data-minutes="54"]{transform:rotate(324deg)}
.clockelm__minute--hand[data-minutes="55"]{transform:rotate(330deg)}
.clockelm__minute--hand[data-minutes="56"]{transform:rotate(336deg)}
.clockelm__minute--hand[data-minutes="57"]{transform:rotate(342deg)}
.clockelm__minute--hand[data-minutes="58"]{transform:rotate(348deg)}
.clockelm__minute--hand[data-minutes="59"]{transform:rotate(354deg)}
.clockelm__second--hand[data-second="00"]{transform:rotate(0)}
.clockelm__second--hand[data-second="01"]{transform:rotate(6deg)}
.clockelm__second--hand[data-second="02"]{transform:rotate(12deg)}
.clockelm__second--hand[data-second="03"]{transform:rotate(18deg)}
.clockelm__second--hand[data-second="04"]{transform:rotate(24deg)}
.clockelm__second--hand[data-second="05"]{transform:rotate(30deg)}
.clockelm__second--hand[data-second="06"]{transform:rotate(36deg)}
.clockelm__second--hand[data-second="07"]{transform:rotate(42deg)}
.clockelm__second--hand[data-second="08"]{transform:rotate(48deg)}
.clockelm__second--hand[data-second="09"]{transform:rotate(54deg)}
.clockelm__second--hand[data-second="10"]{transform:rotate(60deg)}
.clockelm__second--hand[data-second="11"]{transform:rotate(66deg)}
.clockelm__second--hand[data-second="12"]{transform:rotate(72deg)}
.clockelm__second--hand[data-second="13"]{transform:rotate(78deg)}
.clockelm__second--hand[data-second="14"]{transform:rotate(84deg)}
.clockelm__second--hand[data-second="15"]{transform:rotate(90deg)}
.clockelm__second--hand[data-second="16"]{transform:rotate(96deg)}
.clockelm__second--hand[data-second="17"]{transform:rotate(102deg)}
.clockelm__second--hand[data-second="18"]{transform:rotate(108deg)}
.clockelm__second--hand[data-second="19"]{transform:rotate(114deg)}
.clockelm__second--hand[data-second="20"]{transform:rotate(120deg)}
.clockelm__second--hand[data-second="21"]{transform:rotate(126deg)}
.clockelm__second--hand[data-second="22"]{transform:rotate(132deg)}
.clockelm__second--hand[data-second="23"]{transform:rotate(138deg)}
.clockelm__second--hand[data-second="24"]{transform:rotate(144deg)}
.clockelm__second--hand[data-second="25"]{transform:rotate(150deg)}
.clockelm__second--hand[data-second="26"]{transform:rotate(156deg)}
.clockelm__second--hand[data-second="27"]{transform:rotate(162deg)}
.clockelm__second--hand[data-second="28"]{transform:rotate(168deg)}
.clockelm__second--hand[data-second="29"]{transform:rotate(174deg)}
.clockelm__second--hand[data-second="30"]{transform:rotate(180deg)}
.clockelm__second--hand[data-second="31"]{transform:rotate(186deg)}
.clockelm__second--hand[data-second="32"]{transform:rotate(192deg)}
.clockelm__second--hand[data-second="33"]{transform:rotate(198deg)}
.clockelm__second--hand[data-second="34"]{transform:rotate(204deg)}
.clockelm__second--hand[data-second="35"]{transform:rotate(210deg)}
.clockelm__second--hand[data-second="36"]{transform:rotate(216deg)}
.clockelm__second--hand[data-second="37"]{transform:rotate(222deg)}
.clockelm__second--hand[data-second="38"]{transform:rotate(228deg)}
.clockelm__second--hand[data-second="39"]{transform:rotate(234deg)}
.clockelm__second--hand[data-second="40"]{transform:rotate(240deg)}
.clockelm__second--hand[data-second="41"]{transform:rotate(246deg)}
.clockelm__second--hand[data-second="42"]{transform:rotate(252deg)}
.clockelm__second--hand[data-second="43"]{transform:rotate(258deg)}
.clockelm__second--hand[data-second="44"]{transform:rotate(264deg)}
.clockelm__second--hand[data-second="45"]{transform:rotate(270deg)}
.clockelm__second--hand[data-second="46"]{transform:rotate(276deg)}
.clockelm__second--hand[data-second="47"]{transform:rotate(282deg)}
.clockelm__second--hand[data-second="48"]{transform:rotate(288deg)}
.clockelm__second--hand[data-second="49"]{transform:rotate(294deg)}
.clockelm__second--hand[data-second="50"]{transform:rotate(300deg)}
.clockelm__second--hand[data-second="51"]{transform:rotate(306deg)}
.clockelm__second--hand[data-second="52"]{transform:rotate(312deg)}
.clockelm__second--hand[data-second="53"]{transform:rotate(318deg)}
.clockelm__second--hand[data-second="54"]{transform:rotate(324deg)}
.clockelm__second--hand[data-second="55"]{transform:rotate(330deg)}
.clockelm__second--hand[data-second="56"]{transform:rotate(336deg)}
.clockelm__second--hand[data-second="57"]{transform:rotate(342deg)}
.clockelm__second--hand[data-second="58"]{transform:rotate(348deg)}
.clockelm__second--hand[data-second="59"]{transform:rotate(354deg)}
.clockelm__face{position:absolute;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:76.923076%}
.clockelm__face>svg{max-width:100%}
.clockelm__background:before{background:#202020;border-radius:50%;content:"\00a0";display:block;width:7.384615%;height:48px;height:7.384615%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:2;margin:-3px 0 0 1px}
.clockelm__dot{width:100%;position:absolute;top:50%;left:0;transform:rotateZ(0)}
.clockelm__dot:after{content:"\00a0";width:.95em;height:.95em;border-radius:50%;background:#d81b60;display:block;position:absolute;left:0;top:50%;z-index:3;transform:translate3d(-50%,-50%,0)}
.clockelm__dot--end{transform:rotateZ(240deg)}
.clock.active>.clockelm>.clockelm__dot--start{transform:rotateZ(180deg);transition:transform .7s ease-in-out;transition-delay:250ms}
}
@media screen and (max-width:759px){
.clock{flex-direction:column;padding:0 20px;top:0}
.clockelm{width:96%;order:0;margin-top:-2em}
.clock__txt>h2{margin-top:10px}
.clock__txt.start{order:1;align-self:flex-start}
.clock__txt.end{order:2;align-self:flex-end;text-align:right}
.clock [class].clock__txt{max-width:100%;width:250px;margin-bottom:10px;margin-left:0;margin-right:0}
}
@keyframes rotate{
100%{transform:rotateZ(360deg)}
}
@media screen{
.statistics .stat{margin:0 auto 20px;width:200px;height:200px;position:relative;background:#fff}
.statistics .circular-chart{display:block;max-width:200px;max-height:200px}
.statistics .circle-bg{fill:none;stroke:#26f8b9;stroke-width:2}
.statistics .circle{fill:none;stroke-width:2;stroke:#32c594}
.statistics .percentage{fill:#26e6ac;font-family:"Avenir Next",Helvetica,Arial,sans-serif;font-size:8px;font-weight:700;text-anchor:middle}
.statistics.inactive .circle{stroke-dasharray:0 100}
.statistics.active .circle{animation:progress 2s cubic-bezier(0,1,.7,1) forwards}
}
@media screen and (max-width:759px){
.statistics{padding:0 20px;text-align:center;margin-bottom:5em;display:flex;flex-wrap:wrap;justify-content:center}
.statistics .col{margin-bottom:30px;min-width:240px}
}
@media screen and (min-width:760px){
.statistics{max-width:1050px;margin:0 auto 10em;display:flex}
.statistics .col{width:33.3333%;text-align:center}
.statistics .col strong{font-size:.85em}
.statistics .stat{margin-bottom:26px}
}
@keyframes progress{
0%{stroke-dasharray:0 100}
}