.hero-list{position:relative;text-align:center}@media only screen and (min-width:38em){.hero-list{text-align:justify;font-size:.1px}.hero-list:after{content:"";display:inline-block;width:100%}}.hero-container{display:inline-block;position:relative;max-width:136px;vertical-align:top}@media only screen and (min-width:50em){.hero-container{max-width:none}}.ie8 .hero-container{display:inline}.hero-container.placeholder{visibility:hidden;display:inline-block;margin-top:0;width:216px;height:10px}.hero-container.ng-enter,.hero-container.ng-leave,.hero-container.ng-move{transition:opacity .25s,top .2s}.hero-container.ng-enter,.hero-container.ng-leave.ng-leave-active{opacity:0;top:-70px}.hero-container.ng-enter.ng-enter-active,.hero-container.ng-leave{opacity:1;top:0}.hero-list__item{display:inline-block;margin:0 4px 40px;margin:0 .25rem 2.5rem;max-width:136px;max-width:8.5rem;vertical-align:top;cursor:pointer}@media only screen and (min-width:38em){.hero-list__item{display:-moz-inline-stack;display:inline-block;vertical-align:middle;zoom:1;vertical-align:top;text-align:left;font-size:16px;font-size:1rem}}@media only screen and (min-width:50em){.hero-list__item{max-width:216px;margin:0 0 4rem}}.hero-list__item__border{width:136px;height:196px;display:inline-block;background:#43286b;padding:2px;margin-bottom:12px;margin-bottom:.75rem;position:relative}@media only screen and (min-width:50em){.hero-list__item__border{width:216px;height:310px;padding:5px;box-shadow:0 0 1rem #000;background:#261e4a;background:linear-gradient(#261e4a,#140f29)}}@media only screen and (min-width:50em){.hero-list__item.released .hero-list__item__border{background:#14324A;background:linear-gradient(#14324A,#43286b)}}.hero-list__item.hero-list__item--free-rotation .hero-list__item__border{background:#dfeeff;background:linear-gradient(#dfeeff,#75c3ff);box-shadow:0 0 10px 1px #2d66f7}.hero-list__item__free-flag{display:block;position:absolute;background:url(../images/heroes/free-flag.png) no-repeat;background-size:100%;top:8px;left:-6px;width:34px;height:26px;z-index:5}@media only screen and (min-width:50em){.hero-list__item__free-flag{left:-9px;width:54px;height:41px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.hero-list__item__free-flag{background-image:url(../images/heroes/free-flag@2x.png)}}.hero-link{position:relative;display:block}@media only screen and (min-width:50em){.hero-list__item.released .hero-link:after{content:"";position:absolute;top:0;left:0;background:url(../images/heroes/hover-border.png) no-repeat;width:340px;height:490px;top:-95px;left:-62px;opacity:0;transition:opacity .5s;pointer-events:none}}@media only screen and (min-width:50em){.hero-list__item.released .hero-link:hover:after{opacity:1}}.hero-link:hover .hero-link__coming-soon{filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity:1}.ie8 .hero-list__item.released .hero-list__item__border:hover{background:#00d8ff!important}.ie8 .hero-link:after{display:none}.ie8 .hero-link:hover:after{display:block}.hero-list__item__name{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:400;color:#fff;text-transform:uppercase;line-height:1.2;position:relative;z-index:1;margin-bottom:-4px;margin-bottom:-.25rem;font-smoothing:antialiased}.ko-kr .hero-list__item__name{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}@media only screen and (min-width:50em){.hero-list__item__name{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.2;font-size:1.5rem}.ko-kr .hero-list__item__name{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.hero-list__item__name a{color:inherit}}.hero-list__item.unreleased .hero-list__item__name{color:#858084}.hero-list__item__title{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;color:#fff;text-transform:uppercase;line-height:1.2;position:relative;z-index:1;font-weight:400;font-size:14px;font-size:.9rem;color:#8eb1bc;font-smoothing:antialiased}.ko-kr .hero-list__item__title{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.hero-list__item__title a{color:inherit}@media only screen and (min-width:50em){.hero-list__item__title{font-size:1rem}}.hero-list__item.unreleased .hero-list__item__title{opacity:.5}.hero-list__item__role-icon{position:relative;font-size:28px;font-size:1.75rem;vertical-align:sub;top:3px;top:.2rem;left:4px;left:.25rem;margin-left:-11px;margin-left:-.7rem}.hero-link__coming-soon{display:none}@media only screen and (min-width:50em){.hero-link__coming-soon{background-color:transparent;background-color:rgba(0,0,0,.5);display:block;top:5px;bottom:5px;left:5px;right:5px;position:absolute;cursor:default;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;transition:opacity .5s}}.soon-wrapper{display:table;width:100%;height:100%}.soon-wrapper h2{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.2;font-size:40px;font-size:2.5rem;display:table-cell;vertical-align:middle;text-align:center;text-shadow:0 0 16px #261e4a;text-shadow:0 0 1rem #261e4a}.ko-kr .soon-wrapper h2{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.soon-wrapper h2 a{color:inherit}.es-mx .soon-wrapper h2{font-size:24px;font-size:1.5rem}.de-de .soon-wrapper h2{font-size:32px;font-size:2rem}.filter-btn{margin:0;font-size:20px;font-size:1.25rem;padding:8px 20px;padding:.5rem 1.25rem;position:absolute}@media only screen and (min-width:50em){.filter-btn{display:none}}.index-search{position:relative;margin-left:72px;margin-left:4.5rem;margin-bottom:16px;margin-bottom:1rem;z-index:3}@media only screen and (min-width:50em){.index-search{float:right;clear:right;max-width:24.0625rem;margin-top:3rem;margin-bottom:0;width:33%}}.index-search__input{padding:12px;padding:.75rem;background-color:#000;background-color:rgba(13,1,25,.7);border:1px solid #260d54;width:100%;color:#fff}.ko-kr .index-search__input{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.index-search__icon{position:absolute;top:12px;top:.8rem;font-size:17px;font-size:1.1rem;right:16px;right:1rem;color:#a200ff}.filter-wrapper{display:none}.filter-wrapper:after,.filter-wrapper:before{display:table;content:"";visibility:hidden;line-height:0}.filter-wrapper:after{clear:both}@media only screen and (min-width:50em){.filter-wrapper{display:block!important;padding-top:3rem;-webkit-transform:translateZ(0);position:relative;z-index:2}}.filter-label{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:400;color:#fff;text-transform:uppercase;line-height:1.2;font-size:14px;font-size:.9rem}.ko-kr .filter-label{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.filter-label a{color:inherit}@media only screen and (min-width:50em){.filter-label{float:left;font-size:1.2rem;margin-right:.8rem;margin-top:.5rem}}.filter-group{position:relative;z-index:3}@media only screen and (min-width:50em){.filter-group{float:left;min-width:16rem}.filter-group:first-child{margin-right:3rem}}.hero-filter-option{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;margin:4px 48px 4px 0;margin:.25rem 3rem .25rem 0;display:inline-block;min-width:128px;min-width:8rem}@media only screen and (min-width:50em){.hero-filter-option{margin:0;min-width:auto}}.hero-filter-option .hero-filter-icon{font-size:32px;font-size:2rem;vertical-align:middle;opacity:.5}@media only screen and (min-width:50em){.hero-filter-option .hero-filter-icon{font-size:2.2rem}}.hero-filter-option .hero-filter-icon.checked{opacity:1}.hero-filter-option .hero-filter-icon+span{vertical-align:middle}.hero-filter-option .hero-filter-icon.heroes-icon-universe-retro{font-size:22px;font-size:1.4rem;padding:6px;padding:.4rem}@media only screen and (min-width:50em){.hero-filter-option .hero-filter-icon.heroes-icon-universe-retro{padding:.3rem}}.hero-filter-option .hero-filter-icon.heroes-icon-universe-starcraft{font-size:19px;font-size:1.2rem}.hero-filter-option .hero-filter-icon.heroes-icon-universe-diablo{font-size:22px;font-size:1.4rem;padding:4px;padding:.3rem}@media only screen and (min-width:50em){.hero-filter-option .hero-filter-icon.heroes-icon-universe-diablo{padding:0}}.hero-filter-option .hero-filter-icon.heroes-icon-universe-overwatch{font-size:32px;font-size:2rem}@media only screen and (min-width:50em){.hero-filter-option span{display:none}}.ng-cloak{display:none}.heroes-icon-role-warrior.checked,.heroes-icon-universe-starcraft.checked{opacity:1;color:#4ca0ff;font-smoothing:antialiased}.heroes-icon-role-assassin.checked,.heroes-icon-universe-diablo.checked{opacity:1;color:#ff8da3;font-smoothing:antialiased}.heroes-icon-role-support.checked{opacity:1;color:#02e9d9;font-smoothing:antialiased}.heroes-icon-role-specialist.checked{opacity:1;color:#c571ff;font-smoothing:antialiased}.heroes-icon-universe-warcraft.checked{opacity:1;color:#ffe0a4;font-smoothing:antialiased}.heroes-icon-universe-retro.checked{opacity:1;color:#06acf9;font-smoothing:antialiased}.heroes-icon-universe-overwatch.checked{opacity:1;color:#b2b2b2;font-smoothing:antialiased}.hero-filter-option>label{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:700;color:#fff;text-transform:uppercase;line-height:1.2;cursor:pointer;color:#766aa5}.ko-kr .hero-filter-option>label{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.hero-filter-option>label a{color:inherit}.hero-filter-option>input[type=checkbox]{filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity:0;cursor:pointer;position:absolute}.hero-filter-option>input[type=checkbox]:checked+label{color:#fff}.hero-wrapper .free-rotation{margin-left:-.5em;margin-bottom:-40px;margin-bottom:-2.5rem}.index-view__viewport{margin-top:48px;margin-top:3rem}.heroes-entry{background-color:#08000f}.heroes-entry .all-content-wrapper{background:0 0}.heroes-entry .section-heading{text-transform:uppercase;margin:1em 0 1em 1em;text-shadow:0 0 16px #009cff;text-shadow:0 0 16px #009cff;text-shadow:0 0 1rem #009cff}@media only screen and (min-width:68em){.heroes-entry .section-heading{margin:1em 0}}.heroes-entry .ability-icon{width:100%;height:100%;max-width:80px}.heroes-entry .ability-icon--large{width:100%;height:100%;max-width:100px}.heroes-entry .ability-icon-container{width:100%;margin:0 auto}.abilities-wrapper .section-heading,.skins-wrapper .section-heading{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:400;color:#fff;text-transform:uppercase;line-height:1.2}.ko-kr .abilities-wrapper .section-heading,.ko-kr .skins-wrapper .section-heading{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.abilities-wrapper .section-heading a,.skins-wrapper .section-heading a{color:inherit}.heroes-divider{background:transparent url(../images/heroes/separator-main.png) 50% 0 no-repeat;height:4px;width:100%;content:"";display:block}.heroes-divider.heroes-divider--top{margin:0 0 5px 0}.heroes-divider.heroes-divider--bottom{margin-top:9px}.heroes-divider.heroes-divider--vanilla{display:none}@media only screen and (max-width:49.99em){.heroes-divider.heroes-divider--aux-no-promo{display:none}}.ability-icon-frame{position:relative}.ability-icon-frame:after{display:block;content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/heroes/ability-icon-frame.png) 0 0 no-repeat;background-size:cover}.ability-icon-frame.ability-icon-frame--active:hover:after{background-image:url(../images/heroes/ability-icon-frame_hover.png)}.feature{z-index:2;margin-top:-60px;position:relative}@media only screen and (min-width:50em){.feature{padding-top:0;margin-top:-40px;z-index:0;padding-bottom:71.5%}}@media only screen and (min-width:68em){.feature{padding-bottom:0;height:800px}}@media only screen and (min-width:50em){.heroes-entry--combo .feature:after{content:"";height:98px;background:url(../images/heroes/starry-nexus-night.jpg) center 0 no-repeat;display:block;margin-top:2px;width:100%;position:absolute;top:100%}}@media only screen and (min-width:50em){.header-image{overflow:hidden;padding-bottom:71.5%}}@media only screen and (min-width:68em){.header-image{height:auto;overflow:visible}}@media only screen and (min-width:50em){.header-image__skin-image{height:100%}}@media only screen and (min-width:50em){.header-image__skin-image img{max-width:none;height:100%;position:absolute;top:0;right:-16%}}@media only screen and (min-width:68em){.header-image__skin-image img{right:-155px}}.heroes-entry .feature-container{text-align:center}@media only screen and (min-width:50em){.heroes-entry .feature-container{background-color:transparent;position:absolute;top:0;left:0;width:100%;padding-top:0}}@media only screen and (min-width:68em){.heroes-entry .feature-container{height:800px;padding:0;position:relative;margin:0 auto;max-width:73rem}}.heroes-entry .feature-container .btn,.heroes-entry .feature-container .btn--no-glow,.heroes-entry .feature-container .btn--sm{display:inline-block;font-size:2em;margin-bottom:.5em;padding:0 .25em;outline:0}@media only screen and (min-width:50em){.heroes-entry .feature-container .fb-button-container{top:3.5em}}.skin-navigation{margin:8px auto 0 auto;margin:.5rem auto 0 auto;max-width:100%;position:relative;overflow:hidden;height:92px}@media only screen and (min-width:38em){.skin-navigation{height:112px;margin-top:0}}@media only screen and (min-width:50em){.skin-navigation{position:absolute;left:0;top:100%;z-index:3;height:auto;width:100%}}@media only screen and (min-width:68em){.skin-navigation{left:1.5rem;margin-top:1rem}}.skin-navigation .skin-navigation__heading{display:none;font-size:1em;margin-bottom:8px;margin-bottom:.5rem;margin-left:25px;text-align:left}@media only screen and (min-width:50em){.skin-navigation .skin-navigation__heading{display:block}}.skin-navigation.no-paginate .skin-navigation__heading{margin-left:0}.skin-navigation.no-paginate .skin-navigation__controls{display:none}.skin-navigation .skin-navigation__window{width:100%;overflow:hidden;position:relative}.skin-navigation .skin-navigation__window:after{box-shadow:-16px 0 7px -11px #000 inset;content:"";width:20px;height:100%;display:block;position:absolute;top:0;right:0;z-index:1}@media only screen and (min-width:50em){.skin-navigation .skin-navigation__window{width:290px;float:left}.skin-navigation .skin-navigation__window:after{display:none}}@media only screen and (min-width:50em){.skin-navigation.no-paginate .skin-navigation__window{width:280px}}.skin-navigation .skin-navigation__controls{display:none}@media only screen and (min-width:50em){.skin-navigation .skin-navigation__controls{display:block;float:left;margin-top:1.25em}}.skin-navigation .skin-navigation__controls.disabled{visibility:hidden}.skin-list__item{margin:0 8px 8px 0;margin:0 .5rem .5rem 0;display:inline-block;width:75px;height:75px;position:relative}.skin-list__item.selected:before{content:"";background-image:url(../images/heroes/skin_hover.png);background-size:100%;width:120%;height:0;padding-bottom:125%;display:block;z-index:1;position:absolute;top:-10%;left:-10%}.skin-list__item.selected:hover{cursor:auto;background-color:none;background-image:none}@media only screen and (min-width:38em){.skin-list__item{width:95px;height:95px}}@media only screen and (min-width:50em){.skin-list__item{position:relative;margin:0 4px;width:80px;height:80px}.skin-list__item:hover{cursor:pointer}.skin-list__item:hover .ability-tooltip{display:block;top:-3em;padding:.5em 1em;min-width:10rem;width:auto;z-index:2}}.skin-list__item:last-child{margin-right:0}.ie8 .skin-list__item.selected{background-color:#fff}.ie8 .skin-list__item.selected:before{display:none}.skin-list__thumbnail{padding:3px;background-color:#000}.ie8 .skin-list__thumbnail{width:75px;height:75px}.skin-list{transition:left 1s ease-in-out;white-space:nowrap;overflow-x:scroll;overflow-y:hidden;padding-top:10px;display:none}.skin-list.is-active{display:block}@media only screen and (min-width:50em){.skin-list{position:relative;top:auto;left:0;right:auto;overflow:visible;height:100px;padding:10px 0 0 0;text-align:left}}.ie8 .skin-list{overflow:visible}.header-image .header-image__skin-image{display:none}.header-image .header-image__skin-image.selected{display:block}.header-video-overlay .hero-skin{position:absolute;top:0;left:0;padding-bottom:86.25%;width:100%;display:none}@media only screen and (min-width:50em){.header-video-overlay .hero-skin{padding-bottom:71.5%}}@media only screen and (min-width:68em){.header-video-overlay .hero-skin{padding-bottom:52.55%}}.header-video-overlay .hero-skin.selected{display:block}.header-video-overlay .video-wrapper{display:none}@media only screen and (min-width:68em){.header-video-overlay .video-wrapper{display:block}}@media only screen and (min-width:50em){.header-video-overlay .hero-video{display:block;width:1480px;height:800px;position:absolute;top:0;left:0;opacity:0}.header-video-overlay .hero-video.is-active{opacity:1}}@media only screen and (min-width:50em){.heroes-entry header[role=banner]{background-image:none;padding:0;height:auto;z-index:3}}.hero-info{padding:0;margin-top:-80px;margin-top:-5rem}@media only screen and (min-width:50em){.hero-info{z-index:2;width:55%;padding:0;border-top:none;position:absolute;top:4rem;left:1rem;margin-top:0}}@media only screen and (min-width:68em){.hero-info{top:7rem}}.hero-info .hero-identity{display:block;text-align:center}@media only screen and (min-width:50em){.hero-info .hero-identity{display:block;text-align:left}}.hero-info .hero-identity__name{text-transform:uppercase;font-size:1.7em;font-weight:700;line-height:.9em}@media only screen and (min-width:30em){.hero-info .hero-identity__name{font-size:2.5em}}@media only screen and (min-width:68em){.hero-info .hero-identity__name{font-size:3em}}.hero-info .hero-identity__title{font-size:1.25em;font-weight:400;text-transform:uppercase;margin:.3em 0 0}@media only screen and (min-width:50em){.hero-info .hero-identity__title{font-size:1.35em}}.hero-info .hero-identity__info-container{margin-top:4%;display:inline-block;max-width:60%;text-align:left}@media only screen and (min-width:30em){.hero-info .hero-identity__info-container{max-width:60%}}@media only screen and (min-width:50em){.hero-info .hero-identity__info-container{max-width:75%}}.hero-info .franchise-icon{display:inline-block;vertical-align:top;width:18%;padding-bottom:18%;max-width:115px;max-height:115px}.hero-info .free-rotation{display:block;text-align:center;margin-left:.75em;font-size:.75em}@media only screen and (min-width:38em){.hero-info .free-rotation{font-size:1em}}@media only screen and (min-width:50em){.hero-info .free-rotation{display:block;font-size:1em;text-align:left;margin:0 0 -.5em -.5em}}@media only screen and (min-width:68em){.hero-info .free-rotation{font-size:1em;margin:0 0 0 .75em}}.hero-description{margin:1em 0;padding:0 16px;padding:0 1rem}@media only screen and (min-width:50em){.hero-description{margin:1em 0;text-align:left;width:80%;max-width:24.5rem;padding:0}}@media only screen and (min-width:68em){.hero-description{margin:.5em 0 0 1.5em;text-align:left;position:relative;z-index:2}}.ko-kr .hero-identity .hero-name{line-height:1.1em}@media only screen and (min-width:50em){.hero-spotlight-main{position:absolute;top:60%;left:58%;width:20%;margin-top:-19%;margin-left:-13%;z-index:3;text-align:center}.anubarak .hero-spotlight-main{top:50%}}@media only screen and (min-width:68em){.hero-spotlight-main{top:50%;left:50%;width:30%;margin-top:-15%}}.hero-spotlight-main .hero-spotlight__play-button{display:none}@media only screen and (min-width:50em){.hero-spotlight-main .hero-spotlight__play-button{background:transparent url(../images/icons/playIcon.png) 0 0 no-repeat;background-size:200%;width:100%;height:0;max-width:280px;max-height:338px;padding-bottom:35%;padding-top:80%;color:#fff;text-transform:uppercase;font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;text-align:center;display:block;width:110%;margin-left:-5%}.ko-kr .hero-spotlight-main .hero-spotlight__play-button{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.hero-spotlight-main .hero-spotlight__play-button:hover{background-position:100% 0;cursor:pointer}}@media only screen and (min-width:68em){.hero-spotlight-main .hero-spotlight__play-button{padding-top:58%;width:100%;margin-left:0}}.hero-info .video-button{margin-top:16px;margin-top:1rem;width:90%;background-color:#8332cd;background-image:linear-gradient(#046bb3,#8332cd);max-width:324px}@media only screen and (min-width:38em){.hero-info .video-button{width:285px}}@media only screen and (min-width:50em){.hero-info .video-button{display:none}}.hero-info .video-button .primary-button__inner{font-size:16px;font-size:1rem}.body.zh-tw .hero-info .video-button{margin-left:-80px}.body.ko-kr .hero-info .video-button{margin-left:-90px}.header-video-overlay{display:none}@media only screen and (min-width:50em){.header-video-overlay{position:absolute;top:0;left:50%;width:1480px;height:800px;margin-left:-740px}}@media only screen and (min-width:68em){.header-video-overlay{display:block}}@media only screen and (min-width:68em){.header-video-overlay .hero-header-video{width:1480px;height:800px;position:absolute;top:0;right:0;opacity:0}.header-video-overlay .hero-header-video.is-active{opacity:1}}@media only screen and (min-width:50em){.sylvanas .hero-info{top:3rem}}@media only screen and (min-width:68em){.sylvanas .hero-info{top:9rem}}@media only screen and (min-width:50em){.sylvanas .hero-description{font-size:.85rem;line-height:1.4}}@media only screen and (min-width:68em){.sylvanas .hero-description{font-size:1rem;line-height:1.6}}.sylvanas.pl-pl .hero-description{font-size:13px;font-size:.85rem}.tychus.de-de .hero-description,.tychus.fr-fr .hero-description,.tychus.pl-pl .hero-description{font-size:13px;font-size:.85rem;line-height:1.4}.raynor.de-de .hero-description,.raynor.fr-fr .hero-description,.raynor.pl-pl .hero-description{font-size:14px;font-size:.9rem;line-height:1.4}@media only screen and (min-width:50em){.jaina .hero-description{font-size:.9rem;line-height:1.4}}@media only screen and (min-width:68em){.jaina .hero-description{font-size:1rem;line-height:1.6}}.jaina.pl-pl .hero-description{font-size:13px;font-size:.85rem}.leoric.de-de .hero-description,.leoric.fr-fr .hero-description,.leoric.pl-pl .hero-description,.leoric.ru-ru .hero-description{font-size:14px;font-size:.9rem}@media only screen and (min-width:50em){.chogall.de-de .hero-info,.chogall.en-gb .hero-info,.chogall.en-us .hero-info,.chogall.es-es .hero-info,.chogall.es-mx .hero-info,.chogall.fr-fr .hero-info,.chogall.it-it .hero-info,.chogall.ko-kr .hero-info,.chogall.pl-pl .hero-info,.chogall.pt-br .hero-info,.chogall.ru-ru .hero-info,.li-ming.de-de .hero-info,.li-ming.en-gb .hero-info,.li-ming.en-us .hero-info,.li-ming.es-es .hero-info,.li-ming.es-mx .hero-info,.li-ming.fr-fr .hero-info,.li-ming.it-it .hero-info,.li-ming.ko-kr .hero-info,.li-ming.pl-pl .hero-info,.li-ming.pt-br .hero-info,.li-ming.ru-ru .hero-info,.lt-morales.de-de .hero-info,.lt-morales.en-gb .hero-info,.lt-morales.en-us .hero-info,.lt-morales.es-es .hero-info,.lt-morales.es-mx .hero-info,.lt-morales.fr-fr .hero-info,.lt-morales.it-it .hero-info,.lt-morales.ko-kr .hero-info,.lt-morales.pl-pl .hero-info,.lt-morales.pt-br .hero-info,.lt-morales.ru-ru .hero-info,.lunara.de-de .hero-info,.lunara.en-gb .hero-info,.lunara.en-us .hero-info,.lunara.es-es .hero-info,.lunara.es-mx .hero-info,.lunara.fr-fr .hero-info,.lunara.it-it .hero-info,.lunara.ko-kr .hero-info,.lunara.pl-pl .hero-info,.lunara.pt-br .hero-info,.lunara.ru-ru .hero-info,.xul.de-de .hero-info,.xul.en-gb .hero-info,.xul.en-us .hero-info,.xul.es-es .hero-info,.xul.es-mx .hero-info,.xul.fr-fr .hero-info,.xul.it-it .hero-info,.xul.ko-kr .hero-info,.xul.pl-pl .hero-info,.xul.pt-br .hero-info,.xul.ru-ru .hero-info{font-size:.7rem}}@media only screen and (min-width:68em){.chogall.de-de .hero-info,.chogall.en-gb .hero-info,.chogall.en-us .hero-info,.chogall.es-es .hero-info,.chogall.es-mx .hero-info,.chogall.fr-fr .hero-info,.chogall.it-it .hero-info,.chogall.ko-kr .hero-info,.chogall.pl-pl .hero-info,.chogall.pt-br .hero-info,.chogall.ru-ru .hero-info,.li-ming.de-de .hero-info,.li-ming.en-gb .hero-info,.li-ming.en-us .hero-info,.li-ming.es-es .hero-info,.li-ming.es-mx .hero-info,.li-ming.fr-fr .hero-info,.li-ming.it-it .hero-info,.li-ming.ko-kr .hero-info,.li-ming.pl-pl .hero-info,.li-ming.pt-br .hero-info,.li-ming.ru-ru .hero-info,.lt-morales.de-de .hero-info,.lt-morales.en-gb .hero-info,.lt-morales.en-us .hero-info,.lt-morales.es-es .hero-info,.lt-morales.es-mx .hero-info,.lt-morales.fr-fr .hero-info,.lt-morales.it-it .hero-info,.lt-morales.ko-kr .hero-info,.lt-morales.pl-pl .hero-info,.lt-morales.pt-br .hero-info,.lt-morales.ru-ru .hero-info,.lunara.de-de .hero-info,.lunara.en-gb .hero-info,.lunara.en-us .hero-info,.lunara.es-es .hero-info,.lunara.es-mx .hero-info,.lunara.fr-fr .hero-info,.lunara.it-it .hero-info,.lunara.ko-kr .hero-info,.lunara.pl-pl .hero-info,.lunara.pt-br .hero-info,.lunara.ru-ru .hero-info,.xul.de-de .hero-info,.xul.en-gb .hero-info,.xul.en-us .hero-info,.xul.es-es .hero-info,.xul.es-mx .hero-info,.xul.fr-fr .hero-info,.xul.it-it .hero-info,.xul.ko-kr .hero-info,.xul.pl-pl .hero-info,.xul.pt-br .hero-info,.xul.ru-ru .hero-info{font-size:1rem}}@media only screen and (min-width:50em){.chogall.de-de .skin-navigation__heading,.chogall.en-gb .skin-navigation__heading,.chogall.en-us .skin-navigation__heading,.chogall.es-es .skin-navigation__heading,.chogall.es-mx .skin-navigation__heading,.chogall.fr-fr .skin-navigation__heading,.chogall.it-it .skin-navigation__heading,.chogall.ko-kr .skin-navigation__heading,.chogall.pl-pl .skin-navigation__heading,.chogall.pt-br .skin-navigation__heading,.chogall.ru-ru .skin-navigation__heading,.li-ming.de-de .skin-navigation__heading,.li-ming.en-gb .skin-navigation__heading,.li-ming.en-us .skin-navigation__heading,.li-ming.es-es .skin-navigation__heading,.li-ming.es-mx .skin-navigation__heading,.li-ming.fr-fr .skin-navigation__heading,.li-ming.it-it .skin-navigation__heading,.li-ming.ko-kr .skin-navigation__heading,.li-ming.pl-pl .skin-navigation__heading,.li-ming.pt-br .skin-navigation__heading,.li-ming.ru-ru .skin-navigation__heading,.lt-morales.de-de .skin-navigation__heading,.lt-morales.en-gb .skin-navigation__heading,.lt-morales.en-us .skin-navigation__heading,.lt-morales.es-es .skin-navigation__heading,.lt-morales.es-mx .skin-navigation__heading,.lt-morales.fr-fr .skin-navigation__heading,.lt-morales.it-it .skin-navigation__heading,.lt-morales.ko-kr .skin-navigation__heading,.lt-morales.pl-pl .skin-navigation__heading,.lt-morales.pt-br .skin-navigation__heading,.lt-morales.ru-ru .skin-navigation__heading,.lunara.de-de .skin-navigation__heading,.lunara.en-gb .skin-navigation__heading,.lunara.en-us .skin-navigation__heading,.lunara.es-es .skin-navigation__heading,.lunara.es-mx .skin-navigation__heading,.lunara.fr-fr .skin-navigation__heading,.lunara.it-it .skin-navigation__heading,.lunara.ko-kr .skin-navigation__heading,.lunara.pl-pl .skin-navigation__heading,.lunara.pt-br .skin-navigation__heading,.lunara.ru-ru .skin-navigation__heading,.xul.de-de .skin-navigation__heading,.xul.en-gb .skin-navigation__heading,.xul.en-us .skin-navigation__heading,.xul.es-es .skin-navigation__heading,.xul.es-mx .skin-navigation__heading,.xul.fr-fr .skin-navigation__heading,.xul.it-it .skin-navigation__heading,.xul.ko-kr .skin-navigation__heading,.xul.pl-pl .skin-navigation__heading,.xul.pt-br .skin-navigation__heading,.xul.ru-ru .skin-navigation__heading{font-size:.8rem}}@media only screen and (min-width:68em){.chogall.de-de .skin-navigation__heading,.chogall.en-gb .skin-navigation__heading,.chogall.en-us .skin-navigation__heading,.chogall.es-es .skin-navigation__heading,.chogall.es-mx .skin-navigation__heading,.chogall.fr-fr .skin-navigation__heading,.chogall.it-it .skin-navigation__heading,.chogall.ko-kr .skin-navigation__heading,.chogall.pl-pl .skin-navigation__heading,.chogall.pt-br .skin-navigation__heading,.chogall.ru-ru .skin-navigation__heading,.li-ming.de-de .skin-navigation__heading,.li-ming.en-gb .skin-navigation__heading,.li-ming.en-us .skin-navigation__heading,.li-ming.es-es .skin-navigation__heading,.li-ming.es-mx .skin-navigation__heading,.li-ming.fr-fr .skin-navigation__heading,.li-ming.it-it .skin-navigation__heading,.li-ming.ko-kr .skin-navigation__heading,.li-ming.pl-pl .skin-navigation__heading,.li-ming.pt-br .skin-navigation__heading,.li-ming.ru-ru .skin-navigation__heading,.lt-morales.de-de .skin-navigation__heading,.lt-morales.en-gb .skin-navigation__heading,.lt-morales.en-us .skin-navigation__heading,.lt-morales.es-es .skin-navigation__heading,.lt-morales.es-mx .skin-navigation__heading,.lt-morales.fr-fr .skin-navigation__heading,.lt-morales.it-it .skin-navigation__heading,.lt-morales.ko-kr .skin-navigation__heading,.lt-morales.pl-pl .skin-navigation__heading,.lt-morales.pt-br .skin-navigation__heading,.lt-morales.ru-ru .skin-navigation__heading,.lunara.de-de .skin-navigation__heading,.lunara.en-gb .skin-navigation__heading,.lunara.en-us .skin-navigation__heading,.lunara.es-es .skin-navigation__heading,.lunara.es-mx .skin-navigation__heading,.lunara.fr-fr .skin-navigation__heading,.lunara.it-it .skin-navigation__heading,.lunara.ko-kr .skin-navigation__heading,.lunara.pl-pl .skin-navigation__heading,.lunara.pt-br .skin-navigation__heading,.lunara.ru-ru .skin-navigation__heading,.xul.de-de .skin-navigation__heading,.xul.en-gb .skin-navigation__heading,.xul.en-us .skin-navigation__heading,.xul.es-es .skin-navigation__heading,.xul.es-mx .skin-navigation__heading,.xul.fr-fr .skin-navigation__heading,.xul.it-it .skin-navigation__heading,.xul.ko-kr .skin-navigation__heading,.xul.pl-pl .skin-navigation__heading,.xul.pt-br .skin-navigation__heading,.xul.ru-ru .skin-navigation__heading{font-size:1em}}@media only screen and (min-width:50em){.chogall.de-de .hero-description,.chogall.en-gb .hero-description,.chogall.en-us .hero-description,.chogall.es-es .hero-description,.chogall.es-mx .hero-description,.chogall.fr-fr .hero-description,.chogall.it-it .hero-description,.chogall.ko-kr .hero-description,.chogall.pl-pl .hero-description,.chogall.pt-br .hero-description,.chogall.ru-ru .hero-description,.li-ming.de-de .hero-description,.li-ming.en-gb .hero-description,.li-ming.en-us .hero-description,.li-ming.es-es .hero-description,.li-ming.es-mx .hero-description,.li-ming.fr-fr .hero-description,.li-ming.it-it .hero-description,.li-ming.ko-kr .hero-description,.li-ming.pl-pl .hero-description,.li-ming.pt-br .hero-description,.li-ming.ru-ru .hero-description,.lt-morales.de-de .hero-description,.lt-morales.en-gb .hero-description,.lt-morales.en-us .hero-description,.lt-morales.es-es .hero-description,.lt-morales.es-mx .hero-description,.lt-morales.fr-fr .hero-description,.lt-morales.it-it .hero-description,.lt-morales.ko-kr .hero-description,.lt-morales.pl-pl .hero-description,.lt-morales.pt-br .hero-description,.lt-morales.ru-ru .hero-description,.lunara.de-de .hero-description,.lunara.en-gb .hero-description,.lunara.en-us .hero-description,.lunara.es-es .hero-description,.lunara.es-mx .hero-description,.lunara.fr-fr .hero-description,.lunara.it-it .hero-description,.lunara.ko-kr .hero-description,.lunara.pl-pl .hero-description,.lunara.pt-br .hero-description,.lunara.ru-ru .hero-description,.xul.de-de .hero-description,.xul.en-gb .hero-description,.xul.en-us .hero-description,.xul.es-es .hero-description,.xul.es-mx .hero-description,.xul.fr-fr .hero-description,.xul.it-it .hero-description,.xul.ko-kr .hero-description,.xul.pl-pl .hero-description,.xul.pt-br .hero-description,.xul.ru-ru .hero-description{font-size:.85rem}}@media only screen and (min-width:68em){.chogall.de-de .hero-description,.chogall.en-gb .hero-description,.chogall.en-us .hero-description,.chogall.es-es .hero-description,.chogall.es-mx .hero-description,.chogall.fr-fr .hero-description,.chogall.it-it .hero-description,.chogall.ko-kr .hero-description,.chogall.pl-pl .hero-description,.chogall.pt-br .hero-description,.chogall.ru-ru .hero-description,.li-ming.de-de .hero-description,.li-ming.en-gb .hero-description,.li-ming.en-us .hero-description,.li-ming.es-es .hero-description,.li-ming.es-mx .hero-description,.li-ming.fr-fr .hero-description,.li-ming.it-it .hero-description,.li-ming.ko-kr .hero-description,.li-ming.pl-pl .hero-description,.li-ming.pt-br .hero-description,.li-ming.ru-ru .hero-description,.lt-morales.de-de .hero-description,.lt-morales.en-gb .hero-description,.lt-morales.en-us .hero-description,.lt-morales.es-es .hero-description,.lt-morales.es-mx .hero-description,.lt-morales.fr-fr .hero-description,.lt-morales.it-it .hero-description,.lt-morales.ko-kr .hero-description,.lt-morales.pl-pl .hero-description,.lt-morales.pt-br .hero-description,.lt-morales.ru-ru .hero-description,.lunara.de-de .hero-description,.lunara.en-gb .hero-description,.lunara.en-us .hero-description,.lunara.es-es .hero-description,.lunara.es-mx .hero-description,.lunara.fr-fr .hero-description,.lunara.it-it .hero-description,.lunara.ko-kr .hero-description,.lunara.pl-pl .hero-description,.lunara.pt-br .hero-description,.lunara.ru-ru .hero-description,.xul.de-de .hero-description,.xul.en-gb .hero-description,.xul.en-us .hero-description,.xul.es-es .hero-description,.xul.es-mx .hero-description,.xul.fr-fr .hero-description,.xul.it-it .hero-description,.xul.ko-kr .hero-description,.xul.pl-pl .hero-description,.xul.pt-br .hero-description,.xul.ru-ru .hero-description{font-size:1rem}}@media only screen and (min-width:50em){.chogall.es-mx .hero-description,.chogall.fr-fr .hero-description,.chogall.pt-br .hero-description,.li-ming.es-mx .hero-description,.li-ming.fr-fr .hero-description,.li-ming.pt-br .hero-description,.lt-morales.es-mx .hero-description,.lt-morales.fr-fr .hero-description,.lt-morales.pt-br .hero-description,.lunara.es-mx .hero-description,.lunara.fr-fr .hero-description,.lunara.pt-br .hero-description,.xul.es-mx .hero-description,.xul.fr-fr .hero-description,.xul.pt-br .hero-description{margin-top:0;line-height:1.4}}@media only screen and (min-width:68em){.chogall.es-mx .hero-description,.chogall.fr-fr .hero-description,.chogall.pt-br .hero-description,.li-ming.es-mx .hero-description,.li-ming.fr-fr .hero-description,.li-ming.pt-br .hero-description,.lt-morales.es-mx .hero-description,.lt-morales.fr-fr .hero-description,.lt-morales.pt-br .hero-description,.lunara.es-mx .hero-description,.lunara.fr-fr .hero-description,.lunara.pt-br .hero-description,.xul.es-mx .hero-description,.xul.fr-fr .hero-description,.xul.pt-br .hero-description{margin-top:1rem;line-height:1.6}}@media only screen and (min-width:50em){.greymane.de-de .hero-description,.greymane.es-es .hero-description,.greymane.es-mx .hero-description,.greymane.fr-fr .hero-description,.greymane.it-it .hero-description,.greymane.pl-pl .hero-description,.greymane.pt-br .hero-description,.greymane.ru-ru .hero-description{font-size:.8rem}}@media only screen and (min-width:68em){.greymane.de-de .hero-description,.greymane.es-es .hero-description,.greymane.es-mx .hero-description,.greymane.fr-fr .hero-description,.greymane.it-it .hero-description,.greymane.pl-pl .hero-description,.greymane.pt-br .hero-description,.greymane.ru-ru .hero-description{font-size:1rem}}@media only screen and (min-width:50em){.artanis.pl-pl .hero-info{font-size:.7rem;line-height:1.4rem}}@media only screen and (min-width:68em){.artanis.pl-pl .hero-info{font-size:1rem}}@media only screen and (min-width:50em){.artanis.pl-pl .hero-description{font-size:.85rem;line-height:1.2rem}}@media only screen and (min-width:68em){.artanis.pl-pl .hero-description{font-size:1rem;line-height:1.4rem}}@media only screen and (min-width:50em){.artanis.de-de .hero-description,.artanis.es-es .hero-description,.artanis.es-mx .hero-description,.artanis.ru-ru .hero-description{font-size:.9rem;line-height:1.4rem}}@media only screen and (min-width:50em){.lunara.pl-pl .hero-description{line-height:1.2rem}}@media only screen and (min-width:68em){.lunara.pl-pl .hero-description{line-height:1.6}}@media only screen and (min-width:50em){.dehaka.de-de .hero-description,.dehaka.es-es .hero-description,.dehaka.es-mx .hero-description,.dehaka.it-it .hero-description,.dehaka.pl-pl .hero-description,.dehaka.pt-br .hero-description,.dehaka.ru-ru .hero-description{font-size:.8rem}}@media only screen and (min-width:68em){.dehaka.de-de .hero-description,.dehaka.es-es .hero-description,.dehaka.es-mx .hero-description,.dehaka.it-it .hero-description,.dehaka.pl-pl .hero-description,.dehaka.pt-br .hero-description,.dehaka.ru-ru .hero-description{font-size:1rem}}@media only screen and (min-width:50em){.medivh .hero-description{font-size:.9rem;line-height:1.4}}@media only screen and (min-width:68em){.medivh .hero-description{font-size:1rem;line-height:1.6}}.paginate-next,.paginate-previous{display:none}@media only screen and (min-width:85em){.paginate-next,.paginate-previous{position:absolute;top:50%;margin-top:-43px;z-index:2;display:block}}.paginate-previous{left:20px;left:1.25rem}.paginate-next{right:20px;right:1.25rem}.ie8 .paginate-next,.ie8 .paginate-previous{display:none}.hero-tabs-container{display:none;text-align:center;z-index:5;width:100%;margin:16px auto;margin:1rem auto}.hero-info .hero-tabs-container{display:block}@media only screen and (min-width:50em){.hero-info .hero-tabs-container{display:none}}@media only screen and (min-width:50em){.hero-tabs-container{background:transparent url(../images/heroes/hex_muah.png) center center no-repeat;margin-top:-5rem;margin-bottom:0;position:relative;top:auto;padding:2rem 0;display:block}}@media only screen and (min-width:68em){.hero-tabs-container{margin-top:-6rem;padding:3rem 0 4rem}}.hero-tabs{width:100%}.hero-tab__button-wrapper{display:block;padding:3px;background-color:#4f6cff;background:linear-gradient(to bottom,#9de1ff,#4f6cff)}.hero-tab.is-active .hero-tab__button-wrapper,.hero-tab:hover .hero-tab__button-wrapper{box-shadow:25px 5px 5rem #9640fe}.hero-tab--left.is-active .hero-tab__button-wrapper,.hero-tab--left:hover .hero-tab__button-wrapper{box-shadow:-25px 5px 5rem #9640fe}.hero-tab__button{display:block;background-color:#321750;background:linear-gradient(to bottom,#460592,#321750);color:#957ee1;font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-size:19px;font-size:1.2rem;text-transform:uppercase;padding:3px 16px 3px 40px;padding:.2rem 1rem .2rem 2.5rem}.ko-kr .hero-tab__button{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}@media only screen and (min-width:38em){.hero-tab__button{padding-top:.5rem;padding-bottom:.5rem}}@media only screen and (min-width:50em){.hero-tab__button{font-size:1.5rem;padding:.75rem 2rem .75rem 5rem}}@media only screen and (min-width:68em){.hero-tab__button{padding-top:1rem;padding-bottom:1rem}}.hero-tab.is-active .hero-tab__button,.hero-tab:hover .hero-tab__button{text-shadow:0 0 #864eff #009cff;background-color:#48069c;background:linear-gradient(to bottom,#4f6cff,#48069c);color:#fff}.hero-tab--left .hero-tab__button{padding-right:80px;padding-right:5rem;padding-left:32px;padding-left:2rem}@media only screen and (max-width:37.99em){.greymane .hero-tab__button{font-size:1rem;line-height:1.8rem;padding-right:1rem}}@media only screen and (max-width:37.99em){.greymane .hero-tab--left .hero-tab__button{padding-left:1rem;padding-right:3rem}}@media only screen and (max-width:37.99em){.greymane.de-de .hero-tab__button,.greymane.it-it .hero-tab__button{font-size:.8rem}}@media only screen and (max-width:37.99em){.greymane.ko-kr .hero-tab__button,.greymane.pl-pl .hero-tab__button{font-size:.8rem}}@media only screen and (max-width:37.99em){.greymane.ko-kr .hero-tab--left .hero-tab__button,.greymane.pl-pl .hero-tab--left .hero-tab__button{padding-left:.5rem}}.hero-tab__wrapper{position:relative;display:block}.hero-tab__hex-button{display:block;width:98px;height:77px;left:-31px;top:-16px;position:absolute;right:auto}@media only screen and (min-width:38em){.hero-tab__hex-button{width:147px;height:115.5px;top:-32px}}@media only screen and (min-width:50em){.hero-tab__hex-button{width:156.8px;height:123.2px;left:-62px;top:-28px}}@media only screen and (min-width:68em){.hero-tab__hex-button{width:196px;height:154px;top:-40px}}.hero-tab--left .hero-tab__hex-button{right:-31px;left:auto}@media only screen and (min-width:50em){.hero-tab--left .hero-tab__hex-button{right:-62px}}.hero-tab{display:block;float:left;position:relative;z-index:1;margin-left:7%;width:43%}@media only screen and (min-width:30em){.hero-tab{margin-left:5%;width:45%}}@media only screen and (min-width:38em){.hero-tab{margin-left:3%;width:47%}}@media only screen and (min-width:50em){.hero-tab{width:auto;margin-left:3rem;display:inline-block;float:none}}.hero-tab.hero-tab--left{margin-right:7%;margin-left:0}@media only screen and (min-width:30em){.hero-tab.hero-tab--left{margin-right:5%}}@media only screen and (min-width:38em){.hero-tab.hero-tab--left{margin-right:3%}}@media only screen and (min-width:50em){.hero-tab.hero-tab--left{margin-right:3rem}}@media only screen and (min-width:50em){.hero-tab.hero-tab--left:after{content:"";display:block;border-bottom:4px solid transparent;border-right:4px solid #9de1ff;border-left:none;border-top:4px solid transparent;height:3.75rem;width:0;position:absolute;top:0;right:100%;left:auto;margin-right:3px}}@media only screen and (min-width:68em){.hero-tab.hero-tab--left:after{height:4.25rem}}@media only screen and (min-width:50em){.hero-tab:after{content:"";display:block;border-bottom:4px solid transparent;border-left:4px solid #9de1ff;border-top:4px solid transparent;height:3.75rem;width:0;position:absolute;top:0;left:100%;margin-left:3px}}@media only screen and (min-width:68em){.hero-tab:after{height:4.25rem}}.hero-tab:hover{cursor:pointer}.hero-tab.is-active,.hero-tab:hover{z-index:2}.hero-tab__hex-image{position:absolute;top:0;max-width:none;width:196px;height:77px;clip:rect(0 196px 77px 98px);left:-98px}@media only screen and (min-width:38em){.hero-tab__hex-image{width:294px;height:115.5px;clip:rect(0 294px 115.5px 147px);left:-147px}}@media only screen and (min-width:50em){.hero-tab__hex-image{width:313.6px;height:123.2px;clip:rect(0 313.6px 123.2px 156.8px);left:-156.8px}}@media only screen and (min-width:68em){.hero-tab__hex-image{width:392px;height:154px;clip:rect(0 392px 154px 196px);left:-196px}}.hero-tab:hover .hero-tab__hex-image,.is-active .hero-tab__hex-image{left:0;clip:rect(0 98px 77px 0)}@media only screen and (min-width:38em){.hero-tab:hover .hero-tab__hex-image,.is-active .hero-tab__hex-image{clip:rect(0 147px 115.5px 0)}}@media only screen and (min-width:50em){.hero-tab:hover .hero-tab__hex-image,.is-active .hero-tab__hex-image{clip:rect(0 156.8px 123.2px 0)}}@media only screen and (min-width:68em){.hero-tab:hover .hero-tab__hex-image,.is-active .hero-tab__hex-image{clip:rect(0 196px 154px 0)}}.hero-promotion{border-top:3px solid #28649c;border-bottom:3px solid #8650d6;position:relative}@media only screen and (min-width:50em){.hero-promotion{border:none;background-repeat:no-repeat;padding:3px;background-color:#28649c;background:linear-gradient(#28649c,#8650d6);position:relative;margin:0 auto}}@media only screen and (min-width:68em){.hero-promotion{max-width:73rem}}.hero-promotion .paragraph__description{color:#fff}.hero-promotion .beta-button{margin:8px 0 16px 0;margin:.5rem 0 1rem 0;font-size:20px;font-size:1.25rem}@media only screen and (min-width:38em){.hero-promotion .pre-order-button{display:none}}@media only screen and (min-width:50em){.hero-promotion .pre-order-button{display:inline-block}}.hero-promotion .pre-order-button--secondary{display:none}@media only screen and (min-width:38em){.hero-promotion .pre-order-button--secondary{display:inline-block;text-align:center}}@media only screen and (min-width:50em){.hero-promotion .pre-order-button--secondary{display:none}}.hero-promotion__container{background-color:#350870;padding:16px;padding:1rem;text-align:center}.hero-promotion__info .hero-promotion__info--column{text-align:left}@media only screen and (min-width:38em){.hero-promotion__info .hero-promotion__info--column{width:42%;display:inline-block;vertical-align:top}}@media only screen and (min-width:38em){.hero-promotion__info .hero-promotion__info--column:last-child{margin-left:8%}}.hero-promotion--pre-order .hero-promotion__info{text-align:center}@media only screen and (min-width:38em){.hero-promotion--pre-order .hero-promotion__info{width:48%;display:inline-block}}@media only screen and (min-width:50em){.hero-promotion--pre-order .hero-promotion__info{margin-left:30%;width:36%}}.hero-promotion--pre-order .hero-promotion__video{margin-bottom:16px;margin-bottom:1rem;width:100%;position:relative;background:#976eff;background:linear-gradient(to bottom,#976eff,#693bdf)}@media only screen and (min-width:38em){.hero-promotion--pre-order .hero-promotion__video{display:inline-block;width:48%;margin-left:2%;vertical-align:top}}@media only screen and (min-width:50em){.hero-promotion--pre-order .hero-promotion__video{width:31%;margin-left:2%}}.hero-promotion--pre-order .hero-promotion__video .promotion-video__thumbnail{width:100%}.hero-promotion--pre-order .hero-promotion__video:hover{background-color:#ff8dff;background:linear-gradient(to bottom,#ff8dff,#ed4bff)}.hero-promotion--pre-order .hero-promotion__video:hover .heroes-icon-play:after{opacity:1}.hero-promotion--pre-order .heading--how-to-obtain{text-shadow:0 0 16px #009cff;text-shadow:0 0 16px #009cff;text-shadow:0 0 1rem #009cff}.hero-promotion--pre-order .heading--how-to-obtain:after{content:"";display:block;height:18px;width:100%;background:transparent url(../images/heroes/promo/small-blue-divider.png) center 0 no-repeat}.promotion__subtitle{font-size:16px;font-size:1rem}.promotion-disclaimer,.promotion-quests{margin:0 auto;border-right:2px solid #6844c0;border-bottom:2px solid #6844c0;border-left:2px solid #6844c0}@media only screen and (min-width:68em){.promotion-disclaimer,.promotion-quests{max-width:73rem}}.quest-header{text-shadow:0 0 16px #9e6d0f;padding:16px 16px 16px 48px;padding:1rem 1rem 1rem 3rem;background-color:#1b1941;text-transform:none}.quest{background-color:#27180c;background:#27180c url(../images/heroes/promo/quest_goldhexback.png) 0 0 no-repeat;border-top:2px solid #6844c0;padding:8px;padding:.5rem}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.quest{background-image:url(../images/heroes/promo/quest_goldhexback@2x.png)}}@media only screen and (min-width:50em){.quest{padding:1rem}}.quest__icon{width:18%;max-width:90px;max-width:5.625rem;float:left}@media only screen and (min-width:50em){.quest__icon{width:10%;margin-left:2%}}.quest__info{width:60%;float:left;vertical-align:top;margin-left:2%}@media only screen and (min-width:50em){.quest__info{width:65%}}.quest-reward{width:18%;float:left;vertical-align:top;margin-left:2%;margin-top:8%}@media only screen and (min-width:30em){.quest-reward{margin-top:4%}}@media only screen and (min-width:38em){.quest-reward{margin-top:2%}}@media only screen and (min-width:50em){.quest-reward{width:15%;margin-left:5%;margin-top:0}}.quest-reward__icon{width:64px;width:4rem;height:64px;height:4rem;background-position:center 0;background-repeat:no-repeat;margin:0 auto;background-size:cover}@media only screen and (min-width:38em){.quest-reward__icon{width:4.375rem;height:4.375rem}}.quest-reward__icon.quest-reward__icon--portrait{background-image:url(../images/heroes/promo/quest_portrait.png);background-size:cover}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.quest-reward__icon.quest-reward__icon--portrait{background-image:url(../images/heroes/promo/quest_portrait@2x.png)}}@media only screen and (min-width:30em){.quest-reward__icon.quest-reward__icon--portrait{background-size:auto}}.quest-reward__icon.quest-reward__icon--gold{background-image:url(../images/heroes/promo/quest_gold.png);background-size:cover}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.quest-reward__icon.quest-reward__icon--gold{background-image:url(../images/heroes/promo/quest_gold@2x.png)}}@media only screen and (min-width:30em){.quest-reward__icon.quest-reward__icon--gold{background-size:auto}}.quest-reward__icon.quest-reward__icon--hero{background-image:url(../images/heroes/promo/quest_hero.png);background-size:cover}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx){.quest-reward__icon.quest-reward__icon--hero{background-image:url(../images/heroes/promo/quest_hero@2x.png)}}@media only screen and (min-width:30em){.quest-reward__icon.quest-reward__icon--hero{background-size:auto}}.quest__title{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;color:#f5cb79;font-size:20px;font-size:1.25rem}.quest__description{color:#6cf;font-size:14px;font-size:.9rem}@media only screen and (min-width:50em){.quest__description{font-size:1rem}}.quest-reward__text{text-align:center;font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;color:#f5cb79}.promotion-disclaimer{background-color:#1b1941}.disclaimer__icon{background:transparent url(../images/icons/disclaimer_icon.png) center 0 no-repeat;background-size:contain;width:15%;padding-bottom:15%;margin-left:2%;display:inline-block;vertical-align:top}@media only screen and (min-width:38em){.disclaimer__icon{width:12%;padding-bottom:12%}}@media only screen and (min-width:50em){.disclaimer__icon{width:8%;padding-bottom:8%;margin-left:3.5%}}.disclaimer__description{width:70%;margin-left:2%;display:inline-block;padding:16px 0 16px;padding:1rem 0 1rem;color:#6cf;font-size:12px;font-size:.8rem;font-style:italic}@media only screen and (min-width:38em){.disclaimer__description{width:80%}}.disclaimer__description span{font-weight:700}.artanis .hero-promotion__container{background:#350870 url(../images/heroes/promo/artanis-promo_mobile.png) center 0 no-repeat;background-size:contain;padding-top:40%}@media only screen and (min-width:50em){.artanis .hero-promotion__container{background:#350870 url(../images/heroes/promo/artanis-promo.png) 0 0 no-repeat;padding-top:2rem}}.tracer .hero-promotion__container{background:#350870 url(../images/heroes/promo/tracer/tracer-promo_mobile.png) center 0 no-repeat;background-size:contain;padding-top:40%}@media only screen and (min-width:50em){.tracer .hero-promotion__container{background:#350870 url(../images/heroes/promo/tracer/tracer-promo.png) 0 0 no-repeat;padding-top:2rem}}.chogall .hero-promotion{background:linear-gradient(to bottom,#28649c,#6844c0);padding:2px;margin:0 auto}.chogall .hero-promotion .paragraph__description{text-align:left;margin:16px 0;margin:1rem 0}.chogall .hero-promotion .promotion-video__description{text-align:center}@media only screen and (min-width:38em){.chogall .hero-promotion .promotion-video__description{text-align:left}}.chogall .hero-promotion__container{padding-top:32px;padding-top:2rem}.chogall .info__image{background:linear-gradient(to bottom,#28649c,#8650d6);padding:2px;margin-bottom:16px;margin-bottom:1rem}.chogall .promo-video-image{position:relative}.chogall .promo-video-image:hover{background:#ed4bff}.chogall .hero-promotion__promotion-video{padding-top:16px;padding-top:1rem}@media only screen and (min-width:38em){.chogall .hero-promotion__promotion-video{width:80%;margin:0 auto 1rem auto}}.chogall .promotion-video__video{position:relative;border:1px solid #693bdf;padding:3px}.chogall .promotion-video__video:hover{border-color:#ed4bff}.chogall .promotion-video__video:hover .heroes-icon-play:after{opacity:1}@media only screen and (min-width:38em){.chogall .promotion-video__video{float:left;margin-right:1rem;width:10rem}}@media only screen and (min-width:50em){.chogall .promotion-video__video{width:30%;margin-right:2%}}@media only screen and (min-width:50em){.chogall .promotion-video__info{width:66%;float:left}}.chogall .promotion-video__title{margin-top:16px;margin-top:1rem}@media only screen and (min-width:38em){.chogall .promotion-video__title{margin-top:0;text-align:left;min-height:5rem}}@media only screen and (min-width:50em){.chogall .promotion-video__title{min-height:auto}}.chogall .heading--break{display:block}@media only screen and (min-width:68em){.chogall.pl-pl .promotion__title{font-size:1.25rem}}@media only screen and (min-width:68em){.hero-summary-container{max-width:73rem;margin:0 auto}}@media only screen and (min-width:50em){.hero-summary-container .section-heading{font-size:1.5rem;width:90%;margin:0 auto 1em;line-height:1}}@media only screen and (min-width:50em){.de-de .hero-summary-container .section-heading,.es-es .hero-summary-container .section-heading,.es-mx .hero-summary-container .section-heading,.pl-pl .hero-summary-container .section-heading,.pt-br .hero-summary-container .section-heading,.ru-ru .hero-summary-container .section-heading{font-size:1rem}}@media only screen and (min-width:68em){.de-de .hero-summary-container .section-heading,.es-es .hero-summary-container .section-heading,.es-mx .hero-summary-container .section-heading,.pl-pl .hero-summary-container .section-heading,.pt-br .hero-summary-container .section-heading,.ru-ru .hero-summary-container .section-heading{font-size:1.2rem}}.hero-stats-container{padding:1em 0;background-color:#12092c;background:linear-gradient(to top,#0e0520,#1b1146);float:left;width:50%;min-height:288px;min-height:18rem}@media only screen and (min-width:30em){.hero-stats-container{margin-right:1%;width:49.5%}}@media only screen and (min-width:38em){.hero-stats-container{min-height:26rem}}@media only screen and (min-width:50em){.hero-stats-container{width:24.55%;margin-right:.6%;float:left;min-height:23rem}}.hero-stats-container .hero-stats{margin:0 auto;width:auto;max-width:85%}.hero-stats-container .stat{margin-bottom:1.5em}@media only screen and (min-width:30em){.hero-stats-container .stat{margin-bottom:0}}@media only screen and (min-width:50em){.hero-stats-container .stat{display:block;width:100%}}.hero-stats-container .stat:last-child{margin-bottom:0}.hero-stats-container .info-container{float:left;width:100%}@media only screen and (min-width:30em){.hero-stats-container .info-container{width:60%;margin-top:1em}}@media only screen and (min-width:38em){.hero-stats-container .info-container{margin-top:1.25em}}@media only screen and (min-width:50em){.hero-stats-container .info-container{margin-top:.75em}}.hero-stats-container .stat-icon{display:none;width:30%;height:0;padding-bottom:30%;float:left;margin-right:5%;background:transparent url(../images/icons/stat-icons.png) 0 0 no-repeat;background-size:400%;max-width:80px;max-height:80px}@media only screen and (min-width:30em){.hero-stats-container .stat-icon{display:block;width:25%;padding-bottom:25%}}@media only screen and (min-width:50em){.hero-stats-container .stat-icon{margin-right:2%;width:38%;padding-bottom:38%}}@media only screen and (min-width:68em){.hero-stats-container .stat-icon{width:33%;padding-bottom:33%}}.hero-stats-container .stat-icon.damage{background-position:0 0}.hero-stats-container .stat-icon.utility{background-position:33.33% 0}.hero-stats-container .stat-icon.survivability{background-position:66.67% 0}.hero-stats-container .stat-icon.complexity{background-position:100% 0}.hero-stats-container .stat-name{float:left;text-transform:uppercase;font-size:1em;font-weight:700;line-height:1em;color:#fff;margin-bottom:.5em;text-shadow:0 0 16px #009cff;text-shadow:0 0 16px #009cff;text-shadow:0 0 1rem #009cff}@media only screen and (min-width:50em){.hero-stats-container .stat-name{margin-top:.5em;font-size:.9em}}@media only screen and (min-width:50em){.de-de .hero-stats-container .stat-name,.es-es .hero-stats-container .stat-name,.es-mx .hero-stats-container .stat-name,.it-it .hero-stats-container .stat-name,.pt-br .hero-stats-container .stat-name{font-size:.8em}}@media only screen and (min-width:68em){.de-de .hero-stats-container .stat-name,.es-es .hero-stats-container .stat-name,.es-mx .hero-stats-container .stat-name,.it-it .hero-stats-container .stat-name,.pt-br .hero-stats-container .stat-name{font-size:.9em}}@media only screen and (min-width:50em){.pl-pl .hero-stats-container .stat-name{font-size:.7em}}@media only screen and (min-width:68em){.pl-pl .hero-stats-container .stat-name{font-size:.9em}}.hero-stats-container .stat-bar-container{line-height:1em;width:100%;float:left}.hero-stats-container .stat-bar-bg{background-color:#3a2d57;float:left;position:relative;width:8.2%;height:8px}.hero-stats-container .stat-bar-bg+.stat-bar-bg{margin-left:2%}.hero-stats-container .stat-bar-progress{position:absolute;top:0;left:0;height:.5em;box-shadow:0 0 16px #009cff}.hero-stats-container .stat-bar-progress.filled{width:100%}.fill1 .stat-bar-progress,.fill2 .stat-bar-progress,.fill3 .stat-bar-progress,.fill4 .stat-bar-progress{background-color:#58baff;box-shadow:0 0 16px #58baff}.fill5 .stat-bar-progress,.fill6 .stat-bar-progress,.fill7 .stat-bar-progress{background-color:#a27ce7;box-shadow:0 0 16px #a27ce7}.fill10 .stat-bar-progress,.fill8 .stat-bar-progress,.fill9 .stat-bar-progress{background-color:#ff77fd;box-shadow:0 0 16px #ff77fd}.abilities-summary,.hero-role-container,.heroic-abilities-container{background-color:#12092c;background:linear-gradient(to top,#0e0520,#1b1146);min-height:288px;min-height:18rem;padding:1em 0;float:left}@media only screen and (min-width:38em){.abilities-summary,.hero-role-container,.heroic-abilities-container{min-height:26rem}}@media only screen and (min-width:50em){.abilities-summary,.hero-role-container,.heroic-abilities-container{min-height:23rem;padding:1em;height:100%}}@media only screen and (min-width:50em){.de-de .abilities-summary,.de-de .hero-role-container,.de-de .heroic-abilities-container,.ru-ru .abilities-summary,.ru-ru .hero-role-container,.ru-ru .heroic-abilities-container{padding:1.5em .75em 1em}}.hero-role-container{width:50%;position:relative}@media only screen and (min-width:30em){.hero-role-container{width:49.5%}}.hero-role-container .paragraph__heading--alternate{margin:0}.hero-role-wrapper{width:78%;height:80%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;max-width:200px}.hero-role-image{display:block;background:transparent url(../images/icons/role-icons.png) 0 0 no-repeat;background-size:400%;width:100%;height:0;padding-bottom:100%}.hero-role-image.warrior{background-position:0 0}.hero-role-image.assassin{background-position:33.33% 0}.hero-role-image.support{background-position:66.66% 0}.hero-role-image.specialist{background-position:100% 0}.question{display:none;vertical-align:middle;zoom:1;background-image:url(../images/icons/question-mark.png);background-position:0 0;background-repeat:no-repeat;width:17px;height:20px;margin-left:.25em;margin-bottom:.2em;cursor:pointer}.question:hover{background-position:-17px 0}@media only screen and (min-width:50em){.question{display:inline-block}}.hero-role{text-align:center}@media only screen and (max-width:37.99em){.de-de .hero-role.support{font-size:1rem}}@media only screen and (max-width:37.99em){.es-es .hero-role.specialist,.es-mx .hero-role.specialist{font-size:1.2rem}}@media only screen and (max-width:37.99em){.pt-br .hero-role.specialist{font-size:1.2rem}}@media only screen and (min-width:50em){.tooltip-wrapper{position:relative}}.ability-tooltip{position:absolute;top:110%;right:0;width:240px;width:15rem;display:none;border:2px solid #2a284d;background-color:#000;z-index:1;padding:1em}.ability-tooltip.left{left:0;right:auto}@media only screen and (min-width:50em){.tooltip-wrapper:hover .ability-tooltip{display:block}}.ability-tooltip .ability-tooltip__title{color:#fff;display:block}.ability-tooltip .ability-tooltip__description{color:#7777a2}.abilities-summary,.heroic-abilities-container{display:none}@media only screen and (min-width:50em){.abilities-summary,.heroic-abilities-container{display:block}}@media only screen and (min-width:50em){.hero-role-container,.heroic-abilities-container{width:24.55%;float:left;margin-right:.6%}}@media only screen and (min-width:50em){.heroic-abilities-container{padding-top:1.5em}}@media only screen and (min-width:50em){.heroic-abilities-container .ability-box__icon-wrapper{width:45%;height:auto}}@media only screen and (min-width:50em){.heroic-abilities-container .ability-box__icon-wrapper+.ability-box__icon-wrapper{margin:0 0 0 3%}}@media only screen and (min-width:50em){.abilities-summary{vertical-align:top;width:24.55%;float:left;padding-top:1.5em}}@media only screen and (min-width:50em){.abilities-summary .ability-box__icon-wrapper{width:30%;height:auto}}@media only screen and (min-width:50em){.abilities-summary .trait-heading{margin-top:1.75em}}@media only screen and (min-width:50em){.trait-icon-container{margin:0 auto;width:100%}}.hero-information-container{display:none}.hero-information-container.is-active{display:block;z-index:5;position:relative;background-color:#08000f}.abilities-wrapper{padding:0;color:#718e97}@media only screen and (min-width:68em){.abilities-wrapper{background:transparent url(../images/heroes/ability_bg.jpg) center 0 no-repeat}}.abilities-wrapper .container{margin-bottom:4em}.ability-box__icon-wrapper{float:left}.hero-abilities-container{position:relative;z-index:0;overflow:auto;max-width:1168px;max-width:73rem;margin:0 auto}@media only screen and (min-width:50em){.hero-abilities-container .abilities-container__wrapper{margin:0 1.25em}}@media only screen and (min-width:68em){.hero-abilities-container .abilities-container__wrapper{margin:0}}@media only screen and (min-width:38em){.hero-abilities-container .abilities-container__header{margin:1em auto;font-weight:700;font-size:1.5em}}.hero-abilities-container .abilities-container__ability-box{background-color:#12092c;margin-bottom:.2em;padding:1em}@media only screen and (min-width:50em){.hero-abilities-container .abilities-container__ability-box{background:linear-gradient(to top,#0e0520,#1b1146);float:left;width:32.2%;min-height:31em;padding:0;vertical-align:top}}@media only screen and (min-width:50em){.hero-abilities-container .abilities-container__ability-box+.abilities-container__ability-box{margin-left:1.7%}}.hero-abilities-container .ability-image-container{width:20%;float:left;margin-right:5%}@media only screen and (min-width:38em){.hero-abilities-container .ability-image-container{width:15%}}@media only screen and (min-width:50em){.hero-abilities-container .ability-image-container{width:auto;margin:0;float:none}}.hero-abilities-container .ability-box__title{text-transform:uppercase;font-size:1.5em;line-height:1em;margin:0 0 .5em 0;word-wrap:break-word}@media only screen and (min-width:50em){.hero-abilities-container .ability-box__title{margin:2em 0 .25em;line-height:1.25}}.hero-abilities-container .ability-box__description-container{display:inline-block}.hero-abilities-container .ability-box__description{position:relative}.hero-abilities-container .ability-name{text-transform:uppercase}.hero-abilities-container .ability-icon-border{float:left;margin-right:5%;width:15%;max-width:100px}@media only screen and (min-width:50em){.hero-abilities-container .ability-icon-border{float:none;margin:-3.5rem auto -2rem;width:auto;position:relative;z-index:2}}.hero-abilities-container .ability-box__data{display:table;width:100%;table-layout:fixed}@media only screen and (min-width:50em){.hero-abilities-container .ability-box__data{display:block}}.ability-box__video-wrapper{display:none}@media only screen and (min-width:50em){.ability-box__video-wrapper{margin-top:0;display:block}}.ability-box__video-wrapper .ability-video-wrapper .play-overlay{background-color:#000;position:absolute;top:6px;left:6px;right:6px;bottom:6px;display:none;opacity:.3;z-index:2}.ability-box__video-wrapper .ability-video-wrapper .fa-play{position:absolute;top:50%;left:50%;width:2em;height:1em;font-size:2em;text-align:center;margin:-.6em 0 0 -.8em;color:#fff;z-index:3;display:none}@media only screen and (min-width:68em){.ability-box__video-wrapper .ability-video-wrapper .fa-play{font-size:4em}}.ability-box__video-wrapper .ability-video-wrapper .video-text{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;position:absolute;bottom:8px;right:16px;color:#fff;font-size:.9em;text-transform:uppercase;text-shadow:0 0 6px #000;z-index:3}.ability-box__video-wrapper:hover .ability-video-wrapper .play-overlay{display:block}.ability-box__video-wrapper:hover .ability-video-wrapper .fa-play{display:block}@media only screen and (min-width:50em){.ability-box__video-wrapper .ability-video-border{background-color:#000;padding:3px}}.abilities-wrapper--show-mobile-thumbnails .ability-box__video-wrapper{display:table-footer-group;margin-left:25%;padding-top:16px;padding-top:1rem;clear:both}@media only screen and (min-width:38em){.abilities-wrapper--show-mobile-thumbnails .ability-box__video-wrapper{float:right;margin-left:2%;padding-top:0;width:25%;clear:none}}@media only screen and (min-width:50em){.abilities-wrapper--show-mobile-thumbnails .ability-box__video-wrapper{display:block;float:none;margin-left:0;width:auto}}.abilities-wrapper--show-mobile-thumbnails .ability-box__video-wrapper .skill-video{border:2px solid #14324A}@media only screen and (min-width:50em){.abilities-wrapper--show-mobile-thumbnails .ability-box__video-wrapper .skill-video{border:0 none}}.abilities-wrapper--show-mobile-thumbnails .ability-video-wrapper{padding:0;margin-top:16px;margin-top:1rem;margin-left:20%}@media only screen and (min-width:38em){.abilities-wrapper--show-mobile-thumbnails .ability-video-wrapper{margin-top:0;margin-left:0}}@media only screen and (min-width:50em){.abilities-wrapper--show-mobile-thumbnails .ability-video-wrapper{padding:3px}}.abilities-wrapper--show-mobile-thumbnails .ability-box__video-button{display:none}.ie8 .ability-box__video-wrapper .ability-video-wrapper .play-overlay{background-color:transparent}@media only screen and (min-width:50em){.ability-image-container{position:relative;margin-bottom:3em}}.ability-info-container{width:65%;float:left;min-height:88px}@media only screen and (min-width:38em){.ability-info-container{width:53%}}@media only screen and (min-width:50em){.ability-info-container{margin:0 auto 1em;width:85%;float:none;min-height:10rem}}.ability-box__video-button{margin-top:1em;border-width:1px;cursor:pointer;margin-left:25%;text-align:center}@media only screen and (min-width:38em){.ability-box__video-button{float:right;width:22%;margin-left:0;margin-top:0}}@media only screen and (min-width:50em){.ability-box__video-button{display:none}}.ability-box__video-button .fa-play{margin-right:.5em}.explore-heroes{overflow:hidden;margin-top:3em;padding-top:3em;background:transparent url(../images/heroes/more_bg.jpg) center 0 no-repeat;min-height:560px;min-height:35rem}.explore-heroes .heading-wrapper{background:transparent url(../images/heroes/flare.png) center 0 no-repeat}.explore-heroes .heading-wrapper .explore-heading{font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:400;color:#fff;text-transform:uppercase;line-height:1.2;text-align:center;font-size:1.5em;margin-bottom:1em}.ko-kr .explore-heroes .heading-wrapper .explore-heading{font-family:"Nanum Gothic","Malgun Gothic",Dotum,sans-serif}.explore-heroes .heading-wrapper .explore-heading a{color:inherit}.explore-heroes .all-heroes-container{text-align:center}.explore-heroes .all-heroes{margin:1em auto;text-align:center;font-size:1.25em}.explore-heroes .hero-container.placeholder{width:280px;height:1px}.explore-list-wrapper{max-width:1168px;max-width:73rem;margin:0 auto;padding:16px;padding:1rem}.skin-features-list{display:inline-block;text-align:center;max-width:448px;max-width:28rem}@media only screen and (min-width:50em){.skin-features-list{max-width:none}}.skin-features-list__item{display:table;border:2px solid #4630a9;margin:0 0 16px;margin:0 0 1rem;padding:2px}@media only screen and (min-width:50em){.skin-features-list__item{display:inline-block;margin:0 .5rem}}.skin-feature__image{display:inline-block;border-right:2px solid #08000f;padding:2px;background:#402e89}@media only screen and (min-width:50em){.skin-feature__image{border-right:0 none}}.skin-feature__description{display:table-cell;width:70%;border:2px solid #402e89;padding:19px 8px;padding:1.2rem .5rem;background:#110e36;text-align:center}@media only screen and (min-width:50em){.skin-feature__description{display:block;width:auto;margin-top:2px;padding:1.2rem 0}.de-de .skin-feature__description,.pl-pl .skin-feature__description{font-size:.8rem}}.tag--legendary-skin{line-height:37px;text-transform:uppercase;color:#fff;font-family:Metronic,"Myriad Pro",Myriad,Arial,sans-serif;font-weight:700;text-shadow:0 0 16px #d15318;text-shadow:0 0 1rem #d15318}.tag--legendary-skin:before{content:"";display:inline-block;float:left;margin-right:8px;margin-right:.5rem;background:url(../images/heroes/icon-legendary.png) 0 0 no-repeat;width:19px;height:37px}