html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}html,body{height:100%}.container{-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:1120px;width:100%}.wrapper{overflow:hidden}html{font-size:10px;font-family:"Open Sans";font-weight:400;font-smoothing:antialiased;-webkit-font-smoothing:antialiased}body{color:#aeb0cb;font-size:10px}strong{color:#fff;font-weight:800}em{font-style:italic}h3{color:#fff;font-size:36px;font-size:3.6rem;font-weight:800;margin-bottom:30px}h3 .sub-text{color:#a9acc9;font-size:22px;font-size:2.2rem;font-weight:600}.container{font-size:21px;font-size:2.1rem;line-height:30px;line-height:3rem}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}div.selector,div.checker,div.uniform-button,div.radio,div.uploader{display:inline-block;vertical-align:middle}div.selector:focus,div.checker:focus,div.uniform-button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector{cursor:pointer;display:inline-block;overflow:hidden;padding-right:5px !important;padding-left:15px !important;position:relative;vertical-align:middle;-webkit-transition:color 0.25s, box-shadow 0.5s;transition:color 0.25s, box-shadow 0.5s}div.selector span{background:url("/images/form-dropdown-arrow.png") right center no-repeat transparent;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;cursor:pointer;height:20px;line-height:20px;padding-right:0px;cursor:pointer;width:100%;display:block}div.selector.fixedWidth{width:190px}div.selector.fixedWidth span{width:190px}div.selector select{cursor:pointer;opacity:0;border:none;background:none;position:absolute;height:46px;top:0px;left:0px;width:100%}div.selector.hover,div.selector.focus{box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 10px rgba(57,91,109,0.5) !important}div.selector.focus{box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 15px #395b6d !important}div.checker{margin-right:8px;position:relative}div.checker,div.checker span,div.checker input{cursor:pointer;width:21px;height:21px}div.checker span{display:inline-block;background:rgba(13,15,28,0.7);border-radius:4px;box-shadow:0 0 1px rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5);-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s}div.checker span:after{content:' ';height:24px;left:1px;opacity:0;position:absolute;top:-3px;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;width:24px}div.checker span.checked:after{background:url("/images/forms/checkmark.png") center center no-repeat;opacity:1}div.checker input{opacity:0;border:none;background:none;display:inline-block}div.checker.active span{background:rgba(13,15,28,0.8)}div.checker.hover span,div.checker.focus span{background:rgba(13,15,28,0.9);box-shadow:0 1px 0 rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5)}div.checker.hover.active span,div.checker.focus.active span{background:#0d0f1c}div.checker.focus span{box-shadow:0 1px 0 rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5),0 0 15px rgba(255,255,255,0.1)}div.checker.disabled,div.checker.disabled.active{opacity:0.5}div.radio{margin-right:8px;position:relative}div.radio,div.radio span,div.radio input{cursor:pointer;width:21px;height:21px}div.radio span{display:inline-block;background:rgba(3,18,25,0.5);border-radius:11px;box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4);-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s}div.radio span:after{border-radius:5px;content:' ';height:9px;left:6px;opacity:0;position:absolute;top:6px;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;width:9px}div.radio span.checked:after{height:9px;opacity:1;width:9px}div.radio input{opacity:0;border:none;background:none;display:inline-block;margin:0;text-align:center}div.radio.active span{background:rgba(3,18,25,0.8)}div.radio.hover span,div.radio.focus span{background:rgba(3,18,25,0.8);box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 10px rgba(57,91,109,0.5)}div.radio.hover.active span,div.radio.focus.active span{background:#031219}div.radio.focus span{box-shadow:0 1px 0 rgba(255,255,255,0.1),inset 0 2px 4px rgba(0,0,0,0.4),0 0 15px #395b6d}div.radio.disabled span,div.radio.disabled.active span{opacity:0.5}/*! Swipebox v1.2.6 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */html.swipebox-html.swipebox-touch{overflow:hidden !important}#swipebox-overlay img{border:none !important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-slider{height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none}#swipebox-slider .slide{background:url("/images/swipebox/loader.gif") no-repeat center center;height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide img,#swipebox-slider .slide .swipebox-video-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}#swipebox-action,#swipebox-caption{position:absolute;left:0;z-index:999;height:50px;width:100%}#swipebox-action{bottom:-50px}#swipebox-action.visible-bars{-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);transform:translateY(-50px)}#swipebox-action #swipebox-prev,#swipebox-action #swipebox-next,#swipebox-caption #swipebox-close{background-image:url("/images/swipebox/icons.png");background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;position:absolute;width:50px;height:50px;top:0}#swipebox-action #swipebox-prev{background-position:-32px 13px;right:100px}#swipebox-action #swipebox-next{background-position:-78px 13px;right:40px}#swipebox-caption #swipebox-close{background-position:15px 12px;right:40px}#swipebox-action #swipebox-prev.disabled,#swipebox-action #swipebox-next.disabled{opacity:0.3}#swipebox-caption{top:-50px;text-align:center}#swipebox-caption.visible-bars{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}#swipebox-slider.rightSpring{-moz-animation:rightSpring 0.3s;-webkit-animation:rightSpring 0.3s}#swipebox-slider.leftSpring{-moz-animation:leftSpring 0.3s;-webkit-animation:leftSpring 0.3s}@-webkit-keyframes rightSpring{0%{margin-left:0px}50%{margin-left:-30px}100%{margin-left:0px}}@-webkit-keyframes leftSpring{0%{margin-left:0px}50%{margin-left:30px}100%{margin-left:0px}}@media screen and (max-width: 800px){#swipebox-caption #swipebox-close{left:0}#swipebox-action #swipebox-prev{right:60px}#swipebox-action #swipebox-next{right:0}}#swipebox-overlay{background:rgba(13,13,13,0.85)}#swipebox-action,#swipebox-caption{text-shadow:1px 1px 1px black;background-color:rgba(13,13,13,0.5);opacity:0.95}#swipebox-action{border-top:1px solid rgba(0,0,0,0.2)}#swipebox-caption{border-bottom:1px solid rgba(0,0,0,0.2);color:white !important;font-size:15px;line-height:43px;font-family:Helvetica, Arial, sans-serif;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.touch #swipebox-action{height:100px !important}html,body{height:100%}html{background:url("/images/background/background.jpg")}body{background:url("/images/background/top.jpg") center top repeat-x}.wrapper{background:url("/images/heroes/scene.jpg") center top no-repeat;min-height:100%;width:100%}.abc .signup-form,.abc nav.fixed li a.button,.abc .content-separator .container{display:none}html,body{height:100%}.button.button--red.signup{border-radius:17px;box-shadow:inset 0 2px 4px rgba(255,255,255,0.2),inset 0 1px 0 rgba(255,255,255,0.15),0 0 20px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.3);font-weight:800;font-size:32px;font-size:3.2rem;letter-spacing:-1px;padding:0 40px 20px 40px;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.button.button--red.signup .tagline{color:rgba(231,180,146,0.6);font-size:12px;font-size:1.2rem;font-weight:600;letter-spacing:normal;line-height:8px;line-height:0.8rem;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.content-separator{background:url("/images/ui/radial-gradient-200-dark.png") center 100% no-repeat,url("/images/ui/radial-gradient-200-dark.png") center 0% no-repeat,url("/images/ui/radial-gradient-200-dark.png") center 104% no-repeat,url("/images/ui/radial-gradient-200-dark.png") center -4% no-repeat;background-size:100% 200%, 100% 200%, 100% 8%, 100% 8%;margin:0 auto;max-width:1120px;padding:30px 0;position:relative;text-align:center;vertical-align:middle;width:100%}.content-separator:after{background:url("/images/ui/radial-gradient-200-peach.png") center 100% no-repeat;background-size:100% 200%;bottom:-2px;content:' ';display:block;height:2px;position:absolute;width:100%}.content-separator .button{margin-left:20px;margin-right:20px;vertical-align:middle}.content-separator .copy{margin-bottom:15px}.content-separator .separator{margin:0 auto 60px auto}.content-separator strong{font-weight:800}.content-separator.last-cta{padding:60px 0 60px}.content-separator.last-cta .support{margin-left:0}.navigation-list li{display:inline-block}section{padding:120px 0;text-align:center}section .copy{display:inline-block;width:66.66%}section .copy p{margin-bottom:30px}section .copy p:last-child{margin-bottom:0}section .separator{margin:80px auto}.separator{background:url("/images/ui/radial-gradient-200-peach.png") center -2px no-repeat;background-size:100% 5px;height:3px;margin:0 auto;opacity:0.7;position:relative}.separator:before{background:url("/images/ui/radial-gradient-200-dark.png") center 0 no-repeat;background-size:100% 5px;content:' ';opacity:0.8;position:absolute;height:3px;left:0;top:-3px;width:100%}.table{display:table}.table .table-cell{-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell}.table .table-cell.table-cell-75{width:75%}.table .table-cell.table-cell-50{width:50%}.table .table-cell.table-cell-25{width:25%}.table .table-cell.table-cell-expand{width:auto}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.fade-in-down{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.animated.fade-in-up{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.button,.textbox{font-family:"Open Sans", sans-serif;font-size:14px;font-size:1.4rem;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-weight:400}.button{border:0 none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;margin:0;outline:none;padding:5px 15px;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.4);-webkit-transition:background 0.25s;transition:background 0.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.button--ex-large{font-size:20px;font-size:2rem;font-weight:700;padding:10px 25px}.button--flat{background:rgba(255,255,255,0.2);border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,0.2);color:#0c0d1c;font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;font-style:italic;font-weight:400;padding:4px 14px;text-shadow:0 1px 0 rgba(255,255,255,0.1);-webkit-transition:background 0.25s;transition:background 0.25s}.button--flat:hover{background:rgba(255,255,255,0.25)}.button--blue{background-color:#24566e;background-image:-webkit-linear-gradient(270deg, rgba(93,137,157,0.43), rgba(0,36,55,0.33));background-image:linear-gradient(180deg, rgba(93,137,157,0.43), rgba(0,36,55,0.33));box-shadow:inset 0 0 12px rgba(255,255,255,0.2),inset 0 1px 1px rgba(255,255,255,0.25),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);color:#fff}.button--blue:hover,.button--blue:focus{background-color:#2a6581}.button--blue:active{background-color:#1e475b}.button--green{background-color:#4ead25;background-image:-webkit-linear-gradient(270deg, rgba(93,137,157,0.33), rgba(0,36,55,0.33));background-image:linear-gradient(180deg, rgba(93,137,157,0.33), rgba(0,36,55,0.33));box-shadow:inset 0 0 12px rgba(255,255,255,0.3),inset 0 1px 1px rgba(255,255,255,0.35),0 0 10px rgba(0,0,0,0.15),0 3px 6px rgba(0,0,0,0.3);color:#fff}.button--green:hover,.button--green:focus{background-color:#57c229}.button--green:active{background-color:#459821}.button--gold{background-color:#e0be00;background-image:-webkit-linear-gradient(270deg, rgba(244,228,117,0.33), rgba(112,50,0,0.33));background-image:linear-gradient(180deg, rgba(244,228,117,0.33), rgba(112,50,0,0.33));box-shadow:inset 0 0 12px rgba(255,255,255,0.5),inset 0 1px 1px rgba(255,255,255,0.75),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);color:#fff}.button--gold:hover,.button--gold:focus,.panels__links--item:hover .button--gold{background-color:#ffdd1e}.button--gold:active{background-color:#a38a00}.button--purple{background-color:#8c49de;background-image:-webkit-linear-gradient(270deg, rgba(213,172,255,0.33), rgba(40,0,171,0.33));background-image:linear-gradient(180deg, rgba(213,172,255,0.33), rgba(40,0,171,0.33));box-shadow:inset 0 0 12px rgba(255,255,255,0.3),inset 0 1px 1px rgba(255,255,255,0.35),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);color:#fff}.button--purple:hover,.button--purple:focus,.panels__links--item:hover .button--purple{background-color:#a774e6}.button--purple:active{background-color:#6d24c6}.button--red{background-color:#c1183c;background-image:-webkit-linear-gradient(270deg, rgba(238,90,0,0.33), rgba(61,13,0,0.33));background-image:linear-gradient(180deg, rgba(238,90,0,0.33), rgba(61,13,0,0.33));box-shadow:inset 0 0 12px rgba(255,255,255,0.3),inset 0 1px 1px rgba(255,255,255,0.35),0 0 10px rgba(0,0,0,0.25),0 3px 6px rgba(0,0,0,0.7);color:#fff}.button--red:hover,.button--red:focus,.panels__links--item:hover .button--red{background-color:#e42850}.button--red:active{background-color:#8b112b}.textbox{background:rgba(13,15,28,0.7);border:0 none;border-radius:4px;box-shadow:0 0 1px rgba(255,255,255,0.2),inset 0 2px 4px rgba(0,0,0,0.5);-moz-box-sizing:border-box;box-sizing:border-box;color:#bed3e9;outline:none;padding:10px 15px;text-shadow:0 1px 3px rgba(0,0,0,0.2);width:100%}.textbox::-webkit-input-placeholder{color:#91a7c0}.textbox::-moz-placeholder{color:#91a7c0}.textbox:-ms-input-placeholder{color:#91a7c0}.textbox::placeholder{color:#91a7c0}label.error{color:#dae1e9;display:block;font-size:13px;font-size:1.3rem;margin-top:3px;text-align:center}.social-media{font-size:0;padding:10px;text-align:center}.social-media__item{display:inline-block;margin-right:20px}.social-media__item:last-child{margin-right:0}.social-media__item a{background-color:rgba(209,228,242,0.05);background-image:url("/images/footer/social-media-v2.png");background-repeat:no-repeat;background-size:294px 98px;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 10px rgba(255,255,255,0.05),inset 0 1px 1px rgba(255,255,255,0.1),0 2px 4px rgba(0,0,0,0.45);display:block;height:49px;text-indent:-9999em;-webkit-transition:background 0.25s, border 0.25s, box-shadow 0.25s;transition:background 0.25s, border 0.25s, box-shadow 0.25s;width:49px}.social-media__item a:hover{box-shadow:0 2px 4px rgba(0,0,0,0.45)}.social-media__item--spacer{margin:0}.social-media__item--facebook a{border:2px solid #3b599b;background-position:-0px -49px}.social-media__item--facebook:hover a{background-color:#3b599b;background-position:-0px 0px}.social-media__item--twitter a{border:2px solid #29aef0;background-position:-49px -49px}.social-media__item--twitter:hover a{background-color:#29aef0;background-position:-49px 0px}.social-media__item--google-plus a{border:2px solid #cc181e;background-position:-98px -49px}.social-media__item--google-plus:hover a{background-color:#cc181e;background-position:-98px 0px}.social-media__item--twitch a{border:2px solid #6441a5;background-position:-147px -49px}.social-media__item--twitch:hover a{background-color:#6441a5;background-position:-147px 0px}.social-media__item--youtube a{border:2px solid #cc181e;background-position:-196px -49px}.social-media__item--youtube:hover a{background-color:#cc181e;background-position:-196px 0px}.social-media__item--steam a{border:2px solid #2a83c3;background-position:-245px -49px}.social-media__item--steam:hover a{background-color:#2a83c3;background-position:-245px 0px}.header{height:242px;position:relative}.header__logo{background:url("/images/header/logo-welcome.png") no-repeat;background-size:contain;display:block;margin:0 auto;max-width:360px;position:relative;text-indent:-9999em;top:-15px;width:100%}.header__logo:after{content:' ';display:block;height:0;padding-bottom:46.47202%}.header__tagline{color:rgba(91,116,143,0.9);font-size:16px;font-size:1.6rem;position:relative;text-align:center;text-shadow:0 5px 30px rgba(255,255,255,0.3),0 2px 3px rgba(255,255,255,0.2);top:-30px}.header__tagline strong{color:rgba(22,57,95,0.9);font-size:26px;font-size:2.6rem;font-weight:800}.content{position:relative}.cta{opacity:0;position:absolute;text-align:center;-webkit-transition:opacity 1s, visibility 1s;transition:opacity 1s, visibility 1s;visibility:hidden;width:100%;z-index:10}.cta__button{background-color:#7bc04e;background-image:-webkit-linear-gradient(270deg, rgba(161,220,123,0.5), rgba(52,108,16,0.5));background-image:linear-gradient(180deg, rgba(161,220,123,0.5), rgba(52,108,16,0.5));border-radius:8px;box-shadow:inset 0 1px 3px rgba(255,255,255,0.6),0 2px 4px rgba(0,0,0,0.4);color:#d4f5be;cursor:pointer;display:inline-block;font-size:13px;font-size:1.3rem;font-weight:600;margin:50px 0 20px 0;padding:20px 30px;text-align:center;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:background-color 0.25s;transition:background-color 0.25s}.cta__button strong{color:#fff;font-size:24px;font-size:2.4rem;font-weight:700;text-shadow:0 -1px 1px rgba(0,0,0,0.25)}.cta__button:hover{background-color:#97cd74}.cta__button:active{background-color:#63a239}.video-ended .cta{opacity:1;visibility:visible}.signup-form{border-radius:4px;box-shadow:inset 0 0 20px rgba(255,255,255,0.3),0 2px 4px rgba(0,0,0,0.2);-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(195,237,255,0.4);margin:30px auto;max-width:443px;padding:20px;position:relative;top:0;-webkit-transition:top 2s;transition:top 2s;width:100%}.signup-form.is-hidden{display:none}.signup-form p{color:#dae1e9;font-size:12.5px;font-size:1.25rem;line-height:14px;line-height:1.4rem;margin-bottom:15px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.3)}.signup-form p a{color:#fff;-webkit-transition:color 0.25s;transition:color 0.25s}.signup-form p a:hover{color:#fff}.signup-form h2{color:#1a2d41;font-size:22px;font-size:2.2rem;font-weight:700;margin:0 0 15px 0;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,0.2)}.signup-form .form-row{display:table;margin:0 0 10px 0;width:100%}.signup-form .form-row .form-element{-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell;padding:0 20px 0 0}.signup-form .form-row .form-element .form-element-label{color:#dae1e9;font-size:14px;font-size:1.4rem;text-shadow:0 1px 3px rgba(0,0,0,0.4)}.signup-form .form-row .form-element__button{text-align:center}.signup-form .form-row .form-element__button .button{box-shadow:inset 0 0 12px rgba(255,255,255,0.3),inset 0 1px 1px rgba(255,255,255,0.35),0 2px 4px rgba(0,0,0,0.15),0 1px 3px rgba(0,0,0,0.45);-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;font-size:17px;font-size:1.7rem;font-weight:900;margin:0 auto;padding:10px 15px;width:50%;text-align:center}.signup-form .form-row .form-element__checkbox{color:#dae1e9;display:block;font-size:14px;font-size:1.4rem;font-weight:400;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,0.4)}.signup-form .form-row .form-element__checkbox .checkbox-label{cursor:pointer;display:inline-block;padding:10px 0}.signup-form .form-row .form-element__checkbox a{color:#fff}.signup-form .form-row .form-element__checkbox label.error{top:-6px}.signup-form .form-row .form-element:last-child{padding-right:0}.signup-form .form-row.split-row .form-element{width:50%}.signup-form .form-row.split-row .form-element:first-child{padding:0 10px 0 0}.signup-form .form-row.split-row .form-element:last-child{padding:0 0 0 10px}.videos-ended--both .signup-form{top:-277px}.signup-form label.error{background:#c3d8e3;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,0.2);color:#173645;min-width:130px;margin:0 auto;padding:10px 15px;position:relative;text-shadow:0 1px 0 rgba(255,255,255,0.5);width:50%}.signup-form label.error:before{border-bottom:4px solid #c3d8e3;border-left:5px solid transparent;border-right:5px solid transparent;content:' ';height:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:-4px}.bullet-points{color:#fff;display:block;font-size:24px;font-size:2.4rem;font-weight:700;margin:30px auto 0 auto;opacity:1;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,0.4),0 0 30px rgba(0,0,0,0.5);-webkit-transition:opacity 1s, visibility 1s;transition:opacity 1s, visibility 1s;visibility:visible;width:100%}.video-ended .bullet-points{opacity:0;visibility:hidden}.feature{padding-bottom:1px}.feature .social-media{margin:30px 0}.video-feature{background:rgba(6,7,15,0.7);border-radius:4px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.4),0 1px 1px rgba(255,255,255,0.2);-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;max-width:808px;padding:4px;position:relative;-webkit-transition:opacity 1s, visibility 1s;transition:opacity 1s, visibility 1s;width:100%}.video-feature__wrapper{height:0;padding-bottom:56.25%;position:relative;z-index:1;width:100%}.video-feature__container{background:url("/images/video/placeholder-v1.jpg") no-repeat;background-size:contain;height:100%;left:0;position:absolute;top:0;-webkit-transition:opacity 1s, visibility 1s;transition:opacity 1s, visibility 1s;width:100%}.video-feature__container iframe{height:100%;width:100%}.video-feature__controls{top:10px;font-size:0px;position:absolute;right:10px;-webkit-transition:opacity 0.5s, visibility 0.5s;transition:opacity 0.5s, visibility 0.5s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.video-feature__controls--item{background-color:rgba(101,133,146,0.9);background-position:center;background-repeat:no-repeat;border-radius:2px;box-shadow:inset 0 0 5px rgba(255,255,255,0.15),0 2px 4px rgba(0,0,0,0.7);cursor:pointer;display:inline-block;height:24px;margin:0 5px 0 0;-webkit-transition:background-color 0.25s;transition:background-color 0.25s;width:24px}.video-feature__controls--item:hover{background-color:rgba(130,157,168,0.9)}.video-feature__controls--item:last-child{margin-right:0}.video-feature__controls--enlarge{background-image:url("/images/video/controls/enlarge.png")}.video-feature__controls--reduce{background-image:url("/images/video/controls/reduce.png")}.video-feature__controls--mute{background-image:url("/images/video/controls/mute.png")}.video-feature__controls--unmute{background-image:url("/images/video/controls/unmute.png")}.video-feature__controls--pause{background-image:url("/images/video/controls/pause.png")}.video-feature__controls--play{background-image:url("/images/video/controls/play.png")}.is-muted .video-feature__controls{opacity:1;visibility:hidden}.is-mobile .video-feature__controls{display:none}.video-feature__overlay{background:url("/images/heroes/video-overlay.png") no-repeat;background-size:contain;height:100%;left:-20px;opacity:1;padding:20px;position:absolute;top:-20px;width:100%;z-index:2}.video-feature__prompt{height:100%;left:0;position:absolute;top:0;width:100%}.replay-video{color:#cee1f4;cursor:pointer;display:inline-block;font-size:14px;font-size:1.4rem;font-weight:600;margin:5px 0;opacity:0;padding:10px 10px;text-shadow:0 1px 3px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.1);-webkit-transition:color 0.25s, opacity 1s, visibility 1s;transition:color 0.25s, opacity 1s, visibility 1s;visibility:hidden}.replay-video:before{background:url("/images/video/controls/replay.png") no-repeat;content:' ';display:inline-block;height:13px;margin-right:5px;opacity:0.3;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;vertical-align:middle;width:16px}.replay-video:hover{color:#f8fbfd}.replay-video:hover:before{opacity:0.5}.videos-ended--first .video-feature{cursor:pointer}.videos-ended--first .video-feature__container,.videos-ended--first .video-feature__controls{opacity:0;visibility:hidden}.videos-ended--first .prompt{opacity:1;visibility:visible}.videos-ended--both .video-feature{opacity:0;visibility:hidden}.videos-ended--both .replay-video,.videos-ended--both .cta{opacity:1;visibility:visible}.prompt{background:url("/images/video/placeholder-v2.jpg") no-repeat;background-size:contain;border-radius:4px;cursor:pointer;opacity:0;text-align:center;-webkit-transition:opacity 1s, visibility 1s;transition:opacity 1s, visibility 1s;visibility:hidden}.prompt:before{content:' ';display:block;height:0;padding-bottom:15%}.prompt__icon{background:url("/images/video/controls/thumbnail-play.png") no-repeat;background-size:contain;display:block;margin:0 auto 30px auto;opacity:0.8;max-width:105px;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;width:12.99505%}.prompt__icon:before{content:' ';display:block;height:0;padding-bottom:100%;width:100%}.video-feature:hover .prompt__icon{opacity:1}.prompt__title{background:url("/images/ui/radial-gradient-200-dark.png") center 100% no-repeat,url("/images/ui/radial-gradient-200-dark.png") center 0% no-repeat,url("/images/ui/radial-gradient-200-dark.png") center 104% no-repeat,url("/images/ui/radial-gradient-200-dark.png") center -4% no-repeat;background-size:100% 200%, 100% 200%, 100% 8%, 100% 8%;-moz-box-sizing:border-box;box-sizing:border-box;display:block;font-size:18px;font-size:1.8rem;padding:30px 0;position:relative;-webkit-transition:text-shadow 0.5s;transition:text-shadow 0.5s}.prompt__title:after{background:url("/images/ui/radial-gradient-200-peach.png") center 100% no-repeat;background-size:100% 200%;bottom:-2px;content:' ';display:block;height:2px;opacity:0.5;position:absolute;width:100%}.prompt__title strong{font-size:34px;font-size:3.4rem}.video-feature:hover .prompt__title{text-shadow:0 0 30px rgba(255,255,255,0.8)}nav{background:url("/images/ui/noise-1-4.png"),linear-gradient(180deg, #323451, #242640);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 2px 8px rgba(0,0,0,0.3);-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;min-height:60px;position:relative;text-align:center;width:100%;z-index:100}nav.fixed{position:fixed;top:0}nav #hamburger-icon{cursor:pointer;display:none;height:30px;padding:10px;position:relative;top:5px;width:30px}nav #hamburger-icon .bar{background:rgba(255,255,255,0.1);border-radius:3px;box-shadow:0 -1px 0 rgba(0,0,0,0.1),inset 0 0 3px rgba(255,255,255,0.2);display:block;height:3px;margin:5px 0;-webkit-transition:background 0.25s;transition:background 0.25s;width:100%}nav #hamburger-icon:hover .bar{background:rgba(255,255,255,0.2)}nav li{color:rgba(209,194,226,0.8);display:inline-block;padding:12px 0;text-shadow:0 2px 4px rgba(0,0,0,0.4)}nav li a{border-radius:8px;color:rgba(209,194,226,0.8);display:inline-block;font-size:20px;font-size:2rem;padding:15px 20px;text-decoration:none;-webkit-transition:background 0.25s, box-shadow 0.25s, color 0.25s;transition:background 0.25s, box-shadow 0.25s, color 0.25s}nav li a.button{border-radius:30px;font-size:18px;font-size:1.8rem;font-weight:800;padding:8px 20px;display:none}nav li.active a{color:#fff;background:rgba(241,250,255,0.2);box-shadow:inset 0 0 10px rgba(241,250,255,0.2),0 2px 4px rgba(0,0,0,0.1);font-weight:700}nav li:hover a{color:rgba(235,229,242,0.9)}nav li:hover a.button{color:#fff}nav.fixed li a.button{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;display:block}.section-new-features{padding-bottom:0}#pets{padding-bottom:20px;position:relative;text-align:center}#pets .label{color:#696b88;display:block;font-size:13px;font-size:1.3rem;font-style:italic;position:relative;text-shadow:0 1px 3px rgba(0,0,0,0.3);top:-30px;z-index:10}#pets .pets-container{height:430px;position:relative;text-align:center;width:100%;z-index:2}#pets .pets-container:before{background:url("/images/ui/radial-gradient-200-peach.png") center center no-repeat;background-size:100% 100%;bottom:-50px;content:' ';display:block;height:400px;left:50%;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1100px;z-index:0}#pets .pets-display{opacity:0;padding:30px 0 0 0;position:absolute;top:0;visibility:hidden;width:100%}#pets .pets-display.active{opacity:1;visibility:visible}#pets .pets-display .pet-evolution{display:inline-block;height:300px;max-width:780px;white-space:nowrap;width:100%}#pets .pets-display .pet-evolution li{display:inline-block;position:relative}#pets .pets-display .pet-evolution .image,#pets .pets-display .pet-evolution .image-wrapper{display:block;height:100%;position:relative;width:100%;z-index:2}#pets .pets-display .pet-evolution .image{background-size:contain !important}#pets .pets-display .pet-evolution .image-wrapper{top:-50px;z-index:1}#pets .pets-display .pet-evolution .image-wrapper:before{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-40px;content:' ';height:100px;left:50%;opacity:0.5;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:200px}#pets .pets-display .pet-evolution .image-wrapper:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-10px;content:' ';height:30px;left:50%;opacity:0.7;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:150px}#pets .pets-display .pet-evolution .baby{height:70%;top:-30px;width:28.205128%}#pets .pets-display .pet-evolution .baby .image{height:100%;width:100%}#pets .pets-display .pet-evolution .baby .image-wrapper:after{bottom:-5px}#pets .pets-display .pet-evolution .teen{height:100%;margin:0 -50px;width:28.205128%}#pets .pets-display .pet-evolution .teen .image{height:100%;width:100%}#pets .pets-display .pet-evolution .teen .label{color:#9597b1;font-size:15px;font-size:1.5rem;font-weight:600;font-style:normal}#pets .pets-display .pet-evolution .adult{height:70%;top:-30px;width:41.025641%}#pets .pets-display .pet-evolution .adult .image{height:100%;width:100%}#pets .pets-display .pet-name{color:#e0e1ef;font-weight:600;position:relative;text-shadow:0 1px 3px rgba(0,0,0,0.5);top:20px;z-index:10}#pets .pets-display.bounder .pet-evolution .baby .image{background:url("/images/pets/bounder-baby.png") center -40px no-repeat}#pets .pets-display.bounder .pet-evolution .baby .image-wrapper{left:15px}#pets .pets-display.bounder .pet-evolution .baby .image-wrapper:before{opacity:0.2;-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}#pets .pets-display.bounder .pet-evolution .baby .image-wrapper:after{opacity:0.4;-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}#pets .pets-display.bounder .pet-evolution .teen .image{background:url("/images/pets/bounder-teen.png") center -20px no-repeat}#pets .pets-display.bounder .pet-evolution .teen .image-wrapper{left:10px}#pets .pets-display.bounder .pet-evolution .teen .image-wrapper:before{opacity:0.4}#pets .pets-display.bounder .pet-evolution .teen .image-wrapper:after{opacity:0.6}#pets .pets-display.bounder .pet-evolution .adult .image{background:url("/images/pets/bounder-adult.png") center -20px no-repeat}#pets .pets-display.luster .pet-evolution .baby .image{background:url("/images/pets/luster-baby.png") center bottom no-repeat}#pets .pets-display.luster .pet-evolution .baby .image-wrapper:before{bottom:-30px;-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}#pets .pets-display.luster .pet-evolution .baby .image-wrapper:after{bottom:0;-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}#pets .pets-display.luster .pet-evolution .teen .image{background:url("/images/pets/luster-teen.png") center bottom no-repeat}#pets .pets-display.luster .pet-evolution .teen .image-wrapper{left:20px}#pets .pets-display.luster .pet-evolution .teen .image-wrapper:before{bottom:-50px;height:175px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:300px}#pets .pets-display.luster .pet-evolution .teen .image-wrapper:after{bottom:10px;height:50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:170px}#pets .pets-display.luster .pet-evolution .adult .image{background:url("/images/pets/luster-adult.png") center bottom no-repeat}#pets .pets-display.luster .pet-evolution .adult .image-wrapper:before{bottom:-50px;height:150px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:300px}#pets .pets-display.luster .pet-evolution .adult .image-wrapper:after{bottom:-12px;height:50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:170px}#pets .pets-display.mystik .pet-evolution .baby .image{background:url("/images/pets/mystik-baby.png") center -40px no-repeat}#pets .pets-display.mystik .pet-evolution .baby .image-wrapper{left:20px}#pets .pets-display.mystik .pet-evolution .baby .image-wrapper:before{opacity:0.2;-webkit-transform:translateX(-63%);-ms-transform:translateX(-63%);transform:translateX(-63%)}#pets .pets-display.mystik .pet-evolution .baby .image-wrapper:after{opacity:0.4;-webkit-transform:translateX(-63%);-ms-transform:translateX(-63%);transform:translateX(-63%)}#pets .pets-display.mystik .pet-evolution .teen .image{background:url("/images/pets/mystik-teen.png") center -40px no-repeat}#pets .pets-display.mystik .pet-evolution .teen .image-wrapper{left:35px}#pets .pets-display.mystik .pet-evolution .teen .image-wrapper:before{opacity:0.4;-webkit-transform:translateX(-65%);-ms-transform:translateX(-65%);transform:translateX(-65%)}#pets .pets-display.mystik .pet-evolution .teen .image-wrapper:after{opacity:0.6;-webkit-transform:translateX(-70%);-ms-transform:translateX(-70%);transform:translateX(-70%)}#pets .pets-display.mystik .pet-evolution .adult .image{background:url("/images/pets/mystik-adult.png") center bottom no-repeat}#pets .pets-display.mystik .pet-evolution .adult .image-wrapper{left:20px}#pets .pets-display.mystik .pet-evolution .adult .image-wrapper:before{-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}#pets .pets-display.mystik .pet-evolution .adult .image-wrapper:after{-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}#pets .pets-display.pincer .pet-evolution .baby .image{background:url("/images/pets/pincer-baby.png") center bottom no-repeat}#pets .pets-display.pincer .pet-evolution .baby .image-wrapper{left:15px}#pets .pets-display.pincer .pet-evolution .baby .image-wrapper:before{-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}#pets .pets-display.pincer .pet-evolution .baby .image-wrapper:after{-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%)}#pets .pets-display.pincer .pet-evolution .baby:after{right:-40px}#pets .pets-display.pincer .pet-evolution .teen .image{background:url("/images/pets/pincer-teen.png") center bottom no-repeat}#pets .pets-display.pincer .pet-evolution .teen .image-wrapper:before{-webkit-transform:translateX(-48%);-ms-transform:translateX(-48%);transform:translateX(-48%)}#pets .pets-display.pincer .pet-evolution .teen .image-wrapper:after{bottom:0px}#pets .pets-display.pincer .pet-evolution .teen:after{right:-47px}#pets .pets-display.pincer .pet-evolution .adult .image{background:url("/images/pets/pincer-adult.png") center bottom no-repeat}#pets .pets-display.pincer .pet-evolution .adult .image-wrapper{left:-25px}#pets .pets-display.pincer .pet-evolution .adult .image-wrapper:before{bottom:-29px;left:50%;-webkit-transform:translateX(-32%);-ms-transform:translateX(-32%);transform:translateX(-32%)}#pets .pets-display.pincer .pet-evolution .adult .image-wrapper:after{bottom:-4px;left:50%;-webkit-transform:translateX(-28%);-ms-transform:translateX(-28%);transform:translateX(-28%)}#pets .pets-display.razer .pet-evolution .baby .image{background:url("/images/pets/razer-baby.png") center bottom no-repeat}#pets .pets-display.razer .pet-evolution .teen .image{background:url("/images/pets/razer-teen.png") center bottom no-repeat}#pets .pets-display.razer .pet-evolution .teen .image-wrapper{left:25px}#pets .pets-display.razer .pet-evolution .teen .image-wrapper:before{bottom:-50px;height:175px;left:50%;-webkit-transform:translateX(-55%);-ms-transform:translateX(-55%);transform:translateX(-55%);width:300px}#pets .pets-display.razer .pet-evolution .teen .image-wrapper:after{bottom:5px;height:50px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:150px}#pets .pets-display.razer .pet-evolution .adult .image{background:url("/images/pets/razer-adult.png") center bottom no-repeat}#pets .pets-display.razer .pet-evolution .adult .image-wrapper:before{bottom:-50px;height:175px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:300px}#pets .pets-display.razer .pet-evolution .adult .image-wrapper:after{bottom:0;height:60px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:170px}#pets .pets-display.topps .pet-evolution .baby .image{background:url("/images/pets/topps-baby.png") center 98% no-repeat}#pets .pets-display.topps .pet-evolution .baby .image-wrapper:before{-webkit-transform:translateX(-40%);-ms-transform:translateX(-40%);transform:translateX(-40%)}#pets .pets-display.topps .pet-evolution .baby .image-wrapper:after{bottom:0px;-webkit-transform:translateX(-35%);-ms-transform:translateX(-35%);transform:translateX(-35%)}#pets .pets-display.topps .pet-evolution .baby:after{right:-30px}#pets .pets-display.topps .pet-evolution .teen .image{background:url("/images/pets/topps-teen.png") center bottom no-repeat}#pets .pets-display.topps .pet-evolution .teen .image-wrapper:before{-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%)}#pets .pets-display.topps .pet-evolution .teen .image-wrapper:after{bottom:-3px;height:40px;-webkit-transform:translateX(-46%);-ms-transform:translateX(-46%);transform:translateX(-46%);width:200px}#pets .pets-display.topps .pet-evolution .teen:after{right:-42px}#pets .pets-display.topps .pet-evolution .adult .image{background:url("/images/pets/topps-adult.png") center bottom no-repeat}#pets .pets-display.topps .pet-evolution .adult .image-wrapper:after{bottom:-8px;-webkit-transform:translateX(-48%);-ms-transform:translateX(-48%);transform:translateX(-48%)}#pets .pets-display.tortus .pet-evolution .baby .image{background:url("/images/pets/tortus-baby-b.png") center bottom no-repeat}#pets .pets-display.tortus .pet-evolution .baby .image-wrapper:before{-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%)}#pets .pets-display.tortus .pet-evolution .baby .image-wrapper:after{-webkit-transform:translateX(-46%);-ms-transform:translateX(-46%);transform:translateX(-46%)}#pets .pets-display.tortus .pet-evolution .baby:after{right:-6px}#pets .pets-display.tortus .pet-evolution .teen .image{background:url("/images/pets/tortus-teen.png") center bottom no-repeat}#pets .pets-display.tortus .pet-evolution .teen .image-wrapper:before{bottom:-45px;height:150px;-webkit-transform:translateX(-45%);-ms-transform:translateX(-45%);transform:translateX(-45%)}#pets .pets-display.tortus .pet-evolution .teen .image-wrapper:after{bottom:4px;height:50px;width:200px}#pets .pets-display.tortus .pet-evolution .adult .image{background:url("/images/pets/tortus-adult.png") center bottom no-repeat}#pets .pets-display.tortus .pet-evolution .adult .image-wrapper:before{bottom:-20px;-webkit-transform:translateX(-48%);-ms-transform:translateX(-48%);transform:translateX(-48%)}#pets .pets-display.tortus .pet-evolution .adult .image-wrapper:after{bottom:4px;height:50px;-webkit-transform:translateX(-46%);-ms-transform:translateX(-46%);transform:translateX(-46%)}#pets .pets-list-wrapper{margin:0 auto;max-width:850px}#pets .pets-list-wrapper:before{background:url("/images/ui/radial-gradient-200-peach.png") center center no-repeat;background-size:100% 100%;bottom:-75px;content:' ';display:block;height:300px;left:50%;opacity:0.5;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:800px;z-index:0}#pets .pets-list{position:relative;font-size:0;z-index:5}#pets .pets-list li{color:rgba(105,107,136,0.6);cursor:pointer;display:inline-block;font-size:14px;font-size:1.4rem;font-weight:600;opacity:0.8;padding:0 0 10px 0;position:relative;text-align:center;-webkit-transition:color 0.25s, font-size 0.25s, opacity 0.25s, text-shadow 0.25s;transition:color 0.25s, font-size 0.25s, opacity 0.25s, text-shadow 0.25s;width:14.285%;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}#pets .pets-list li.selected{opacity:1;color:#a4a5bc;font-weight:600;text-shadow:0 0 7px rgba(149,151,177,0.5)}#pets .pets-list li:hover{opacity:0.9;color:#9597b1;text-shadow:0 0 7px rgba(149,151,177,0.7)}#pets .pets-list li .image{background-position:center bottom;background-repeat:no-repeat;background-size:154px 210px;display:block;height:75px;left:50%;margin-bottom:15px;position:relative;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:155px;z-index:2}#pets .pets-list li .image-wrapper{display:block;position:relative}#pets .pets-list li .image-wrapper:after,#pets .pets-list li .image-wrapper:before{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-10px;content:' ';display:block;height:30px;left:50%;opacity:0.5;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:80px;z-index:0}#pets .pets-list li .image-wrapper:before{bottom:-5px;height:30px;opacity:0.8;width:100px}#pets .pets-list li.bounder .image{background-image:url("/images/pets/bounder-baby.png");top:-20px}#pets .pets-list li.bounder .image-wrapper:before{display:none}#pets .pets-list li.luster .image{background-image:url("/images/pets/luster-baby.png")}#pets .pets-list li.mystik .image{background-image:url("/images/pets/mystik-baby.png");top:-20px}#pets .pets-list li.mystik .image-wrapper:before{display:none}#pets .pets-list li.pincer .image{background-image:url("/images/pets/pincer-baby.png")}#pets .pets-list li.razer .image{background-image:url("/images/pets/razer-baby.png")}#pets .pets-list li.topps .image{background-image:url("/images/pets/topps-baby.png")}#pets .pets-list li.tortus .image{background-image:url("/images/pets/tortus-baby-b.png")}#pets .button{margin-top:30px;position:relative;z-index:15}#crafting{position:relative}#crafting:after{background:url("/images/ui/radial-gradient-200-peach.png") center center no-repeat;background-size:100% 100%;content:' ';display:block;height:130%;left:50%;opacity:0.7;position:absolute;top:15%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:90%;z-index:-1}#crafting .copy{margin-bottom:45px}#crafting .recipe{display:inline-block}#crafting .recipe li{display:inline-block;margin:0 5px;position:relative;vertical-align:middle}#crafting .recipe .chevron{opacity:0.5}#crafting .recipe .chevron:before{content:' ';display:inline-block;height:20px;width:12px}#crafting .recipe .chevron.chevron-light-blue:before{background:url("/images/ui/chevron-light-blue.png") left top no-repeat}#crafting .recipe .component:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-20px;content:' ';height:15px;left:0;opacity:0.5;position:absolute;width:100%}#crafting .recipe .component .frame{background:url("/images/ui/stone-frame.png") center 0 no-repeat;background-size:91px 182px;display:block;height:91px;width:91px}#crafting .recipe .component.agility-relic{background:url("/images/crafting/component-agility.jpg") center center no-repeat}#crafting .recipe .component.health-shard{background:url("/images/crafting/component-health.jpg") center center no-repeat}#crafting .recipe .component.power-shard{background:url("/images/crafting/component-power.jpg") center center no-repeat}#crafting .recipe .description{color:rgba(105,107,136,0.8);display:block;font-size:15px;font-size:1.5rem;font-weight:600;margin:0 0 10px 0;width:100%}#crafting .recipe .item:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-22px;content:' ';height:15px;left:0;opacity:0.6;position:absolute;width:100%}#crafting .recipe .item .frame{background:url("/images/ui/stone-frame.png") center 0 no-repeat;background-size:105px 209px;display:inline-block;height:105px;width:105px;vertical-align:middle}#crafting .recipe .item.zealots-blade{background:url("/images/crafting/item-zealots-blade.jpg") center center no-repeat}#crafting .recipe .item.zealots-blade-legendary{background:url("/images/crafting/item-zealots-blade-legendary.jpg") center center no-repeat}#crafting .recipe .crafting-separator{margin:0}#crafting .recipe .crafting-separator:before{background:rgba(0,0,0,0.5);border-radius:15px;box-shadow:inset 0 2px 2px rgba(0,0,0,0.6),0 1px 0 rgba(255,255,255,0.1);content:' ';display:inline-block;height:15px;margin:0 15px;vertical-align:middle;width:15px}#crafting .recipe .plus-sign{color:rgba(115,160,174,0.5);font-weight:700;margin:0}#crafting .button{margin-top:60px;position:relative;z-index:15}#gold-sharing{text-align:center}#gold-sharing .gold-sharing-image{background:url("/images/gold-sharing/ground-plane.jpg") center bottom no-repeat;background-size:100% auto;height:auto;position:relative;width:100%}#gold-sharing .gold-sharing-image .gold-sharing-image-inner{height:0;padding-bottom:40.90909%}#gold-sharing .creep{display:inline-block;height:29.33333%;left:50%;position:absolute;top:8.88889%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:12.90909%}#gold-sharing .creep .character{background:url("/images/gold-sharing/creep.png") bottom center no-repeat;background-size:contain;display:block;height:100%;position:relative;z-index:5;width:100%}#gold-sharing .creep .character:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;background-size:100% 100%;bottom:-9.09091%;content:' ';height:30.30303%;left:-8.4507%;position:absolute;width:105.6338%;z-index:2}#gold-sharing .creep .coins{background:url("/images/gold-sharing/coins-60.png") center center no-repeat;background-size:contain;display:inline-block;height:93.18182%;position:relative;width:79.57746%;z-index:5}#gold-sharing .creep .health-bar{background:rgba(4,18,25,0.8);border-radius:10px;border:1px solid #541818;box-shadow:inset 0 0 3px #541818,0 0 6px rgba(0,0,0,0.3);display:inline-block;height:7.57576%;margin-top:-1px;min-height:5px;max-height:10px;position:relative;width:70%;z-index:4}#gold-sharing .heroes .ray,#gold-sharing .heroes .vex{bottom:4.44444%;position:absolute;text-align:center}#gold-sharing .heroes .ray:after,#gold-sharing .heroes .vex:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;content:' ';position:absolute;z-index:2}#gold-sharing .heroes .ray .character,#gold-sharing .heroes .vex .character{display:block;position:relative;z-index:5}#gold-sharing .heroes .ray .coins,#gold-sharing .heroes .vex .coins{background:url("/images/gold-sharing/coins-30.png") center center no-repeat;background-size:contain;display:inline-block;position:absolute}#gold-sharing .heroes .ray{height:69.55556%;left:9.09091%;width:25.90909%}#gold-sharing .heroes .ray:after{bottom:-4.47284%;left:0;height:12.77955%;width:75.4386%}#gold-sharing .heroes .ray .character{background:url("/images/gold-sharing/ray.png") center center no-repeat;background-size:contain;height:100%;width:100%}#gold-sharing .heroes .ray .coins{bottom:76.67732%;height:22.68371%;width:46.31579%;right:-18.24561%}#gold-sharing .heroes .vex{height:74%;right:7.27273%;width:29.90909%}#gold-sharing .heroes .vex:after{bottom:-6.00601%;left:12.30769%;height:18.01802%;width:98.78419%}#gold-sharing .heroes .vex .character{background:url("/images/gold-sharing/vex.png") center center no-repeat;background-size:contain;height:100%;width:100%;z-index:5}#gold-sharing .heroes .vex .coins{bottom:72.07207%;height:21.32132%;left:-7.90274%;width:40.12158%}#heroes-showcase .copy{margin-bottom:30px}#heroes-showcase .heroes-select{position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:240px;z-index:10}#heroes-showcase .heroes-select:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-20px;content:' ';display:block;height:25px;left:50%;opacity:0.5;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:-1}#heroes-showcase .heroes-select.heroes-select-left{left:50px;position:absolute}#heroes-showcase .heroes-select.heroes-select-right{position:absolute;right:50px}#heroes-showcase .heroes-select li{border-radius:8px;cursor:pointer;display:inline-block;margin:6px;-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s}#heroes-showcase .heroes-select li.ace{background:url("/images/heroes/ace.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.bastion{background:url("/images/heroes/bastion.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.bo{background:url("/images/heroes/bo.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.caprice{background:url("/images/heroes/caprice.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.carter{background:url("/images/heroes/carter.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.hale{background:url("/images/heroes/hale.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.malady{background:url("/images/heroes/malady.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.vermillion{background:url("/images/heroes/vermillion.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.moxie{background:url("/images/heroes/moxie.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.ray{background:url("/images/heroes/ray.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.rook{background:url("/images/heroes/rook.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.tinder{background:url("/images/heroes/tinder.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li:hover .frame:after{opacity:0.5}#heroes-showcase .heroes-select li.selected{box-shadow:0 0 15px rgba(95,161,198,0.8)}#heroes-showcase .heroes-select li.selected .frame:after{opacity:1}#heroes-showcase .heroes-select .frame{background:url("/images/ui/stone-frame.png") center 0 no-repeat;background-size:100px 200px;display:block;height:100px;position:relative;width:100px}#heroes-showcase .heroes-select .frame:after{background:url("/images/ui/stone-frame.png") center -100px no-repeat;background-size:100px 200px;content:' ';display:block;height:100px;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;width:100px}#heroes-showcase .hero-display{height:430px;margin-bottom:60px;position:relative;width:100%;z-index:5}#heroes-showcase .hero-display:after{background:url("/images/ui/radial-gradient-200-peach.png") center center no-repeat;background-size:100% 100%;bottom:-150px;content:' ';height:500px;left:0;position:absolute;width:100%;z-index:-1}#heroes-showcase .hero-display .hero-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:0;position:absolute;top:-30px;width:100%;visibility:hidden}#heroes-showcase .hero-display .hero-container.active{opacity:1;visibility:visible}#heroes-showcase .hero-display .hero-container .character{display:block;height:488px;margin:0 auto;position:relative;width:100%}#heroes-showcase .hero-display .hero-container .character:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:0;content:' ';height:100px;left:50%;margin-left:-225px;opacity:0.7;position:absolute;width:450px;z-index:-1}#heroes-showcase .hero-display .hero-container .title{color:#9597b1;font-size:15px;font-size:1.5rem;font-weight:600;position:relative;top:-50px;text-shadow:0 1px 3px rgba(0,0,0,0.3)}#heroes-showcase .hero-display .hero-container.ace .character{background:url("/images/heroes/ace-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.ace .character:after{bottom:-5px;margin-left:-140px;width:400px}#heroes-showcase .hero-display .hero-container.ace .title{top:-20px}#heroes-showcase .hero-display .hero-container.bastion .character{background:url("/images/heroes/bastion-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.bo .character{background:url("/images/heroes/bo-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.bo .character:after{bottom:-8px;height:120px;margin-left:-180px}#heroes-showcase .hero-display .hero-container.caprice .character{background:url("/images/heroes/caprice-full.png") center center no-repeat;left:25px}#heroes-showcase .hero-display .hero-container.caprice .character:after{bottom:8px;height:160px;margin-left:-195px;width:380px}#heroes-showcase .hero-display .hero-container.carter .character{background:url("/images/heroes/carter-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.carter .character:after{bottom:40px;height:140px;margin-left:-175px;width:350px}#heroes-showcase .hero-display .hero-container.hale .character{background:url("/images/heroes/hale-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.hale .character:after{bottom:15px;height:120px;margin-left:-150px;width:450px}#heroes-showcase .hero-display .hero-container.hale .title{top:-40px}#heroes-showcase .hero-display .hero-container.malady .character{background:url("/images/heroes/malady-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.malady .character:after{bottom:-10px;margin-left:-180px;width:420px}#heroes-showcase .hero-display .hero-container.malady .title{top:-15px}#heroes-showcase .hero-display .hero-container.moxie .character{background:url("/images/heroes/moxie-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.moxie .character:after{bottom:80px;height:80px;margin-left:-187px;width:400px}#heroes-showcase .hero-display .hero-container.moxie .title{top:-80px}#heroes-showcase .hero-display .hero-container.ray .character{background:url("/images/heroes/ray-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.ray .character:after{bottom:6px;margin-left:-100px;width:300px}#heroes-showcase .hero-display .hero-container.rook .character{background:url("/images/heroes/rook-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.rook .character:after{bottom:-12px;height:75px;margin-left:-195px}#heroes-showcase .hero-display .hero-container.tinder .character{background:url("/images/heroes/tinder-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.tinder .character:after{bottom:4px;height:120px;margin-left:-250px}#heroes-showcase .hero-display .hero-container.tinder .title{top:-30px}#heroes-showcase .hero-display .hero-container.vermillion .character{background:url("/images/heroes/vermillion-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.vermillion .character:after{bottom:55px;margin-left:-244px;width:400px}#heroes-showcase .button{position:relative;z-index:50}#lore p{text-align:left}#lore .hidden-lore{display:none}#lore .sigils{margin-top:30px}#lore .sigils li{background:url("/images/story/sigils-colorful.png") center center no-repeat;display:inline-block;height:124px;margin:0 10px;width:94px}#lore .sigils li.vorbis{background-position:0 0}#lore .sigils li.gael{background-position:0 -124px}#lore .sigils li.lyrie{background-position:0 -248px}#lore .sigils li.nestra{background-position:0 -372px}#lore .sigils li.tempra{background-position:0 -496px}#heroes-showcase .copy{margin-bottom:30px}#heroes-showcase .heroes-select{position:absolute;text-align:center;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:240px;z-index:10}#heroes-showcase .heroes-select:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:-20px;content:' ';display:block;height:25px;left:50%;opacity:0.5;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:-1}#heroes-showcase .heroes-select.heroes-select-left{left:50px;position:absolute}#heroes-showcase .heroes-select.heroes-select-right{position:absolute;right:50px}#heroes-showcase .heroes-select li{border-radius:8px;cursor:pointer;display:inline-block;margin:6px;-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s}#heroes-showcase .heroes-select li.ace{background:url("/images/heroes/ace.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.bastion{background:url("/images/heroes/bastion.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.bo{background:url("/images/heroes/bo.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.caprice{background:url("/images/heroes/caprice.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.carter{background:url("/images/heroes/carter.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.hale{background:url("/images/heroes/hale.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.malady{background:url("/images/heroes/malady.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.vermillion{background:url("/images/heroes/vermillion.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.moxie{background:url("/images/heroes/moxie.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.ray{background:url("/images/heroes/ray.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.rook{background:url("/images/heroes/rook.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li.tinder{background:url("/images/heroes/tinder.jpg") center center no-repeat;background-size:71px 71px}#heroes-showcase .heroes-select li:hover .frame:after{opacity:0.5}#heroes-showcase .heroes-select li.selected{box-shadow:0 0 15px rgba(95,161,198,0.8)}#heroes-showcase .heroes-select li.selected .frame:after{opacity:1}#heroes-showcase .heroes-select .frame{background:url("/images/ui/stone-frame.png") center 0 no-repeat;background-size:100px 200px;display:block;height:100px;position:relative;width:100px}#heroes-showcase .heroes-select .frame:after{background:url("/images/ui/stone-frame.png") center -100px no-repeat;background-size:100px 200px;content:' ';display:block;height:100px;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;width:100px}#heroes-showcase .hero-display{height:430px;margin-bottom:60px;position:relative;width:100%;z-index:5}#heroes-showcase .hero-display:after{background:url("/images/ui/radial-gradient-200-peach.png") center center no-repeat;background-size:100% 100%;bottom:-150px;content:' ';height:500px;left:0;position:absolute;width:100%;z-index:-1}#heroes-showcase .hero-display .hero-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:0;position:absolute;top:-30px;width:100%;visibility:hidden}#heroes-showcase .hero-display .hero-container.active{opacity:1;visibility:visible}#heroes-showcase .hero-display .hero-container .character{display:block;height:488px;margin:0 auto;position:relative;width:100%}#heroes-showcase .hero-display .hero-container .character:after{background:url("/images/ui/radial-gradient-200-dark.png") center center no-repeat;background-size:100% 100%;bottom:0;content:' ';height:100px;left:50%;margin-left:-225px;opacity:0.7;position:absolute;width:450px;z-index:-1}#heroes-showcase .hero-display .hero-container .title{color:#9597b1;font-size:15px;font-size:1.5rem;font-weight:600;position:relative;top:-50px;text-shadow:0 1px 3px rgba(0,0,0,0.3)}#heroes-showcase .hero-display .hero-container.ace .character{background:url("/images/heroes/ace-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.ace .character:after{bottom:-5px;margin-left:-140px;width:400px}#heroes-showcase .hero-display .hero-container.ace .title{top:-20px}#heroes-showcase .hero-display .hero-container.bastion .character{background:url("/images/heroes/bastion-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.bo .character{background:url("/images/heroes/bo-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.bo .character:after{bottom:-8px;height:120px;margin-left:-180px}#heroes-showcase .hero-display .hero-container.caprice .character{background:url("/images/heroes/caprice-full.png") center center no-repeat;left:25px}#heroes-showcase .hero-display .hero-container.caprice .character:after{bottom:8px;height:160px;margin-left:-195px;width:380px}#heroes-showcase .hero-display .hero-container.carter .character{background:url("/images/heroes/carter-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.carter .character:after{bottom:40px;height:140px;margin-left:-175px;width:350px}#heroes-showcase .hero-display .hero-container.hale .character{background:url("/images/heroes/hale-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.hale .character:after{bottom:15px;height:120px;margin-left:-150px;width:450px}#heroes-showcase .hero-display .hero-container.hale .title{top:-40px}#heroes-showcase .hero-display .hero-container.malady .character{background:url("/images/heroes/malady-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.malady .character:after{bottom:-10px;margin-left:-180px;width:420px}#heroes-showcase .hero-display .hero-container.malady .title{top:-15px}#heroes-showcase .hero-display .hero-container.moxie .character{background:url("/images/heroes/moxie-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.moxie .character:after{bottom:80px;height:80px;margin-left:-187px;width:400px}#heroes-showcase .hero-display .hero-container.moxie .title{top:-80px}#heroes-showcase .hero-display .hero-container.ray .character{background:url("/images/heroes/ray-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.ray .character:after{bottom:6px;margin-left:-100px;width:300px}#heroes-showcase .hero-display .hero-container.rook .character{background:url("/images/heroes/rook-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.rook .character:after{bottom:-12px;height:75px;margin-left:-195px}#heroes-showcase .hero-display .hero-container.tinder .character{background:url("/images/heroes/tinder-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.tinder .character:after{bottom:4px;height:120px;margin-left:-250px}#heroes-showcase .hero-display .hero-container.tinder .title{top:-30px}#heroes-showcase .hero-display .hero-container.vermillion .character{background:url("/images/heroes/vermillion-full.png") center center no-repeat}#heroes-showcase .hero-display .hero-container.vermillion .character:after{bottom:55px;margin-left:-244px;width:400px}#heroes-showcase .button{position:relative;z-index:50}#visuals .screenshots,#visuals .videos{font-size:0}#visuals .screenshots .column,#visuals .videos .column{display:inline-block;width:auto;vertical-align:top}#visuals .screenshots .column a,#visuals .videos .column a{display:block;padding:3px}#visuals .screenshots .column img,#visuals .videos .column img{display:block;height:auto;opacity:0.7;-webkit-transition:opacity 0.25s;transition:opacity 0.25s}#visuals .screenshots .column img:hover,#visuals .videos .column img:hover{opacity:1}#visuals .videos a{position:relative}#visuals .videos a:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);background:url("/images/ui/video-play-icon.png") center center no-repeat;background-size:contain;content:' ';display:block;height:36%;left:50%;margin:0 auto;position:absolute;opacity:0.7;top:50%;-webkit-transform:translateX(-50%) translateY(-55%);-ms-transform:translateX(-50%) translateY(-55%);transform:translateX(-50%) translateY(-55%);-webkit-transition:opacity 0.25s;transition:opacity 0.25s;width:20.08929%;z-index:4}#visuals .videos a .title{bottom:5%;color:#fff;font-size:14px;font-size:1.4rem;font-weight:400;left:0;position:absolute;text-align:center;text-shadow:0 0 10px rgba(0,0,0,0.5),0 0 3px rgba(0,0,0,0.3);width:100%;z-index:5}#visuals .videos a img{display:block;opacity:0.7;position:relative;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;z-index:1}#visuals .videos a:hover:before{opacity:1}#visuals .videos a:hover img{opacity:1}.touch #swipebox-action{height:100px !important}footer{background:rgba(31,32,46,0.5);color:#5a5c77;padding:50px 0;text-align:center}footer .container{font-size:14px;font-size:1.4rem;line-height:14px;line-height:1.4rem;font-weight:400}footer a{color:#5a5c77;-webkit-transition:color 0.25s;transition:color 0.25s}footer a:hover{color:#7f819e}footer .legal-text{margin-bottom:20px}footer .footer-legal-navigation li{margin-left:15px}footer .footer-legal-navigation li:first-child{margin-left:0}footer .partners{vertical-align:middle}footer .partners a{display:inline-block;margin-right:30px;text-indent:-9999em;vertical-align:middle}footer .partners a.s2games{background:url("/images/footer/logo-s2.png") center center no-repeat;height:46px;width:51px}footer .partners a.yy{background:url("/images/footer/logo-yy.png") center center no-repeat;height:31px;width:94px}footer .partners a.as{background:url("/images/footer/logo-as.png") center center no-repeat;height:41px;width:82px}footer .partners a.mail-ru{background:url("/images/footer/logo-mail-ru.png") center center no-repeat;height:30px;margin-right:0;width:132px}footer .separator{margin:60px auto}footer .social-media{margin-bottom:30px}@media only screen and (max-width: 867px){.video-feature__overlay{display:none}.video-ended .signup-form{top:auto}.video-wrapper{height:auto}.video-ended .video-wrapper{height:285px}}@media only screen and (max-width: 450px){.signup-form{padding:10px}}@media only screen and (max-width: 1200px){header .logo{margin-bottom:20px}}@media only screen and (max-width: 1140px){#carousel{padding:0}#carousel .navigation-list{left:20px}#carousel .slide .copy{left:20px}}@media only screen and (max-width: 1100px){.container{padding:0 20px}header .container{padding:20px 0 0 0}.container#pets{padding-left:0;padding-right:0}#carousel .slide.next-generation .image{right:-25%}#carousel .slide.action-oriented .copy{width:40%}}@media only screen and (max-width: 970px){#visuals a,#visuals img{width:175px}}@media only screen and (max-width: 920px){section .copy{width:75%}#carousel .navigation-list{bottom:10%}#gold-sharing .copy{width:80%}#heroes-showcase .heroes-select.heroes-select-left{left:0px}#heroes-showcase .heroes-select.heroes-select-right{right:0px}}@media only screen and (max-width: 860px){#crafting .recipe{display:block}#crafting .recipe.recipe-right:before{background:rgba(9,25,34,0.7);border-radius:15px;box-shadow:inset 0 2px 2px rgba(0,0,0,0.6),0 1px 0 rgba(255,255,255,0.1);content:' ';display:block;height:15px;margin:35px auto 25px auto;vertical-align:middle;width:15px}#crafting .recipe .crafting-separator{display:none}}@media only screen and (max-width: 850px){html{font-size:9px}nav li a{padding:15px}#lore .sigils li{background-size:47px 310px;height:62px;width:47px}#lore .sigils li.gael{background-position:0 -62px}#lore .sigils li.lyrie{background-position:0 -124px}#lore .sigils li.nestra{background-position:0 -186px}#lore .sigils li.tempra{background-position:0 -248px}#visuals a,#visuals img{width:150px}}@media only screen and (max-width: 800px){.header-content{top:20px}.secondary-navigation{left:50%;margin-left:-191px;top:-20px;right:auto}.secondary-navigation .social-media{display:none}.secondary-navigation li{padding:0}.secondary-navigation li a{padding:10px 5px}#heroes-showcase .heroes-select.heroes-select-left,#heroes-showcase .heroes-select.heroes-select-right{-webkit-transform:scale(0.8, 0.8) translateY(-50%);-ms-transform:scale(0.8, 0.8) translateY(-50%);transform:scale(0.8, 0.8) translateY(-50%)}}@media only screen and (max-width: 760px){.header-5v5-welcome{min-height:750px}html{font-size:8px}.header-video{background:url("/images/header/placeholder-760.jpg") center center no-repeat}nav li a{padding:10px}nav .table-cell-social-media{top:7px}#carousel{padding:0;max-height:none}#carousel .carousel-stretcher{display:none}#carousel .navigation-list{display:none}#carousel .slide{box-shadow:inset 0 1px 2px rgba(255,255,255,0.1),0 -1px 2px rgba(0,0,0,0.5);-moz-box-sizing:border-box;box-sizing:border-box;bottom:auto;opacity:1;height:330px;padding:20px;position:relative;left:auto;right:auto;top:auto;visibility:visible}#carousel .slide .copy{left:auto;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%}#carousel .slide.action-oriented{box-shadow:inset 0 1px 2px rgba(255,255,255,0.1),0 -1px 2px rgba(0,0,0,0.5),inset 0 -1px 2px rgba(0,0,0,0.5)}#carousel .slide.action-oriented .image{right:-50px}#carousel .slide.coming-trials{box-shadow:none}#carousel .slide.coming-trials .image{height:auto}#carousel .slide.next-generation .copy{right:10px}#carousel .slide.next-generation .image{left:-30%}#pets .pets-display.mystik .pet-evolution .baby .image{background-position:center -20px}#pets .pets-display.mystik .pet-evolution .teen .image{background-position:center -20px}}@media only screen and (max-width: 700px){#visuals .container{max-width:500px}#visuals a,#visuals img{width:175px}#pets .pets-display.bounder .pet-evolution .baby .image{background-position:center 40%}#pets .pets-display.bounder .pet-evolution .teen .image{background-position:center 40%}#pets .pets-display.bounder .pet-evolution .adult .image{background-position:center 40%}#pets .pets-display.mystik .pet-evolution .baby .image{background-position:center 40%}#pets .pets-display.mystik .pet-evolution .teen .image{background-position:center 40%}#pets .pets-display.mystik .pet-evolution .adult .image{background-position:center 80%}}@media only screen and (max-width: 650px){section{padding:30px 0}section .separator{margin:60px auto}nav .table .table-cell-social-media{display:none}nav #hamburger-icon{display:inline-block}nav .navigation-list{background:url("/images/ui/noise-4-18.png") center center #06060c;box-shadow:inset 0 0 15px rgba(0,0,0,0.7),0 1px 1px rgba(255,255,255,0.1);left:0;opacity:0;padding:5px 0;position:absolute;text-align:center;top:60px;-webkit-transition:opacity 0.5s, visibility 0.5s;transition:opacity 0.5s, visibility 0.5s;width:100%;visibility:hidden}.mobile-nav-expanded nav .navigation-list{opacity:1;visibility:visible}nav .navigation-list li{display:block;padding:0}nav .navigation-list li a{font-size:24px;font-size:2.4rem;padding:15px 25px}nav .navigation-list li a.button{margin:0 auto;width:50%}nav .table{height:60px}nav .table .table-cell{vertical-align:middle}nav .table .table-cell.table-cell-login{text-align:right}.prompt:before{padding-bottom:10%}#carousel.container .slide{height:auto;padding:40px 20px 0 20px}#carousel.container .slide .copy,#carousel.container .slide .image{bottom:auto;display:block;left:auto;position:relative;right:auto;text-align:center;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}#carousel.container .slide .copy{margin-bottom:40px}#carousel.container .slide.next-generation .copy{margin-bottom:0}#carousel.container .slide.next-generation .image{left:50%;width:120%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}#carousel.container .slide.action-oriented{padding-bottom:30px}#carousel.container .slide.action-oriented .image{margin:0 -12% 0 -8%;width:120%}#pets.container{padding-bottom:0}#pets .pets-container{height:380px}#pets .pets-display .pet-evolution{height:280px}#pets .pets-list li{min-width:100px}#pets .pets-list li .image{margin-bottom:0}#gold-sharing.container{padding:0}#gold-sharing .gold-sharing-image{margin-left:-10%;width:120%}#gold-sharing .heroes .vex{right:11%}#gold-sharing .heroes .ray{left:11%}#heroes-showcase .hero-display{height:auto;margin:0 auto;max-width:350px}#heroes-showcase .hero-display .hero-container{display:none}#heroes-showcase .heroes-select{margin:0 auto}#heroes-showcase .heroes-select.heroes-select-left,#heroes-showcase .heroes-select.heroes-select-right{position:relative;top:auto;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}#heroes-showcase .heroes-select li{cursor:default}#heroes-showcase .heroes-select li.selected,#heroes-showcase .heroes-select li:hover{box-shadow:none}#heroes-showcase .heroes-select li .frame:after{display:none}}@media only screen and (max-width: 600px){.header-5v5-welcome{min-height:700px}.header-5v5-welcome .video-and-signup-box{border-radius:0}}@media only screen and (max-width: 550px){.header-5v5-welcome{min-height:700px}.last-cta .button-container{max-width:300px}.last-cta .button-container .button{margin:10px 0}}@media only screen and (max-width: 500px){.social-media__item--spacer{display:block}section .copy{width:90%}#pets .pets-container{display:none}#pets .pets-list-wrapper{margin-top:60px}#pets .pets-list li{cursor:normal;opacity:1}#pets .pets-list li.selected,#pets .pets-list li:hover{color:rgba(158,198,211,0.6);text-shadow:none}#gold-sharing .gold-sharing-image{margin-left:-18%;width:136%}#gold-sharing .heroes .arrow{display:none}#gold-sharing .heroes .vex .coins,#gold-sharing .heroes .ray .coins{bottom:auto;left:50%;right:auto;top:-20%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);z-index:10}#gold-sharing .heroes .ray{left:15%}#gold-sharing .heroes .vex{right:15%}}@media only screen and (max-width: 450px){.header-5v5-welcome{min-height:630px}header .logo{min-height:60px;min-width:250px}#carousel.container .slide.action-oriented .image{margin:0 -25%;width:150%}#crafting .recipe li.chevron{display:block;margin:20px auto;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#crafting .recipe .description{font-size:20px;font-size:2rem;margin:0 0 20px 0}#visuals .container{max-width:350px}#visuals a,#visuals img{width:125px}#lore .sigils li{margin:0;-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75)}}@media only screen and (max-width: 400px){.header-5v5{min-height:720px}.header-5v5 .video-and-signup-box{border-radius:0}.header-5v5 .signup-wrapper h3{font-size:17px;font-size:1.7rem}.prompt__icon{margin:0 auto 10px auto}.prompt__title{font-size:14px;font-size:1.4rem;padding:10px 0}.prompt__title strong{font-size:28px;font-size:2.8rem}section .copy{width:95%}#heroes-showcase .hero-display{max-width:330px;width:100%}#heroes-showcase .heroes-select li{background-size:55px 55px;height:80px;margin:3px;width:80px}#heroes-showcase .heroes-select li .frame{background-size:80px 160px;height:80px;width:80px}}@media only screen and (max-width: 350px){.header-5v5-welcome{min-height:600px}}@media only screen and (max-width: 330px){.header-video{background:url("/images/header/placeholder-330.jpg") center center no-repeat}}
