.header__top {
		display: none;
}
.navBar_3TGY {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;background-color:#131315;border-bottom:1px solid rgba(196,185,152,.27);border-top:2px solid #8a6d3c;box-shadow:0 -2px 0 0 #131315;margin-top:-93px;padding:22px 0;position:fixed;width:100%;z-index:10000
}
@media (min-width:1px) and (max-width:767px) {
.navBar_3TGY {
margin-top:-49px;padding:0
}

}
.navBar_3TGY.isMounted_ko0v {
-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;transition-duration:.1s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1);-moz-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1)
}
.navBar_3TGY.isMounted_ko0v .center_2OX7 {
-webkit-transition:opacity .2s ease-in .3s;-moz-transition:opacity .2s ease-in .3s;transition:opacity .2s ease-in .3s;opacity:1
}
.navBar_3TGY.isMounted_ko0v .right_kUg1 {
-webkit-transition:opacity .2s ease-in .4s;-moz-transition:opacity .2s ease-in .4s;transition:opacity .2s ease-in .4s;opacity:1
}
.left_35vQ {
width:25%
}
.positionIndex_2D1e {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;margin-right:50px;text-align:right
}
.center_2OX7 {
opacity:0;text-align:center;width:50%
}
@media (min-width:1px) and (max-width:767px) {
.center_2OX7 {
padding:0 12px;width:auto
}

}
.leftNavText_3S87,.navDivider_3R5P,.rightNavText_ggM5 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:18px;letter-spacing:2px;text-transform:uppercase
}
.leftNavText_3S87 {
color:#d3c7aa;text-shadow:0 0 18px rgba(0,0,0,.72)
}
.navDivider_3R5P {
color:#d3c7aa;display:inline-block;padding:0 15px
}
.navDivider_3R5P img {
max-height:10px;padding-bottom:2px
}
.rightNavText_ggM5 {
color:#8a6d3c;text-shadow:0 0 18px rgba(0,0,0,.72)
}
.right_kUg1 {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-moz-box-pack:end;box-pack:end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-o-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:end;opacity:0;padding-right:25px;width:25%
}
@media (min-width:1px) and (max-width:767px) {
.right_kUg1 {
padding-right:0
}

}
.volumeButton_13TN {
display:flex;align-items:center;justify-content:center;border:1px solid rgba(196,185,152,.27);cursor:pointer;height:48px;margin-right:12px;width:48px
}
.volumeButton_13TN svg>path {
fill:#8b6d3e
}
.volumeButton_13TN:hover {
background-color:#1a1d21
}
@media (min-width:1px) and (max-width:767px) {
.volumeButton_13TN {
border-bottom:0;border-top:0;border-right:0;margin-right:0;height:46px
}

}
.rightNavButton_2LXH {
border:1px solid rgba(196,185,152,.27);color:#8b6d3e;cursor:pointer;padding:17px;text-align:center
}
.rightNavButton_2LXH img {
display:block;max-height:12px
}
.rightNavButton_2LXH:hover {
background-color:#1a1d21
}
@media (min-width:1px) and (max-width:767px) {
.rightNavButton_2LXH {
border-bottom:0;border-top:0
}

}
.AudioToggleButton_EeaJ {
align-items:center;cursor:pointer;display:flex;height:41px;justify-content:center;width:41px
}
.AudioToggleButton_EeaJ.light_1-qm {
background-color:hsla(0,0%,100%,.7);border:1px solid #937341
}
.AudioToggleButton_EeaJ.light_1-qm svg>path {
fill:#937341
}
.AudioToggleButton_EeaJ.light_1-qm:hover {
background-color:hsla(0,0%,100%,.9)
}
.AudioToggleButton_EeaJ.dark_37Vv {
border:1px solid rgba(202,171,103,.37)
}
.AudioToggleButton_EeaJ.dark_37Vv svg>path {
fill:#937341
}
.AudioToggleButton_EeaJ.dark_37Vv:hover {
background-color:#1a1d21
}
.progressDots_XiIg.isMounted_bwFM .dot_1Nn7 {
opacity:1;transform:translateY(0);transition-delay:.5s,.5s,0s;transition-duration:.4s,.4s,.2s;transition-property:transform,opacity,background-color;transition-timing-function:cubic-bezier(1,0,0,1),ease,ease
}
.dot_1Nn7 {
background-color:#937341;border-radius:50%;display:inline-block;height:6px;margin:8px;opacity:0;transform:translateY(75px);width:6px
}
.activeDot_zrwL {
background-color:#c4b998
}
.imageSlider_358V {
border-bottom:1px solid rgba(196,185,152,.27)
}
@media (min-width:1px) and (max-width:767px) {
.imageSlider_358V {
border-bottom:0
}

}
.carouselUl_a4LM {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;max-height:70vh;padding-top:8px;padding-bottom:8px
}
.sliderContent_2pvH {
max-height:65vh
}
.carouselItemImg_2R4P {
padding-bottom:8px;padding-top:8px
}
@media (min-width:1px) and (max-width:767px) {
.carouselItemImg_2R4P {
padding-bottom:0;padding-top:0
}

}
.carouselItemImg_2R4P img {
max-height:60vh;max-width:98%;opacity:1
}
@media (min-width:1px) and (max-width:767px) {
.carouselItemImg_2R4P img {
max-width:100%
}

}
.carouselItemImg_2R4P.isMounted_2ZY1 img {
opacity:1;transition:opacity .8s ease .2s
}
.middleNav_3FMr {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;min-height:60px
}
@media (min-width:1px) and (max-width:767px) {
.middleNav_3FMr {
border-bottom:1px solid rgba(196,185,152,.27);min-height:40px
}

}
.middleNav_3FMr.isMounted_2ZY1 .leftButton_9Jrg,.middleNav_3FMr.isMounted_2ZY1 .rightButton_2E1f {
opacity:1;transition:opacity .2s cubic-bezier(.95,.05,.795,.035)
}
.middleNav_3FMr.isMounted_2ZY1 .leftButton_9Jrg .buttonIcon_14hL,.middleNav_3FMr.isMounted_2ZY1 .rightButton_2E1f .buttonIcon_14hL {
opacity:1;transition:opacity 185ms cubic-bezier(.23,1,.32,1) .39s
}
.leftButton_9Jrg,.rightButton_2E1f {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom:1px solid rgba(196,185,152,.27);cursor:pointer;height:60px;min-width:100px;opacity:0;text-align:center
}
.leftButton_9Jrg:hover,.rightButton_2E1f:hover {
background-color:#1a1d21
}
@media (min-width:1px) and (max-width:767px) {
.leftButton_9Jrg,.rightButton_2E1f {
display:none
}

}
.leftButton_9Jrg .buttonIcon_14hL,.rightButton_2E1f .buttonIcon_14hL {
opacity:0
}
.leftButton_9Jrg {
border-right:1px solid rgba(196,185,152,.27)
}
.rightButton_2E1f {
border-left:1px solid rgba(196,185,152,.27)
}
.buttonIcon_14hL {
max-height:10px
}
.image_3oOd {
position:absolute;top:0;right:0;bottom:0;left:0;background-attachment:local;background-color:#0a0a0c;background-repeat:no-repeat;background-size:cover;transition:opacity .4s ease;width:100%;
}
.image_3oOd2 {
position:absolute;top:0;right:0;bottom:0;left:0;background-attachment:local;/*background-color:#110b0d;*/background-repeat:no-repeat;background-size:cover;transition:opacity .4s ease;width:100%;
}
.children_1inG {
height:100%;position:relative;width:100%
}
.imageContainer_2GwI {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;border-radius:50%;height:150px;position:relative;width:150px
}
.imageContainer_2GwI:before {
-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;border:1px solid rgba(202,171,103,.37);border-radius:50%;content:""
}
.championImage_29ws,.imageContainer_2GwI:before {
bottom:0;left:0;position:absolute;right:0;top:0;z-index:0
}
.championImage_29ws {
background-position:50%;background-size:cover;border-radius:50%;transition-duration:.1s;transition-property:filter;transition-timing-function:linear
}
.exploreArrow_2Yhd {
display:inline-block;margin:0 0 0 12px;position:relative;top:3px;width:17px;height:17px
}
.champsListExploreCircle_QjTn,.champsListExplorePolygon_HdH2,.champsListExploreRect_1WHp {
fill:#d3c7aa
}
h3.exploreText_22F2 {
-webkit-transition:opacity .2s ease;-moz-transition:.2s opacity ease;transition:opacity .2s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;color:#937341;font-size:16px!important;opacity:0;text-align:left;text-transform:uppercase;z-index:10
}
.App.C_CAPABLE_BROWSER .imageContainer_2GwI {
margin:0 auto
}
.App.C_CAPABLE_BROWSER .exploreText_22F2 {
position:absolute;top:45%;right:0;left:0;text-align:center
}
.App.C_CAPABLE_BROWSER .exploreArrow_2Yhd {
display:none
}
.App.B_CAPABLE_BROWSER .swiper-slide,.App.C_CAPABLE_BROWSER .swiper-slide {
display:inline-block
}
@media (min-width:768px) {
.App.B_CAPABLE_BROWSER .champion_1CKA:hover .championImage_29ws,.App.C_CAPABLE_BROWSER .champion_1CKA:hover .championImage_29ws {
opacity:.2
}

}
.relatedChampionsContainer_3vXD {
margin-bottom:60px;margin-top:60px
}
@media (min-width:768px) {
.champions_3YJY {
-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center
}

}
@media (min-width:768px) {
.overflowChampions_Kbwl {
-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start
}

}
@media (min-width:1px) and (max-width:767px) {
.slideNext_1MGn .championImage_29ws,.slidePrev_1ZIB .championImage_29ws {
-webkit-transition:filter .2s;-moz-transition:filter .2s;transition:filter .2s;-webkit-filter:grayscale(1);filter:grayscale(1)
}

}
.champion_1CKA {
-webkit-transform:translateY(150px);-moz-transform:translateY(150px);-ms-transform:translateY(150px);-o-transform:translateY(150px);transform:translateY(150px);-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;opacity:0;text-align:center
}
.champion_1CKA h2 {
font-weight:500;font-size:18px;color:#8a6c3c;padding:35px 0 8px
}
.champion_1CKA h2,.champion_1CKA h4 {
font-family:Beaufort for LOL,Arial,sans-serif;text-transform:uppercase
}
.champion_1CKA h4 {
font-weight:400;font-size:12px;color:#d3c7aa;line-height:11px
}
.champion_1CKA.isVisible_3emU {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-property:all,opacity;-moz-transition-property:all,opacity;transition-property:all,opacity;-webkit-transition-duration:.3s,.4s;-moz-transition-duration:.3s,.4s;transition-duration:.3s,.4s;opacity:1
}
@media (min-width:768px) {
.champion_1CKA:hover .imageContainer_2GwI:before {
-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)
}
.champion_1CKA:hover .championImage_29ws {
-webkit-filter:grayscale(100%) brightness(.3);filter:grayscale(100%) brightness(.3);box-shadow:0 0 0 1px #0a0a0c
}
.champion_1CKA:hover h3.exploreText_22F2 {
-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s;opacity:1
}

}
.icon_1u3M {
max-height:34px
}
.headers_9gvM {
text-align:center
}
.headers_9gvM h1 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:14px;color:#c4b998;letter-spacing:2px;padding:10px 10px 20px;text-transform:uppercase;text-shadow:0 0 18px rgba(0,0,0,.72)
}
@media (min-width:1px) and (max-width:767px) {
.headers_9gvM h1 {
font-size:26px
}

}
.headers_9gvM h1 em {
color:#937341
}
.headers_9gvM h3 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:11px;color:#654823;line-height:20px
}
@media (min-width:1px) and (max-width:767px) {
.headers_9gvM h3 {
display:none
}

}
.LongformText_gn_S {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;border-bottom:1px solid rgba(196,185,152,.27);border-left:1px solid rgba(196,185,152,.27);border-right:1px solid rgba(196,185,152,.27);padding:60px 0
}
.LongformText_gn_S.isMounted_1EIU .copy_eaEe,.LongformText_gn_S.isMounted_1EIU h1,.LongformText_gn_S.isMounted_1EIU h3 {
opacity:1;transform:translateY(0);transition-duration:.4s,.4s;transition-property:all,opacity;transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035)
}
.LongformText_gn_S.isMounted_1EIU h1 {
transition-delay:.2s,.2s
}
.LongformText_gn_S.isMounted_1EIU h3 {
transition-delay:.3s,.3s
}
.LongformText_gn_S.isMounted_1EIU .copy_eaEe {
transition-delay:.4s,.4s
}
.headlines_ELWL {
margin:0 0 55px;max-width:640px;text-align:center
}
.headlines_ELWL h1 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:35px;color:#d3c7aa;font-variant:small-caps;line-height:31px;opacity:0;text-shadow:0 1px 3px rgba(0,0,0,.75);text-transform:uppercase;transform:translateY(100px)
}
@media (min-width:1px) and (max-width:767px) {
.headlines_ELWL h1 {
font-size:20px;line-height:22px
}

}
.headlines_ELWL h3 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:13px;color:#937341;line-height:20px;opacity:0;transform:translateY(100px)
}
@media (min-width:1px) and (max-width:767px) {
.headlines_ELWL {
width:90%
}

}
.copy_eaEe {
max-width:640px;opacity:0;position:relative;transform:translateY(100px)
}
.copy_eaEe p {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:16px;-webkit-text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;text-align-last:center;color:#d3c7aa;line-height:24px;padding:10px 0;text-align:justify
}
.copy_eaEe p:first-child:first-letter {
float:left;font-size:48px;line-height:38px;padding-left:3px;padding-right:8px;padding-top:2px
}
.copy_eaEe:before {
background:#8b6e38;content:"";height:2px;left:40%;position:absolute;top:-24px;width:20%
}
@media (min-width:1px) and (max-width:767px) {
.copy_eaEe {
width:90%
}

}
.contentWindow_1MWq {
border-left:1px solid rgba(196,185,152,.27);border-right:1px solid rgba(196,185,152,.27);margin:0 auto;max-width:1280px;text-align:center
}
.description_ioCL {
background-color:#151317;margin:0 auto;max-width:1280px
}
.section_1Aip {
border-left:1px solid rgba(196,185,152,.27);border-right:1px solid rgba(196,185,152,.27);padding-top:40px
}
.section_1Aip .relatedChampions_3HjZ {
margin:0 22px 22px
}
@media (min-width:1px) and (max-width:767px) {
.section_1Aip .relatedChampions_3HjZ {
margin:0
}

}
.modalContent_2XVk {
margin:0 auto;max-width:1280px
}
.videoContainer_2OvI {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;height:100%;position:relative;pointer-events:auto;width:100%
}
.player_3PIu {
position:relative;width:99.9%
}
.player_3PIu .fb_iframe_widget {
display:block
}
.player_3PIu .fb_iframe_widget>span {
display:block;margin:0 auto
}
.playVideoBtn_2zls {
left:calc(50% - 44px);opacity:1;position:absolute;top:calc(50% - 40px);transition:opacity .4s ease;z-index:1000
}
.btnPlay_3PrR {
opacity:0;pointer-events:none
}
.videoPlaceholder_2u2x {
position:absolute;top:0;right:0;bottom:0;left:0;background-color:#131315;background-position:50%;background-size:cover;opacity:1;transition:opacity .3s ease;z-index:950
}
@media (min-width:1px) and (max-width:767px) {
.videoPlaceholder_2u2x {
position:absolute;top:0;right:0;bottom:0;left:0
}

}
.hidePlaceholder_16qV {
opacity:0!important;pointer-events:none;transition-delay:.5s
}
@-webkit-keyframes slideAndScale_dJ-T {
0% {
-webkit-transform:scale(1.2) translate3d(55vw,0,0)
}
2% {
-webkit-transform:scale(1.2) translate3d(55vw,0,0)
}
50% {
-webkit-transform:scale(1.2) translateZ(0)
}
75% {
-webkit-transform:scale(1.2) translateZ(0)
}
to {
-webkit-transform:scale(1) translateZ(0)
}

}
@-moz-keyframes slideAndScale_dJ-T {
0% {
-moz-transform:scale(1.2) translate3d(55vw,0,0)
}
2% {
-moz-transform:scale(1.2) translate3d(55vw,0,0)
}
50% {
-moz-transform:scale(1.2) translateZ(0)
}
75% {
-moz-transform:scale(1.2) translateZ(0)
}
to {
-moz-transform:scale(1) translateZ(0)
}

}
@keyframes slideAndScale_dJ-T {
0% {
-webkit-transform:scale(1.2) translate3d(55vw,0,0);-moz-transform:scale(1.2) translate3d(55vw,0,0);-ms-transform:scale(1.2) translate3d(55vw,0,0);-o-transform:scale(1.2) translate3d(55vw,0,0);transform:scale(1.2) translate3d(55vw,0,0)
}
2% {
-webkit-transform:scale(1.2) translate3d(55vw,0,0);-moz-transform:scale(1.2) translate3d(55vw,0,0);-ms-transform:scale(1.2) translate3d(55vw,0,0);-o-transform:scale(1.2) translate3d(55vw,0,0);transform:scale(1.2) translate3d(55vw,0,0)
}
50% {
-webkit-transform:scale(1.2) translateZ(0);-moz-transform:scale(1.2) translateZ(0);-ms-transform:scale(1.2) translateZ(0);-o-transform:scale(1.2) translateZ(0);transform:scale(1.2) translateZ(0)
}
75% {
-webkit-transform:scale(1.2) translateZ(0);-moz-transform:scale(1.2) translateZ(0);-ms-transform:scale(1.2) translateZ(0);-o-transform:scale(1.2) translateZ(0);transform:scale(1.2) translateZ(0)
}
to {
-webkit-transform:scale(1) translateZ(0);-moz-transform:scale(1) translateZ(0);-ms-transform:scale(1) translateZ(0);-o-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0)
}

}
.module_16E7 {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition:1s;-moz-transition:1s;transition:1s;background-color:#0b0d10;border-top:1px solid rgba(202,171,103,.37);opacity:0
}
.visiblePlaylistVideo_3udL {
-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);opacity:1
}
.playerRow_3aAe {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row;border-bottom:1px solid rgba(202,171,103,.37);border-left:1px solid rgba(202,171,103,.37);border-right:1px solid rgba(202,171,103,.37)
}
.transitionSpan_37rv {
-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;display:block;overflow:hidden;position:relative
}
.videoModulePlayer_a4Aw {
position:relative
}
.videoDescription_1NVW {
background-color:#151619
}
.App.C_CAPABLE_BROWSER .copy_2ooO,.App.C_CAPABLE_BROWSER .headlines_1p9_,.App.C_CAPABLE_BROWSER .headlinesCenter_3nJY,.App.C_CAPABLE_BROWSER .headlinesRight_63AH {
display:inline-block;width:35%
}
.ja_jp .headlines_1p9_ h1,.ja_jp .headlinesCenter_3nJY h1,.ja_jp .headlinesRight_63AH h1,.ko_kr .headlines_1p9_ h1,.ko_kr .headlinesCenter_3nJY h1,.ko_kr .headlinesRight_63AH h1,.zh_tw .headlines_1p9_ h1,.zh_tw .headlinesCenter_3nJY h1,.zh_tw .headlinesRight_63AH h1 {
line-height:41px
}
.zh_cn .headlines_1p9_ h1,.zh_cn .headlinesCenter_3nJY,.zh_cn .headlinesCenter_3nJY h1,.zh_cn .headlinesRight_63AH h1 {
font-size:30px;line-height:40px
}
.description_2m_- {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row;border-bottom:1px solid rgba(196,185,152,.27);border-left:1px solid rgba(196,185,152,.27);border-right:1px solid rgba(196,185,152,.27);padding:60px 0;position:relative
}
@media (min-width:1px) and (max-width:767px) {
.description_2m_- {
-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column
}

}
.description_2m_-.isMounted_2xzu .headlines_1p9_ h1,.description_2m_-.isMounted_2xzu .headlinesCenter_3nJY h1,.description_2m_-.isMounted_2xzu .headlinesRight_63AH h1 {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-property:all,opacity;-moz-transition-property:all,opacity;transition-property:all,opacity;-webkit-transition-duration:.4s,.4s;-moz-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-moz-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-webkit-transition-delay:.3s,.3s;-moz-transition-delay:.3s,.3s;transition-delay:.3s,.3s;opacity:1
}
.description_2m_-.isMounted_2xzu .headlines_1p9_ h3,.description_2m_-.isMounted_2xzu .headlinesCenter_3nJY h3,.description_2m_-.isMounted_2xzu .headlinesRight_63AH h3 {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition-property:all,opacity;-moz-transition-property:all,opacity;transition-property:all,opacity;-webkit-transition-duration:.4s,.4s;-moz-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-moz-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-webkit-transition-delay:.4s,.4s;-moz-transition-delay:.4s,.4s;transition-delay:.4s,.4s;opacity:1
}
.description_2m_-.isMounted_2xzu .copy_2ooO h5 {
-webkit-transition-property:all,opacity;-moz-transition-property:all,opacity;transition-property:all,opacity;-webkit-transition-duration:.4s,.4s;-moz-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-moz-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-webkit-transition-delay:.5s,.5s;-moz-transition-delay:.5s,.5s;transition-delay:.5s,.5s
}
.description_2m_-.isMounted_2xzu .copy_2ooO h5,.description_2m_-.isMounted_2xzu .copy_2ooO p {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1
}
.description_2m_-.isMounted_2xzu .copy_2ooO p {
-webkit-transition-property:all,opacity;-moz-transition-property:all,opacity;transition-property:all,opacity;-webkit-transition-duration:.4s,.4s;-moz-transition-duration:.4s,.4s;transition-duration:.4s,.4s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-moz-transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);transition-timing-function:cubic-bezier(1,0,0,1),cubic-bezier(.95,.05,.795,.035);-webkit-transition-delay:.6s,.6s;-moz-transition-delay:.6s,.6s;transition-delay:.6s,.6s
}
.headlines_1p9_ h1,.headlinesCenter_3nJY h1,.headlinesRight_63AH h1 {
-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:35px;color:#d3c7aa;font-variant:small-caps;line-height:31px;opacity:0;text-shadow:0 1px 3px rgba(0,0,0,.75)
}
@media (min-width:1px) and (max-width:767px) {
.headlines_1p9_ h1,.headlinesCenter_3nJY h1,.headlinesRight_63AH h1 {
font-size:20px;line-height:22px
}

}
.headlines_1p9_ h3,.headlinesCenter_3nJY h3,.headlinesRight_63AH h3 {
-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:13px;color:#937341;line-height:20px;opacity:0
}
@media (min-width:1px) and (max-width:767px) {
.headlines_1p9_,.headlinesCenter_3nJY,.headlinesRight_63AH {
margin:20px 0 55px!important;text-align:center!important;width:100%!important
}

}
.headlinesCenter_3nJY {
margin:auto;text-align:center;width:50%
}
.headlinesRight_63AH {
margin-left:5%;margin-right:10%;text-align:right;width:35%
}
.copy_2ooO {
margin-right:10%;width:40%
}
@media (min-width:1px) and (max-width:767px) {
.copy_2ooO {
margin:0;padding:0;text-align:center;width:100%
}

}
.copyHeader_1QqN {
-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:13px;color:#937341;line-height:20px;opacity:0;text-align:left;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.copyHeader_1QqN {
display:none
}

}
.copyText_cBHN {
-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);-o-transform:translateY(60px);transform:translateY(60px);font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:13px;color:#d3c7aa;line-height:20px;opacity:0;position:relative;text-align:left
}
@media (min-width:1px) and (max-width:767px) {
.copyText_cBHN {
-webkit-text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;text-align-last:center;margin-left:auto;margin-right:auto;max-width:86%;text-align:justify
}
.copyText_cBHN:before {
content:"";left:40%;width:20%;height:2px;background:#8b6e38;position:absolute;top:-32px
}

}
.actionButtons_1qnO {
position:absolute;top:0;right:0;border-bottom:1px solid rgba(196,185,152,.27);border-left:1px solid rgba(196,185,152,.27)
}
.NewPlayButton_QLzk {
cursor:pointer;opacity:0;overflow:hidden;transition:.1s
}
.NewPlayButton_QLzk:hover .innerRingBg_3GP1 {
fill:#1a1d21
}
.NewPlayButton_QLzk:hover .outerRing_oNZ7,.NewPlayButton_QLzk:hover .outerRingBg_1ZiI {
transform:scale(1.1)
}
.NewPlayButton_QLzk:active .innerRing_FZgc {
opacity:.7
}
.NewPlayButton_QLzk:active .innerRingBg_3GP1 {
fill:#000
}
.NewPlayButton_QLzk:active .arrow_2TPp {
opacity:.8
}
.visible_12EK {
opacity:1;transition:.3s
}
.visible_12EK .outerRing_oNZ7,.visible_12EK .outerRingBg_1ZiI {
transform:scale(1)
}
.visible_12EK .innerCircle_3MyV {
opacity:1;transform:rotateY(0deg);transition-delay:.1s
}
.visible_12EK .innerCircle_3MyV>circle,.visible_12EK .innerCircle_3MyV>path {
opacity:1;transition-delay:.1s
}
.visible_12EK .innerCircle_3MyV .innerRingBg_3GP1 {
opacity:1;transition-duration:0s
}
.outerRing_oNZ7,.outerRingBg_1ZiI {
transform:scale(0);transform-origin:50% 50%;transition:.2s
}
.outerRingBg_1ZiI {
fill:#1a1d21
}
.innerRingBg_3GP1 {
fill:#191c20
}
.arrow_2TPp,.innerRing_FZgc,.innerRingBg_3GP1 {
transition:.2s
}
.innerCircle_3MyV {
transform:rotateY(-90deg);transform-origin:50% 0
}
.innerCircle_3MyV,.innerCircle_3MyV>circle,.innerCircle_3MyV>path {
opacity:0;transition:.6s
}
.arrowBtn_dRMG {
position:relative;display:inline-block;cursor:pointer;line-height:1;top:2px
}
.arrowBtn_dRMG:hover .hoverArrow_XAN2 {
-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1
}
.arrowBtn_dRMG:hover .restArrow_2evX {
-webkit-transform:translateX(230%);-moz-transform:translateX(230%);-ms-transform:translateX(230%);-o-transform:translateX(230%);transform:translateX(230%);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;opacity:0
}
.arrowBtn_dRMG.noHover_JXlG .hoverArrow_XAN2,.arrowBtn_dRMG.noHover_JXlG .restArrow_2evX {
-webkit-transition:.44s;-moz-transition:.44s;transition:.44s;opacity:0;position:absolute;top:0;left:0;-webkit-transform:translateX(-130%);-moz-transform:translateX(-130%);-ms-transform:translateX(-130%);-o-transform:translateX(-130%);transform:translateX(-130%)
}
.arrowBtn_dRMG.noHover_JXlG .restArrow_2evX {
left:0;-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)
}
.arrowBtn_dRMG.linkOut_2Bq7 {
-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:4px
}
[data-arrow-wrap=arrowWrap]:hover .arrowBtn_dRMG.noHover_JXlG .hoverArrow_XAN2 {
-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1
}
[data-arrow-wrap=arrowWrap]:hover .arrowBtn_dRMG.noHover_JXlG .restArrow_2evX {
-webkit-transform:translateX(230%);-moz-transform:translateX(230%);-ms-transform:translateX(230%);-o-transform:translateX(230%);transform:translateX(230%);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;opacity:0
}
:hover>.arrowBtn_dRMG .hoverArrow_XAN2 {
-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%);-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1
}
:hover>.arrowBtn_dRMG .restArrow_2evX {
-webkit-transform:translateX(230%);-moz-transform:translateX(230%);-ms-transform:translateX(230%);-o-transform:translateX(230%);transform:translateX(230%);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s;opacity:0
}
:hover>.arrowBtn_dRMG.noHover_JXlG .hoverArrow_XAN2,:hover>.arrowBtn_dRMG.noHover_JXlG .restArrow_2evX {
-webkit-transition:.44s;-moz-transition:.44s;transition:.44s;opacity:0;position:absolute;top:0;left:0;-webkit-transform:translateX(-130%);-moz-transform:translateX(-130%);-ms-transform:translateX(-130%);-o-transform:translateX(-130%);transform:translateX(-130%)
}
:hover>.arrowBtn_dRMG.noHover_JXlG .restArrow_2evX {
left:0;-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)
}
.hoverArrow_XAN2,.restArrow_2evX {
-webkit-transition:.44s;-moz-transition:.44s;transition:.44s;opacity:0;position:absolute;top:0;left:0;-webkit-transform:translateX(-130%);-moz-transform:translateX(-130%);-ms-transform:translateX(-130%);-o-transform:translateX(-130%);transform:translateX(-130%)
}
.hoverArrow_XAN2 svg,.restArrow_2evX svg {
max-height:25px
}
.restArrow_2evX {
left:0;-webkit-transition-delay:.22s;-moz-transition-delay:.22s;transition-delay:.22s;opacity:1;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-ms-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)
}
.moreContentBtn_2uNP {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:14px;-webkit-border-image:-webkit-linear-gradient(top,#c3a758,#6b521e) stretch;border-image:linear-gradient(180deg,#c3a758,#6b521e) stretch;border-style:solid;-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;background-color:rgba(25,28,33,.8);border-image-slice:1;color:#937341;cursor:pointer;letter-spacing:2px;padding:23px 48px;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.moreContentBtn_2uNP {
padding:18px 36px
}

}
.downBtn_3PAc {
-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-ms-transform:rotateX(90deg);-o-transform:rotateX(90deg);transform:rotateX(90deg)
}
.actionButton_1qGo {
cursor:pointer
}
.actionButton_1qGo svg {
overflow:hidden
}
.left_3XQf {
width:10px;height:10px;background:red
}
.fallbackBtn_SuaF {
cursor:pointer;display:block;opacity:1
}
.fallbackBtn_SuaF:hover {
opacity:.9
}
.root_H-VA {
align-items:center;background:#000;border:2px solid #e5b48f;box-sizing:border-box;cursor:pointer;display:flex;height:45px;justify-content:center;left:22px;opacity:0;overflow:hidden;position:relative;top:10px;transition:background-color .2s,opacity .2s;width:45px
}
.root_H-VA:hover {
background-color:#e5b48f
}
.root_H-VA:hover:after {
border-left-color:#000
}
.root_H-VA:after {
border-bottom:5px solid rgba(0,0,0,0);border-left:8px solid #e5b48f;border-top:5px solid rgba(0,0,0,0);content:"";transition:border-left-color .2s
}
.visible_1SP0 {
opacity:1;transition:.3s
}
.contentWindow_2Cn8,.modalContent_Gsu6 {
margin:0 auto;max-width:1280px
}
@media (max-width:1441px) {
.contentWindow_2Cn8,.modalContent_Gsu6 {
max-width:1100px
}

}
@media (max-width:1281px) {
.contentWindow_2Cn8,.modalContent_Gsu6 {
max-width:75%
}

}
@media (min-width:1px) and (max-width:767px) {
.contentWindow_2Cn8,.modalContent_Gsu6 {
max-width:98%
}

}
.contentWindow_2Cn8 {
min-height:200px
}
.description_J5d7 {
margin:0
}
.section_3ekk {
border-left:1px solid rgba(196,185,152,.27);border-right:1px solid rgba(196,185,152,.27);padding-top:40px
}
.section_3ekk .relatedChampions_1mEn {
margin:0 22px 22px
}
@media (min-width:1px) and (max-width:767px) {
.section_3ekk .relatedChampions_1mEn {
margin:0
}

}
@media (min-width:1px) and (max-width:767px) {
.section_3ekk {
padding-bottom:40px
}

}
.contentWindow_22sw {
border-left:1px solid rgba(196,185,152,.27);border-right:1px solid rgba(196,185,152,.27);margin:0;text-align:center
}
.description_D78T {
margin:0
}
.SingleImage_Zhp8 {
padding-bottom:70px;position:relative;text-align:center
}
@media (min-width:1px) and (max-width:767px) {
.SingleImage_Zhp8 {
padding-bottom:20px
}

}
.SingleImage_Zhp8.ExploreTheme_3WS6 .text_2bu2,.SingleImage_Zhp8.ModalTheme_350Q .text_2bu2 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400
}
.SingleImage_Zhp8.ExploreTheme_3WS6 .text_2bu2 {
color:#c4b998;font-size:12px;line-height:1.4;padding-bottom:16px;padding-top:46px
}
@media (min-width:1025px) {
.SingleImage_Zhp8.ExploreTheme_3WS6 .image_2Lxv img {
transition:transform .5s ease
}
.SingleImage_Zhp8.ExploreTheme_3WS6 .image_2Lxv img:hover {
transform:scale(1.05)
}

}
.SingleImage_Zhp8.ModalTheme_350Q .text_2bu2 {
color:#c4b998;font-size:15px;line-height:1.2
}
.SingleImage_Zhp8.ModalTheme_350Q .image_2Lxv {
max-width:1100px
}
.SingleImage_Zhp8.ModalTheme_350Q .image_2Lxv img {
max-height:105vh;max-width:1100px
}
.text_2bu2 {
font-family:Spiegel,Helvetica,sans-serif,microsoft yahei;font-weight:400;font-size:16px;color:rgba(236,224,215,.949);line-height:1.7;margin:0 auto;max-width:450px;padding-bottom:56px;position:relative;z-index:4
}
@media (min-width:1px) and (max-width:767px) {
.text_2bu2 {
max-width:90%
}

}
.image_2Lxv {
margin:0 auto;max-width:1000px;min-height:270px;position:relative
}
.image_2Lxv img {
max-height:80vh;max-width:700px;position:relative;z-index:2
}
@media (min-width:1px) and (max-width:767px) {
.image_2Lxv img {
max-height:675px;max-width:95%
}

}
@media (min-width:1800px) {
.image_2Lxv {
max-width:1200px
}

}
.DecorationFrames_2-TD {
position:absolute;top:0;right:0;bottom:0;left:0
}
.DecorationFrames_2-TD .rectangle_2Y7M,.DecorationFrames_2-TD .square_2NRm {
z-index:1
}
.DecorationFrames_2-TD .square_2NRm {
position:absolute;top:155px;right:70px;bottom:155px;left:70px;border:1px solid rgba(137,108,61,.5)
}
.DecorationFrames_2-TD .rectangle_2Y7M {
position:absolute;top:170px;right:40px;bottom:170px;left:40px;border:1px solid rgba(137,108,61,.6)
}
.DecorationFrames_2-TD .orb_3Umn {
position:absolute;top:-120px;right:0;bottom:-120px;left:0;background-position:50%;background-size:contain;background-repeat:no-repeat
}
@media (max-width:1024px) {
.DecorationFrames_2-TD {
display:none
}

}
.ModalSpecial_2mpc {
padding-top:56px
}
.modal_3k4p {
background-color:#151317;bottom:0;box-shadow:0 0 150px 130px rgba(0,0,0,.5);left:0;max-height:none;opacity:1;overflow:auto;padding-top:95px;position:fixed;right:0;top:0;z-index:10000000
}
@media (min-width:1px) and (max-width:767px) {
.modal_3k4p {
padding-top:49px
}

}
.modalEnter_2Ym1 {
-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;max-height:100vh;opacity:1
}
.modalEnterActive_1Odf {
-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:top;-moz-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(1,0,0,1);-moz-transition-timing-function:cubic-bezier(1,0,0,1);transition-timing-function:cubic-bezier(1,0,0,1);max-height:100vh;opacity:1
}
.modalEnterActive_1Odf .modalContent_3ixA {
opacity:0
}
.modalLeave_1aqr {
opacity:1
}
.modalLeaveActive_1bF2 {
-webkit-transform:scale(1.4);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-o-transform:scale(1.4);transform:scale(1.4);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.3s,.2s;-moz-transition-duration:.3s,.2s;transition-duration:.3s,.2s;-webkit-transition-delay:0s,.1s;-moz-transition-delay:0s,.1s;transition-delay:0s,.1s;-webkit-transition-timing-function:ease-out,ease-out;-moz-transition-timing-function:ease-out,ease-out;transition-timing-function:ease-out,ease-out;opacity:0
}
.DateSourceInput_1y7P {
color:#c4b998;font-family:Helvetica;font-size:12px;font-weight:700;margin:6px 0
}
.input_1hRu {
background-color:#121212;border:1px solid #262626;color:#937341;font-family:Comic,Monaco,Consolas;font-size:12px;padding:6px;width:100%
}
.isValid_1tXM {
border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#fff;padding:4px 2px;text-align:center;transition:background-color .4s ease;width:300px
}
.isValid_1tXM.valid_1a7W {
background-color:#5cb85c
}
.isValid_1tXM.invalid_2doc {
background-color:#d9534f
}
.splitItems_3LbC {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex
}
.splitItems_3LbC>div {
padding:0 20px 0 0
}
.splitItems_3LbC>div:last-child {
padding:0
}
.dropdown_1-MU {
-webkit-flex-grow:2;-moz-flex-grow:2;flex-grow:2;-ms-flex-positive:2
}
.dropdown_1-MU .Dropdown-root {
cursor:pointer;background-color:#1a1d21;border:1px solid #262626;color:#937341;font-family:Helvetica;font-size:12px;margin:6px 0;padding:2px 6px;position:relative
}
.dropdown_1-MU .Dropdown-control {
position:relative;overflow:hidden;box-sizing:border-box;cursor:default;outline:none;padding:8px 52px 8px 10px;transition:all .2s ease
}
.dropdown_1-MU .Dropdown-control:hover {
box-shadow:0 1px 0 rgba(0,0,0,.06)
}
.dropdown_1-MU .Dropdown-arrow {
border-color:#937341 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0
}
.dropdown_1-MU .is-open .Dropdown-arrow {
border-color:rgba(0,0,0,0) rgba(0,0,0,0) #937341;border-width:0 5px 5px
}
.dropdown_1-MU .Dropdown-menu {
background-color:#262626;border:1px solid #0a0a0c;box-shadow:0 1px 0 rgba(0,0,0,.06);box-sizing:border-box;margin-top:-1px;max-height:300px;overflow-y:auto;position:absolute;bottom:100%;width:calc(100% - 12px);z-index:1000;-webkit-overflow-scrolling:touch
}
.dropdown_1-MU .Dropdown-option {
box-sizing:border-box;color:#c4b998;cursor:pointer;display:block;padding:8px 10px
}
.dropdown_1-MU .Dropdown-option:last-child {
border-bottom-right-radius:2px;border-bottom-left-radius:2px
}
.dropdown_1-MU .Dropdown-option.is-selected,.dropdown_1-MU .Dropdown-option:hover {
background-color:#0a0a0c;color:#937341
}
.dropdown_1-MU .Dropdown-noresults {
box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px
}
.floatingHelper_2xSZ {
-webkit-transform:translate(550px,75px);-moz-transform:translate(550px,75px);-ms-transform:translate(550px,75px);-o-transform:translate(550px,75px);transform:translate(550px,75px);-webkit-transition:.8s ease;-moz-transition:ease .8s;transition:.8s ease;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s;position:relative
}
.floatingHelper_2xSZ:hover {
-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s
}
.hideHelperButton_2Vow {
position:absolute;top:8px;right:8px;color:#6c0607;cursor:pointer
}
.root_1uH5 {
cursor:pointer;padding:10px
}
.root_1uH5.dark_2SEN {
fill:#cdbd91
}
.root_1uH5.dark_2SEN:hover {
fill:#f0e6d2
}
.root_1uH5.light_3svr {
fill:#785a28
}
.root_1uH5.light_3svr:hover {
fill:#010a13
}
.FactionCrest_1S-y {
display:block;margin:auto
}
.list_4a30 {
background-color:#111315
}
.row_22M6 {
cursor:pointer
}
.row_22M6 .content_3IGT {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-transition:.6s ease;-moz-transition:ease .6s;transition:.6s ease;margin:0 auto;padding:20px 20px 20px 6px;width:65%
}
@media (min-width:1px) and (max-width:767px) {
.row_22M6 .content_3IGT {
background-color:#111315;padding:14px;width:95%
}

}
.row_22M6.active_3w92 {
background-color:#14181c;box-shadow:0 0 14px 8px rgba(5,5,5,.2)
}
.crestContainer_1OWc {
z-index:1
}
.crest_1j9Z {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;background-color:#151619;border-radius:50%;height:61px;margin:0 auto;position:relative;width:61px
}
.crest_1j9Z img {
max-height:42.7px;max-width:42.7px
}
@media (min-width:1px) and (max-width:767px) {
.crest_1j9Z img {
max-height:28.7px;max-width:28.7px
}

}
.crest_1j9Z:after {
position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:-webkit-linear-gradient(top,#c4a567,#5d4324);background-image:linear-gradient(180deg,#c4a567,#5d4324);border-radius:50%;content:"";z-index:-1
}
@media (min-width:1px) and (max-width:767px) {
.crest_1j9Z {
height:41px;width:41px
}

}
.champion_17pf {
display:inline-block;margin-right:14px;position:relative;width:65px
}
@media (min-width:1px) and (max-width:767px) {
.champion_17pf {
width:45px
}

}
.avatarContainer_gr5U {
padding-top:61px;position:relative;z-index:1
}
.avatarContainer_gr5U .avatar_3NGn {
border-radius:50%;height:61px;margin:0 auto;padding:10px 0;width:61px
}
.avatarContainer_gr5U .avatar_3NGn:after {
position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:-webkit-linear-gradient(top,#c4a567,#5d4324);background-image:linear-gradient(180deg,#c4a567,#5d4324);border-radius:50%;content:"";z-index:-1
}
@media (min-width:1px) and (max-width:767px) {
.avatarContainer_gr5U .avatar_3NGn {
height:41px;width:41px
}

}
@media (min-width:1px) and (max-width:767px) {
.avatarContainer_gr5U {
padding-top:41px
}

}
.row_22M6 h1 {
-webkit-transition:.2s ease;-moz-transition:ease .2s;transition:.2s ease;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:28px;color:rgba(211,199,170,.071);letter-spacing:4px;text-transform:uppercase;color:#c4b998;font-size:24px;opacity:.4;padding-left:14px
}
@media (min-width:1px) and (max-width:767px) {
.row_22M6 h1 {
font-size:16px;letter-spacing:2px;opacity:1
}

}
.row_22M6.active_3w92 h1 {
opacity:1
}
.App.B_CAPABLE_BROWSER .screenMask_1qeO,.App.C_CAPABLE_BROWSER .screenMask_1qeO,.App.C_CAPABLE_BROWSER .searchBar_2r7U {
display:none
}
.el_gr .center_3GA5 .search_1Ncd {
text-transform:none
}
.SearchBar_VeZN {
position:fixed;top:74px;right:0;left:0;background-color:#121212;min-height:50px;z-index:90009
}
.SearchBar_VeZN img {
display:inline-block
}
.bar_1bCr {
border-bottom:1px solid #937341;border-top:1px solid #937341;position:relative;text-align:center
}
.center_3GA5 {
align-items:center;display:flex;justify-content:flex-start;margin:0 auto;padding:25px 20px 20px;width:65%
}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 {
padding:6px;width:100%
}

}
.center_3GA5 .search_1Ncd {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:28px;color:rgba(211,199,170,.071);letter-spacing:4px;text-transform:uppercase;color:#c4b998;appearance:textfield;background-color:#121212;border:0;flex:1 0 auto;padding:20px
}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 .search_1Ncd {
font-size:16px;letter-spacing:2px
}

}
.center_3GA5 .search_1Ncd::-webkit-search-cancel-button,.center_3GA5 .search_1Ncd::-webkit-search-decoration {
appearance:none
}
.center_3GA5 .search_1Ncd::-webkit-input-placeholder {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:28px;color:rgba(211,199,170,.071);letter-spacing:4px;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 .search_1Ncd::-webkit-input-placeholder {
font-size:16px;letter-spacing:2px
}

}
.center_3GA5 .search_1Ncd::-moz-placeholder {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:28px;color:rgba(211,199,170,.071);letter-spacing:4px;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 .search_1Ncd::-moz-placeholder {
font-size:16px;letter-spacing:2px
}

}
.center_3GA5 .search_1Ncd:-moz-placeholder {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:28px;color:rgba(211,199,170,.071);letter-spacing:4px;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 .search_1Ncd:-moz-placeholder {
font-size:16px;letter-spacing:2px
}

}
.center_3GA5 .search_1Ncd:-ms-input-placeholder {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:28px;color:rgba(211,199,170,.071);letter-spacing:4px;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 .search_1Ncd:-ms-input-placeholder {
font-size:16px;letter-spacing:2px
}

}
@media (min-width:1px) and (max-width:767px) {
.center_3GA5 .search_1Ncd {
padding-left:0
}

}
.right_3Mzc {
position:absolute;right:35px;bottom:38px
}
@media (min-width:1px) and (max-width:767px) {
.right_3Mzc {
bottom:24px;right:28px
}

}
.right_3Mzc .close_3rra {
cursor:pointer;display:inline-block;height:32px;overflow:hidden;position:relative;width:32px
}
@media (min-width:1px) and (max-width:767px) {
.right_3Mzc .close_3rra {
height:24px;width:24px
}

}
.right_3Mzc .close_3rra:hover:after,.right_3Mzc .close_3rra:hover:before {
background:#c4b998
}
.right_3Mzc .close_3rra:after,.right_3Mzc .close_3rra:before {
background:#67512c;content:"";height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transition:background .2s ease;width:100%
}
.right_3Mzc .close_3rra:before {
transform:rotate(45deg)
}
.right_3Mzc .close_3rra:after {
transform:rotate(-45deg)
}
.right_3Mzc .close_3rra:after,.right_3Mzc .close_3rra:before {
left:-50%;width:200%
}
.screenMask_1qeO {
position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0a0c;height:100vh;opacity:0;pointer-events:none;transition:opacity .28s ease;width:100vw;z-index:-1000
}
.screenMask_1qeO.visible_1N69 {
opacity:.75;pointer-events:auto
}
.icon_3QlR .svg_3vdH {
-webkit-transition:fill .4s ease;-moz-transition:ease .4s fill;transition:fill .4s ease
}
.icon_3QlR .arrow_3geb {
-webkit-transition:transform .2s ease;-moz-transition:ease .2s transform;transition:transform .2s ease
}
:hover>.icon_3QlR .svg_3vdH {
fill:#c4b998!important
}
:hover>.icon_3QlR .arrow_3geb {
-webkit-transform:translate3d(2px,-1px,0);-moz-transform:translate3d(2px,-1px,0);-ms-transform:translate3d(2px,-1px,0);-o-transform:translate3d(2px,-1px,0);transform:translate3d(2px,-1px,0)
}
.secondaryNav_HSYD {
background-color:#121212;border-bottom:2px solid #262626;height:50px;text-align:center
}
.secondaryNav_HSYD .label_32do,.secondaryNav_HSYD a {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;font-size:14px;color:#c9aa71;display:inline-block;line-height:44px;margin:0 .85em;padding-top:2px;text-decoration:none;text-transform:uppercase;transition:color 1s cubic-bezier(.06,.81,0,.98)
}
@media (max-width:1024px) {
.secondaryNav_HSYD .label_32do,.secondaryNav_HSYD a {
margin:0 .6375em
}

}
.secondaryNav_HSYD a.selected_2mlQ,.secondaryNav_HSYD a.selected_2mlQ:hover {
color:#fff
}
.secondaryNav_HSYD a:hover {
color:#f1e6d0
}
.secondaryNav_HSYD .label_32do {
color:#f1e6d0;cursor:default;opacity:.7
}
.hoverSecondaryNav_2d0L {
position:absolute;width:100%;z-index:2990000
}
.MobileSecondLevel_334f {
position:relative;z-index:10000000000
}
.menu_zqan {
background-color:#111;left:0;min-height:500px;padding:18px;position:absolute;width:248px;z-index:2
}
.zh_cn .menu_zqan {
min-height:100vh
}
.mask_3fjF {
bottom:0;left:0;position:fixed;right:0;top:0;z-index:1
}
.back_2giO,.items_20j0 a,.items_20j0 h2 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;color:#c9aa71;display:block;text-transform:uppercase
}
.back_2giO {
border-bottom:2px dotted #262626;font-size:14px;font-weight:700;line-height:16px;margin-bottom:18px;padding:0 0 9px 18px;position:relative
}
.back_2giO:before {
background-image:url(https://cdn.leagueoflegends.com/riotbar/prod/1.6.61/images/navigation/arrow-left.png);background-position:0;background-repeat:no-repeat;content:" ";height:16px;left:0;position:absolute;top:0;width:16px;z-index:99999
}
.items_20j0 h2 {
color:#f1e6d0;font-size:14px;font-weight:700;margin:9px 0 18px
}
.items_20j0 a {
font-size:18px;font-weight:700;margin-bottom:18px
}
.items_20j0 a.selected_1IoD {
color:#fff
}
@media (max-width:1024px) {
a[data-riotbar-link-id=collections] {
position:relative
}
a[data-riotbar-link-id=collections]:after {
background-image:url(https://cdn.leagueoflegends.com/riotbar/prod/1.6.61/images/navigation/arrow-left.png);background-position:50%;background-repeat:no-repeat;content:" ";height:16px;overflow:visible;position:absolute;right:4px;top:4px;transform:scaleX(-1);width:16px;z-index:99999
}

}
.App.B_CAPABLE_BROWSER .screenMask_2OxG,.App.C_CAPABLE_BROWSER .screenMask_2OxG {
display:none
}
.riotbar-navbar-title .beta-badge {
display:inline-block;font-size:13px;opacity:.7;transform:translateY(-3px);color:#f1e6d0!important;margin:0!important;padding:0!important;border:0!important;line-height:inherit!important;overflow:unset!important
}
#riotbar-locale-switch-trigger {
color:#c4b998!important;text-shadow:0 0 0!important
}
#riotbar-navbar a {
cursor:pointer
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
body {
-webkit-text-size-adjust:none;line-height:1;-webkit-font-smoothing:antialiased
}
ol,ul {
list-style:none
}
blockquote,q {
quotes:none
}
blockquote:after,blockquote:before,q:after,q:before {
content:"";content:none
}
table {
border-collapse:collapse;border-spacing:0
}
select:-moz-focusring {
color:rgba(0,0,0,0);text-shadow:0 0 0 #000
}
a {
text-decoration:none
}
a,button {
color:inherit;-webkit-tap-highlight-color:transparent;-webkit-transition:.2s;-moz-transition:.2s;transition:.2s
}
a:focus,a:visited,button:focus,input:focus,textarea:focus {
outline:none
}
input:invalid {
box-shadow:none
}
li {
vertical-align:top
}
em,i {
font-style:italic
}
b,strong {
font-weight:700
}
.swiper-container {
margin:0 auto;position:relative;overflow:hidden;z-index:1
}
.swiper-container-no-flexbox .swiper-slide {
float:left
}
.swiper-container-vertical>.swiper-wrapper {
-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column
}
.swiper-wrapper {
position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translate(0);-ms-transform:translateZ(0);transform:translateZ(0)
}
.swiper-container-multirow>.swiper-wrapper {
-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper {
-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto
}
.swiper-slide {
-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
height:auto
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height
}
.swiper-container .swiper-notification {
position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000
}
.swiper-wp8-horizontal {
-ms-touch-action:pan-y;touch-action:pan-y
}
.swiper-wp8-vertical {
-ms-touch-action:pan-x;touch-action:pan-x
}
.swiper-button-next,.swiper-button-prev {
position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:50%;background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
opacity:.35;cursor:auto;pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");left:10px;right:auto
}
.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}
.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");right:10px;left:auto
}
.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}
.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}
.swiper-pagination {
position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
opacity:0
}
.swiper-pagination-bullet {
width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2
}
button.swiper-pagination-bullet {
border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor:pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
background:#fff
}
.swiper-pagination-bullet-active {
opacity:1;background:#007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background:#fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background:#000
}
.swiper-container-vertical>.swiper-pagination {
right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translateY(-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
margin:5px 0;display:block
}
.swiper-container-horizontal>.swiper-pagination {
bottom:10px;left:0;width:100%
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
margin:0 5px
}
.swiper-container-3d {
-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective:1200px
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide,.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events:auto
}
.swiper-container-cube {
overflow:visible
}
.swiper-container-cube .swiper-slide {
pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
pointer-events:auto;visibility:visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden
}
.swiper-container-cube .swiper-cube-shadow {
position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0
}
.swiper-scrollbar {
border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%
}
.swiper-container-vertical>.swiper-scrollbar {
position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%
}
.swiper-scrollbar-drag {
height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0
}
.swiper-scrollbar-cursor-drag {
cursor:move
}
.ko_kr h1,.ko_kr h2,.ko_kr h3,.ko_kr h4,.ko_kr h5,.ko_kr p,.ko_kr span {
word-break:keep-all
}
html {
box-sizing:border-box;margin:0 auto;max-width:100vw
}
h1 {
color:#c4b998
}
h2 {
color:#937341
}
*,:after,:before {
box-sizing:inherit
}
body {
margin-top:80px;max-width:100%;overflow-x:hidden
}
body.riot-bar-hidden {
margin-top:0!important
}
body.riot-bar-hidden #riotbar-bar {
display:none;opacity:0;pointer-events:none
}
body.riot-bar-hidden #riotbar-subbar {
opacity:0;pointer-events:none
}
#Preloader {
position:fixed;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity .4s ease;-moz-transition:ease .4s opacity;transition:opacity .4s ease;background-color:#0a0a0c;pointer-events:none;z-index:100000000000
}
#Preloader.pageLoaded {
opacity:0
}
#Preloader.hidden {
display:none
}
#riotbar-alerts {
z-index:10000000!important
}
p a {
color:#937341
}
p a:hover {
color:#c4b998
}
.riotbar-footer {
position:relative;z-index:2
}
body {
/*background-color:#0a0a0c */
background-color: #1c110c;
}
@font-face {
font-family:Beaufort for LOL;src:url(/dfaa3c3645c6db405829027b4b7b1113.eot);src:url(/dfaa3c3645c6db405829027b4b7b1113.eot?#iefix) format("embedded-opentype"),url(../fonts/23d6b0340d74cbd584a52fe77ce5a166.woff2) format("woff2"),url(../fonts/d15e6ad5b80db3bfe20fe8ea6f20e83b.woff) format("woff"),url(/5acea4f0369075061cc43de4980af24e.svg#BeaufortforLOL-Bold) format("svg");font-weight:700;font-style:normal
}
@font-face {
font-family:Beaufort for LOL;src:url(/ed31290375e2ca5380a98bc9f1e8fb59.eot);src:url(/ed31290375e2ca5380a98bc9f1e8fb59.eot?#iefix) format("embedded-opentype"),url(../fonts/5b8e55ee0ce2f81de23d967ccb6e4805.woff2) format("woff2"),url(../fonts/09d2ee7f591ed9f2960665c618881526.woff) format("woff"),url(/1312628e4b879f80ac93e52063481a6a.svg#BeaufortforLOL-Medium) format("svg");font-weight:500;font-style:normal
}
@font-face {
font-family:Beaufort for LOL;src:url(/742637818f4da2d7ab032a87a3996425.eot);src:url(/742637818f4da2d7ab032a87a3996425.eot?#iefix) format("embedded-opentype"),url(../fonts/e2263194ec33cc76db4d74b36ae9db85.woff2) format("woff2"),url(../fonts/628500539be9e29c30fbcf9957241368.woff) format("woff"),url(/bb7c942f4060d666e376ea46a5205be4.svg#BeaufortforLOL-Regular) format("svg");font-weight:400;font-style:normal
}
@font-face {
font-family:Beaufort for LOL;src:url(/2ae9a849b24fc0c7222a4a2a71797c70.eot);src:url(/2ae9a849b24fc0c7222a4a2a71797c70.eot?#iefix) format("embedded-opentype"),url(../fonts/d565d65501eed3c1405fd4fb4d9bc059.woff2) format("woff2"),url(../fonts/e564db88660d83225d5a299ea8cb4482.woff) format("woff"),url(/b9593f7870ecf51f8b1cbc474d641c5f.svg#BeaufortforLOL-BoldItalic) format("svg");font-weight:700;font-style:italic
}
@font-face {
font-family:Beaufort for LOL;src:url(/8cdbfeeb370b1f5d9d846e3f41b04b74.eot);src:url(/8cdbfeeb370b1f5d9d846e3f41b04b74.eot?#iefix) format("embedded-opentype"),url(/a6fdfe48c5651e8ea001c823a0b8ca67.woff2) format("woff2"),url(/1b240ebbddd3737744426ea0cbd5b6a4.woff) format("woff"),url(/a64ad0216fa558ffb9d882f547380cba.svg#BeaufortforLOL-MediumItalic) format("svg");font-weight:500;font-style:italic
}
@font-face {
font-family:Beaufort for LOL;src:url(/d56c029bb0f1395b564fa2a596f0c5fa.eot);src:url(/d56c029bb0f1395b564fa2a596f0c5fa.eot?#iefix) format("embedded-opentype"),url(/15f1dfc350da4c43a46c0ec82d7c7dbb.woff2) format("woff2"),url(/db78642547cd72ce590d23dde7cfdce0.woff) format("woff"),url(/b0c04fe2eff085a0512607c924cd0c9d.svg#BeaufortforLOL-Italic) format("svg");font-weight:400;font-style:italic
}
@font-face {
font-family:BarlowCondensed;src:url(/93326123e18d745db1b1f22481da4def.woff2) format("woff2"),url(/4169612cf0ee2b350dbc08a83880b96f.woff) format("woff"),url(/c1d1e26568cb49c9042253c67420fa8a.ttf) format("truetype");font-weight:700;font-style:italic
}
@font-face {
font-family:Spiegel;src:url(/4fa4114efbc9f35ae9decb7f7462f182.eot);src:url(/4fa4114efbc9f35ae9decb7f7462f182.eot?#iefix) format("embedded-opentype"),url(../fonts/84c7427658adb1e1b6f6ca981c343700.woff2) format("woff2"),url(../fonts/b2a8ccc1b6a4167640e7a229825bee84.woff) format("woff"),url(/e3c4efdc5cee08b31fbe15bad084f24a.svg#Spiegel-Bold) format("svg");font-weight:700;font-style:normal
}
@font-face {
font-family:Spiegel;src:url(/a7a273890359ed646ed1435f5f6a47b0.eot);src:url(/a7a273890359ed646ed1435f5f6a47b0.eot?#iefix) format("embedded-opentype"),url(/8707f628ffcd6158c283e1108cb39d67.woff2) format("woff2"),url(/42d6a922e39b552b225dc3d13e844e17.woff) format("woff"),url(/7e94ed9b4b919b110ebcbda732c6b0bf.svg#Spiegel-SemiBold) format("svg");font-weight:600;font-style:normal
}
@font-face {
font-family:Spiegel;src:url(/cdfc1070ff9beb81be88a548aed7888f.eot);src:url(/cdfc1070ff9beb81be88a548aed7888f.eot?#iefix) format("embedded-opentype"),url(/45d45c1a2ebb617abaa9c3b35143db4a.woff2) format("woff2"),url(/75afb186fefa19396cd1e107a4d88aa0.woff) format("woff"),url(/794ee7d9aeedc30e6b2c364b79a1df88.svg#Spiegel-Regular) format("svg");font-weight:400;font-style:normal
}
@font-face {
font-family:Spiegel;src:url(/cc631ee16c440c5ab41e913007942ad4.eot);src:url(/cc631ee16c440c5ab41e913007942ad4.eot?#iefix) format("embedded-opentype"),url(/65ee18a31f05d1a0dd639f1bdf675ebd.woff2) format("woff2"),url(/0479a24ac1a7607c1557f96d5f770556.woff) format("woff"),url(/e8f33e127ffcb0248b5409124f49a887.svg#Spiegel-BoldItalic) format("svg");font-weight:700;font-style:italic
}
@font-face {
font-family:Spiegel;src:url(/c3df59bc78d64702ad1a33775fe02337.eot);src:url(/c3df59bc78d64702ad1a33775fe02337.eot?#iefix) format("embedded-opentype"),url(/5bea6c05bf275c37a29009c2a973aca0.woff2) format("woff2"),url(/2e150f55f3107c30e06b49500d4f56fb.woff) format("woff"),url(/afa06b97da72d3b231e82258701d0de8.svg#Spiegel-SemiBoldItalic) format("svg");font-weight:600;font-style:italic
}
@font-face {
font-family:Spiegel;src:url(/76687c31f644c962f35ea8b1d6d6c10b.eot);src:url(/76687c31f644c962f35ea8b1d6d6c10b.eot?#iefix) format("embedded-opentype"),url(/641ebfbae88230bfa91a9836dfefa1f4.woff2) format("woff2"),url(/95f25cfa1f75d5e17e900cb40a989620.woff) format("woff"),url(/93252070d5da188c63bc96cdfa0348e3.svg#Spiegel-RegularItalic) format("svg");font-weight:400;font-style:italic
}
@font-face {
font-family:Industry W00 Bold Italic;src:url(/ecd8f5e583cbd14e9262cc3480fe70b5.eot?#iefix);src:url(/ecd8f5e583cbd14e9262cc3480fe70b5.eot?#iefix) format("eot"),url(/45cfa45395f77e4f1628dc01bfdeda28.woff2) format("woff2"),url(/b933c8411d352af390eaa3d1c308b1b2.woff) format("woff"),url(/df259ea2bf18a1ccb835355c4e0c635f.ttf) format("truetype");font-weight:700;font-style:italic
}
@font-face {
font-family:Industry W00 Ultra Italic;src:url(/2e80e797047f68799f5766dcb0286471.eot?#iefix);src:url(/2e80e797047f68799f5766dcb0286471.eot?#iefix) format("eot"),url(/431bb112173012919644cccd3c72fdb8.woff2) format("woff2"),url(/78dea6add2632d87a96172f362c8cd03.woff) format("woff"),url(/33b9d2e9048474908c3adf715d87e0a5.ttf) format("truetype");font-weight:800;font-style:italic
}


@font-face {
font-family: "DXAngelusMediaval"; 
src: url("../fonts/dxangelusmediaval.otf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
} 

@font-face {
font-family: "Lora"; 
src: url("../fonts/Lora-Regular.ttf") format("truetype"); 
font-style: normal; 
font-weight: normal; 
} 

.DirectionButton_2dc5{
cursor:pointer;
overflow:visible
}

.DirectionButton_2dc5 .outerRing_YuAX,.DirectionButton_2dc5 .outerRingBackground_2wCm{
transform-origin:48px 50px;
transition:.2s
}
.DirectionButton_2dc5 .outerRingBackground_2wCm{
fill:#191c20
}
.DirectionButton_2dc5 .innerRing_3clI,.DirectionButton_2dc5 .innerRingBackground_17Cy{
transition:.2s
}
.DirectionButton_2dc5 .innerRingBackground_17Cy{
fill:#191c20
}
.DirectionButton_2dc5:hover .outerRing_YuAX,.DirectionButton_2dc5:hover .outerRingBackground_2wCm{
transform:scale(1.1)
}
.DirectionButton_2dc5:active .innerRing_3clI{
opacity:.7
}
.DirectionButton_2dc5:active .innerRingBackground_17Cy{
fill:#000
}
.DirectionButton_2dc5:active .Arrow_2_gT{
opacity:.8
}
.NextDirectionTranslateHack_1U8x{
transform:translateY(2px)
}
.PreviousDirectionTranslateHack_1tV9{
transform:translate(2px,1.5px)
}
@-webkit-keyframes activateSlideImage_1vzm{
0%{
-webkit-transform:scale(1);
-webkit-filter:grayscale(100%) brightness(.3)
}
50%{
-webkit-transform:scale(1);
-webkit-filter:grayscale(100%) brightness(.6)
}
75%{
-webkit-transform:scale(1);
-webkit-filter:grayscale(0) brightness(.8)
}
to{
-webkit-transform:scale(1.2);
-webkit-filter:grayscale(0) brightness(1)
}

}
@-moz-keyframes activateSlideImage_1vzm{
0%{
-moz-transform:scale(1)
}
50%{
-moz-transform:scale(1)
}
75%{
-moz-transform:scale(1)
}
to{
-moz-transform:scale(1.2)
}

}
@keyframes activateSlideImage_1vzm{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-filter:grayscale(100%) brightness(.3);
filter:grayscale(100%) brightness(.3)
}
50%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-filter:grayscale(100%) brightness(.6);
filter:grayscale(100%) brightness(.6)
}
75%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-filter:grayscale(0) brightness(.8);
filter:grayscale(0) brightness(.8)
}
to{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-ms-transform:scale(1.2);
-o-transform:scale(1.2);
transform:scale(1.2);
-webkit-filter:grayscale(0) brightness(1);
filter:grayscale(0) brightness(1)
}

}
.slide_poLk{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
max-width:900px;
position:relative;
width:95%;
z-index:5
}
@media (min-width:768px){
.slide_poLk{
width:80%
}

}
@media (min-width:1px) and (max-width:767px){
.slide_poLk{
max-width:350px
}

}
.slide_poLk.swiper-slide-active{
z-index:10
}
.slide_poLk.swiper-slide-active .image_1Iv4{
-webkit-filter:brightness(1);
filter:brightness(1);
box-shadow:0 0 16px 14px rgba(0,0,0,.4)
}
@media (min-width:768px){
.slide_poLk.swiper-slide-active .image_1Iv4{
-webkit-animation-name:activateSlideImage_1vzm;
-moz-animation-name:activateSlideImage_1vzm;
animation-name:activateSlideImage_1vzm;
-webkit-animation-timing-function:ease-in-out;
-moz-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
-webkit-animation-duration:.6s;
-moz-animation-duration:.6s;
animation-duration:.6s;
-webkit-animation-iteration-count:1;
-moz-animation-iteration-count:1;
animation-iteration-count:1;
-webkit-filter:grayscale(0) brightness(1);
filter:grayscale(0) brightness(1);
-webkit-transform:scale(1.22);
-moz-transform:scale(1.22);
-ms-transform:scale(1.22);
-o-transform:scale(1.22);
transform:scale(1.22)
}

}
.slide_poLk.swiper-slide-next,.slide_poLk.swiper-slide-prev{
transition:transform-origin 0s 0s,transform 1s 0s,z-index .5s .5s;
z-index:5
}
@media (min-width:768px){
.slide_poLk.swiper-slide-next .image_1Iv4,.slide_poLk.swiper-slide-prev .image_1Iv4{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}

}
.image_1Iv4{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#0a0a0c;
box-shadow:0 0 16px 2px rgba(0,0,0,.2);
-webkit-filter:brightness(.3);
filter:brightness(.3);
-webkit-transition-property:filter,box-shadow;
-moz-transition-property:filter,box-shadow;
transition-property:filter,box-shadow;
-webkit-transition-duration:.5s;
-moz-transition-duration:.5s;
transition-duration:.5s
}
@media (min-width:768px){
.image_1Iv4{
-webkit-filter:grayscale(100%) brightness(.3);
filter:grayscale(100%) brightness(.3);
-webkit-transform-origin:50% 100%;
-moz-transform-origin:50% 100%;
-ms-transform-origin:50% 100%;
-o-transform-origin:50% 100%;
transform-origin:50% 100%;
-webkit-transition:all .5s ease;
-moz-transition:all ease .5s;
transition:all .5s ease
}

}
.slideDescription_308e{
    border-bottom: 2px solid #3c1f1e;
    border-top: 2px solid #3c1f1e;
    cursor: default;
    overflow: visible;
    position: relative;
    z-index: 4;
}
@media (min-width:768px){
.slideDescription_308e{
-webkit-transition:.6s ease;
-moz-transition:.6s ease;
transition:.6s ease;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}

}
.slideDescription_308e .upperTriangle_3DLP{
position:absolute;
right:0;
bottom:100%;
left:0;
bottom:-webkit-calc(100% + 1px);
bottom:calc(100% + 1px)
}
.slideDescription_308e .lowerTriangle_3S0y{
position:absolute;
top:100%;
right:0;
left:0;
top:-webkit-calc(100% + 1px);
top:calc(100% + 1px);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
.slideDescription_308e .triangleBackground_AL_B{
border-color:rgba(0,0,0,0) rgba(0,0,0,0) #0f0f0f;
border-style:solid;
border-width:0 16.665vw;
height:0;
width:0
}
@media (min-width:768px){
.slideDescription_308e .triangleBackground_AL_B{
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
transition-duration:.6s;
-webkit-transition-property:border-width,border-color,height;
-moz-transition-property:border-width,border-color,height;
transition-property:border-width,border-color,height
}

}
@media (min-width:1px) and (max-width:767px){
.slideDescription_308e .triangleBackground_AL_B{
border-width:0 50vw 30px!important
}

}
/*.slideDescription_308e.slideActive_12dg{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
background-color:#16171b;
border-bottom:2px solid #16171b;
border-top:2px solid #16171b;
z-index:5
}*/
.slideDescription_308e.slideActive_12dg{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
z-index:5;
border: none;
}
@media (min-width:1px) and (max-width:767px){
.slideDescription_308e.slideActive_12dg{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
border: none;
}

}
.slideDescription_308e.slideActive_12dg .triangleBackground_AL_B{
border-color:rgba(0,0,0,0) rgba(0,0,0,0) #16171b;
border-width:0 16.665vw 30px
}
.slideDescription_308e.slideActive_12dg canvas,.slideDescription_308e.slideActive_12dg h1,.slideDescription_308e.slideActive_12dg h2,.slideDescription_308e.slideActive_12dg img,.slideDescription_308e.slideActive_12dg p,.slideDescription_308e.slideActive_12dg p:after{
opacity:1
}
.slideDescription_308e.slideActive_12dg img{
-webkit-transition-duration:.6s;
-moz-transition-duration:.6s;
transition-duration:.6s
}
.slideDescription_308e.slideActive_12dg:hover{
background-color:#0e1114;
/*border-bottom:2px solid #0e1114;
border-top:2px solid #0e1114 */
}
.slideDescription_308e.slideActive_12dg:hover .triangleBackground_AL_B{
border-color:rgba(0,0,0,0) rgba(0,0,0,0) #0e1114
}
.App.B_CAPABLE_BROWSER .slideDescription_308e,.App.C_CAPABLE_BROWSER .slideDescription_308e{
-webkit-transition:none;
-moz-transition:none;
transition:none
}
.App.B_CAPABLE_BROWSER .slideDescription_308e .triangleBackground_AL_B,.App.C_CAPABLE_BROWSER .slideDescription_308e .triangleBackground_AL_B{
-webkit-transition:none;
-moz-transition:none;
transition:none;
-webkit-transition-property:none;
-moz-transition-property:none;
transition-property:none
}
.slideDescriptionsContainer_PFaf{
background-color: #110b0d;
border-bottom: 2px solid #110b0d;
border-top: 2px solid #110b0d;
box-shadow:0 0 16px 14px rgba(0,0,0,.4);
cursor:pointer;
overflow:visible;
position:relative;
/*top:100px;*/
top: -76px;
width:100%;
z-index:6
}
.slideDescription_308e{
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-ms-flex-pack:center;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
box-orient:vertical;
-webkit-box-direction:normal;
-moz-box-direction:normal;
box-direction:normal;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-ms-flex-direction:column;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
background-color:#110b0d;
height:180px;
text-align:center;
width:33.33vw
}
.slideDescription_308e canvas,.slideDescription_308e h1,.slideDescription_308e h2,.slideDescription_308e img,.slideDescription_308e p{
-webkit-transition:opacity .55s ease;
-moz-transition:opacity .55s ease;
transition:opacity .55s ease;
opacity:.15
}
.slideDescription_308e h1{
color:#937341;
font-size:30px;
letter-spacing:3px;
padding:7px 50px 14px;
text-transform:uppercase
}
@media (min-width:768px) and (max-width:1024px){
.slideDescription_308e h1{
font-size:18px;
padding:7px 15px 14px
}

}
.slideDescription_308e h2{
color:#c4b998;
font-size:14px;
    margin-top: 20px;
letter-spacing:4px;
padding:0 50px;
text-transform:uppercase
}
.slideDescription_308e p{
color:#c4b998;
font-size:12px;
line-height:1.4;
padding:0 50px 20px;
position:relative
}
@media (min-width:768px) and (max-width:1024px){
.slideDescription_308e p{
font-size:12px;
padding:0 10px 20px
}

}
@media (min-width:1280px){
.slideDescription_308e p:after{
-webkit-transition:opacity 1.5s ease;
-moz-transition:opacity 1.5s ease;
transition:opacity 1.5s ease;
left:-webkit-calc(50% - 30px);
left:calc(50% - 30px);
background:#937341;
bottom:0;
content:"";
height:2px;
opacity:0;
position:absolute;
width:60px
}

}
.slideDescription_308e img{
-webkit-transition:opacity .55s ease;
-moz-transition:opacity .55s ease;
transition:opacity .55s ease;
-webkit-transition-delay:0s;
-moz-transition-delay:0s;
transition-delay:0s;
max-height:30px;
max-width:25px;
opacity:0;
padding:0 15px 15px
}
.slideDescription_308e canvas{
position:absolute;
top:-32px;
right:0;
bottom:-32px;
left:0;
-webkit-transition:opacity 1.25s ease;
-moz-transition:opacity 1.25s ease;
transition:opacity 1.25s ease
}
@media (min-width:1px) and (max-width:767px){

}
.prevBtn_1STY{
left:10px
}
.nextBtn_1fyG,.prevBtn_1STY{
position:absolute;
top:50%;
z-index:1000
}
.nextBtn_1fyG{
right:10px
}
.buttonContainer_26Ih{
height:375px;
width:100%;
margin:0 auto;
max-width:1280px;
position:absolute;
left:0;
right:0
}
.fallbackHero_3SRo{
height:575px;
margin-bottom:100px;
position:relative;
width:100%;
z-index:5
}
.fallbackHero_3SRo ul li{
display:inline-block
}
.item_2o1C{
position:relative;
width:50%
}
.item_2o1C:first-child,.item_2o1C:last-child{
width:25%
}
.item_2o1C:first-child .image_1xkI,.item_2o1C:last-child .image_1xkI{
top:25%
}
.itemDescription_32Fo{
cursor:pointer;
position:relative;
width:33.3%
}
.itemDescription_32Fo:hover .descriptionInner_25DR{
background-color:#0f0f0f
}
.itemDescription_32Fo:first-child:hover h1,.itemDescription_32Fo:first-child:hover h2,.itemDescription_32Fo:first-child:hover img,.itemDescription_32Fo:last-child:hover h1,.itemDescription_32Fo:last-child:hover h2,.itemDescription_32Fo:last-child:hover img{
opacity:.9
}
.itemDescription_32Fo:first-child h1,.itemDescription_32Fo:first-child h2,.itemDescription_32Fo:first-child img,.itemDescription_32Fo:last-child h1,.itemDescription_32Fo:last-child h2,.itemDescription_32Fo:last-child img{
opacity:.4
}
.hero_1Uc7{
height:375px;
position:relative
}
.descriptionInner_25DR{
background-color:#16171b;
border:1px solid #1d1d1d;
height:184px;
text-align:center
}
.description_3AKo{
background-color:#0f0f0f;
border-top:1px solid #1d1d1d;
height:200px;
padding:8px
}
.description_3AKo .icon_1CIU{
height:56px;
padding:14px
}
.description_3AKo h1{
color:#937341;
font-size:28px;
letter-spacing:3px;
padding:0 75px 15px;
text-transform:uppercase
}
.description_3AKo h2{
color:#c4b998;
font-size:12px;
letter-spacing:4px;
padding:0 50px;
text-transform:uppercase
}
.container_3gdZ,.heroSlider_2F8z{
position:relative
}
.container_3gdZ:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	background: #ca96572b;
    /*background-image: url(../images/toi.jpeg);*/
    background-size: cover;
    background-position: center;
    opacity: .9;
}
.container_3gdZ{
/*height:800px;
max-height:800px;*/
height: 100%;
top:-9px;
width:100%;
z-index:5;
background: black;
}
@media (min-width:1px) and (max-width:767px){
.container_3gdZ{
height:52vh;
min-height:100%;
top:-38px
}

}
@media (min-width:768px){
.wrapper_3KPF{
margin-top:100px
}

}
.descriptions_2Ztg{
/*height:380px;*/
margin-bottom:-105px;
overflow-x:hidden;
position:relative;
top:-105px
}
@media (min-width:1px) and (max-width:767px){


}
.swiper-button-prev{
left:-webkit-calc(55% - 646px);
left:calc(55% - 646px);
top:-webkit-calc(50% - 5px);
top:calc(50% - 5px);
background-image:none
}
@media (max-width:1280px){
.swiper-button-prev{
left:-webkit-calc(5% - 60px);
left:calc(5% - 60px)
}

}
.swiper-button-next{
right:-webkit-calc(55% - 646px);
right:calc(55% - 646px);
top:-webkit-calc(50% - 5px);
top:calc(50% - 5px);
background-image:none
}
@media (max-width:1280px){
.swiper-button-next{
right:-webkit-calc(5% - 62px);
right:calc(5% - 62px)
}

}
.carousel_1V2K{
overflow:visible;
overflow-x:hidden;
overflow-y:visible
}
.carouselUl_2yeG{
box-sizing:border-box
}
.carouselWrap_1fxM{
margin:20px 0 10px;
position:relative
}
@media (max-width:1024px){
.carouselWrap_1fxM{
margin:20px 0 -30px
}

}
.carouselContentItem_1S3M{
width:auto
}
@media (max-width:1024px){
.carouselContentItem_1S3M{
margin-right:0!important;
width:100%
}

}
@media (min-width:768px){
.carouselContentItem_1S3M.activeSlide_1DKd:hover .carouselItemImg_K6bT{
-webkit-transform:scale(1.02);
-moz-transform:scale(1.02);
-ms-transform:scale(1.02);
-o-transform:scale(1.02);
transform:scale(1.02)
}

}
.carouselContentItemWrap_6Q7w{
overflow:hidden
}
.carouselFramer_DfDT{
	position:absolute;
	top:-140px;
	right:5.5%;
	bottom:10px;
	left:5.5%;
	border-bottom:1px solid #2d1a18;
	/*pointer-events:none;*/
	z-index:2
}
@media (max-width:1024px){
.carouselFramer_DfDT{
display:none
}

}
.carouselFramer_tl_3nbE,.carouselFramer_tr_2HAL{
width:-webkit-calc(50% - 240px);
width:calc(50% - 240px);
background:#2d1a18;
height:1px
}
.carouselFramer_tl_3nbE:before,.carouselFramer_tr_2HAL:before{
height:5px;
width:5px;
position:absolute;
top:-2px;
left:-5px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
border:1px solid #2d1a18;
content:"\25C7";
font-size:0
}
.carouselFramer_tr_2HAL{
position:absolute;
top:70px;
right:0
}
.carouselFramer_tl_3nbE{
position:absolute;
top:70px;
left:0
}
.carouselFramer_tl_3nbE:before{
position:absolute;
top:auto;
right:-5px;
bottom:-2px;
left:auto
}
.carouselFramer_lt_15s5,.carouselFramer_rt_24EO{
height:-webkit-calc(50% - 205px);
height:calc(50% - 205px);
background:#2d1a18;
width:1px
}
.carouselFramer_lt_15s5:before,.carouselFramer_rt_24EO:before{
height:5px;
width:5px;
position:absolute;
bottom:-5px;
left:-2px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
border:1px solid #2d1a18;
content:"\25C7";
font-size:0
}
.carouselFramer_lb_3ONy,.carouselFramer_rb_3M5k{
height:-webkit-calc(50% - 165px);
height:calc(50% - 165px);
background:#2d1a18;
width:1px
}
.carouselFramer_lb_3ONy:before,.carouselFramer_rb_3M5k:before{
height:5px;
width:5px;
position:absolute;
top:-5px;
left:-2px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
border:1px solid #2d1a18;
content:"\25C7";
font-size:0
}
.carouselFramer_rt_24EO{
position:absolute;
top:70px;
right:0
}
.carouselFramer_lt_15s5{
position:absolute;
top:70px;
left:0
}
.carouselFramer_rb_3M5k{
position:absolute;
right:0;
bottom:0
}
.carouselFramer_lb_3ONy{
position:absolute;
bottom:0;
left:0
}
@media (min-width:1025px){
.carouselNavNext_3CBm,.carouselNavPrev_1Idp{
top:50%;
-webkit-transform:translateY(-15px);
-moz-transform:translateY(-15px);
-ms-transform:translateY(-15px);
-o-transform:translateY(-15px);
transform:translateY(-15px);
height:65px;
width:65px;
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:700;
font-size:11px;
color:#d3c7aa;
cursor:pointer;
letter-spacing:.1em;
pointer-events:auto;
position:absolute;
text-transform:uppercase;
z-index:2
}
.carouselNavNext_3CBm p,.carouselNavPrev_1Idp p{
height:20px;
width:200px;
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
display:block;
letter-spacing:2px;
text-align:center
}
.carouselNavNext_3CBm em,.carouselNavPrev_1Idp em{
color:#876d3e
}

}
.carouselNavPrev_1Idp{
left:-32px
}
.carouselNavPrev_1Idp p{
position:absolute;
top:19px;
right:-130px
}
.carouselNavNext_3CBm{
right:-32px
}
.carouselNavNext_3CBm p{
position:absolute;
top:19px;
left:-120px
}
.activeSlide_1DKd .carouselItemImg_K6bT{
opacity:1
}
@media (min-width:768px){
.activeSlide_1DKd .carouselItemImg_K6bT{
-webkit-animation:imageSetIn_3saq .8s;
-moz-animation:imageSetIn_3saq .8s;
animation:imageSetIn_3saq .8s;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s
}

}
@media (max-width:1024px){
.focalPointImage_2bRX{
display:none
}

}
.carouselItemImg_K6bT{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
background-position:50%;
background-size:cover;
opacity:1;
overflow:hidden;
position:relative
}
@media (min-width:1025px){
.carouselItemImg_K6bT{
background-image:none!important
}

}
@media (max-width:1024px){
.carouselItemImg_K6bT:after{
content:"";
display:block;
padding-top:100%
}

}
.carouselItemImgBevel_1L2D{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
box-shadow:inset 0 1px 1px 1px hsla(0,0%,100%,.07)
}
.carouselItemInfoContainer_2T89{
height:175px;
width:92%;
position:relative;
top:-100px;
background:#131315;
border:1px solid #342b20;
margin:0 auto;
padding-top:20px
}
@media (max-width:1024px){
.carouselItemInfoContainer_2T89{
height:auto;
padding-top:0
}

}
@media (min-width:1025px){
.carouselItemInfoContainer_2T89:after,.carouselItemInfoContainer_2T89:before{
position:absolute;
top:0;
left:50%;
height:14px;
width:1px;
background:#342b20;
content:""
}
.carouselItemInfoContainer_2T89:after{
position:absolute;
top:auto;
bottom:0;
left:24%
}

}
@media (min-width:1025px){
.carouselItemInfoWrap_2nEN{
position:absolute;
top:14px;
right:14px;
bottom:14px;
left:14px;
border:1px solid #342b20
}
.carouselItemInfoWrap_2nEN:after,.carouselItemInfoWrap_2nEN:before{
position:absolute;
top:50%;
left:-14px;
height:1px;
width:14px;
background:#342b20;
content:"";
font-size:0
}
.carouselItemInfoWrap_2nEN:after{
position:absolute;
top:auto;
right:-14px;
bottom:12px;
left:auto
}

}
.carouselItemInfo_3RRM{
border:1px solid #c4b998
}
@media (min-width:1025px){
.carouselItemInfo_3RRM{
position:absolute;
top:22px;
right:22px;
bottom:22px;
left:22px
}

}
@media (max-width:1024px){
.carouselItemInfo_3RRM{
margin:22px
}
.carouselItemInfo_3RRM:after{
content:"";
display:table;
clear:both
}

}
@media (min-width:1025px){
.carouselItemInfoType_2DG1{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
height:98px;
width:13%;
border-right:1px solid #c4b998;
float:left
}
.carouselItemInfoType_2DG1>img{
height:auto;
margin:auto;
max-height:70%;
width:auto
}

}
@media (max-width:1024px){
.carouselItemInfoType_2DG1{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
height:94px;
width:30%;
border-right:1px solid #c4b998;
float:left
}
.carouselItemInfoType_2DG1>img{
height:auto;
margin:auto;
max-height:70%;
width:auto
}

}
.carouselH2_1VdD{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
font-size:38px;
height:98px;
width:39%;
border-right:1px solid #c4b998;
color:#d3c7aa;
float:left;
letter-spacing:.14em;
line-height:94px;
text-align:center;
text-transform:uppercase
}
@media (max-width:1024px){
.carouselH2_1VdD{
height:94px;
width:70%;
border:0;
font-size:6vw;
padding-left:.2em
}

}
.carouselRoleAndFaction_Yni3{
height:98px;
width:21%;
border-right:1px solid #c4b998;
float:left
}
@media (max-width:1024px){
.carouselRoleAndFaction_Yni3{
height:auto;
width:100%;
border:0;
border-top:1px solid #c4b998;
clear:left
}
.carouselRoleAndFaction_Yni3:after{
content:"";
display:table;
clear:both
}

}
.carouselRoleAndFaction_Yni3 li{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-ms-flex-pack:center;
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center;
color:#d3c7aa;
font-size:11px;
height:49px;
letter-spacing:.2em;
padding-left:5px;
padding-right:5px;
text-align:center;
text-transform:uppercase
}
@media (max-width:1024px){
.carouselRoleAndFaction_Yni3 li{
display:block;
border-left:1px solid #c4b998;
float:left;
font-size:2.5vw;
height:auto;
letter-spacing:.1em;
padding:10px 5px;
width:50%
}

}
@media (min-width:1025px){
.carouselRoleAndFaction_Yni3 li:first-child{
border-bottom:1px solid #c4b998
}

}
@media (max-width:1024px){
.carouselRoleAndFaction_Yni3 li:first-child{
border-left:0;
border-right:1px solid #c4b998;
left:1px;
position:relative
}

}
.carouselExploreBtn_1VB4{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
font-size:15px;
color:#b59758;
display:block;
letter-spacing:4px;
text-align:center;
text-transform:uppercase
}
@media (min-width:1025px){
.carouselExploreBtn_1VB4{
height:98px;
width:27%;
float:left;
line-height:95px
}

}
@media (max-width:1024px){
.carouselExploreBtn_1VB4{
position:absolute;
right:-1px;
bottom:-67px;
left:-1px;
width:-webkit-calc(100% + 2px);
width:calc(100% + 2px);
background:#131315;
border:1px solid #937341;
height:auto;
margin-left:0;
padding:25px 4px
}

}
@media (min-width:1025px){
.carouselExploreBtn_1VB4:hover .genericTitle_1Gws{
color:#d3c7aa
}

}
.carouselExploreBtn_1VB4 .genericTitle_1Gws{
-webkit-transition:.2s;
-moz-transition:.2s;
transition:.2s
}
.carouselRoleAndFactionDef_3LzU{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:700;
display:block;
margin:auto;
max-width:100%
}
.carouselRoleAndFactionDef_3LzU dd,.carouselRoleAndFactionDef_3LzU dt{
display:inline-block
}
.carouselRoleAndFactionDef_3LzU dt:after{
content:":";
padding:0 5px
}
@media (max-width:1024px){
.carouselRoleAndFactionDef_3LzU dt:after{
padding:0 2px
}

}
.carouselViewAllChampions_3j48{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
font-size:15px;
position:absolute;
bottom:37px;
left:0;
letter-spacing:.25em;
text-align:center;
text-transform:uppercase;
width:100%;
z-index:2
}
.carouselViewAllChampions_3j48 a{
color:#8a6c3c;
pointer-events:auto
}
.genericTitle_1Gws{
display:none
}
@media (min-width:1025px){
.genericTitle_1Gws{
display:inline-block
}

}
.specificTitle_2S_s{
display:none
}
@media (max-width:1024px){
.specificTitle_2S_s{
display:inline-block
}

}
@-webkit-keyframes imageSetIn_3saq{
0%{
-webkit-transform:scale(1)
}
1%{
-webkit-transform:scale(1.1)
}
60%{
-webkit-transform:scale(1.1)
}
to{
-webkit-transform:scale(1)
}

}
@-moz-keyframes imageSetIn_3saq{
0%{
-moz-transform:scale(1)
}
1%{
-moz-transform:scale(1.1)
}
60%{
-moz-transform:scale(1.1)
}
to{
-moz-transform:scale(1)
}

}
@keyframes imageSetIn_3saq{
0%{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
1%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
60%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
to{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}

}
@media (min-width:768px){
.diamond_1ftc,.diamondLeft_38Eb,.diamondRight_3rfK,.images_1kNk,.line_P_m1,.lineLeft_7cwo{
-webkit-transition:opacity .2s ease 0s;
-moz-transition:.2s opacity ease 0s;
transition:opacity .2s ease 0s
}
.hideBars_1rK1.diamond_1ftc,.hideBars_1rK1.diamondLeft_38Eb,.hideBars_1rK1.diamondRight_3rfK,.hideBars_1rK1.line_P_m1,.hideBars_1rK1.lineLeft_7cwo,.images_1kNk.hideBars_1rK1{
display:none
}

}
.diamond_1ftc,.diamondLeft_38Eb,.diamondRight_3rfK{
position:relative;
background:#373121;
font-size:0;
z-index:100
}
@media (min-width:1px) and (max-width:767px){
.diamond_1ftc,.diamondLeft_38Eb,.diamondRight_3rfK{
display:none
}

}
.diamondLeft_38Eb:before{
left:-70px
}
.diamondLeft_38Eb:before,.diamondRight_3rfK:before{
height:5px;
width:5px;
position:absolute;
top:-6px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
/*border:1px solid #373121;*/
    border: 1px solid #4a2330;
content:"\25C7";
font-size:0
}
.diamondRight_3rfK:before{
left:68px
}
.diamondRightMajorSection_2XQg:before{
position:absolute;
top:-6px;
left:65px
}
.lineLeft_7cwo{
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-ms-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg)
}
.line_P_m1{
padding-left:70px;
vertical-align:middle;
width:30%
}
@media (min-width:1px) and (max-width:767px){
.line_P_m1{
display:none
}

}
.title_SNe9{
-webkit-transition:.6s;
-moz-transition:.6s;
transition:.6s;
-webkit-transition-delay:.1s;
-moz-transition-delay:.1s;
transition-delay:.1s;
color:#c4b998;
font-size:24px;
letter-spacing:7px;
opacity:0;
position:relative;
text-indent:8px;
text-transform:uppercase;
top:4px
}
.majorSectionHeader_D34a{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:400;
position:relative;
text-align:center;
top:25px
}
.majorSectionHeader_D34a.visible_2aO8 .icon_23Iu,.majorSectionHeader_D34a.visible_2aO8 .title_SNe9{
opacity:1
}
.majorSectionHeader_D34a.visible_2aO8 .title_SNe9:after,.majorSectionHeader_D34a.visible_2aO8 .title_SNe9:before{
width:30%
}
.majorSectionHeader_D34a.visible_2aO8 .subheadline_2jbP{
opacity:1
}
.icon_23Iu{
left:-webkit-calc(50% - 16px);
left:calc(50% - 16px);
-webkit-transition:opacity .6s ease;
-moz-transition:opacity ease .6s;
transition:opacity .6s ease;
max-width:32px;
max-height:32px;
opacity:0;
position:absolute;
top:-40px
}
.subheadline_2jbP{
-webkit-transition:.6s;
-moz-transition:.6s;
transition:.6s;
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
transition-delay:.2s;
color:#937341;
/*font-size:13px;*/
font-size:19px;
letter-spacing:.04em;
opacity:0;
padding-top:16px
}
@media (min-width:1px) and (max-width:767px){
.subheadline_2jbP{
padding-left:6px;
padding-right:6px
}

}
.MinutesToReadText_Ut3Z{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:700;
font-size:16px;
display:block;
text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px){
.MinutesToReadText_Ut3Z{
font-size:12px
}

}
.icon_2QZE{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-moz-box-align:center;
box-align:center;
-webkit-align-items:center;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
align-items:center;
-ms-flex-align:center;
-webkit-box-pack:center;
-moz-box-pack:center;
box-pack:center;
-webkit-justify-content:center;
-moz-justify-content:center;
-ms-justify-content:center;
-o-justify-content:center;
justify-content:center;
-ms-flex-pack:center;
background-color:#110b0d;
border-radius:50%
}
.icon_2QZE:after{
position:absolute;
top:-2px;
right:-2px;
bottom:-2px;
left:-2px;
background-image:linear-gradient(180deg,#895c42,#442b22,#442b22,#442b22,#895c42);
border-radius:50%;
box-shadow:0 0 20px 12px rgba(0,0,0,.2);
content:"";
z-index:-1
}

.itemFeatured_3Uqk,.itemNormal_2XrH{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-moz-box-pack:end;
box-pack:end;
-webkit-justify-content:flex-end;
-moz-justify-content:flex-end;
-ms-justify-content:flex-end;
-o-justify-content:flex-end;
justify-content:flex-end;
-ms-flex-pack:end;
-webkit-box-orient:vertical;
-moz-box-orient:vertical;
box-orient:vertical;
-webkit-box-direction:normal;
-moz-box-direction:normal;
box-direction:normal;
-webkit-flex-direction:column;
-moz-flex-direction:column;
flex-direction:column;
-ms-flex-direction:column;
height:100%;
position:relative;
width:100%
}
.itemFeatured_3Uqk .image_V6R-,.itemNormal_2XrH .image_V6R-{
-webkit-transition:.3s;
-moz-transition:.3s;
transition:.3s;
-webkit-transition-delay:.2s;
-moz-transition-delay:.2s;
transition-delay:.2s
}
.itemFeatured_3Uqk .bottom_2zfD,.itemNormal_2XrH .bottom_2zfD{
/*background-color:#101217;*/
z-index:5
}
.itemFeatured_3Uqk .titles_GWG3,.itemNormal_2XrH .titles_GWG3{
    background-color: #110b0d;
border-top:1px solid #542a28;
position:relative;
text-align:center;
z-index:10
}
.itemFeatured_3Uqk .titles_GWG3 h1{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
    font-size: 20px;
    color: #c4b998;
    margin-top: 10px;
letter-spacing:2px;
text-align:center;
text-transform:uppercase
}

.itemNormal_2XrH .titles_GWG3 h1{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
    font-size: 20px;
    color: #c4b998;
    margin-top: 3px;
letter-spacing:2px;
text-align:center;
text-transform:uppercase
}

@media (min-width:768px) and (max-width:1024px){
.itemFeatured_3Uqk .titles_GWG3 h1,.itemNormal_2XrH .titles_GWG3 h1{
font-size:1vw
}

}
.itemFeatured_3Uqk .titles_GWG3 .minutesToRead_3C3e,.itemFeatured_3Uqk .titles_GWG3 h3,.itemNormal_2XrH .titles_GWG3 .minutesToRead_3C3e,.itemNormal_2XrH .titles_GWG3 h3{
font-family:Spiegel,Helvetica,sans-serif,microsoft yahei;
font-weight:700;
font-size:12px;
color:#937341!important;
letter-spacing:2px;
text-align:center;
text-transform:uppercase;
padding-bottom:0
}
@media (min-width:768px) and (max-width:1024px){
.itemFeatured_3Uqk .titles_GWG3 .minutesToRead_3C3e,.itemFeatured_3Uqk .titles_GWG3 h3,.itemNormal_2XrH .titles_GWG3 .minutesToRead_3C3e,.itemNormal_2XrH .titles_GWG3 h3{
font-size:1vw
}

}

.itemFeatured_3Uqk .titles_GWG32, .itemNormal_2XrH .titles_GWG32.active_chronicle {
	background: #0a0a0c;
}
.titles_GWG32 {
    transition: all 0.6s;
}
.bottom_2zfD:hover .titles_GWG32 {
	background: linear-gradient(180deg,rgb(20 12 8) 0%,rgb(20 12 8) 100%);
    transition: all 0.6s;
}
.itemFeatured_3Uqk .titles_GWG32,.itemNormal_2XrH .titles_GWG32{
    /*background-color: #110b0ded;*/
    background: linear-gradient(180deg,rgb(44 29 23) 0%,rgb(34 22 17) 100%);
	transition: all 0.6s;
    border-top: 1px solid #442b22;
    position: relative;
    text-align: center;
    z-index: 10;
}
.chronicle_info_bg {
    background-color: #140c08;
    height: 100%;
    width: 100%;
    box-shadow: 0px 7px 20px 7px rgba(0,0,0,.4);
}
.itemFeatured_3Uqk .titles_GWG32 h1{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
    font-size: 20px;
    color: #c4b998;
    margin-top: 10px;
letter-spacing:2px;
text-align:center;
text-transform:uppercase
}

.itemNormal_2XrH .titles_GWG32 h1{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
    font-size: 14px;
    color: #c4b998;
    margin-top: 9px;
letter-spacing:2px;
text-align:center;
text-transform:uppercase
}

@media (min-width:768px) and (max-width:1024px){
.itemFeatured_3Uqk .titles_GWG32 h1,.itemNormal_2XrH .titles_GWG32 h1{
font-size:1vw
}

}
.itemFeatured_3Uqk .titles_GWG32 .minutesToRead_3C3e,.itemFeatured_3Uqk .titles_GWG32 h3,.itemNormal_2XrH .titles_GWG32 .minutesToRead_3C3e,.itemNormal_2XrH .titles_GWG32 h3{
font-family:Spiegel,Helvetica,sans-serif,microsoft yahei;
font-weight:700;
font-size:12px;
color:#937341!important;
letter-spacing:2px;
text-align:center;
text-transform:uppercase;
padding-bottom:0
}
@media (min-width:768px) and (max-width:1024px){
.itemFeatured_3Uqk .titles_GWG32 .minutesToRead_3C3e,.itemFeatured_3Uqk .titles_GWG32 h3,.itemNormal_2XrH .titles_GWG32 .minutesToRead_3C3e,.itemNormal_2XrH .titles_GWG32 h3{
font-size:1vw
}
}
.itemNormal_2XrH .titles_GWG32{
height:80px;
padding:29px 12px
}
.itemNormal_2XrH .titles_GWG32 h3{
padding-bottom:3px;
display: none;
}
.itemNormal_2XrH .icon_2QZE{
position:absolute;
top:-21px;
right:50%;
right:-webkit-calc(50% - 21px);
right:calc(50% - 21px);
height:42px;
width:42px
}
.itemNormal_2XrH .icon_2QZE img{
max-height:42px;
max-width:42px
}
.itemFeatured_3Uqk .image_V6R-{
position:absolute;
top:0;
right:0;
bottom:55px;
left:0
}
.itemFeatured_3Uqk .titles_GWG32{
height:110px;
padding:37px 25px
}
.itemFeatured_3Uqk .titles_GWG32 h3{
padding:9px 0 6px;
position:relative;
text-transform:uppercase;
display: none;
}

.itemFeatured_3Uqk .viewButton_1UI8,.itemNormal_2XrH .viewButton_1UI8{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
font-size:11px;
-webkit-transition:.4s ease;
-moz-transition:.4s ease;
transition:.4s ease;
background-color: #180f12;
border-top:1px solid rgba(0,0,0,0);
color:#937341;
height:0;
letter-spacing:.3em;
line-height:54px;
overflow:hidden;
text-align:center;
text-transform:uppercase;
z-index:3
}
.viewButton_1UI82 {
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:500;
font-size:11px;
-webkit-transition:.4s ease;
-moz-transition:.4s ease;
transition:.4s ease;
background-color: #180f12;
border-top: none;
color:#937341;
height:0;
letter-spacing:.3em;
line-height:54px;
overflow:hidden;
text-align:center;
text-transform:uppercase;
z-index:3
}
.itemNormal_2XrH .image_V6R-{
position:absolute;
top:0;
right:0;
bottom:40px;
left:0
}
.itemNormal_2XrH .titles_GWG3{
height:80px;
padding:29px 12px
}
.itemNormal_2XrH .titles_GWG3 h3{
padding-bottom:3px;
display: none;
}
.itemNormal_2XrH .icon_2QZE{
position:absolute;
top:-21px;
right:50%;
right:-webkit-calc(50% - 21px);
right:calc(50% - 21px);
height:42px;
width:42px
}
.itemNormal_2XrH .icon_2QZE img{
max-height:42px;
max-width:42px
}
.itemFeatured_3Uqk .image_V6R-{
position:absolute;
top:0;
right:0;
bottom:55px;
left:0
}
.itemFeatured_3Uqk .titles_GWG3{
height:110px;
padding:37px 25px
}
.itemFeatured_3Uqk .titles_GWG3 h3{
padding:9px 0 6px;
position:relative;
text-transform:uppercase;
display: none;
}
.itemFeatured_3Uqk .icon_2QZE{
position:absolute;
top:-31px;
right:50%;
right:-webkit-calc(50% - 31px);
right:calc(50% - 31px);
height:62px;
width:62px
}

.itemFeatured_3Uqk .icon_2QZE img{
max-height:31px;
max-width:31px
}
.App.C_CAPABLE_BROWSER .bottom_2zfD{
position:absolute;
right:0;
bottom:0;
left:0
}
.App.C_CAPABLE_BROWSER .icon_2QZE img{
position:absolute;
top:12px;
right:8px
}
.item_1kYt{
-webkit-transition-property:-webkit-transform,z-index,border;
-moz-transition-property:-moz-transform,z-index,border;
transition-property:transform,z-index,border;
-webkit-transition-timing-function:ease,linear,ease;
-moz-transition-timing-function:ease,linear,ease;
transition-timing-function:ease,linear,ease;
-webkit-transition-duration:.3s,.3s,.3s;
-moz-transition-duration:.3s,.3s,.3s;
transition-duration:.3s,.3s,.3s;
background-color:#101217;
/*border:1px solid #32281f;*/
border: 1px solid #2d1a19;
box-shadow:0 0 16px 14px rgba(0,0,0,.4);
color:#c4b998;
cursor:pointer;
display:inline;
height:340px;
margin:.5em;
overflow:hidden;
position:relative;
z-index:1
}

.item_1kYt2{
-webkit-transition-property:-webkit-transform,z-index,border;
-moz-transition-property:-moz-transform,z-index,border;
transition-property:transform,z-index,border;
-webkit-transition-timing-function:ease,linear,ease;
-moz-transition-timing-function:ease,linear,ease;
transition-timing-function:ease,linear,ease;
-webkit-transition-duration:.3s,.3s,.3s;
-moz-transition-duration:.3s,.3s,.3s;
transition-duration:.3s,.3s,.3s;
/*border:1px solid #32281f;*/
/*box-shadow: 0px -10px 20px 3px rgba(0,0,0,.4);*/
color:#c4b998;
cursor:pointer;
display:inline;
height:103px;
margin:.5em;
margin-bottom: 0;
overflow:hidden;
position:relative;
z-index:1
}

@media (min-width:1px) and (max-width:767px){
.item_1kYt{
height:340px!important;
margin:.5em 0
}

}
@media (min-width:768px){
.item_1kYt:hover{
-webkit-transition-timing-function:ease,step-start;
-moz-transition-timing-function:ease,step-start;
transition-timing-function:ease,step-start;
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
border:1px solid #542a28;
z-index:15!important
}

}
@media (min-width:768px) and (max-width:1024px){
.item_1kYt:hover{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}

}
@media (min-width:768px){
.item_1kYt:hover .itemFeatured_3Uqk .viewButton_1UI8,.item_1kYt:hover .itemNormal_2XrH .viewButton_1UI8{
border-top:1px solid #542a28;
height:54px
}

}
.itemSmall_2MoP{
/*width:-webkit-calc(25% - 1em);
width:calc(25% - 1em)*/

width:-webkit-calc(50% - 1em);
width:calc(50% - 1em)
}
.itemSmall_2MoP2{
width:-webkit-calc(20% - 1em);
width:calc(20% - 1em)
}
@media (min-width:1px) and (max-width:767px){
.itemSmall_2MoP{
-webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
-webkit-flex:1 0 100%;
-moz-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
width:auto
}

}
.itemMedium_2jgH{
width:-webkit-calc(50% - 1em);
width:calc(50% - 1em)
}
@media (min-width:1px) and (max-width:767px){
.itemMedium_2jgH{
-webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
-webkit-flex:1 0 100%;
-moz-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
width:auto
}

}
.itemLarge_U-gc{
height:-webkit-calc(680px + 1em);
height:calc(680px + 1em);
width:-webkit-calc(50% - 1em);
width:calc(50% - 1em);
/*border:1px solid #32281f*/
}
@media (min-width:1px) and (max-width:767px){
.itemLarge_U-gc{
-webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
-webkit-flex:1 0 100%;
-moz-flex:1 0 100%;
-ms-flex:1 0 100%;
flex:1 0 100%;
width:auto
}

}
.grid_2D4u{
margin:-.5em
}
@media (min-width:1px) and (max-width:767px){
.grid_2D4u{
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0
}

}
.clearFix_1O-1:after{
content:"";
display:table;
clear:both
}
.App.B_CAPABLE_BROWSER .message_3zBO,.App.C_CAPABLE_BROWSER .message_3zBO{
padding-bottom:120px
}
.center_vcab,.loader_2RBF{
align-items:center;
display:flex;
flex:1 0 auto;
justify-content:center
}
.loader_2RBF{
background-color:#0a0a0c;
bottom:0;
left:0;
opacity:1;
position:fixed;
right:0;
top:0;
z-index:2900000
}
.loader_2RBF .center_vcab{
flex-direction:column;
max-width:100%
}
.loader_2RBF .message_3zBO{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:700;
font-size:40px;
color:#937341;
letter-spacing:5px;
max-width:90%;
min-width:80%;
opacity:0;
padding-bottom:24px;
text-align:center;
text-transform:uppercase;
transition:opacity 1.5s ease;
transition-delay:.5s
}
@media (min-width:1px) and (max-width:767px){
.loader_2RBF .message_3zBO{
font-size:28px;
letter-spacing:3px
}

}
.loader_2RBF .code_Xnqs{
color:#c4b998;
font-size:20px;
letter-spacing:2px;
opacity:0;
padding:20px 0;
text-align:center;
text-transform:uppercase;
transition:opacity 1.5s ease;
transition-delay:.3s
}
.loader_2RBF .homeButton_1_qu{
opacity:0;
transition:opacity 1.5s ease;
transition-delay:.7s
}
.error_3ukz{
background-position:50%;
background-size:cover
}
.error_3ukz .code_Xnqs,.error_3ukz .homeButton_1_qu,.error_3ukz .message_3zBO{
opacity:1
}
.loaded_1wWY{
opacity:0;
transition-duration:.8s
}
.App.C_CAPABLE_BROWSER .championsBackground_1v7G,.App.C_CAPABLE_BROWSER .latestBackground_3p3k,.App.C_CAPABLE_BROWSER .trendingBackground_2Lp4{
display:none
}
.Explore_20hD{
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:400
}
.ExploreSlider_3Mj1{
margin:0 auto;
position:relative
}
@media (min-width:1025px){
.ExploreSlider_3Mj1{
max-width:100%;
width:100%
}

}
.trending_HyTI{
clear:both;
padding:35px 0 40px;
position:relative
}
@media (min-width:1px) and (max-width:767px){
.trending_HyTI{
padding:25px 0 40px
}

}
@media (min-width:1025px){
.trending_HyTI{
opacity:0
}

}
.trending_HyTI .trendingBackground_2Lp4{
background-position:50%;
background-size:cover;
opacity:.2;
position:absolute;
top:-250px;
right:0;
bottom:70%;
left:0
}
.trending_HyTI .trendingBackground_2Lp4 .gradient_duDN{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#0a0a0c;
background-image:-webkit-linear-gradient(top,#0a0a0c,rgba(0,0,0,0),#0a0a0c);
background-image:linear-gradient(180deg,#0a0a0c,rgba(0,0,0,0),#0a0a0c);
background-color:rgba(0,0,0,0)
}
.grid_3w39{
margin:60px auto;
max-width:1280px
}
.grid_3w392{
margin:100px auto;
max-width:1280px;
/*background: #0a0a0c;*/
}
.champions_ZAxG,.factions_2nS-,.latest_3xrG,.trending_HyTI{
-webkit-transition:opacity 1.4s ease;
-moz-transition:ease 1.4s opacity;
transition:opacity 1.4s ease;
opacity:0
}
.champions_ZAxG.sectionVisible_2prj,.factions_2nS-.sectionVisible_2prj,.latest_3xrG.sectionVisible_2prj,.trending_HyTI.sectionVisible_2prj{
opacity:1
}
.latest_3xrG{
clear:both;
position:relative
}
@media (min-width:1025px){
.latest_3xrG{
opacity:0
}

}
.latest_3xrG .latestBackground_3p3k{
background-position:50%;
background-size:cover;
opacity:.2;
position:absolute;
top:-100px;
right:0;
bottom:45%;
left:0;
opacity:.15;
z-index: -1;
}
.latest_3xrG .latestBackground_3p3k .gradient_duDN{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#0a0a0c;
background-image:-webkit-linear-gradient(180deg,#0a0a0c,rgba(0,0,0,0),#1b1310);
background-image:linear-gradient(180deg,#0a0a0c,rgba(0,0,0,0),#1b1310);
background-color:rgba(0,0,0,0)
}
.champions_ZAxG{
clear:both;
padding:50px 0 25px;
position:relative
}
@media (min-width:1025px){
.champions_ZAxG{
opacity:0
}

}
.championsBackground_1v7G{
position:absolute;
top:-200px;
right:0;
bottom:70%;
left:0;
background-position:top;
background-repeat:no-repeat;
background-size:cover
}
@media (min-width:1025px){
.carousel_1DjA{
opacity:1
}

}
.factions_2nS-{
background:no-repeat center 10px url(../images/explore-silhouette-faction-spotlight.png);
clear:both;
padding:120px 0 150px
}
@media (min-width:1025px){
.factions_2nS-{
opacity:0
}

}
.main_button {
    width: 847px;
    position: absolute;
}

.main_button_left_block {
    float: left;
    /* text-align: right; */
    /* width: 50%; */
    position: absolute;
    /* display: none; */
    top: -1px;
    transform: scale(0.9);
}

.main_button_left {
    background: url(../images/main_button_left.png);
    height: 273px;
    width: 469px;
    -moz-transition: opacity .55s ease;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    max-height: none;
    float: left;
    max-width: none;
    opacity: 1;
    padding: 0;
    transform: scale(1);
    position: absolute;
    z-index: 55555555;
	transition: 1s;
}

.main_button_left:hover{
    background: url(../images/main_button_left_hover.png);
	transition: 0.5s;
}

.main_button_right:hover{
    background: url(../images/main_button_right_hover.png);
	transition: 0.5s;
}

.main_button_right_block {
    float: right;
    /* width: 50%; */
    transform: scale(0.9);
}

.main_button_right {
	background: url(../images/main_button_right.png);
	height: 270px;
	width: 469px;
	-moz-transition: opacity .55s ease;
	-moz-transition-delay: 0s;
	transition-delay: 0s;
	max-height: none;
	float: right;
	max-width: none;
	opacity: 1;
	padding: 0;
	/* transform: scale(1); */
	z-index: 55555;
	position: absolute;
	top: -1px;
	right: 4px;
}
.main_button_text {
    margin-top: 91px;
	text-align: center;
}

.main_button_text h2 {
	font-size: 21px;
}

.main_button_text p {
    font-family: Beaufort for LOL,Arial,sans-serif;
    font-size: 16px;
	text-transform: uppercase;
}

.chronicles {
	width: 70%px;
	height: 300px;
	margin: 250px auto;
}
.chronicles_info {
	border-top: none;
	display: flex;
    width: 100%;
}
.itemNormal_2XrH .interlude {
	background: #140c08;
}
.chronicle_info_content {
    padding: 15px 28px 28px 28px;
    float: left;
    width: 100%;
    text-align: center;
    background: no-repeat;
    background-position: bottom;
}
.chronicle_info_content p {
	font-family:Beaufort for LOL,Arial,sans-serif;
	font-weight:300;
	letter-spacing:.03em;
	line-height:1.5;
	font-size:16px;
	color:#c4b998;
	flex-grow:0;
	flex-shrink:0;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: left;
}
.chronicle_img {
	width: 600px;
    height: 175px;
    background: #1d1114;
    margin-bottom: 18px;
    border: 1px solid #271919;
}

.chronicle_location_img {
	width: 600px;
    height: 175px;
    background: url(../images/location_map.jpg);
    background-color: #1d1114;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #271919;
}

.chronicle_info_content ul {
	color:#c4b998;
	margin-top: 10px;
	margin-bottom: 10px;
}
.chronicle_info_content ul li {
    color: #c4b998;
    list-style-type: circle;
    margin-left: 20px;
	text-align: left;
    line-height: 1.5;
}
.chronicle_info_content p.chronicle_remastered  {
	font-size: 20px;
}
.chronicle_info_content p.main_title {
    font-family: Beaufort for LOL,Arial,sans-serif;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: 24px;
    color: #c4b998;
	text-align: left;
}
.nice_items {
	margin-top: 30px;
	margin-bottom: 10px;
}
#riotbar-bar {
background: linear-gradient(180deg,rgb(76 49 35) 0%,rgb(64 40 33) 100%);
  font-family: "FF Mark W05";
  font-size: 14px !important;
  font-weight: bold;
  height: 71px;
  line-height: normal;
  text-align: left;
  width: 100%;
  z-index: 1000;
}
#riotbar-bar02 {
    background: #1c110c;
  font-family: "FF Mark W05";
  font-size: 14px !important;
  font-weight: bold;
  height: 40px;
  line-height: normal;
  text-align: left;
  width: 100%;
  z-index: 1000;
}
.menu_hider {
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: -80px;
    transition: all 1s;
}
.scroller {
	font-size: 200px;
	display: block;
	top: 0;
    transition: all 1s;
}
.menu_hider02 {
    width: 100%;
    position: fixed;
    z-index: 990;
    top: -40px;
    transition: all 0.5s;
}
.scroller02 {
	display: block;
	top: 70px;
    transition: all 0.5s;
}
#riotbar-bar02 .riotbar-navmenu-category:before, #riotbar-bar02 .riotbar-navmenu-category:after {
  content: " ";
  display: table;
}
#riotbar-bar02 {
border-bottom: 2px solid rgb(66 42 33 / 7%);
}
#riotbar-bar02 .riotbar-navmenu-category {
  overflow: visible;
  position: relative;
}
#riotbar-bar02 .riotbar-navmenu-category .black-side-menu-option {
  background-color: #111111 !important;
}
#riotbar-bar02 .riotbar-navmenu-category .riotbar-category-name {
  color: #f1e6d0;
  font-size: 14px;
  margin-bottom: 9px;
  text-transform: uppercase;
}
#riotbar-bar02 .riotbar-navmenu-category.riotbar-first-category {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
#riotbar-bar02.lol-theme .riotbar-active-link, #riotbar-bar02.lol-theme .riotbar-navbar-link:hover {
    border-color: #542a28;
    background: #462210;
}
#riotbar-bar02.lol-theme #riotbar-navbar {
  /*left: 200px;*/
    margin: 0 auto;
}
#riotbar-bar02.lol-theme .nav-dropdown-active a {
  border-color: #0bc4e2;
}
#riotbar-bar02.lol-theme .riotbar-navbar-subnav-menu .riotbar-active-sub-item {
  border-bottom-color: #0bc4e2;
}
#riotbar-bar02.lol-theme .sub-menu-header-icon svg {
  margin-top: 20px;
  margin-left: 15px;
  display: block;
}

@media screen and (max-width: 1024px) {
  #riotbar-bar02.lol-theme .riotbar-explore-label svg {
    display: block;
    margin-top: 22px;
  }
}
@media screen and (max-width: 1024px) {
  #riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons .lang-switch-trigger {
    top: 12px;
    right: 30px;
  }
}
@media (max-width: 1024px) {
  #riotbar-bar02 #riotbar-mobile-nav {
    display: inline !important;
  }
}
#riotbar-bar02 .sub-menu-header-icon {
  color: #F9F9F9;
}
#riotbar-bar02 .sub-menu-header-icon svg, #riotbar-bar02 .sub-menu-header-icon span {
  display: none;
  float: left;
}
#riotbar-bar02:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
#riotbar-bar02:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
#riotbar-bar02:lang(ko), #riotbar-bar02:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
#riotbar-bar02 .riotbar-navbar-separator {
  border-left: 2px solid #7E7E7E;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  margin-left: 0.25em;
  margin-right: 0.25em;
  margin-top: 24px;
  vertical-align: top;
  opacity: 0.4;
}
#riotbar-bar02 .riotbar-navbar-separator.riotbar-title-separator {
  margin-right: 0.85em;
}
#riotbar-bar02 .riotbar-bar-content {
  text-align: center;
  height: 80px;
}
#riotbar-bar02 .riotbar-left-content, #riotbar-bar02 .riotbar-content {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.06, 0.81, 0, 0.98) 0s;
}
#riotbar-bar02.sidebar-open .riotbar-bar-content, #riotbar-bar02.sidebar-open .riotbar-left-content {
  opacity: 0.25;
}
#riotbar-bar02 .riotbar-right-mobile-content {
  display: none;
  right: 70px;
}
@media (max-width: 1024px) {
  #riotbar-bar02 .riotbar-right-mobile-content {
    display: block;
  }
  #riotbar-bar02 .riotbar-right-mobile-content #riotbar-service-status-messages {
    right: -10px;
  }
}
#riotbar-bar02 .riotbar-left-content, #riotbar-bar02 .riotbar-right-content, #riotbar-bar02 .riotbar-right-mobile-content {
  bottom: 0;
  position: absolute;
  top: 0;
}
@media (max-width: 1024px) {
  #riotbar-bar02.riotbar-mobile-responsive .riotbar-right-content .riotbar-navmenu-dropdown {
    transform: translateX(100%);
    width: 315px;
    overflow-y: auto;
  }
}
#riotbar-bar02 .riotbar-right-content {
  right: 0px;
  padding-right: 16px;
}
@media (max-width: 1024px) {
  #riotbar-bar02 .riotbar-right-content #riotbar-service-status, #riotbar-bar02 .riotbar-right-content #riotbar-account {
    display: none;
  }
}
#riotbar-bar02 .riotbar-right-content .riotbar-right-content-icons {
  margin: 0px 12px;
  float: left;
  white-space: nowrap;
  color: #F9F9F9;
}
#riotbar-bar02 .riotbar-right-content .riotbar-right-content-icons .lang-switch-trigger {
  cursor: pointer;
  display: block;
}
#riotbar-bar02 .riotbar-right-content .riotbar-right-content-icons .riotbar-navmenu-right-icon {
  float: left;
}
#riotbar-bar02 .riotbar-right-content .riotbar-right-content-icons .riotbar-navmenu-right-icon .lang-switch-trigger svg {
  margin-top: 32px;
  pointer-events: none;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown {
  background: #212121;
  border-top: 2px solid #262626;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.5);
  right: -5px;
  margin: 0;
  opacity: 0;
  overflow: visible;
  padding-bottom: 18px;
  position: fixed;
  height: 100%;
  text-align: left;
  transform: translateY(-5%);
  top: 0px;
  visibility: hidden;
  width: 460px;
  z-index: 10;
  transition: transform 300ms, opacity 300ms;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .lang-switch-dropdown {
  z-index: 11;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown a {
  padding-left: 18px;
  padding-right: 18px;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown.riotbar-click-active {
  visibility: visible;
  transform: translateX(0%);
  opacity: 1;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown.slide-out {
  visibility: visible;
  transform: translateX(100%);
  opacity: 1;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header {
  height: 78px;
  background-color: #111111;
  border-bottom: 2px solid #262626;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header a {
  cursor: pointer;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-header-text {
  font-size: 18px;
  position: absolute;
  top: 22px;
  left: 40px;
  color: #F9F9F9;
  text-overflow: ellipsis;
  max-width: 200px;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-back {
  position: absolute;
  top: 20px;
  height: 30px;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-back svg {
  display: inline-block;
  margin-top: 12px;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-close {
  position: absolute;
  top: 21px;
  right: 31px;
  width: 32px;
  height: 32px;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-close svg {
  position: absolute;
  top: 0;
  right: 0;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .side-menu-icon {
  position: absolute;
  top: 28px;
  right: 30px;
  width: 10px;
  height: 10px;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-dropdown .side-menu-icon svg {
  display: block;
}
#riotbar-bar02 .riotbar-right-content .riotbar-navmenu-touchpoints, #riotbar-bar02 .riotbar-right-content .riotbar-navmenu-links {
  transition: opacity 0.2s linear;
}
#riotbar-bar02 .riotbar-right-content.riotbar-click-active .riotbar-navmenu-touchpoints {
  display: block;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  transition: color 1s cubic-bezier(0.06, 0.81, 0, 0.98);
  border-bottom: 1px solid #111111;
  cursor: pointer;
  letter-spacing: 0.1em;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link.disabled {
  color: #7E7E7E;
  cursor: default;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link.disabled svg {
  position: absolute;
  right: 25px;
  top: 25px;
  fill: #7E7E7E;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link.riotbar-active-link {
  background-color: #333333;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link:lang(ar) {
  letter-spacing: 0;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link.riotbar-active-link {
  color: #F9F9F9;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link:last-child {
  margin-bottom: 0;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link.show-auth-sub-menu {
  text-transform: none;
  background-color: #171717;
  letter-spacing: 0;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link.show-auth-sub-menu svg.arrow-down {
  margin-left: 10px;
  margin-bottom: 3px;
  transform: rotate(270deg);
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons .lang-switch-trigger {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 31px;
  top: 5px;
  padding: 0;
  border-radius: 16px;
  background-color: #212121;
}
#riotbar-bar02 .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons .lang-switch-trigger svg {
  position: absolute;
  top: 9px;
  left: 9px;
}
#riotbar-bar02 .riotbar-right-content.riotbar-menu-transition .riotbar-navmenu-touchpoints, #riotbar-bar02 .riotbar-right-content.riotbar-menu-transition .riotbar-navmenu-links {
  opacity: 0;
}
#riotbar-bar02 .riotbar-right-content.riotbar-show-links .riotbar-navmenu-links {
  display: block;
}
#riotbar-bar02 #riotbar-mobile-nav {
  display: none;
  margin-right: 10px;
  margin-left: 10px;
}
#riotbar-bar02 #riotbar-mobile-nav a {
  margin-top: 23px;
  display: inline-block;
  cursor: pointer;
}
#riotbar-bar02 svg, #riotbar-subbar .riotbar-footer svg, #riotbar-application-switcher svg {
  pointer-events: none;
}
#riotbar-bar02 svg.hide, #riotbar-subbar .riotbar-footer svg.hide, #riotbar-application-switcher svg.hide {
  display: none;
}
#riotbar-bar02 svg.block, #riotbar-subbar .riotbar-footer svg.block, #riotbar-application-switcher svg.block {
  display: block;
}
#riotbar-bar02 svg.inline-block, #riotbar-subbar .riotbar-footer svg.inline-block, #riotbar-application-switcher svg.inline-block {
  display: inline-block;
}
#riotbar-bar02 svg.float-left, #riotbar-subbar .riotbar-footer svg.float-left, #riotbar-application-switcher svg.float-left {
  float: left;
}
#riotbar-bar02 svg.float-right, #riotbar-subbar .riotbar-footer svg.float-right, #riotbar-application-switcher svg.float-right {
  float: right;
}
#riotbar-bar02 svg use, #riotbar-subbar .riotbar-footer svg use, #riotbar-application-switcher svg use {
  pointer-events: none;
}
#riotbar-bar02 #riotbar-navbar .riotbar-navbar-navitem-container {
  display: inline-block;
  position: relative;
  height: 40px;
}
#riotbar-bar02 #riotbar-navbar a {
  border-bottom: 2px solid transparent;
  color: #F9F9F9;
  display: inline-block;
  font-size: 11px;
  line-height: 35px;
  font-weight: 800;
  margin: 0 0.85em;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 2px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: color 1s cubic-bezier(0.06, 0.81, 0, 0.98), border-color 0.5s cubic-bezier(0.06, 0.81, 0, 0.98);
}
#riotbar-navbar a.riotbar-navbar-title {
  display: none;
  font-size: 18px;
  color: #F9F9F9;
  line-height: 0px;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0;
  border: none;
}
::-webkit-scrollbar{
    width:12px;
}
::-webkit-scrollbar-thumb{
    border-width:1px 1px 1px 2px;
    border-color: #777;
    background-color: #482e22;
}

::-webkit-scrollbar-track{
    border-width:0;
}
.main_info {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 11;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}
.main_info img {
    width: 25%;
    margin-bottom: 70px;
}
.main_info_text {
    -webkit-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    color: #c4b998;
    font-size: 24px;
    letter-spacing: 2px;
    position: relative;
    text-indent: 8px;
    text-transform: uppercase;
    font-family: Beaufort for LOL,Arial,sans-serif;
}
.main_info_social {
	width: 400px;
	height: 80px;
    margin: 30px auto 0px;
}
.main_button h1 {
    color: #937341;
	text-align: center;
    font-size: 30px;
    letter-spacing: 3px;
    padding: 7px 50px 14px;
    text-transform: uppercase;
}
.main_button h2 {
    color: #c4b998;
    font-size: 16px;
    letter-spacing: 4px;
    padding: 0 50px;
    text-transform: uppercase;
}

.main_button p {
    color: #c4b998;
    font-size: 16px;
    letter-spacing: 4px;
    padding: 0 50px;
    text-transform: uppercase;
}

.main_button img {
-webkit-transition: opacity .55s ease;
    -moz-transition: opacity .55s ease;
    transition: opacity .55s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    max-height: 30px;
    max-width: 25px;
}
.kMixoR .style__Wrapper-sc-10hox2m-0:first-of-type {
    margin-left: 0px;
}

.kMixoR .style__Wrapper-sc-10hox2m-0 {
    flex: 1 1 100%;
    margin: 0px 1.5625rem;
}
.eimxJs {
    width: 100%;
    max-width: 26.25rem;
    height: 8.75rem;
}
article {
    display: block;
}
.ieiTqA {
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 0px;
}
.jExJMv {
    left: 10px;
    right: 2px;
}
.gvLtET {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    pointer-events: none;
}
.dsXNcy {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.style__Wrapper-sc-10hox2m-0.is-visible .hgmpND {
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0ms 1 normal forwards running bcCCNc;
}
.hgmpND {
    position: relative;
    height: 120px;
    flex: 1 0 120px;
    overflow: hidden;
}
html:not(.is-safari) .hgmpND > * {
    transform: scale3d(1.05, 1.05, 1);
    transition: transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
.hgmpND > * {
    display: block;
    width: 100%;
    height: 100%;
}
.fMraqU {
    position: relative;
    min-width: 0px;
    height: calc(100% - 36px);
    box-sizing: border-box;
    flex: 1 1 auto;
    padding: 0px 10%;
    overflow: hidden;
}
html:not(:lang(el-gr)):not(:lang(ja-jp)):not(:lang(ko-kr)):not(:lang(th-th)):not(:lang(tr-tr)):not(:lang(zh-tw)) .eGcfXz {
    text-transform: uppercase;
}
.style__Wrapper-sc-10hox2m-0.is-visible .eGcfXz {
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 300ms 1 normal forwards running bcCCNc;
}
.eGcfXz {
    color: rgb(188, 188, 188);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.2em;
    margin: 0px;
}
.style__Wrapper-sc-10hox2m-0.is-visible .dPdDWu {
    animation: 1.2s cubic-bezier(0.77, 0, 0.175, 1) 400ms 1 normal forwards running bcCCNc;
}
.dPdDWu {
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.03em;
    color: rgb(26, 29, 33);
}
.style__Wrapper-sc-10hox2m-0.is-visible .gZauWs {
    animation: 1.4s cubic-bezier(0.77, 0, 0.175, 1) 550ms 1 normal forwards running bcCCNc;
}
.gZauWs:lang(cs-cz), .gZauWs:lang(de-de), .gZauWs:lang(es-ar), .gZauWs:lang(es-es), .gZauWs:lang(es-mx), .gZauWs:lang(fr-fr), .gZauWs:lang(hu-hu), .gZauWs:lang(it-it), .gZauWs:lang(ja-jp), .gZauWs:lang(ko-kr), .gZauWs:lang(pl-pl), .gZauWs:lang(pt-br), .gZauWs:lang(ro-ro), .gZauWs:lang(ru-ru), .gZauWs:lang(th-th), .gZauWs:lang(tr-tr), .gZauWs:lang(vi-vn), .gZauWs:lang(zh-cn), .gZauWs:lang(zh-tw) {
    line-height: 1.1;
}
.gZauWs {
    position: relative;
    height: 26px;
    margin-top: 8px;
    color: rgb(26, 29, 33);
    font-size: 12px;
    line-height: 1.08333;
    letter-spacing: 0.05em;
    overflow: hidden;
}
.jExJMv {
    left: 10px;
    right: 2px;
}
.gvLtET {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    left: 1px;
    pointer-events: none;
}
.content_title_bg {
	float: left;
	width: 100%;
	height: 100px;
	background: linear-gradient(180deg,rgb(44 29 23) 0%,rgb(34 22 17) 100%);
}
.content_title_bg h1 {
    font-family: Beaufort for LOL,Arial,sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 24px;
    color: #c4b998;
    flex-grow: 0;
    padding: 15px 30px;
    flex-shrink: 0;
    margin-right: 30px;
	text-align: left;
}
.content_slider_block {
	width: 100%;
	height: 137px;
}
.content_slider_block ul {
    margin-top: 44px;
    text-align: center;
    /* float: left; */
    width: 1100px;
    margin: 44px auto;
}
.content_slider_block ul li {
    width: 20%;
    float: left;
    margin: 0;
    text-align: center;
    height: 133px;
    list-style: none;
}
.slider_icon {
	width: 100%;
	text-align: center;
	margin-top: 38px;
	float:left;
}
.slider_title {
    width: 150px;
    margin: 0 auto;
    line-height: 1.2;
    font-size: 15px;
    text-align: center;
}
.content_slide {
    width: 179px;
    height: 133px;
	opacity: 0.5;
    background: url(../images/content_slide01.png);
    margin: 0 auto;
}
.content_slide:hover {
	opacity: 1;
	cursor: pointer;
}
.active_slide {
	opacity: 1;
}
/*.about_game {
    background: url(../images/about_game_bg.jpg) no-repeat;
}*/
.content_slider_menu {
	width: 100%;
    max-width: 1224px;
    position: absolute;
    top: -121px;
    height: 45px;
}
.content_slider_menu ul.slide_menu{
    /* background: url(../images/content_slider_menu.png); */
    margin: 0 auto;
    text-align: center;
    /* float: left; */
    width: 130px;
    height: 20px;
}
.content_slider_menu ul.slide_menu li {
    width: 25%;
    float: left;
    margin: 0;
    text-align: center;
    height: 45px;
    list-style: none;
}
.content_slider_menu ul.slide_menu li img {
    position: absolute;
    top: 875px;
}
.content_slider_menu ul.slide_menu li .active {
	width: 1px;
    height: 25px;
    position: relative;
    left: 6px;
    margin: 0 auto;
}
.content_slider_menu ul.slide_menu li .on_a {
    background: #3f1f22;
    transition: 0.1s;
}
.content_slider_menu ul.slide_menu li img {
    transition: 0.1s;
	cursor: pointer;
}
.content_slider_menu ul.slide_menu li img.on_img_a {
	border: 2px solid #3f1f22;
    border-radius: 6px;
    margin-left: -1px;
    margin-top: -2px;
	box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 0 3px 2px rgb(121, 59, 59), inset 0 0 5px 2px rgb(41, 30, 33);
    transition: 0.1s;
}
.content_slider_menu ul.slide_menu li:hover img {
    border-radius: 6px;
	box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 0 3px 2px rgb(121, 59, 59), inset 0 0 5px 2px rgb(41, 30, 33);
	transition: 1s;
}
.content_slider_info_block {
	float: left;
	width: 100%;
}
.content_slider_info_bg{
	/*background: url(../images/content_block_bg_01.jpg);*/
    width: 1188px;
    height: 153px;
    margin: 38px auto;
}
.content_slider_info {
	/*background: url(../images/content_block.png);*/
    width: 1139px;
    height: 98px;
    display: flex;
    align-items: center;
}
.content_slider_info p {
	margin: 0;
	text-align: center;
	width: 100%;
}
.content_slider_info p span {
	float:left;
	width: 100%;
	padding: 10px;
	font-size: 17px;
}
.upgrade_content {
	text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.upgrade_content ul {
    width: 1130px;
    margin: 10px auto auto auto;
}
.upgrade_content ul li {
	float: left;
	width: -webkit-calc(50% - 1em);
    width: calc(20% - 1em);
    height: 280px;
    list-style: none;
    margin: 0.5em;
}
.upgrade_slide {
	width: 95%;
	border: 1px solid red;
	height: 100%;
}
.upgrade_content ul li .itemNormal_2XrH .titles_GWG3 h1 {
    font-weight: 300;
    font-size: 12px;
}

.upgrade_content ul li .itemNormal_2XrH .titles_GWG3 h3 {
    display: block;
    font-weight: 700;
    font-size: 11px;
    padding: 0;
}
.upgrade_content ul li .itemNormal_2XrH .titles_GWG3 {
    height: 100px;
    padding: 29px 12px;
}
.lamp_craft {
    width: 100%;
    padding: 15px 52px 10px 52px;
    min-height: 450px;
    margin: 0 auto;
}
.lamp {
    margin: 0 auto;
    width: 550px;
    min-height: 331px;
    background: #0a0a0c;
    padding: 10px;
    border: 4px double #2c1a19;
    text-align: center;
    box-shadow: 0 0 16px 14px rgba(0,0,0,.4);
}
.lamp p {
    padding-top: 0;
    text-align: center;
    height: 82px;
    line-height: 1.5;
}
.craft {
	margin: 0 auto;
    width: 550px;
	min-height: 331px;
    background: #0a0a0c;
	padding: 10px;
	border: 4px double #2c1a19;
	text-align: center;
    box-shadow: 0 0 16px 14px rgba(0,0,0,.4);
}
.craft p {
    padding-top: 0;
    height: 82px;
    text-align: center;
    line-height: 1.5;
}
.lamp_craft ul{
    margin: 0;
    height: 100%;
    float: left;
    width: 100%;
}
.lamp_craft ul li{
    list-style: none;
    margin: 0;
    width: 100%;
    float: left;
    height: 100%;
}
.nice_text {
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 700;
    text-transform: uppercase;
}
.nice_text_title {
    width: 100%;
    height: 100%;
}
p.nice_text_title_text {
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 12px;
    font-size: 15px;
}
.lamp_items {
    width: 522px;
    height: 86px;
    margin-top: 15px;
    background: url(../images/lamp_item.png);
}
.item_need {
    height: 86px;
    width: 160px;
	float: left;
	text-align: center;
}
.item_variable {
    float: left;
    width: 362px;
    height: 86px;
	text-align: center;
}
.item_need_01 {
	width: 160px;
	height: 57px;
}
.item_need_02 {
	width: 160px;
	height: 29px;
}
img.adenus {
    margin-top: 14px;
    margin-left: 33px;
    float: left;
}
span.adenus_count {
    float: left;
    margin-top: 19px;
    font-size: 14px;
    margin-left: 10px;
}
.item_need_02 span {
    font-size: 14px;
    margin-top: 4px;
    color: #7b6967;
    float: left;
    text-align: center;
    width: 100%;
}
.item_variable .item_need_01 {
    width: 362px;
	height: 57px;
}
.item_variable .item_need_02 {
    width: 362px;
	height: 29px;
}
.item_need_01 ul {
	width: 348px;
    margin: 0 auto;
    float: none;
}
.item_need_01 ul li {
	height: 32px;
    width: 32px;
    float: left;
    margin: 13px;
    background: black;
}
ul.lamp_craft_title {
	height: 50px;
}
ul.lamp_craft_title li {
	text-align: center;
	font-weight: 500;
	font-size: 20px;
}
.lamp_help_craft_title {
color: #4a4545; font-size: 17px;
}
p.nice_titul {
	background: #1c110c;
    float: left;
    width: 100%;
	text-align: center;
    margin-bottom: 15px;
}
p.nice_titul01 {
    background: linear-gradient(180deg,rgb(44 29 23) 0%,rgb(34 22 17) 100%);
    margin-bottom: 10px;
    text-align: center;
    padding: 20px;
}
p.nice_farm {
	float: left;
    width: 100%;
	text-align: center;
    margin: 0px 0 20px 0;
}
p.nice_item_info {
    text-align: center;
}
.lamp_craft ul.two {
	margin-bottom: 30px;
}
p.nice_nice {
	text-align: center;
}
.chronicle_nice {
    margin-bottom: 20px;
}
.chapters_rate {
	text-align: left;
    float: left;
    width: 100%;
    color: #c4b998;
    margin: 10px 0 10px 0;
}
.pvp_pve_block {
    float: left;
    width: 100%;
}
.to-bottom-arrow_title {
    max-width: 200px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    font-family: Beaufort for LOL,Arial,sans-serif;
    background: 0 0;
	transition: 1s;
	opacity: 0.6;
}
.to-bottom-arrow:hover .to-bottom-arrow_title {
	color: #c4b998;
	opacity: 1;
}
.to-bottom-arrow_inner {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: fade 2s infinite;
    animation: fade 2s infinite;
    width: 35px;
    height: 9px;
    background-image: url(https://ru-wotp.wgcdn.co/static/5.50.0_549cb5/wotp_static/img/core/frontend/scss/common/blocks/to-bottom-arrow/img/arrow.png);
    margin-top: -2px;	
}
.arrow_inner {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation: fade 2s infinite;
    animation: fade 2s infinite;
    width: 35px;
    height: 9px;
    background-image: url(https://ru-wotp.wgcdn.co/static/5.50.0_549cb5/wotp_static/img/core/frontend/scss/common/blocks/to-bottom-arrow/img/arrow.png);
    margin-top: -2px;
}
.to-bottom-arrow_inner:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.to-bottom-arrow_inner:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.to-bottom-arrow_inner:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
@charset "UTF-8";@-webkit-keyframes blink-button{0%{-webkit-transform:translateX(-60px) skew(35deg);transform:translateX(-60px) skew(35deg)}50%,to{-webkit-transform:translateX(100%) skew(35deg);transform:translateX(100%) skew(35deg)}}@-webkit-keyframes fallbackloader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fallbackloader{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade{0%,60%,to{opacity:.15}30%{opacity:1}}@keyframes fade{0%,60%,to{opacity:.15;}30%{opacity:1}}@-webkit-keyframes frame{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes frame{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@-webkit-keyframes show-item{0%{-webkit-transform:translateX(70%);transform:translateX(70%);opacity:0;visibility:hidden}50%{opacity:0;visibility:hidden}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}}@keyframes show-item{0%{-webkit-transform:translateX(70%);transform:translateX(70%);opacity:0;visibility:hidden}50%{opacity:0;visibility:hidden}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}}@-webkit-keyframes outside-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}50%{opacity:0;visibility:hidden}to{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:0;visibility:hidden}}@keyframes outside-right{0%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;visibility:visible}50%{opacity:0;visibility:hidden}to{-webkit-transform:translateX(-70%);transform:translateX(-70%);opacity:0;visibility:hidden}}@keyframes blink-button{0%{-webkit-transform:translateX(-87px) skew(35deg);transform:translateX(-87px) skew(35deg)}50%,to{-webkit-transform:translateX(100%) skew(35deg);transform:translateX(100%) skew(35deg)}}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(20deg);transform:rotate(20deg)}}

.top_social {
    width: 500px;
	margin: 30px auto 0 auto;
    display: flex;

}
.top_social ul {
	margin: 30px auto 0 auto;
}
.top_social ul li {
	float: left;
    letter-spacing: 0px;
    text-indent: 0px;
}
.top_social ul li i {
	font-size: 50px;
    margin: 0 10px;
	opacity: 0.5;
	transition: 0.2s;
}


@font-face{font-family:la-icons;src:url(../fonts/la-icons.eot?2999b85d796ec0cd2861f871102f0202?#iefix) format("embedded-opentype"),url(../fonts/la-icons.woff2?2999b85d796ec0cd2861f871102f0202) format("woff2"),url(../fonts/la-icons.woff?2999b85d796ec0cd2861f871102f0202) format("woff"),url(../fonts/la-icons.ttf?2999b85d796ec0cd2861f871102f0202) format("truetype"),url(../fonts/la-icons.svg?2999b85d796ec0cd2861f871102f0202#la-icons) format("svg")}i[class*=" icon-"]:before,i[class^=icon-]:before{font-family:la-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-archetype-magician:before{content:"\F101"}.icon-archetype-monk:before{content:"\F102"}.icon-archetype-shooter:before{content:"\F103"}.icon-archetype-warrior:before{content:"\F104"}.icon-arrow-decor:before{content:"\F105"}.icon-arrow:before{content:"\F106"}.icon-check:before,.inventory__results .success-message__icon:before{content:"\F107"}.icon-class-arcana:before{content:"\F108"}.icon-class-bard:before{content:"\F109"}.icon-class-battlemaster:before{content:"\F10A"}.icon-class-berserker:before{content:"\F10B"}.icon-class-blaster:before{content:"\F10C"}.icon-class-destroyer:before{content:"\F10D"}.icon-class-devilhunter:before{content:"\F10E"}.icon-class-fighter:before{content:"\F10F"}.icon-class-hawkeye:before{content:"\F110"}.icon-class-hunter:before{content:"\F111"}.icon-class-infighter:before{content:"\F112"}.icon-class-magician:before{content:"\F113"}.icon-class-soulmaster:before{content:"\F114"}.icon-class-summoner:before{content:"\F115"}.icon-class-warlord:before{content:"\F116"}.icon-class-warrior:before{content:"\F117"}.icon-copy-past:before{content:"\F118"}.icon-cross:before{content:"\F119"}.icon-crystal:before{content:"\F11A"}.icon-friend:before{content:"\F11B"}.icon-lock:before{content:"\F11C"}.icon-logo:before{content:"\F11D"}.icon-search:before{content:"\F11E"}.icon-social-discord:before{content:"\F11F"}.icon-social-facebook:before{content:"\F120"}.icon-social-forum:before{content:"\F121"}.icon-social-instagram:before{content:"\F122"}.icon-social-mail:before{content:"\F123"}.icon-social-odnoklassniki:before{content:"\F124"}.icon-social-reddit:before{content:"\F125"}.icon-social-steam-simple:before{content:"\F126"}.icon-social-steam:before{content:"\F127"}.icon-social-twitch:before{content:"\F128"}.icon-social-twitter:before{content:"\F129"}.icon-social-vkontakte-clean:before{content:"\F12A"}.icon-social-vkontakte:before{content:"\F12B"}.icon-social-weibo:before{content:"\F12C"}.icon-social-youtube:before{content:"\F12D"}.error__icon:before,.icon-triangle:before{content:"\F12E"}.error__icon:after,.icon-warning:before{content:"\F12F"}*{padding:0;margin:0;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}*,:after,:before{box-sizing:border-box}

.social_call {
	font-size: 12px;
}
.main_info_top {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    width: 100%;
    margin-top: 77px;
    display: block;
    height: 71%;
    /* overflow: hidden; */
}
h1.main_info_data {
    /* font-weight: bold; */
    font-size: 28px;
}
.main_info_navig {
    width: 526px;
    margin: 10px auto;
    display: flex;
}
.main_info_call {
    margin: 0 auto;
    border: 3px solid rgb(69, 35, 34);
    border-radius: 0;
    padding: 13px 25px 12px;
    font-size: 18px;
    color: #dbcfbd;
    width: 250px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    background: rgb(23, 16, 18);
    box-shadow: 0 0 0 0 transparent;
    border-image: linear-gradient(to bottom,#885f27 0,#63461f 100%);
    border-image-slice: 1;
    transition: all ease .5s;
}
.main_info_call:hover {
	cursor: pointer;
	box-shadow: 0 0 10px 6px rgb(175 143 104), inset 0 0 5px 2px rgb(41 30 33);
}

.main_info_promo {
	width: 100%;
    margin: 0px auto 50px auto;
	float:left;
}
.main_info_old {
    width: 500px;
    margin: 0 auto;
    display: flex;	
}
.main_info_playold {
    margin: 0 auto;
    border: 3px solid rgba(192,252,253,.7);
    border-radius: 0;
    padding: 13px 25px 12px;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    background: rgb(23, 16, 18);
    box-shadow: 0 0 0 0 transparent;
    border-image: linear-gradient(to bottom,#885f27 0,#63461f 100%);
    border-image-slice: 1;
    transition: all ease .5s;
}
.main_info_playold:hover {
	cursor: pointer;
	box-shadow: 0 0 10px 6px rgb(175 143 104), inset 0 0 5px 2px rgb(41 30 33);
}
.main__container_bot {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: flex-end; */
    height: 29%;
    width: 100%;
    text-align: center;
}
.about-promo_bottom {
    display: block;
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    z-index: 2;
}
.to-bottom-arrow {
    color: #a29e87;
    transition: color .15s ease-out;
    cursor: pointer;
    display: inline-block;
}
#hero_slider_367_id {
    position: absolute;
    z-index: -1;
    top: 0;
}
.upper_bottom_text1 {
    float: left;
    padding: 30px;
    font-size: 40px;
    width: 100%;
    margin-top: 0px;
    color: #ffffff;
    letter-spacing: 2px;
    position: relative;
    text-indent: 8px;
    text-transform: uppercase;
}
.upper_bottom_text {
    float: left;
    padding: 0px;
    font-size: 40px;
    width: 100%;
    margin-top: 0px;
    color: #ffffff;
    letter-spacing: 2px;
    position: relative;
    text-indent: 8px;
    text-transform: uppercase;
}
.main_info_flex {
height: 15vh;
width: 100%;
display: flex;
float: left;
}
.top_social ul li i:hover {
	opacity: 1;
	transition: 0.2s;
	cursor: pointer;
}
.video_btn {
	background: url(../images/play_video.png);
	height: 122px;
	width: 122px;
	margin: auto auto 0 auto;
    transition: all ease .5s;
}
.video_btn:hover {
	background: url(../images/play_video_hover.png);
	height: 122px;
	width: 122px;
	margin: auto auto 0 auto;
    transition: all ease .5s;
	cursor: pointer;
}
.about_game_list {
    /* float: left; */
    width: 100%;
    display: flex;
    text-align: center;
    height: 400px;
    margin: 13px auto;
}
.list_active {
	/*box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 0 10px 6px rgba(121, 59, 59, 0.9), inset 0 0 5px 2px rgb(41, 30, 33);*/
	box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
ul.about_game_list li {
	float: left;
	width: 270px;
	border: 2px solid #2e1d16;
	height: 400px;
	margin: auto;
	background-color: #211516;
	list-style: none;
    transition: 1s;
}
.about_game_list_icon {
	width: 100%;
	height: 45%;
	text-align: center;
	display: flex;
}
.about_game_list_title {
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.76), 0 8px 16px rgb(0, 0, 0);
    width: 100%;
    height: 25%;
    text-align: center;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.16961rem;
    line-height: 1.5;
    font-size: 21px;
    padding: 0 1.0rem;
    font-weight: 700;
    letter-spacing: .1em;
    z-index: 2;
    text-transform: uppercase;
}
.about_game_list_desc {
    width: 100%;
    height: 35%;
    text-align: center;
    text-shadow: 0 2px 4px rgba(0,0,0,.8), 2px 2px 16px rgba(0,0,0,.6);
}
.about_game_list_icon img {
    /* height: 33px; */
    /* width: 31px; */
    background: #171012;
    margin: auto;
    padding: 20px;
    border-radius: 40px;
    border: 3px solid rgb(47 30 23);
    background: rgb(23, 16, 18);
    border-image-slice: 1;
	transition: 1s;
}

ul.about_game_list li.classic_economy {
	background: url(../images/about_bg01.png);
    transition: 1s;
}
ul.about_game_list li.equipment {
	background: url(../images/about_bg02.png);
    transition: 1s;
}
ul.about_game_list li.class_balance {
	background: url(../images/about_bg03.png);
    transition: 1s;
}
ul.about_game_list li.maximum_level {
	background: url(../images/about_bg04.png);
    transition: 1s;
}
ul.about_game_list li:hover .about_game_list_icon img {
	box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
    transition: 1s;
}
ul.about_game_list li:hover {
	box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
	cursor: pointer;
    transition: 1s;
/* -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);*/
}
span.game_title_grade {
	font-size: 24px;
}
.chapters_block {
	width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
}
.chapters_block ul {
    /* height: 200px; */
    float: left;
    width: 100%;
    border: 4px double #36221c;
	margin-bottom: 0;
}
.chapters_block ul li {
    list-style: none;
    width: 25%;
    float: left;
    height: 100%;
    min-height: 200px;
    margin: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.76), 0 8px 16px rgb(0, 0, 0);
	transition: 0.5s;
	box-shadow: inset 0px 0px 20px 20px rgb(17, 11, 13);

}
.chapters_block ul li.chap60 {
    background: url(../images/chapters_bg1.jpg);
    background-position: center;
    background-size: 100%;
}
.chapters_block ul li.chap75 {
    background: url(../images/chapters_bg2.jpg);
    background-position: center;
    background-size: 100%;
}
.chapters_block ul li.chap80 {
    background: url(../images/chapters_bg3.jpg);
    background-position: center;
    background-size: 100%;
}
.chapters_block ul li.chapMerge {
    background: url(../images/chapters_bgMerge.jpg);
    background-position: center;
    background-size: 100%;
}
.progressbar { 
    padding: 3px;
    width: 100%;
    max-width: 1164px;
    background: #110b0d;
    top: 1400px;
    margin-left: 30px;
    height: 30px;
    position: absolute;
    border: 2px solid #241812;
}
.progressbar > span {
  display: block;
  height: 100%;
  background-color: rgb(54 34 28);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow: 
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}
.progressbar > span:after {
  content: "";
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-image: linear-gradient(
    -45deg, 
    rgba(255, 255, 255, .2) 25%, 
    transparent 25%, 
    transparent 50%, 
    rgba(255, 255, 255, .2) 50%, 
    rgba(255, 255, 255, .2) 75%, 
    transparent 75%, 
    transparent
  );
  z-index: 1;
  background-size: 50px 50px;
  animation: move 17s linear infinite;
  overflow: hidden;
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.chapter_pun {
    width: 100%;
    height: 25px;
	margin-top: 34px;
    text-align: center;
    display: flex;
    align-items: center;
}
.chapter_pun_text {
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}
.chapter_level {
    width: 100%;
    height: 45px;
    line-height: 22px;
    text-align: center;
    display: flex;
    align-items: end;
}
.chapter_level_text {
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 30px;
}
.chapter_level_text_p {
    width: 100%;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: flex-start;
}
.chapter_level_text_p_text {
	text-align: center;
    width: 100%;
}
.chapters_block ul li:hover {
 -webkit-transform: scale(1.01);
  -ms-transform: scale(1.01);
  transform: scale(1.01);
  transition: 1s;
  cursor: pointer;
}
.chapters_block ul li:nth-child(1) {
   border-right: 1px solid #36221c;
}
.chapters_block ul li:nth-child(2) {
   border-right: 1px solid #36221c;
}
.chapters_block ul li:nth-child(3) {
   border-right: 1px solid #36221c;
}
ul.chapter_description {
	border: none;
    margin-top: 0;
}
ul.chapter_description li {
	background: none;
}
ul.chapter_description li:hover {
	cursor: default;
}
.chapters_block ul.chapter_description li:nth-child(1) {
   border-right: 1px solid #31161f
}
.chapters_block ul.chapter_description li:nth-child(2) {
   border-right: 1px solid #2a161c;
}
.chapters_block ul.chapter_description li:nth-child(3) {
   border-right: 1px solid #2a161c;
}
p.chapter_ul_title {
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
}
.chapters_block ul.chapter_description li:hover {
 -webkit-transform: scale(1.00);
  -ms-transform: scale(1.00);
  transform: scale(1.00);
}
.chapter_description_open {
    width: 100%;
    height: 40px;
    font-size: 15px;
    text-align: center;
    float: left;
    line-height: 40px;
    color: #757068;
    text-shadow: none;
    background: #191110;
}
ul.chapter_description_open_list {
    width: 100%;
    float: left;
    border: 0;
    margin: 7px 0;
    padding: 0;
}
ul.chapter_description_open_list li.chapter_description_open_list_text {
    border: 0;
	border-right: 0;
    font-size: 13px;
    padding: 4px 4px;
    width: 100%;
    max-width: 275px;
    min-height: 0;
    margin-left: 29px;
    list-style: circle;
}
ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(1),ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(2),ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(3),ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(4),ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(5),ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(6),ul.chapter_description_open_list li.chapter_description_open_list_text:nth-child(7) {
    border-right: 1px solid #31161f;
}
.chapter_desc_bg {
    float: left;
    border: 4px double #2a161c;
    border-top: 0;
}
.content_slider_info_bg_gif{
	/*background: url(../images/content_block_bg_01.jpg);*/
    width: 1139px;
    height: 293px;
    margin: 40px auto;
}
.content_slider_info_gif {
	background: url(../images/content_block_vitality.png);
    width: 1139px;
    height: 293px;
	display: flex;
	align-items: center
}
.content_slider_info_gif p {
	margin: 0;
	text-align: center;
	width: 100%;
}
.content_slider_info_gif p span {
	float:left;
	width: 100%;
	padding: 10px;
	font-size: 17px;
}
.mage_golem {
  height: 293px;
  width: 1139px;
  margin: auto;
  position: relative;
  text-align: center;
  font-size: 3em;
}

div.mage_golem video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: -10;
  object-fit: cover;
}
.vitality_lamp {
	width: 100%;
	float: left;
}
.vitality_lamp ul.vitality_lamp_list {
    float: left;
    margin-bottom: 25px;
}
.vitality_lamp ul.vitality_lamp_list li {
	list-style: none;
	float: left;
	width: 50%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	border: 1px solid #2a161c;
    min-height: 323px;
}
/*.vitality_lamp ul.vitality_lamp_list li:nth-child(1) {
	border-right: 1px solid #2a161c;
}*/
.vitality_lamp ul.vitality_lamp_list li span {
    background: #150c0f;
    width: 100%;
	font-size: 20px;
    padding: 10px;
    float: left;
    font-weight: 500;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 20px 2px rgb(65 40 33);
}
.vitality_lamp ul.vitality_lamp_list li p {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
}
.vitality_lamp_list_desc {
    margin-bottom: 10px;
    float: left;
}
.vitality_lamp_list img {
    margin-top: 32px;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 46px;
    border: 3px solid rgb(54 34 28);
    background: rgb(23, 16, 18);
    border-image-slice: 1;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 20px 2px rgb(65 40 33);

}
.notIce {
	display: flex;
	width: 100%;
	text-align: center;
	margin: 0;
}
.notIce p {
	width: 100%;
	text-align: center;
}
.notIce img {
	float: left;
    margin: 0 auto;
	text-align: right;
}
.notIce span {
    margin: 0 auto;
	text-align: left;
	float: left;
}
ul.notIce_class {
	
}
ul.notIce_class li {
	float: left;
	list-style: none;
	width: 20%;
	height: 145px;
	margin: 0;
}
.oly_desc_block {
    width: 100%;
    float: left;
    background: url(../images/oly_bg_v2.jpg) no-repeat;
    background-size: 170%;
    background-position: center;
}
.oly_desc_list_block {
	float: left;
    width: 100%;
    margin: 90px auto 36px auto;
}
.oly_desc_list_block ul.oly_list {
    float: none;
    width: 807px;
    min-height: 490px;
    margin: auto;
}
.oly_desc_list_block ul.oly_list li.oly_full_list {
    list-style: none;
    float: left;
    width: 251px;
    position: relative;
    min-height: 322px;
    margin-right: 9px;
    margin-left: 9px;
    transition: 0.5s;
    top: 0;
}
.oly_desc_list_block ul.oly_list li.oly_full_list div.oly_list_title {
	height: 98px;
	width:  100%;
	background: #1c110c;
	float: left;
    display: flex;
    align-items: center;
}
.oly_desc_list_block ul.oly_list li.oly_full_list div.oly_list_title img {
	margin: 0 auto;
    padding: 8px;
    border-radius: 46px;
    border: 3px solid rgb(71 45 34);
    background: rgb(23, 16, 18);
    border-image-slice: 1;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);	

}
.oly_title {
    width: 100%;
    height: 59px;
    text-align: center;
    font-size: 20px;
    padding-top: 17px;
    font-weight: 500;
    color: #c4b998;
}
.oly_list_desc {
	float: left;
    background: #0a0a0c;
    width: 100%;
    font-size: 14px;
    padding: 12px;
    min-height: 308px;
    color: #c4b998;
}
.oly_list_body {
	float: left;
    width: 100%;
	position: absolute;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.oly_desc_list_block ul.oly_list li.oly_full_list:hover {
	top: -14px;
	transition: 0.5s;
}
.oly_desc_list_block ul.oly_list li.oly_full_list:nth-child(2) {
    top: -60px;
}
.oly_desc_list_block ul.oly_list li.oly_full_list:nth-child(2):hover {
    top: -74px;
}
.oly_desc_list_block ul.oly_list li.oly_full_list:nth-child(2) div.oly_list_desc {
    min-height: 374px;
}
.raid_desc_block {
	width: 100%;
	min-height: 580px;
	float: left;
	background: url(../images/raids_bg.jpg);
}
.castle_desc_block {
	width: 100%;
	min-height: 580px;
	float: left;
	background: url(../images/castle_bg.jpg);
}
.pvp_pve_block .content_title_bg h1 {
    text-align: center;
    letter-spacing: 2px;
    margin: 0;
}
.oly_bot_desc {
	width: 793px;
    margin: 45px auto 0px auto;
    min-height: 200px;
    display: flex;
    align-items: center;
    background: #0a0a0c;
    border: 1px solid #36221c;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.oly_list_desc span.full_title {
	width: 100%;
    background: #1c110c;
    float: left;
    padding: 8px;
    font-weight: 700;
    text-shadow: 1px 1px 2px black, 0 0 1em black;
    text-align: center;
    margin-bottom: 7px;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.reward_icon {
	width: 32px;
	height: 32px;
	background: grey;
	float: left;
}
.oly_list_desc li.hero_winer {
    min-height: 32px;
    width: 100%;
    line-height: 39px;
    float: left;
}
.reward_icon {
    width: 32px;
    height: 32px;
    background: grey;
    float: left;
    margin: 5px 7px 5px 1px;
}
.oly_list_desc li.hero_winer:nth-child(3) {
	margin-bottom: 6px;
}
.oly_list_desc li.oly_settings {
    min-height: 32px;
    width: 100%;
    line-height: 40px;
    float: left;
}
.oly_bot_desc span {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    font-size: 24px;
}
.raid_desc_list_block {
	width: 1078px;
	margin: 40px auto;
    display: flex;
}
.raid_desc_block {
    width: 100%;
    float: left;
    background: url(../images/raids_bg.jpg) no-repeat;
    /*background-size: 170%;*/
    background-position: center;
}
.block_visual_epicTitle {
    margin-top: 40px;
    margin-bottom: 34px;
    font-size: 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold;
}
p.EpicAltandOriginal {
	width: 100%;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
    color: #c4b998;
	margin-bottom: 40px;
}
.raid_bot_desc {
	width: 500px;
    min-height: 230px;
    display: flex;
	margin: auto;
    float: left;
    align-items: center;
    background: #0a0a0c;
    border: 1px solid #2a161c;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);

}
.raid_bot_desc span {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
    width: 100%;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 24px;
}
.raid_bottom_desc {
    width: 793px;
    margin: 45px auto 0px auto;
    min-height: 215px;
	display: flex;
    align-items: center;
    background: #0a0a0c;
    border: 1px solid #2a161c;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.raid_bottom_desc span {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    padding: 10px;
    font-weight: 500;
    font-size: 24px;
}
.raid_bot_desc img {
    margin: 0 auto;
    padding: 8px;
    margin-top: 6px;
    border-radius: 46px;
    border: 3px solid rgb(54 34 28);
    background: rgb(23, 16, 18);
    border-image-slice: 1;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.raid_bottom_desc img {
    margin: 0 auto;
    margin-top: 9px;
    padding: 8px;
    border-radius: 46px;
    border: 3px solid rgb(54 34 28);
    background: rgb(23, 16, 18);
    border-image-slice: 1;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);

}
.weekInfo {
    width: 800px;
    min-height: 260px;
	margin: 25px auto;
}
li.dayInfo {
    width: 155px;
    height: 200px;
    float: left;
    margin: 15px;
}
.dayInfoName {
	color: #c4b998;
    text-align: center;
    float: left;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 8px;
    width: 100%;
    border-bottom: 4px double #442b22;
    padding: 10px;
}
.dayInfoRaid {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    /*margin-top: 10px;*/
    display: flex;
    align-items: center;
    padding: 0px;
}
.dayInfoRaidTime {
	color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
.dayInfoRaidIcon {
	width: 32px;
	height: 32px;
	background: grey;
	float: left;
	margin-right: 8px;
}
.dayInfoRaid span {
	font-size: 12px;
}
.dayInfoRaidTime span {
	font-size: 12px;
}
.dayInfoHR {
	width: 100%;
	float:left;
}
.dayInfoHRreal {
    width: 50px;
    margin: 5px auto;
    border-bottom: 1px solid #442b22;
}
.weekInfo ul {
	margin-left: 35px;
}
.weekInfoDrop {
    width: 800px;
   /* height: 260px;*/
	margin: 0px auto 0px auto;
}
.weekInfoDrop ul {
	margin-left: 35px;
}
.weekInfoDropMore {
    width: 100%;
    text-align: center;
	margin: 25px auto;
}
li.dayInfoDrop {
    width: 45%;
    height: 300px;
    background: #0a0a0c;
    float: left;
    padding: 20px;
    margin: 0px 15px 15px 15px;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);

}
li.dayInfoDropText {
    width: 49%;
	height: 355px;
    float: left;
    border: 1px solid #3d2121;
}
li.dayInfoDropNice {
	width: 2%;
	float: left;
    height: 200px;
}
.dayInfoNameDrop {
	color: #c4b998;
    text-align: center;
    float: left;
    font-weight: 500;
	line-height: 40px;
    background: #0a0a0c;
    font-size: 20px;
    margin-bottom: 8px;
    width: 100%;
    border-bottom: 4px double #442b21;
    padding: 10px;
}
.dayInfoRaidDrop {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    /*margin-top: 10px;*/
    display: flex;
    align-items: center;
    padding: 0px;
}
.dayInfoRaidTimeDrop {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    width: 148px;
    float: none;
    margin: 0 auto;
}
.dayInfoRaidIconDrop {
	width: 32px;
	height: 32px;
	background: grey;
	float: left;
	margin-right: 8px;
}
.dayInfoRaidDrop span {
	font-size: 12px;
	line-height: 1.5;
}
.dayInfoRaidTimeDrop span {
	font-size: 12px;
	line-height: 1.5;
}
.dayInfoRaidTimeDropText {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.dayInfoRaidTimeDropText span {
	font-size: 12px;
	line-height: 1.5;
}
.dayInfoHRDrop {
	width: 100%;
	float:left;
}
.dayInfoHRrealDrop {
    width: 50px;
    margin: 5px auto;
    border-bottom: 1px solid #3d2121;
}
.castle_desc_block {
    width: 100%;
    float: left;
    background: url(../images/castle_bg.jpg) no-repeat;
    background-size: 170%;
    background-position: center;
}
.castle_desc_list_block {
	width: 1078px;
	margin: 40px auto;
    display: flex;
}
.castle_bot_desc {
	width: 500px;
    min-height: 500px;
	margin: auto;
    float: left;
    align-items: center;
    background: #0a0a0c;
    border: 1px solid #2a161c;
    /*box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 0 10px 0px rgba(121, 59, 59, 0.9), inset 0 0 5px 2px rgb(41, 30, 33);*/
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.castle_bot_desc span {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 24px;
}
.castle_bot_desc img {
	margin: 0 auto;
    padding: 8px;
    margin-top: 20px;
    margin-bottom: 19px;
    border-radius: 46px;
    border: 3px solid rgb(54 34 28);
    background: rgb(23, 16, 18);
    border-image-slice: 1;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.castle_img_bg {
	background: #1c110c;
	text-align: center;
}
.castle_bot_desc span.dTitle {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 6px;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 24px;
}
.castle_bot_desc span.dTitle2 {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
    width: 100%;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 18px;
}
.castle_bot_desc span.dDesc1 {
	font-size: 15px;
	font-weight: 300;
	color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
    width: 100%;
    padding: 4px 10px;
}
.castledayInfoName {
	color: #c4b998;
    text-align: center;
    float: left;
    font-weight: 500;
    font-size: 20px;
	margin-top: 5px;
    margin-bottom: 8px;
    width: 100%;
    border-bottom: 4px double #442b22;
    padding: 10px;
}
.castledayInfoRaid {
    color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    /*margin-top: 10px;*/
    display: flex;
    align-items: center;
    padding: 0px;
}
.castledayInfoRaidTime {
	color: #c4b998;
    text-align: center;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
}
.castledayInfoRaidIcon {
	width: 32px;
	height: 32px;
	background: grey;
	float: left;
	margin-right: 8px;
}
.castledayInfoRaid span {
	font-size: 12px;
}
.castledayInfoRaidTime span {
	font-size: 12px;
}
.castledayInfoHR {
	width: 100%;
	float:left;
}
.castledayInfoHRreal {
    width: 50px;
    margin: 5px auto;
    border-bottom: 1px solid #3d2121;
}
.castle_bot_desc ul {
	width: 209px;
	margin: 0 auto;
}
.weekInfoOly {
    width: 100%;
    /* height: 260px; */
    float: left;
    display: flex;
    margin: 0px auto;
}
li.castledayInfo {
    width: 175px;
    height: 190px;
    float: left;
    margin: 10px;
}
li.castledayInfoTW {
    width: 175px;
    height: 190px;
    float: left;
    margin: 0 auto;
}
.weekInfoOly ul {
	margin: 15px auto 0 auto;
}
span.dTwdesc {
	font-size: 15px;
    font-weight: 300;
    color: #c4b998;
	width: 100%;
    line-height: 1.5;
    text-align: center;
    float: left;
    padding: 4px 10px;
}
.castleMini_info {
	color: #c4b998;
	width: 100%;
	float: left;
}
.castleMini_info ul {
    width: 400px;
    height: 278px;
    background: #0e0906;
	margin: 13px auto 35px auto;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);

}
.castleMini_info ul li {
	float: left;
	width: 133px;
	text-align: center;
	min-height: 92px;
}
.castleMini_info ul li span.castleMini_title {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
	width: 100%;
	background: #1c110c;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 20px;
}
.castleMini_info ul li span.castleMini_list_dot {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
	width: 100%;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 12px;
}
.twMini_info {
	color: #c4b998;
	width: 100%;
	float: left;
}
.twMini_info ul {
    width: 400px;
    height: 278px;
    background: #0e0906;
	margin: 13px auto 35px auto;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);

}
.twMini_info ul li {
	float: left;
	width: 100%;
	text-align: center;
	min-height: 92px;
}
.twMini_info ul li span.twMini_title {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
	width: 100%;
	background: #211318;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 20px;
}
.twMini_info ul li span.twMini_list_dot {
    color: #c4b998;
    line-height: 1.5;
    text-align: center;
    float: left;
	width: 100%;
    padding: 4px 10px;
    font-weight: 500;
    font-size: 12px;
}
.twMini_info ul li img {
	background: none;
    border: none;
    padding: 0;
    margin-top: 36px;
    border-radius: 0;
    box-shadow: none;
}
span.dTwdescIn {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 300;
    color: #c4b998;
    width: 100%;
    line-height: 1.5;
    text-align: center;
    float: left;
    padding: 0 16px;
}
.ss_image {
    width: 800px;
    height: 250px;
    margin: 25px auto 0px auto;
    box-shadow: 0 0 10px 0px rgb(68 43 33);
    background: url(../images/ss_bg.jpg);
}
.drb_image {
    width: 800px;
    height: 250px;
    margin: 25px auto 0px auto;
    /*box-shadow: 0 0 10px 0px rgba(121, 59, 59, 0.9);*/
    background: url(../images/drb_bg.jpg);
}
.dreams_image {
    width: 800px;
    height: 250px;
    margin: 25px auto 0px auto;
    /*box-shadow: 0 0 10px 0px rgba(121, 59, 59, 0.9);*/
    background: url(../images/dreams_bg.jpg);
}

.solokama {
	background: url(../images/solokama_bg.jpg);
}

.dreams_big_bg {
	background: url(../images/dreams_big_bg.jpg);
}

.fortress_image {
    width: 800px;
    height: 250px;
    margin: 25px auto 0px auto;
    /*box-shadow: 0 0 10px 0px rgba(121, 59, 59, 0.9);*/
    background: url(../images/fortress_image.jpg);
}
.pve_description {
	width: 800px;
	/*margin: 40px auto 10px auto;*/
	margin: 0px auto 10px auto;
	/*box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 0 10px 0px rgba(121, 59, 59, 0.9), inset 0 0 5px 2px rgb(41, 30, 33);*/
    /*box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 3px 10px 0px rgba(121, 59, 59, 0.9), inset 0 0 5px 2px rgb(41, 30, 33);*/
}
.pve_desc_title {
	width: 100%;
	height: 60px;
	background: #1c110c;
	color: #c4b998;
	font-weight: 500;
	line-height: 60px;
	font-size: 19px;
}
.quests-horiz {
	color: #c4b998;
    width: 100%;
}
table.quests-horiz tr {
	width: 100%;
}
table.quests-horiz th {
    border: 1px solid #452b21 !important;
    text-align: center;
    font-weight: bold;
	background: #140c08;
    padding: 12px;
	vertical-align: middle;
	line-height: 1.3;
	width: 35%;
}
table.quests-horiz td {
    border: 1px solid #472d22 !important;
    text-align: center;
    padding: 12px;
	vertical-align: middle;
	width: 65%;
	background: #0a0a0c;
	line-height: 1.3;
}
.pve_desc_bg {
	width: 100%;
	background: #0a0a0c;
	color: #c4b998;
    padding-bottom: 30px;
}
.pve_desc_fortress_bg {
	width: 100%;
	background: #0a0a0c;
	color: #c4b998;
}
.pve_desc_fortress_bg p {
    text-align: center;
    padding: 60px;
    padding-top: 20px;
    font-size: 15px;
    padding-bottom: 21px;
}
ul.pve_raids {
	width: 700px;
	margin: 30px auto;
	height:100px;
}
ul.pve_raids li {
	float: left;
	list-style: none;
	height: 100px;
	background: grey;
	width: 150px;
	text-align: center;
}
.pve_desc_bg table {
	color: #c4b998;
	width: 700px;
	margin: 0 auto;
}
.pve_desc_bg p {
    text-align: center;
    padding: 60px;
    padding-top: 20px;
    font-size: 15px;
    padding-bottom: 21px;
}
.pve_desc_bg table thead tr td {
	background: #1c110c;
}
.pve_desc_bg table tr td {
    border: 1px solid #472d22 !important;
    text-align: center;
    font-weight: bold;
	background: #0a0a0c;
    padding: 12px;
    vertical-align: middle;
    line-height: 1.3;
}
.raid_location {
	width: 259px;
	height: 140px;
}
.giran_loc {
	background: url(../images/giran_loc.jpg);
}
.oren_loc {
	background: url(../images/oren_loc.jpg);
}
.dw_loc {
	background: url(../images/dw_loc.jpg);
}
.abg_loc {
	background: url(../images/abg_loc.jpg);
}
.sv_loc {
	background: url(../images/sv_loc.jpg);
}
.map_block {
	width: 287px;
}
p.how_loc_title {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-weight: 500;
}
p.how_loc_title_desc {
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding-top: 0px;
    padding-bottom: 25px;
	font-weight: 300;
}
.loc_find_block {
	width: 800px;
	height: 285px;
	background: #0a0a0c;
	margin: 0 auto;
    margin-bottom: 35px;
	box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.loc_find_img {
	float: left;
    border-right: 1px solid #3c1d20;
    width: 448px;
}
.loc_find_desc {
	float: left;
	background: #0a0a0c;
	width: 352px;
	height: 100%;
	display: flex;
    align-items: center;
}
.pve_desc_bg table.donguen tr td {
	width: 20%;
}
.pve_desc_bg table.donguen thead tr td {
	font-weight: 500;
}
.pve_desc_bg table.donguen tr td {
	font-weight: 300;
    font-size: 14px;
}
p.no_bot_gg {
	padding-bottom: 0;
}
.pve_desc_bg table tr.two_title td {
	background: #110b0d;
}
p.pve_desc_commonText {
	/*padding-top: 0;*/
}
p.pve_desc_commonTextTitle {
	font-size: 20px;
    font-weight: 500;
}
p.pve_desc_commonTextsecond {
	padding-top: 0;
}
p.pve_desc_commonTextsecondTitle {
	padding-top: 0;
	padding-bottom: 10px;
    font-size: 18px;
    font-weight: 500;
}
.reward_sleep {
	width: 180px;
    height: 42px;
    font-weight: bold;
    line-height: 45px;
    margin: 7px auto 0 auto;
}
.reward_icons {
    width: 95px;
    height: 32px;
    display: flex;
    text-align: center;
    margin: 0 auto;
}
.reward_sleep_icon {
	float: left;
	width: 32px;
	height: 32px;
	background: grey;
	margin: 0 auto;
}
.ss_big_bg {
	background: url(../images/ss_bg_big.jpg);
}
.pvp_pve_spoiler {
	position: relative;
    width: 800px;
    margin: 0 auto;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.hide {
    display: none; 
    transition: all ease .5s;
}
.hide + label ~ div{
    display: none;
    transition: all ease .5s;
}
/* оформляем текст label */
.hide + label {
    color: #c4b998;
    cursor: pointer;
    display: inline-block; 
    margin: 0 auto;
    border: 3px solid rgb(69, 35, 34);
    border-radius: 0;
    padding: 13px 25px 12px;
    font-size: 14px;
    width: 200px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    background: rgb(23, 16, 18);
    box-shadow: 0 0 0 0 transparent;
    border-image: linear-gradient(to bottom,#3e261e 0,#32201a 100%);
    border-image-slice: 1;
    transition: all ease .5s;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    background: #1e1115;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.hide:checked + label.new_raids1 {
    background: #1e1115;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
	margin-bottom: 0;
}
.hide:checked + label.new_raids2 {
    background: #1e1115;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
	margin-bottom: 0;
}
.hide:checked + label.new_epic {
    background: #1e1115;
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
	margin-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block; 
    transition: all ease .5s;
}
.block_visual {
	background: #1c110c;
    margin-top: 20px;
    padding-bottom: 30px;
}
.block_visual_epic p {
	color: #c4b998;
}
.block_visual_epic {
	background: #1c110c;
    margin-top: 20px;
    padding-bottom: 30px;
	width: 100%;
}
.hide + label:hover {
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.hide + label.new_raids1 {
    color: #c4b998;
    cursor: pointer;
    display: inline-block;
    margin: 0px auto;
	width: 370px;
    margin-left: 100px;
    margin-right: 100px;
    border: 3px solid rgb(69, 35, 34);
    border-radius: 0;
    padding: 13px 25px 12px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    background: rgb(23, 16, 18);
    box-shadow: 0 0 0 0 transparent;
    border-image: linear-gradient(to bottom,#3e261e 0,#32201a 100%);
    border-image-slice: 1;
    transition: all ease .5s;
	margin-bottom: 20px;
}
.hide + label.new_raids2 {
    color: #c4b998;
    cursor: pointer;
    display: inline-block;
    margin: 0px auto;
	width: 370px;
    margin-left: 100px;
    margin-right: 100px;
    border: 3px solid rgb(69, 35, 34);
    border-radius: 0;
    padding: 13px 25px 12px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    background: rgb(23, 16, 18);
    box-shadow: 0 0 0 0 transparent;
    border-image: linear-gradient(to bottom,#3e261e 0,#32201a 100%);
    border-image-slice: 1;
    transition: all ease .5s;
}
.hide + label.new_epic {
    color: #c4b998;
    cursor: pointer;
    display: inline-block;
    margin: 35px auto 35px auto;
	width: 370px;
    border: 3px solid rgb(69, 35, 34);
    border-radius: 0;
	text-align: center;
    padding: 13px 25px 12px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    background: rgb(23, 16, 18);
    box-shadow: 0 0 0 0 transparent;
    border-image: linear-gradient(to bottom,#3e261e 0,#32201a 100%);
    border-image-slice: 1;
    transition: all ease .5s;
}
.hide:checked + label + div.new_raids2_margin {
    display: block;
    transition: all ease .5s;
    margin-bottom: 20px;
}
.hide:checked + label + div.new_epic_margin {
    display: block;
    transition: all ease .5s;
    margin-bottom: 20px;
}
table.pve_table thead tr td {
	font-weight: bold;
}
table.pve_table tr td {
	font-weight: 300;
	font-size: 14px;
}
.hide + label.new_raids1:hover {
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.hide + label.new_raids2:hover {
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.hide + label.new_epic:hover {
    box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 5px 2px rgb(65 40 33);
}
.notIcewnd_inst {
	width: 800px;
	height: 500px;
	margin: 0 auto 90px auto;
}
.notIcewnd_instTitle {
    color: #c4b998;
    margin-top: 10px;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 17px;
}
.notIcewnd_instBlock {
	text-align: center;
	color: #c4b998;
	display: flex;
	width: 450px;
	margin: 0 auto;
	align-items: center;
	margin-bottom: 50px;
}
.notIcewnd_instBlock span {
	font-size: 14px;
}
.notIcewnd_inst img.notIcewnd_inst_wnd {
	min-height: 370px;
}
.notIcewnd_inst img.notIcewnd_inst_icon {
	height: 48px;
}
.images_bottom_nice {
    margin-top: 70px;
    max-height: 723px;
    height: 100%;
    width: 100%;
}
.sieges_week {
    width: 1060px;
    margin: 0 auto;
    height: 160px;
    margin-bottom: 10px;
}
.sieges_week_list {
    width: 50%;
    float: left;
    display: flex;
    text-align: center;
}
.block_visual_epic ul {
    background: #1b1215;
    float: left;
    width: 100%;
}
.dayInfoNameDrop_AQ {
    float: left;
    height: 250px;
    background: grey;
    margin-top: 10px;
    width: 100%;
    background: url(../images/locAQ.jpg) no-repeat;
    background-position: top;
    background-size: contain;
}
.dayInfoNameDrop_altAQ {
    float: left;
    height: 250px;
    background: grey;
    margin-top: 10px;
    width: 100%;
    background: url(../images/locAltAQ.jpg) no-repeat;
    background-position: top;
    background-size: contain;
}
.aq {
	background: url(../images/aq.jpg);
}
.aq3 {
	background: url(../images/aq3.jpg);
}
.core {
	background: url(../images/core.jpg);
}
.orfen {
	background: url(../images/orfen.jpg);
}
.zaken {
	background: url(../images/zaken.jpg);
}
.baium {
	background: url(../images/baium.jpg);
}
.frintezza {
	background: url(../images/frintezza.jpg);
}
.antharas {
	background: url(../images/antharas.jpg);
}
.valakas {
	background: url(../images/valakas.jpg);
}
.timeResp {
	background: url(../images/timeResp.png);
}
.dropIco {
	background: url(../images/dropIco.png);
    margin-right: 0;
}
.olyIcon {
	background: url(../images/olyIcon.png);
}
.hero1 {
	background: url(../images/hero1.jpg);
}
.hero2 {
	background: url(../images/hero2.jpg);
}
.hero_crown {
	background: url(../images/hero_crown.jpg);
}
.hero_box {
	background: url(../images/hero_box.jpg);
}
.hero_weapon {
	background: url(../images/hero_weapon.jpg);
}
.battle_mark {
	background: url(../images/battle_mark.jpg);
}
.winner_mark {
	background: url(../images/winner_mark.jpg);
}
.siege_miniIcon {
	background: url(../images/siege_miniIcon.png);
}
.vp {
	background: url(../images/vp.jpg);
}
.lamp1 {
	background: url(../images/lamp1.png);
}
.donguen_reward {
	background: url(../images/donguen_reward.jpg);
}
.mobile-menu {
	display: none;
}
img.notIcenew {
margin-bottom: 15px;margin-left: 110px;margin-top: 10px;box-shadow: inset 0px 0px 20px 4px rgb(42, 22, 28), 0 0 10px 0px rgba(121, 59, 59, 0.9), inset 0 0 5px 2px rgb(41, 30, 33);float: left;
}
.votetoda {
padding-left: 42px;padding-right: 72px;
}
.votetoda2 {
width: 249px;height: 40px;margin: 0 auto;
}
.votetoda3 {
width: 540px;margin-right: 30px;
}
.votetoda4 {
width: 540px;margin-right: 30px;
}
.votetovoobwe {
margin-top: 15px;box-shadow: inset 0px 0px 20px 4px rgb(28 17 12), 0 0 10px 6px rgb(71 45 35), inset 0 0 0px 2px rgb(65 40 33);
}
.votetoda5 {
width: 226px;height: 40px;margin: 0 auto;
}
.nadoSuda {
	margin-top: 30px;
}
.secondTut {
width: 100%;height: 48px;margin: 60px auto;
}
.adaptivBoga {
width: 905px;
    border: 4px double #3d2121;
    margin: 28px;
}
.main_info_navig a {
	margin: 0 auto;
}
.main_info_old a {
	margin: 0 auto;
}
.HeaderBattle__header__3BgAd {
    font-family: DXAngelusMediaval,serif;
    text-transform: uppercase;
    color: #fff;
    font-size: 35px;
    line-height: 42px;
    text-align: center;
    letter-spacing: -.7px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    position: relative;
    width: 600px;
    margin: 0 auto;
	margin-top: 138px;
    text-shadow: #fff 0 0 10px;
}
.margin_top_help {
	margin-top: 61px;
}
.margin_top_help span {
	font-size: 25px;
}
span.top_help_data {
	font-size: 45px;
}
.HeaderBattle__description__3orwX {
    margin: 0;
    font-family: DXAngelusMediaval,serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 84px;
    text-align: center;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    color: #fff;
    text-shadow: #fff 0 0 10px;
    text-transform: uppercase;
}
.HeaderBattle__update__3ipd1 {
    position: relative;
    width: 192px;
    height: 18px;
    margin: 0 auto;
    padding-right: 11px;
    padding-left: 11px;
    top: 35px;
    font-family: DXAngelusMediaval,serif;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: #fff;
}
.HeaderBattle__update__3ipd1:after, .HeaderBattle__update__3ipd1:before {
    content: "";
    position: absolute;
    background-image: url(../images/66b8537ca00b44df8158d08ba160f083.svg);
    width: 191px;
    height: 7px;
    top: 6px;
    left: 202px;
}
.HeaderBattle__update__3ipd1:before {
    left: -205px;
    background-image: url(../images/bfc2109e4d969160b6a72d62870c5a04.svg);
}


.HeaderBattle__play__3EmsyW:before, .HeaderBattle__play__3EmsyW:hover {
    background-image: url(../images/c8e9115….svg);
    background-repeat: no-repeat;
}
.HeaderBattle__play__3EmsyW:active, .HeaderBattle__play__3EmsyW:after {
    opacity: .8;
}
.HeaderBattle__play__3EmsyW {
    position: relative;
    border: 0;
    padding: 0;
    width: 325px;
    height: 63px;
    background-image: url(../images/97a85f5b757f3017fc78f17eb4cb1a1f.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    background-color: inherit;
	margin-top: 60px;
}
.HeaderBattle__play__3EmsyW:before, .HeaderBattle__play__3EmsyW:hover {
    background-image: url(../images/c8e91153d5e47ea19fc5f36b7ad5f543.svg);
    background-repeat: no-repeat;
}


.HeaderBattle__play__3Emsy:before, .HeaderBattle__play__3Emsy:hover {
    background-image: url(../images/c8e9115….svg);
    background-repeat: no-repeat;
}
.HeaderBattle__play__3Emsy:active, .HeaderBattle__play__3Emsy:after {
    opacity: .8;
}
.HeaderBattle__play__3Emsy {
    position: relative;
    border: 0;
    padding: 0;
    width: 325px;
    height: 63px;
    background-image: url(../images/97a85f5b757f3017fc78f17eb4cb1a1f.svg);
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    background-color: inherit;
	margin-top: 0px;
}
.HeaderBattle__play__3Emsy:before, .HeaderBattle__play__3Emsy:hover {
    background-image: url(../images/c8e91153d5e47ea19fc5f36b7ad5f543.svg);
    background-repeat: no-repeat;
}
.HeaderBattle__playLabel__36bVN {
    position: absolute;
    top: 19px;
    left: 0;
    right: 0;
    font-family: ProximaNova,sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
}
.HeaderBattle__header__3BgAd:before {
    content: "";
    position: absolute;
    background-image: url(../images/shadow-aec09d66b887534c933d239241667843.png);
    width: 856px;
    height: 357px;
    top: -120px;
    left: -140px;
    z-index: -1;
}

.App.C_CAPABLE_BROWSER .introDescription_3Xzz {
width:100%
}
.App.C_CAPABLE_BROWSER .description_30fC {
margin:0 auto 35px
}
.App.C_CAPABLE_BROWSER .moreContentBtn_3DoL {
display:block;margin:35px auto
}
.ja_jp .introDescription_3Xzz .description_30fC {
max-width:650px;text-align:center
}
.ja_jp .introDescription_3Xzz .description_30fC:first-letter {
border-bottom:0;float:none;font-size:14px;line-height:1.6;margin:0;padding:0
}
@media (min-width:1px) and (max-width:767px) {
.ja_jp .introDescription_3Xzz .description_30fC {
max-width:95%;word-break:normal
}

}
.RaceTheme_17zQ .titles_2tk1 {
background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 65%,rgba(10,10,12,.1) 83%,#0a0a0c 93%);background-image:linear-gradient(180deg,rgba(0,0,0,0) 65%,rgba(10,10,12,.1) 83%,#0a0a0c 93%)
}
.headerMinHeight_2Jx4 {
min-height:500px
}
@media (min-width:1px) and (max-width:767px) {
.headerMinHeight_2Jx4 {
min-height:100px
}

}
.crestFaction_3Fyt {
height:200px;width:200px;position:absolute;bottom:200px;left:50%;margin:auto auto auto -100px;z-index:100;opacity:1
}
.crestFaction_3Fyt img {
max-width:100%
}
@media (min-width:1px) and (max-width:767px) {
.crestFaction_3Fyt {
bottom:10px
}
.crestFaction_3Fyt img {
max-width:30%
}

}
.crestFaction_3Fyt.small_2-8O {
height:120px;width:120px;margin-left:-63px
}
.sectionHeader_27aM {
background-position:top;background-size:cover;min-height:88vh;position:relative
}
@media (min-width:1px) and (max-width:767px) {
.sectionHeader_27aM {
min-height:135vw;max-height:80vh
}
.sectionHeader_27aM.small_2-8O {
max-height:46vh;min-height:100vw
}

}
.sectionHeader_27aM.small_2-8O {
min-height:44vh
}
@media (min-width:768px) {
.titles_2tk1.minorTextGradient_NSDT {
background-image:linear-gradient(180deg,rgba(0,0,0,0) 65%,rgba(10,10,12,.1) 70%,#0a0a0c 90%);padding-top:10%
}

}
.titles_2tk1 {
background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 65%,rgba(10,10,12,.1) 70%,#0a0a0c 90%);background-image:linear-gradient(180deg,rgba(0,0,0,0) 65%,rgba(10,10,12,.1) 70%,#0a0a0c 90%);position:absolute;right:0;bottom:0;left:0;padding-bottom:35px;padding-top:80%;text-align:center;width:100%
}
@media (min-width:1px) and (max-width:767px) {
.titles_2tk1 {
background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 45%,rgba(10,10,12,.1) 55%,#0a0a0c 85%);background-image:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(10,10,12,.1) 55%,#0a0a0c 85%)
}

}
.subheadline_rlsJ {
font-weight:700;font-size:12px;color:#c4b998;letter-spacing:4px;padding:16px 0 16px 4px
}
.subheadline_rlsJ,.title_1orQ {
font-family:Beaufort for LOL,Arial,sans-serif;text-transform:uppercase
}
.title_1orQ {
font-weight:500;font-size:104px;color:#937341;letter-spacing:.2em;padding-top:20px
}
@media (max-width:1024px) {
.title_1orQ {
font-size:76px;letter-spacing:12px
}

}
@media (min-width:1px) and (max-width:767px) {
.title_1orQ {
font-size:38px;letter-spacing:8px
}

}
.divider_2rDe {
display:block;margin:0 auto;max-width:100%
}
@media (min-width:1px) and (max-width:767px) {
.divider_2rDe {
display:none
}

}
.App.C_CAPABLE_BROWSER .wayFinderTitles_wFQ4 {
padding-top:25px
}
.App.C_CAPABLE_BROWSER .wayFinderTitles_wFQ4 h3,.App.C_CAPABLE_BROWSER .wayFinderTitles_wFQ4 img {
float:left
}
.App.C_CAPABLE_BROWSER .pagePosition_1vla {
display:none
}
.wayFinder_2Hkb {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;top:0;right:0;left:0;background-color:#171817;box-shadow:0 -8px 10px 8px #0a0a0c;height:65px;position:fixed;z-index:2999
}
@media (min-width:1px) and (max-width:767px) {
.wayFinder_2Hkb {
-webkit-box-pack:justify;-moz-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;display:none
}

}
.wayFinderTitles_wFQ4 {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-flex:0;-moz-box-flex:0;box-flex:0;-webkit-flex:0 1 auto;-moz-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;border-style:solid;-webkit-border-image:-webkit-linear-gradient(top,#71623c,#3f301b);border-image:linear-gradient(180deg,#71623c,#3f301b);border-bottom:0;border-image-slice:1 100%;border-top:0;border-left:1px solid #71623c;border-bottom-width:1px;border-right:1px solid #71623c;border-top-width:1px;height:100%;margin:0 35px
}
.wayFinderTitles_wFQ4 h3 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:14px;color:#937341;letter-spacing:2px;padding:0 16px;text-transform:uppercase
}
.wayFinderTitles_wFQ4 .typeIcon_3x3h {
max-height:28px;min-height:28px;padding-left:16px
}
@media (min-width:1px) and (max-width:767px) {
.wayFinderTitles_wFQ4 .typeIcon_3x3h {
display:none
}

}
@media (min-width:1px) and (max-width:767px) {
.wayFinderTitles_wFQ4 {
-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-moz-box-pack:start;box-pack:start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start;-o-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:start;margin:0
}

}
.wayFinderPosition_1LBB {
margin-right:0;width:100%
}
.pagePosition_1vla,.wayFinderPosition_1LBB {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;margin-left:0
}
.pagePosition_1vla {
-webkit-box-orient:horizontal;-moz-box-orient:horizontal;box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:row;-moz-flex-direction:row;flex-direction:row;-ms-flex-direction:row;-webkit-box-flex:2;-moz-box-flex:2;box-flex:2;-webkit-flex:2 1 auto;-moz-flex:2 1 auto;-ms-flex:2 1 auto;flex:2 1 auto;-webkit-border-image:-webkit-linear-gradient(top,#71623c,#3f301b);border-image:linear-gradient(180deg,#71623c,#3f301b);border-style:solid;border-image-slice:1 100%;border-right:1px solid #937341;height:100%;margin-right:35px;padding-right:35px
}
@media (min-width:1px) and (max-width:767px) {
.pagePosition_1vla {
display:none
}

}
.wayPoint_1aHL {
-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1 1 auto;-moz-flex:1 1 auto;-ms-flex:1 1 auto;flex:1 1 auto;border-top:1px solid #937341;position:relative
}
.wayPoint_1aHL h3 {
position:absolute;top:10px;right:-50px;bottom:-10px;left:-50px;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:12px;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;color:#c4b998;letter-spacing:2px;opacity:0;pointer-events:none;text-align:center;text-transform:uppercase;min-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.wayPoint_1aHL:last-child {
-webkit-border-image:-webkit-linear-gradient(left,#262626 55%,#171817);border-image:linear-gradient(90deg,#262626 55%,#171817);border-style:solid;border-image-slice:1
}
.wayPoint_1aHL:last-child.activeWayPoint_3sJY {
-webkit-border-image:-webkit-linear-gradient(left,#937341 55%,#171817);border-image:linear-gradient(90deg,#937341 55%,#171817);border-style:solid;border-image-slice:1
}
.wayPoint_1aHL:after {
top:-4px;background-color:#937341;border-radius:50%;height:7px;width:7px
}
.wayPoint_1aHL:after,.wayPoint_1aHL:hover:before {
position:absolute;right:0;left:0;content:" ";margin:0 auto
}
.wayPoint_1aHL:hover:before {
top:-6px;background-color:#171817;border:1px solid #937341;border-radius:50%;height:11px;width:11px
}
.wayPointClickbox_3HYO {
position:absolute;top:-33px;right:0;bottom:-32px;left:0;cursor:pointer;z-index:2
}
.wayPointClickbox_3HYO:hover+h3 {
opacity:1
}
.afterActiveWayPoint_3J7B {
border-color:#262626
}
.afterActiveWayPoint_3J7B:after {
background-color:#262626
}
.activeWayPoint_3sJY {
-webkit-border-image:-webkit-linear-gradient(left,#937341 55%,#262626);border-image:linear-gradient(90deg,#937341 55%,#262626);border-style:solid;border-image-slice:1
}
.activeWayPoint_3sJY:last-child {
border-image:0
}
.activeWayPoint_3sJY:after {
background-color:#c4b998
}
.activeWayPoint_3sJY:before {
position:absolute;top:-6px;right:0;left:0;background-color:#171817;border:1px solid #937341;border-radius:50%;content:" ";height:11px;margin:0 auto;width:11px
}
.goToTopBtn_13IS {
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;border:1px solid #937341;border-radius:50%;cursor:pointer;height:31px;max-width:31px;min-width:31px;padding:6px
}
.goToTopBtn_13IS:hover {
background-color:#1a1d21
}
.goToTop_2VSx {
-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);fill:#937341;margin-left:2.5px;margin-top:1px;width:12px
}
.shareBtn_25sz {
-webkit-transition:background-color .3s;-moz-transition:background-color .3s;transition:background-color .3s;border:1px solid #937341;border-radius:50%;cursor:pointer;height:31px;max-width:31px;min-width:31px;padding:6px
}
.shareBtn_25sz:hover {
background-color:#1a1d21
}
.share_3v_U {
fill:#937341;margin-left:1px;margin-top:-4px;width:14px
}
.MinutesToReadText_Ut3Z {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;font-size:16px;display:block;text-transform:uppercase
}
@media (min-width:1px) and (max-width:767px) {
.MinutesToReadText_Ut3Z {
font-size:12px
}

}
.App.C_CAPABLE_BROWSER .container_2jMw {
text-align:center
}
.App.C_CAPABLE_BROWSER .description_2Zbo,.App.C_CAPABLE_BROWSER .title_2YYZ {
margin:35px auto
}
.App.C_CAPABLE_BROWSER .moreButton_2kv7 {
margin:0 auto
}
.ja_jp .AdditionalContent_vqjr.fullContent_ekEh h1 {
font-size:55px
}
.AdditionalContent_vqjr {
border-bottom:1px solid rgba(202,171,103,.37);border-top:1px solid rgba(202,171,103,.37);overflow:hidden;position:relative
}
.AdditionalContent_vqjr .textContent_Upc0 {
padding:130px 0 95px;position:relative;z-index:2
}
.AdditionalContent_vqjr.fullContent_ekEh .textContent_Upc0 {
padding-bottom:75px;padding-top:80px
}
.AdditionalContent_vqjr:hover.hoverScaleEnabled_27SB .image_2T3Y {
transform:scale(1.1)
}
.AdditionalContent_vqjr.CollectionTheme_1B0I .title_2YYZ,.AdditionalContent_vqjr.CollectionTheme_1B0I .titleEnd_2xIL,.AdditionalContent_vqjr.CollectionTheme_1B0I .titleStart_22mt {
color:#ece0d7
}
.AdditionalContent_vqjr.CollectionTheme_1B0I .description_2Zbo {
font-family:Spiegel,Helvetica,sans-serif,microsoft yahei;font-weight:600;font-size:18px;color:#c4b998;line-height:1.6
}
.textContent_Upc0 {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center
}
.description_2Zbo,.image_2T3Y,.minutes_1_RE,.moreButton_2kv7,.title_2YYZ,.topTitle_16N2 {
opacity:0;transform:translateY(50px);transition:1s
}
.visibleAddContent_1dEo .description_2Zbo,.visibleAddContent_1dEo .image_2T3Y,.visibleAddContent_1dEo .minutes_1_RE,.visibleAddContent_1dEo .moreButton_2kv7,.visibleAddContent_1dEo .title_2YYZ,.visibleAddContent_1dEo .topTitle_16N2 {
opacity:1;transform:translate(0)
}
.moreButton_2kv7 {
display:block;transition-delay:1.2s
}
.minutes_1_RE {
transition-delay:.1s
}
.image_2T3Y {
position:absolute;top:0;right:0;bottom:0;left:0;-webkit-filter:brightness(.4);filter:brightness(.4);background-position:50%;background-size:cover;z-index:1
}
.Titles_S6vn {
text-align:center
}
.topTitle_16N2 {
font-size:16px;color:#c4b998;padding-bottom:14px;transition-delay:.6s
}
.title_2YYZ,.topTitle_16N2 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;letter-spacing:1px;text-transform:uppercase
}
.title_2YYZ {
font-size:42px;line-height:1.1;margin-left:10px;margin-right:10px;max-width:500px;padding:12px 0 6px;text-align:center;transition-delay:.3s
}
.title_2YYZ .titleStart_22mt {
color:#c4b998
}
@media (min-width:1px) and (max-width:767px) {
.title_2YYZ .titleStart_22mt {
font-size:40px
}

}
.title_2YYZ .titleEnd_2xIL {
color:#937341
}
@media (min-width:1px) and (max-width:767px) {
.title_2YYZ .titleEnd_2xIL {
font-size:40px
}

}
.title_2YYZ.fullContent_ekEh {
font-size:62px;max-width:700px;padding:14px 0
}
.title_2YYZ.xLarge_3hN5 {
max-width:800px
}
@media (min-width:1px) and (max-width:767px) {
.title_2YYZ.xLarge_3hN5 {
line-height:.85
}

}
.description_2Zbo {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:14px;-webkit-text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;text-align-last:center;color:#c4b998;line-height:1.4;margin-left:15px;margin-right:15px;max-width:500px;padding:6px 0 36px;text-align:justify;transition-delay:.9s
}
.description_2Zbo.fullContent_ekEh {
max-width:600px;padding-bottom:75px
}
@media (min-width:1px) and (max-width:767px) {
.description_2Zbo {
margin-left:auto;margin-right:auto;max-width:86%;padding-left:20px;padding-right:20px
}

}
.hoverScaleEnabled_27SB {
border:1px solid rgba(202,171,103,.37);box-shadow:0 0 16px 14px rgba(0,0,0,.4)
}
.additionalContent_25fY {
margin:60px 0
}
@media (min-width:1px) and (max-width:767px) {
.additionalContent_25fY {
margin:60px 0 75px
}

}
.additionalContent_25fY .limitedWidth_pCU9 {
margin:60px auto;max-width:1280px
}
@media (min-width:768px) {
.diamond_1ftc,.diamondLeft_38Eb,.diamondRight_3rfK,.images_1kNk,.line_P_m1,.lineLeft_7cwo {
-webkit-transition:opacity .2s ease 0s;-moz-transition:.2s opacity ease 0s;transition:opacity .2s ease 0s
}
.hideBars_1rK1.diamond_1ftc,.hideBars_1rK1.diamondLeft_38Eb,.hideBars_1rK1.diamondRight_3rfK,.hideBars_1rK1.line_P_m1,.hideBars_1rK1.lineLeft_7cwo,.images_1kNk.hideBars_1rK1 {
display:none
}

}
.diamond_1ftc,.diamondLeft_38Eb,.diamondRight_3rfK {
position:relative;background:#373121;font-size:0;z-index:100
}
@media (min-width:1px) and (max-width:767px) {
.diamond_1ftc,.diamondLeft_38Eb,.diamondRight_3rfK {
display:none
}

}
.diamondLeft_38Eb:before {
left:-70px
}
.diamondLeft_38Eb:before,.diamondRight_3rfK:before {
height:5px;width:5px;position:absolute;top:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border:1px solid #80553d;content:"\25C7";font-size:0
}
.diamondRight_3rfK:before {
left:68px
}
.diamondRightMajorSection_2XQg:before {
position:absolute;top:-6px;left:65px
}
.lineLeft_7cwo {
-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)
}
.line_P_m1 {
padding-left:70px;vertical-align:middle;width:30%
}
@media (min-width:1px) and (max-width:767px) {
.line_P_m1 {
display:none
}

}
.SmallSectionHeader_sJOu {
position:relative;text-align:center;z-index:2
}
.SmallSectionHeader_sJOu.visible_3mcW .icon_2yzh,.SmallSectionHeader_sJOu.visible_3mcW .sectionName_2vSk {
opacity:1
}
.icon_2yzh {
-webkit-transition:opacity .2s ease 0s;-moz-transition:.2s opacity ease 0s;transition:opacity .2s ease 0s;margin:8px;max-height:20px;opacity:0;text-align:center
}
.titles_2GIL {
margin:0 auto;position:relative
}
.sectionName_2vSk {
-webkit-transition:opacity .2s ease .1s;-moz-transition:.2s opacity ease .1s;transition:opacity .2s ease .1s;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:14px;letter-spacing:2px;opacity:0;position:relative;text-align:center;text-indent:8px;text-transform:uppercase
}
.titleStart_29Lp {
color:#c4b998;padding-right:4px
}
.titleEnd_18gb,.titleStart_29Lp em {
color:#c4b998;padding-left:4px
}
.additionalContent_2S-7 {
margin:60px 0 75px
}
.additionalContent_2S-7 .limitedWidth_bejj,.FeaturedItemModule_1BVz {
margin:60px auto;max-width:1280px
}
.FeaturedItemModule_1BVz.CollectionTheme_1-QG {
margin:0 auto 80px
}
.BeyondTeaser_1W86 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:35px;color:#ece0d7;font-weight:400;letter-spacing:2px;padding:0 12px 42px;text-align:center;text-transform:uppercase
}
.pswp {
display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:none
}
.pswp * {
-webkit-box-sizing:border-box;box-sizing:border-box
}
.pswp img {
max-width:none
}
.pswp--animate_opacity {
opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--open {
display:block
}
.pswp--zoom-allowed .pswp__img {
cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor:-webkit-grab;cursor:-moz-grab;cursor:grab
}
.pswp--dragging .pswp__img {
cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing
}
.pswp__bg {
background:#000;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden
}
.pswp__bg,.pswp__scroll-wrap {
position:absolute;left:0;top:0;width:100%;height:100%
}
.pswp__scroll-wrap {
overflow:hidden
}
.pswp__container,.pswp__zoom-wrap {
-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0
}
.pswp__container,.pswp__img {
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none
}
.pswp__zoom-wrap {
position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)
}
.pswp__bg {
will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition:none;transition:none
}
.pswp__container,.pswp__zoom-wrap {
-webkit-backface-visibility:hidden
}
.pswp__item {
right:0;bottom:0;overflow:hidden
}
.pswp__img,.pswp__item {
position:absolute;left:0;top:0
}
.pswp__img {
width:auto;height:auto
}
.pswp__img--placeholder {
-webkit-backface-visibility:hidden
}
.pswp__img--placeholder--blank {
background:#222
}
.pswp--ie .pswp__img {
width:100%!important;height:auto!important;left:0;top:0
}
.pswp__error-msg {
position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc
}
.pswp__error-msg a {
color:#ccc;text-decoration:underline
}
.pswp__button {
width:44px;height:44px;position:relative;background:none;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none
}
.pswp__button:focus,.pswp__button:hover {
opacity:1
}
.pswp__button:active {
outline:none;opacity:.9
}
.pswp__button::-moz-focus-inner {
padding:0;border:0
}
.pswp__ui--over-close .pswp__button--close {
opacity:1
}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
background-size:264px 88px;width:44px;height:44px
}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:1.1dppx),(min-resolution:105dpi) {
.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right {
background:none
}

}
.pswp__button--close {
background-position:0 -44px
}
.pswp__button--share {
background-position:-44px -44px
}
.pswp__button--fs {
display:none
}
.pswp--supports-fs .pswp__button--fs {
display:block
}
.pswp--fs .pswp__button--fs {
background-position:-44px 0
}
.pswp__button--zoom {
display:none;background-position:-88px 0
}
.pswp--zoom-allowed .pswp__button--zoom {
display:block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position:-132px 0
}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right {
visibility:hidden
}
.pswp__button--arrow--left,.pswp__button--arrow--right {
background:none;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute
}
.pswp__button--arrow--left {
left:0
}
.pswp__button--arrow--right {
right:0
}
.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
content:"";top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute
}
.pswp__button--arrow--left:before {
left:6px;background-position:-138px -44px
}
.pswp__button--arrow--right:before {
right:6px;background-position:-94px -44px
}
.pswp__counter,.pswp__share-modal {
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.pswp__share-modal {
display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity
}
.pswp__share-modal--hidden {
display:none
}
.pswp__share-tooltip {
z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform
}
.pswp__share-tooltip a {
display:block;padding:8px 12px;font-size:14px;line-height:18px
}
.pswp__share-tooltip a,.pswp__share-tooltip a:hover {
color:#000;text-decoration:none
}
.pswp__share-tooltip a:first-child {
border-radius:2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius:0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity:1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding:16px 12px
}
a.pswp__share--facebook:before {
content:"";display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid rgba(0,0,0,0);border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none
}
a.pswp__share--facebook:hover {
background:#3e5c9a;color:#fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color:#3e5c9a
}
a.pswp__share--twitter:hover {
background:#55acee;color:#fff
}
a.pswp__share--pinterest:hover {
background:#ccc;color:#ce272d
}
a.pswp__share--download:hover {
background:#ddd
}
.pswp__counter {
position:absolute;left:0;top:0;height:44px;font-size:13px;line-height:44px;color:#fff;opacity:.75;padding:0 10px
}
.pswp__caption {
position:absolute;left:0;bottom:0;width:100%;min-height:44px
}
.pswp__caption small {
font-size:11px;color:#bbb
}
.pswp__caption__center {
text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc
}
.pswp__caption--empty {
display:none
}
.pswp__caption--fake {
visibility:hidden
}
.pswp__preloader {
width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr
}
.pswp__preloader__icn {
width:20px;height:20px;margin:12px
}
.pswp__preloader--active {
opacity:1
}
.pswp__preloader--active .pswp__preloader__icn {
background:url(data:image/gif;base64,R0lGODlhFAAUAPMIAIeHhz8/P1dXVycnJ8/Pz7e3t5+fn29vb////wAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBwAIACwAAAAAFAAUAEAEUxDJSatFxtwaggWAdIyHJAhXoRYSQUhDPGx0TbmujahbXGWZWqdDAYEsp5NupLPkdDwE7oXwWVasimzWrAE1tKFHErQRK8eL8mMUlRBJVI307uoiACH5BAUHAAgALAEAAQASABIAAAROEMkpS6E4W5upMdUmEQT2feFIltMJYivbvhnZ3R0A4NMwIDodz+cL7nDEn5CH8DGZh8MtEMBEoxkqlXKVIgQCibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpjaE4W5spANUmFQX2feFIltMJYivbvhnZ3d1x4BNBIDodz+cL7nDEn5CH8DGZAsFtMMBEoxkqlXKVIgIBibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpAaA4W5vpOdUmGQb2feFIltMJYivbvhnZ3Z0g4FNRIDodz+cL7nDEn5CH8DGZgcCNQMBEoxkqlXKVIgYDibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpz6E4W5upENUmAQD2feFIltMJYivbvhnZ3V0Q4JNhIDodz+cL7nDEn5CH8DGZg8GtUMBEoxkqlXKVIggEibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkphaA4W5tpCNUmHQf2feFIltMJYivbvhnZ3d0w4BMAIDodz+cL7nDEn5CH8DGZBMLNYMBEoxkqlXKVIgoFibbK9YLBYvLtHH5K0J0IACH5BAUHAAgALAEAAQASABIAAAROEMkpQ6A4W5vpGNUmCQL2feFIltMJYivbvhnZ3R1B4NNxIDodz+cL7nDEn5CH8DGZhcINAMBEoxkqlXKVIgwGibbK9YLBYvLtHH5K0J0IACH5BAUHAAcALAEAAQASABIAAANCeLo6wzA6FxkhbaoQ4L3ZxnXLh0EjWZ4RV71VUcCLIByyTNt2PsO8m452sBGJBsNxkUwuD03lAQBASqnUJ7aq5UYSADs=) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity:1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background:none;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0
}
.pswp--css_animation .pswp__preloader__cut {
position:relative;width:7px;height:14px;overflow:hidden
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border-radius:50%;border-color:#fff #fff rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:2px;position:absolute;top:0;left:0;background:none;margin:0
}
@media screen and (max-width:1024px) {
.pswp__preloader {
position:relative;left:auto;top:auto;margin:0;float:right
}

}
@-webkit-keyframes clockwise_1Dih {
0% {
-webkit-transform:rotate(0deg);transform:rotate(0deg)
}
to {
-webkit-transform:rotate(1turn);transform:rotate(1turn)
}

}
@keyframes clockwise_1Dih {
0% {
-webkit-transform:rotate(0deg);transform:rotate(0deg)
}
to {
-webkit-transform:rotate(1turn);transform:rotate(1turn)
}

}
@-webkit-keyframes donut-rotate_1gVC {
0% {
-webkit-transform:rotate(0);transform:rotate(0)
}
50% {
-webkit-transform:rotate(-140deg);transform:rotate(-140deg)
}
to {
-webkit-transform:rotate(0);transform:rotate(0)
}

}
@keyframes donut-rotate_1gVC {
0% {
-webkit-transform:rotate(0);transform:rotate(0)
}
50% {
-webkit-transform:rotate(-140deg);transform:rotate(-140deg)
}
to {
-webkit-transform:rotate(0);transform:rotate(0)
}

}
.pswp__ui {
-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550
}
.pswp__top-bar {
position:absolute;left:0;top:0;height:44px;width:100%
}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar {
-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)
}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
visibility:visible
}
.pswp__caption,.pswp__top-bar {
background-color:rgba(0,0,0,.5)
}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar {
background-color:rgba(0,0,0,.3)
}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar {
opacity:0
}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar {
opacity:.001
}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
display:none
}
.pswp__element--disabled {
display:none!important
}
.pswp--minimal--dark .pswp__top-bar {
background:none
}
.BaseImage_1eFO.enabled_2pYE {
cursor:zoom-in
}
.pswp__button,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhAAAACwCAYAAABeg1dOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAEDJJREFUeNrs3Q/MXXV5B/BzCzotjM5MHA4XxTY4RtGKs5E5N6GlLbNUNxkSlwFzS0A33RZXSQaJMVEXB0yLiULMJrhAkOhcaplQWiA6lJAANRYIBpIZ3ARtMmD8WYD17vm99/fieW/ve++5f9/73vP5JE/u/3Pa5557f9/3nHPPaTSbzQIAoB8rtAAAECAAAAECABAgAAABAgAQIAAABAgAQIAAAAQIAECAAAAECAAAAQIAECAAAAECABAgAAABAgBAgAAABAgAQIAAAAQIAECAAAAECAAAAQIAECAAAAECAFjuDteC5a3RaBQ3X/m+T8bVD0et3XzhVx+Z5Pxj3r8WF/ujPh/zvqTZbHpTAOow/vjCX952X3VOCg8X55tPR50wqRCRw8MDUUfkuz616YLrL/GuAAgQ4xjwqszw5hgEt/Q5mN0UF5t7PS8GuMaMBYgn4uKo0l0TCREdwkPyZPR31Ux+UBqNKj1J//ffj9oYtS5qddTL8sP/HfVQ1Pei0rK6O96j/6s6/1kP+vo79b2/N/c82Re9fbOeMo37QPQdHpL8mptr+B6uzaFhXhrQH8gDfMeBP+q6Cl8Y13WbRofw8HT+t9RO9OM1UVfG1Uejvhz1R1Enlga35BVRb436SNS/RT0Sr9ke9XJfQ/oLAsQShYc6h4i8puGEKiGiNPCvrzDp9T2mccSk13pM4cDWiPrruPpg1AVtA1ovr476+6j7Yhqn+SrSXxAgBrdnmPDQFiL2CBELQ8QiA38vVaZR1/CwMi6+EfUPUStLD71QtFahXxS1NeptUe+I+sOoT0fta5vUcVG3xPQ+5utIf2E5maZ9IB6LWhMD0VNDfvEcWbS2hf5Kp8dnbR+I8vbLLgP8hqi9pfsfjj6v6dHH1MPVXabRMTzM6nbPtj6vzIPYO0pPeS5qR9Tl0Y/HevT25Lj4eNS2toc+Ha+9uNNr6rQPhP4uXe+79NQ+EEz1Gog04D+UA8BYwkON10Tc2eeah05rIu605qG1Wj0urm0b3NLPWN8YvfhYr8Etv0/3RL07rp4V9Xjpob+N6X+w5mse9BcEiEr25DUPQ4eIRcLDY4XNGeNQy/CQ/UXUe0q3b4v6rejFgwO8V1/PA+Wjpbs/G8vySTX+TtJfECB6j/nxAT89LtcMGyK6hIc1eR513LFywxhnsaGO4SGWs2OL1nb28l/G745e/M8Q71WaxhlR/5vv+oWoL+a/xPVXf0GA6BAetuQP+FPDhIge4eGpPI9a/Toj7wuxd4yz2LvYTzxnXNoRb36ZTNvkzx5mcCsNcmnHv78p3fX2qC36q78gQCwSHkof8IFCRJXwUJpHLULEgL+26FfXY03MaF/Tsvanpbt2xDL1QI/XXB/1H7k+0GMWX4z6fun2X9Vs7UPf/e1TrfsLMxEgFvupZpcQcV+Xyd1XJTz0mrfwIERUcGapr+mnhJ+t8Jpjol6b66gen4uDcXFZ6a6N0duja/RdNEh/+/neqXt/YSbWQHT7kLeFiLnNlFd0eckV+Tk9w0NNfKZo7TD2cI+6o8K07qgwnUfzPOugfJj0vbGc/WQM80g7/T1b+mxuqNGyq7+wzEzd2ThTAIi/DNa01i40r4jbl3d57uXx3HQ1Hb72xJqHh9SP949wWuf5eCxQ/t373jG9f8/G8vzd0sCW5nm9/uovCBD9rYl4bcXnpoBxubeSMXt96fr+Tk+Iwenqtrt+vXT9/fH4utLtdKyCTmvX9pcGuNfrb9f+dqO/UMcAAVOovDPvYgcz6rbW5q255v1S0Xnz3M/anqO/1frbTn/7FAHtsKJ1srJtPd6fk+K5j3d4zs6oP+nnLKgsbyu0APrWmNC0m/qrv5OSB/500rJ7ola11WGlpx7W4fH0mguEB2sggEOl4xH8Yr5+zCLP2dF2Ox1K+dh8/dtR95Ye+8Ei0yj/MuBx/e3a3270d7AQkfYTSScp2xV16oLk1VhRNJsHO70sHS10a3qtDgoQwKHSr07m92FYG3Vjhy/fBccWyPs8zAeIb8Tjn6swnze2zVN/F+nvgOra335CxDOdQkSP8PCMztWPTRhQzd2l66ePYwb5YEqnLDJP/dXfiYaIonW69O90edp3hAcBYuqkD3rUj6I+WuG5H83PPdLbyRjdUrp+aj5vw6i9t2idqyFJB1O6XX/1d4lDRDrA110dHk73nSk81NvUbcJYeHjqxmXpOA+LHQuiFTAal+V9odJhr2t9IKn4/18XF+srPPWOXsd5iGldU7TOGdDLXaM8/sQUS3uYz2+nT8H7oqJ1/JFu0oG2fpSvP9mj34fnab54V/T1QI0W30H6289no+79HTREPBG92xRXd5e+W1J42JQe0yFrIKY0PCRzwaDbl8hHSjtSD3wq8BmSviDTDmire1SVYPD2CtM5pu1LeZa/SNMOYleV7vpQLGtv6vGac6Jel+ufeswiLecnlG5/rk4L7iD97VOt+ztsiEiBIQcH4YGlCxDxpXBTtfAwJ/0e/MQukzux6OMEXIvNe4Y+6I/kL8mnJzC7NI8TanZa70uLn++5n37KdkMsU68YwWcibZf/u9Jdt0Vf99Tw+0h/pz9ECA8s6RqIze0DeT9n1WxbqCufxTPPc3MNPuiTCBF1DA+ptz8tWqecnnd81E3DDHLx2t+Mi29GvTTflf4S/1BNByn9nfIQITyw1AFiQYgYNDz0EyLqEh7aQsQ4TxS0oW7hodTbL8XFtaW70nbhu2IZO3mAwS3th3J71C+X7v5JrkJ/9RcEiMVDxC3DhIeKIeKWOoWH/MWZTrG9d4yz2Fuj03h38oGitVPZvDV5kLsq6rgK78/vRqX35+ri0FOvp/Mz7I7HV+mv/sI0azSbkz2a6+6rzuk2w6FOyb3I2owFNl1wfWOm3sBGo1N4eKDDF2fZw9HjNT16mfq4ustTOm7GmPTytIR9TqvE03kDOv0CJZ3x8dao+4vWuRdeEvXqqJNzmG3v/fP5PSsf5GjBzmqz2lf9nb7ej0qdeypATD5ADBUeqoaIWQ4Qi4SHNNBvyGskjhgwQHSaRscQUZcAUerTnxWtnf8GPTHT/fkv7nSY653FwrVlLw5ydQsQ+itAIED0EyD2xAd5JEegy5stNtYpQHQJD3MDfNvj/QSIxabRMUTULUDkXqXzK6SDnl1YtE4sVEU6jPJlUf8YvXs+T2dlceg5CNI5NM6I5XamD9ijv0snvpN/exzTjZ7+uyFWgJhUgJj7jMeHfcuQ4aHrDpOzGCCqDOxtIePRigHimC7T6DivOgaIUm9eFhe/V7QOxbwuB7C0Riwd9TD9PPGHUXdGfSvqu9GvZodpdBrk9sRye/pMfxHp71IGiLF8aGftu5bpDxBDhYgqv7aYtYU6+lkpPLQFgM/0OnpkPqrlRV2m0XGe0d+Z/HXGuFbzLtL78iCXzmB0bvT12roHCP0VIJgu03gujM2DHPCpbj/VLNlfNTzMNTfur3Lo6fScbtMoDj3WxBH538KwH4Cfn8goHezo3Lh9ra7oL9R+DQQj/+vhk3FxcZXwMIa/5NrXRHwq/uq4xLsCIEAw7W9gax+IFCI+HLV20gd4yiEirXn4fMz7EssTgAABANDRCi0AAAQIAECAAAAECABAgAAABAgAAAECABAgAAABAgAQIAAAAQIAQIAAAAQIAECAAAAECABAgAAAECAAAAECABAgAAABAgAQIAAAAQIAQIAAAAQIAECAAAAECABAgAAAECAAAAECABAgAAABAgAQIAAABAgAQIAAAAQIAECAAAAECAAAAQIAECAAAAECABAgAAABAgAQIAAABAgAQIAAAKbJ4VoAg3tw343DvPxVUd+KOv8N6971A93sq+8nxcXVUWdE/XTQ6UTfNRMGZA0ELJ1rok6OujUGxDXaUTk8pF7dmnt3jY6AAAF185dRB6JeGXV7DIyv0ZKe4SH16PbcswO5h4AAAbXyw6iNUU9GHZtDxNHasmh4ODqHh2NzzzbmHgICBNTLG9a96/txsSXq2ajVRWtzxiqdOSQ8pJ7cmnuUerUl9w4QIKC2IeJ7cbEt6vmotVG7Y8BcqTMvhofUi925N6lH23LPAAECah8i9sTF2VEHo9ZH7YqB86XCw1wPduWepN6cnXsFCBBADhH/Ghfn55unRn0tBtDDahwe0v/9a7kXyfm5R8AUaDSbzcnOsNEobr7yfWl17faorZsv/OoT45xfzGtV/gvm0pjXzkn/f5m5QS2tTl8RA9lT+Xb54fTX8q+OYDbnRn0iX/+XqLNifs2a9bmRw8Mf5Ls+HvWVEUz6v6KeK4W2+fkdGRcH4/YzlnKoZuIHkmqFh8bXi6KZ5r07bm8aV4jI4SFtO10f83xb3H5vXN/pbWcI6YBPR8aA87oYbJ5te+w3ou4d8fzSAPqFqA/WrM9fKIWHIgeqT4xgum+O2tcWVl4eFw9HpVC42iIO1SzFJoztOTwUrYF9LkSMfK/zheEhmZvndm85ACzDNRBh68KB/cUQMbI1EYeGhzl35XnDMNIhlFd0WPuQ3B913Ajm0b4J489r2Of0f35VMZ5NGAuk9/LBfTemNQ8HLd5Q3VLtA7HYAD90iOg1bftAMEpDngvjkHMxxPT+uDRQfjMNoPGcF2ra28NzgDpzPlhFL/55nP0HqluSX2HkkLApD+xF25qIgTdnjDOYwAQGzPcUrRNEJbcVrZ0nX6hrP/L//azci+Tq3COgrgFiHCFCeGCZh4d0WOYb8mdybnNbDKDP1b0vuQdbc09Sb27IvQLqGiBGGSKEB5Z5eDilaP066CVR+9Ny6+eEC0LEM/l7Yn/u0c7cM2AJLck+EKMMAP2+1j4QjHjwH3YSb4r6dtRRReunhKfEgPkzne3Y63QyrXQI67TDYzqZ1u9EDXU+DPtAwDJdAzHsmghrHljmjo/ak8PDf0a9U3joOtin3rwz9+qo3LvjdQZqHCAGCRHCAzNgR9Qrow7k8PBjLekZIn6cQ8SB3LsdugI1DxD9hAjhgRlxXtQ9UafFwPiQdlQOEalXp+XenacjsDSmYh+IftYu5OsDhwf7QADAjAaILiHi7nz5lkHCgwABADMeILqEiGLQ8CBAAMBorJjmf1xpn4i7Ozx8d2GfBwAQIAAAAWJopU0Yb+nwcLpvLKcCBwCWaYDoshNleXPG0CfgAgBmJEB0+RnnhlwjPYsnALDMA0Svg0SN61TgAMAyDRBVjzApRACAANFXeBAiAECAGCg8CBEAUPMAMeyJsYQIAKhZgBjVWTWFCACoSYAY9Sm5hQgAmPEAMerwIEQAwIwHiHGFByECAGY4QIRd4woPFULELm85ACzPAHFpUTReGFd4WDxEzM3zUm85AAyv0Ww2JzvDRiNtxtgWV7dHbR1HeCjLmy3SmodLY147J/3/BQABAgCgmOLTeQMAAgQAIEAAAAIEAIAAAQAIEACAAAEACBAAgAABACBAAAACBAAgQAAAAgQAIEAAAAgQAIAAAQAIEACAAAEACBAAAAIEACBAAAACBAAgQAAAAgQAIEAAAAgQAIAAAQBMj/8XYAB+1ZYroWOxXgAAAABJRU5ErkJggg==")!important
}
.pswp__button.pswp__button--close {
margin:0 20px
}
.pswp__img--placeholder--blank {
background:#131415
}
.sliderWithDescription_2THg {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;background-color:#131315;border-bottom:1px solid rgba(202,171,103,.37);opacity:0;padding-bottom:60px;transition:1s;transform:translateY(50px)
}
.progressDots_J5NE {
margin:25px 0
}
.sliderSlide_16So {
height:50vh!important
}
.xlSlide_1v1D {
height:auto
}
.xlImage_2tZY {
width:100%
}
.sliderCopy_BV0X {
display:flex;flex-direction:column;justify-content:center
}
.sliderCopy_BV0X h1 {
color:#937341;margin:0 auto 8px;max-width:70%;text-align:center;text-transform:uppercase
}
.sliderCopy_BV0X h3 {
color:#d3c7aa;font-size:13px;margin:0 auto;max-width:70%;text-align:center
}
.sliderCopy_BV0X p {
-webkit-text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;text-align-last:center;color:#d3c7aa;display:block;font-size:13px;line-height:20px;margin:20px auto;padding:0 40px;text-align:justify
}
.sliderCopy_BV0X p:before {
content:"";left:40%;width:20%;height:2px;background:#8b6e38;position:absolute;top:-26px
}
.baseSliderVisible_3EWF {
visibility:visible;transform:translate(0);transition-delay:.3s;opacity:1
}
.App.C_CAPABLE_BROWSER .gridItem_3Lqg {
display:inline-block
}
.App.C_CAPABLE_BROWSER .itemCopy_kaw3 h1 {
margin-top:30px
}
.App.C_CAPABLE_BROWSER .itemCopy_kaw3 h1,.App.C_CAPABLE_BROWSER .itemCopy_kaw3 h3,.App.C_CAPABLE_BROWSER .itemCopy_kaw3 p {
margin-left:auto;margin-right:auto
}
.App.B_CAPABLE_BROWSER .gridItemContent_1khg:hover .itemBg_2RDe,.App.C_CAPABLE_BROWSER .gridItemContent_1khg:hover .itemBg_2RDe {
opacity:.15!important
}
.artGrid_1NzD {
display:flex;flex-flow:row;flex-wrap:wrap;justify-content:space-between;margin-bottom:75px;margin-left:-1em
}
.artGrid_1NzD.center_ltIs {
justify-content:center
}
.gridItem_3Lqg {
cursor:pointer;height:315px;margin:1em 0 0 1em;opacity:0;position:relative;transition-property:opacity;transition-duration:1s,1s
}
.gridItem_3Lqg.small_23AN {
width:calc(25% - 1em)
}
.gridItem_3Lqg.small_23AN .actionButtons_3yOE {
display:none
}
.gridItem_3Lqg.large_2OK9 {
width:calc(50% - 1em)
}
.gridItem_3Lqg.large_2OK9 .itemCopy_kaw3 h1,.gridItem_3Lqg.large_2OK9 .itemCopy_kaw3 h3,.gridItem_3Lqg.large_2OK9 .itemCopy_kaw3 p {
max-width:325px
}
.gridItem_3Lqg.large_2OK9 .itemBg_2RDe {
background-position:top
}
.gridItem_3Lqg.singleXL_2-Vc {
cursor:default;height:auto;width:auto
}
.gridItem_3Lqg.singleXL_2-Vc .gridItemContent_1khg {
top:auto;right:auto;bottom:auto;left:auto;height:90vh;max-height:100%;max-width:100%;position:relative
}
.gridItem_3Lqg.singleXL_2-Vc .amImage_2yy0 {
height:100%;object-fit:contain;width:auto;max-height:100%;max-width:100%;transition:filter .4s ease
}
.gridItem_3Lqg.singleXL_2-Vc .itemCopy_kaw3 {
display:none
}
.gridItem_3Lqg.singleXL_2-Vc:hover .gridItemContent_1khg {
transform:scale(1)
}
.gridItem_3Lqg:hover {
z-index:10
}
@media (max-width:1024px) {
.gridItem_3Lqg {
height:225px
}

}
@media (min-width:1025px) and (max-width:1250px) {
.gridItem_3Lqg {
height:275px
}

}
@media (min-width:1800px) {
.gridItem_3Lqg {
height:375px
}

}
.gridItemContent_1khg {
position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transition-delay:0s,.2s;transition-duration:.3s,.1s;transition-property:transform,z-index;z-index:1
}
.gridItemContent_1khg:hover {
transform:scale(1.1);transition-delay:0s,0s;z-index:2
}
.gridItemContent_1khg:hover .itemCopy_kaw3 {
border:1px solid #927345;opacity:1
}
.gridItemContent_1khg:hover .itemCopy_kaw3 h1,.gridItemContent_1khg:hover .itemCopy_kaw3 h3,.gridItemContent_1khg:hover .itemCopy_kaw3 p {
opacity:1
}
.gridItemContent_1khg:hover .lowBrightnessBg_3fNz {
filter:saturate(0) brightness(.2);opacity:1
}
.gridItemContent_1khg:hover .actionButtons_3yOE,.gridItemContent_1khg:hover .noEffectItemBg_3dvR {
opacity:1
}
.artGridVisible_3gdR {
visibility:visible
}
.artGridVisible_3gdR .gridItem_3Lqg {
opacity:1
}
.itemCopy_kaw3 {
align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid rgba(0,0,0,0);color:#c4b998;transition:.2s;z-index:5
}
.itemCopy_kaw3 h1,.itemCopy_kaw3 h3,.itemCopy_kaw3 p {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500
}
.itemCopy_kaw3 h1 {
color:#937341;font-size:24px;font-variant:small-caps;margin-bottom:8px;max-width:180px;opacity:0;text-align:center;transition:.3s;transition-delay:0s
}
.itemCopy_kaw3 h3 {
text-align:center
}
.itemCopy_kaw3 h3,.itemCopy_kaw3 p {
color:#d3c7aa;font-size:13px;max-width:180px;opacity:0;transition:.3s;transition-delay:.1s
}
.itemCopy_kaw3 p {
-webkit-text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;text-align-last:center;line-height:20px;margin-top:50px;position:relative;text-align:justify
}
.itemCopy_kaw3 p:before {
background:#8b6e38;content:"";height:2px;left:40%;position:absolute;top:-26px;width:20%
}
.lowBrightnessBg_3fNz,.noEffectItemBg_3dvR {
position:absolute;top:0;right:0;bottom:0;left:0;background-position:50%;background-size:cover;transition:.4s;z-index:1
}
.linkOutItem_EESl .gridItemContent_1khg {
align-items:center;display:flex;flex-direction:column;justify-content:center;background-color:#0a0a0c;background-image:url(/images/magic_05_rgb.png);background-size:cover;border:6px solid #7f6237;cursor:pointer;height:100%;position:relative;width:100%
}
.linkOutItem_EESl .gridItemContent_1khg h1,.linkOutItem_EESl .gridItemContent_1khg h5 {
max-width:80%;text-align:center;text-transform:uppercase
}
.linkOutItem_EESl .gridItemContent_1khg h1 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;font-size:36px;background:-webkit-linear-gradient(bottom,#67471f,#cbac62);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);color:#937341;padding:15px 0
}
.linkOutItem_EESl .gridItemContent_1khg h5 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;font-size:14px;color:#c4b998;letter-spacing:.5px
}
.artGrid_3hKU {
margin:40px auto;max-width:1280px
}
@media (min-width:1px) and (max-width:767px) {
.artGrid_3hKU {
margin:60px 0
}

}
.root_EPdL {
height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999999
}
.img_GFuV {
left:50%;max-height:calc(100% - 100px);max-width:calc(100% - 100px);position:absolute;top:50%;transform:translate(-50%,-50%)
}
@media (min-width:769px) {
.img_GFuV {
max-height:calc(100% - 200px);max-width:calc(100% - 320px)
}

}
@media (max-width:768px) {
.img_GFuV {
max-height:calc(100% - 40px);max-width:calc(100% - 40px)
}

}
.bgButton_mc-Q {
background:rgba(1,10,19,.7);border:none;height:100%;padding:0;position:absolute;width:100%
}
.closeButton_3vsQ {
background:#010a13;border:1px solid #232a31;color:#f99d20;cursor:pointer;height:40px;position:absolute;transition:background-color .2s;width:40px
}
@media (min-width:769px) {
.closeButton_3vsQ {
right:85px;top:100px
}

}
@media (max-width:768px) {
.closeButton_3vsQ {
right:20px;top:20px
}

}
.closeButton_3vsQ:hover {
background-color:#232a31
}
.closeButton_3vsQ:after,.closeButton_3vsQ:before {
background-color:#f99d20;content:"";height:10px;left:50%;position:absolute;top:50%;width:2px
}
.closeButton_3vsQ:before {
transform:translate(-50%,-50%) rotate(45deg)
}
.closeButton_3vsQ:after {
transform:translate(-50%,-50%) rotate(-45deg)
}
.DirectionButton_2dc5 {
cursor:pointer;overflow:visible
}
.DirectionButton_2dc5 .outerRing_YuAX,.DirectionButton_2dc5 .outerRingBackground_2wCm {
transform-origin:48px 50px;transition:.2s
}
.DirectionButton_2dc5 .outerRingBackground_2wCm {
fill:#191c20
}
.DirectionButton_2dc5 .innerRing_3clI,.DirectionButton_2dc5 .innerRingBackground_17Cy {
transition:.2s
}
.DirectionButton_2dc5 .innerRingBackground_17Cy {
fill:#191c20
}
.DirectionButton_2dc5:hover .outerRing_YuAX,.DirectionButton_2dc5:hover .outerRingBackground_2wCm {
transform:scale(1.1)
}
.DirectionButton_2dc5:active .innerRing_3clI {
opacity:.7
}
.DirectionButton_2dc5:active .innerRingBackground_17Cy {
fill:#000
}
.DirectionButton_2dc5:active .Arrow_2_gT {
opacity:.8
}
.NextDirectionTranslateHack_1U8x {
transform:translateY(2px)
}
.PreviousDirectionTranslateHack_1tV9 {
transform:translate(2px,1.5px)
}
.App.B_CAPABLE_BROWSER .artCopy_1Vss,.App.C_CAPABLE_BROWSER .artCopy_1Vss {
margin:0;padding:80px 40px
}
.featuredArtVisible_-Fhu.featuredArtContainer_2WqA {
opacity:1
}
.featuredArtVisible_-Fhu .artDescription_2EVS,.featuredArtVisible_-Fhu.featuredArtContainer_2WqA {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)
}
.featuredArtVisible_-Fhu .artCopy_1Vss {
opacity:1
}
.featuredArtContainer_2WqA {
-webkit-transition:1s;-moz-transition:1s;transition:1s;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);background-color:#151619;border:1px solid rgba(202,171,103,.37);min-height:400px;opacity:0;overflow:hidden;padding-top:15px
}
.artSliderWrap_1QdY {
max-height:55vh
}
.sliderSlide_xpn3,.sliderSlide_xpn3 img {
max-height:55vh;max-width:100%
}
.sliderSlide_xpn3 img {
display:block;margin:0 auto
}
.artDescription_2EVS {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);border:1px solid rgba(202,171,103,.37);margin:16px;min-height:300px
}
.artCopy_1Vss,.artDescription_2EVS {
-webkit-transition:1s;-moz-transition:1s;transition:1s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s
}
.artCopy_1Vss {
margin:0 auto;max-width:450px;min-width:450px;opacity:0;padding:20px 40px;position:relative
}
.artCopy_1Vss h1 {
color:#937341;letter-spacing:2px;text-align:center;text-transform:uppercase
}
.artCopy_1Vss h3 {
color:#d3c7aa;font-size:13px;padding:12px 0 52px;text-align:center
}
.artCopy_1Vss p {
-webkit-text-align-last:center;-moz-text-align-last:center;-ms-text-align-last:center;text-align-last:center;color:#d3c7aa;font-size:13px;line-height:20px;position:relative;text-align:justify
}
.artCopy_1Vss p:before {
content:"";left:40%;width:20%;height:2px;background:#8b6e38;position:absolute;top:-26px
}
.artCopy_1Vss .nextButton_1Htw {
right:-55px
}
.artCopy_1Vss .nextButton_1Htw,.artCopy_1Vss .prevButton_12RU {
position:absolute;top:50%;top:-webkit-calc(50% - 27px);top:calc(50% - 27px)
}
.artCopy_1Vss .prevButton_12RU {
left:-55px
}
@media (min-width:1px) and (max-width:767px) {
.artCopy_1Vss {
max-width:90%;min-width:90%
}

}
.actionButtons_3EfS {
position:absolute;top:0;right:0;border-left:1px solid rgba(202,171,103,.37)
}
.actionButtons_3EfS,.actionButtons_3EfS .shareBtn_13wM {
border-bottom:1px solid rgba(202,171,103,.37)
}
.featuredFanArt_2klu {
margin:60px auto 75px;max-width:1280px;position:relative;z-index:1
}
@media (min-width:1px) and (max-width:767px) {
.featuredFanArt_2klu {
margin:60px 0
}

}
.featuredFanArt_2klu .featuredArtGradient_Yhdk {
background-image:-webkit-radial-gradient(50% 15%,ellipse closest-side,#1b2528,#0a0a0c);background-image:radial-gradient(ellipse closest-side at 50% 15%,#1b2528,#0a0a0c);position:absolute;top:-120px;right:0;bottom:0;left:0
}
.App.C_CAPABLE_BROWSER .item_3tag {
display:inline-block;margin-left:4%;margin-right:4%;width:40%
}
.exploreChampions_1uF9 {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center
}
.exploreChampions_1uF9 li:last-child {
margin-right:0
}
.itemContent_27vi {
position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition-property:-webkit-transform,z-index,border;-moz-transition-property:-moz-transform,z-index,border;transition-property:transform,z-index,border;-webkit-transition-timing-function:ease,linear,ease;-moz-transition-timing-function:ease,linear,ease;transition-timing-function:ease,linear,ease;-webkit-transition-duration:.4s,.4s,.4s;-moz-transition-duration:.4s,.4s,.4s;transition-duration:.4s,.4s,.4s;background-position:50%;background-size:cover;border:1px solid rgba(10,10,12,.9);box-shadow:0 0 16px 14px rgba(0,0,0,.2);z-index:1
}
@media (min-width:768px) {
.itemContent_27vi:hover {
-webkit-transition-timing-function:ease,step-start,ease;-moz-transition-timing-function:ease,step-start,ease;transition-timing-function:ease,step-start,ease;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);border:1px solid #927345;z-index:3
}
.itemContent_27vi:hover .action_3kRo {
background-color:rgba(10,10,12,.94);border-top:1px solid #927345;height:54px
}
.itemContent_27vi:hover .copy_3EoE {
bottom:54px
}

}
@media (min-width:768px) and (max-width:1024px) {
.itemContent_27vi:hover {
-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)
}

}
@media (max-width:1280px) {
.item_3tag:last-child .itemContent_27vi {
-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right
}

}
@media (max-width:1280px) {
.item_3tag:first-child .itemContent_27vi {
-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left
}

}
.item_3tag {
-webkit-box-flex:1;-moz-box-flex:1;box-flex:1;-webkit-flex:1 0 40%;-moz-flex:1 0 40%;-ms-flex:1 0 40%;flex:1 0 40%;height:315px;margin-bottom:1%;margin-right:5%;opacity:1;position:relative
}
.item_3tag.visible_3v_d {
opacity:1
}
@media (min-width:1px) and (max-width:767px) {
.item_3tag {
height:260px
}

}
.copy_3EoE {
position:absolute;right:0;bottom:0;left:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background-color:rgba(10,10,12,.9);border-top:1px solid #927345;padding:22px;text-align:center
}
.copy_3EoE h1,.copy_3EoE h2 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;text-transform:uppercase
}
.copy_3EoE h1 {
color:#937341;font-size:14px;letter-spacing:2px
}
.copy_3EoE h2 {
color:#c4b998;font-size:12px;letter-spacing:.05em;padding-top:6px
}
.action_3kRo {
position:absolute;right:0;bottom:0;left:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;font-size:11px;background-color:rgba(10,10,12,.9);border-top:1px solid rgba(10,10,12,.9);color:#937341;height:0;letter-spacing:.3em;line-height:54px;overflow:hidden;text-align:center;text-transform:uppercase
}
.exploreChampions_1aaR,.exploreChampions_13k1 {
margin:60px auto;max-width:1280px
}
.App.B_CAPABLE_BROWSER .itemContent_3ugS:hover,.App.C_CAPABLE_BROWSER .itemContent_3ugS:hover {
-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)
}
.itemContent_3ugS {
position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition-property:-webkit-transform,z-index;-moz-transition-property:-moz-transform,z-index;transition-property:transform,z-index;-webkit-transition-timing-function:ease,linear;-moz-transition-timing-function:ease,linear;transition-timing-function:ease,linear;-webkit-transition-duration:.4s,.4s;-moz-transition-duration:.4s,.4s;transition-duration:.4s,.4s;background-position:50%;background-size:cover;border:2px solid #927345;box-shadow:0 0 16px 14px rgba(0,0,0,.4);z-index:1
}
.itemContent_3ugS:hover {
-webkit-transition-timing-function:ease,step-start;-moz-transition-timing-function:ease,step-start;transition-timing-function:ease,step-start;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);z-index:3
}
.itemContent_3ugS:hover .action_FNwW {
border-top:2px solid #927345;height:54px
}
.itemContent_3ugS:hover .copy_Ffuj {
bottom:54px
}
@media (max-width:1024px) {
.itemContent_3ugS:hover {
-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)
}

}
.item_1JW1 {
-webkit-transform:translateY(120px);-moz-transform:translateY(120px);-ms-transform:translateY(120px);-o-transform:translateY(120px);transform:translateY(120px);-webkit-transition-duration:1s,1s;-moz-transition-duration:1s,1s;transition-duration:1s,1s;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;transition-property:transform,opacity;cursor:pointer;opacity:0;position:relative
}
.item_1JW1.visible_1Agk {
-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1
}
.copy_Ffuj {
position:absolute;right:0;bottom:0;left:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background-color:rgba(10,10,12,.9);border-top:2px solid #927345;padding:22px;text-align:center
}
.copy_Ffuj h1,.copy_Ffuj h2 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500
}
.copy_Ffuj h1 {
color:#937341;font-size:14px;letter-spacing:2px;text-transform:uppercase
}
.copy_Ffuj h2 {
color:#c4b998;font-size:12px;letter-spacing:.05em;padding-top:6px
}
.action_FNwW {
position:absolute;right:0;bottom:0;left:0;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:11px;background-color:rgba(10,10,12,.9);border-top:2px solid rgba(10,10,12,.9);color:#937341;height:0;letter-spacing:.3em;line-height:54px;overflow:hidden;text-align:center;text-transform:uppercase
}
.action_FNwW:hover {
background-color:rgba(10,10,12,.94)
}
.swiperContainer_2vB_ {
overflow:visible
}
@media (min-width:1px) and (max-width:767px) {
.swiperContainer_2vB_ {
overflow:hidden
}

}
.quadCTA_1w1W li {
height:375px;z-index:1
}
.quadCTA_1w1W li:hover {
z-index:3
}
@media (min-width:768px) {
.centered_23aD {
-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center
}

}
.centered_23aD li:last-child {
margin-right:0!important
}
@media (max-width:1280px) {
.sideScale_1m54:first-child>div {
-webkit-transform-origin:left;-moz-transform-origin:left;-ms-transform-origin:left;-o-transform-origin:left;transform-origin:left
}
.sideScale_1m54:last-child>div {
-webkit-transform-origin:right;-moz-transform-origin:right;-ms-transform-origin:right;-o-transform-origin:right;transform-origin:right
}

}
.cta_onH7 {
margin:120px auto;max-width:1280px;padding-right:5px
}
@media (min-width:1px) and (max-width:767px) {
.cta_onH7 {
margin:60px auto;padding-right:0;width:100%
}

}
.App.C_CAPABLE_BROWSER .champsListUl_2Lmb li {
display:inline-block;width:19%
}
.itemContent_3olR {
position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition-property:-webkit-transform,z-index,border;-moz-transition-property:-moz-transform,z-index,border;transition-property:transform,z-index,border;-webkit-transition-timing-function:ease,linear,ease;-moz-transition-timing-function:ease,linear,ease;transition-timing-function:ease,linear,ease;-webkit-transition-duration:.4s,.4s,.4s;-moz-transition-duration:.4s,.4s,.4s;transition-duration:.4s,.4s,.4s;border:1px solid rgba(10,10,12,.9);box-shadow:0 0 16px 14px rgba(0,0,0,.2);z-index:1
}
@media (min-width:768px) {
.itemContent_3olR:hover {
-webkit-transition-timing-function:ease,step-start,ease;-moz-transition-timing-function:ease,step-start,ease;transition-timing-function:ease,step-start,ease;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);border:1px solid #927345;z-index:3
}
.itemContent_3olR:hover .action_2qFR {
background-color:rgba(10,10,12,.94);border-top:1px solid #927345;height:54px
}
.itemContent_3olR:hover .copy_xxN7 {
bottom:54px
}

}
@media (min-width:1px) and (max-width:767px) {
.itemContent_3olR:hover .avatar_3vJT {
-webkit-filter:grayscale(50%) brightness(.8);filter:grayscale(50%) brightness(.8)
}

}
.item_30l8 {
flex:0 1 19%;height:425px;margin-bottom:1%;margin-right:1%;opacity:1;position:relative
}
.item_30l8.visible_1bSW {
opacity:1
}
@media (max-width:1280px) {
.item_30l8 {
height:325px
}

}
@media (min-width:1px) and (max-width:767px) {
.item_30l8 {
height:80px;margin-bottom:0;margin-right:0
}
.item_30l8:nth-child(odd) {
background-color:#131315
}
.item_30l8 .itemContent_3olR {
border:0;display:flex;justify-content:flex-end
}
.item_30l8 .copy_xxN7 {
background-color:rgba(0,0,0,0);border-top:0;left:20%;text-align:left;top:0
}
.item_30l8 .avatar_3vJT {
position:absolute;top:0;right:auto;bottom:0;left:0;background-size:300%;width:20%
}
.item_30l8 .action_2qFR {
position:absolute;top:0;right:0;bottom:0;left:auto;background-color:rgba(0,0,0,0);border-top:0;height:80px;line-height:80px;width:40%
}

}
.copy_xxN7 {
position:absolute;right:0;bottom:0;left:0;background-color:rgba(10,10,12,.9);border-top:1px solid #927345;padding:22px;text-align:center;transition:.4s
}
.copy_xxN7 h1,.copy_xxN7 h2 {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;text-transform:uppercase
}
.copy_xxN7 h1 {
color:#937341;font-size:14px;letter-spacing:2px
}
.copy_xxN7 h2 {
color:#c4b998;font-size:12px;letter-spacing:.05em;padding-top:6px
}
.action_2qFR {
position:absolute;right:0;bottom:0;left:0;font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;font-size:11px;background-color:rgba(10,10,12,.9);border-top:1px solid rgba(10,10,12,.9);color:#937341;height:0;letter-spacing:.3em;line-height:54px;overflow:hidden;text-align:center;text-transform:uppercase;transition:.4s
}
.champsListUl_2Lmb {
display:flex;justify-content:center;margin-top:30px;max-width:100%
}
@media (min-width:1px) and (max-width:767px) {
.champsListUl_2Lmb {
display:block;margin-top:0
}

}
.champsByFactionH1_3mFc {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:24px;color:#d3c7aa;letter-spacing:8px;padding:57px 0 10px;position:relative;text-align:center;text-transform:uppercase
}
.champsByFactionH1_3mFc:after,.champsByFactionH1_3mFc:before {
height:1px;width:30%;content:"";position:absolute;top:69px
}
.champsByFactionH1_3mFc:before {
background-color:rgba(0,0,0,0);background-image:-webkit-linear-gradient(right,#3d3222,rgba(61,50,34,0));background-image:linear-gradient(270deg,#3d3222 0,rgba(61,50,34,0));right:calc(50% + 150px)
}
.champsByFactionH1_3mFc:after {
background-color:rgba(0,0,0,0);background-image:-webkit-linear-gradient(left,#3d3222,rgba(61,50,34,0));background-image:linear-gradient(90deg,#3d3222 0,rgba(61,50,34,0));left:calc(50% + 150px)
}
.champsByFactionH3_2DHS {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:13px;color:#937341;padding-bottom:20px;text-align:center
}
.championsProgressDots_1I9U {
display:none
}
.championsMobileSlide_3QNz {
background-position:50%;background-size:cover;height:392px!important;position:relative;width:215px!important
}
.championTitles_2aBR {
position:absolute;right:0;bottom:0;left:0;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column;background-color:rgba(10,10,12,.9);border-top:1px solid #937341;height:15%
}
.championTitle_RaCv {
font-weight:500;font-size:18px;color:#937341;letter-spacing:.07em
}
.championTitle_RaCv,.championType_3baK {
font-family:Beaufort for LOL,Arial,sans-serif;text-transform:uppercase
}
.championType_3baK {
font-weight:400;font-size:14px;color:#c4b998;letter-spacing:1px
}
.App.B_CAPABLE_BROWSER .championsForFaction_2Hfz.open_96Pg .listMask_1Rct,.App.C_CAPABLE_BROWSER .championsForFaction_2Hfz.open_96Pg .listMask_1Rct {
display:none
}
.championsForFaction_2Hfz {
-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px);-webkit-transition:1s;-moz-transition:1s;transition:1s;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s;margin-bottom:35px;opacity:0;overflow:hidden;padding:0 20px 20px;position:relative
}
.championsForFaction_2Hfz.open_96Pg {
-webkit-transition:max-height 2s ease 1s;-moz-transition:max-height 2s ease 1s;transition:max-height 2s ease 1s
}
.championsForFaction_2Hfz.open_96Pg .listMask_1Rct {
opacity:0;pointer-events:none
}
@media (max-width:1280px) {
.championsForFaction_2Hfz {
padding:0 0 20px
}

}
.visibleList_2ujo {
visibility:visible
}
.visibleList_2ujo.championsForFaction_2Hfz {
-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);opacity:1
}
.listMask_1Rct {
-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;background-image:-webkit-linear-gradient(top,rgba(10,10,12,.8),#0a0a0c 75%);background-image:linear-gradient(180deg,rgba(10,10,12,.8),#0a0a0c 75%);display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;position:absolute;top:50%;right:0;bottom:0;left:0;-webkit-transition:opacity 1.5s ease;-moz-transition:opacity 1.5s ease;transition:opacity 1.5s ease;opacity:1;z-index:2
}
.FactionEmblem_ZFqW {
display:block
}
.championsOfHeader_D9Vy {
margin:60px auto
}
@media (min-width:1px) and (max-width:767px) {
.championsOfHeader_D9Vy {
margin:60px auto
}

}
.championsForFactionMask_1mtI {
position:absolute;top:-300px;right:0;bottom:250px;left:0;background-position:top;background-repeat:no-repeat;background-size:auto;opacity:.6
}
.championsForFaction_25BL {
margin:-40px auto 0;max-width:1320px;overflow:visible;position:relative
}
@media (min-width:1px) and (max-width:767px) {
.championsForFaction_25BL {
margin:60px 0 0
}

}
.factionBackground_3vup {
position:absolute;top:-100px;-webkit-filter:grayscale(100%);filter:grayscale(100%);background-position:50%;background-repeat:no-repeat;background-size:contain;height:450px;width:100%;opacity:.2
}
.factionPage_19u- {
margin:0 0 45px
}
.header_1lOn {
margin:0 0 60px
}
.introDescription_hkI3 {
display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;-o-justify-content:center;justify-content:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-moz-box-orient:vertical;box-orient:vertical;-webkit-box-direction:normal;-moz-box-direction:normal;box-direction:normal;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-ms-flex-direction:column
}
.description_1-6k {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:400;font-size:14px;color:#c4b998;line-height:1.6;margin:0 35px 35px;max-width:500px;text-align:justify
}
@media (min-width:768px) {
.description_1-6k:first-letter {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:500;font-size:44px;border-bottom:3px solid #937341;float:left;line-height:46px;margin:-2px 25px 0 0;padding:0 10px
}

}
.description_1-6k>p {
padding-bottom:20px
}
.description_1-6k>p:last-child {
padding-bottom:0
}
.campaignLinkOutButton_1WCv {
margin:0 auto
}
.rowHolder_1bSH {
-webkit-overflow-scrolling:touch
}
.rowHolder_1bSH.touch_ZKAN {
overflow-x:auto
}
.rowHolder_1bSH.noTouch_bj5p .transitionGroup_g2_H {
overflow:hidden
}
.rowHolder_1bSH.noTouch_bj5p .row_1clV {
display:flex
}
.rowHolder_1bSH.noTouch_bj5p .row_1clV.distributeEvenly_1Szw {
justify-content:space-between
}
.row_1clV,.transitionGroup_g2_H {
position:relative
}
.row_1clV {
display:flex;height:100%;white-space:nowrap;width:100%
}
.row_1clV+.row_1clV {
left:0;position:absolute;top:0
}
.swimlane_3RmI {
display:flex;flex-direction:column
}
.swimlaneTransitionGroup_hiFl {
order:2;filter:drop-shadow(0 0 15px black)
}
.sectionHeader_LBPx {
order:1;
margin-top: 20px;
}
.button_3B0y {
height:40px!important;width:40px!important;flex-grow:0;flex-shrink:0
}
.button_3B0y+.button_3B0y {
margin-left:10px
}
.buttonRoot_3w94 {
display:flex;justify-content:center;align-items:center
}
.left_2UGz {
transform:rotate(-90deg)
}
.right_2qgF {
transform:rotate(90deg)
}
.content_25Jw {
padding:20px;position:relative
}
.itemWrapper_22mb {
box-sizing:border-box;display:block;flex-grow:0;flex-shrink:0;padding:18px 9px;position:relative
}
.itemWrapper_22mb.small_1-2z {
height:418px;width:304px
}
.itemWrapper_22mb.large_2rY_ {
width:426px;height:278px
}
.item_3MaG {
display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:start!important;box-shadow:none
}
.itemSubtitle_1QsX {
font-family:Spiegel,Helvetica,sans-serif,microsoft yahei;font-weight:400;letter-spacing:.02em;line-height:140%;font-size:14px;color:#cdbd91
}
.itemTitle_39yR {
font-family:Beaufort for LOL,Arial,sans-serif;font-weight:700;letter-spacing:.05em;line-height:100%;text-transform:uppercase;font-size:18px;color:#f0e6d2;white-space:normal
}
.backgroundImage_1uCC {
top:0;position:absolute;width:calc(100% - 2px);height:calc(100% - 2px)
}
.backgroundImage_1uCC:after {
content:"";position:absolute;height:100%;width:100%;background:linear-gradient(0deg,#010a13 5%,rgba(36,39,41,.4) 30%,rgba(36,39,41,0) 70%),linear-gradient(35deg,#010a13 10%,rgba(36,39,41,0) 40%)
}
.subtitle_gxUt {
font-family:Spiegel,Helvetica,sans-serif,microsoft yahei;font-weight:400;letter-spacing:.02em;line-height:140%;font-size:14px;color:#a09b8c;margin-bottom:-1px
}
.titleHolder_pr8n {
align-items:center;display:flex;
}
@media (max-width:1024px) {
.titleHolder_pr8n {
margin-bottom:45px
}

}
.title_1zyY {
font-family:Beaufort for LOL,Arial,sans-serif;
font-weight:700;
letter-spacing:.05em;
line-height:100%;
text-transform:uppercase;
font-size:24px;
color:#c4b998;
flex-grow:0;
flex-shrink:0;
margin-right:30px
}
.flourish_3IhF {
display:flex;flex-grow:1;height:1px
}
.flourishBox_2kbG {
    border: 1px solid #462d22;
    box-sizing: border-box;
    flex-grow: 0;
    flex-shrink: 0;
    height: 7px;
    transform-origin: 0 0;
    transform: translateY(0.5px) rotate(-45deg);
    width: 7px;
}
.flourishStick_S-mK {
    background: linear-gradient(90deg,#462d22 0,rgba(0,0,0,0));
    flex-grow: 1;
    margin-left: 2.22793px;
}
.childHolder_3vlx {
display:flex;flex-grow:0;flex-shrink:0
}
.root_P-Z1 {
display:block
}
.path_uPdQ {
fill:#cdbe93
}
.root_P-Z1:hover>.path_uPdQ {
fill:#f0e6d2
}
.root_P-Z1:active>.path_uPdQ {
fill:#785a28
}


/* Breakpoints */
/* Common Mixins */
/*
 * SVG styles and reset.
 * Pointer events are set to none due to an IE event.
 * Wrap all SVGs in a container and bind events to that container
 */
.theme-button {
  color: black;
  line-height: 28px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  border-radius: 2px;
}

#riotbar-bar svg, #riotbar-subbar .riotbar-footer svg, #riotbar-application-switcher svg {
  pointer-events: none;
}
#riotbar-bar svg.hide, #riotbar-subbar .riotbar-footer svg.hide, #riotbar-application-switcher svg.hide {
  display: none;
}
#riotbar-bar svg.block, #riotbar-subbar .riotbar-footer svg.block, #riotbar-application-switcher svg.block {
  display: block;
}
#riotbar-bar svg.inline-block, #riotbar-subbar .riotbar-footer svg.inline-block, #riotbar-application-switcher svg.inline-block {
  display: inline-block;
}
#riotbar-bar svg.float-left, #riotbar-subbar .riotbar-footer svg.float-left, #riotbar-application-switcher svg.float-left {
  float: left;
}
#riotbar-bar svg.float-right, #riotbar-subbar .riotbar-footer svg.float-right, #riotbar-application-switcher svg.float-right {
  float: right;
}
#riotbar-bar svg use, #riotbar-subbar .riotbar-footer svg use, #riotbar-application-switcher svg use {
  pointer-events: none;
}

.riotbar-root {
  position: static;
}

body.riotbar-present {
  margin: 0px;
  overflow-x: hidden;
  padding: 0px;
  position: static;
}

.riotbar-clearfix {
  zoom: 1;
  /* ie 6/7 */
}
.riotbar-clearfix:before, .riotbar-clearfix:after {
  content: "";
  display: table;
}
.riotbar-clearfix:after {
  clear: both;
}

.riotbar-base-element {
  /* RiotBar Reset
     based on Eric Meyer's CSS Reset, but targeted within .riotbar
        - http://meyerweb.com/eric/tools/css/reset/
     Note
       - removed html & body selectors, which don't apply for .riotbar
       - To optimize the generated css, we have commented out some unused selectors
  */
  /* HTML5 display-role reset for older browsers */
  /*
    @TODO: do we want to size some things to the size of the content?
    - the locale switcher would be a good example of something where this would apply.

    We can creat a new class like this which can be applied to elements like the `riotbar-subbar` ...
       ... which perhaps should be renamed the `riotbar-document-bar`

    .riotbar-docwidth {
      width: 1000px;
      width: 100%;
      margin: 0 auto;
      padding: 0 10px;
    }

    This width attribute of this css would then become a configuration option,
    which apps could override.  We would use js to set the width property of the class.
    This way our templates and css can easily adapt to the various desktop page widths that we encounter.
    The configuration option might not be a simple width.  Perhaps, if we provide a breakpoint declaration
    system in the configs, then we cana more complex breakpoint system rule s


   */
}
.riotbar-base-element,
.riotbar-base-element div, .riotbar-base-element span,
.riotbar-base-element h1, .riotbar-base-element h2, .riotbar-base-element h3, .riotbar-base-element h4, .riotbar-base-element h5, .riotbar-base-element h6,
.riotbar-base-element a,
.riotbar-base-element img,
.riotbar-base-element ol, .riotbar-base-element ul, .riotbar-base-element li,
.riotbar-base-element strong, .riotbar-base-element em {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  vertical-align: baseline;
  /* prevent text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Fix webkit fonts */
  -webkit-font-smoothing: antialiased;
}
.riotbar-base-element:lang(ar),
.riotbar-base-element div:lang(ar), .riotbar-base-element span:lang(ar),
.riotbar-base-element h1:lang(ar), .riotbar-base-element h2:lang(ar), .riotbar-base-element h3:lang(ar), .riotbar-base-element h4:lang(ar), .riotbar-base-element h5:lang(ar), .riotbar-base-element h6:lang(ar),
.riotbar-base-element a:lang(ar),
.riotbar-base-element img:lang(ar),
.riotbar-base-element ol:lang(ar), .riotbar-base-element ul:lang(ar), .riotbar-base-element li:lang(ar),
.riotbar-base-element strong:lang(ar), .riotbar-base-element em:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-base-element:lang(ru),
.riotbar-base-element div:lang(ru), .riotbar-base-element span:lang(ru),
.riotbar-base-element h1:lang(ru), .riotbar-base-element h2:lang(ru), .riotbar-base-element h3:lang(ru), .riotbar-base-element h4:lang(ru), .riotbar-base-element h5:lang(ru), .riotbar-base-element h6:lang(ru),
.riotbar-base-element a:lang(ru),
.riotbar-base-element img:lang(ru),
.riotbar-base-element ol:lang(ru), .riotbar-base-element ul:lang(ru), .riotbar-base-element li:lang(ru),
.riotbar-base-element strong:lang(ru), .riotbar-base-element em:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-base-element:lang(ko), .riotbar-base-element:lang(kr),
.riotbar-base-element div:lang(ko),
.riotbar-base-element div:lang(kr), .riotbar-base-element span:lang(ko), .riotbar-base-element span:lang(kr),
.riotbar-base-element h1:lang(ko),
.riotbar-base-element h1:lang(kr), .riotbar-base-element h2:lang(ko), .riotbar-base-element h2:lang(kr), .riotbar-base-element h3:lang(ko), .riotbar-base-element h3:lang(kr), .riotbar-base-element h4:lang(ko), .riotbar-base-element h4:lang(kr), .riotbar-base-element h5:lang(ko), .riotbar-base-element h5:lang(kr), .riotbar-base-element h6:lang(ko), .riotbar-base-element h6:lang(kr),
.riotbar-base-element a:lang(ko),
.riotbar-base-element a:lang(kr),
.riotbar-base-element img:lang(ko),
.riotbar-base-element img:lang(kr),
.riotbar-base-element ol:lang(ko),
.riotbar-base-element ol:lang(kr), .riotbar-base-element ul:lang(ko), .riotbar-base-element ul:lang(kr), .riotbar-base-element li:lang(ko), .riotbar-base-element li:lang(kr),
.riotbar-base-element strong:lang(ko),
.riotbar-base-element strong:lang(kr), .riotbar-base-element em:lang(ko), .riotbar-base-element em:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-base-element ol, .riotbar-base-element ul {
  list-style: none;
}
.riotbar-base-element,
.riotbar-base-element * {
  box-sizing: border-box;
  position: static;
  /* default to ensure overrides from other websites don't mess with us */
}
.riotbar-base-element .riotbar-pagewidth {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
}
.riotbar-base-element a,
.riotbar-base-element a:link,
.riotbar-base-element a:visited {
  text-decoration: none;
  color: #F9F9F9;
}

#riotbar-bar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  border: 0;
  width: 100%;
}

#riotbar-bar .sub-menu-header-icon {
  color: #F9F9F9;
}
#riotbar-bar .sub-menu-header-icon svg, #riotbar-bar .sub-menu-header-icon span {
  display: none;
  float: left;
}
#riotbar-bar:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
#riotbar-bar:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
#riotbar-bar:lang(ko), #riotbar-bar:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
#riotbar-bar .riotbar-navbar-separator {
  border-left: 2px solid #7E7E7E;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  margin-left: 0.25em;
  margin-right: 0.25em;
  margin-top: 24px;
  vertical-align: top;
  opacity: 0.4;
}
#riotbar-bar .riotbar-navbar-separator.riotbar-title-separator {
  margin-right: 0.85em;
}
#riotbar-bar .riotbar-bar-content {
  text-align: center;
  height: 80px;
}
#riotbar-bar .riotbar-left-content, #riotbar-bar .riotbar-content {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.06, 0.81, 0, 0.98) 0s;
}
#riotbar-bar.sidebar-open .riotbar-bar-content, #riotbar-bar.sidebar-open .riotbar-left-content {
  opacity: 0.25;
}
#riotbar-bar .riotbar-right-mobile-content {
  display: none;
  right: 70px;
}
@media (max-width: 1024px) {
  #riotbar-bar .riotbar-right-mobile-content {
    display: block;
  }
  #riotbar-bar .riotbar-right-mobile-content #riotbar-service-status-messages {
    right: -10px;
  }
}
#riotbar-bar .riotbar-left-content, #riotbar-bar .riotbar-right-content, #riotbar-bar .riotbar-right-mobile-content {
  bottom: 0;
  position: absolute;
  top: 0;
}
@media (max-width: 1024px) {
  #riotbar-bar.riotbar-mobile-responsive .riotbar-right-content .riotbar-navmenu-dropdown {
    transform: translateX(100%);
    width: 315px;
    overflow-y: auto;
  }
}
#riotbar-bar .riotbar-right-content {
  right: 0px;
  padding-right: 16px;
}
@media (max-width: 1024px) {
  #riotbar-bar .riotbar-right-content #riotbar-service-status, #riotbar-bar .riotbar-right-content #riotbar-account {
    display: none;
  }
}
#riotbar-bar .riotbar-right-content .riotbar-right-content-icons {
  margin: 0px 12px;
  float: left;
  white-space: nowrap;
  color: #F9F9F9;
}
#riotbar-bar .riotbar-right-content .riotbar-right-content-icons .lang-switch-trigger {
  cursor: pointer;
  display: block;
}
#riotbar-bar .riotbar-right-content .riotbar-right-content-icons .riotbar-navmenu-right-icon {
  float: left;
}
#riotbar-bar .riotbar-right-content .riotbar-right-content-icons .riotbar-navmenu-right-icon .lang-switch-trigger svg {
  margin-top: 32px;
  pointer-events: none;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown {
  background: #212121;
  border-top: 2px solid #262626;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.5);
  right: -5px;
  margin: 0;
  opacity: 0;
  overflow: visible;
  padding-bottom: 18px;
  position: fixed;
  height: 100%;
  text-align: left;
  transform: translateY(-5%);
  top: 0px;
  visibility: hidden;
  width: 460px;
  z-index: 10;
  transition: transform 300ms, opacity 300ms;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .lang-switch-dropdown {
  z-index: 11;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown a {
  padding-left: 18px;
  padding-right: 18px;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown.riotbar-click-active {
  visibility: visible;
  transform: translateX(0%);
  opacity: 1;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown.slide-out {
  visibility: visible;
  transform: translateX(100%);
  opacity: 1;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header {
  height: 78px;
  background-color: #111111;
  border-bottom: 2px solid #262626;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header a {
  cursor: pointer;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-header-text {
  font-size: 18px;
  position: absolute;
  top: 22px;
  left: 40px;
  color: #F9F9F9;
  text-overflow: ellipsis;
  max-width: 200px;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-back {
  position: absolute;
  top: 20px;
  height: 30px;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-back svg {
  display: inline-block;
  margin-top: 12px;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-close {
  position: absolute;
  top: 21px;
  right: 31px;
  width: 32px;
  height: 32px;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .sub-menu-header .sub-menu-close svg {
  position: absolute;
  top: 0;
  right: 0;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .side-menu-icon {
  position: absolute;
  top: 28px;
  right: 30px;
  width: 10px;
  height: 10px;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-dropdown .side-menu-icon svg {
  display: block;
}
#riotbar-bar .riotbar-right-content .riotbar-navmenu-touchpoints, #riotbar-bar .riotbar-right-content .riotbar-navmenu-links {
  transition: opacity 0.2s linear;
}
#riotbar-bar .riotbar-right-content.riotbar-click-active .riotbar-navmenu-touchpoints {
  display: block;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 800;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  text-transform: uppercase;
  transition: color 1s cubic-bezier(0.06, 0.81, 0, 0.98);
  border-bottom: 1px solid #111111;
  cursor: pointer;
  letter-spacing: 0.1em;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link.disabled {
  color: #7E7E7E;
  cursor: default;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link.disabled svg {
  position: absolute;
  right: 25px;
  top: 25px;
  fill: #7E7E7E;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link.riotbar-active-link {
  background-color: #333333;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link:lang(ar) {
  letter-spacing: 0;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link.riotbar-active-link {
  color: #F9F9F9;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link:last-child {
  margin-bottom: 0;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link.show-auth-sub-menu {
  text-transform: none;
  background-color: #171717;
  letter-spacing: 0;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link.show-auth-sub-menu svg.arrow-down {
  margin-left: 10px;
  margin-bottom: 3px;
  transform: rotate(270deg);
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons .lang-switch-trigger {
  width: 32px;
  height: 32px;
  position: absolute;
  right: 31px;
  top: 5px;
  padding: 0;
  border-radius: 16px;
  background-color: #212121;
}
#riotbar-bar .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons .lang-switch-trigger svg {
  position: absolute;
  top: 9px;
  left: 9px;
}
#riotbar-bar .riotbar-right-content.riotbar-menu-transition .riotbar-navmenu-touchpoints, #riotbar-bar .riotbar-right-content.riotbar-menu-transition .riotbar-navmenu-links {
  opacity: 0;
}
#riotbar-bar .riotbar-right-content.riotbar-show-links .riotbar-navmenu-links {
  display: block;
}
#riotbar-bar #riotbar-mobile-nav {
  display: none;
  margin-right: 10px;
  margin-left: 10px;
}
#riotbar-bar #riotbar-mobile-nav a {
  margin-top: 23px;
  display: inline-block;
  cursor: pointer;
}
@media (max-width: 1024px) {
  #riotbar-bar #riotbar-mobile-nav {
    display: inline !important;
  }
}

#riotbar-subbar {
  position: relative;
  top: 0px;
  width: 100%;
  z-index: 10;
  /* this z-index is questionable, but is required to place it above the lolkit header */
  pointer-events: none;
  text-align: left;
}
#riotbar-subbar:lang(ar) {
  direction: rtl;
}
#riotbar-subbar .riotbar-subcontent {
  pointer-events: auto;
}

@media screen and (max-width: 1024px) {
  #riotbar-bar .riotbar-right-content a.riotbar-navmenu-link .sideMenuIcons .lang-switch-trigger {
    top: 12px;
    right: 30px;
  }
}
/** Global Keyframes **/
/* Keyframes */
/* Basic Fade-in effect */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* Slide in from left animation */
@keyframes slideInFromLeft {
  0% {
    left: -76vw;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes slideInFromLeft {
  0% {
    left: -76vw;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes slideInFromLeft {
  0% {
    left: -76vw;
  }
  100% {
    left: 0;
  }
}


/* Breakpoints */
/* Common Mixins */
.theme-button {
  background-color: #855940 !important;
	transition: 1s;
}
.theme-button:hover {
  background-color: #462210 !important;
      transition: 1s;
}
.theme-button:active {
  background-color: #462210 !important;
      transition: 1s;
}

#riotbar-bar.lol-theme .riotbar-active-link, #riotbar-bar.lol-theme .riotbar-navbar-link:hover {
    border-color: #542a28;
    background: #462210;
}
#riotbar-bar.lol-theme #riotbar-navbar {
  /*left: 200px;*/
    margin: 0 auto;
}
#riotbar-bar.lol-theme .nav-dropdown-active a {
  border-color: #0bc4e2;
}
#riotbar-bar.lol-theme .riotbar-navbar-subnav-menu .riotbar-active-sub-item {
  border-bottom-color: #0bc4e2;
}
#riotbar-bar.lol-theme .sub-menu-header-icon svg {
  margin-top: 20px;
  margin-left: 15px;
  display: block;
}

@media screen and (max-width: 1024px) {
  #riotbar-bar.lol-theme .riotbar-explore-label svg {
    display: block;
    margin-top: 22px;
  }
}

/* Breakpoints */
/* Common Mixins */
.localization-management-list {
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  display: none;
  width: 240px;
  background-color: #F9F9F9;
  border-radius: 4px;
}
.localization-management-list:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.localization-management-list:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.localization-management-list:lang(ko), .localization-management-list:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.localization-management-list.active {
  display: block;
}
.localization-management-list ul {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 12px;
  max-height: 360px;
  overflow-x: auto;
}
.localization-management-list ul:lang(ar) {
  direction: rtl;
  text-align: right;
}
.localization-management-list ul li {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0;
  cursor: pointer;
}
.localization-management-list ul li .lang-name {
  text-transform: uppercase;
  display: inline-block;
  width: 20px;
}
.localization-management-list ul li a, .localization-management-list ul li a:visited, .localization-management-list ul li a:link {
  transition: color 0.3s linear;
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #999999;
  width: 100%;
  padding: 0 0 0 20px;
}
.localization-management-list ul li a:lang(ar), .localization-management-list ul li a:visited:lang(ar), .localization-management-list ul li a:link:lang(ar) {
  padding: 0 20px 0 0;
}
.localization-management-list ul li a svg, .localization-management-list ul li a:visited svg, .localization-management-list ul li a:link svg {
  position: absolute;
  top: 35%;
  right: 20px;
  width: 14px;
  height: 12px;
  fill: #F9F9F9;
}
.localization-management-list ul li a svg:lang(ar), .localization-management-list ul li a:visited svg:lang(ar), .localization-management-list ul li a:link svg:lang(ar) {
  right: auto;
  left: 20px;
}
.localization-management-list ul li:hover a {
  color: #111111;
}
.localization-management-list ul li.active {
  cursor: default;
}
.localization-management-list ul li.active a {
  color: #c4202b;
}

.riotbar-locale .icon-lang-switch {
height: 70px;
    padding: 28px;
  position: relative;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
}
.riotbar-locale .icon-lang-switch:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-locale .icon-lang-switch:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-locale .icon-lang-switch:lang(ko), .riotbar-locale .icon-lang-switch:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-locale .icon-lang-switch .lang-switch-dropdown:before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  left: 113px;
  top: -20px;
  border: 10px solid transparent;
  border-bottom-color: #F9F9F9;
}
@media (max-width: 1024px) {
  .riotbar-locale .icon-lang-switch .lang-switch-dropdown:before {
    left: 153px;
  }
}
.riotbar-locale .icon-lang-switch .lang-switch-dropdown {
  position: absolute;
  top: 90px;
  left: -115px;
  padding: 8px 0 8px 8px;
}
@media (max-width: 1024px) {
  .riotbar-locale .icon-lang-switch .lang-switch-dropdown {
    left: -155px;
  }
}
.sideMenuIcons .riotbar-locale .icon-lang-switch .lang-switch-dropdown {
  top: 50px;
  right: 0;
  left: unset;
}
.sideMenuIcons .riotbar-locale .icon-lang-switch .lang-switch-dropdown:before {
  left: unset;
  right: 20px;
  top: -20px;
}
.riotbar-locale:lang(ar) {
  direction: rtl;
}/* Breakpoints */
/* Common Mixins */
#riotbar-alerts {
  position: relative;
  width: 100%;
  z-index: 10;
  /* Any immediate elements will fade in - these are the actual alerts */
}
#riotbar-alerts:lang(ar) {
  direction: rtl;
}
#riotbar-alerts > div, #riotbar-alerts > p, #riotbar-alerts > span {
  animation: fadeIn 0.75s;
}
#riotbar-alerts a:link,
#riotbar-alerts a:visited {
  color: #71B5BD;
  text-decoration: none;
}
#riotbar-alerts a.active,
#riotbar-alerts a:hover,
#riotbar-alerts a:active {
  color: #FFFFFF;
}
#riotbar-alerts a.btn-gold-trim:link,
#riotbar-alerts a.btn-gold-trim:visited {
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  color: #dec58d;
  font-weight: bold;
  padding: 2px 10px;
  border-radius: 4px;
  text-decoration: none;
  display: inline;
  display: inline-block;
  cursor: pointer;
  background-color: #151515;
  background: linear-gradient(to bottom, #313131 0%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#313131", endColorstr="#000000",GradientType=0 );
  border: 1px solid #766e4c;
  text-transform: uppercase;
  margin: -2px 0 -2px 10px;
}
#riotbar-alerts a.btn-gold-trim:link:lang(ar),
#riotbar-alerts a.btn-gold-trim:visited:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
#riotbar-alerts a.btn-gold-trim:link:lang(ru),
#riotbar-alerts a.btn-gold-trim:visited:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
#riotbar-alerts a.btn-gold-trim:link:lang(ko), #riotbar-alerts a.btn-gold-trim:link:lang(kr),
#riotbar-alerts a.btn-gold-trim:visited:lang(ko),
#riotbar-alerts a.btn-gold-trim:visited:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
#riotbar-alerts a.btn-gold-trim:link:lang(ar),
#riotbar-alerts a.btn-gold-trim:visited:lang(ar) {
  margin: -2px 10px -2px 0;
}
#riotbar-alerts a.btn-gold-trim.active,
#riotbar-alerts a.btn-gold-trim:hover,
#riotbar-alerts a.btn-gold-trim:active {
  color: #F7DA9B;
}/* Breakpoints */
/* Common Mixins */
#riotbar-application-switcher {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 3000001;
  pointer-events: none;
  text-align: left;
  background-color: #F9F9F9;
  animation: fadeIn 0.25s forwards, appSwitcherSlideDown 0.2s forwards;
}
#riotbar-application-switcher:lang(ar) {
  direction: rtl;
}
#riotbar-application-switcher .riotbar-subcontent {
  pointer-events: auto;
  color: #111111;
  width: 100%;
  padding: 0;
}
#riotbar-application-switcher #riotbar-application-switcher-content {
  min-height: 320px;
  max-height: 620px;
}
#riotbar-application-switcher .riotbar-application-switcher-tabs-wrapper {
  opacity: 0;
  animation: fadeIn 0.25s forwards;
  animation-delay: 0.2s;
  margin: 0;
  padding: 24px;
}
#riotbar-application-switcher .riotbar-application-switcher-tabs-wrapper > span {
  margin: 0 16px;
  font-size: 24px;
  font-weight: 950;
  font-family: "FF Mark W05", sans-serif;
  cursor: pointer;
  color: #C7C7C7;
  transition: color 0.1s linear;
}
#riotbar-application-switcher .riotbar-application-switcher-tabs-wrapper > span:hover {
  color: #7E7E7E;
}
#riotbar-application-switcher .riotbar-application-switcher-tabs-wrapper > span.riotbar-application-selected-tab {
  color: #333333;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper {
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 32px 32px;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card {
  float: left;
  padding: 0 0.4%;
  -webkit-animation: fadeIn 0.25s forwards;
  animation: fadeIn 0.25s forwards;
  opacity: 0;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card:nth-child(1) {
  animation-delay: 0.15s;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card:nth-child(2) {
  animation-delay: 0.2s;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card:nth-child(3) {
  animation-delay: 0.25s;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card:nth-child(4) {
  animation-delay: 0.3s;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card:nth-child(5) {
  animation-delay: 0.35s;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card:nth-child(6) {
  animation-delay: 0.4s;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: block;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card img:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card > a {
  display: block;
  position: relative;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card h4 {
  color: #7E7E7E;
  font-size: 11px;
  margin-top: 16px;
  font-weight: 800;
  letter-spacing: 0.03em;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card h4:lang(ar) {
  letter-spacing: 0;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card .riotbar-platform-availability-wrapper {
  color: #5f5c5c;
  margin-top: 8px;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card .riotbar-platform-availability-wrapper .riotbar-platform-availability-icon-wrapper {
  float: left;
  padding-right: 8px;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card .riotbar-platform-availability-wrapper .riotbar-platform-availability-icon-wrapper .riotbar-application-platform-icon {
  height: 11px;
  width: 11px;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card .riotbar-platform-availability-wrapper:after {
  content: " ";
  clear: both;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper:after {
  content: " ";
  clear: both;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-promo {
  width: 25%;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-game {
  width: 12.5%;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore {
  width: 16.6%;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore .riotbar-application-switcher-card-image-wrapper {
  position: relative;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore .riotbar-application-card-title-wrapper {
  position: absolute;
  bottom: 8%;
  left: 8%;
  right: 8%;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore h4 {
  font-family: "FF Mark W05", sans-serif;
  font-weight: 900;
  color: #f9f9f9;
  font-size: 20px;
  line-height: 1.014rem;
  text-shadow: 1px 1px 1px rgba(51, 51, 51, 0.4);
  letter-spacing: -0.01rem;
  transition: transform 0.15s linear;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore h4:lang(ar) {
  letter-spacing: 0;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder {
  /* Shimmer styles here */
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-application-switcher-card-image-wrapper {
  width: 100%;
  height: 250px;
  position: relative;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-application-switcher-card-image-wrapper svg {
  position: absolute;
  left: calc(50% - 16px);
  top: calc(50% - 22px);
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-application-card-title-wrapper {
  width: 60%;
  height: 30px;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-platform-availability-wrapper {
  width: 30%;
  height: 22px;
}
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-application-switcher-card-image-wrapper,
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-application-card-title-wrapper,
#riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-placeholder .riotbar-platform-availability-wrapper {
  animation-name: placeholderShimmer;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background: #7E7E7E;
  opacity: 0.1;
  background-image: linear-gradient(to right, #7E7E7E 0%, #C7C7C7 5%, #7E7E7E 10%, #7E7E7E 100%);
  background-size: 800px 104px;
}
#riotbar-application-switcher .riotbar-application-switcher-arrow {
  position: absolute;
  top: -16px;
  left: 45px;
}
#riotbar-application-switcher .riotbar-application-switcher-mobile-header {
  display: none;
}
#riotbar-application-switcher #riotbar-application-switcher-desktop-close {
  position: absolute;
  top: 30px;
  right: 40px;
  cursor: pointer;
}

#riotbar-page-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #111111;
  opacity: 0;
  transition: opacity 0.15s;
}

body.riotbar-application-switcher-open #riotbar-page-overlay {
  z-index: 500;
  opacity: 0.7;
}

@media (max-width: 1024px) {
  body.riotbar-application-switcher-open {
    overflow-y: hidden;
  }

  #riotbar-application-switcher {
    width: 75vw;
    height: 100vh;
    left: -76vw;
    top: -80px;
    pointer-events: all;
    animation: slideInFromLeft 0.3s forwards;
    overflow-y: auto;
  }
  #riotbar-application-switcher .riotbar-application-switcher-tabs-wrapper > span {
    font-size: 18px;
  }
  #riotbar-application-switcher #riotbar-application-switcher-desktop-close {
    display: none;
  }
  #riotbar-application-switcher .riotbar-application-switcher-arrow {
    display: none;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper.riotbar-switcher-cards-wrapper-selected-riot-games .riotbar-application-switcher-card {
    margin: 12px auto;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper.riotbar-switcher-cards-wrapper-selected-explore .riotbar-application-switcher-card {
    margin: 8px auto;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card h4 {
    font-size: 12px;
    margin: 6px 0px 0px;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-game {
    width: 50%;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-promo {
    width: 100%;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore {
    width: 50%;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore h4 {
    font-size: 24px;
  }
  #riotbar-application-switcher .riotbar-application-switcher-mobile-header {
    display: block;
    width: 100%;
    position: relative;
    padding: 24px;
    border-bottom: 1px solid #e8e8e8;
  }
  #riotbar-application-switcher .riotbar-application-switcher-mobile-header:after {
    content: " ";
    clear: both;
  }
  #riotbar-application-switcher .riotbar-application-switcher-mobile-logo-wrapper {
    display: inline-block;
    height: 32px;
  }
  #riotbar-application-switcher .riotbar-application-switcher-close {
    float: right;
    top: 32px;
    right: 32px;
    cursor: pointer;
    z-index: 300;
  }
}
@media (max-width: 768px) {
  #riotbar-application-switcher .riotbar-application-switcher-tabs-wrapper {
    margin: 24px 24px 18px 4px;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 0 12px 32px;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper.riotbar-switcher-cards-wrapper-selected-explore div.riotbar-application-switcher-card {
    margin: 6px auto;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper.riotbar-switcher-cards-wrapper-selected-riot-games div.riotbar-application-switcher-card {
    margin: 12px auto;
    padding: 0 1.2%;
  }
  #riotbar-application-switcher .riotbar-application-switcher-cards-wrapper .riotbar-application-switcher-card-explore h4 {
    font-size: 14px;
  }
}
/* cards dropdown slide down effect */
@keyframes appSwitcherSlideDown {
  0% {
    top: -80px;
  }
  100% {
    top: 0;
  }
}
@-moz-keyframes appSwitcherSlideDown {
  0% {
    top: -80px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes appSwitcherSlideDown {
  0% {
    top: -80px;
  }
  100% {
    top: 0;
  }
}
/* Card placeholder shimmer effect */
@keyframes placeholderShimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
@-moz-keyframes placeholderShimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}
@-webkit-keyframes placeholderShimmer {
  0% {
    background-position: -600px 0;
  }
  100% {
    background-position: 600px 0;
  }
}/* Breakpoints */
/* Common Mixins */
#riotbar-navbar {
  display: table;
  font-size: 0;
  height: 80px;
  margin-right: 0;
  max-width: 100%;
  opacity: 1;
  text-align: center;
}
@media (max-width: 1024px) {
  #riotbar-navbar {
    display: inline-block;
  }
}
#riotbar-navbar.fade-in {
  opacity: 0;
}
#riotbar-navbar.fade-in.ready {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.06, 0.81, 0, 0.98) 0s;
}
#riotbar-navbar .link-out, #riotbar-navbar .link-out-white {
  margin-left: 4px;
}
#riotbar-navbar .riotbar-explore-label {
  display: none;
}
#riotbar-navbar .riotbar-navbar-navitem-container {
  display: inline-block;
  position: relative;
  height: 60px;
}
#riotbar-navbar .riotbar-navbar-navitem-container:lang(ar) {
  direction: rtl;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 80px;
  background-color: #111111;
  text-align: left;
  font-size: 1rem;
  min-width: 200px;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.06, 0.81, 0, 0.98) 0s, visibility 0s;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu .riotbar-navbar-sub-link {
  padding: 12px 32px;
  width: 100%;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu li {
  color: #1d1d1d;
  border-bottom: solid 2px #111111;
  list-style-type: none;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu li:hover {
  cursor: pointer;
  background-color: #333333;
  color: #FFFFFF;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu li.riotbar-navbar-subnav-subsubmenu {
  padding-left: 45px;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu li.no-linkage {
  cursor: default;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-subnav-menu li.no-linkage:hover {
  background-color: #111111;
}
#riotbar-navbar .riotbar-navbar-navitem-container .riotbar-navbar-external-link {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-bottom: 5px;
  display: inline-block;
}
#riotbar-navbar .riotbar-navbar-navitem-container svg.arrow-down {
  display: inline-block;
  margin-bottom: 1px;
  margin-left: 5px;
}
#riotbar-navbar .riotbar-navbar-navitem-container svg.hover {
  display: none;
}
#riotbar-navbar .riotbar-navbar-navitem-container:hover svg.non-hover, #riotbar-navbar .riotbar-navbar-navitem-container.nav-dropdown-active svg.non-hover {
  display: none;
}
#riotbar-navbar .riotbar-navbar-navitem-container:hover svg.hover, #riotbar-navbar .riotbar-navbar-navitem-container.nav-dropdown-active svg.hover {
  display: inline-block;
}
#riotbar-navbar .riotbar-navbar-navitem-container.nav-dropdown-active .riotbar-navbar-subnav-menu {
  transition: opacity 0.5s cubic-bezier(0.06, 0.81, 0, 0.98) 0s, visibility 0s;
  opacity: 1;
  visibility: visible;
}
#riotbar-navbar .riotbar-navbar-navitem-container.nav-dropdown-overflow.hide {
  display: none;
}
#riotbar-navbar a {
    border-bottom: 2px solid transparent;
    color: #F9F9F9;
    display: inline-block;
    font-size: 11px;
    font-family: Beaufort for LOL,Arial,sans-serif;
    font-weight: 800;
    font-size: 13px;
    line-height: 68px;
    margin: 0 0.85em;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: color 1s cubic-bezier(0.06, 0.81, 0, 0.98), border-color 0.5s cubic-bezier(0.06, 0.81, 0, 0.98);

}
#riotbar-navbar a:lang(ar) {
  letter-spacing: 0;
}
#riotbar-navbar a.riotbar-navbar-title {
  display: none;
  font-size: 18px;
  color: #F9F9F9;
  line-height: 80px;
  margin-left: 0;
  padding-left: 0;
  padding-top: 0;
  border: none;
}
#riotbar-navbar a.riotbar-navbar-title.mobile {
  display: none;
}
@media (max-width: 1024px) {
  #riotbar-navbar a.riotbar-navbar-title {
    display: none;
  }
  #riotbar-navbar a.riotbar-navbar-title.mobile {
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    padding-right: 0;
    margin-top: -6px;
    vertical-align: middle;
  }
}
#riotbar-navbar a.riotbar-active-link {
  color: #F9F9F9;
}
#riotbar-navbar.riotbar-fade-left {
  margin-right: 10%;
  opacity: 0;
}
#riotbar-navbar.riotbar-fade-right {
  margin-right: -10%;
  opacity: 0;
}
@media (max-width: 1115px) {
  #riotbar-navbar a {
    margin: 0 0.6375em;
  }
  #riotbar-navbar .riotbar-navbar-separator.riotbar-title-separator {
    margin-right: 0.6375em;
  }
}
@media (max-width: 1024px) {
  #riotbar-navbar {
    position: static;
  }
  /*#riotbar-navbar .riotbar-navbar-separator, #riotbar-navbar .riotbar-navbar-link {
    display: none;
  }*/
  #riotbar-navbar .riotbar-explore-label {
    display: block;
    line-height: 80px;
    height: 80px;
  }
  #riotbar-navbar .riotbar-explore-label svg {
    display: block;
    margin-top: 22px;
  }
}
#riotbar-navbar .riotbar-navbar-sub-link {
  border: none;
  line-height: 1.5em;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

#riotbar-navmenu {
  color: #F9F9F9;
  float: right;
  font-size: 14px;
  height: 50px;
  margin-top: 16px;
}
#riotbar-navmenu .riotbar-explore {
  cursor: pointer;
  display: inline-block;
  font-size: 0;
  font-weight: bold;
  height: 50px;
  line-height: 1;
  min-width: 36px;
}
#riotbar-navmenu .riotbar-logo {
  position: relative;
  display: inline-block;
  height: 50px;
  margin-left: 32px;
  width: 75px;
}
#riotbar-navmenu .riotbar-logo .riot-bar-fist-logo {
  width: 160px;
  height: 160px;
  background: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/navigation/fistsprite.png") 0 -2400px no-repeat;
  transition: background-position 0.25s steps(15, end);
  transform: scale(0.33);
  position: absolute;
  top: -55px;
  left: -55px;
}
#riotbar-navmenu .riotbar-logo .riot-bar-fist-logo:hover, .riotbar-application-switcher-open #riotbar-navmenu .riotbar-logo .riot-bar-fist-logo {
  background-position: 0 0;
}
#riotbar-navmenu .riotbar-logo svg {
  position: absolute;
  top: 3px;
  left: 51px;
}
#riotbar-navmenu .riotbar-logo svg.hover {
  display: none;
}
#riotbar-navmenu .riotbar-logo svg.drop {
  margin-top: 22px !important;
  margin-bottom: 0;
  margin-left: 5px;
}
#riotbar-navmenu .riotbar-logo:hover svg.hover {
  display: inline-block;
}
#riotbar-navmenu .riotbar-logo:hover svg.non-hover {
  display: none;
}
#riotbar-navmenu .riotbar-navbar-separator.main-logo-separator {
  margin-left: 0;
  margin-right: 32px;
  margin-top: 10px;
}
#riotbar-navmenu .second-logo {
  display: inline-block;
  height: 50px;
}
#riotbar-navmenu .second-logo svg {
  margin-top: 9px;
  display: block;
}
@media (max-width: 1024px) {
  .riotbar-mobile-responsive #riotbar-navmenu {
    content: "sidebar";
  }
  .riotbar-mobile-responsive #riotbar-navmenu .second-logo {
    display: none;
  }
}

#riotbar-bar .riotbar-navmenu-category {
  overflow: visible;
  position: relative;
}
#riotbar-bar .riotbar-navmenu-category .black-side-menu-option {
  background-color: #111111 !important;
}
#riotbar-bar .riotbar-navmenu-category .riotbar-category-name {
  color: #f1e6d0;
  font-size: 14px;
  margin-bottom: 9px;
  text-transform: uppercase;
}
#riotbar-bar .riotbar-navmenu-category.riotbar-first-category {
  border-top: 0;
  margin-top: 0;
  padding-top: 0;
}
#riotbar-bar .riotbar-navmenu-category:before, #riotbar-bar .riotbar-navmenu-category:after {
  content: " ";
  display: table;
}
#riotbar-bar .riotbar-navmenu-category:after {
  clear: both;
}/* Breakpoints */
/* Common Mixins */
#riotbar-account {
  float: left;
  white-space: nowrap;
}
#riotbar-account .riotbar-anonymous-link {
  cursor: pointer;
  display: inline-block;
  margin: 0 15px;
  transition: color 300ms cubic-bezier(0.06, 0.81, 0, 0.98);
  vertical-align: middle;
  font-size: 11px;
  line-height: 80px;
}
#riotbar-account .riotbar-anonymous-link[data-riotbar-link-id=signup] {
  float: right;
  height: 41px;
  margin: 18px 0 0 17px;
  padding: 12px 0;
  position: relative;
  width: 129px;
  z-index: 0;
  line-height: normal;
}
.i18n-hu #riotbar-account .riotbar-anonymous-link[data-riotbar-link-id=signup] {
  font-size: 13px;
  letter-spacing: -0.6px;
}
#riotbar-account .riotbar-anonymous-link[data-riotbar-link-id=signup]:hover:before {
  opacity: 1;
}
#riotbar-account [data-riotbar-link-id=login] {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
#riotbar-account [data-riotbar-link-id=login]:lang(ar) {
  letter-spacing: 0;
}
#riotbar-account .riotbar-summoner-name {
  color: #F9F9F9;
  font-size: 16px;
  margin-top: 7px;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
}
#riotbar-account .riotbar-summoner-name:lang(ar) {
  line-height: 1.4em;
}
@media (max-width: 640px) {
  .riotbar-mobile-responsive #riotbar-account .riotbar-anonymous-link {
    display: none;
  }
  .riotbar-mobile-responsive #riotbar-account .riotbar-anonymous-link.riotbar-account-action {
    display: inline-block;
  }
}

#riotbar-account-bar {
  cursor: pointer;
  float: right;
  height: 80px;
  margin-top: 0;
  padding-top: 23px;
  padding-right: 16px;
  padding-left: 16px;
}
#riotbar-account-bar .riotbar-summoner-info {
  float: left;
  margin: -3px 0 -10px 0;
}
#riotbar-account-bar .riotbar-summoner-info svg {
  margin-left: 11px;
  margin-bottom: 2px;
  transition: transform 0.25s ease-out;
}
#riotbar-account-bar.active .riotbar-summoner-info svg {
  transform: rotate(180deg);
}
.riotbar-not-responsive #riotbar-account-bar:hover .riotbar-summoner-info svg {
  transform: rotate(180deg);
}
@media (min-width: 1025px) {
  .riotbar-mobile-responsive #riotbar-account-bar:hover .riotbar-summoner-info svg, .riotbar-mobile-responsive #riotbar-account-bar.YES .riotbar-summoner-info svg {
    transform: rotate(180deg);
  }
}
@media (max-width: 640px) {
  .riotbar-mobile-responsive #riotbar-account-bar {
    border-left: none;
  }
  .riotbar-mobile-responsive #riotbar-account-bar .riotbar-summoner-info {
    display: none;
  }
}

#riotbar-account-dropdown-plugins {
  height: 50px;
  position: absolute;
  right: 0;
  top: 12px;
}

#riotbar-account-dropdown {
  background: #111;
  border-top: 1px solid #262626;
  box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.5);
  right: -5px;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-align: left;
  transform: translateY(-5%);
  transition: transform 300ms, opacity 300ms;
  top: 79px;
  visibility: hidden;
  z-index: 10;
}
#riotbar-account-dropdown .riotbar-account-info {
  border-bottom: 1px solid #262626;
  display: none;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
#riotbar-account-dropdown .riotbar-account-info .riotbar-summoner-name {
  max-width: 175px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 640px) {
  .riotbar-mobile-responsive #riotbar-account-dropdown .riotbar-account-info {
    display: block;
  }
}
#riotbar-account.active #riotbar-account-dropdown {
  opacity: 1;
  transform: translateX(0%);
  visibility: visible;
  width: 200px;
}
@media (min-width: 1025px) {
  #riotbar-account-dropdown {
    width: 200px;
  }
  #riotbar-account:hover #riotbar-account-dropdown {
    opacity: 1;
    transform: translateX(0%);
    visibility: visible;
  }
}
@media (max-width: 1024px) {
  .riotbar-mobile-responsive #riotbar-account-dropdown {
    content: "sidebar";
    transform: none;
    transition: width 300ms, opacity 300ms;
    width: 0;
  }
}

#riotbar-account-dropdown-links {
  font-size: 0;
  position: relative;
  white-space: normal;
}
#riotbar-account-dropdown-links a.riotbar-account-link {
  cursor: pointer;
  display: block;
  font-size: 11px;
  line-height: 1.5em;
  text-transform: uppercase;
  transition: color 300ms cubic-bezier(0.06, 0.81, 0, 0.98);
  width: 200px;
  padding: 15px 0 15px 15px;
}
#riotbar-account-dropdown-links a.riotbar-account-link:lang(ar) {
  padding: 15px 15px 15px 0;
  text-align: right;
}
#riotbar-account-dropdown-links a.riotbar-account-link .riotbar-link-subtext {
  color: #a09a8e;
  display: block;
  font-size: 11px;
  text-transform: none;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
}
#riotbar-account-dropdown-links a.riotbar-account-link .riotbar-link-subtext:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
#riotbar-account-dropdown-links a.riotbar-account-link .riotbar-link-subtext:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
#riotbar-account-dropdown-links a.riotbar-account-link .riotbar-link-subtext:lang(ko), #riotbar-account-dropdown-links a.riotbar-account-link .riotbar-link-subtext:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
#riotbar-account-dropdown-links a.riotbar-account-link .riotbar-link-subtext:lang(ar) {
  text-align: right;
}
#riotbar-account-dropdown-links a.riotbar-account-link:first-child {
  margin-top: 0;
}
#riotbar-account-dropdown-links a.riotbar-account-link:last-child {
  margin-bottom: 0;
}
#riotbar-account-dropdown-links a.riotbar-account-link:hover {
  background-color: #333333;
}

#riotbar-account-warning {
  background-color: #352039;
  color: #F9F9F9;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-size: 12px;
  font-weight: 600;
  min-height: 20px;
  padding: 1px 0 0;
  position: absolute;
  width: 100%;
  margin: 0;
  text-align: center;
}
#riotbar-account-warning:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
#riotbar-account-warning:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
#riotbar-account-warning:lang(ko), #riotbar-account-warning:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
#riotbar-account-warning svg {
  display: inline-block;
  line-height: 16px;
  vertical-align: middle;
  margin: 0 15px 0 0;
}
#riotbar-account-warning svg:lang(ar) {
  margin: 0 0 0 15px;
}
#riotbar-account-warning a {
  display: inline-block;
  line-height: 16px;
  color: #F9F9F9;
  padding-bottom: 3px;
  padding-left: 10%;
  padding-right: 10%;
}
#riotbar-account-warning a span {
  margin-left: 10px;
  color: #F9F9F9;
}/* Breakpoints */
/* Common Mixins */
#riotbar-service-status {
  float: left;
  margin: 24px 10px 10px 0;
  position: relative;
}
#riotbar-service-status:lang(ar) {
  direction: rtl;
}

.service-status-indicator {
  position: relative;
}

#riotbar-service-status-icon {
  margin-top: 3px;
  cursor: pointer;
  text-indent: -9999px;
  text-align: left;
  overflow: hidden;
  width: 24px;
  height: 24px;
}
#riotbar-service-status-icon:lang(ar) {
  text-align: right;
}
#riotbar-service-status-icon svg.base {
  display: block;
}
#riotbar-service-status-icon svg.hover {
  display: none;
}
#riotbar-service-status-icon:hover svg.base {
  display: none;
}
#riotbar-service-status-icon:hover svg.hover {
  display: block;
}

#riotbar-service-status-messages {
  position: absolute;
  z-index: 10;
  display: none;
  width: 350px;
  right: -120px;
  top: 48px;
  border-radius: 5px;
  background-color: #111111;
  border: 1px solid #F9F9F9;
  box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.3), -1px 1px 10px 0px rgba(0, 0, 0, 0.8);
  color: #ffffff;
}
#riotbar-service-status-messages.active {
  display: block;
}
#riotbar-service-status-messages .status-message {
  border-bottom: 1px solid #4A5355;
  border-bottom: 1px solid rgba(47, 96, 109, 0.3);
  padding: 10px;
  position: relative;
}
#riotbar-service-status-messages .status-message:last-child {
  border-bottom: none;
}
#riotbar-service-status-messages .status-message.closed .message-toggle {
  transform: rotate(180deg);
}
#riotbar-service-status-messages .status-message.closed .message-toggle svg {
  margin-bottom: 5px;
}
#riotbar-service-status-messages .status-message.closed .message-text {
  display: none;
}
#riotbar-service-status-messages .status-message .message-summary {
  cursor: pointer;
  position: relative;
}
#riotbar-service-status-messages .status-message .message-toggle {
  position: absolute;
  top: 2px;
  left: 0px;
  height: 16px;
  width: 16px;
  border-radius: 10px;
  border: 1px solid #F9F9F9;
  border-color: #F9F9F9;
}
#riotbar-service-status-messages .status-message .message-toggle svg {
  margin: 5px 3px;
}
#riotbar-service-status-messages .status-message .severity-indicator {
  position: absolute;
  top: -5px;
  right: -5px;
  height: 30px;
  width: 30px;
  -webkit-transform: scale(0.75, 0.75);
  -moz-transform: scale(0.75, 0.75);
  -ms-transform: scale(0.75, 0.75);
  -o-transform: scale(0.75, 0.75);
  transform: scale(0.75, 0.75);
}
#riotbar-service-status-messages .status-message .message-title {
  margin: 0 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #E4DFD3;
  font-weight: bold;
}
#riotbar-service-status-messages .status-message a.message-text {
  display: block;
  margin: 4px 10px 0 30px;
  color: #F9F9F9;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4em;
}
#riotbar-service-status-messages .status-message a.message-text:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
#riotbar-service-status-messages .status-message a.message-text:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
#riotbar-service-status-messages .status-message a.message-text:lang(ko), #riotbar-service-status-messages .status-message a.message-text:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}

#riotbar-account-anonymous #riotbar-service-status {
  top: 9px;
}</style><style type="text/css">/*  styles for cookie manager plugin  */
/* Breakpoints */
/* Common Mixins */
/*  styles for cookie manager plugin  */
.riotbar-cookie-policy-v2.cookie-link {
  /** HIDING **/
  /** COLOURING **/
  /** IMAGE **/
  /** FOOTER **/
  /** CORNER-BUTTONS **/
}
.riotbar-cookie-policy-v2.cookie-link * {
  height: auto;
  width: auto;
  max-width: auto;
  max-height: auto;
  background: none;
  margin: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-indent: 0;
}
.riotbar-cookie-policy-v2.cookie-link *:focus {
  outline: none;
}
.riotbar-cookie-policy-v2.cookie-link #consent_blackbar.hidden, .riotbar-cookie-policy-v2.cookie-link.cookie-link.hidden {
  display: none;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.dark {
  color: #FFFFFF;
  /* old browsers use solid colour */
  background: #000000;
  color: #D2CDBC;
  background: #1c2229;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.dark a {
  color: #FFFFFF;
  /* old browsers use solid colour */
  color: #D2CDBC;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.dark path {
  fill: #D2CDBC;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.static {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link {
  cursor: pointer;
}
.riotbar-cookie-policy-v2.cookie-link .label {
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  text-transform: uppercase;
  font-size: 10px;
  word-spacing: 100%;
}
.riotbar-cookie-policy-v2.cookie-link .label:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-cookie-policy-v2.cookie-link .label:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-cookie-policy-v2.cookie-link .label:lang(ko), .riotbar-cookie-policy-v2.cookie-link .label:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link a, .riotbar-cookie-policy-v2.cookie-link.cookie-link a:hover {
  text-decoration: none;
}
.riotbar-cookie-policy-v2.cookie-link .icon {
  width: auto;
}
.riotbar-cookie-policy-v2.cookie-link .icon svg {
  width: 16px;
  height: 100%;
  vertical-align: middle;
}
.riotbar-cookie-policy-v2.cookie-link.footer {
  position: fixed;
  z-index: 8055;
  bottom: 0;
  width: 100%;
  text-align: center;
  cursor: inherit;
  margin-top: 2px;
  padding-top: 5px;
  padding-bottom: 2px;
  border-top: 1px solid #785A28;
}
.riotbar-cookie-policy-v2.cookie-link.footer .label {
  font-size: 14px;
}
.riotbar-cookie-policy-v2.cookie-link.footer .link-text {
  display: inline-block;
}
.riotbar-cookie-policy-v2.cookie-link.footer svg {
  width: 22px;
}
.riotbar-cookie-policy-v2.cookie-link.corner-button {
  border: 1px solid #785A28;
  padding: 4px;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.bottom-left {
  position: fixed;
  border-left: 0;
  z-index: 8055;
  bottom: 10px;
  left: 0;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.bottom-right {
  position: fixed;
  border-right: 0;
  bottom: 10px;
  right: 0;
}
.riotbar-cookie-policy-v2.cookie-link.corner-button .link-text {
  height: 22px;
  margin: 0;
  display: inline-block;
  position: relative;
  top: 0;
  float: left;
}
.riotbar-cookie-policy-v2.cookie-link.corner-button .label {
  position: relative;
  line-height: 2.3;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
}
.riotbar-cookie-policy-v2.cookie-link.cookie-link.static .label {
  opacity: 0.4;
  max-width: 300px;
}
.riotbar-cookie-policy-v2.cookie-link.corner-button .label span {
  padding: 0 5px;
}

#truste-consent-track {
  border-color: #F9F9F9 !important;
}

#truste-consent-button {
  color: #F9F9F9 !important;
}

#truste-show-consent {
  border-color: #F9F9F9 !important;
  color: #F9F9F9 !important;
}

.truste-text {
  color: #F9F9F9 !important;
}

.riotbar-footer {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-footer * {
  box-sizing: border-box;
}

.riotbar-footer {
  text-align: center;
}
.riotbar-footer:lang(ar) {
  direction: rtl;
}

.riotbar-footer-content {
  padding: 1px 5px;
}
.riotbar-footer-content.default-background {
  background-color: #111111;
  border-top: 2px solid rgba(51, 51, 51, 0.25);
}
.riotbar-footer-content > div {
  margin: 40px auto;
} .riotbar-footer-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.riotbar-footer-links {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-footer-links * {
  box-sizing: border-box;
}

/* Breakpoints */
/* Common Mixins */
.riotbar-footer-links {
  color: #7E7E7E;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-align: center;
  text-transform: uppercase;
}
.riotbar-footer-links:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-footer-links:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-footer-links:lang(ko), .riotbar-footer-links:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-footer-links:lang(ar) {
  letter-spacing: 0;
}
.riotbar-footer-links ul li a {
  display: block;
  margin: 0 16px;
  padding: 0px;
  text-decoration: none;
  color: #7E7E7E;
  transition: all 0.2s linear;
}
.riotbar-footer-links ul li a:visited {
  color: #7E7E7E;
}
.riotbar-footer-links ul li a:hover, .riotbar-footer-links ul li a:active, .riotbar-footer-links ul li a:focus {
  color: #F9F9F9;
}
@media (max-width: 640px) {
  .riotbar-footer-links ul {
    flex-direction: column;
  }
  .riotbar-footer-links ul li a {
    margin: 16px 0;
  }
  .riotbar-footer-links ul li:first-child a {
    margin-top: 0;
  }
  .riotbar-footer-links ul li:last-child a {
    margin-bottom: 0;
  }
} .riotbar-footer-riot-logo {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-footer-riot-logo * {
  box-sizing: border-box;
}

.riotbar-footer-riot-logo a .image-alt-text {
  opacity: 0;
  user-select: none;
  color: transparent;
  text-decoration: none;
}

.riotbar-footer-riot-logo a {
  margin: auto;
  overflow: hidden;
  opacity: 0.9;
  transition: opacity 0.2s linear;
}
.riotbar-footer-riot-logo a:hover, .riotbar-footer-riot-logo a:active, .riotbar-footer-riot-logo a:focus {
  opacity: 1;
} .riotbar-footer-riot-locale {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-footer-riot-locale * {
  box-sizing: border-box;
}

/* Breakpoints */
/* Common Mixins */
.riotbar-footer-riot-locale {
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-weight: 500;
  z-index: 100;
  position: relative;
  color: #F9F9F9;
  width: 600px;
}
.riotbar-footer-riot-locale button {
  outline: 0;
}
.riotbar-footer-riot-locale .localization-management-list ul {
  background-color: #F9F9F9;
}
.riotbar-footer-riot-locale .localization-management-list ul li a, .riotbar-footer-riot-locale .localization-management-list ul li a:visited, .riotbar-footer-riot-locale .localization-management-list ul li a:link {
  color: #7E7E7E;
}
.riotbar-footer-riot-locale .localization-management-list ul li:hover a {
  color: #333333;
}
.riotbar-footer-riot-locale .localization-management-list ul li.active {
  cursor: default;
}
.riotbar-footer-riot-locale:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-footer-riot-locale:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-footer-riot-locale:lang(ko), .riotbar-footer-riot-locale:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
@media (max-width: 1024px) {
  .riotbar-footer-riot-locale #footer-region-switcher-activate {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .riotbar-footer-riot-locale .second.region-chooser-button-holder {
    display: block;
    margin: 0 !important;
  }
  .riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list {
    left: 180px;
  }
}
.riotbar-footer-riot-locale .region-chooser-button {
  letter-spacing: 0;
  outline: 0;
  line-height: 48px;
}
.riotbar-footer-riot-locale .region-chooser-button svg {
  margin-top: 20px;
}
.riotbar-footer-riot-locale .region-chooser-button-holder {
  position: relative;
  display: inline-block;
}
.riotbar-footer-riot-locale .region-chooser-button-holder.second {
  margin: 0 0 0 8px;
}
.riotbar-footer-riot-locale .region-chooser-button-holder.second:lang(ar) {
  margin: 0 8px 0 0;
}
.riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #F9F9F9;
  border-top: 0;
  border-radius: 5px;
  width: 100%;
  background-color: #F9F9F9;
}
.riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list .active {
  display: none;
}
.riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-region, .riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-language {
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  font-weight: 800;
  font-size: 11px;
  color: #999999;
  text-align: left;
}
.riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-region:lang(ar), .riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-language:lang(ar) {
  text-align: right;
}
.riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-region svg, .riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-language svg {
  margin-top: 20px;
  float: right;
  transform: rotate(180deg);
}
.riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-region svg:lang(ar), .riotbar-footer-riot-locale .region-chooser-button-holder .region-select-list div.current-language svg:lang(ar) {
  float: left;
}
.riotbar-footer-riot-locale.active .riotbar-footer-region-changer {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer {
  visibility: hidden;
  opacity: 0;
  transform: scale(0);
  transition: transform 0.5s cubic-bezier(0.06, 0.81, 0, 0.98) 0s;
  background-color: #333333;
  text-align: left;
  padding-top: 48px;
  padding-left: 48px;
  padding-bottom: 44px;
  padding-right: 44px;
  width: 456px;
  position: absolute;
  bottom: -30px;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer:lang(ar) {
  direction: rtl;
  text-align: right;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer .header {
  font-size: 26px;
  margin-bottom: 29px;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer .region-changer-locale-close {
  position: absolute;
  right: 14px;
  top: 14px;
  cursor: pointer;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer .region-changer-locale-close:lang(ar) {
  right: auto;
  left: 14px;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer .region-changer-copy {
  color: #E8E8E8;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer .region-chooser-button-holder, .riotbar-footer-riot-locale .riotbar-footer-region-changer .region-changer-copy {
  margin-bottom: 29px;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer button {
  background-color: #282828;
}
.riotbar-footer-riot-locale .riotbar-footer-region-changer #switch-regions-now {
  color: #F9F9F9;
}
.riotbar-footer-riot-locale button {
  cursor: pointer;
  height: 48px;
  width: 248px;
  background-color: #282828;
  color: #7E7E7E;
  border-radius: 5px;
  border-width: 0;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-weight: 800;
  text-transform: none;
  letter-spacing: 0;
  font-size: 11px;
  text-align: left;
  padding: 0px 16px;
}
.riotbar-footer-riot-locale button:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-footer-riot-locale button:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-footer-riot-locale button:lang(ko), .riotbar-footer-riot-locale button:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-footer-riot-locale button:lang(ar) {
  text-align: right;
}
.riotbar-footer-riot-locale button.go {
  color: #111111;
}
.riotbar-footer-riot-locale button svg {
  float: right;
  margin-top: 4px;
}
.riotbar-footer-riot-locale button svg:lang(ar) {
  float: left;
}
.riotbar-footer-riot-locale button svg path {
  fill: #7E7E7E;
}

@media screen and (max-width: 1024px) {
  .riotbar-footer-riot-locale {
    max-width: 100%;
  }
} .riotbar-social-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.riotbar-social-links {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-social-links * {
  box-sizing: border-box;
}

.riotbar-social-links ul li a .image-alt-text {
  opacity: 0;
  user-select: none;
  color: transparent;
  text-decoration: none;
}

.riotbar-social-links ul li {
  margin-left: 10px;
  margin-right: 10px;
}
.riotbar-social-links ul li a {
  display: block;
  margin: 4px;
  overflow: hidden;
  text-decoration: none;
  opacity: 0.3;
  transition: opacity 0.2s linear;
  cursor: pointer;
}
.riotbar-social-links ul li a .image-alt-text {
  display: inline-block;
  width: 0;
}
.riotbar-social-links ul li a:hover, .riotbar-social-links ul li a:active, .riotbar-social-links ul li a:focus {
  opacity: 1;
}
.riotbar-social-links ul li a svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.riotbar-social-links ul li a.link-social svg {
  width: 24px;
  height: 24px;
} .riotbar-legal-links ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.riotbar-legal-links {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-legal-links * {
  box-sizing: border-box;
}

/* Breakpoints */
/* Common Mixins */
.riotbar-legal-links {
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-weight: 500;
  font-size: 11px;
  color: #7E7E7E;
  text-align: center;
}
.riotbar-legal-links:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-legal-links:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-legal-links:lang(ko), .riotbar-legal-links:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-legal-links:lang(ar) {
  font-family: Tahoma, sans-serif;
}
.riotbar-legal-links ul {
  flex-wrap: wrap;
}
.riotbar-legal-links ul li span.updated {
  color: #ff0000;
  font-weight: bold;
  text-transform: uppercase;
}
.riotbar-legal-links ul li a {
  display: block;
  margin: 0 5px;
  text-decoration: underline;
  color: #7E7E7E;
  transition: all 0.2s linear;
}
.riotbar-legal-links ul li a:visited {
  color: #7E7E7E;
}
.riotbar-legal-links ul li a:hover, .riotbar-legal-links ul li a:active, .riotbar-legal-links ul li a:focus {
  color: #7E7E7E;
}
.riotbar-legal-links ul li a.bold {
  font-weight: bold;
}
.riotbar-legal-links ul li a.underline {
  text-decoration: underline;
}
.riotbar-legal-links ul li a.updated {
  display: inline;
}
.riotbar-legal-links ul li a.link-privacyPolicy {
  font-weight: bold;
} /* Breakpoints */
/* Common Mixins */
.riotbar-copyright {
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
  font-weight: 500;
  font-size: 11px;
  line-height: 1.316;
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
  color: #7E7E7E;
  transition: color 0.2s linear;
  word-break: keep-all;
}
.riotbar-copyright:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-copyright:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-copyright:lang(ko), .riotbar-copyright:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
.riotbar-copyright a {
  color: #7E7E7E;
  text-decoration: underline;
}
.riotbar-copyright a:hover, .riotbar-copyright a:active, .riotbar-copyright a:focus {
  color: #7E7E7E;
}
.riotbar-copyright:lang(ar) {
  font-family: Tahoma, sans-serif;
}

@media (max-width: 500px) {
  .riotbar-copyright {
    max-width: 310px;
  }
} .riotbar-game-ratings {
  user-select: none;
  box-sizing: border-box;
}
.riotbar-game-ratings * {
  box-sizing: border-box;
}

.riotbar-game-ratings .riotbar-game-rating-logo .image-alt-text {
  opacity: 0;
  user-select: none;
  color: transparent;
  text-decoration: none;
}

/* Breakpoints */
/* Common Mixins */
.riotbar-game-ratings {
  font-weight: 500;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.riotbar-game-ratings .riotbar-game-rating {
  margin: 0 10px;
  max-width: 100%;
}
.riotbar-game-ratings .riotbar-game-rating-text-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.riotbar-game-ratings .riotbar-game-rating-logo {
  display: block;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin: 5px 0;
  max-width: 100%;
}
.riotbar-game-ratings .riotbar-game-rating-text {
  display: none;
}
.riotbar-game-ratings .na-esrb .riotbar-game-rating-logo,
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/na-esrb.png");
  width: 65px;
  height: 97px;
}
.riotbar-game-ratings .na-esrb .riotbar-game-rating-text,
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-text {
  display: inline-block;
  text-align: left;
  color: #efefef;
  margin-left: 6px;
  line-height: 19px;
  font-size: 15px;
  /* These custom font references are actually loaded in when the `customFonts` plugin is enabled */
  /* Main font by default */
  font-family: "FF Mark W05";
}
.riotbar-game-ratings .na-esrb .riotbar-game-rating-text:lang(ar),
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-text:lang(ar) {
  font-family: "Cairo", Tahoma, sans-serif;
}
.riotbar-game-ratings .na-esrb .riotbar-game-rating-text:lang(ru),
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-text:lang(ru) {
  font-family: "Neue Frutiger World W05", Tahoma, sans-serif;
}
.riotbar-game-ratings .na-esrb .riotbar-game-rating-text:lang(ko), .riotbar-game-ratings .na-esrb .riotbar-game-rating-text:lang(kr),
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-text:lang(ko),
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-text:lang(kr) {
  font-family: "RixSGo", Tahoma, sans-serif;
}
@media (max-width: 400px) {
  .riotbar-game-ratings .na-esrb .riotbar-game-rating-text,
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-text {
    font-size: 12px;
  }
}
.riotbar-game-ratings .latam-esrb .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/latam-esrb.png");
}
.riotbar-game-ratings .pegi .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/pegi.png");
  width: 56px;
  height: 68px;
}
.riotbar-game-ratings .usk-12 .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/usk-12.png");
  width: 68px;
  height: 68px;
}
.riotbar-game-ratings .br-rating .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/br-rating.png");
  width: 149px;
  height: 87px;
}
.riotbar-game-ratings .oce-rating .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/oce-rating.png");
  width: 227px;
  height: 75px;
}
.riotbar-game-ratings .kr-rating .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/kr-rating.png");
  width: 450px;
  height: 71px;
}
.riotbar-game-ratings .ru-rating .riotbar-game-rating-logo {
  background-image: url("https://cdn.leagueoflegends.com/riotbar/prod/latest-experimental/images/footer/game-rating-logos/ru-rating.png");
  width: 50px;
  height: 60px;
}