.clearfix:after{content:"";display:table;clear:both}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,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:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}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}hr{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]{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]{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}.vertical-align-parent{display:table;width:100%;height:100%}.vertical-align-child{display:table-cell;vertical-align:middle;width:100%;height:100%}.font-bold,.font-heading,.font-normal,.font-smoothing,.font-thin,.subtitle,.title,button.link,form a,h1,h2,input[type=file]+label,label{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.is-hidden{display:none;visibility:hidden}.is-visible{display:block;visibility:visible}.container-inline-correction{font-size:0;letter-spacing:0;word-spacing:0}.hover-opacity{opacity:.5;-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}.hover-opacity:hover{opacity:1}.hover-opacity-invert{opacity:1;-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out}.hover-opacity-invert:hover{opacity:.5}.hide-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.inline{list-style:none;margin:0;padding:0}.inline li{margin:0;padding:0}@font-face{font-family:fanta-regular;src:url(../fonts/fanta-regular/Fanta-Regular-Web.eot);src:url(../fonts/fanta-regular/Fanta-Regular-Web.eot?#iefix) format("embedded-opentype"),url(../fonts/fanta-regular/Fanta-Regular-Web.woff) format("woff"),url(../fonts/fanta-regular/Fanta-Regular-Web.ttf) format("truetype");font-weight:400;font-style:normal}.spacing-30{letter-spacing:.3em}.font-thin{font-family:fanta-regular,Arial,Helvetica,sans-serif;font-weight:100}.font-heading,.font-normal,.title,h1,input[type=file]+label{font-family:fanta-regular,Arial,Helvetica,sans-serif;font-weight:400;line-height:.9em}.font-bold,.subtitle,button.link,form a,h2,label{font-family:"Helvetica Neue Condensed",Helvetica,sans-serif;font-weight:700}.font-heading,.title,h1{text-transform:uppercase}.title,h1{font-size:25px}.subtitle,h2{font-size:24px;line-height:1;text-transform:uppercase}@media (min-width:1024px){.title,h1{font-size:42px}}.preload-view{position:relative;width:100%;height:100%;text-align:center;z-index:1000}.preload-view .vertical-align-child{padding-top:150px}.spinner{display:block;width:90px;height:90px;margin:40px auto 0;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}.spinner.is-hidden{display:none}.btn-start{display:block;margin:0 auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes hover{0%{-webkit-transform:translate3d(0px,0,0)}25%{-webkit-transform:translate3d(30px,-10px,0)}50%{-webkit-transform:translate3d(10px,-20px,0)}75%{-webkit-transform:translate3d(-40px,-10px,0)}100%{-webkit-transform:translate3d(-2px,-1px,0)}}@keyframes hover{0%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}25%{-webkit-transform:translate3d(30px,-10px,0);transform:translate3d(30px,-10px,0)}50%{-webkit-transform:translate3d(10px,-20px,0);transform:translate3d(10px,-20px,0)}75%{-webkit-transform:translate3d(-40px,-10px,0);transform:translate3d(-40px,-10px,0)}100%{-webkit-transform:translate3d(-2px,-1px,0);transform:translate3d(-2px,-1px,0)}}@-webkit-keyframes hover-item{0%{-webkit-transform:translate3d(0px,0,0)}25%{-webkit-transform:translate3d(10px,-10px,0)}50%{-webkit-transform:translate3d(15px,10px,0)}75%{-webkit-transform:translate3d(-10px,5px,0)}100%{-webkit-transform:translate3d(-2px,-1px,0)}}@keyframes hover-item{0%{-webkit-transform:translate3d(0px,0,0);transform:translate3d(0px,0,0)}25%{-webkit-transform:translate3d(10px,-10px,0);transform:translate3d(10px,-10px,0)}50%{-webkit-transform:translate3d(15px,10px,0);transform:translate3d(15px,10px,0)}75%{-webkit-transform:translate3d(-10px,5px,0);transform:translate3d(-10px,5px,0)}100%{-webkit-transform:translate3d(-2px,-1px,0);transform:translate3d(-2px,-1px,0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1)}25%{-webkit-transform:scale(1.1)}45%{-webkit-transform:scale(0.9)}80%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(1.1);transform:scale(1.1)}45%{-webkit-transform:scale(0.9);transform:scale(0.9)}80%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}body,html{width:100%;height:100%;overflow:hidden;margin:0}body{background-color:#000;font-family:fanta-regular;line-height:.9;color:#000a8b;padding:0;margin:0;overflow:auto;min-height:400px}h1,h2,h3,h4,h5,h6{margin:0;padding:0}p{font-family:Helvetica,Arial;font-size:13px;color:#475cc7}figure{margin:0;padding:0}figure img{width:100%}figure svg{width:100%;height:100%}a{text-decoration:none;color:inherit}button{border:1px solid transparent;border-radius:0;-webkit-appearance:none;background-color:#000a8b;color:#fff;margin:0;height:40px;width:100%;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;display:block}body:not(.touch_device) button:hover,button:active{background-color:#fff;color:#000a8b;border:1px solid #000a8b}button:focus{outline:0}button.align-left{text-align:left}button.link{width:auto;height:auto;min-height:16px;font-size:10px;text-decoration:underline;border:none;background-color:transparent;color:#000a8b;margin:10px auto}body:not(.touch_device) button.link:hover{background-color:transparent;color:#000a8b;border:none;text-decoration:none}form.upload{height:40px}form a{font-size:10px;text-decoration:underline}input[type=file]{width:100%;height:.1px;position:absolute;left:0;-webkit-appearance:none;border:none}input[type=file]:after{content:"";position:absolute;top:0;left:0;width:100%;height:40px;border:1px solid transparent;border-radius:0;-webkit-appearance:none;background-color:#000a8b;margin:0;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out}input[type=file]+label{position:relative;display:block;font-size:16px;width:100%;color:#fff;top:12px;-webkit-appearance:none}input[type=file]:focus{outline:0}input[type=file]:active:after{background-color:#fff;border:1px solid #000a8b;-webkit-appearance:none}input[type=file]:active+label{color:#000a8b}body:not(.touch_device) input[type=file]:hover:after{background-color:#fff;border:1px solid #000a8b}body:not(.touch_device) input[type=file]:hover+label{color:#000a8b}label{font-size:10px}body:not(.touch-device) label[for]{cursor:pointer}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{width:100%;height:40px;border:1px solid #475cc7;border-radius:0;-webkit-appearance:none;text-align:center;font-size:22px;margin-bottom:5px}input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{outline:0}input[type=checkbox]{position:relative;top:2px;width:14px;height:14px;border:1px solid #475cc7;border-radius:0;font-size:10px;margin-right:5px}input[type=checkbox]:focus{outline:0}.content-container{position:absolute;width:100%;height:100%}.content-container.nav-open .deeplink-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:3}.btn-close{position:absolute;width:30px;height:30px;top:-15px;left:100%;margin-left:-15px;background-color:#000a8b;border-radius:50%;padding:0}.btn-close img{width:100%}.loader svg path{fill:#000a8b}.deeplink-view{position:relative;background-color:#fff;overflow:hidden;opacity:0;text-align:center;background-size:25% auto;background-repeat:repeat}.deeplink-view .header{margin-bottom:10px}.deeplink-view .container{width:300px;margin:0 auto}.deeplink-view .button-container{display:table;width:100%;margin-top:4px}.deeplink-view button.inline{display:inline-block;width:148px}.deeplink-view button.inline:first-child{margin-right:4px}.deeplink-view .form-download{display:inline-block}.deeplink-view .download-container{float:left}.deeplink-view .download-container button{float:left;width:86px;margin-right:4px}.deeplink-view .download-container button.btn-download{width:122px}.deeplink-view .social-container{float:right}.deeplink-view .social-container button.social{float:left;width:40px}.deeplink-view .social-container button.social:last-child{margin-left:4px}.deeplink-view:before{content:"";position:absolute;width:100%;height:10px;left:0;top:-10px;box-shadow:0 0 10px #888;z-index:2}@media (min-width:1024px){.deeplink-view{background-size:16.666% auto}}@media (max-width:320px){.deeplink-view .container{-webkit-transform-origin:50% 25%;transform-origin:50% 25%;-webkit-transform:scale(0.8);transform:scale(0.8)}}.deeplink-header{position:absolute;overflow:hidden;opacity:0;text-align:center}.deeplink-header .title{max-width:80%;margin:0 auto}.landing-view{position:absolute;width:100%;height:100%;-webkit-transition:-webkit-transform 1s ease-out;transition:transform 1s ease-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-1000px);transform:translateZ(-1000px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.landing-view .grid-container{width:100%;height:100%;text-align:center}.landing-view .grid-container.nav-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:3}.landing-view .grid-container.nav-open .menu{z-index:4}.landing-view .grid-container.nav-open .menu .inner{background-color:#000a8b}.landing-view .grid-container.nav-open .menu .menu-toggle:after{opacity:0}.landing-view .grid-container.nav-open .menu .menu-toggle i:after,.landing-view .grid-container.nav-open .menu .menu-toggle i:before{top:12px}.landing-view .grid-container.nav-open .menu .menu-toggle i:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.landing-view .grid-container.nav-open .menu .menu-toggle i:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.landing-view .grid-container.nav-open .menu:active .menu-toggle i:after,.landing-view .grid-container.nav-open .menu:active .menu-toggle i:before,body:not(.touch-device) .landing-view .grid-container.nav-open .menu:hover .menu-toggle i:after,body:not(.touch-device) .landing-view .grid-container.nav-open .menu:hover .menu-toggle i:before{background-color:#000a8b}.landing-view .grid-container .overlay-wrapper{position:absolute;width:80px;height:80px;top:0;text-align:center}.landing-view .grid-container .overlay-wrapper figure{display:inline-block;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.landing-view .grid-container .overlay-wrapper.left{display:none;background-color:#f7941e;right:0}.landing-view .grid-container .overlay-wrapper.left figure{width:60%}.landing-view .grid-container .overlay-wrapper.right{left:0;background-color:#000a8b}.landing-view .grid-container .overlay-wrapper.right figure{width:40%}.landing-view .grid-container .overlay-wrapper.right .cross{display:none}.landing-view .grid-container .selected .overlay-wrapper.right .cross{display:block}.landing-view .grid-container .grid-5,.landing-view .grid-container .grid-7,.landing-view .grid-container .selected .overlay-wrapper.right .question{display:none}.landing-view .grid-container.rows-5.columns-3 .overlay-wrapper.left{display:block}.landing-view .grid-container.rows-5.columns-3 .overlay-wrapper{cursor:pointer}body:not(.touch-device):not(.grid-enabled) .landing-view .grid-container.rows-5.columns-3 .block.ui.header-item,body:not(.touch-device):not(.grid-enabled) .landing-view .grid-container.rows-5.columns-3 .block.ui.header-item a{cursor:auto}.landing-view .grid-container.grid-5 .overlay-wrapper{width:100%;height:100%}.landing-view .grid-container.grid-5 .overlay-wrapper.left{display:none}.landing-view .grid-container.grid-5 .grid-5,.landing-view .grid-container.grid-7 .grid-7{display:block}.landing-view .header-item .wrapper{display:table-cell;text-align:center;vertical-align:middle}.landing-view .header-item figure{display:inline-block;width:66px}.landing-view .header-item.menu:not(.enabled) .wrapper{display:none}.landing-view .menu .menu-toggle{position:relative;display:inline-block;width:32px;height:24px}.landing-view .menu .menu-toggle:after{content:"";position:absolute;top:10px;left:0;width:32px;height:4px;background-color:#fff;-webkit-transition:all 100ms ease-out;transition:all 100ms ease-out}.landing-view .menu .menu-toggle i:after,.landing-view .menu .menu-toggle i:before{content:"";position:absolute;left:0;width:100%;height:4px;background-color:#fff;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out}.landing-view .menu .menu-toggle i:before{top:0}.landing-view .menu .menu-toggle i:after{top:20px}.landing-view .menu:active .menu-toggle i:after,.landing-view .menu:active .menu-toggle i:before,.landing-view .menu:active .menu-toggle:after,body:not(.touch-device) .landing-view .menu:hover .menu-toggle i:after,body:not(.touch-device) .landing-view .menu:hover .menu-toggle i:before,body:not(.touch-device) .landing-view .menu:hover .menu-toggle:after{background-color:#f7941e}.landing-view .row{display:block;overflow:hidden}.landing-view .block{position:relative;float:left;margin:0;width:100px;height:100px;-webkit-perspective:600;perspective:600}.landing-view .block a:after{content:"";display:table;clear:both}.landing-view .block .inner{display:table;background-color:#fff;background-repeat:no-repeat;width:100%;height:100%;text-align:center}.landing-view .block .inner.flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.landing-view .block .label{display:table-cell;vertical-align:middle;padding:0 10px;font-size:24px}.landing-view .block .overlay-wrapper.right{border-right:1px solid #000a8b;border-left:1px solid transparent}.landing-view .block .overlay-wrapper.right svg *{fill:#fff}.landing-view .block:active .overlay-wrapper.right{background-color:#fff}.landing-view .block:active .overlay-wrapper.right svg *{fill:#000a8b}body:not(.touch-device) .landing-view .block.bg:not(.static) .inner{-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out}body:not(.touch-device) .landing-view .block.bg:not(.static):hover .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}body:not(.touch-device) .landing-view .block.bg:not(.static):hover .inner.flip{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}body:not(.touch-device) .landing-view .block.bg:not(.static).item,body:not(.touch-device) .landing-view .block.bg:not(.static).ui{-webkit-transition:color .5s ease-out;transition:color .5s ease-out}body:not(.touch-device) .landing-view .block.bg:not(.static).item .inner,body:not(.touch-device) .landing-view .block.bg:not(.static).ui .inner{-webkit-transition:-webkit-transform .4s ease-out,background-color .5s ease-out;transition:transform .4s ease-out,background-color .5s ease-out}body:not(.touch-device) .landing-view .block.bg:not(.static).item:hover .inner,body:not(.touch-device) .landing-view .block.bg:not(.static).ui:hover .inner{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}body:not(.touch-device) .landing-view .block:not(.bg):not(.static) .inner{-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out}body:not(.touch-device) .landing-view .block:not(.bg):not(.static):hover .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}body:not(.touch-device) .landing-view .block:not(.bg):not(.static):hover .inner.flip{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}body:not(.touch-device) .landing-view .block.ui.header-item:hover .inner{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}body:not(.touch-device) .landing-view .block .overlay-wrapper{-webkit-transition:-webkit-transform .4s ease-out,background-color .5s ease-out;transition:transform .4s ease-out,background-color .5s ease-out}body:not(.touch-device) .landing-view .block .overlay-wrapper.right{cursor:pointer}body:not(.touch-device) .landing-view .block:hover .overlay-wrapper.right{background-color:#fff}body:not(.touch-device) .landing-view .block:hover .overlay-wrapper.right svg *{fill:#000a8b}body.grid-enabled .landing-view .block.bg:not(.static):active .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}body.grid-enabled .landing-view .block.bg:not(.static):active .inner.flip{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}body.grid-enabled .landing-view .block.bg:not(.static).item:active .inner,body.grid-enabled .landing-view .block.bg:not(.static).ui:active .inner{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static) .inner{-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static):hover .inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static):hover .inner.flip{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).item,body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).ui{cursor:pointer;-webkit-transition:color .5s ease-out;transition:color .5s ease-out}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).item .inner,body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).ui .inner{-webkit-transition:-webkit-transform .4s ease-out,background-color .5s ease-out;transition:transform .4s ease-out,background-color .5s ease-out}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).item:hover .inner,body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).ui:hover .inner{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).item:hover{color:#fff}body.grid-enabled:not(.touch-device) .landing-view .block:not(.static).item:hover .inner{background-color:#000a8b}body:not(.touch-device) .landing-view .block.ui.header-item{cursor:pointer}.landing-view .block.ui .inner{background-image:none;background-color:#f7941e}.landing-view .block.ui:not(.fanta):active .inner,body:not(.touch-device) .landing-view .block.ui:not(.fanta):hover .inner{background-color:#fff}.landing-view .block.ui.share .wrapper{display:table-cell;text-align:center;vertical-align:middle}.landing-view .block.ui.share figure{display:inline-block;width:45px}body:not(.touch-device) .landing-view .block.ui.share:hover figure svg *{fill:#f7941e}.landing-view .block.static.top-layer{z-index:2}.landing-view .block.static .inner{position:relative;background-color:#000a8b;color:#fff}.landing-view .block.static .inner .label{font-size:24px;position:absolute;width:300%;height:100%;left:-100%;text-align:center}@media (min-width:1024px){.landing-view .block.static .inner .label{font-size:30px;width:500%;left:-200%}}.landing-view .block.item .inner{background-image:none;background-color:#fff}.landing-view .block.item:active{color:#fff}.landing-view .block.item:active .inner{background-color:#000a8b}.gallery-container .gallery-item{display:inline-block;width:300px;height:300px;margin:-50px;cursor:pointer;trnasform-origin:50%;-webkit-transform:scale3d(0.15,.15,.15);transform:scale3d(0.15,.15,.15);-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out}.gallery-container .gallery-item img{width:100%}.gallery-container .gallery-item.detail{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}.generator-view{background-image:url(/website/assets/images/gif-background.png)}.generator-view canvas{width:300px;height:300px;display:none}.generator-view .icon{width:40px;display:inline-block;margin-bottom:10px}.generator-view .result-container{position:relative;display:inline-block;width:300px;height:300px;outline:0;background-color:#fff}.generator-view .result-container .result{width:100%;height:100%}.generator-view .result-container .loader{position:absolute;width:50px;height:50px;-webkit-transform-origin:50%;transform-origin:50%;top:50%;left:50%;margin-top:-25px;margin-left:-25px}.generator-view .input-taglines{margin-bottom:40px}.generator-view .btn-create{margin-top:10px}.beat-creator-view{background-image:url(/website/assets/images/audio-background.png)}.beat-creator-view .pads-container{position:relative;margin-top:10px;width:100%;height:152px}.beat-creator-view #recorded-trigger-pads,.beat-creator-view #trigger-pads{position:absolute;width:100%;height:152px}.beat-creator-view #recorded-trigger-pads:after,.beat-creator-view #trigger-pads:after{content:"";display:table;clear:both}.beat-creator-view #recorded-trigger-pads.top-layer,.beat-creator-view #trigger-pads.top-layer{z-index:1}.beat-creator-view #recorded-trigger-pads{width:148px;right:0}.beat-creator-view #recorded-trigger-pads .trigger-pad{background-color:#999}.beat-creator-view #recorded-trigger-pads .trigger-pad.active{background-color:#475cc7}.beat-creator-view #recorded-trigger-pads .trigger-pad.active:active{background-color:#f7941e;border:4px solid rgba(255,255,255,.1)}.beat-creator-view #recorded-trigger-pads .trigger-pad.selected{background-color:#000a8b}.beat-creator-view .trigger-container{position:absolute;top:0;left:0;width:100%;height:100%}.beat-creator-view .trigger-container:after{content:"";display:table;clear:both}.beat-creator-view .trigger-container:first-child{width:150px}.beat-creator-view .trigger-container:first-child .trigger-pad:nth-child(2),.beat-creator-view .trigger-container:first-child .trigger-pad:nth-child(4){margin-right:0}.beat-creator-view .trigger-pad{position:relative;float:left;width:72px;height:72px;margin-right:4px;margin-bottom:4px;background-color:#475cc7;cursor:pointer}.beat-creator-view .trigger-pad:nth-child(4n){margin-right:0}.beat-creator-view .trigger-pad:nth-child(5n+){margin-bottom:0}.beat-creator-view .trigger-pad:after{content:"";display:table;clear:both}.beat-creator-view .trigger-pad .icon{width:100%;height:100%}.beat-creator-view .trigger-pad.active{background-color:#475cc7}.beat-creator-view .trigger-pad.active:active{background-color:#f7941e;border:4px solid rgba(255,255,255,.1)}.beat-creator-view .trigger-pad.selected{background-color:#000a8b}.beat-creator-view .trigger-pad.selected:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.1;background-image:url(/website/assets/images/sound-bars-bg.png);background-size:cover}.beat-creator-view .pagination{position:relative;display:block;margin:0 auto;z-index:1;padding:6px 0 10px}.beat-creator-view .pagination .indicator{position:relative;display:inline-block;width:8px;height:8px;background-color:#475cc7;border-radius:50%;margin:0 3px;cursor:pointer}.beat-creator-view .pagination .indicator.selected{background-color:#000a8b}body.touch-device .beat-creator-view .pagination .indicator{width:12px;height:12px;margin:6px}body.touch-device .beat-creator-view .pagination .indicator:after{content:"";position:absolute;top:-6px;left:-6px;width:24px;height:24px;background-color:transparent}.beat-creator-view .btn-play{position:relative;width:300px;height:300px;background-color:#475cc7;font-size:50px;cursor:pointer;border:4px solid #000a8b;text-align:center}.beat-creator-view .btn-play:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background-image:url(/website/assets/images/sound-bars-bg.png);background-size:80% auto;background-position:50%;background-repeat:no-repeat}.beat-creator-view .btn-play.is-playing:before{-webkit-animation:pulse .8s infinite;animation:pulse .8s infinite}.beat-creator-view .btn-play.is-playing .icon{opacity:0}.beat-creator-view .btn-play .icon{position:relative;display:inline-block;width:120px;z-index:1;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.beat-creator-view .btn-play .icon svg *{-webkit-transition:fill .2s ease-out;transition:fill .2s ease-out}body:not(.touch-device) .beat-creator-view .btn-play:hover .icon svg *{fill:#fff}.beat-creator-view .recorder{position:relative;margin-top:40px}.beat-creator-view .recorder .wave{margin:10px}.beat-creator-view .recorder .instructions .tiny{font-size:10px}.beat-creator-view .recorder .btn-record .bullet{color:red;font-size:20px;display:none}.beat-creator-view .loader-container{width:300px;height:300px;background-color:#fff;border:4px solid #000a8b}.beat-creator-view .loader-container .loader{margin-top:20px}nav{position:absolute;top:0;right:0;z-index:3}nav ul{position:relative;list-style:none;margin:0;padding:0}nav ul li{margin:0;padding:0;position:relative;display:block;background-color:#000a8b;color:#fff;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}nav ul li:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,.2)}nav ul li:active{color:#000a8b;background-color:#fff}nav ul li:active i svg *{fill:#000a8b}body:not(.touch-device) nav ul li:hover{color:#000a8b;background-color:#fff}body:not(.touch-device) nav ul li:hover i svg *{fill:#000a8b}nav ul li .label{position:relative;display:inline-block;width:70%;text-align:right;top:-5px;font-size:20px}nav ul li i{display:inline-block;width:14px;height:26px;text-align:right;margin-left:40px}nav ul li i svg{width:100%;height:100%}footer{position:absolute;width:100%;bottom:10px;opacity:0;text-align:center}footer ul{list-style:none;margin:0;padding:0}footer ul li{padding:0;display:inline-block;margin:0 40px;color:#fff;opacity:.6;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}body:not(.touch-device) footer ul li:hover{color:#000a8b;opacity:1}.overlay{position:absolute;width:100%;height:100%;top:0;background-color:#fff;z-index:1}.overlay .btn-facebook{margin-top:20px}.overlay .orange{color:#f7941e}.overlay .input-email{text-align:left}.overlay .btn-submit{margin-top:40px}.overlay .form-error{color:#f7941e;min-height:24px;text-transform:uppercase;line-height:1;text-align:left}.overlay h2.header{margin-top:20px}.overlay p.body{line-height:1.2}