@-webkit-keyframes video-icon-sonar {
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes video-icon-sonar {
0%{opacity:1;-webkit-transform:scale(.1);transform:scale(.1)}
to{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
.col-12{flex:0 0 auto;width:100%}
section.half-section3{padding-top:100px;padding-bottom:70px}
section.half-section4{padding-top:70px;padding-bottom:70px}
.bg-very-light-gray,.bg-very-light-gray2,.bg-very-light-gray3{content:"";display:block;border-bottom:1px solid rgb(58 63 88);box-shadow:0 1px 0 0#0000003d}
.bg-very-light-gray{background:rgb(21 25 51)}
.bg-very-light-gray2{background:rgb(29 33 63)}
.bg-very-light-gray3{background:linear-gradient(to top,rgb(21 25 51),rgb(21 25 51),rgb(29 33 63 / 0%))}
.row-wrm-mob,.tabs-fg-sel{display:flex;flex-direction:column}
.tabs-fg-sel{position:fixed;left:30px;top:40%;align-items:flex-start;z-index:9}
.tabs-fg-sel span{width:50px;height:50px;line-height:50px;z-index:990;cursor:pointer;font-size:21px;border-radius:50%;text-align:center;box-shadow:inset 0 0 0 3px #a9b4ff;margin-bottom:40px;position:relative}
.tabs-fg-sel span+span:before{position:absolute;content:"";bottom:calc(100% + 10px);right:22px;height:20px;border-left:5px dotted}
.tabs-fg-sel span.current,.tabs-fg-sel span:hover{box-shadow:inset 0 0 0 3px #1cfb8c;color:#1cfb8c}
.ability-holder p,.js .tabs-fg,.js .tabs-fg-fposter,.js .tabs-fg-hexagon,.js .tabs-fg-sp{display:none}
.js .tabs-fg-fposter.visible,.js .tabs-fg-hexagon.visible,.js .tabs-fg.visible,.js .tabs-fg-sp.visible{display:block}
.row-wrm-mob{flex-wrap:wrap;align-content:center}
.poster-block{position:relative;max-width:168px}
.fposter,.fposter img{clip-path:polygon(20%0,100%0,100% 80%,80% 100%,0 100%,0 20%)}
.fposter{transition:all .4s ease-in;background-color:#1cfb8c;padding:3px;position:relative;max-width:168px}
.fposter img{width:168px}
.favorite{text-align:center;color:#1cfb8c;top:8px;right:8px;padding:5px 7px;background:rgb(24 28 53);border:3px solid;border-radius:50%}
.complain,.edit-balance,.favorite{position:absolute;text-shadow:none;z-index:1}
.complain{text-align:center;color:#60f0ff;top:54px;right:8px;padding:5px 8px;background:rgb(24 28 53);border:3px solid;border-radius:50%}
.edit-balance{bottom:3px;left:3px;padding:5px 7px;font-weight:700;color:rgb(24 28 53);font-size:14px}
.balance-green{background:#2bff65}
.balance-blue{background:#60f0ff}
.balance-orange{background:#ffaa38}
.balance-red{background:#ff1c5c}
.hexagon-block{top:30%;left:-15%;position:absolute}
.hexagon,.hexagon2{aspect-ratio:cos(30deg);clip-path:polygon(-50% 50%,50% 100%,150% 50%,50%0);display:flex;flex-direction:row;justify-content:center;align-items:center}
.hexagon{height:62px;width:54px;padding:3px;font-weight:700;font-size:21px;letter-spacing:-10px}
.hexagon2{background:rgb(24 28 53);width:100%;height:100%}
.hexagon-SP{background-color:#1cdeff;color:#1cdeff}
.hexagon-S{background-color:#ff1c5c;color:#ff1c5c}
.hexagon-A{background-color:#ffaa38;color:#ffaa38}
.hexagon-B{background-color:#2bff65;color:#2bff65}
.hexagon-N{background-color:#c3c3c3;color:#c3c3c3;letter-spacing:0!important}
.tier-super{position:absolute;top:38px;left:-13px;z-index:1;font-weight:700;color:#fff700;font-size:26px;text-shadow:0 0 12px #000}
.firstscrean-main-title{margin-bottom:15px;line-height:48px;font-size:52px;letter-spacing:-2px!important}
.firstscrean-main-title span{color:#1cfb8c}
.wr-cn-fs{position:relative}
.wr-cn-fs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;color:#fff;letter-spacing:.3px}
.wr-cn-fs-head span{font-weight:600;color:rgba(255,255,255,.72);font-size:13px}
.wr-cn-fs-sub{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;color:rgba(255,255,255,.75)}
.wr-cn-fs-src{color:rgba(255,255,255,.62)}
.wr-cn-fs-arrows{margin-left:auto;display:flex;align-items:center;gap:10px}
.wr-cn-fs-arrow{height:38px;width:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgb(0 0 0 / 12%);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,opacity .12s ease}
.wr-cn-fs-arrow:hover{border-color:rgba(28,251,140,.55);background:rgba(28,251,140,.08);transform:translateY(-1px)}
.wr-cn-fs-arrow:active{transform:translateY(0)}
.wr-cn-fs-arrow:disabled{opacity:.35;cursor:not-allowed;transform:none}
.wr-cn-fs-carousel{margin-top:15px;width:100%;position:relative;z-index:1;overflow:visible}
.wr-cn-fs-viewport{overflow:hidden;border-radius:14px}
.wr-cn-fs-track{display:flex;gap:14px;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform;transform:translate3d(0,0,0)}
.wr-cn-fs-slide{flex:0 0 calc(33.333% - 10px);position:relative}
.wr-cn-fs-slide > .wr-cn-fs-row{height:100%}
.wr-cn-fs-rows{margin-top:15px;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}
.wr-cn-fs-row{padding:15px;border-radius:14px;border:1px solid rgb(255 255 255 / 10%);transition:transform .12s ease,background .12s ease,border-color .12s ease;background:rgb(0 0 0 / 10%);backdrop-filter:blur(3px);position:relative;z-index:1}
.wr-cn-fs-row:hover{z-index:50}
.wr-cn-fs-row-head{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}
.wr-cn-fs-role{display:flex;align-items:center;gap:10px;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.35px}
.wr-cn-fs-role i{font-size:18px;opacity:.95}
.wr-cn-fs-tier{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.wr-cn-fs-metrics{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wr-cn-fs-m{padding:10px;border-radius:9px;background:rgb(255 255 255 / 5%);border:1px solid rgb(255 255 255 / 10%);display:flex;align-items:center;justify-content:space-between;gap:15px}
.wr-cn-fs-m .k{color:rgba(255,255,255,.65);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.35px}
.wr-cn-fs-m .v{font-weight:900;font-size:14px}
.text-green{color:#2bff65}
.text-red{color:#ff1c5c}
.wr-cn-trend{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06)}
.wr-trend-up{border-color:rgb(43 255 101);background:rgba(28,251,140,.10)}
.wr-trend-down{border-color:rgb(255 28 92);background:rgba(255,74,74,.10)}
.wr-tier-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;object-fit:contain;flex-shrink:0;background:none!important;border:none!important;box-shadow:none!important;filter:drop-shadow(0 0 6px rgba(0,0,0,.35))}
.wr-cn-fs-badges{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
.wr-cn-fs-badges-h{display:inline-flex;align-items:center;gap:8px;margin-right:6px}
.wr-cn-fs-badges-title{font-weight:700;color:rgba(255,255,255,.75);font-size:12px;letter-spacing:.2px}
.wr-cn-fs-help{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;color:rgba(255,255,255,.85);cursor:help;user-select:none;z-index:80}
.wr-cn-fs-help::after,.wr-cn-fs-help::before{display:none!important}
.wr-cn-tt{position:fixed;left:0;top:0;transform:translate3d(-9999px,-9999px,0);opacity:0;pointer-events:none;z-index:999999;width:240px;max-width:min(80vw,240px);padding:10px 12px;border:1px solid #1cfb8c;background:rgb(23 28 56 / 98%);color:rgba(255,255,255,.92);font-size:12px;line-height:1.35;box-shadow:0 0 20px #1cfb8c1c;transition:opacity .12s ease,transform .12s ease}
.wr-cn-tt.is-on{opacity:1}
.wr-cn-tt::before{content:'';position:absolute;top:-8px;left:var(--arrow-left,calc(50% - 7px));width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #1cfb8c;filter:drop-shadow(0 1px 0 #1cfb8c)}
.wr-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:.25px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#fff;text-transform:none}
.wr-conf-high{border-color:rgba(120,255,180,.25);background:rgba(120,255,180,.08);color:#bfffe0}
.wr-conf-med{border-color:rgba(255,200,120,.25);background:rgba(255,200,120,.08);color:#ffe0b0}
.wr-conf-low{border-color:rgba(255,120,120,.25);background:rgba(255,120,120,.08);color:#ffc0c0}
.wr-sig-perma{border-color:rgba(255,120,120,.30);background:rgba(255,120,120,.08)}
.wr-sig-hot{border-color:rgba(255,170,70,.30);background:rgba(255,170,70,.08)}
.wr-sig-pop{border-color:rgba(120,180,255,.30);background:rgba(120,180,255,.08)}
.wr-sig-fall{border-color:rgba(150,170,200,.25);background:rgba(150,170,200,.06)}
.wr-rsn-win{border-color:rgba(120,255,180,.25);background:rgba(120,255,180,.06)}
.wr-rsn-ban{border-color:rgba(255,120,120,.25);background:rgba(255,120,120,.06)}
.wr-rsn-trend{border-color:rgba(255,200,120,.25);background:rgba(255,200,120,.06)}
.wr-rsn-low{border-color:rgba(180,180,180,.25);background:rgba(180,180,180,.06);color:#ccc}
.wr-cn-alert{margin-top:12px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgb(0 0 0 / 18%);color:rgba(255,255,255,.88);box-shadow:0 0 20px #1cfb8c1c}
.wr-cn-alert b{color:#fff}
.wr-cn-alert--warn{border-color:rgb(28 251 140);background:rgb(28 251 140 / 6%)}
.wr-cn-alert--info{border-color:rgba(120,180,255,.25);background:rgba(120,180,255,.07)}
.wr-cn-alert--danger{border-color:rgba(255,120,120,.25);background:rgba(255,120,120,.07)}
.wr-cn-alert__title{font-weight:900;margin-bottom:15px;color:#1cfb8c}
.wr-cn-alert__text{color:rgba(255,255,255,.82);line-height:1.45}
.wr-cn-fs-bucket-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:38px;min-width:140px;padding:0 44px 0 14px;border-radius:9px;border:1px solid rgba(255,255,255,.10);background:rgb(0 0 0 / 10%);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;outline:none}
.wr-cn-fs-bucket-select:hover{border-color:#1px}
.wr-cn-fs-bucket-select:focus{outline:none;border-color:rgb(28 251 140)}
.wr-cn-fs-bucket-select:disabled{opacity:.55;cursor:not-allowed}
.wr-cn-fs-bucket-select{background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.85) 50%),linear-gradient(135deg,rgba(255,255,255,.85) 50%,transparent 50%),linear-gradient(to right,transparent,transparent);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%,0 0;background-size:6px 6px,6px 6px,100% 100%;background-repeat:no-repeat}
.wr-cn-fs-bucket-select option{border:1px solid rgb(255 255 255 / 10%);background:rgb(23 28 56 / 98%);color:#fff;font-weight:700}
.wrap-circles{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-bottom:30px;width:100%}
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{background:rgb(23 28 56);border-bottom:1px solid rgb(255 255 255/10%);text-align:center;color:#fff}
.apexcharts-tooltip.apexcharts-theme-light{box-shadow:0 0 20px #1cfb8c1c;border:1px solid #1cfb8c;background:rgb(23 28 56 / 98%);color:#fff}
.apexcharts-tooltip{border-radius:0;cursor:default;font-size:13px;left:62px;opacity:0;pointer-events:none;position:absolute;top:20px;display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;z-index:12;transition:.15s ease all}
.circle{position:relative;width:60px;height:60px;margin:.5rem;border-radius:50%;overflow:hidden}
.circle.per-33{background-image:conic-gradient(#1cfb8c 33.3333333333%,rgb(255 255 255/10%)0)}
.circle.per-66{background-image:conic-gradient(#1cfb8c 66.6666666667%,rgb(255 255 255/10%)0)}
.circle.per-100{background-image:conic-gradient(#1cfb8c 100%,rgb(255 255 255/10%)0)}
.circle.per2-33{background-image:conic-gradient(#ff1c5c 33.3333333333%,rgb(255 255 255/10%)0)}
.circle.per2-66{background-image:conic-gradient(#ff1c5c 66.6666666667%,rgb(255 255 255/10%)0)}
.circle.per2-100{background-image:conic-gradient(#ff1c5c 100%,rgb(255 255 255/10%)0)}
.circle .inner,.circle-title{display:flex;justify-content:center;color:#fff}
.circle .inner{align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:rgb(24 28 53);border-radius:50%;font-size:21px}
.circle-title{font-weight:600}
.stats-block{display:block;width:100%;font-size:18px;margin-top:15px;margin-bottom:15px}
.stats-block img{width:16px;top:-1px}
.stats-block tr{border-bottom:1px solid rgb(255 255 255/10%)}
.stats-block tr:last-child{border-bottom:none}
.stats-block td{text-align:center;border-right:1px solid rgb(255 255 255/10%)}
.stats-block td:last-child{border-right:none}
.ability-block{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;margin-top:30px;width:100%}
.ability-holder{position:relative;margin-right:15px;width:16%;max-width:64px;cursor:help}
.ability-holder:last-child{margin-right:0}
.ability-img{background:#1cfb8c;box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid rgb(28 251 140)}
.ability-img img{filter:brightness(95%)}
.ability-marker{text-align:center;font-weight:900;color:#171b39;position:absolute;top:-8px;right:-8px;font-size:14px;padding:5px 9px;text-shadow:none;background:rgb(24 28 53);border:1px solid}
.ability-violet{color:#d9b0ff}
.ability-gold{color:#fff700}
.ability-green{color:#2bff65}
.ability-blue{color:#60f0ff}
.ability-red{color:#ff1c5c}
.ability-holder:hover p{display:inline;position:absolute;z-index:999;left:-165px;width:380px;max-height:400px;overflow:auto;top:65px;padding:30px;color:#fff;box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid #1cfb8c;margin-bottom:0;background:rgb(23 28 56/98%);font-size:14px}
.monsters:hover p{display:inline;position:absolute;z-index:999;left:-172px;width:380px;max-height:400px;overflow:auto;top:42px;padding:30px;color:#fff;box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid #1cfb8c;margin-bottom:0;background:rgb(23 28 56/98%);font-size:14px}
.ability-holder p::-webkit-scrollbar{width:5px;height:5px;border-radius:0}
.ability-holder p::-webkit-scrollbar-track{background:rgb(24 28 53);box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0}
.ability-holder p::-webkit-scrollbar-thumb{background:#1cfb8c;background-image:-webkit-linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 20%,transparent 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 75%,transparent 75%,transparent);border-radius:0}
.ability-holder:hover>p:before{width:10px;height:10px;border-radius:50%;content:"";pointer-events:none;background-color:#1cfb8c;position:absolute;top:-5px;left:50%}
.monsters:hover>p:before{width:10px;height:10px;border-radius:50%;content:"";pointer-events:none;background-color:#1cfb8c;position:absolute;top:-5px;left:50%}
.ability-holder p img:hover{border:0}
.ability-video{margin-bottom:15px}
.bg-wrm-fullpage{content:"";display:block;border-bottom:1px solid rgb(58 63 88);box-shadow:0 1px 0 0#0000003d;background:linear-gradient(to top,rgb(29 33 63),rgb(29 33 63),rgb(29 33 63),rgb(29 33 63),rgb(29 33 63),rgb(29 33 63),rgb(29 33 63),rgb(29 33 63/0%))}
.tabs-sel4{display:flex;flex-wrap:nowrap;flex-direction:row;margin-bottom:60px;justify-content:center}
.tabs-sel4 span{display:block;font-weight:700;text-transform:uppercase;font-style:italic;color:rgb(24 28 53);padding:10px 20px;text-shadow:none;width:100%;clip-path:polygon(20px 0,100% 0,calc(100% - 20px) 100%,0 100%);transform:none!important;background:#efefef;text-align:center;position:relative;display:flex;align-items:center;justify-content:center}
.tabs-sel4 .current{background:#1cfb8c;color:rgb(24 28 53)}
.monsters p{display:none}
.bildtitle3{margin-bottom:30px;font-size:21px;font-weight:700;text-transform:uppercase;font-style:italic;color:#fff;padding:7px 30px;text-shadow:none;--p:20px;width:100%;clip-path:polygon(var(--p)0,100%0,calc(100% - var(--p)) 100%,0 100%);background:rgb(255 255 255/10%);text-align:center;line-height:normal;letter-spacing:normal!important}
.flex-block{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:baseline}
.middle{position:absolute;z-index:1;top:190px;left:50%;transform:translate(-50%);display:block}
.middle img{width:112px;height:112px;box-shadow:0 0 0 3px #1e222d,0 0 0 5px #ccc;border-radius:100%;border:5px solid transparent;background:linear-gradient(to right,#ff1c5c 50%,#2bff65 50%) border-box}
.complexity{display:inline-block;position:relative;bottom:2px;font-size:14px;color:rgb(24 28 53);padding:5px 15px;text-shadow:none;font-weight:900;margin-left:15px;clip-path:polygon(12px 0,100%0,calc(100% - 12px) 100%,0 100%)}
.strong{background-color:#94ff71}
.weak{background-color:#ff1c5c}
.average{background-color:#fff700}
.fcol-left5{margin:0;width:25%;border-right:1px solid rgb(255 255 255/10%)}
.counter-champion{display:inline-block;width:25%;padding:15px}
.counter-champion img{clip-path:polygon(20%0,100%0,100% 80%,80% 100%,0 100%,0 20%);max-width:100%}
.counter-champion:active img,.counter-champion:hover img{opacity:.7}
.tir-list{border-bottom:1px solid rgb(255 255 255/10%)}
.tir-list:last-child{border-bottom:none}
.tir-bg{padding:15px 15px 5px;display:flex;justify-content:space-evenly;align-items:flex-start;flex-direction:row;align-content:space-around;flex-wrap:wrap}
.tir-s-p{width:100%;height:100%;text-align:center;color:#c4cfcf;font-size:14px;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:10px}
.tir-s-p img{border-radius:0!important}
.map,.tir-s-p{position:relative}
.map img{width:100%;box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid rgb(28 251 140);margin-bottom:0}
.monsters{position:absolute;width:50px;margin-bottom:0;cursor:help}
.monsters img{border-radius:50%;background:#1d213f;box-shadow:0 1px 20px 1px #00000050;z-index:2}
.blue-buff img{border:2px solid #60f0ff}
.red-buff img{border:2px solid #ff1c5c}
.river-monsters img{border:2px solid #94ff71}
.other-monsters img{border:2px solid #fff}
.monsters p::-webkit-scrollbar{width:5px;height:5px;border-radius:0}
.monsters p::-webkit-scrollbar-track{background:rgb(24 28 53);box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0}
.monsters p::-webkit-scrollbar-thumb{background:#1cfb8c;background-image:-webkit-linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 20%,transparent 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 75%,transparent 75%,transparent);border-radius:0}
.ico-holder2 i,.ico-holder3 i,.monsters i,.rune-img i,.img-big i{font-style:normal;font-weight:700}
.monsters i>img{border-radius:0;background:0 0;border:0;box-shadow:none;margin-right:0;top:-1px;position:relative}
.monsters p>img{border-radius:0;box-shadow:0 0 20px #1cfb8c1c;border:1px solid #1cfb8c;margin-bottom:15px}
.pathing,.pathing2{top:0;font-size:14px;font-weight:800;text-align:center;z-index:3}
.pathing{position:absolute;right:5px;color:#1f222e;border-radius:100%;padding:2px 7px;text-shadow:none}
.pathing2{position:relative;margin-top:5px;right:0;left:-5px;color:#f7f7f7;text-shadow:1px 1px #181c27}
.p-blue-buff{background:#60f0ff}
.p-red-buff{background:#ff1c5c}
.p-gank,.p-gank2{background:#1cfb8c}
.p-river-monsters{background:#94ff71}
.p-other-monsters{background:#f7f7f7}
.camp-1{left:19.5%;top:31%}
.camp-2{left:30%;top:34.5%}
.camp-3{left:24%;top:48%}
.camp-4{left:45.5%;top:53%}
.camp-5{left:50.5%;top:67%}
.camp-6{left:63%;top:72%}
.camp-7{left:39%;top:25%}
.camp-8{left:72%;top:56%}
.camp-9{left:68%;top:35%}
.camp-10{left:46%;top:10%}
.camp-11{left:87%;top:77%}
.camp-12{left:49%;top:35%}
.camp-13{left:22%;top:4%}
.connection{position:absolute;border:2px dashed #fff;background:#1c203e;padding:0;margin:0;z-index:1;box-shadow:1px 1px 5px 1px #00000050}
@media (min-width:768px) {
.col-md-12{flex:0 0 auto;width:100%}
}
.js .tabs-b.visible,.js .tabs-b4.visible,.js .tabs-b5.visible,.js .tabs-b6.visible,.sect-content{display:block}
.fimg,.fimg-in,.fimg1-in,.fimg1-in:before{height:100%;left:0;top:0;width:100%;z-index:-1}
.fimg,.fimg1-in{position:absolute}
.fimg-in,.fimg1-in:before{content:" ";will-change:transform}
.fimg-in{filter:grayscale(.1);position:fixed}
.fimg1-in:before{right:0;bottom:0;opacity:.8}
.fimg1,.fimg:before{position:absolute;left:0;top:0}
.fimg:before{content:"";right:0;bottom:0;opacity:.8;z-index:3;background:linear-gradient(to right,#181d38 0,rgb(24 28 56/20%) 20%,rgb(24 28 56/20%) 30%,rgb(19 23 34/0%) 70%,rgb(24 28 56/30%) 80%,#181c38 100%)}
.fimg1{width:100%;height:100%;overflow:hidden}
.fimg1-in{filter:opacity(0)}
.fmeta4{text-shadow:1px 1px #181c27;color:#ccc;margin-bottom:0}
.tabs-sel{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;margin-bottom:30px;width:100%}
.tabs-sel span{position:relative;margin-right:15px;width:16%;max-width:64px;padding:0;margin-bottom:0}
.tabs-sel span>i{font-size:14px;color:#c4cfcf;margin-top:15px;width:100%;word-wrap:break-word;display:flex;justify-content:center;align-items:center;text-transform:uppercase}
.tabs-sel span:last-child{margin-right:0}
.tabs-sel span.current{border-bottom:none}
.tabs-sel span img{position:relative;background:#1cfb8c;box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid rgb(28 251 140)}
.tabs-sel span.current img,.tabs-sel5 span.current,.tabs-sel6 span.current{filter:none}
.js .tabs-b,.js .tabs-b5,.js .tabs-b6{display:none}
.tabs-sel5,.tabs-sel6{display:flex;width:100%;height:90%;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;border-right:1px solid rgb(255 255 255/10%)}
.tabs-sel span img,.tabs-sel5 span,.tabs-sel6 span{filter:grayscale(1)}
.js .tabs-b2.visible,.runesbox{display:block;width:100%}
.runesbox img{position:relative;top:2px}
.runesbox p{font-size:18px;line-height:1.5;margin-bottom:15px}
.editdate{font-size:14px;color:rgb(24 28 53);background-color:#1cfb8c;padding:8px;text-shadow:none;font-weight:700;text-transform:uppercase;display:inline-block;position:relative}
.bildtitle{margin-bottom:10px;font-size:18px;color:#f7f7f7;margin-left:10px;line-height:normal;letter-spacing:normal!important}
.bildtitle2,.bildtitle5,.bildtitle4{font-weight:600;text-transform:uppercase}
.bildtitle2{font-size:18px;color:#f7f7f7}
.bildtitle4{font-size:18px;color:#f7f7f7;margin-bottom:15px}
.bildtitle5{margin-bottom:80px;text-align:center}
.bild-tips{font-size:14px;color:#c4cfcf;width:100%;word-wrap:break-word;margin-bottom:30px}
.core,.enchant{text-align:center}
.core{border:1px solid rgb(28 251 140);background:rgb(112 137 253/5%);padding:10px 0 0;margin-bottom:30px}
.enchant{position:absolute;top:-6px;font-size:14px;font-weight:400;right:-10px;color:#1cfb8c;background-color:rgb(24 28 53);border-radius:100%;padding:5px 6px;text-shadow:none;z-index:1;border:2px solid}
.bild-block,.tips-block{margin-bottom:30px}
.bild-block:last-child{margin-bottom:0}
.ab-tips-block{margin-bottom:0}
.skills-block{margin-bottom:30px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}
.skills-image{margin-right:30px;min-width:64px;max-width:64px}
.skills-image img{background:#1cfb8c;width:100%}
.skills-image img,.skills-video{box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid rgb(28 251 140)}
.big-slot{margin-bottom:15px}
.itemimage{display:inline-block;float:none;vertical-align:bottom;max-width:calc(100% - (2*5px))}
.istats{color:#1cfb8c}
.istats2{color:#eaff98}
.goldt{color:#fff700}
.iname{color:#f7f7f7;text-transform:uppercase}
.cdr{color:#ffd765}
.rune-box{display:inline-block}
.newsbox_h{float:left;width:100%;margin-bottom:15px}
.newsbox_h:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;box-shadow:none}
.newsbox_h .thumb{width:25%;position:relative;float:left}
.newsbox_h_content{overflow:hidden}
.newsbox_h_title{width:100%;float:left;line-height:18px;margin-bottom:10px;font-size:18px;color:#f7f7f7;font-weight:600;text-transform:uppercase}
.newsbox_h_date{float:left;font-size:14px;color:rgb(24 28 53);background-color:#1cfb8c;padding:3px 10px;text-shadow:none;font-weight:700}
.champ-build_abilities_row ul li.lit,.dominationicon-,.rune-s-h1,.rune-s-h2,.rune-s-h3,.rune-s-h4,.rune-s-p1,.rune-s-p2,.rune-s-p3,.rune-s-p4{position:relative}
.rune-s-p1:after,.rune-s-p2:after,.rune-s-p3:after,.rune-s-p4:after{content:"";width:1px;position:absolute;left:21px;top:40px;bottom:-140px}
.rune-s-p1:after{background-color:#ff1c5c}
.rune-s-p2:after{background-color:#ffaa38}
.rune-s-p3:after{background-color:#2bff65}
.rune-s-p4:after{background-color:#00f0ff}
.rune-s-p1:before,.rune-s-p2:before,.rune-s-p3:before,.rune-s-p4:before{content:"";width:1px;position:absolute;left:21px;top:-140px;bottom:40px}
.rune-s-p1:before{background-color:#ff1c5c}
.rune-s-p2:before{background-color:#ffaa38}
.rune-s-p3:before{background-color:#2bff65}
.rune-s-p4:before{background-color:#00f0ff}
.rune-s-h1:after,.rune-s-h2:after,.rune-s-h3:after,.rune-s-h4:after{content:"";width:1px;position:absolute;left:21px;top:40px;bottom:-40px}
.rune-s-h1:after{background-color:#ff1c5c}
.rune-s-h2:after{background-color:#ffaa38}
.rune-s-h3:after{background-color:#2bff65}
.rune-s-h4:after{background-color:#00f0ff}
.rune-s-h1:before,.rune-s-h2:before,.rune-s-h3:before,.rune-s-h4:before{content:"";width:1px;position:absolute;left:21px;top:-40px;bottom:40px}
.rune-s-h1:before{background-color:#ff1c5c}
.rune-s-h2:before{background-color:#ffaa38}
.rune-s-h3:before{background-color:#2bff65}
.rune-s-h4:before{background-color:#00f0ff}
.dominationicon-{font-size:30px;left:0;color:#ff1c5c}
.inspirationicon-,.precisionicon-,.resolveicon-{font-size:30px;position:relative;left:0;color:#ffaa38}
.inspirationicon-,.resolveicon-{color:#2bff65}
.inspirationicon-{color:#00f0ff}
.rune-s-p{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}
.rune-bg{padding:30px;margin-bottom:15px}
.rune-img{width:58px;margin-bottom:15px;position:relative;cursor:help}
.img-big{width:78px;margin-bottom:0;position:relative;cursor:help}
.rune-img img,.img-big img{background:rgb(24 28 53);border-radius:50%;border:solid 3px;box-shadow:0 0 0 2px #1e222d,0 0 0 4px #ccc}
.ico-holder2:hover p,.ico-holder3:hover p,.img-big:hover p,.skill-bild:hover p{text-align:left;display:inline;position:absolute;z-index:999;left:-156px;width:380px;top:70px;padding:30px;color:#fff;box-shadow:0 0 20px #1cfb8c1c;border:1px solid #1cfb8c;margin-bottom:0;background:rgb(23 28 56/98%);font-size:14px}
.rune-img:hover p{text-align:left;display:inline;position:absolute;z-index:999;left:-166px;width:380px;top:50px;padding:30px;color:#fff;box-shadow:0 0 20px #1cfb8c1c;border:1px solid #1cfb8c;margin-bottom:0;background:rgb(23 28 56/98%);font-size:14px}
.ico-holder2:hover p:before,.ico-holder3:hover>p:before,.rune-img:hover>p:before,.skill-bild:hover>p:before,.img-big:hover>p:before{width:10px;height:10px;border-radius:50%;content:"";pointer-events:none;background-color:#1cfb8c;position:absolute;top:-5px;left:50%;margin-left:-5px}
.img-big i>img,.rune-img i>img,.img-big i>img{border-radius:0;background:0 0;margin-right:0;margin-left:0;top:-2px;filter:none}
.ico-holder2 p,.ico-holder3 p,.rune-img p,.skill-bild p,.img-big p{display:none}
.rune-img img,{border-radius:50%;background:rgb(24 28 53);border:solid 3px;box-shadow:0 0 0 2px #1e222d,0 0 0 4px #ccc}
.rune-img i>img,.rune-img p img:hover,.img-big i>img,.img-big p img:hover{border:0;box-shadow:none}
.tir-list{margin-top:5px}
.fcol-left4{margin:0 15px 0 0;width:10%}
.emoji{width:17px;top:-2px;position:relative;margin-right:0;border-radius:50%}
.wiew{display:block;text-align:center;color:#fff;font-weight:700;font-size:21px;max-width:168px;margin-bottom:15px}
.video-box video{max-width:100%!important;display:block}
.full-text{line-height:1.5;font-size:18px;text-shadow:1px 1px #181c27}
.content_block{overflow:hidden;position:relative;width:100%}
.content_block.hide2{margin-bottom:15px;height:250px}
.content_block.hide2:after{content:"";display:block;height:100px;position:absolute;left:0;right:0;bottom:0;background:linear-gradient(to top,#151933 0,#151933 10%,rgb(21 25 51) 20%,rgba(19,23,34,0) 100%)}
.content_toggle{color:#a9b4ff}
.champ-build_abilities_row{display:block;font-size:0;position:relative;padding-left:85px;margin-bottom:10px}
.champ-build_abilities_row img{position:absolute;width:60px;top:11px;left:0;cursor:help;background:#1cfb8c;box-shadow:0 0 20px #1cfb8c1c;border:1px solid rgb(28 251 140);filter:brightness(95%)}
.champ-build_abilities_row h4{color:#f7f7f7;display:block;margin-bottom:5px;font-size:21px;letter-spacing:0!important}
.champ-build_abilities_row ul{list-style:none;display:block}
.champ-build_abilities_row ul li{display:inline-block;width:5.6%;background:rgb(255 255 255/10%);padding-bottom:5.6%}
.champ-build_abilities_row ul li+li{margin-left:5px}
.champ-build_abilities_row ul li.lit::after{content:attr(level);position:absolute;top:1px;left:1px;right:1px;bottom:1px;color:#303446;text-align:center;font-size:14px;font-weight:900;text-shadow:none;display:flex;flex-direction:column;justify-content:center}
.champ-build_abilities_row ul li.lit-yelow::after{background-color:#fff700}
.champ-build_abilities_row ul li.lit-green::after{background-color:#2bfd65}
.champ-build_abilities_row ul li.lit-blue::after{background-color:#60f0ff}
.champ-build_abilities_row ul li.lit-red::after{background-color:#ff1c5c}
.ico-holder2:hover p,.ico-holder3:hover p,.skill-bild:hover p{top:72px}
.ico-holder2 i>img,.ico-holder3 i>img,.skill-bild p>img{border-radius:0;background:0 0;border:0;box-shadow:none;margin-right:0;position:relative}
.skill-bild p>img{width:auto;top:-2px}
.skill-bild p{max-height:400px;overflow:auto}
.skill-bild p::-webkit-scrollbar{width:5px;height:5px;border-radius:0}
.skill-bild p::-webkit-scrollbar-track{background:rgb(24 28 53);box-shadow:inset 0 0 6px rgba(0,0,0,.3);-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:0}
.skill-bild p::-webkit-scrollbar-thumb{background:#1cfb8c;background-image:-webkit-linear-gradient(45deg,rgba(0,0,0,.3) 25%,transparent 20%,transparent 50%,rgba(0,0,0,.3) 50%,rgba(0,0,0,.3) 75%,transparent 75%,transparent);border-radius:0}
.ico-holder{display:inline-flex;flex-direction:column;align-items:center;text-align:center;margin:14px}
.ico-holder .img-bg{width:64px;position:relative;background:#1cfb8c;box-shadow:0 0 20px rgb(28 251 140/15%);border:1px solid rgb(28 251 140)}
.img-bg img{background:rgb(24 28 53)}
.ico-holder span{position:absolute;bottom:-14px;font-size:14px;padding:5px 9px;text-shadow:none;background:rgb(24 28 53);border:1px solid;left:50%;transform:translate(-50%)}
.chapter-combo,.chapter-combo2{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.chapter-combo .ico-holder{position:relative}
.chapter-combo .combo-connector{display:flex;justify-content:center;align-items:center;position:relative;background:rgb(24 28 53);height:35px;width:35px;top:28px;color:#1cfb8c;margin:0-15px;z-index:0;text-shadow:none;border:1px solid rgb(28 251 140);box-shadow:0 0 20px rgb(28 251 140 / 15%)}
.chapter-combo .auto-attack{color:#1e2227;font-size:32px}
.ico-holder2{display:inline-flex;flex-direction:column;text-align:center;margin:9px;width:68px;cursor:help}
.ico-holder2 .img-bg2,.sit-rune-list .sit-rune-list-img{padding:4px;z-index:1}
.combo-connector2,.ico-holder2,.sit-rune-list{align-items:center;position:relative}
.sit-rune-list{display:inline-flex;flex-direction:column;text-align:center;margin:10px;width:68px}
.img-bg2 img,.sit-rune-list-img img{background:rgb(24 28 53);border-radius:50%;border:solid 3px;box-shadow:0 0 0 2px #1e222d,0 0 0 4px #ccc}
.img-bg2-red img{border-color:#ff1c5c;box-shadow:0 0 0 2px #1e222d,0 0 0 4px color(srgb 1 .18 .2/.6)}
.img-bg2-orage img{border-color:#ffaa38;box-shadow:0 0 0 2px #1e222d,0 0 0 4px color(srgb 1 .64 .17/.6)}
.img-bg2-green img{border-color:#2bff65;box-shadow:0 0 0 2px #1e222d,0 0 0 4px color(srgb .17 1 .4/.6)}
.img-bg2-blue img{border-color:#60f0ff;box-shadow:0 0 0 2px #1e222d,0 0 0 4px color(srgb .38 .94 1/.6)}
.ico-holder2 title,.ico-holder3 span{font-size:14px;color:#c4cfcf;margin-top:5px;width:100%;word-wrap:break-word;display:flex;justify-content:center;align-items:center}
.combo-connector2{display:flex;justify-content:center;background:rgb(24 28 53);height:35px;width:35px;top:24px;color:#1cfb8c;font-size:18px;margin:0-15px;z-index:0;text-shadow:none;border-top:1px solid rgb(28 251 140);border-bottom:1px solid rgb(28 251 140);box-shadow:0 0 20px rgb(28 251 140 / 15%)}
.ico-holder2:hover p,.ico-holder3:hover p{left:-156px;top:64px}
.ico-holder2 p img:hover,.ico-holder3 p img:hover,iframe{border:0}
.ico-holder2 i>img,.ico-holder3 i>img{top:-1px}
.item-img-bg2-red{background-color:#ff1c5c}
.item-img-bg2-red:after{background:linear-gradient(90deg,rgb(217 176 255)0,rgba(34,28,62,0) 82%)}
.item-img-bg2-orage{background-color:#ffaa38}
.item-img-bg2-blue:after,.item-img-bg2-green:after,.item-img-bg2-orage:after,.item-img-bg2-white:after{background:0 0!important}
.item-img-bg2-green{background-color:#2bff65}
.item-img-bg2-blue{background-color:#60f0ff}
.item-img-bg2-white{background-color:#fff}
.sit-item-list{position:relative;margin:14px;width:63px}
.ico-holder3 .img-bg3,.sit-item-list .sit-item-list-img{transition:all .4s ease-in;clip-path:polygon(20%0,100%0,100% 80%,80% 100%,0 100%,0 20%);padding:1px;z-index:1}
.img-bg3 img,.sit-item-list-img img{clip-path:polygon(20%0,100%0,100% 80%,80% 100%,0 100%,0 20%);max-width:100%;vertical-align:bottom}
.combo-connector3,.ico-holder3{align-items:center;position:relative}
.ico-holder3{display:inline-flex;flex-direction:column;text-align:center;margin:14px;width:63px;cursor:help}
.img-bg3::after{content:"";position:absolute;top:0;left:0;background:linear-gradient(90deg,rgb(96 240 255)0,rgba(34,28,62,0) 82%);height:100%;width:100%;z-index:-1}
.combo-connector3{display:flex;justify-content:center;background:rgb(24 28 53);height:35px;width:35px;top:28px;color:#1cfb8c;margin:0-15px;z-index:0;text-shadow:none;border:1px solid rgb(28 251 140);box-shadow:0 0 20px rgb(28 251 140 / 15%)}
.ico-holder3:hover p{left:-160px}
.newsbox_h_short{font-size:14px;color:#c4cfcf;float:left;margin-top:5px;width:100%;word-wrap:break-word}
.js .tabs-b4{display:none}
.tabs-box2{margin-bottom:0}
.tabs-sel2,.tabs-sel3,.tabs-sel7{display:flex;flex-wrap:nowrap;flex-direction:row;margin-bottom:30px;justify-content:flex-start}
.tabs-sel2 span,.tabs-sel3 span,.tabs-sel7 span{display:block;font-weight:700;text-transform:uppercase;font-style:italic;color:rgb(24 28 53);padding:10px;text-shadow:none;width:100%;clip-path:polygon(20px 0,100%0,calc(100% - 20px) 100%,0 100%);transform:none!important;background:#efefef;text-align:center;position:relative}
.count{color:rgb(0 0 0/60%);font-size:14px}
.tabs-sel2 .current{background:#ff1c5c;color:rgb(24 28 53)}
.tabs-sel3 .current{background:#2bff65;color:rgb(24 28 53)}
.tabs-sel7 .current{background:#1cfb8c;color:rgb(24 28 53)}
.js .tabs-b2,.js .tabs-b3,.js .tabs-b7{display:none}
.js .tabs-b3.visible,.js .tabs-b7.visible{display:block}
.lock-block{content:" ";width:100%;border:2px dashed #1cdeff;padding:30px;background:linear-gradient(rgb(23 28 56/90%),rgb(23 28 56/95%),rgb(23 28 56/90%)),url(/templates/NEW/images/Minions-min.webp)no-repeat center center;background-size:cover;box-shadow:0 0 20px rgb(28 222 255/15%)}
.lock-block,.lock-block-icon,.lock-block-window{display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.lock-block-window{flex-direction:column;text-align:center;position:relative}
.lock-block-icon{width:60px;height:60px;border-radius:50%;background:rgb(255 255 255/5%);border:2px solid #1cdeff;margin-bottom:15px}
.lock-block-icon span{font-size:21px;color:#1cdeff}
.lock-block-text{color:#fff;margin-bottom:30px}
.lock-block-text span{color:#1cdeff;font-weight:700}
.error{background:rgb(112 137 253/5%)}
.error,.error2{padding:30px 15px;text-align:center}
.error2 img{width:150px}
.green{border:2px dashed #2bff65;box-shadow:0 0 20px rgb(43 255 101/15%)}
.red{border:2px dashed #ff1c5c;box-shadow:0 0 20px rgb(255 28 92/15%)}
.brand{border:2px dashed #1cfb8c;box-shadow:0 0 20px rgb(28 251 140/15%)}
.error-title{font-size:21px;font-weight:700;text-transform:uppercase;margin-bottom:15px}
[data-anime]{opacity:0;transition:none}
[data-anime].appear{opacity:1}
#background-video,.video-icon .video-icon-sonar{position:absolute;width:100%;height:100%;top:0;left:0}
#background-video{object-fit:cover;right:0;bottom:0;z-index:-1}
.text-base-color{color:#1cfb8c}
.video-icon-box{background:rgb(24 115 87/40%);z-index:1}
.video-icon,.video-icon-box>span{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}
.video-icon-box>span{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-ms-flex-pack:center}
.video-icon{position:relative;border-radius:50%}
.video-icon .video-icon-sonar{border-radius:50%;z-index:-10;-webkit-animation:video-icon-sonar 2s linear infinite;animation:video-icon-sonar 2s linear infinite}
.video-icon .video-icon-sonar .video-icon-sonar-bfr{content:"";position:absolute;border-radius:50%;top:-25px;left:-25px;z-index:-100;background:#ffffff14}
.video-icon-large .video-icon{width:85px;height:85px;font-size:20px}
.video-icon-large .video-icon .video-icon-sonar .video-icon-sonar-bfr{width:135px;height:135px}
a,a:hover{text-decoration:none}
a{color:var(--medium-gray);-webkit-transition:.3s;transition:.3s}
a:hover{color:var(--base-color)}
*,.mfp-container,::after,::before{box-sizing:border-box}
.mfp-close{font-style:normal}
[type=button],button{-webkit-appearance:button}
[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}
button{border-radius:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;text-transform:none}
button:focus:not(:focus-visible){outline:0}
.mfp-container *{transition-timing-function:none;-moz-transition-timing-function:none;-webkit-transition-timing-function:none;-o-transition-timing-function:none;transition-duration:0;-moz-transition-duration:0;-webkit-transition-duration:0;-o-transition-duration:0}
.mfp-wrap{left:0;width:100%;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;left:0;padding:0 8px}
.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}
.mfp-container:before{content:"";height:100%}
.mfp-content{position:relative;margin:0 auto;text-align:left;z-index:1045}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;text-decoration:none;text-align:center;padding:0 0 18px 10px}
button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}
.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:#000}
.mfp-close:focus,.mfp-close:hover{opacity:1}
.mfp-iframe-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%}
.mfp-iframe-holder .mfp-close{top:-40px;color:var(--white);background:0 0}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
:focus-visible{outline:0}
.mfp-bg{left:0;width:100%;overflow:hidden;position:fixed;background:rgb(23 28 56);opacity:.8;z-index:10007}
.mfp-fade.mfp-bg.mfp-ready{opacity:.93}
.mfp-bg,.mfp-container,.mfp-wrap{top:0;height:100%}
button:focus{outline:0}
.mfp-iframe-holder .mfp-content{max-width:1050px}
.mfp-close,.mfp-close:active{opacity:1;background-color:transparent;right:20px;top:20px;height:30px;width:30px;line-height:31px;position:absolute;font-size:28px}
.mfp-close:active{font-size:13px}
.mfp-wrap .mfp-container{cursor:auto}
.mfp-wrap{z-index:10007}
.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}
button.mfp-close,button.mfp-close:active{height:40px;width:40px;position:absolute;right:20px;top:20px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:0}
button.mfp-close:active:before,button.mfp-close:before{content:"";font-family:"Font Awesome 6 Pro";font-size:20px;font-weight:900}
.mfp-iframe-holder~button.mfp-close{right:40px;top:40px;padding:0}
.btn2{display:inline-block;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;--bs-btn2-padding-x:.75rem;--bs-btn2-padding-y:.375rem;--bs-btn2-font-size:1rem;--bs-btn2-font-weight:400;--bs-btn2-line-height:1.5;--bs-btn2-bg:transparent;--bs-btn2-border-color:transparent;--bs-btn2-hover-border-color:transparent;--bs-btn2-box-shadow:inset 0 1px 0 rgba(255,255,255,0.15),0 1px 1px rgba(0,0,0,0.075);--bs-btn2-disabled-opacity:.65;--bs-btn2-focus-box-shadow:0 0 0 .25rem rgba(var(--bs-btn2-focus-shadow-rgb),.5);padding:var(--bs-btn2-padding-y) var(--bs-btn2-padding-x);font-size:var(--bs-btn2-font-size);font-weight:var(--bs-btn2-font-weight);line-height:var(--bs-btn2-line-height);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--bs-btn2-border-width) solid var(--bs-btn2-border-color);border-radius:var(--bs-btn2-border-radius);background-color:var(--bs-btn2-bg)}
@media (prefers-reduced-motion:reduce) {
.btn2{transition:none}
}
.btn2:hover{color:var(--bs-btn2-hover-color);background-color:var(--bs-btn2-hover-bg);border-color:var(--bs-btn2-hover-border-color)}
.btn2:first-child:active,:not(.btn2-check) + .btn2:active{border-color:var(--bs-btn2-active-border-color)}
.btn2:disabled{color:var(--bs-btn2-disabled-color);pointer-events:none;background-color:var(--bs-btn2-disabled-bg);border-color:var(--bs-btn2-disabled-border-color);opacity:var(--bs-btn2-disabled-opacity)}
.btn2:first-child:active,:not(.btn2-check) + .btn2:active{border-color:initial;color:initial}
.btn2{display:inline-block;border:2px solid transparent;border-radius:0;text-transform:uppercase;letter-spacing:.5px;width:auto;font-weight:500;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}
.btn2:focus{-webkit-box-shadow:none;box-shadow:none}
.btn2:hover{background-color:inherit}
.btn2 i{position:relative;margin-left:6px}
.btn2.btn2-extra-large{font-size:16px;padding:24px 46px}
.btn2.btn2-rounded.btn2-extra-large{padding:18px 46px}
.btn2.btn2-rounded.btn2-rounded{-webkit-border-radius:50px;border-radius:50px}
.btn2.btn2-base-color{background-color:#fff;color:#000;text-transform:uppercase;font-weight:500}
.btn2.btn2-base-color:hover,.btn2.btn2-base-color:active{background-color:transparent;border-color:#fff;color:#fff}
.btn2.btn2-transparent{background-color:transparent;border-color:#fff;color:#fff;text-transform:uppercase;font-weight:600}
.btn2.btn2-transparent:hover,.btn2.btn2-transparent:active{background-color:transparent}
.btn2.btn2-switch-text.btn2-extra-large{padding:0}
.btn2.btn2-switch-text.btn2-extra-large > span{padding:10px 30px}
.btn2.btn2-switch-text > span{display:inline-flex;align-items:center;position:relative;overflow:hidden}
.btn2.btn2-switch-text .btn2-double-text{transition:opacity 0.65s,transform .85s;transition-timing-function:cubic-bezier(0.15,0.85,0.31,1)}
.btn2.btn2-switch-text .btn2-double-text:before{content:attr(data-text);display:inline-block;position:absolute;white-space:nowrap;top:50%;opacity:0;left:50%;transform:translate(-50%,100%);transition:opacity 0.5s,transform .8s;transition-timing-function:cubic-bezier(0.15,0.85,0.31,1)}
.btn2.btn2-switch-text:hover .btn2-double-text,.btn2.btn2-switch-text:active .btn2-double-text{transform:translateY(-200%)}
.btn2.btn2-switch-text:hover .btn2-double-text:before,.btn2.btn2-switch-text:active .btn2-double-text:before{transform:translate(-50%,150%);opacity:1}
:focus-visible{outline:none}
.left-icon i{margin-right:6px;margin-left:0}
[class*=btn2-transparent],[class*=" btn2-transparent"]{font-weight:600}
.btn2{text-transform:none;letter-spacing:0}
.btn2.btn2-switch-text.btn2-extra-large > span{padding:10px 30px}
*,::after,::before{box-sizing:border-box}
:focus-visible{outline:none}
@media (min-width:992px) {
.col-lg-2{flex:0 0 auto;width:16.66666667%}
.col-lg-5,.col-lg-6{flex:0 0 auto;width:41.66666667%}
.col-lg-6{width:50%}
.col-lg-10,.col-lg-7{flex:0 0 auto;width:58.33333333%}
.col-lg-10{width:83.33333333%}
}
@media (max-width:1600px) {
section{padding-top:90px;padding-bottom:90px}
}
@media (max-width:1024px) {
.wr-cn-fs-slide{flex:0 0 calc(50% - 7.5px)}
}
@media (max-width:991px) {
section{padding-top:75px;padding-bottom:75px}
}
@media (max-width:900px) {
.wr-cn-fs-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px) {
.sm-me-10px{margin-right:10px!important}
.btn2.btn2-extra-large{font-size:15px;padding:20px 40px}
.btn2.btn2-rounded.btn2-extra-large{padding:16px 36px}
.btn2.btn2-switch-text.btn2-extra-large{padding:0}
.wr-cn-fs-m{flex-direction:column}
section{padding-top:50px;padding-bottom:50px}
.firstscrean-main-title{line-height:38px;font-size:38px}
}
@media (max-width:575px) {
.firstscrean-main-title{line-height:32px;font-size:32px}
}
@media (max-width:520px) {
.wr-cn-fs-slide{flex:0 0 100%}
.wr-cn-fs-arrows{gap:8px}
.wr-cn-fs-head{flex-direction:column;align-items:flex-start}
.wr-cn-fs-tier{justify-content:flex-start}
.wr-cn-fs-rows{grid-template-columns:repeat(1,minmax(0,1fr));position:relative;z-index:1}
.wr-cn-fs-m{flex-direction:row}
.wr-cn-fs-sub{font-size:13px}
}
@media (max-width: 406px) {
.xs-mt-15px{margin-top:15px!important}
}
@media screen and (max-width:1399px) {
.champ-build_abilities_row{padding-left:80px}
.champ-build_abilities_row img{top:9px}
.header{background-color:rgb(23 28 56)}
.tabs-fg-sel{width:100%;flex-direction:row;justify-content:center;left:0;padding:14px;background:rgb(23 28 56/98%);z-index:99;box-shadow:0 0 20px rgb(28 251 140/15%);border-bottom:1px solid rgb(28 251 140);position:fixed;top:0}
.tabs-fg-sel span{margin-right:40px;margin-bottom:0}
.tabs-fg-sel span:last-child{margin-right:0}
.tabs-fg-sel span+span:before{right:calc(100% + 10px);bottom:22px;width:20px;border-top:5px dotted;height:0;border-left:none}
}
@media screen and (max-width:1220px) {
.skill-bild:hover p{position:fixed;left:0;top:auto;bottom:0;width:100%;-moz-border-radius:0;-webkit-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0;box-shadow:-4px -3px 15px #00000054;border-top:1px solid #2e3245;font:14px"DIN Pro",sans-serif}
}
@media screen and (max-width:1399px) {
.champ-build_abilities_row img{top:8px}
}
@media screen and (max-width:1199px) {
.ability-holder:hover p,.ico-holder2:hover p,.ico-holder3:hover p,.monsters:hover p,.rune-img:hover p,.skill-bild:hover p,.img-big:hover p{position:fixed;left:0;top:auto;bottom:0;width:100%;box-shadow:0 0 20px 0#1cfb8c;border-top:1px solid #1cfb8c;z-index:99999}
.ability-holder:hover>p:before,.ico-holder2:hover>p:before,.ico-holder3:hover>p:before,.rune-img:hover>p:before,.skill-bild:hover>p:before,.img-big:hover>p:before{display:none}
.champ-build_abilities_row ul li+li{margin-left:4px}
.champ-build_abilities_row img{top:7px}
.monsters{width:40px}
.pathing{font-size:10px;right:4px;padding:2px 5px}
.counter-champion{width:33.33333333%}
.ability-holder:hover p,.monsters:hover p,.skill-bild:hover p{max-height:500px}
.tabs-sel4{flex-wrap:wrap;margin-bottom:30px}
.tabs-sel4 span{width:33.3333333333%;margin-bottom:15px}
}
@media screen and (max-width:991px) {
.bildtitle4{margin-bottom:0}
.tabs-sel5,.tabs-sel6{border-right:none;align-content:flex-start}
.champ-build_abilities_row ul li+li{margin-left:5px}
.champ-build_abilities_row img{top:15px}
.tabs-box2{margin-bottom:60px}
.ab-tips-block,.map img{margin-bottom:30px}
section.half-section3{padding-top:70px;padding-bottom:0}
.middle{display:none}
.counter-champion{width:20%}
.bildtitle5,.monsters img{margin-bottom:0}
.monsters{width:50px}
.pathing{font-size:14px;right:5px;padding:2px 7px}
.camp-1{top:28%}
.camp-2{top:30.5%}
.camp-3{top:44%}
.camp-4{top:50%}
.camp-5{top:63%}
.camp-6{top:68%}
.camp-8{top:52%}
.camp-11{top:72%}
}
@media screen and (max-width:767px) {
.tabs-sel4 span{width:50%}
.tabs-sel>span{margin-right:12px}
.champ-build_abilities_row img{top:8px}
.champ-build_abilities_row ul li+li{margin-left:4px}
.counter-champion{width:25%}
.monsters{width:40px}
.pathing{padding:3px 6px}
.pathing,.pathing2{font-size:10px}
.blue-buff img{border:2px solid #60f0ff}
.red-buff img{border:2px solid #ff1c5c}
.river-monsters img{border:2px solid #94ff71}
.other-monsters img{border:2px solid #fff}
.camp-13{top:3%}
.camp-1{top:27%}
.camp-2{left:30%;top:30%}
.camp-3{top:43%}
.camp-7{left:39%;top:23%}
.camp-12{top:33%}
.camp-4{top:50%}
.camp-5{top:61%}
.camp-6{top:67%}
.camp-8{top:51%}
.camp-11{left:87%;top:71%}
.connection{border:1px dashed #fff}
}
@media screen and (max-width:590px) {
.fcol-left5{border-right:none;width:100%}
.tabs-sel span>i{display:none}
}
@media screen and (max-width:575px) {
.counter-champion{width:33.33333333%}
}
@media screen and (max-width:487px) {
.img-big{width:74px}
.tabs-sel2,.tabs-sel3,.tabs-sel7{flex-wrap:wrap;margin-bottom:15px}
.tabs-sel2 span,.tabs-sel3 span,.tabs-sel7 span{width:50%;padding:7px;margin-bottom:15px}
.tabs-sel4 span{padding:7px}
.champ-build_abilities_row ul li+li{margin-left:3px}
.fcol-left5{border-right:none;width:100%}
.tir-bg,.tir-s-p{padding:15px 0}
.monsters{width:35px}
.pathing{font-size:8px;padding:2px 4px}
.pathing2{font-size:8px;margin-top:3px}
.camp-4{top:48%}
.camp-5{top:60%}
.camp-6{top:65%}
.camp-8{top:49%}
}
@media screen and (max-width:470px) {
.champ-build_abilities_row img{width:45px;top:6px}
.champ-build_abilities_row{padding-left:60px}
.champ-build_abilities_row ul li.lit::after{font-size:13px}
.counter-champion{padding:10px}
}
@media screen and (max-width:415px) {
.rune-bg{padding:15px}
.champ-build_abilities_row ul li.lit::after{font-size:12px}
.stats-block{font-size:16px}
.monsters{width:30px}
.pathing{font-size:6px;padding:1.2px 3px;top:5px;right:7px}
.pathing2{font-size:6px;margin-top:2px}
.blue-buff img{border:1.5px solid #60f0ff}
.red-buff img{border:1.5px solid #ff1c5c}
.river-monsters img{border:1.5px solid #94ff71}
.other-monsters img{border:1.5px solid #fff}
.camp-6{top:62%}
.camp-3{top:40%}
.camp-4{top:46%}
.camp-5{top:57%}
.camp-12{top:30%}
.camp-11{top:68%}
.camp-8{top:46%}
}
@media screen and (max-width:393px) {
.img-big{width:68px}
.champ-build_abilities_row{padding-left:45px}
.champ-build_abilities_row img{width:35px;top:10px}
.champ-build_abilities_row h4{font-size:18px}
.champ-build_abilities_row ul li.lit::after{font-size:10px}
}
@media screen and (max-width:375px) {
.img-big{width:60px;margin-bottom:0}
.skills-image{min-width:60px;max-width:60px;margin-right:15px}
.rune-img{width:50px}
}
@media screen and (max-width:360px) {
.champ-build_abilities_row ul li+li{margin-left:2px}
.champ-build_abilities_row ul li.lit::after{font-size:10px}
.skills-image{min-width:50px;max-width:50px}
.circle{width:46px;height:46px}
.circle .inner{width:36px;height:36px;font-size:14px}
.circle-title{font-size:14px}
.ability-holder{margin-right:12px}
.ability-marker{font-size:14px;padding:3px 7px}
.stats-block{font-size:14px}
}
@media screen and (max-width:320px) {
.ico-holder3,.sit-item-list{width:34px}
.rune-img{width:38px}
.ico-holder2 .img-bg2,.img-big,.sit-rune-list-img{width:45px}
}