.alert-message{padding:15px;border:1px solid transparent}.alert-message.success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-message.info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-message.warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-message.error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-message .button{margin-top:-4px}.alert-message .em{margin-right:0.5em}.alert-message+.alert-message{margin-top:0.5em}.alert-message--detached-top{margin-top:1.5em}.alert-message--detached-bottom{margin-bottom:2em}.alert-message--detached-bottom+.alert-message{margin-top:-1em}.alert-message+.alert-message--detached-top{margin-top:1em}.past-due-wrapper{pointer-events:auto;box-sizing:border-box;display:block;top:0;left:0;height:100%;width:100%;padding:2em 0;text-align:center;border:2px solid #ebccd1;background:#f2dede}.past-due-wrapper .title,.past-due-wrapper p{color:#a94442}.past-due-block{display:inline-block;padding:2em 2em 1em 2em;max-width:320px}@-webkit-keyframes mousemove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(10px, 1px);transform:translate(10px, 1px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes mousemove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(10px, 1px);transform:translate(10px, 1px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes mouseinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes mouseinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes mouserotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@keyframes mouserotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(-6deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@-webkit-keyframes leftclick{10%{background-color:#aeaeae}50%{background-color:#aeaeae}56%{background-color:#999}}@keyframes leftclick{10%{background-color:#aeaeae}50%{background-color:#aeaeae}56%{background-color:#999}}.animated-mouse-wrapper{z-index:400;bottom:12px;left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1)}.animated-mouse-move{bottom:24px;height:32px;left:50%;margin-left:-9px;position:absolute;transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1);width:18px}.animated-mouse-bg{background-color:rgba(0,0,0,0.2);border-radius:11px;height:36px;position:absolute;-webkit-transform:translate(-2px, -11px);transform:translate(-2px, -11px);width:22px}.animated-mouse-buttons{border-radius:9px 9px 0 0;height:9px;overflow:hidden;position:absolute;-webkit-transform:translate(0px, -9px);transform:translate(0px, -9px);width:18px}.animated-mouse-left-button{background-color:#fff;height:9px;position:absolute;width:9px}.animated-mouse-right-button{background-color:#fff;height:9px;position:absolute;-webkit-transform:translate(9px, 0);transform:translate(9px, 0);width:9px}.animated-mouse-scroll-wheel{position:absolute;height:3px;width:3px;border-radius:1.5px;-webkit-transform:translate(7.5px, -1px);transform:translate(7.5px, -1px);background:#aeaeae}.animated-mouse-body{background-color:#fff;border-radius:9px;height:32px;margin-top:-9px;position:absolute;width:18px}.animated-mouse-helptext{background:rgba(0,0,0,0.5);padding:2px 4px;border-radius:3px;color:#fff;font-family:"Helvetica Neue", Helvetica, sans-serif;font-size:0.8em;font-weight:500;margin:2px;text-align:center;white-space:nowrap}.animated-mouse--animate.animated-mouse-wrapper{opacity:1}.animated-mouse--animate div{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:2s;animation-duration:2s}.animated-mouse--animate .animated-mouse-move{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mousemove;animation-name:mousemove;height:32px;width:18px}.animated-mouse--animate .animated-mouse-rotate{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mouserotate;animation-name:mouserotate}.animated-mouse--animate .animated-mouse-inner{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:mouseinner;animation-name:mouseinner}.animated-mouse--animate .animated-mouse-left-button{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:leftclick;animation-name:leftclick}@-webkit-keyframes touchmove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(30px, 10px);transform:translate(30px, 10px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes touchmove{21%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}56%{-webkit-transform:translate(30px, 10px);transform:translate(30px, 10px)}98%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes touchinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@keyframes touchinner{8%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}38%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}62%{-webkit-transform:translate(1px, 4px);transform:translate(1px, 4px)}90%{-webkit-transform:translate(0px, 0);transform:translate(0px, 0)}}@-webkit-keyframes touchrotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@keyframes touchrotate{8%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}27%{-webkit-transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(0deg) translate(0px, -16px)}57%{-webkit-transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px);transform:translate(0px, 16px) rotate(9.5deg) translate(0px, -16px)}}@-webkit-keyframes touch{10%{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-transform:scale(1.15);transform:scale(1.15)}50%{background-color:#aeaeae;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 4px;-webkit-transform:scale(1);transform:scale(1)}56%{background-color:#999;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 5px;-webkit-transform:scale(1);transform:scale(1)}}@keyframes touch{10%{background-color:#fff;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 1px;-webkit-transform:scale(1.15);transform:scale(1.15)}50%{background-color:#aeaeae;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 4px;-webkit-transform:scale(1);transform:scale(1)}56%{background-color:#999;box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 5px;-webkit-transform:scale(1);transform:scale(1)}}.animated-touch-wrapper{z-index:400;bottom:12px;left:50%;opacity:0;pointer-events:none;position:absolute;-webkit-transform:translate(-50%, 0%);transform:translate(-50%, 0%);transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1)}.animated-touch-move{position:relative;left:50%;margin-left:-16px;transition:opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1);width:32px}.animated-touch-fingers{-webkit-transform:translate(0px, -10px);transform:translate(0px, -10px)}.animated-touch-finger{box-shadow:rgba(0,0,0,0.2) 0px 0px 0px 2px;border-radius:16px;background-color:#fff;height:32px;width:32px;margin-bottom:10px;-webkit-transform:scale(1.15);transform:scale(1.15)}.animated-touch-helptext{background:rgba(0,0,0,0.5);padding:2px 4px;border-radius:3px;color:#fff;font-family:"Helvetica Neue", Helvetica, sans-serif;font-size:0.8em;font-weight:500;margin:2px;text-align:center;white-space:nowrap}.animated-touch--animate.animated-touch-wrapper{opacity:1}.animated-touch--animate div{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:2s;animation-duration:2s}.animated-touch--animate .animated-touch-move{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touchmove;animation-name:touchmove}.animated-touch--animate .animated-touch-rotate{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touchrotate;animation-name:touchrotate}.animated-touch--animate .animated-touch-inner{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touchinner;animation-name:touchinner}.animated-touch--animate .animated-touch-finger{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:touch;animation-name:touch}.loader-ring{width:94px;min-width:94px;height:94px;min-height:94px;margin:auto;position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;border-radius:50%;border-top:3px solid rgba(255,255,255,0.2);border-right:3px solid rgba(255,255,255,0.2);border-bottom:3px solid rgba(255,255,255,0.2);border-left:3px solid #fff;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:rotate-360 1s infinite ease-out;animation:rotate-360 1s infinite ease-out}@-webkit-keyframes rotate-360{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-360{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader-progress{position:absolute;width:100%;line-height:100%;text-align:center;top:50%;font-size:20px;font-family:"Helvetica Neue";font-weight:400;margin-top:-1em;line-height:2em;color:white;text-shadow:rgba(0,0,0,0.8) 0px 0px 6px}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}.app-container{position:relative;clear:both;height:100%;width:100%;cursor:-webkit-grab;cursor:grab}.app-container .preview{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 200ms ease-out}.app-container--grabbing{cursor:-webkit-grabbing;cursor:grabbing}.app-container--static{cursor:auto}.app-container--loaded .preview{opacity:0}.heading-indicator{position:absolute;left:15px;top:50%;margin-top:-15px;z-index:100;background:rgba(0,0,0,0.5);height:30px;width:30px;border-radius:15px;cursor:pointer;opacity:0.80;transition:opacity 300ms ease-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}.heading-indicator:hover{opacity:1.0}.animated-mouse-wrapper{bottom:15px}.animated-touch-wrapper{bottom:56px}.control-button-group{position:absolute;right:0;bottom:0}.control-button{outline:none;border:none;background:transparent;padding:0;box-sizing:border-box;height:40px;width:36px;float:right;z-index:100;-webkit-filter:drop-shadow(0px 0px 3px #000);filter:drop-shadow(0px 0px 3px #000);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:-webkit-transform 300ms ease-out;transition:transform 300ms ease-out;transition:transform 300ms ease-out, -webkit-transform 300ms ease-out}.control-button:not([disabled]){cursor:pointer}.control-button:hover:not([disabled]){-webkit-transform:scale3d(1.1, 1.1, 1);transform:scale3d(1.1, 1.1, 1)}.control-button:first-child{margin-right:2px}.control-button img{display:block;height:20px;width:20px;margin-left:8px}@media (hover: none){.control-button{-webkit-transform:none !important;transform:none !important}}.control-button--fluid{width:auto;opacity:0.75}.control-button--fluid span{color:white;background:rgba(0,0,0,0.15);display:inline-block;border:1px solid white;border-radius:0.25em;padding:0.35em .75em;margin-right:1em;text-transform:uppercase}.control-button--fluid:hover,.control-button--fluid:focus,.control-button--fluid:active{opacity:1.0}.client-logo-wrapper{cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;position:absolute;left:10px;bottom:10px;padding:0;box-sizing:border-box}.client-logo{display:block;max-width:100%;border-radius:1.5em;box-shadow:0 3px 6px rgba(50,50,93,0.51),0 1px 3px rgba(0,0,0,0.08);transition:box-shadow ease-out 200ms, -webkit-transform 200ms ease-out;transition:transform 200ms ease-out, box-shadow ease-out 200ms;transition:transform 200ms ease-out, box-shadow ease-out 200ms, -webkit-transform 200ms ease-out}.client-logo:hover{-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0);box-shadow:0 5px 8px rgba(50,50,93,0.51),0 3px 5px rgba(0,0,0,0.08)}.loader{background:rgba(0,0,0,0.75);position:absolute;width:100%;height:100%;top:0;left:0;z-index:300;transition:opacity 300ms ease-out}.brand{pointer-events:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:350}.account-disabled{background:rgba(0,0,0,0);color:white;font-weight:bold;text-align:center;font-family:Arial, sans-serif;pointer-events:all;position:absolute;width:100%;height:100%;top:0;left:0;z-index:30000;transition:opacity 300ms ease-out}.account-disabled p{vertical-align:middle}.account-disabled__link{color:#999}.controls{position:absolute;width:100%;height:100%;top:0;left:0;z-index:200;transition:opacity 300ms ease-out}.video-controls{list-style:none;position:absolute;padding-left:0;margin:0;left:0;bottom:0;display:flex;background:rgba(0,0,0,0.2);padding:14px 15px 5px 15px;width:100%}.video-playpause{display:block;float:left;border:0;background:transparent;box-sizing:border-box;width:0;height:16px;text-indent:1000em;border-color:transparent transparent transparent #ffffff;transition:100ms all ease;cursor:pointer;outline:none;border-style:solid;border-width:7px 0 7px 12px}.video-playpause.paused{border-style:double;border-width:0px 0 0px 12px}.video-playpause:hover{border-color:transparent transparent transparent #ffffff}.video-mute{height:28px;width:28px;position:relative;overflow:hidden;display:inline-block;outline:none;background:none;border:none;cursor:pointer;margin-top:-3px;margin-left:6px;top:-1px}.video-mute span{display:block;width:6px;height:6px;background:#fff;margin:-2px 0 0 -4px;text-indent:1000em}.video-mute span:after{content:'';position:absolute;width:0;height:0;border-style:solid;border-color:transparent #fff transparent transparent;border-width:8px 10px 8px 12px;left:-10px;top:5px}.video-mute span:before{border-radius:0 50px 0 0;content:'';position:absolute;width:7px;height:7px;border-style:double;border-color:#fff;border-width:5px 5px 0 0;left:12px;top:7px;transition:all 0.2s ease-out}.video-mute:hover span:before{-webkit-transform:scale(0.8) translate(-3px, 0) rotate(42deg);transform:scale(0.8) translate(-3px, 0) rotate(42deg)}.video-mute span:before,.video-mute:active span:before,.video-mute:focus span:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.video-mute.mute span:before{-webkit-transform:scale(0.5) translate(-15px, 0) rotate(36deg);transform:scale(0.5) translate(-15px, 0) rotate(36deg);opacity:0}.loader--hidden{opacity:0;pointer-events:none}.tip-overlay{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;position:absolute;z-index:100;width:100%;height:100%;background:rgba(0,0,0,0.8);color:white;transition:opacity 300ms ease-out}.upragde-overlay{position:absolute;top:0;left:0;width:100%;z-index:4000;font-family:Arial, sans-serif;font-size:0.9em;background:#ccc;padding:0.5em 1em;opacity:0.85}.upragde-overlay p{padding:0;margin:0}.upragde-overlay .button,.upragde-overlay{color:#666}.upragde-overlay .button{font-weight:600}@media all and (min-width: 320px){.client-logo-wrapper{left:15px;bottom:15px}.control-button{height:50px;width:45px}.control-button:first-child{margin-right:2.5px}.control-button img{margin-left:12.5px}.control-button--fluid{width:auto}.control-button--fluid span{margin-right:0.5em}}