/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/#outdated{display:none;position:fixed;top:0;left:0;width:100%;height:170px;text-align:center;text-transform:uppercase;z-index:1500;background-color:#f25648;color:#fff}* html #outdated{position:absolute}#outdated h6{font-size:25px;line-height:25px;margin:30px 0 10px}#outdated p{font-size:12px;line-height:12px;margin:0}#outdated #btnUpdateBrowser{display:block;position:relative;padding:10px 20px;margin:30px auto 0;width:230px;color:#fff;text-decoration:none;border:2px solid #fff;cursor:pointer}#outdated #btnUpdateBrowser:hover{color:#f25648;background-color:#fff}#outdated .last{position:absolute;top:10px;right:25px;width:20px;height:20px}#outdated .last[dir=rtl]{right:auto!important;left:25px!important}#outdated #btnCloseUpdateBrowser{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:#fff;font-size:36px;line-height:36px}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:Didot;src:url(../fonts/DidotLTStd-Italic.eot);src:url(../fonts/DidotLTStd-Italic.eot?#iefix) format('embedded-opentype'),url(../fonts/DidotLTStd-Italic.woff) format('woff'),url(../fonts/DidotLTStd-Italic.ttf) format('truetype'),url(../fonts/DidotLTStd-Italic.svg#bb9719e72003152ad280e2c664776bd6) format('svg');font-style:italic;font-weight:400}@font-face{font-family:Didot;src:url(../fonts/DidotLTStd-Roman.eot);src:url(../fonts/DidotLTStd-Roman.eot?#iefix) format('embedded-opentype'),url(../fonts/DidotLTStd-Roman.woff) format('woff'),url(../fonts/DidotLTStd-Roman.ttf) format('truetype'),url(../fonts/DidotLTStd-Roman.svg#6809e9ee38b0a68d2ce6b880fa63edf3) format('svg');font-style:normal;font-weight:400}@font-face{font-family:Didot;src:url(../fonts/DidotLTStd-Bold.eot);src:url(../fonts/DidotLTStd-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/DidotLTStd-Bold.woff) format('woff'),url(../fonts/DidotLTStd-Bold.ttf) format('truetype'),url(../fonts/DidotLTStd-Bold.svg#b1d593de22d35dbd07cf09030c0be40e) format('svg');font-style:normal;font-weight:700}@font-face{font-family:Proxima;src:url(../fonts/ProximaNova-Bold.eot);src:url(../fonts/ProximaNova-Bold.eot?#iefix) format('embedded-opentype'),url(../fonts/ProximaNova-Bold.woff) format('woff'),url(../fonts/ProximaNova-Bold.ttf) format('truetype'),url(../fonts/ProximaNova-Bold.svg#d1e00a8fb1fd9b428ab6b90409479fde) format('svg');font-style:normal;font-weight:700}body,html{width:100%;height:100%;overflow:hidden}body{overflow:hidden;background-color:#969287;font-family:Didot,serif;font-style:normal;font-weight:400;-webkit-perspective:600px;perspective:600px}*{-webkit-font-smoothing:antialiased}button:focus{outline:0}#outdated{display:none}#outdated h6{font-family:Didot,serif;font-style:normal;font-weight:700}#outdated p{text-transform:none;font-size:20px;font-family:Didot,serif;font-style:italic;font-weight:400}#outdated a{font-size:14px;font-family:Didot,serif;font-style:normal;font-weight:700;text-transform:uppercase}button:focus{outline:0}.border-button{position:relative;background:0 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin:0;padding:0;display:inline-block;border:0;-webkit-perspective:600px;perspective:600px;margin:0 15px;-webkit-transform-origin:-25% center;-ms-transform-origin:-25% center;transform-origin:-25% center;background:url(../img/common/transparent.gif) transparent repeat}.border-button.black .face{color:#000;border:1px solid #000}.border-button,.border-button .face{-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.7s,.2s;transition-duration:.7s,.2s}.border-button .face{display:inline-block;border:1px solid #fff;background:0 0;color:#fff;text-transform:uppercase;font-family:Didot,serif;font-style:normal;font-weight:700;font-size:15px;padding:0 28px;height:54px;line-height:58px;letter-spacing:.1em;text-decoration:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-backface-visibility:hidden;backface-visibility:hidden}.border-button .face.front{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.border-button .face.back{position:absolute;top:0;left:0;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}.border-button:hover .face{-webkit-transition-delay:0!important;transition-delay:0!important}.border-button:hover .face.front{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.border-button:hover .face.back{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.v-enter .border-button,.v-leave .border-button{-webkit-transform:rotateX(-50deg);transform:rotateX(-50deg);opacity:0;visibility:hidden}button.close{display:inline-block;border:0;background:url(../img/common/transparent.gif) transparent repeat;padding:0;margin:10px;margin:2vh;-webkit-perspective:200px;perspective:200px;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.7s,.4s;transition-duration:.7s,.4s;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}button.close div.close-svg{background:url(../img/common/transparent.gif) transparent repeat;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.7s;transition-duration:.7s}button.close svg{height:100px;height:10vh;width:auto}button.close svg path{fill:#fff;-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}button.close:hover div.close-svg{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg)}.v-enter button.close,.v-leave button.close{-webkit-transform:rotateX(45deg);transform:rotateX(45deg);opacity:0}footer{width:100%;position:fixed;bottom:0;left:0;z-index:10;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .8s cubic-bezier(.165,.84,.44,1) 1.6s;transition:all .8s cubic-bezier(.165,.84,.44,1) 1.6s}footer .v-leave,footer.v-enter{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}footer ul{width:100%;padding:0;margin:0 0 20px 0;text-align:center;list-style-type:none}footer ul li{display:inline-block;margin:0 15px;padding-top:40px}footer ul li.tutorial{position:absolute;z-index:1;top:-32px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:.5;margin:0;-webkit-transition-property:visibility,opacity;transition-property:visibility,opacity;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transition-duration:.5s;transition-duration:.5s}footer ul li.tutorial svg{fill:#fff;background:url(../img/common/transparent.gif) transparent repeat}footer ul li.tutorial:hover{opacity:1}footer ul li.tutorial.v-enter,footer ul li.tutorial.v-leave{opacity:0;visibility:hidden}footer ul li a,footer ul li button{cursor:pointer;display:inline-block;background:0 0;color:#fff;border:0;padding:0;text-decoration:none;text-transform:uppercase;font-size:10px;height:18px;height:18px;-webkit-transition:color 1s cubic-bezier(.165,.84,.44,1);transition:color 1s cubic-bezier(.165,.84,.44,1);font-family:Proxima,serif;font-style:normal;font-weight:700}footer ul li a:focus,footer ul li button:focus{outline:0}footer ul li a:hover,footer ul li button:hover{color:rgba(255,255,255,.4)}footer ul li a:hover .icon svg path,footer ul li a:hover .icon svg polygon,footer ul li a:hover .icon svg rect,footer ul li button:hover .icon svg path,footer ul li button:hover .icon svg polygon,footer ul li button:hover .icon svg rect{opacity:1}footer ul li a .icon,footer ul li button .icon{display:inline-block;vertical-align:middle;margin:0 3px}footer ul li a .icon.about,footer ul li button .icon.about{position:relative;left:5px}footer ul li a .icon.social.twitter,footer ul li button .icon.social.twitter{position:relative;top:1px}footer ul li a .icon.social svg,footer ul li button .icon.social svg{height:15px;widows:17px}footer ul li a .icon.social svg path,footer ul li a .icon.social svg polygon,footer ul li a .icon.social svg rect,footer ul li button .icon.social svg path,footer ul li button .icon.social svg polygon,footer ul li button .icon.social svg rect{opacity:1}footer ul li a .icon svg,footer ul li button .icon svg{height:10px;width:17px}footer ul li a .icon svg path,footer ul li a .icon svg polygon,footer ul li a .icon svg rect,footer ul li button .icon svg path,footer ul li button .icon svg polygon,footer ul li button .icon svg rect{fill:#fff;opacity:.3;-webkit-transition:opacity 1s cubic-bezier(.165,.84,.44,1);transition:opacity 1s cubic-bezier(.165,.84,.44,1)}header{position:fixed;z-index:50;width:100%;opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:all .8s cubic-bezier(.165,.84,.44,1) 1.5s;transition:all .8s cubic-bezier(.165,.84,.44,1) 1.5s;pointer-events:none}header .v-leave,header.v-enter{opacity:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}header h1{width:100%;height:22px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}header h1 span{display:inline-block;width:120px;vertical-align:middle;font-size:25px;line-height:25px;color:#fff;font-family:Didot,serif;font-style:normal;font-weight:700}header h1 span:nth-child(1){text-align:right}header h1 span:nth-child(2){text-align:left}header h1 svg{height:23px;width:102px;fill:#fff;opacity:.3}.keyboard{width:100%;position:relative}.popin .keyboard{margin-top:5vh}.keyboard.playing .row .key .inner-key{-webkit-transition-property:background,border;transition-property:background,border;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transition-duration:.8s,.4s;transition-duration:.8s,.4s}.keyboard.playing ul.groups li{-webkit-transition-property:color;transition-property:color;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transition-duration:.4s;transition-duration:.4s}.keyboard .row{height:3.4vh}.popin .keyboard .row{height:6.8vh}.keyboard .row .key{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;height:3vh;padding:.2vh;min-width:3vh;-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transition-duration:.7s;transition-duration:.7s;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}.popin .keyboard .row .key{height:6vh;min-width:6vh;padding:.4vh}.keyboard .row .key.space{min-width:18vh}.popin .keyboard .row .key.space{min-width:36vh}.v-enter .keyboard .row .key,.v-leave .keyboard .row .key{opacity:0;-webkit-transform:scale(.3,.3) rotateX(-70deg) rotateY(10deg);transform:scale(.3,.3) rotateX(-70deg) rotateY(10deg)}.keyboard .row .inner-key{width:3vh;height:100%;min-height:3vh;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:transparent;border:1px solid #000;background:url(../img/common/transparent.gif) transparent repeat;-webkit-transition-property:background,border;transition-property:background,border;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transition-duration:.5s,.25s;transition-duration:.5s,.25s}.popin .keyboard .row .inner-key{border:1px solid #fff;min-height:6vh;width:6vh}.keyboard .row .inner-key.space{width:18vh}.popin .keyboard .row .inner-key.space{width:36vh}.keyboard .row .inner-key.selected{background-color:rgba(0,0,0,.1);border:1px solid transparent}.popin .keyboard .row .inner-key.selected{background-color:rgba(255,255,255,.1)}.keyboard .row .inner-key.pressed{background-color:rgba(0,0,0,.35);border:1px solid transparent}.popin .keyboard .row .inner-key.pressed{background-color:rgba(255,255,255,.35)}.keyboard .row:nth-child(1) div.key:nth-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(1) div.key:nth-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(1) div.key:nth-last-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(1) div.key:nth-last-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(1) div.key:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(1) div.key:nth-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(1) div.key:nth-last-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(1) div.key:nth-last-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(1) div.key:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(1) div.key:nth-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(1) div.key:nth-last-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(1) div.key:nth-last-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(1) .key:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(1) .key:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(1) .key:nth-last-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(1) .key:nth-last-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(1) .key:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(1) .key:nth-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(1) .key:nth-last-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(1) .key:nth-last-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(1) .key:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(1) .key:nth-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(1) .key:nth-last-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(1) .key:nth-last-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(2) div.key:nth-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(2) div.key:nth-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(2) div.key:nth-last-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(2) div.key:nth-last-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(2) div.key:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(2) div.key:nth-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(2) div.key:nth-last-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(2) div.key:nth-last-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(2) div.key:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(2) div.key:nth-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(2) div.key:nth-last-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(2) div.key:nth-last-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(2) .key:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(2) .key:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(2) .key:nth-last-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(2) .key:nth-last-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(2) .key:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(2) .key:nth-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(2) .key:nth-last-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(2) .key:nth-last-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(2) .key:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(2) .key:nth-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(2) .key:nth-last-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(2) .key:nth-last-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(3) div.key:nth-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(3) div.key:nth-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(3) div.key:nth-last-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(3) div.key:nth-last-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(3) div.key:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(3) div.key:nth-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(3) div.key:nth-last-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(3) div.key:nth-last-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(3) div.key:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(3) div.key:nth-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(3) div.key:nth-last-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(3) div.key:nth-last-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(3) .key:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(3) .key:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(3) .key:nth-last-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(3) .key:nth-last-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(3) .key:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(3) .key:nth-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(3) .key:nth-last-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(3) .key:nth-last-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(3) .key:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(3) .key:nth-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(3) .key:nth-last-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(3) .key:nth-last-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(4) div.key:nth-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(4) div.key:nth-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(4) div.key:nth-last-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(4) div.key:nth-last-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(4) div.key:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(4) div.key:nth-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(4) div.key:nth-last-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(4) div.key:nth-last-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(4) div.key:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(4) div.key:nth-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(4) div.key:nth-last-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(4) div.key:nth-last-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(4) .key:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(4) .key:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(4) .key:nth-last-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(4) .key:nth-last-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(4) .key:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(4) .key:nth-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(4) .key:nth-last-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(4) .key:nth-last-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(4) .key:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(4) .key:nth-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(4) .key:nth-last-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(4) .key:nth-last-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(5) div.key:nth-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(5) div.key:nth-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(5) div.key:nth-last-child(1){-webkit-transition-delay:1s;transition-delay:1s}.intro .keyboard .row:nth-child(5) div.key:nth-last-child(1){-webkit-transition-delay:2.05s;transition-delay:2.05s}.keyboard .row:nth-child(5) div.key:nth-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(5) div.key:nth-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(5) div.key:nth-last-child(2){-webkit-transition-delay:.9s;transition-delay:.9s}.intro .keyboard .row:nth-child(5) div.key:nth-last-child(2){-webkit-transition-delay:2s;transition-delay:2s}.keyboard .row:nth-child(5) div.key:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(5) div.key:nth-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(5) div.key:nth-last-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.intro .keyboard .row:nth-child(5) div.key:nth-last-child(3){-webkit-transition-delay:1.95s;transition-delay:1.95s}.keyboard .row:nth-child(5) .key:nth-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(5) .key:nth-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(5) .key:nth-last-child(4){-webkit-transition-delay:.7s;transition-delay:.7s}.intro .keyboard .row:nth-child(5) .key:nth-last-child(4){-webkit-transition-delay:1.9s;transition-delay:1.9s}.keyboard .row:nth-child(5) .key:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(5) .key:nth-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(5) .key:nth-last-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.intro .keyboard .row:nth-child(5) .key:nth-last-child(5){-webkit-transition-delay:1.85s;transition-delay:1.85s}.keyboard .row:nth-child(5) .key:nth-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(5) .key:nth-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard .row:nth-child(5) .key:nth-last-child(6){-webkit-transition-delay:.5s;transition-delay:.5s}.intro .keyboard .row:nth-child(5) .key:nth-last-child(6){-webkit-transition-delay:1.8s;transition-delay:1.8s}.keyboard ul.groups{margin:0;pointer-events:none}.keyboard ul.groups li{position:absolute;top:5.4vh;left:50%;list-style:none;opacity:.8;font-family:Didot,serif;font-style:italic;font-weight:400;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);font-size:3.5vh;-webkit-transition-property:color;transition-property:color;-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-transition-duration:.3s;transition-duration:.3s}.popin .keyboard ul.groups li{top:11.1vh;color:#fff;font-size:6vh}.keyboard ul.groups li.v-enter,.keyboard ul.groups li.v-leave{color:transparent}.keyboard ul.groups li.lead{margin-top:-1.5vh;margin-left:-8vh}.popin .keyboard ul.groups li.lead{margin-top:-3.5vh;margin-left:-17vh}.keyboard ul.groups li.drums{margin-top:-1.5vh;margin-left:10vh}.popin .keyboard ul.groups li.drums{margin-top:-3.5vh;margin-left:20vh}.keyboard ul.groups li.flute{margin-top:5vh;margin-left:-7vh}.popin .keyboard ul.groups li.flute{margin-top:9vh;margin-left:-14vh}.keyboard ul.groups li.piano{margin-top:5vh;margin-left:8vh}.popin .keyboard ul.groups li.piano{margin-top:9vh;margin-left:15vh}.popin{position:absolute;width:0;height:0;top:0;left:0}.popin .container{position:fixed;top:0;left:0;color:#fff;text-align:center;line-height:100vh;width:100%;height:100%;z-index:15}.popin .container{-webkit-transition-property:visibility,opacity;transition-property:visibility,opacity;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:1s;transition-duration:1s}.popin .container .content{position:relative;vertical-align:middle;display:inline-block;line-height:normal;width:80%;margin:auto;z-index:91;-webkit-perspective:600px;perspective:600px;-webkit-transform:translateZ(1px);transform:translateZ(1px)}.popin .container .content .anim-rotate{-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:1s;transition-duration:1s}.popin .container .content p.big-italic{font-size:50px;font-size:5.5vh;font-family:Didot,serif;font-style:italic;font-weight:400}.popin .container .content p.italic{font-size:20px;font-size:3vh;font-family:Didot,serif;font-style:italic;font-weight:400}.popin .container .content>:nth-child(1){-webkit-transition-delay:0s;transition-delay:0s}.popin .container .content>:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}.popin .container .content>:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.popin .container .content>:nth-child(4){-webkit-transition-delay:.45s;transition-delay:.45s}.popin .container .content>:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.popin .container .content>:nth-child(6){-webkit-transition-delay:.75s;transition-delay:.75s}.popin .container .content>:nth-child(7){-webkit-transition-delay:.9s;transition-delay:.9s}.popin .container .content>:nth-child(8){-webkit-transition-delay:1.05s;transition-delay:1.05s}.popin .container .content button.close,.popin .container .content button.close svg path{-webkit-transition-delay:.5s;transition-delay:.5s}.popin .container .background-container{position:absolute;z-index:-1;width:100%;height:100%;-webkit-perspective:600px;perspective:600px;top:0;left:0}.popin .container .background-container .background{width:100%;height:100%;-webkit-transform-origin:50% 125%;-ms-transform-origin:50% 125%;transform-origin:50% 125%;background-color:rgba(0,0,0,.9);background-position:center center;-webkit-background-size:cover;background-size:cover;background-image:url(../img/common/transparent.gif);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:1s;transition-duration:1s}.popin .container.v-enter,.popin .container.v-leave{visibility:hidden}.popin .container.v-enter.v-leave .content *,.popin .container.v-leave.v-leave .content *{-webkit-transition-delay:0!important;transition-delay:0!important}.popin .container.v-enter.v-leave .background,.popin .container.v-leave.v-leave .background{-webkit-transition-delay:.1s;transition-delay:.1s}.popin .container.v-enter .background,.popin .container.v-leave .background{-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg);opacity:0}.popin .container.v-enter .anim-rotate,.popin .container.v-leave .anim-rotate{opacity:0;-webkit-transform:rotateX(-40deg);transform:rotateX(-40deg)}.popin .icons{display:inline-block}.popin .icons.hover a:not(:hover){opacity:.6;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.popin .icons.hover a:hover{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.popin .container.about .background{background-image:url(../img/popin/about/background.jpg)}.popin .container.buy .background{background-image:url(../img/popin/buy/background.jpg)}.popin .container.buy p.big-italic{font-size:4.5vh}.popin .container.buy h5{text-transform:uppercase;font-size:20px;letter-spacing:.1em;margin-bottom:10px}.popin .container.buy a.icon{display:inline-block;text-decoration:none;margin:0 15px;height:50px;line-height:50px}.popin .container.buy a.icon svg{vertical-align:bottom}.popin .container.buy .border-button{margin-top:30px}.popin .container.credits .close{margin-bottom:2vh}.popin .container.credits .anim-rotate{text-align:center;margin:5vh 0}.popin .container.credits .anim-rotate label{color:#616060;font-size:35px;font-family:Didot,serif;font-style:italic;font-weight:400;margin:0}.popin .container.credits .anim-rotate a{display:block;text-decoration:none;color:#fff;font-size:50px;font-family:Didot,serif;font-style:normal;font-weight:400;text-transform:uppercase;margin:0}.popin .container.tutorial .close{margin-bottom:4vh;z-index:3;position:relative}.popin .container.tutorial .content{width:100%}.popin .container.share{text-align:center;letter-spacing:.1em}.popin .container.share .content{margin-bottom:5vh;width:100%}.popin .container.share h2{font-size:18vh;text-transform:uppercase;line-height:16vh;margin-top:4vh;margin-bottom:4vh;letter-spacing:.01vh;font-family:Didot,serif;font-style:normal;font-weight:700}.popin .container.share h2 span.username{position:relative;color:#fff;vertical-align:top}.popin .container.share h2 span.username .placeholder{position:relative;color:rgba(255,255,255,.5)}.popin .container.share h2 span.username .placeholder .click_to_edit{position:absolute;left:0;top:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;line-height:normal;font-size:1.5vh;color:#fff}.popin .container.share h2 span.username .display{opacity:0;white-space:nowrap}.popin .container.share h2 span.username input{outline:0;vertical-align:middle;position:absolute;top:-1.9vh;left:0;color:#fff;display:inline-block;background:0 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;padding:0;width:100%;text-transform:uppercase;letter-spacing:.01vh;overflow:visible;z-index:2;background:url(../img/common/transparent.gif) transparent repeat}.popin .container.share h2 span.username input:focus{outline:0}.popin .container.share a{display:inline-block;color:#858585;text-decoration:none;font-size:3vh;font-family:Didot,serif;font-style:italic;font-weight:400;margin:0 4vh}.popin .container.share a span{font-family:Didot,serif;font-style:normal;font-weight:400;display:block;color:#fff;text-transform:uppercase;font-size:5vh}.popin .container.share .link-container{position:relative}.popin .container.share .link-container button{display:block;margin:auto;margin-top:4vh;border:0;font-family:Didot,serif;font-style:italic;font-weight:400;color:#fff;border:0;border-bottom:1px solid #fff;background:0 0;cursor:pointer}.popin .container.share .link-container input{display:block;margin:auto;margin-top:4vh;border:0;font-family:Didot,serif;font-style:italic;font-weight:400;color:#fff;border:0;border-bottom:1px solid #fff;background:0 0;cursor:pointer;margin-bottom:2px;width:250px}section.intro{position:relative;height:100%;width:100%;background:#fff;opacity:1;-webkit-transition-property:background;transition-property:background;-webkit-transition-timing-function:cubic-bezier(.86,0,.07,1);transition-timing-function:cubic-bezier(.86,0,.07,1);-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.2s;transition-delay:.2s}section.intro.nowebgl canvas.sun{background-position:center center;-webkit-background-size:auto 100%;background-size:auto 100%;background-repeat:no-repeat;background-image:url(../img/intro/bigsun.png);width:100%!important}section.intro.started{background:0 0;background:-webkit-radial-gradient(center,ellipse,#fff 0,transparent 98%);background:radial-gradient(ellipse at center,#fff 0,transparent 98%)}section.intro canvas.sun{position:absolute;width:auto;height:100%;left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}section.intro button{font-size:25px}section.intro button:focus{outline:0}section.intro p{margin:0;padding:0}section.intro .intro-step{text-align:center;-webkit-transition:opacity 2s cubic-bezier(.25,.46,.45,.94);transition:opacity 2s cubic-bezier(.25,.46,.45,.94);font-family:Didot,serif;font-style:italic;font-weight:400;font-size:25px;font-size:2.77778vh}section.intro .intro-step.loading.v-leave{opacity:0;-webkit-transition-delay:.5s;transition-delay:.5s}section.intro .intro-step.loading.v-leave .anim-stroke{stroke-width:100px;stroke:#fff;-webkit-transition-property:stroke-width,stroke;transition-property:stroke-width,stroke;-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transition-duration:6s;transition-duration:6s}section.intro .intro-step.tutorial{-webkit-transition-delay:2s;transition-delay:2s}section.intro .intro-step.tutorial.v-leave{-webkit-transition-delay:0;transition-delay:0}section.intro .intro-step .step-content{display:inline-block;line-height:normal;width:100%;vertical-align:middle}section.intro .tutorial{list-style:none;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:650px;z-index:5}section.intro .tutorial p:first-child{font-size:20px;font-size:2.22222vh;-webkit-transition:opacity 2s cubic-bezier(.25,.46,.45,.94) 2.4s;transition:opacity 2s cubic-bezier(.25,.46,.45,.94) 2.4s}section.intro .tutorial.v-enter p:first-child{opacity:0}section.intro .tutorial .keyboard{margin:5% -10%;margin-bottom:8%;width:120%}section.intro .tutorial .border-button{-webkit-transition-delay:2.2s;transition-delay:2.2s}section.intro ul.loading{margin:0;padding:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:relative;z-index:4;text-align:center}section.intro ul.loading.v-enter,section.intro ul.loading.v-leave{opacity:0}section.intro ul.loading li{list-style:none;position:absolute;top:0;left:0;height:100%;width:100%}section.intro ul.loading li:nth-child(1) .bottom-to-top:nth-child(1){-webkit-animation-delay:2s;animation-delay:2s}section.intro ul.loading li:nth-child(1) .bottom-to-top:nth-child(2){-webkit-animation-delay:2.15s;animation-delay:2.15s}section.intro ul.loading li:nth-child(1) .bottom-to-top:nth-child(3){-webkit-animation-delay:2.3s;animation-delay:2.3s}section.intro ul.loading li:nth-child(2) .bottom-to-top:nth-child(1){-webkit-animation-delay:7.6s;animation-delay:7.6s}section.intro ul.loading li:nth-child(2) .bottom-to-top:nth-child(2){-webkit-animation-delay:7.75s;animation-delay:7.75s}section.intro ul.loading li:nth-child(2) .bottom-to-top:nth-child(3){-webkit-animation-delay:7.9s;animation-delay:7.9s}section.intro ul.loading li:nth-child(3) .anim-stroke,section.intro ul.loading li:nth-child(3) .fade-in{-webkit-animation-delay:11.2s;animation-delay:11.2s}section.intro ul.loading li:nth-child(3) .from-bottom{-webkit-animation-delay:12.7s;animation-delay:12.7s}section.intro ul.loading li:last-child{margin-top:20px}section.intro ul.loading li:first-child .bottom-to-top{-webkit-animation-name:anim-bottom-to-top-first;animation-name:anim-bottom-to-top-first;-webkit-animation-duration:5.6s;animation-duration:5.6s}section.intro ul.loading li .bottom-to-top{opacity:0;-webkit-animation-name:anim-bottom-to-top;animation-name:anim-bottom-to-top;-webkit-animation-timing-function:cubic-bezier(.455,.03,.515,.955);animation-timing-function:cubic-bezier(.455,.03,.515,.955);-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}section.intro ul.loading li .from-bottom{-webkit-animation-name:anim-from-bottom;animation-name:anim-from-bottom;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}section.intro ul.loading li .fade-in{-webkit-animation-name:intro-fade-in;animation-name:intro-fade-in;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}section.intro ul.loading li .anim-stroke{-webkit-animation-name:anim-stroke-svg;animation-name:anim-stroke-svg;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;stroke-width:0;stroke:#fff}section.intro ul.loading li h3{font-family:Didot,serif;font-style:italic;font-weight:400;font-size:60px;font-size:6.66667vh;margin:0;margin-bottom:0}section.intro ul.loading li h3 span{font-size:25px;font-size:2.77778vh}section.intro ul.loading li .chassol-logo path{opacity:.3}section.intro ul.loading li .loading-bar{margin-top:32px;width:125px;height:1px;background:rgba(0,0,0,.2);display:inline-block}section.intro ul.loading li .loading-bar .loading-progress{display:block;width:0;height:100%;background:#000;-webkit-transition:width .1s linear;transition:width .1s linear}section.intro ul.loading.complete li .loading-bar{height:0!important}@-webkit-keyframes intro-fade-in-out{0%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes intro-fade-in-out{0%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@-webkit-keyframes anim-stroke-svg{0%{stroke-width:30px;stroke:#fff;visibility:hidden}1%{visibility:visible}100%{stroke-width:0;stroke:#fff}}@keyframes anim-stroke-svg{0%{stroke-width:30px;stroke:#fff;visibility:hidden}1%{visibility:visible}100%{stroke-width:0;stroke:#fff}}@-webkit-keyframes anim-stroke-svg-reverse{0%{stroke-width:0;stroke:#fff}100%{stroke-width:30px;stroke:#fff}}@keyframes anim-stroke-svg-reverse{0%{stroke-width:0;stroke:#fff}100%{stroke-width:30px;stroke:#fff}}@-webkit-keyframes anim-bottom-to-top{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}45%{opacity:1;visibility:visible}70%{-webkit-transform:translateY(0);transform:translateY(0)}75%{opacity:1;visibility:visible}90%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes anim-bottom-to-top{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px)}30%{-webkit-transform:translateY(0);transform:translateY(0)}45%{opacity:1;visibility:visible}70%{-webkit-transform:translateY(0);transform:translateY(0)}75%{opacity:1;visibility:visible}90%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes anim-bottom-to-top-first{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px)}20%{-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;visibility:visible}80%{-webkit-transform:translateY(0);transform:translateY(0)}85%{opacity:1;visibility:visible}95%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes anim-bottom-to-top-first{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px)}20%{-webkit-transform:translateY(0);transform:translateY(0)}30%{opacity:1;visibility:visible}80%{-webkit-transform:translateY(0);transform:translateY(0)}85%{opacity:1;visibility:visible}95%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden;-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes anim-from-bottom{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:1;visibility:visible}}@keyframes anim-from-bottom{0%{opacity:0;visibility:hidden;-webkit-transform:translateY(10px);transform:translateY(10px)}60%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:1;visibility:visible}}@-webkit-keyframes intro-fade-in{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}@keyframes intro-fade-in{0%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}.section.video{background:#000;width:100%;height:100%}.section.video .intro{position:absolute;top:0;left:-25vw;width:150vw;height:100vh;z-index:11;color:#fff;text-align:center;font-size:40vw;line-height:120vh;text-transform:uppercase;font-family:Didot,serif;font-style:normal;font-weight:700}.section.video video{position:absolute;z-index:6;width:100%;height:100%;top:0;left:0;background:0 0;object-fit:cover}.section.video button.time-running-out:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #fff;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-animation-name:blink;animation-name:blink;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-animation-direction:forward;-webkit-animation-timing-function:cubic-bezier(.165,.84,.44,1);animation-timing-function:cubic-bezier(.165,.84,.44,1)}.section.video .border-button{position:absolute;bottom:110px;left:50%;z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;margin:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.section.video .border-button.right-action .face{padding-right:87px}.section.video .border-button.record .face,.section.video .border-button.recording .face{width:140px}.section.video .border-button .face{height:60px}.section.video .border-button .progress{width:100%;height:7px;position:absolute;bottom:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#000}.section.video .border-button .progress .current{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#969287}.section.video .border-button .time{text-transform:none}.section.video .border-button:hover .back .right svg{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.7s;transition-duration:.7s}.section.video .border-button:hover .back .right:hover svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.section.video .border-button .right{width:60px;height:53px;border-left:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;right:0;top:0;-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-transition-timing-function:cubic-bezier(.19,1,.22,1);transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transition-duration:.7s,.2s;transition-duration:.7s,.2s}.section.video .border-button .right svg{padding:15px;width:100%;height:100%;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;background:url(../img/common/transparent.gif) transparent repeat}.section.video .border-button .right path{fill:#fff}.section.video canvas{position:absolute;top:0;left:0;z-index:5}.section.video .ytcontainer{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:4}.section.video #ytplayer{width:100vw;height:100vh;position:absolute;top:0;left:0}.section.video .analyzer{position:absolute;z-index:10;background:#000;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.section.video .analyzer.top{top:-300px;left:0;width:100vw;height:300px}.section.video .analyzer.right{top:0;right:-300px;width:300px;height:100vh}.section.video .analyzer.bottom{bottom:-300px;left:0;width:100vw;height:300px}.section.video .analyzer.left{top:0;left:-300px;width:300px;height:100vh}@-webkit-keyframes blink{0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}80%{opacity:0}100%{-webkit-transform:scale(1.5,2.5);transform:scale(1.5,2.5);opacity:0}}@keyframes blink{0%{-webkit-transform:scale(1,1);transform:scale(1,1);opacity:1}80%{opacity:0}100%{-webkit-transform:scale(1.5,2.5);transform:scale(1.5,2.5);opacity:0}}#videos{width:1px;height:1px}#videos video{position:absolute;z-index:99;top:0;left:0;width:100px;height:100px;-webkit-transform:translate3d(1%,0,0);transform:translate3d(1%,0,0);object-fit:cover}section.preloader{background:#fff;width:100%;height:100%}section.preloader,section.preloader .inner-preloader{-webkit-transition-property:opacity,color;transition-property:opacity,color;-webkit-transition-duration:3s;transition-duration:3s}section.preloader .inner-preloader{background:url(../img/common/loader.gif) no-repeat center;width:100%;height:100%;-webkit-transition-delay:5s;transition-delay:5s}section.preloader.v-enter,section.preloader.v-leave{color:#000}section.preloader.v-enter .inner-preloader,section.preloader.v-leave .inner-preloader{opacity:0;-webkit-transition-delay:0s;transition-delay:0s}.ap{-webkit-transform:rotate(1.5);-ms-transform:rotate(1.5);transform:rotate(1.5);-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out}