@import 'Ironhide.UI.pn43hx7c3h.bundle.scp.css';

/* _content/KingdomRush5.Web.Cn/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-udd5xb7ygo] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
main[b-udd5xb7ygo] {
    margin-top: 55px;
}
/*main:not(:has(.no-navigation-gap )) {
    padding-top: 180px;
}*/

footer[b-udd5xb7ygo] {
    padding: 2rem 5%;
    margin: auto auto 0 auto;
    text-align: center;
}

    footer > *[b-udd5xb7ygo] {
        display: inline-block;
    }

[b-udd5xb7ygo] .copyright .text-copyright {
    text-transform: uppercase;
    color: #21576a;
}

[b-udd5xb7ygo] .legal a {
    color: #21576a;
    transition: .2s;
}

    [b-udd5xb7ygo] .legal a:hover {
        color: #00ffd4;
        border-color: #00ffd4;
    }

/*.social-links {
    color: var(--color-highlight);
}*/

[b-udd5xb7ygo] .menu_ih_link_holder:first-child {
    display: none;
}
/* _content/KingdomRush5.Web.Cn/Components/Layout/Menu.razor.rz.scp.css */
.menu_game_link[b-cl7u63jk9v] {
    font-family: var(--site-font-family), sans-serif;
}

    .menu_game_link:hover[b-cl7u63jk9v] {
        background-color: var(--bg-primary-darker);
    }

.menu_game_logo_img[b-cl7u63jk9v] {
    width: 103px;
    filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}

@media screen and (max-width: 600px) {
    .menu_game_logo_img[b-cl7u63jk9v] {
        width: 74px;
    }
}

.display_none[b-cl7u63jk9v]{
    display: none;
}

.sticky_up .menu_game_logo_img[b-cl7u63jk9v], .sticky_down .menu_game_logo_img[b-cl7u63jk9v] {
    width: 77px;
}

@media screen and (max-width: 959px) {
    .menu-open .offcanvas-body .links[b-cl7u63jk9v]  a {
        border-bottom: 1px solid #1d5865;
    }
}

[b-cl7u63jk9v] .hamburguer {
    cursor: var(--cursor-pointer);
    border: 2px solid red;
}

[b-cl7u63jk9v] .menu_game.menu-open .social {
    background-color: var(--menu-game-link-bg-color-hover);
}

/*--------------------- Dropdown ---------------------*/




/* _content/KingdomRush5.Web.Cn/Components/Pages/Colossal-Dwarfare/Colossal-Dwarfare.razor.rz.scp.css */
#hammer[b-e5k920opva] {
    background-color: black;
}

    #hammer .container[b-e5k920opva] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media screen and (min-width: 576px) {
    #hammer .container[b-e5k920opva] {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    #hammer .container[b-e5k920opva] {
        max-width: 720px;
    }
}


@media screen and (min-width: 992px) {
    #hammer .container[b-e5k920opva] {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    #hammer .container[b-e5k920opva] {
        max-width: 1140px;
    }
}

/*----------------------------- BACKGROUNDS --------------------------------------------*/


#hammer .container_bg_dlc[b-e5k920opva] {
    max-width: 3840px;
    background-color: #231920;
    margin-left: auto;
    margin-right: auto;
}


.header_hammer[b-e5k920opva] {
    margin-bottom: 0;
    background-color: #654c24;
    background-image: url("img/colossal-dwarfare/Colossal_Dwarfare_DLC_Header_4300x1000_v2.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 4100px;
}

    .header_hammer .container[b-e5k920opva] {
        height: 880px;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
    }


@media screen and (max-width: 1250px) {
    .header_hammer[b-e5k920opva] {
        background-image: url("img/colossal-dwarfare/Colossal_Dwarfare_DLC_Header_MOBILE_1400x1000_v2.jpg");
        background-size: cover;
    }

    img.logo_kra_hammer[b-e5k920opva]{
        display: none;
    }

    .header_hammer .container[b-e5k920opva] {
        justify-content: flex-start;
    }
}

.logo_and_title[b-e5k920opva] {
    margin-top: 140px;
}

@media screen and (max-width: 599px) {

    .header_hammer .container[b-e5k920opva] {
        height: 700px;
        padding-bottom: 40px;
    }

    .logo_and_title[b-e5k920opva] {
       
    }
}



#hammer sup[b-e5k920opva] {
    font-variant-numeric: ordinal;
    font-size: 65%;
}


#hammer .dlc_intro_video[b-e5k920opva] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #002927;
    background-image: linear-gradient(0deg, rgba(35, 25, 32,0) 70%, rgba(35, 25, 32,0.5) 100%), url("img/colossal-dwarfare/bg_intro_video_hammer_4147x1080_v4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover, cover;
}



#hammer .drop_shadow[b-e5k920opva] {
    filter: drop-shadow(0px 4px 21px #151a21);
}

@media screen and (max-width: 991px) {
    #hammer .dlc_intro_video[b-e5k920opva] {
        /*background-size: 1800px;*/
    }
}

@media screen and (max-width: 767px) {
    #hammer .dlc_intro_video[b-e5k920opva] {
        /*background-size: 1600px;*/
    }
}

#hammer .col.map-border[b-e5k920opva] {
    position: relative;
    width: 100%;
    height: 95px;
    z-index: 1;
    margin-top: -48px;
    margin-bottom: -48px;
    background-image: url(img/colossal-dwarfare/linea_hammer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1900px 25px;
}

#hammer .dlc_description[b-e5k920opva] {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #231920;
    background-image: url("img/colossal-dwarfare/map_hammer_safe-zone-y-export.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    #hammer .dlc_description[b-e5k920opva] {
        padding-bottom: 45px;
        background-image: url("img/colossal-dwarfare/map_hammer_safe-zone-y-export---Mobile.jpg");
        background-position: center top;
        background-size: 900px;
    }
}

#hammer .dlc_screenshots[b-e5k920opva] {
    padding-top: 60px;
    padding-bottom: 45px;
    background-color: #231920;
    background-image: url("img/colossal-dwarfare/screenshots_hammer_bg_mountains2.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 3000px;
}

@media screen and (max-width: 1400px) {
    #hammer .dlc_screenshots[b-e5k920opva] {
        background-size:;
    }
}

@media screen and (max-width: 600px) {
    #hammer .dlc_screenshots[b-e5k920opva] {
        background-size:;
    }
}

/*------- Screnshots gallery ----------*/

.container_screenshots[b-e5k920opva] {
    padding-top: 32px;
}


    .container_screenshots[b-e5k920opva]  img {
        border: 1px solid #d15f69;
        padding: 5px;
        margin-bottom: 1.5rem;
        transition: all .15s;
        z-index: 0;
        position: relative;
    }

    .container_screenshots[b-e5k920opva]  .gallery:hover img {
        filter: brightness(.7);
        transform: scale(.975);
    }

    .container_screenshots[b-e5k920opva]  img:hover {
        border-color: #fff;
        filter: brightness(1) !important;
        transform: scale(1.05) !important;
        z-index: 12;
    }




#hammer .dlc_features[b-e5k920opva] {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #34242f;
    background-image: linear-gradient(0deg, rgba(52, 36, 47,0) 0%, rgba(52, 36, 47,0.7) 100%), url(img/colossal-dwarfare/dlc_hammer_features_bg_2.jpg);
    background-repeat: no-repeat;
    background-position: center, center top;
    background-size: 1700px;
}

@media screen and (max-width: 992px){
    #hammer .dlc_features[b-e5k920opva] {
        background-size: cover;
    }
}

#hammer .dlc_close[b-e5k920opva] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #231920;
    background-image: url("img/colossal-dwarfare/section-close-hammer-bg_4.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 2200px;
}

/*----------------------------- LOGO KRV --------------------------------------------*/

.logo_kra_hammer[b-e5k920opva] {
    display: block;
    width: 170px;
    margin: 20px auto 10px;
}

@media screen and (min-width: 600px) {
    .logo_kra_hammer[b-e5k920opva] {
        width: 200px;
    }
}

/*----------------------------- TEXTS --------------------------------------------*/

h1[b-e5k920opva], h2[b-e5k920opva], h3[b-e5k920opva], h4[b-e5k920opva], h5[b-e5k920opva], h6[b-e5k920opva], .h1[b-e5k920opva], .h2[b-e5k920opva], .h3[b-e5k920opva], .h4[b-e5k920opva], .h5[b-e5k920opva], .h6[b-e5k920opva] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.text-center[b-e5k920opva] {
    text-align: center;
}

.text-left[b-e5k920opva] {
    text-align: left;
}

@media screen and (min-width: 1200px) {
    .text-xl-left[b-e5k920opva] {
        text-align: left;
    }
}


#hammer .title.text-primary[b-e5k920opva] {
    color: #FFFFFF !important;
    text-shadow: 0 3px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.05em;
    text-transform: uppercase;
}

#hammer .header_hammer .title.text-primary[b-e5k920opva] {
    color: #f2faff !important;
    text-shadow: 0 2px #332421;
    font-size: 3rem;
    line-height: 1.05em;
    filter: drop-shadow(0px 1px 7px #f3452f);
}

@media screen and (max-width: 1250px) {
    #hammer .header_hammer .title.text-primary[b-e5k920opva] {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 600px) {
    #hammer .header_hammer .title.text-primary[b-e5k920opva] {
        margin-top: 1rem;
        font-size: 2em;
    }
}


#hammer .subtitle.text-secondary[b-e5k920opva] {
    color: #96d5fb !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1em;
    text-wrap: pretty;
}

@media (max-width: 600px) {
    #hammer .title.text-primary[b-e5k920opva] {
        font-size: 2rem;
    }

    #hammer .subtitle.text-secondary[b-e5k920opva] {
        font-size: 1.25rem;
        line-height: 1em;
    }
}

#hammer .call_to_action .subtitle.text-secondary[b-e5k920opva] {
    color: white !important;
}

#hammer .header_hammer .subtitle.text-secondary[b-e5k920opva],
#hammer .dlc_close .subtitle.text-secondary[b-e5k920opva] {
    line-height: 1em;
    margin-bottom: 6px;
}

#hammer .number[b-e5k920opva] {
    font-size: 1.25em;
}

#hammer .description[b-e5k920opva] {
    color: #DDE5EC !important;
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}

@media (max-width: 575.98px) {
    #hammer .description[b-e5k920opva] {
        font-size: 1.125rem;
    }
}

#hammer .dlc_features ul[b-e5k920opva] {
    padding-left: 1.2em;
    list-style-position: outside;
}

#hammer .dlc_features .description[b-e5k920opva] { /*------- ul li*/
    margin-bottom: 0.7em;
    list-style-type: none;
    line-height: 1.2em;
    color: #cbb2c3 !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}


    #hammer .dlc_features .description[b-e5k920opva]::before {
        content: "";
        color: #fff;
        background-color: #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-left: -10px;
        filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2));
        position: relative;
        left: -8px;
    }



    #hammer .dlc_features .description strong[b-e5k920opva] {
        color: #fff;
    }



/*------- Close smaller titles-------*/

#hammer .dlc_close .title.text-primary[b-e5k920opva] {
    font-size: 2em;
}

#hammer .dlc_close .subtitle.text-secondary[b-e5k920opva] {
    font-size: 1.3em;
    line-height: 1em;
}

.hammer_link[b-e5k920opva] {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #cbb2c3 !important;
    transition: .2s;
}

    .hammer_link:hover[b-e5k920opva] {
        color: #f0c2e1 !important;
        text-decoration: underline;
    }

#hammer .dlc_close .hammer_link[b-e5k920opva] {
    margin: 0 auto;
    display: inline-block;
    margin-top: 30px;
}

#hammer sup[b-e5k920opva] {
    line-height: 0;
    font-size: 0.53em;
    vertical-align: super;
}

/*----------------------------- STORES --------------------------------------------*/
.header_hammer .stores[b-e5k920opva],
#hammer .dlc_close .stores[b-e5k920opva] {
    margin: 0 auto;
}

    .header_hammer .stores:first-of-type[b-e5k920opva],
    #hammer .dlc_close .stores:first-of-type[b-e5k920opva] {
        margin: 0 auto 14px;
    }

.header_hammer .store-badge[b-e5k920opva],
#hammer .dlc_close .store-badge[b-e5k920opva] {
    display: inline-block;
    margin: 0 2px 5px;
}

    .header_hammer .store-badge img[b-e5k920opva],
    #hammer .dlc_close .store-badge img[b-e5k920opva] {
        display: inline-block;
        height: 40px;
    }

/*----------------------------- VIDEO DLC --------------------------------------------*/


#hammer .video_dlc[b-e5k920opva] {
    width: 100%;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.7));
}

    #hammer .video_dlc p[b-e5k920opva],
    #hammer video.video_dlc[b-e5k920opva] {
        outline: 3px solid #d15f69;
    }



/*----------------------------- DESCRIPTION --------------------------------------------*/


#hammer .text_description[b-e5k920opva] {
    width: 100%;
    padding-top: 270px;
}

@media screen and (min-width: 1200px) {
    #hammer .text_description[b-e5k920opva] {
        width: 50%;
        padding-top: 0px;
    }
}


/*----------------------------- SCREENSHOTS --------------------------------------------*/
#hammer .img-thumbnail[b-e5k920opva] {
    border: 1px solid #A6D21F;
}

#hammer .media .media-item:hover .img-thumbnail[b-e5k920opva], #hammer .media .gallery-item:hover .img-thumbnail[b-e5k920opva] {
    border-color: #32e3db;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 227, 219,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(50, 227, 219,1);
    box-shadow: 0px 0px 8px 0px rgba(50, 227, 219,1);
}

#hammer .dlc_screenshots .gallery-item img[b-e5k920opva] {
    background-color: transparent /*#004642*/;
}

#hammer .dlc_screenshots .media .media-item:hover[b-e5k920opva], #hammer .dlc_screenshots .media .gallery-item:hover[b-e5k920opva] {
    transform: scale(1.07);
}

@media screen and (max-width: 600px) {
    #hammer .dlc_screenshots .media .media-item:hover[b-e5k920opva], #hammer .dlc_screenshots .media .gallery-item:hover[b-e5k920opva] {
        transform: scale(1.04);
    }
}

#hammer .dlc_screenshots .media .media-item[b-e5k920opva], #hammer .dlc_screenshots .media .gallery-item[b-e5k920opva] {
    flex: 0 1 31%;
    margin: 20px 0;
}

#hammer .dlc_screenshots .media[b-e5k920opva] {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3.5%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1200px) {
    #hammer .dlc_screenshots .media .media-item[b-e5k920opva], #hammer .dlc_screenshots .media .gallery-item[b-e5k920opva] {
        flex: 0 1 48.25%;
        margin: 15px 0;
    }
}

@media screen and (max-width: 767px) {
    #hammer .dlc_screenshots .media .media-item[b-e5k920opva], #hammer .dlc_screenshots .media .gallery-item[b-e5k920opva] {
        flex: 0 1 100%;
        margin: 15px 0;
    }

    #hammer .dlc_screenshots .media[b-e5k920opva] {
        gap: unset;
    }
}

#hammer hr.style-two[b-e5k920opva] {
    border: 0;
    height: 2px;
    max-width: 3840px;
    margin: 0 auto;
    background-color: #231920;
    background-image: linear-gradient(to right, rgba(209, 95, 105, 0), rgba(209, 95, 105, 0.75), rgba(209, 95, 105, 0));
    background-size: 1140px;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1200px) {
    #hammer hr.style-two[b-e5k920opva] {
        background-size: 800px;
    }
}

/*----------------------------- FEATURES --------------------------------------------*/


#hammer .dlc_features .container-fluid[b-e5k920opva] {
    max-width: 2400px;
}

#hammer .dlc_features h1.title.text-primary[b-e5k920opva] {
    margin-bottom: 1.3rem;
}

.title_features[b-e5k920opva] {
    text-align: center;
}

@media (min-width: 992px) { 
    .title_features[b-e5k920opva] {
        text-align: left; 
    }
}

#hammer .gif[b-e5k920opva] {
    filter: drop-shadow(1px 5px 10px rgba(255, 83, 15, .7));
}

.column_text_dlc_features[b-e5k920opva] {
    /* Padding horizontal (pequeño en pantallas pequeñas) */
    padding-left: 3rem; /* equivalente a px-5 */
    padding-right: 3rem;
    width: 100%; /* equivalente a col-12 */
    text-align: left; /* alineación del texto */
    order: 0; /* orden predeterminado */
}

.column_features.column_img[b-e5k920opva]{
    flex: 1; /* Equivalente a 'col', hace que la columna ocupe espacio disponible */
    order: 1; /* Orden en pantallas pequeñas */
    display: flex; /* Para habilitar el modelo de caja flexible */
    justify-content: center; /* Centra el contenido horizontalmente */
}

@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_features.column_img[b-e5k920opva] {
        order: 0; /* Cambia el orden en pantallas grandes */
    }
}


@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_text_dlc_features[b-e5k920opva] {
        padding-left: 0.5rem; /* equivalente a px-lg-2 */
        padding-right: 0.5rem;
        width: 58.3333%; /* equivalente a col-lg-7 */
        order: 1; /* cambia el orden en pantallas grandes */
    }
}

/*----------------------------- CLOSE --------------------------------------------*/


#hammer .call_to_action[b-e5k920opva] {
    margin-top: 30px;
    margin-bottom: 10px;
}

#hammer .header_hammer .call_to_action[b-e5k920opva] {
    filter: drop-shadow(0px 3px 16px #000000);
}

#hammer .header_hammer .subtitle.text-secondary[b-e5k920opva] {
    text-shadow: 0 2px #000;
}




/*Steam widget----------------------------------*/
#steam_widget_hammer[b-e5k920opva] {
    margin: 2rem auto 0;
    display: block;
}

@media screen and (max-width: 768px) {
    #steam_widget_hammer[b-e5k920opva] {
        display: none;
    }
}

/*Steam widget-END------------------------------*/

/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Add-ons.razor.rz.scp.css */

.section-add-ons .title.text-primary[b-mf84j6b3nb] {
    font-size: 2rem;
    text-align: center;
    margin-bottom: 2rem;
}

/*---------------------UP stop 3 DLCs------------------------*/

.add-ons[b-mf84j6b3nb] {
    text-align: center;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
}

.add-on[b-mf84j6b3nb] {
    
    margin: 0 15px;
    width: 250px;
    transition: all .2s;
}

hr.simple_hr[b-mf84j6b3nb] {
    border: 0;
    height: 2px;
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background-image: linear-gradient(to right, rgba(6, 107, 103, 0), rgba(6, 107, 103, 0.75), rgba(6, 107, 103, 0));
}

@media screen and (min-width: 900px) {
    hr.simple_hr.xl_none[b-mf84j6b3nb] {
        display: none;
    }
}


.add-on img[b-mf84j6b3nb] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid #0c7d79;
    padding: 3px;
    transition: all .2s;
}

.add-on h2[b-mf84j6b3nb] {
    font-size: 1.35rem;
    text-align: center;
    font-family: var(--site-font-family), sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    padding: 20px;
    text-decoration: none;
}

.add-on:hover h2[b-mf84j6b3nb],
.add-on:active h2[b-mf84j6b3nb] {
    text-decoration: underline;
    color: #fff;
}

.add-on:hover[b-mf84j6b3nb],
.add-on:active[b-mf84j6b3nb] {
    transform: scale(1.05);
}

    .add-on:hover img[b-mf84j6b3nb],
    .add-on:active img[b-mf84j6b3nb] {
        border: 1px solid #fff;
    }

@media screen and (max-width: 800px) {
    .add-on[b-mf84j6b3nb] {
        width: 200px;
    }
}

@media screen and (max-width: 560px) {
    .add-on[b-mf84j6b3nb] {
        margin: 0 10px;
        width: 140px;
    }

        .add-on h2[b-mf84j6b3nb] {
            font-size: 1.1rem;
            padding: 10px 5px;
        }
}


/*---------------------UP stop 3 DLCs------------------------*/




[b-mf84j6b3nb] .carousel {
    position: relative;
    width: 75%;
    aspect-ratio: 16 / 7;
    margin: 2rem auto 3rem;
}

[b-mf84j6b3nb] .carousel-control {
    height: 56px;
}

    [b-mf84j6b3nb] .carousel-control.carousel-control-next,
    [b-mf84j6b3nb] .carousel-control.carousel-control-previous {
        position: relative;
        opacity: 1;
        bottom: -55%;
        top: unset;
    }

    [b-mf84j6b3nb] .carousel-control.carousel-control-next {
        right: 27.3%;
    }

    [b-mf84j6b3nb] .carousel-control.carousel-control-previous {
        left: 27.3%;
    }


.carousel[b-mf84j6b3nb]  div {
    position: absolute;
    transition: transform .4s, left .45s, right .45s, opacity .2s, z-index 0s;
    opacity: 1;
}

.carousel div[b-mf84j6b3nb]  img {
    object-fit: contain;
    transition: all .4s;
    -webkit-user-drag: none;
}



[b-mf84j6b3nb] .flecha {
    width: 100%;
    height: 56px;
    transition: all 0.2s;
    cursor: pointer;
}

    [b-mf84j6b3nb] .flecha.der {
        background-image: url('../images/buttons/next-default.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    [b-mf84j6b3nb] .flecha.izq {
        background-image: url('../images/buttons/prev-default.png');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    [b-mf84j6b3nb] .flecha:active {
        cursor: var(--cursor-active);
    }

        [b-mf84j6b3nb] .flecha:active.izq {
            transform: translateX(-10px);
        }

        [b-mf84j6b3nb] .flecha:active.der {
            transform: translateX(10px);
        }



    [b-mf84j6b3nb] .flecha.der:hover {
        background-image: url('../images/buttons/next-hover.png');
        filter: drop-shadow( 0px 0px 8px);
    }

    [b-mf84j6b3nb] .flecha.izq:hover {
        background-image: url('../images/buttons/prev-hover.png');
        filter: drop-shadow( 0px 0px 8px);
    }

[b-mf84j6b3nb] .legend.current {
    display: block;
    position: relative;
}

[b-mf84j6b3nb] .name {
    display: inline-block;
    text-align: center;
    width: 266px;
    font-family: var(--site-font-family), sans-serif;
    font-size: 1.35rem;
    font-weight: bold;
    color: #fae7ff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    padding: 20px;
    text-transform: none;
    background-image: url('img/buttons/frame-name-slider-577x111.png');
    background-size: 100%;
    background-position: center 20px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}






.carousel[b-mf84j6b3nb]  div.hideRight img,
.carousel[b-mf84j6b3nb]  div.hideLeft img,
.carousel[b-mf84j6b3nb]  div.prev img,
.carousel[b-mf84j6b3nb]  div.next img,
.carousel[b-mf84j6b3nb]  div.selected img {
    transition: transform 0.3s;
}

.carousel[b-mf84j6b3nb]  div.hideLeft {
    /*left: -100%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);*/
}

.carousel div.hideLeft[b-mf84j6b3nb]  img {
    /*transform: scale(60%);*/
}

.carousel[b-mf84j6b3nb]  div.hideRight {
    /*right: 100%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);*/
}

.carousel div.hideRight[b-mf84j6b3nb]  img {
    /*transform: scale(60%);*/
}

.carousel[b-mf84j6b3nb]  div.prev {
    z-index: 1;
    left: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}



.carousel div.prev[b-mf84j6b3nb]  img {
    transform: scale(80%);
}

.carousel div.selected[b-mf84j6b3nb] {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.carousel[b-mf84j6b3nb]  div.next {
    z-index: 1;
    right: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}



.carousel div.next[b-mf84j6b3nb]  img {
    transform: scale(80%);
}


[b-mf84j6b3nb] .slide img {
    border-radius: 6px;
    border: 3px solid transparent;
    box-sizing: border-box;
    filter: none;
    -webkit-user-drag: none;
    transition: filter .3s;
}

[b-mf84j6b3nb] .carousel-slides {
    mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
    -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 25%, rgba(0,0,0,1) 75%, rgba(0,0,0,0) 100%);
}

[b-mf84j6b3nb] .slide-1 {
    left: -30%;
    width: 30%;
    pointer-events: none;
}

[b-mf84j6b3nb] .slide-2 {
    width: 30%;
    left: 0%;
}

[b-mf84j6b3nb] .slide-3 {
    left: 35%;
    width: 30%;
}

[b-mf84j6b3nb] .slide-4 {
    width: 30%;
    left: 70%;
}

[b-mf84j6b3nb] .slide-5 {
    width: 30%;
    left: 105%;
    pointer-events: none;
}


[b-mf84j6b3nb] .slide-3 img {
    animation: none;
    /*filter: drop-shadow(0px 5px 10px #000000);*/
}

[b-mf84j6b3nb] .slide-2:hover img,
[b-mf84j6b3nb] .slide-3:hover img,
[b-mf84j6b3nb] .slide-4:hover img {
    border: 3px solid #d3bf9c;
}
/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Game.razor.rz.scp.css */
#game[b-nbhlniew7n] {
    height: 760px;
}

@media screen and (max-width: 600px){
    #game[b-nbhlniew7n] {
        height: 600px;
    }
}


/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Heroes.razor.rz.scp.css */
#heroes[b-2ajmqbk86d] {
    
}

@media screen and (max-width: 580px){
    #heroes .paragraph_kr5[b-2ajmqbk86d] {
        margin-bottom: 0;
    }
}


[b-2ajmqbk86d] .carousel {
    position: relative;
    width: 75%;
    aspect-ratio: 16 / 7;
    margin: 2rem auto 3rem;
    background-image: url('img/heroes/floor-stones_1134x176.png');
    background-repeat: no-repeat;
    background-position: center 100%;
    background-size: 80%;
    
}

@media screen and (max-width: 1065px) {
    [b-2ajmqbk86d] .carousel {
        width: 90%;
        aspect-ratio: 16 / 12;
        margin: 0 auto 2rem;
        background-position: center 100%;
        background-size: 100%;
    }
}

@media screen and (max-width: 765px) {
    [b-2ajmqbk86d] .carousel {
        background-position: center 95%;
    }
}

@media screen and (max-width: 580px) {
    [b-2ajmqbk86d] .carousel {
        width: 100%;
        aspect-ratio: 16 / 14;
        margin: 0 auto 2rem;
        background-position: center 87%;
    }
}

@media screen and (max-width: 480px) {
    [b-2ajmqbk86d] .carousel {
        background-position: center 90%;
    }
}

[b-2ajmqbk86d] .carousel-control {
    height: 56px;
}

.carousel[b-2ajmqbk86d]  div {
    position: absolute;
    transition: transform .4s, left .45s, right .45s, opacity .2s, z-index 0s;
    opacity: 1;
}

.carousel div[b-2ajmqbk86d]  img {
    /*width: 266px;*/
    object-fit: contain;
    transition: all .4s;
    -webkit-user-drag: none;
}

/*@media screen and (max-width: 960px) {
    .carousel div ::deep img {
        width: 206px;
    }
}

@media screen and (max-width: 700px) {
    .carousel div ::deep img {
        width: 195px;
    }
}

@media screen and (max-width: 580px) {
    .carousel div ::deep img {
        width: 165px;
    }
}*/

[b-2ajmqbk86d] .flecha {
    width: 100%;
    height: 56px;
    transition: all 0.3s;
    cursor: var(--cursor-pointer);
}

[b-2ajmqbk86d] .flecha.der {
    background-image: url('img/buttons/btn_next.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

[b-2ajmqbk86d] .flecha.izq {
    background-image: url('img/buttons/btn_prev.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    [b-2ajmqbk86d] .flecha:active {
        cursor: var(--cursor-active);
    }

    [b-2ajmqbk86d] .flecha:active.izq {
        transform: translateX(-10px);
    }

    [b-2ajmqbk86d] .flecha:active.der {
        transform: translateX(10px);
    }

@media screen and (max-width: 580px) {
    [b-2ajmqbk86d] .flecha.der {
        right: 0px;
    }

    [b-2ajmqbk86d] .flecha.izq {
        left: 0px;
    }
}

[b-2ajmqbk86d] .flecha.der:hover {
    background-image: url('img/buttons/btn_next_hover.png');
}

[b-2ajmqbk86d] .flecha.izq:hover {
    background-image: url('img/buttons/btn_prev_hover.png');
}

[b-2ajmqbk86d] .legend.current {
    display: block;
    color: #fff;
    position: relative;
}

[b-2ajmqbk86d] .name {
    display: inline-block;
    text-align: center;
    width: 266px;
    font-family: var(--site-font-family), sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    font-size: 1.3em;
    padding: 20px;
    text-transform: uppercase;
    background-image: url('img/buttons/frame-name-slider-577x111.png');
    background-size: 100%;
    background-position: center 20px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}


@media screen and (max-width: 1065px) {
    [b-2ajmqbk86d] .name {
        width: 266px;
        font-size: 1.3em;
        bottom: 0;
        background-size: 80%;
        background-position: center 25px;
    }
}

@media screen and (max-width: 764px) {
    [b-2ajmqbk86d] .name {
        font-size: 1em;
        background-position: center 20px;
    }
}

@media screen and (max-width: 700px) {
    [b-2ajmqbk86d] .name {
        
        background-size: 80%;
        background-position: center 20px;
    }
}

[b-2ajmqbk86d] .name[imgname="安雅"] {
    filter: hue-rotate(150deg);
}

[b-2ajmqbk86d] .name[imgname="格里姆森"] {
    filter: hue-rotate(170deg);
}

[b-2ajmqbk86d] .name[imgname="卢米妮尔"] {
    filter: hue-rotate(80deg);
}

[b-2ajmqbk86d] .name[imgname="尼鲁"] {
    filter: hue-rotate(50deg);
}

[b-2ajmqbk86d] .name[imgname="奥纳格罗"] {
    filter: hue-rotate(-20deg);
}

[b-2ajmqbk86d] .name[imgname="蕾琳"] {
    filter: hue-rotate(260deg);
}

[b-2ajmqbk86d] .name[imgname="赛莉恩"] {
    filter: hue-rotate(180deg);
}

[b-2ajmqbk86d] .name[imgname="托雷斯"] {
    filter: hue-rotate(280deg);
}

[b-2ajmqbk86d] .name[imgname="维斯珀"] {
    filter: hue-rotate(140deg);
}

[b-2ajmqbk86d] .name[imgname="战争巨头"] {
    filter: hue-rotate(280deg);
}

[b-2ajmqbk86d] .name[imgname="科斯米尔"] {
    filter: hue-rotate(260deg);
}

[b-2ajmqbk86d] .name[imgname="布卢登"] {
    filter: hue-rotate(270deg);
}

[b-2ajmqbk86d] .name[imgname="斯特蕾吉"] {
    filter: hue-rotate(180deg);
}

[b-2ajmqbk86d] .name[imgname="希尔瓦拉"] {
    filter: hue-rotate(30deg);
}

[b-2ajmqbk86d] .name[imgname="丝派蒂尔"] {
    filter: hue-rotate(180deg);
}



.carousel[b-2ajmqbk86d]  div.hideRight img,
.carousel[b-2ajmqbk86d]  div.hideLeft img,
.carousel[b-2ajmqbk86d]  div.prev img,
.carousel[b-2ajmqbk86d]  div.next img,
.carousel[b-2ajmqbk86d]  div.selected img {
    transition: transform 0.3s;
}

.carousel[b-2ajmqbk86d]  div.hideLeft {
    left: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideLeft[b-2ajmqbk86d]  img {
    transform: scale(60%);
}

.carousel[b-2ajmqbk86d]  div.hideRight {
    right: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideRight[b-2ajmqbk86d]  img {
    transform: scale(60%);
}

.carousel[b-2ajmqbk86d]  div.prev {
    z-index: 1;
    left: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-2ajmqbk86d]  div.prev {
        left: 10%;
    }
}

.carousel div.prev[b-2ajmqbk86d]  img {
    transform: scale(80%);
}

.carousel div.selected[b-2ajmqbk86d] {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



.carousel[b-2ajmqbk86d]  div.next {
    z-index: 1;
    right: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-2ajmqbk86d]  div.next {
        right: 10%;
    }
}

.carousel div.next[b-2ajmqbk86d]  img {
    transform: scale(80%);
}


[b-2ajmqbk86d] .slide img {
    border: none;
    border-radius: unset;
    box-sizing: border-box;
    filter: none;
    -webkit-user-drag: none;
    transition: filter .3s;
}

[b-2ajmqbk86d] .slide-1 {
    left: 0%;
    width: 20%;
}

[b-2ajmqbk86d] .slide-2 {
    width: 30%;
    left: 5%;
}

[b-2ajmqbk86d] .slide-3 {
    left: 25%;
    width: 50%;
}

[b-2ajmqbk86d] .slide-4 {
    width: 30%;
    left: 65%;
}

[b-2ajmqbk86d] .slide-5 {
    width: 20%;
    left: 80%;
}

@media screen and (max-width: 1065px) {
    [b-2ajmqbk86d] .slide-3 {
        left: 7%;
        width: 86%;
    }

    [b-2ajmqbk86d] .slide-2,
    [b-2ajmqbk86d] .slide-4 {
        filter: brightness(40%);
    }

    [b-2ajmqbk86d] .slide-2 {
        width: 50%;
        left: 0;
    }

    [b-2ajmqbk86d] .slide-4 {
        width: 50%;
        left: 50%;
    }
}

@media screen and (max-width: 580px) {
    [b-2ajmqbk86d] .slide-3 {
        left: 7%;
        width: 86%;
    }

    [b-2ajmqbk86d] .slide-2,
    [b-2ajmqbk86d] .slide-4 {
        filter: brightness(30%);
    }
}

[b-2ajmqbk86d] .slide-3 img {
    animation: none;
    /*filter: drop-shadow(0px 5px 10px #000000);*/
}
/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Home.razor.rz.scp.css */
.container.footer[b-2aks8v05ta] {
    text-align: center;
    padding: 4rem 5%;
}

.baby_arborean[b-2aks8v05ta] {
    display: block;
    margin: 0 auto 50px;
    width: 60px;
}

.presskit_link[b-2aks8v05ta] {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.7;
    transition: .2s;
    line-height: 1em;
    margin-left: 10px;
    margin-right: 10px;
}

    .presskit_link:hover[b-2aks8v05ta],
    .presskit_link:active[b-2aks8v05ta] {
        text-decoration: none;
        border-bottom: 2px solid #fff;
        opacity: 1;
    }

.presskit_link_holder[b-2aks8v05ta]{
    display: block;
    margin-top: 30px;
}

@media screen and (max-width: 768px){
    #steam_widget[b-2aks8v05ta]{
        display: none;
    }
}

/*----------------------------- BANNER --------------------------------------------*/

/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Intro.razor.rz.scp.css */


.header_content[b-ui0828zmfz] {
    text-align: center;
    padding-bottom: 4rem;
}

[b-ui0828zmfz] .logo_header {
    width: 20rem;
    padding: 8.125rem 0 3.75rem 0;
    margin: 0 auto;
}

@media screen and (max-width: 959px) {
    [b-ui0828zmfz] .logo_header {
        width: 16.875rem;
    }
}

@media screen and (max-width: 670px) {
    [b-ui0828zmfz] .logo_header {
        width: 15rem;
    }
}

@media screen and (max-width: 430px) {
    [b-ui0828zmfz] .logo_header {
        width: 12.5rem;
    }
}


.subscribe[b-ui0828zmfz] {
    margin-top: 0.9375rem;
}

.badges_intro[b-ui0828zmfz] {
    padding: 0 5%;
}
/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Terrains.razor.rz.scp.css */
#terrains[b-cem22h5ki8] {
    padding-top: 280px;
}

@media screen and (max-width: 1650px){
    #terrains[b-cem22h5ki8] {
        padding-top: 180px;
    }
}

@media screen and (max-width: 1065px) {
    #terrains[b-cem22h5ki8] {
        padding-top: 4rem;
    }
}

[b-cem22h5ki8] img {
    border: 1px solid #FF18F6;
    padding: 5px;
    margin-bottom: 1.5rem;
    transition: all .15s;
    z-index: 0;
    position: relative;
}

[b-cem22h5ki8] .gallery:hover img {
    filter: brightness(.7);
    transform: scale(.975);
}

[b-cem22h5ki8] img:hover {
    border-color: #fff;
    filter: brightness(1) !important;
    transform: scale(1.05) !important;
    z-index: 12;
}
/* _content/KingdomRush5.Web.Cn/Components/Pages/Home/Towers.razor.rz.scp.css */
.rojo[b-1mljpf3yiz] {
    border: 2px solid red;
}

[b-1mljpf3yiz] .carousel {
    position: relative;
    width: 55%;
    aspect-ratio: 16 / 10;
    margin: 2rem auto 3rem;
}

@media screen and (max-width: 1065px){
    [b-1mljpf3yiz] .carousel {
        width: 70%;
        margin: 5rem auto 7rem;
    }
}

@media screen and (max-width: 960px) {
    [b-1mljpf3yiz] .carousel {
        width: 80%;
        margin: 5rem auto 7rem;
    }
}

@media screen and (max-width: 580px) {
    [b-1mljpf3yiz] .carousel {
        width: 100%;
        aspect-ratio: 16 / 14;
        margin: 2rem auto 2rem;
    }
}

[b-1mljpf3yiz] .carousel-control {
    height: 56px;
}

.carousel[b-1mljpf3yiz]  div {
    position: absolute;
    transition: transform .4s, left .45s, right .45s, opacity .2s, z-index 0s;
    opacity: 1;
}

.carousel div[b-1mljpf3yiz]  img {
    width: 266px;
    object-fit: contain;
    transition: all .4s;
    -webkit-user-drag: none;
}

@media screen and (max-width: 960px) {
    .carousel div[b-1mljpf3yiz]  img {
        width: 206px;
    }
}

@media screen and (max-width: 700px) {
    .carousel div[b-1mljpf3yiz]  img {
        width: 195px;
    }
}

@media screen and (max-width: 580px) {
    .carousel div[b-1mljpf3yiz]  img {
        width: 165px;
    }
}

[b-1mljpf3yiz] .flecha {
    width: 100%;
    height: 56px;
    transition: all 0.3s;
    cursor: var(--cursor-pointer);
}

[b-1mljpf3yiz] .flecha.der {
    background-image: url('img/buttons/btn_next.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

[b-1mljpf3yiz] .flecha.izq {
    
    background-image: url('img/buttons/btn_prev.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    [b-1mljpf3yiz] .flecha:active{
        cursor: var(--cursor-active);
    }

[b-1mljpf3yiz] .flecha:active.izq {
    transform: translateX(-10px);
}

[b-1mljpf3yiz] .flecha:active.der {
    transform: translateX(10px);
}

@media screen and (max-width: 580px) {
    [b-1mljpf3yiz] .flecha.der {
        right: 0px;
    }

    [b-1mljpf3yiz] .flecha.izq {
        left: 0px;
    }
}

[b-1mljpf3yiz] .flecha.der:hover {
    background-image: url('img/buttons/btn_next_hover.png');
}

[b-1mljpf3yiz] .flecha.izq:hover {
    background-image: url('img/buttons/btn_prev_hover.png');
}

[b-1mljpf3yiz] .legend.current {
    display: block;
    color: #fff;
    position: relative;
}

[b-1mljpf3yiz] .name {
    display: inline-block;
    text-align: center;
    width: 320px;
    font-family: var(--site-font-family), sans-serif;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 2px 7px rgba(0,0,0,0.49);
    font-size: 1.3em;
    padding: 20px;
    text-transform: uppercase;
    background-image: url('img/buttons/frame-name-slider-577x111.png');
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}


@media screen and (max-width: 960px) {
    [b-1mljpf3yiz] .name {
        font-size: 1.3em;
        bottom: 0px;
        background-size: 80%;
    }
}

@media screen and (max-width: 764px) {
    [b-1mljpf3yiz] .name {
        font-size: 1em;
        background-size: 60%;
        background-position: center 70%;
    }
}

@media screen and (max-width: 700px) {
    [b-1mljpf3yiz] .name {
        bottom: 0px;
    }
}

@media screen and (max-width: 580px) {
    [b-1mljpf3yiz] .name {
        bottom: -1rem;
    }
}

[b-1mljpf3yiz] .name[imgname="奥术法师"] {
    filter: hue-rotate(-130deg);
}

[b-1mljpf3yiz] .name[imgname="死灵法师"] {
    filter: hue-rotate(0deg);
}

[b-1mljpf3yiz] .name[imgname="三管加农炮"] {
    filter: hue-rotate(-70deg);
}

[b-1mljpf3yiz] .name[imgname="树灵使者"] {
    filter: hue-rotate(50deg);
}

[b-1mljpf3yiz] .name[imgname="巨弩哨站"] {
    filter: hue-rotate(-10deg);
}

[b-1mljpf3yiz] .name[imgname="恶魔熔坑"] {
    filter: hue-rotate(-60deg);
}

[b-1mljpf3yiz] .name[imgname="精灵观星者"] {
    filter: hue-rotate(80deg);
}

[b-1mljpf3yiz] .name[imgname="圣骑士殿堂"] {
    filter: hue-rotate(140deg);
}

[b-1mljpf3yiz] .name[imgname="火箭枪手"] {
    filter: hue-rotate(-90deg);
}

[b-1mljpf3yiz] .name[imgname="皇家弓箭手"] {
    filter: hue-rotate(-180deg);
}

[b-1mljpf3yiz] .name[imgname="幽冥战魂"] {
    filter: hue-rotate(70deg);
}

[b-1mljpf3yiz] .name[imgname="矮人喷火器"] {
    filter: hue-rotate(290deg);
}

[b-1mljpf3yiz] .name[imgname="沙丘哨兵"] {
    filter: hue-rotate(250deg);
}

[b-1mljpf3yiz] .name[imgname="酿酒战匠"] {
    filter: hue-rotate(-50deg);
}

[b-1mljpf3yiz] .name[imgname="诡术魔导师"] {
    filter: hue-rotate(260deg);
}

[b-1mljpf3yiz] .name[imgname="暮光长弓"] {
    filter: hue-rotate(220deg);
}

[b-1mljpf3yiz] .name[imgname="沼泽隐士"] {
    filter: hue-rotate(220deg);
}

[b-1mljpf3yiz] .name[imgname="电涌巨像"] {
    filter: hue-rotate(-50deg);
}


.carousel[b-1mljpf3yiz]  div.hideRight img,
.carousel[b-1mljpf3yiz]  div.hideLeft img,
.carousel[b-1mljpf3yiz]  div.prev img,
.carousel[b-1mljpf3yiz]  div.next img,
.carousel[b-1mljpf3yiz]  div.selected img {
    transition: transform 0.3s;
}

.carousel[b-1mljpf3yiz]  div.hideLeft {
    left: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideLeft[b-1mljpf3yiz]  img {
    transform: scale(60%);
}

.carousel[b-1mljpf3yiz]  div.hideRight {
    right: 5%;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
}

.carousel div.hideRight[b-1mljpf3yiz]  img {
    transform: scale(60%);
}

.carousel[b-1mljpf3yiz]  div.prev {
    z-index: 1;
    left: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-1mljpf3yiz]  div.prev {
        left: 10%;
    }
}

.carousel div.prev[b-1mljpf3yiz]  img {
    transform: scale(80%);
}

.carousel div.selected[b-1mljpf3yiz] {
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

 

.carousel[b-1mljpf3yiz]  div.next {
    z-index: 1;
    right: 8%;
    opacity: 1;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 700px) {
    .carousel[b-1mljpf3yiz]  div.next {
        right: 10%;
    }
}

.carousel div.next[b-1mljpf3yiz]  img {
    transform: scale(80%);
}


[b-1mljpf3yiz] .slide img {
    border: none;
    border-radius: unset;
    box-sizing: border-box;
    filter: none;
    -webkit-user-drag: none;
    transition: filter .3s;
}

[b-1mljpf3yiz] .slide-3 img {
    animation: none;
    filter: drop-shadow(0px 5px 10px #000000);
}

@media screen and (max-width: 480px) {
    [b-1mljpf3yiz] .slide-2 {
        left: 3%;
        width: 60%;
    }

    [b-1mljpf3yiz] .slide-3 {
        left: 15%;
        width: 70%;
    }

    [b-1mljpf3yiz] .slide-4 {
        left: 37%;
        width: 60%;
    }
}
/* _content/KingdomRush5.Web.Cn/Components/Pages/PrivacyPolicy.razor.rz.scp.css */
.main-container.content-section[b-bp3ym1hp53] {
    background-image: url('../img/intro/KRA_Main_Art_Web_Header_2560x1380_.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

.section-privacy[b-bp3ym1hp53] {
    background-image: linear-gradient(180deg, transparent 0%, black 850px);
}

[b-bp3ym1hp53] .privacy-policy-content {
    padding: 1rem;
    font-size: 1.6rem;
}

.header_content[b-bp3ym1hp53] {
    text-align: center;
    padding-bottom: 4rem;
}

[b-bp3ym1hp53] h1, [b-bp3ym1hp53] h2 {
    margin-bottom: 1rem;
}

[b-bp3ym1hp53] p {
    margin-bottom: 5rem;
}

[b-bp3ym1hp53] a{
    color: var(--color-highlight);
}

[b-bp3ym1hp53] .logo_header {
    width: 20rem;
    margin: 0 auto;
}

@media screen and (max-width: 959px) {
    [b-bp3ym1hp53] .logo_header {
        width: 16.875rem;
    }
}

@media screen and (max-width: 670px) {
    [b-bp3ym1hp53] .logo_header {
        width: 15rem;
    }
}

@media screen and (max-width: 430px) {
    [b-bp3ym1hp53] .logo_header {
        width: 12.5rem;
    }
}


[b-bp3ym1hp53] input, select[b-bp3ym1hp53] {
    min-width: 300px;
}

[b-bp3ym1hp53] select {
    background: var(--bg-primary);
    padding: 10px 10px;
    color: var(--color-primary);
    font-weight: bold;
    flex: 1;
    border-radius: 4px;
}

[b-bp3ym1hp53] option {
    color: #fff;
    font-weight: bold;
}

[b-bp3ym1hp53] .privacy-policy-selector {
    margin-bottom: 3rem;
}
/* _content/KingdomRush5.Web.Cn/Components/Pages/Wukong/Wukong.razor.rz.scp.css */
#wukong[b-j8s19ki170] {
    background-color: black;
}

    #wukong .container[b-j8s19ki170] {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

@media screen and (min-width: 576px) {
    #wukong .container[b-j8s19ki170] {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    #wukong .container[b-j8s19ki170] {
        max-width: 720px;
    }
}


@media screen and (min-width: 992px) {
    #wukong .container[b-j8s19ki170] {
        max-width: 960px;
    }
}

@media screen and (min-width: 1200px) {
    #wukong .container[b-j8s19ki170] {
        max-width: 1140px;
    }
}

/*----------------------------- BACKGROUNDS --------------------------------------------*/


#wukong .container_bg_dlc[b-j8s19ki170] {
    max-width: 3840px;
    background-color: #231920;
    margin-left: auto;
    margin-right: auto;
}


.header_wukong[b-j8s19ki170] {
    margin-bottom: 0;
    background-color: #654c24;
    background-image: url("img/wukong/Wukong_DLC_Header_4500x1150_2.jpg?v=2");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 3900px;
}

    .header_wukong .container[b-j8s19ki170] {
        height: 930px;
        padding-bottom: 80px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: center;
    }


@media screen and (max-width: 1250px) {
    .header_wukong[b-j8s19ki170] {
        background-image: url("img/wukong/Wukong_DLC_Header__MOBILE_1500x1150.jpg?v=2");
        background-size: cover;
    }

    img.logo_kra_wukong[b-j8s19ki170] {
        display: none;
    }

    .header_wukong .container[b-j8s19ki170] {
        justify-content: flex-start;
    }
}

.logo_and_title[b-j8s19ki170] {
    margin-top: 140px;
}

@media screen and (max-width: 599px) {

    .header_wukong .container[b-j8s19ki170] {
        height: 890px;
        padding-bottom: 40px;
    }

    .logo_and_title[b-j8s19ki170] {
    }
}



#wukong sup[b-j8s19ki170] {
    font-variant-numeric: ordinal;
    font-size: 65%;
}


#wukong .dlc_intro_video[b-j8s19ki170] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #002927;
    background-image: linear-gradient(0deg, rgba(58, 67, 51,0) 70%, rgba(58, 67, 51,0.5) 100%), url("img/wukong/bg_intro_video_wukong_4147x1080_v4.jpg?=v2");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover, cover;
}



#wukong .drop_shadow[b-j8s19ki170] {
    filter: drop-shadow(0px 4px 21px #000000);
}

@media screen and (max-width: 991px) {
    #wukong .dlc_intro_video[b-j8s19ki170] {
        /*background-size: 1800px;*/
    }
}

@media screen and (max-width: 767px) {
    #wukong .dlc_intro_video[b-j8s19ki170] {
        /*background-size: 1600px;*/
    }
}

#wukong .col.map-border[b-j8s19ki170] {
    position: relative;
    width: 100%;
    height: 95px;
    z-index: 1;
    margin-top: -48px;
    margin-bottom: -48px;
    background-image: url(img/wukong/linea_wukong.png?=v2);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1900px 25px;
}

#wukong .dlc_description[b-j8s19ki170] {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #7699b0;
    background-image: url("img/wukong/map_wukong.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {
    #wukong .dlc_description[b-j8s19ki170] {
        padding-bottom: 45px;
        background-image: url("img/wukong/map_wukong_Mobile.jpg?v=2");
        background-position: center top;
        background-size: 900px;
    }
}

#wukong .dlc_screenshots[b-j8s19ki170] {
    padding-top: 60px;
    padding-bottom: 45px;
    background-color: #401910;
    background-image: url("img/wukong/screenshots_wukong_bg.jpg?v=3");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 3300px;
}

@media screen and (max-width: 1400px) {
    #wukong .dlc_screenshots[b-j8s19ki170] {
    }
}

@media screen and (max-width: 600px) {
    #wukong .dlc_screenshots[b-j8s19ki170] {
    }
}

/*------- Screnshots gallery ----------*/

.container_screenshots[b-j8s19ki170] {
    padding-top: 32px;
}


    .container_screenshots[b-j8s19ki170]  img {
        border: 1px solid #f4cb0c;
        padding: 5px;
        margin-bottom: 1.5rem;
        transition: all .15s;
        z-index: 0;
        position: relative;
    }

    .container_screenshots[b-j8s19ki170]  .gallery:hover img {
        filter: brightness(.7);
        transform: scale(.975);
    }

    .container_screenshots[b-j8s19ki170]  img:hover {
        border-color: #ffffff;
        filter: brightness(1) !important;
        transform: scale(1.05) !important;
        z-index: 12;
    }




#wukong .dlc_features[b-j8s19ki170] {
    padding-top: 55px;
    padding-bottom: 55px;
    background-color: #401910;
    background-image: url(img/wukong/dlc_wukong_features_bg.jpg?v=3);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 1400px;
}

@media screen and (max-width: 992px) {
    #wukong .dlc_features[b-j8s19ki170] {
        background-size: cover;
    }
}

#wukong .dlc_close[b-j8s19ki170] {
    padding-top: 45px;
    padding-bottom: 45px;
    background-color: #401910;
    background-image: url("img/wukong/section-close-wukong-bg.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 2200px;
}

/*----------------------------- LOGO --------------------------------------------*/

.logo_kra_wukong[b-j8s19ki170] {
    display: block;
    width: 170px;
    margin: 20px auto 10px;
}

@media screen and (min-width: 600px) {
    .logo_kra_wukong[b-j8s19ki170] {
        width: 200px;
    }
}

/*----------------------------- TEXTS --------------------------------------------*/

h1[b-j8s19ki170], h2[b-j8s19ki170], h3[b-j8s19ki170], h4[b-j8s19ki170], h5[b-j8s19ki170], h6[b-j8s19ki170], .h1[b-j8s19ki170], .h2[b-j8s19ki170], .h3[b-j8s19ki170], .h4[b-j8s19ki170], .h5[b-j8s19ki170], .h6[b-j8s19ki170] {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

.text-center[b-j8s19ki170] {
    text-align: center;
}

.text-left[b-j8s19ki170] {
    text-align: left;
}

@media screen and (min-width: 1200px) {
    .text-xl-left[b-j8s19ki170] {
        text-align: left;
    }
}


#wukong .title.text-primary[b-j8s19ki170] {
    color: #FFFFFF;
    text-shadow: 0 3px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
    font-weight: 900;
    font-size: 3rem;
    line-height: 1.05em;
    text-transform: uppercase;
}

#wukong .header_wukong .title.text-primary[b-j8s19ki170] {
    color: #368f99;
    text-shadow: 0 2px rgba(0, 0, 0, 0.3);
    font-size: 3.8rem;
    line-height: 1.05em;
    filter: drop-shadow(0px 1px 12px #fff);
}

.title_glow[b-j8s19ki170] {
    filter: drop-shadow(0px 1px 19px #fff);
}

@media screen and (max-width: 1250px) {
    #wukong .header_wukong .title.text-primary[b-j8s19ki170] {
        margin-top: 2rem;
        font-size: 3.2em;
    }
}

@media screen and (max-width: 600px) {
    #wukong .header_wukong .title.text-primary[b-j8s19ki170] {
        margin-top: 1rem;
        font-size: 2.7em;
    }
}


#wukong .subtitle.text-secondary[b-j8s19ki170] {
    color: #f4cb0c !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    font-weight: 900;
    font-size: 1.8rem;
    line-height: 1em;
    text-wrap: pretty;
}

@media (max-width: 600px) {
    #wukong .title.text-primary[b-j8s19ki170] {
        font-size: 2rem;
    }

    #wukong .subtitle.text-secondary[b-j8s19ki170] {
        font-size: 1.25rem;
        line-height: 1em;
    }
}

#wukong .header_wukong .call_to_action .subtitle.text-secondary[b-j8s19ki170] {
    color: rgb(54, 143, 153) !important;
}

#wukong .call_to_action .subtitle.text-secondary[b-j8s19ki170] {
    color: white !important;
}


#wukong .header_wukong .call_to_action[b-j8s19ki170] {
    filter: drop-shadow(0px 3px 16px #fff);
}

#wukong .header_wukong .subtitle.text-secondary[b-j8s19ki170] {
    text-shadow: 0 1px rgba(0,0,0,.3);
}

@media screen and (min-width: 1250px) {
    #wukong .header_wukong .call_to_action .subtitle.text-secondary[b-j8s19ki170] {
        color: white !important;
    }
    #wukong .header_wukong .call_to_action[b-j8s19ki170] {
        filter: drop-shadow(0px 3px 22px #000);
    }
}

#wukong .header_wukong .subtitle.text-secondary[b-j8s19ki170],
#wukong .dlc_close .subtitle.text-secondary[b-j8s19ki170] {
    line-height: 1em;
    margin-bottom: 6px;
}

#wukong .number[b-j8s19ki170] {
    font-size: 1.25em;
}

#wukong .description[b-j8s19ki170] {
    color: #ece9dd !important;
    font-size: 1.4rem;
    font-weight: bold;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}

@media (max-width: 575.98px) {
    #wukong .description[b-j8s19ki170] {
        font-size: 1.125rem;
    }
}

#wukong .dlc_features ul[b-j8s19ki170] {
    padding-left: 1.2em;
    list-style-position: outside;
}

#wukong .dlc_features .description[b-j8s19ki170] { /*------- ul li*/
    margin-bottom: 0.7em;
    list-style-type: none;
    line-height: 1.2em;
    color: #d2c693 !important;
    text-shadow: 0 2px rgba(0, 0, 0, 0.2);
    text-wrap: pretty;
}


    #wukong .dlc_features .description[b-j8s19ki170]::before {
        content: "";
        color: #fff;
        background-color: #fff;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin-left: -10px;
        filter: drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2));
        position: relative;
        left: -8px;
    }



    #wukong .dlc_features .description strong[b-j8s19ki170] {
        color: #fff;
    }



/*------- Close smaller titles-------*/

#wukong .dlc_close .title.text-primary[b-j8s19ki170] {
    font-size: 2em;
}

#wukong .dlc_close .subtitle.text-secondary[b-j8s19ki170] {
    font-size: 1.3em;
    line-height: 1em;
}

.wukong_link[b-j8s19ki170] {
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: none;
    color: #d2c693 !important;
    transition: .2s;
}

    .wukong_link:hover[b-j8s19ki170] {
        color: #d2c693 !important;
        text-decoration: underline;
    }

#wukong .dlc_close .wukong_link[b-j8s19ki170] {
    margin: 0 auto;
    display: inline-block;
    margin-top: 30px;
}

#wukong sup[b-j8s19ki170] {
    line-height: 0;
    font-size: 0.53em;
    vertical-align: super;
}

/*----------------------------- STORES --------------------------------------------*/
.header_wukong .stores[b-j8s19ki170],
#wukong .dlc_close .stores[b-j8s19ki170] {
    margin: 0 auto;
}

    .header_wukong .stores:first-of-type[b-j8s19ki170],
    #wukong .dlc_close .stores:first-of-type[b-j8s19ki170] {
        margin: 0 auto 14px;
    }

.header_wukong .store-badge[b-j8s19ki170],
#wukong .dlc_close .store-badge[b-j8s19ki170] {
    display: inline-block;
    margin: 0 2px 5px;
}

    .header_wukong .store-badge img[b-j8s19ki170],
    #wukong .dlc_close .store-badge img[b-j8s19ki170] {
        display: inline-block;
        height: 40px;
    }

/*----------------------------- VIDEO DLC --------------------------------------------*/


#wukong .video_dlc[b-j8s19ki170] {
    width: 100%;
    max-width: 900px;
    margin: 40px auto;
    position: relative;
    aspect-ratio: 16 / 9;
    height: auto;
    filter: drop-shadow(0px 7px 6px rgba(0, 0, 0, 0.7));
}

    #wukong .video_dlc p[b-j8s19ki170],
    #wukong video.video_dlc[b-j8s19ki170] {
        /*border: 3px solid #f4cb0c;*/
        outline: 3px solid #f4cb0c;
    }



/*----------------------------- DESCRIPTION --------------------------------------------*/


#wukong .text_description[b-j8s19ki170] {
    width: 100%;
    padding-top: 270px;
}

@media screen and (min-width: 1200px) {
    #wukong .text_description[b-j8s19ki170] {
        width: 50%;
        padding-top: 0px;
    }
}




#wukong hr.style-two[b-j8s19ki170] {
    border: 0;
    height: 2px;
    max-width: 3840px;
    margin: 0 auto;
    background-color: #401910;
    background-image: linear-gradient(to right, rgba(244, 203, 12, 0), rgba(244, 203, 12, 0.75), rgba(244, 203, 12, 0));
    background-size: 1140px;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1200px) {
    #wukong hr.style-two[b-j8s19ki170] {
        background-size: 800px;
    }
}

/*----------------------------- FEATURES --------------------------------------------*/


#wukong .dlc_features .container-fluid[b-j8s19ki170] {
    max-width: 2400px;
}

#wukong .dlc_features h1.title.text-primary[b-j8s19ki170] {
    margin-bottom: 1.3rem;
}

.title_features[b-j8s19ki170] {
    text-align: center;
}

@media (min-width: 992px) {
    .title_features[b-j8s19ki170] {
        text-align: left;
    }
}

#wukong .gif[b-j8s19ki170] {
    filter: drop-shadow(1px 5px 10px rgba(255, 83, 15, .7));
}

.column_text_dlc_features[b-j8s19ki170] {
    /* Padding horizontal (pequeño en pantallas pequeñas) */
    padding-left: 3rem; /* equivalente a px-5 */
    padding-right: 3rem;
    width: 100%; /* equivalente a col-12 */
    text-align: left; /* alineación del texto */
    order: 0; /* orden predeterminado */
}

.column_features.column_img[b-j8s19ki170] {
    flex: 1; /* Equivalente a 'col', hace que la columna ocupe espacio disponible */
    order: 1; /* Orden en pantallas pequeñas */
    display: flex; /* Para habilitar el modelo de caja flexible */
    justify-content: center; /* Centra el contenido horizontalmente */
}

@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_features.column_img[b-j8s19ki170] {
        order: 0; /* Cambia el orden en pantallas grandes */
    }
}


@media (min-width: 992px) { /* Pantallas grandes (breakpoint lg) */
    .column_text_dlc_features[b-j8s19ki170] {
        padding-left: 0.5rem; /* equivalente a px-lg-2 */
        padding-right: 0.5rem;
        width: 58.3333%; /* equivalente a col-lg-7 */
        order: 1; /* cambia el orden en pantallas grandes */
    }
}

/*----------------------------- CLOSE --------------------------------------------*/


#wukong .call_to_action[b-j8s19ki170] {
    margin-top: 30px;
    margin-bottom: 10px;
}






/*Steam widget----------------------------------*/
#steam_widget_wukong[b-j8s19ki170] {
    margin: 2rem auto 0;
    display: block;
}

@media screen and (max-width: 768px) {
    #steam_widget_wukong[b-j8s19ki170] {
        display: none;
    }
}

/*Steam widget-END------------------------------*/



/* _content/KingdomRush5.Web.Cn/Components/UI/Badges.razor.rz.scp.css */
.badges[b-smef2vmf2a]{
    line-height: 0;
    margin-bottom: 2rem;
}
.store_badge[b-smef2vmf2a] {
    display: inline-block;
    transition: .3s;
    transform-origin: center center;
}

.badge_muted[b-smef2vmf2a] {
    filter: brightness(0.5);
}

.store_badge[b-smef2vmf2a]  img {
    height: 3.125rem;
    margin: 0.46875rem;
}

@media screen and (max-width: 600px){
    .store_badge[b-smef2vmf2a]  img {
        height: 2.5em;
        margin: 3px 2.5px;
    }
}

/* _content/KingdomRush5.Web.Cn/Components/UI/Floating_banner.razor.rz.scp.css */
.floating_banner[b-3scsvo31p3] {
    display: none;
    width: 600px;
    height: 181px;
    background-image: url("img/banner/banner_Get-it-now.png"); /*Esto es dinamico*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: fixed;
    z-index: 200;
    top: 185px;
    bottom: unset;
    right: -600px;
    transition: .3s;
    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 1.2s;
    animation: slide-b-3scsvo31p3 0.5s forwards;
    animation-delay: 1.2s;
    filter: drop-shadow(5px 5px 10px black);
}


    .floating_banner:has(.floating_banner_open)[b-3scsvo31p3] {
        display: block;
    }

@media screen and (max-width: 1925px) {
    .floating_banner[b-3scsvo31p3] {
        width: 500px;
        height: 151px;
    }
}

@media screen and (max-width: 1400px) {
    .floating_banner[b-3scsvo31p3] {
        width: 400px;
        height: 121px;
    }
}

@media screen and (max-width: 1024px) {
    .floating_banner[b-3scsvo31p3] {
        top: unset;
        bottom: 50px;
    }
}

@media screen and (max-width: 600px) {
    .floating_banner[b-3scsvo31p3] {
        position: sticky; /*para que no tape el footer*/
        width: 100%;
        height: auto;
        aspect-ratio: 573 / 173;
        right: 0;
        left: 0;
        top: unset;
        bottom: -200px;
        -webkit-animation: slide-up 0.5s forwards;
        -webkit-animation-delay: 1.2s;
        animation: slide-up-b-3scsvo31p3 0.5s forwards;
        animation-delay: 1.2s;
        background-position: center;
        background-size: 100%;
    }
}

.floating_banner:hover[b-3scsvo31p3],
.floating_banner:active[b-3scsvo31p3] {
    margin-right: 15px;
}

@keyframes slide-b-3scsvo31p3 {
    100% {
        right: -15px;
    }
}

@keyframes slide-up-b-3scsvo31p3 {
    100% {
        bottom: 0;
    }
}

.light[b-3scsvo31p3] {
    background-color: white;
    width: 100%;
    height: 100%;
    opacity: .7;
    animation: sweep-b-3scsvo31p3 6s 2s infinite;
    animation-fill-mode: backwards;
}

.floating_banner a[b-3scsvo31p3] {
    display: block;
    position: absolute;
    width: calc(100% - 80px);
    height: 100%;
    top: 0;
    left: 0;
    cursor: var(--cursor-pointer, pointer);
}

@keyframes sweep-b-3scsvo31p3 {
    0% {
        clip-path: polygon(-35% 0%, 0% 0%, -25% 100%, -60% 100%)
    }

    10% {
        clip-path: polygon(125% 0%, 160% 0%, 135% 100%, 100% 100%)
    }

    100% {
        clip-path: polygon(125% 0%, 160% 0%, 135% 100%, 100% 100%)
    }
}

.close_btn[b-3scsvo31p3] {
    position: absolute;
    right: 40px;
    top: 20px;
    width: 20px;
    padding: 16px;
    cursor: var(--cursor-pointer, pointer);
    
    background-color: rgba(0,0,0,0.3);
    border-radius: 50%;
}

@media screen and (max-width: 600px) {
    .close_btn[b-3scsvo31p3] {
        right: 25px;
        top: 20px;
    }
}



.close_btn[b-3scsvo31p3]:before, .close_btn[b-3scsvo31p3]:after {
    position: absolute;
    left: 14px;
    top: 6px;
    content: ' ';
    height: 20px;
    width: 3px;
    background-color: #cccccc;
}

.close_btn[b-3scsvo31p3]:before {
    transform: rotate(45deg);
}

.close_btn[b-3scsvo31p3]:after {
    transform: rotate(-45deg);
}

.close_btn:hover[b-3scsvo31p3]:before,
.close_btn:hover[b-3scsvo31p3]:after {
    background-color: #fff;
}
/* _content/KingdomRush5.Web.Cn/Components/UI/NewsletterSubscription.razor.rz.scp.css */
.modal-frame[b-npbodac7tp] {
    background: var(--bg-modal, #000);
    color: var(--color-primary);
    position: relative;
    border: 4px solid var(--bg-primary);
    width: clamp(300px, 500px, 100%);
}

[b-npbodac7tp] input{
    min-width: unset;
}

.modal-header[b-npbodac7tp]{
    display:flex;
    justify-content: flex-end;
}

.modal-content[b-npbodac7tp] {
    padding: 42px 30px;
    
}

button[b-npbodac7tp] {
    color: var(--color-primary);
}

.modal-close[b-npbodac7tp] {
    position: absolute;
    right: 0px;
    top: 2px;
    padding: 16px;
    box-sizing: border-box;
    width: 62px;
    height: 62px;
    transition: .2s;
    --color-close: var(--color-highlight-darker);
    cursor: var(--cursor-pointer, pointer);
}
    .modal-close:active[b-npbodac7tp] {
        cursor: var(--cursor-pointer-active, pointer);
    }

    .modal-close[b-npbodac7tp]:before, .modal-close[b-npbodac7tp]:after {
        position: absolute;
        left: 28px;
        top: 13px;
        content: ' ';
        height: 33px;
        width: 4px;
        background-color: var(--color-close);
    }

    .modal-close[b-npbodac7tp]:after {
        transform: rotate(45deg);
    }

    .modal-close[b-npbodac7tp]:before {
        transform: rotate(-45deg);
    }

    .modal-close:hover[b-npbodac7tp] {
        --color-close: var(--color-highlight)
    }

[b-npbodac7tp] .btn-primary {
    display: inline-block;
    width: 100%;
    padding: 0 1.875em;
    position: relative;
    height: 60px;
    color: white;
    text-shadow: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.5);
    font-family: var(--site-font-family), sans-serif;
    text-decoration: none;
    font-weight: 800;
    font-size: clamp(1rem, 4vw, 1.25rem);
    line-height: 60px;
    text-transform: uppercase;
    cursor: var(--cursor-pointer);
    background-image: url('img/buttons/btn_left.png'), url('img/buttons/btn_right.png'), url('img/buttons/btn_center.png');
    background-repeat: no-repeat;
    background-size: 20px 60px, 20px 60px, calc(100% - 38px) 60px;
    background-position: left center, right center, center center;
    transition: all .2s;
    letter-spacing: normal;
}

    [b-npbodac7tp] .btn-primary:hover,
    [b-npbodac7tp] .btn-primary:active {
        color: #21373e;
        text-shadow: #0cf1bf 1px 1px 0;
        background-image: url('img/buttons/btn_left_hover.png'), url('img/buttons/btn_right_hover.png'), url('img/buttons/btn_center_hover.png');
        text-decoration: none;
    }

.post_subscriptin_msj[b-npbodac7tp] {
    display: block;
    font-family: var(--form-font-family, var(--site-font-family));
    font-weight: var(--form-font-weight, bold);
    font-style: var(--form-font-style, normal);
    text-transform: var(--form-font-transform, none);
    color: var(--form-color-text, var(--color-primary));
    font-size: var(--form-font-size, 1.4rem);
    padding: 0 0 30px;
}
/* _content/KingdomRush5.Web.Cn/Components/UI/ReleaseState.razor.rz.scp.css */
h2[b-51ycdss1yr] {
    font-family: var(--site-font-family), sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.8em;
    line-height: 1em;
    color: #F4FFFF;
    margin-bottom: 5px;
    text-shadow: 0.125em 0.125em 0.4375em rgba(0, 0, 0, 0.96);
}
/* _content/KingdomRush5.Web.Cn/Components/UI/Trailer.razor.rz.scp.css */
.play_button_placehoder[b-muvu6b2jfx] {
    width: 100px;
    height: 100px;
}

.trailer_area[b-muvu6b2jfx] {
    margin-bottom: 2rem;
}

.triangle_btn[b-muvu6b2jfx] {
    display: inline-block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-right: 0;
    border-left: 15px solid #fff;
    margin-right: 10px;
    
    transition: .3s;
}

.kr5_btn:hover .triangle_btn[b-muvu6b2jfx] {
    transform: rotate(360deg);
    border-left: 15px solid #21373e;
}




[b-muvu6b2jfx] iframe {
    border-radius: 10px;
    border: 4px solid #21576a;
}