html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix{clear:both}body{font-family:"PT Serif", serif;font-size:14px;font-weight:400;letter-spacing:0.02em}em{font-style:italic}strong{font-weight:700}#content{width:100%;max-width:640px;margin:0 auto;overflow:hidden}#head{background-color:#365c78;color:white;margin-bottom:20px}#head .tab{width:50%;float:left;font-size:13px;font-weight:500;text-align:center;background-color:#18374b;padding:6px 0;cursor:pointer}#head .tab.selected{background-color:#365c78}#head .tab:not(.selected):hover{background-color:#23475f}#head .content{display:none;padding:40px 20px}#head .content h2{font-size:32px;font-weight:900;letter-spacing:-0.03em;margin-bottom:5px}#head .content p{font-size:13px;line-height:1.3em}#head .content p span{background-color:#18374b}#head .content.selected{display:block}@media screen and (max-width: 480px){#head .content h2{font-size:22px}}#animation-selector{float:left;border:1px solid #dbdbdb;border-radius:3px;box-shadow:0 0 10px rgba(0,0,0,0.08)}#animation-selector .button{float:left;padding:8px 15px;cursor:pointer}#animation-selector .button.selected{background-color:#e96a0d;color:white;box-shadow:inset 0 0 6px rgba(0,0,0,0.3);cursor:default}#animation-selector .button:not(.selected):hover{background-color:#eaeaea}#reload-animation{float:right;background-color:#d7d7d7;padding:8px 15px;border-radius:3px;cursor:pointer}#reload-animation:hover{background-color:#eaeaea}@media screen and (max-width: 549px){#reload-animation{display:none !important}}#show-animation{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;padding-top:40px;z-index:1;cursor:pointer;-webkit-transition:opacity 150ms;-moz-transition:opacity 150ms;-o-transition:opacity 150ms;transition:opacity 150ms}#show-animation img{margin-bottom:10px}#show-animation:hover{opacity:.5}#animation-container{position:relative;width:640px;height:780px;box-shadow:0 0 10px rgba(0,0,0,0.12);margin-top:20px;-webkit-transform-origin:top left;-moz-transform-origin:top left;-ms-transform-origin:top left;-o-transform-origin:top left;transform-origin:top left}#animation-container>div,#animation-container>svg{position:absolute}@media screen and (max-width: 549px){#animation-container{display:none}}#mobile img{display:none;width:100%}@media screen and (min-width: 550px){#mobile{display:none}}.tooltip{opacity:0;width:150px;background-color:#eeefe4;font-size:12px;padding:12px 10px;box-sizing:border-box}.tooltip .cursor{position:absolute;content:'';background-image:url(../img/tooltip_cursor.png);width:29px;height:17px}.tooltip p{line-height:1.15em}.tooltip.top .cursor{bottom:-17px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.tooltip.bottom .cursor{top:-17px}.circle{display:block;color:white;text-align:center;letter-spacing:0.1em;border-radius:50%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.circle.green{background-color:#76a185}.circle.orange{background-color:#e96a0d}.circle.small{width:42px;height:42px;line-height:42px}.circle.medium{width:75px;height:75px;line-height:75px}.circle.medium-font{font-size:22px;font-weight:100;letter-spacing:0}.circle.large-font{font-size:26px;font-weight:200}.arrow polygon,.arrow rect{fill:#e96a0d;opacity:0}.donut{border-radius:50%;-webkit-transform:scale(0) rotate(-90deg);-moz-transform:scale(0) rotate(-90deg);-o-transform:scale(0) rotate(-90deg);transform:scale(0) rotate(-90deg)}.donut circle{fill:transparent;stroke-width:24}.donut .background{stroke:#eeefe4}.donut .fill{stroke:#e96a0d}#tpo-concept-donut .background,#tpo-example-donut .background{stroke-dasharray:408 408}#tpo-concept-donut .fill,#tpo-example-donut .fill{stroke-dasharray:0 408}#tpi-concept-donut .background,#tpi-example-donut .background{stroke-dasharray:723 723}#tpi-concept-donut .fill,#tpi-example-donut .fill{stroke-dasharray:0 723}#tpi-concept-donut-1 .background,#tpi-concept-donut-2 .background,#tpi-concept-donut-3 .background{stroke-dasharray:408 408}#tpi-concept-donut-1 .fill,#tpi-concept-donut-2 .fill,#tpi-concept-donut-3 .fill{stroke-dasharray:0 408}.donut-text{opacity:0;fill:none}.donut-text text{font-size:10px;fill:#9d9d9c}#tpi-concept-donut-text text,#tpi-example-donut-text text{font-size:7px}.date-block{opacity:0;background-color:#eeefe4}.date-block p{font-size:12px;padding:12px 8px;line-height:1.3em}.date-block .date{font-size:16px;font-weight:200;padding:8px;box-shadow:0 2px 5px rgba(0,0,0,0.05)}.date-block .hidden{opacity:0}.date-block .hidden p{padding-top:0}#tpo-concept-player,.tpi-concept-player{opacity:0;width:130px;height:130px;top:150px;left:390px;text-align:center}#tpo-concept-player img,.tpi-concept-player img{margin-bottom:5px;margin-top:42px}#tpo-concept-player p,.tpi-concept-player p{font-size:12px;font-weight:600}#tpo-example-player{opacity:0;width:120px;height:120px;top:155px;left:395px}#tpo-example-player img{width:100%;height:100%}#tpo-example-player-name{opacity:0;font-size:12px;font-weight:700;text-align:center;width:170px}#tpo-example-player-name p{max-width:100px;margin:auto}.tpi-concept-player{left:370px}#tpi-concept-player-1-2{top:590px;left:30px}#tpi-concept-player-2-2{top:590px;left:200px}#tpi-concept-player-3-2{top:590px;left:370px}.club{opacity:0;width:130px;left:390px;text-align:center}.club p{background-color:#365c78;color:white;text-transform:uppercase;letter-spacing:0.08em;width:70px;padding:8px;margin:-10px auto 0}#tpo-example-seville p,#tpo-example-asmonaco p{width:100px}#tpi-example-rfcseraing p{width:110px}#tpo-concept-arrow-transfer,#tpo-example-arrow-transfer,#tpi-example-arrow-transfer{width:130px;height:0;background-image:url(../img/arrow_transfer.png);background-size:auto 90px;background-position:top center;background-repeat:no-repeat;text-align:center;overflow:hidden}#tpo-concept-arrow-transfer p,#tpo-example-arrow-transfer p,#tpi-example-arrow-transfer p{font-size:12px;background-color:white;margin-top:30px;padding:5px}#tpi-concept-arrow-transfer-top{width:130px;height:0;top:420px;left:370px;text-align:center;overflow:hidden}#tpi-concept-arrow-transfer-top .arrow-top{width:1px;height:18px;background-color:black;margin:0 auto}#tpi-concept-arrow-transfer-top p{font-size:12px;background-color:white;padding:5px}#tpi-concept-arrow-transfer-bottom{height:30px;border-top:1px solid black;top:462px;left:434px;right:205px}#tpi-concept-arrow-transfer-bottom .arrow{position:absolute;width:20px;height:0;background-image:url(../img/arrow_transfer.png);background-size:auto 100px;background-position:bottom center;background-repeat:no-repeat}#tpi-concept-arrow-transfer-bottom .arrow-1{left:-10px}#tpi-concept-arrow-transfer-bottom .arrow-2{left:160px}#tpi-concept-arrow-transfer-bottom .arrow-3{right:-9px}#tpi-example-arrow-transfer img{margin-top:15px;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}#tpi-example-transfer-text,#tpi-example-fine{opacity:0;font-size:12px;font-weight:700;text-align:right;width:85px}#tpi-example-fine{width:160px}#tpi-example-fine p{float:left;width:90px}#tpo-example-doyen,#tpi-example-doyen{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}#tpo-example-title,#tpi-example-title{opacity:0;font-size:18px;font-weight:900;width:110px;letter-spacing:0.05em;text-align:center}#tpo-example-profit{font-size:12px;width:115px;height:115px;background-color:white;color:#e96a0d;border:3px solid #e96a0d;border-radius:50%;text-align:center;line-height:1.3em;padding-top:20px;box-sizing:border-box;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}#tpo-example-profit span{font-size:18px;font-weight:700}