.btn{display:inline-block;user-select:none}.btn span{font-family:"Tobi Greek Cyrillic",sans-serif;display:block;line-height:1;text-transform:uppercase;cursor:pointer;white-space:nowrap;font-size:28px;padding:14px 16px}.btn,.btn span{transition:background 150ms ease,box-shadow 150ms ease}.btn.green,.btn.green span{border-radius:10px}.btn.green span{background:linear-gradient(180deg, #30b313 0%, #1e9703 100%);box-shadow:0 2px 4px rgba(0,0,0,.25),inset 0 2px 0 #7af003,inset 0 -2px 0 rgba(0,0,0,.25);border:none;color:#fff}.btn.green span:hover{background:linear-gradient(180deg, #2dd308 0%, #22ab04 100%);box-shadow:0 5px 10px rgba(0,0,0,.25),inset 0 2px 0 #93ff26,inset 0 -2px 0 rgba(0,0,0,.25),inset 0 0 20px rgba(230,255,77,.7)}.btn.green span:active{background:linear-gradient(180deg, #30b313 0%, #1e9703 100%);box-shadow:inset 0 2px 0 #7af003,inset 0 -2px 0 rgba(0,0,0,.25)}.btn.green-neon,.btn.green-neon span{border-radius:10px}.btn.green-neon span{border:2px solid #47ff18;background-color:#2aa90d;box-shadow:0 0 10px #47ff18,inset 0 0 20px 5px #47ff18;color:#fff}.btn.green-neon span:hover{background-color:#32bf12;box-shadow:0 0 20px #47ff18,inset 0 0 20px 5px #47ff18}.btn.green-neon span:active{background-color:#2aa90d;box-shadow:0 0 10px #47ff18,inset 0 0 20px 5px #47ff18}.btn.framed{background:linear-gradient(180deg, #bd8a53 0%, #d7a46d 100%);box-shadow:0 0 0 1px #8c6a44,inset 0 2px 2px #ffd5a8,inset 0 -2px 1px #a77743;padding:3px}.btn.framed,.btn.framed span{border-radius:13px}.btn.framed span{background:linear-gradient(180deg, #30b313 0%, #1e9703 100%);box-shadow:inset 0 -2px 2px 3px #1a5e0b,inset 0 0 0 5px #1e8906,inset 0 3px 1px 4px #7af003;border-radius:10px;color:#e8ff5c;text-shadow:0 2px 1px rgba(0,0,0,.25)}.btn.framed:hover{background:linear-gradient(180deg, #bd8a53 0%, #d7a46d 100%);box-shadow:0 0 0 1px #8c6a44,inset 0 2px 2px #ffd5a8,inset 0 -2px 1px #a77743}.btn.framed:hover span{background:linear-gradient(180deg, #35ce13 0%, #21a504 100%);box-shadow:inset 0 -2px 2px 3px #1a5e0b,inset 0 0 0 5px #1e8906,inset 0 3px 1px 4px #7af003}.btn.framed:active{background:linear-gradient(180deg, #bd8a53 0%, #d7a46d 100%);box-shadow:0 0 0 1px #8c6a44,inset 0 2px 2px #ffd5a8,inset 0 -2px 1px #a77743}.btn.framed:active span{background:linear-gradient(180deg, #30b313 0%, #1e9703 100%);box-shadow:inset 0 -2px 2px #1a5e0b,inset 0 0 0 3px #1e8906,inset 0 3px 1px 1px #7af003}.btn:disabled{cursor:default;filter:grayscale(1);pointer-events:none}#footer{background-color:#323232;box-shadow:inset 0 7px 30px rgba(0,0,0,.2);padding:40px 60px;display:flex;flex-direction:column;font-size:12px;color:rgba(255,255,255,.3);position:relative}#footer img{opacity:.3;transition:opacity 150ms ease}#footer a{color:rgba(255,255,255,.3);transition:color 150ms ease}#footer a:hover{color:#fff}#footer a:hover img{opacity:1}#footer .top{display:flex;align-items:center}#footer .top .community .title{margin-bottom:6px}#footer .top .community ul{display:flex}#footer .top .community ul li{margin-left:15px}#footer .top .community ul li:first-child{margin-left:0}#footer .top .community ul img{width:24px}#footer .top .links{margin:0 auto;position:relative}#footer .top .links>ul{display:flex}#footer .top .links>ul>li{margin-left:50px}#footer .top .links>ul>li:first-child{margin-left:0}@media only screen and (max-width: 1200px){#footer .top .links>ul{flex-direction:column}#footer .top .links>ul>li{margin-left:0;margin-top:10px}}@media only screen and (max-width: 1200px){#footer .top .links{margin-top:20px}}@media only screen and (max-width: 1200px){#footer .top{flex-direction:column;text-align:center}}#footer #language-selector-bottom{user-select:none;text-transform:uppercase}#footer #language-selector-bottom ul{display:flex}#footer #language-selector-bottom ul li{margin-left:2px}#footer #language-selector-bottom ul li:first-child{margin-left:0}#footer #language-selector-bottom ul a,#footer #language-selector-bottom ul span{width:21px;height:21px;display:flex;align-items:center;justify-content:center;border-radius:2px}#footer #language-selector-bottom ul a:hover{background-color:rgba(255,255,255,.3);color:#fff}#footer #language-selector-bottom ul span{background-color:rgba(255,255,255,.3);color:#323232}@media only screen and (max-width: 1200px){#footer #language-selector-bottom{margin-top:20px}}#footer .bottom{border-top:1px solid #4b4b4b;padding-top:30px;margin-top:30px;display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 1200px){#footer{padding-left:40px;padding-right:40px}}#language-selector-top{user-select:none;position:absolute;top:20px;right:20px;z-index:3}#language-selector-top .container{position:relative}#language-selector-top .selected{background-color:#fff;display:inline-block;border-radius:8px;font-weight:400;font-size:20px;line-height:1;padding:7px 8px 4px;color:#4a4a4a;text-transform:uppercase;cursor:pointer;transition:box-shadow 150ms ease}#language-selector-top .selected:hover{box-shadow:0 2px 10px rgba(0,0,0,.25)}#language-selector-top .selected:active{box-shadow:none}#language-selector-top ul{height:0;width:0;opacity:0;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:8px;background-color:#fff;position:absolute;right:0;top:0;font-weight:400;font-size:0;transition:opacity 150ms ease;color:#4a4a4a;display:flex;flex-direction:column}#language-selector-top ul li{display:flex;flex-direction:column}#language-selector-top ul.active{width:auto;height:auto;padding:20px;opacity:1;font-size:14px}#language-selector-top ul a{color:#4a4a4a;padding:4px 8px;border-radius:4px;transition:background-color 150ms ease}#language-selector-top ul a:hover{background-color:rgba(74,74,74,.2)}@font-face{font-family:"hwf";src:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/a0e720.woff)}[class^=hwf-],[class*=" hwf-"]{font-family:"hwf",serif !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hwf-fighter:before{content:""}.hwf-mage:before{content:""}.hwf-marksmen:before{content:""}.hwf-tank:before{content:""}@font-face{font-family:"Tobi Greek Cyrillic";src:url(https://hwlandings-a.akamaihd.net/hw/p/assets/22b3c9.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.f-tobi{font-family:"Tobi Greek Cyrillic",sans-serif}#footer{background-color:#171819;box-shadow:none}html{font-family:"Roboto Condensed",sans-serif;font-size:18px;line-height:1.3;color:#d79c58;background-color:#000;scroll-behavior:smooth}@media only screen and (max-width: 766px){html{font-size:14px}}.c-yellow{color:#f8c83e}.c-green{color:#44c826}.ribbon-line{position:relative;text-align:center;display:block;height:60px;margin:0 51px;font-family:"Tobi Greek Cyrillic",sans-serif;font-size:40px;line-height:1;white-space:nowrap}.ribbon-line span{background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/57755c.webp) repeat-x;height:52px;display:block;padding:8px 20px;background-size:1px;color:#fff;text-transform:uppercase}@media only screen and (max-width: 766px){.ribbon-line span{padding:12px 20px 0}}.ribbon-line:before,.ribbon-line:after{content:"";width:51px;height:100%;position:absolute;background-size:cover;background-repeat:no-repeat;top:0}.ribbon-line:before{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/8d5c11.webp);left:-51px}.ribbon-line:after{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/739158.webp);right:-51px}@media only screen and (max-width: 766px){.ribbon-line{font-size:32px}}@media only screen and (max-width: 766px){.de .rewards-title .ribbon-line,.ru .rewards-title .ribbon-line{font-size:20px;line-height:35px}}@media only screen and (max-width: 766px){.de .container.c-4 h2,.ru .container.c-4 h2,.pl .container.c-4 h2{font-size:28px}}@keyframes slideAway{from{opacity:1}to{opacity:0}}@keyframes slideIn{from{opacity:0}to{opacity:1}}.ornament-text-arrow{display:flex;align-items:center;position:relative;height:100%;z-index:2}.ornament-text-arrow.inverse{transform:rotate(180deg)}.ornament-text-arrow i{display:inline-block;background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/d6321c.webp) repeat-x;min-width:1px;height:4px;width:100%;padding:0 25px 0 38px}.ornament-text-arrow:before,.ornament-text-arrow:after{content:"";background-repeat:no-repeat;background-size:cover;height:18px;position:absolute;top:-7px}.ornament-text-arrow:before{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/f33927.webp);width:38px;left:-2px}.ornament-text-arrow:after{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/c570b4.webp);width:25px;right:-2px}@media only screen and (max-width: 1200px){.ornament-text-arrow{display:none}}.ornament-underline .item{color:#fff;position:relative;padding-left:4px;padding-right:4px;transition:color 150ms linear}.ornament-underline .item:hover{color:#f8c83e}.ornament-underline .item:hover .decor{opacity:1}.ornament-underline .item.active{color:#f8c83e}.ornament-underline .item.active .decor{opacity:1;max-width:100%}.ornament-underline .decor{display:flex;position:absolute;align-items:center;justify-items:center;justify-content:center;transition:opacity 150ms linear,max-width 150ms linear;max-width:14px;opacity:0;bottom:-2px;left:50%;width:100%;transform:translateX(-50%)}.ornament-underline .decor .c{width:100%;height:1px;background-color:#f8c83e;margin:0 7px}.ornament-underline .decor .c:before{content:"";background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/b3fc60.webp) no-repeat center;background-size:cover;display:block;position:absolute;width:6px;height:3px;bottom:-3px;left:50%;transform:translateX(-50%)}.ornament-underline .decor:before,.ornament-underline .decor:after{content:"";background-repeat:no-repeat;background-position:center;background-size:cover;display:block;position:absolute;top:-2px;width:7px;height:3px}.ornament-underline .decor:before{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/127b84.webp);left:0}.ornament-underline .decor:after{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/4fbc32.webp);right:0}#wr{display:flex;flex-direction:column;position:relative}.container{position:relative;padding:90px 0}.container:first-child{margin-bottom:0}@media only screen and (max-width: 1200px){.container{padding:60px 0}}@media only screen and (max-width: 766px){.container{padding:40px 0}}@media only screen and (max-width: 420px){.container{padding:20px 0}}.content-wr{max-width:1410px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;justify-content:center;align-items:center;display:flex}.content-wr.min{max-width:1104px}video.main{width:100vw;height:100vh;object-fit:cover;position:fixed;left:0;right:0;top:0;bottom:0}.menu{display:flex;align-items:center;width:100%;position:sticky;padding:0 30px;top:0;left:0;height:90px;background:linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);z-index:4}.menu .logo{display:flex}.menu .links{display:flex;align-items:center;margin-left:auto}.menu .links li{margin:0 8px}.menu .links a{color:#fff}@media only screen and (max-width: 766px){.menu .links{display:none}}.menu .play{display:inline-block;vertical-align:middle;line-height:1;font-size:20px;color:#17181a;text-align:center;padding:13px 20px 10px 20px;background-color:#f8c83e;border-radius:10px;transition:box-shadow 250ms linear;margin-right:auto;margin-left:12px;white-space:nowrap}.menu .play:hover{box-shadow:0 0 15px #f8c83e}@media only screen and (max-width: 766px){.menu .play{margin-left:auto;margin-right:0}}.cta{max-width:563px;padding-top:50px;padding-bottom:50px}@media only screen and (max-width: 1200px){.cta{padding-top:20px;padding-bottom:20px}}.bottom-cta{display:flex;align-items:center;justify-content:center;padding:30px 0}.bottom-cta .btn{margin:0 20px}.bottom-cta .btn span{padding-left:40px;padding-right:40px}#active-users-count,#online-users-count{transition:text-shadow 300ms ease-out}#active-users-count.changed{text-shadow:0 0 20px #f8c83e}#online-users-count.changed{text-shadow:0 0 20px #44c826}.container.c-1{background:linear-gradient(180deg, rgba(23, 24, 25, 0) 48.22%, #171819 100%);height:calc(100vh + 14%);display:flex;flex-direction:column;justify-content:center}.container.c-1 .info{margin-right:50px;max-width:450px;width:100%;display:flex;flex-direction:column;align-items:center}.container.c-1 .info .meta{display:flex;text-align:center}.container.c-1 .info .meta>div{margin:0 15px;font-size:40px;line-height:1}@media only screen and (max-width: 766px){.container.c-1 .info .meta>div{font-size:28px}}.container.c-1 .info .meta .online{width:11px;height:11px;background:#2aa90d;border:1px solid #47ff18;box-shadow:0 0 10px #47ff18;margin-right:10px;display:inline-block;vertical-align:middle;border-radius:11px}.container.c-1 .info .meta .title{color:#fff;font-size:24px;margin-bottom:5px}@media only screen and (max-width: 766px){.container.c-1 .info .meta .title{font-size:20px}}.container.c-1 .info .meta .data{display:flex;align-items:center;white-space:nowrap}.container.c-1 .info .text{background:rgba(36,36,41,.5);border-radius:30px;padding:30px;margin-top:30px}@media only screen and (max-width: 766px){.container.c-1 .info .text{padding:10px}}@media only screen and (max-width: 1200px){.container.c-1 .info{margin-right:0}}@media only screen and (max-width: 1200px){.container.c-1 .content-wr{flex-direction:column;padding-top:90px}}@media only screen and (max-width: 1200px){.container.c-1{height:100%}}.container.c-2{background:linear-gradient(180deg, #171819 0%, #071223 100%)}.container.c-2 .content-wr{flex-direction:column}.container.c-2 .header{display:flex;flex-direction:column;align-items:center}.container.c-2 .header h1{display:flex;align-items:center;text-transform:uppercase;text-align:center;color:#fff;font-size:56px}.container.c-2 .header h1 span{display:block;margin:0 20px}@media only screen and (max-width: 1200px){.container.c-2 .header h1{font-size:32px}}.container.c-2 .header .subtitle{max-width:510px;text-align:center;margin:14px 0 30px}.container.c-2 .slider-heroes .nav{font-size:28px;line-height:1;display:flex;align-items:center;width:100%;justify-content:center}.container.c-2 .slider-heroes .nav li{margin-left:30px}.container.c-2 .slider-heroes .nav li:first-child{margin-left:0}@media only screen and (max-width: 766px){.container.c-2 .slider-heroes .nav li{margin-left:10px}.container.c-2 .slider-heroes .nav li:first-child{margin-left:0}}.container.c-2 .slider-heroes .nav a{padding-top:6px;padding-bottom:6px;display:flex;align-items:center}.container.c-2 .slider-heroes .nav a .hwf{margin-right:10px;font-size:23px}@media only screen and (max-width: 766px){.container.c-2 .slider-heroes .nav a,.container.c-2 .slider-heroes .nav a .hwf{font-size:20px}.container.c-2 .slider-heroes .nav a span{display:none}.container.c-2 .slider-heroes .nav a.active span{display:inline-block}}.container.c-2 .slider-heroes .slides{display:flex;flex-direction:column}.container.c-2 .slider-heroes .slides .slide{display:none;align-items:flex-start;padding:30px 0;animation:slideAway 450ms}.container.c-2 .slider-heroes .slides .slide.active{animation:slideIn 450ms;display:flex}@media only screen and (max-width: 1200px){.container.c-2 .slider-heroes .slides .slide{flex-direction:column;align-items:center;max-width:640px;margin:auto}}.container.c-2 .slider-heroes .slides .text{margin-left:30px}@media only screen and (max-width: 1200px){.container.c-2 .slider-heroes .slides .text{margin-left:auto}}.container.c-2 .slider-heroes .slides .text p{margin-top:12px}.container.c-2 .slider-heroes .slides .text p:first-child{margin-top:0}.container.c-2 .slider-heroes .slides video{border-radius:20px;max-width:405px;width:100%}@media only screen and (max-width: 1200px){.container.c-2 .slider-heroes .slides video{max-width:100%;margin-bottom:30px}}.container.c-3{background-color:#17181a}.container.c-3 .bg{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;transition:opacity 950ms ease;z-index:0}.container.c-3 .bg-1{background-image:linear-gradient(180deg, #081323 0%, rgba(8, 19, 35, 0) 100%),radial-gradient(74.14% 67.78% at 66.11% 57.78%, #4182b7 0%, rgba(25, 110, 189, 0) 100%)}.container.c-3 .bg-2{background-image:linear-gradient(180deg, #081323 0%, rgba(8, 19, 35, 0) 100%),radial-gradient(74.14% 67.78% at 66.11% 57.78%, #b75d41 0%, rgba(189, 25, 35, 0) 100%)}.container.c-3 .bg-3{background-image:linear-gradient(180deg, #081323 0%, rgba(8, 19, 35, 0) 100%),radial-gradient(74.14% 67.78% at 66.11% 57.78%, #8341b7 0%, rgba(77, 25, 189, 0) 100%)}.container.c-3.active-1 .bg-2,.container.c-3.active-1 .bg-3{opacity:0}.container.c-3.active-1 .bg-1{opacity:1}.container.c-3.active-2 .bg-1,.container.c-3.active-2 .bg-3{opacity:0}.container.c-3.active-2 .bg-2{opacity:1}.container.c-3.active-3 .bg-1,.container.c-3.active-3 .bg-2{opacity:0}.container.c-3.active-3 .bg-3{opacity:1}.container.c-3 .content-wr{z-index:1}.container.c-3 .content-wr .skins-slider{max-width:582px;width:100%;margin-left:90px;color:#fff;position:relative;-webkit-user-select:none;user-select:none;background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/97be71.webp) no-repeat bottom center;background-size:contain}.container.c-3 .content-wr .skins-slider .info{text-align:center;max-width:320px;margin:0 auto}.container.c-3 .content-wr .skins-slider .info .title{font-size:40px;line-height:1;text-transform:uppercase}.container.c-3 .content-wr .skins-slider .info .text{margin-top:20px}.container.c-3 .content-wr .skins-slider .prev,.container.c-3 .content-wr .skins-slider .next{position:absolute;background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/5c06ec.webp);background-repeat:no-repeat;background-size:cover;width:13px;height:18px;opacity:.7;bottom:37%;cursor:pointer;transition:opacity 250ms linear;z-index:1;transform:scale(1.4)}.container.c-3 .content-wr .skins-slider .prev:hover,.container.c-3 .content-wr .skins-slider .next:hover{opacity:1}.container.c-3 .content-wr .skins-slider .prev{left:14%}@media only screen and (max-width: 420px){.container.c-3 .content-wr .skins-slider .prev{left:0}}.container.c-3 .content-wr .skins-slider .next{transform:rotate(180deg) scale(1.4);right:9%}@media only screen and (max-width: 420px){.container.c-3 .content-wr .skins-slider .next{right:0}}@keyframes skinAwayRL{0%{opacity:1;left:0;transform:scale(1)}100%{opacity:0;left:-100%;transform:scale(0.3)}}@keyframes skinInRL{0%{opacity:0;left:100%;transform:scale(0.3)}100%{opacity:1;left:0;transform:scale(1)}}@keyframes skinAwayLR{0%{opacity:1;right:0;transform:scale(1)}100%{opacity:0;right:-100%;transform:scale(0.3)}}@keyframes skinInLR{0%{opacity:0;left:-100%;transform:scale(0.3)}100%{opacity:1;left:0;transform:scale(1)}}.container.c-3 .content-wr .skins-slider .hidden{visibility:hidden}.container.c-3 .content-wr .skins-slider .hidden,.container.c-3 .content-wr .skins-slider .skin{max-width:422px;flex-direction:column;align-items:center;margin-bottom:33%}@media only screen and (max-width: 420px){.container.c-3 .content-wr .skins-slider .hidden,.container.c-3 .content-wr .skins-slider .skin{max-width:260px}}.container.c-3 .content-wr .skins-slider .skin{opacity:0;position:absolute;bottom:0;width:100%;animation-duration:450ms;animation-timing-function:ease-out}.container.c-3 .content-wr .skins-slider .skin.active{animation-duration:700ms;animation-timing-function:cubic-bezier(0, 0, 0, 1.2);opacity:1}.container.c-3 .content-wr .skins-slider.rl .skin{animation-name:skinAwayRL}.container.c-3 .content-wr .skins-slider.rl .skin.active{animation-name:skinInRL}.container.c-3 .content-wr .skins-slider.lr .skin{animation-name:skinAwayLR}.container.c-3 .content-wr .skins-slider.lr .skin.active{animation-name:skinInLR}@media only screen and (max-width: 1200px){.container.c-3 .content-wr .skins-slider{margin-left:0}}@media only screen and (max-width: 1200px){.container.c-3 .content-wr{flex-direction:column-reverse}}.container.c-4{border-top:1px solid #676669;background-color:#171819}.container.c-4 .content-wr{flex-direction:column}.container.c-4 h2{display:flex;text-transform:uppercase;color:#fff;font-size:56px;justify-content:center;text-align:center;margin-bottom:30px}@media only screen and (max-width: 1200px){.container.c-4 h2{font-size:32px}}.container.c-4 .modes-slider{display:flex}.container.c-4 .modes-slider .nav{display:flex;flex-direction:column;align-items:center;margin-left:30px;justify-content:space-evenly}.container.c-4 .modes-slider .nav img{width:75px;margin-bottom:5px;transition:filter 250ms linear}.container.c-4 .modes-slider .nav li{margin-top:20px}.container.c-4 .modes-slider .nav li:first-child{margin-top:0}@media only screen and (max-width: 1200px){.container.c-4 .modes-slider .nav li{margin:0 5px}}.container.c-4 .modes-slider .nav a{font-family:"Tobi Greek Cyrillic",sans-serif;font-size:28px;width:210px;line-height:1;display:flex;flex-direction:column;align-items:center;padding:10px;color:#fff;border-radius:20px;border:1px solid rgba(0,0,0,0);transition:background 250ms linear,border 250ms linear,box-shadow 250ms linear}.container.c-4 .modes-slider .nav a:hover{background:rgba(255,255,255,.01);border-color:rgba(255,255,255,.3);box-shadow:0 0 15px rgba(255,255,255,.3),inset 0 0 15px rgba(255,255,255,.3)}.container.c-4 .modes-slider .nav a:hover img{filter:drop-shadow(0px 0 60px rgba(255, 255, 255, 0.3))}.container.c-4 .modes-slider .nav a.active{background:rgba(255,255,255,.01);border-color:#fff;box-shadow:0 0 15px rgba(255,255,255,.3),inset 0 0 15px rgba(255,255,255,.3);cursor:default}.container.c-4 .modes-slider .nav a.active img{filter:drop-shadow(0px 0 60px rgba(255, 255, 255, 0.3))}@media only screen and (max-width: 1200px){.container.c-4 .modes-slider .nav a{width:160px}}@media only screen and (max-width: 766px){.container.c-4 .modes-slider .nav a{font-size:18px;width:100px;text-align:center}}@media only screen and (max-width: 1200px){.container.c-4 .modes-slider .nav{flex-direction:row;margin-left:0;margin-top:30px}}.container.c-4 .modes-slider .slide{display:none;background:#17181a;box-shadow:0 0 53px rgba(255,255,255,.26);max-width:806px;width:100%;position:relative;border-radius:20px;animation:slideAway 450ms}.container.c-4 .modes-slider .slide.active{animation:slideIn 450ms;display:flex}.container.c-4 .modes-slider .slide video{width:100%;border-radius:20px}.container.c-4 .modes-slider .slide .text{color:#fff;text-shadow:0 1px 10px #000;background:linear-gradient(180deg, rgba(23, 24, 26, 0) 0%, rgba(23, 24, 26, 0.85) 100%);border-radius:0 0 20px 20px;position:absolute;left:0;bottom:0;padding:30px 60px}@media only screen and (max-width: 1200px){.container.c-4 .modes-slider .slide .text{position:relative;padding:20px}}@media only screen and (max-width: 1200px){.container.c-4 .modes-slider .slide{flex-direction:column;align-items:center;max-width:640px;box-shadow:none}}@media only screen and (max-width: 1200px){.container.c-4 .modes-slider{flex-direction:column;align-items:center}}.container.c-5{background:linear-gradient(180deg, #171819 0%, #072244 100%)}@media only screen and (max-width: 1200px){.container.c-5 .content-wr{flex-direction:column}}.container.c-5 .rewards-container{margin-right:50px;display:flex;flex-direction:column}.container.c-5 .rewards-container .bottom{display:flex;align-items:center;width:100%}.container.c-5 .rewards-container .bottom .ornament-text-arrow{width:100%}@media only screen and (max-width: 1200px){.container.c-5 .rewards-container{margin-right:0}}.container.c-5 .rewards-title{display:flex;align-items:center;justify-content:center}.container.c-5 .rewards-title .ornament-text-arrow{width:100%}.container.c-5 .rewards-title .ribbon-container{display:inline-block;margin:0 10px}.container.c-5 .chest{background:rgba(26,24,23,.34);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:547px;padding:10px 0;width:100%;display:flex;flex-direction:column;align-items:center}.container.c-5 .chest .list{display:flex;max-width:430px;align-items:center;flex-wrap:wrap;justify-content:center;font-size:24px;line-height:1}.container.c-5 .chest .list .pic{background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/e04562.webp) no-repeat;background-size:cover;width:98px;height:98px;padding:4px;position:relative}.container.c-5 .chest .list img{width:90px;height:90px}.container.c-5 .chest .list .text{position:absolute;right:4px;bottom:4px;color:#f8c83e;background-color:rgba(0,0,0,.7);padding:0 8px;border-radius:8px 0 0 0}.container.c-5 .chest .list .day{text-align:center;margin-top:7px}.container.c-5 .chest .list>div{margin:8px 4px}.container.c-6{background:linear-gradient(180deg, #072143 0%, rgba(7, 33, 67, 0) 100%),linear-gradient(0deg, rgba(23, 24, 25, 0.5), rgba(23, 24, 25, 0.5)),url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/baa5c4.webp) no-repeat;background-size:cover}.container.c-6 .gal,.container.c-6 .teya{position:absolute;bottom:-90px;-webkit-user-select:none;user-select:none}@media only screen and (max-width: 1200px){.container.c-6 .gal,.container.c-6 .teya{display:none}}.container.c-6 .gal{width:272px;left:-243px}.container.c-6 .teya{width:245px;right:-216px}.container.c-6 .bottom-cta{z-index:1;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}@media only screen and (max-width: 766px){.container.c-6 .bottom-cta{position:relative;bottom:auto;left:auto;transform:none}}.container.c-6 .content-wr{flex-direction:column;position:relative;padding:0 245px 0 272px}@media only screen and (max-width: 1200px){.container.c-6 .content-wr{padding:0 20px;max-width:800px}}.container.c-6 h3{display:flex;text-transform:uppercase;color:#fff;font-size:48px;justify-content:center;text-align:center;margin:0 20px}@media only screen and (max-width: 1200px){.container.c-6 h3{font-size:32px}}.container.c-6 .header{display:flex;align-items:center;margin-bottom:30px}.container.c-6 .map{position:relative;max-width:1046px}.container.c-6 .map .inner{position:relative;padding:60px}@media only screen and (max-width: 766px){.container.c-6 .map .inner{padding:20px}}.container.c-6 .map .content{background-color:#e4d9c9}.container.c-6 .map .text{color:#676669;text-align:center}.container.c-6 .map .campaigns-slider{position:relative;-webkit-user-select:none;user-select:none}.container.c-6 .map .campaigns-slider:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;transition:none;z-index:1;background:linear-gradient(0deg, rgba(228, 217, 201, 0.22), rgba(228, 217, 201, 0.22));box-shadow:inset 0 0 44px 39px #e4d9c9,inset 0 0 17px 15px #e4d9c9}@media only screen and (max-width: 766px){.container.c-6 .map .campaigns-slider:before{box-shadow:inset 0 0 20px 20px #e4d9c9,inset 0 0 5px 5px #e4d9c9}}.container.c-6 .map .campaigns-slider .nav .prev,.container.c-6 .map .campaigns-slider .nav .next{background:linear-gradient(180deg, #bd8a53 0%, #d7a46d 100%),#d9d9d9;box-shadow:0 0 0 1px #8c6a44,inset 0 2px 2px #ffd5a8,inset 0 -2px 1px #a77743;position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:36px;filter:drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.25));z-index:2;background-size:cover;cursor:pointer;transition:filter 250ms linear,background 250ms linear}.container.c-6 .map .campaigns-slider .nav .prev span,.container.c-6 .map .campaigns-slider .nav .next span{position:relative;display:block;width:100%;height:100%}.container.c-6 .map .campaigns-slider .nav .prev i,.container.c-6 .map .campaigns-slider .nav .next i{position:absolute;left:25%;right:38.89%;top:25%;bottom:25%;background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/b7c537.webp);background-size:cover}.container.c-6 .map .campaigns-slider .nav .prev:hover,.container.c-6 .map .campaigns-slider .nav .next:hover{background:linear-gradient(180deg, #d29757 0%, #eab379 100%),#d9d9d9;filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.25))}.container.c-6 .map .campaigns-slider .nav .prev{left:-36px}.container.c-6 .map .campaigns-slider .nav .next{right:-36px;transform:matrix(-1, 0, 0, 1, 0, 0) translateY(-50%)}.container.c-6 .map .campaigns-slider .slides{display:flex;flex-direction:column;align-items:center;position:relative}.container.c-6 .map .campaigns-slider .slides .slide{display:none;box-shadow:inset 0 0 47px 43px #e4d9c9;animation:slideAway 450ms}.container.c-6 .map .campaigns-slider .slides .slide.active{animation:slideIn 450ms;display:flex}.container.c-6 .map .st,.container.c-6 .map .sb,.container.c-6 .map .sl,.container.c-6 .map .sr{position:absolute;display:flex}.container.c-6 .map .st:before,.container.c-6 .map .st:after,.container.c-6 .map .sb:before,.container.c-6 .map .sb:after,.container.c-6 .map .sl:before,.container.c-6 .map .sl:after,.container.c-6 .map .sr:before,.container.c-6 .map .sr:after{content:"";display:block;min-width:60px;min-height:60px}.container.c-6 .map .st i,.container.c-6 .map .sb i,.container.c-6 .map .sl i,.container.c-6 .map .sr i{background-size:contain}.container.c-6 .map .st,.container.c-6 .map .sl{left:0;top:0}.container.c-6 .map .sb{left:0;bottom:0}.container.c-6 .map .sr{right:0;top:0}.container.c-6 .map .st,.container.c-6 .map .sb{flex-direction:row;width:100%}.container.c-6 .map .st i,.container.c-6 .map .sb i{height:60px;width:100%;background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/18566a.png);background-repeat:repeat-x}.container.c-6 .map .st:before,.container.c-6 .map .st:after,.container.c-6 .map .sb:before,.container.c-6 .map .sb:after{background:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/328d8d.png) no-repeat center;background-size:cover}.container.c-6 .map .st:after{transform:rotate(90deg)}.container.c-6 .map .sb i{transform:rotate(180deg)}.container.c-6 .map .sb:before{transform:rotate(270deg)}.container.c-6 .map .sb:after{transform:rotate(180deg)}.container.c-6 .map .sl,.container.c-6 .map .sr{flex-direction:column;height:100%}.container.c-6 .map .sl i,.container.c-6 .map .sr i{width:60px;height:100%;background-repeat:repeat-y}.container.c-6 .map .sl i{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/5d3f44.png)}.container.c-6 .map .sr i{background-image:url(https://hwlandings-a.akamaihd.net/hw/p/assets/heroleague2/4dc565.png)}.container.c-7{background:radial-gradient(61.92% 48.89% at 50% 50%, #00a2ac 0%, rgba(1, 27, 164, 0) 100%),#17181a}.container.c-7 .content-wr .cta{margin-right:30px}@media only screen and (max-width: 1200px){.container.c-7 .content-wr .cta{margin-right:0}}.container.c-7 .content-wr .video{max-width:787px;width:100%;filter:drop-shadow(0px 0px 100px rgba(0, 209, 255, 0.4));position:relative}.container.c-7 .content-wr .video video{width:100%;border-radius:20px}.container.c-7 .content-wr .video img{height:160px;position:absolute;left:50%;top:-90px;transform:translateX(-50%)}@media only screen and (max-width: 1200px){.container.c-7 .content-wr .video{max-width:563px}.container.c-7 .content-wr .video img{height:80px;top:-50px}}@media only screen and (max-width: 1200px){.container.c-7 .content-wr{flex-direction:column-reverse}}