/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* Cookie Consent */

#mod-window {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.noscroll { 
    overflow: hidden;
}

#mod-window.hidden {
    display: none;
}

.mod-overlay {
    background: #000000bf;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
}

.mod-container {
    position: absolute;
    bottom: 0;
    background: #fff;
    width: 100%;
}

.mod-content {
    width: 600px !important;
    max-width: 90%;
    padding: 30px 0;
    margin: 0 auto !important;
}

.mod-content h4 {
    margin: 0;
    color: #2d4156;
    font-weight: 500;
    letter-spacing: -0.3px;
    font-size: 19px;
    font-family: 'Orbitron';
    font-weight: 600;
}

.mod-content p, .other .mod-content p {
    color: #000;
    font-weight: 300;
    line-height: 23px;
    font-size: 15px;
    margin-bottom: 25px;
    margin-top: 13px;
}

.mod-content a {
    color: #3d6289;
    text-decoration: none;
}

.mod-content .buttons-block {
    display: flex;
    justify-content: space-between;
}

.mod-content .buttons-block #reject-button {
    background: #eaeff2;
    border: none;
    width: 49%;
    padding: 10px;
    border-radius: 4px;
    font-weight: 300;
    font-size: 15px;
    cursor: pointer;
    font-family: 'Orbitron';
    font-weight: 600;
}

.mod-content .buttons-block #agree-button {
    background: #2d4156;
    border: none;
    width: 49%;
    color: #fff;
    padding: 12px;
    border-radius: 4px;
    font-weight: 300;
    font-size: 15px;
    cursor: pointer;
    font-family: 'Orbitron';
    font-weight: 600;
}

body, html {
    color: #fff;
    width: 100vw;
    overflow-x: hidden;
}

h1,h2,h3 {
    font-family: 'Orbitron';
}

p, li {
    font-family: 'Inter';
}

header {
    display: flex;
    padding: 39px 0;
    justify-content: center;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    width: 90%;
}

.game-page header {padding-bottom: 10px;}

header .logo {height: 30px;}

header p {
    margin: 0;
    left: 0;
    position: absolute;
}

header p a {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 19px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    text-decoration: none;
}

main {max-width: 1440px;margin: 0 auto;width: 90%;margin-bottom: 40px;}

main .section {

}

main .section1 {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

main .section1 .text-wrap {width: fit-content;}

main .section1 h1 {color: #fff;font-family: 'Orbitron';font-style: normal;font-weight: 800;font-size: 54px;line-height: 68px;
/* identical to box height */text-align: center;letter-spacing: -0.03em;color: #FFFFFF;margin-bottom: 5px;}

main .section1 .text {color: #BEC3D7;font-family: 'Inter';font-style: normal;font-weight: 400;font-size: 22px;line-height: 27px;
/* identical to box height */text-align: center;letter-spacing: -0.03em;color: #BEC3D7;margin-top: 0;margin-bottom: 54px;}

main .section1 .games {width: 100%;text-align: center;}

main .section1 .games a {
    text-decoration: none;
}

main .section1 .games .game {
    width: calc(100% - 14px);
    color: #fff;
    background: #292C39;
    padding: 7px;
    border-radius: 6px;
    padding-bottom: 10px;
}

main .section1 .games .splide__list {justify-content: center;}

main .section1 .games .splide__arrows {
    
}

main .section1 .games .splide__track {
    overflow: visible;
}

main .section1 .games .splide__slide {width: 30% !important;margin-right: 0;}

.splide__pagination {
    display: none !important;
}

main .section1 .games .game .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    padding-bottom: 8px;
}

main .section1 .games .game .top .title {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

main .section1 .games .game .top img {
    height: 42px;
}

main .section1 .games .game .image {position: relative;overflow: hidden;border-radius: 5px;cursor: pointer;}

main .section1 .games .game .image p {z-index: 99;font-family: 'Orbitron';font-style: normal;font-weight: 800;font-size: 12px;line-height: 15px;
/* identical to box height */letter-spacing: -0.03em;color: #FFFFFF;margin: 0;position: absolute;left: 11px;top: 11px;padding: 6px 16px;background: #F23E4B;border-radius: 1px;transition-duration: 0.2s;}

main .section1 .games .game .image p.blue {
    background: #3246FF;
}

main .section1 .games .game .image p.green {
    background: #00CE6B;
}

main .section1 .games .game .image img {width: 100%;transition-duration: 0.2s;}

main .section1 .games .game .button {font-family: 'Orbitron';font-style: normal;font-weight: 900;font-size: 20px;line-height: 25px;
/* identical to box height */text-align: center;letter-spacing: -0.03em;color: #FFFFFF;background: #F23E4B;border-radius: 5px;padding: 12px;margin-top: 7px;cursor: pointer;}

main .section1 .games .game:hover .image img {
    scale: 1.1;
}

main .section1 .games .game:hover .button {
    background: #a82e37;
}


main .section2 {margin-top: 63px;}

main .section2 .block {background: #1C1F29;border: 1px solid #393D4A;border-radius: 4px;margin-bottom: 17px;padding: 38px;}

main .section2 .block h2 {margin: 0;max-width: 420px;font-style: normal;font-weight: 800;font-size: 22px;line-height: 28px;letter-spacing: -0.03em;}

main .section2 .block p {margin-bottom: 0;font-style: normal;font-weight: 500;font-size: 16px;line-height: 22px;
/* or 138% */letter-spacing: -0.03em;color: #9299B1;}

main .section3 {background: #181B24;border: 1px solid #262933;border-radius: 4px;padding: 27px 38px;}

main .section3 p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
/* or 147% */
    letter-spacing: -0.03em;
    color: #616881;
    margin: 0;
}



main .section4 {margin-top: 100px;}

main .section4 h2 {font-style: normal;font-weight: 800;font-size: 35px;line-height: 44px;
/* identical to box height */text-align: center;letter-spacing: -0.03em;color: #FFFFFF;margin-bottom: 30px;margin-top: 0;}

main .section4 .games {display: flex;gap: 25px;justify-content: center;}

main .section4 .game {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

main .section4 .game .game-img {width: 100%;border-radius: 5px;cursor: pointer;transition-duration: 0.15s;}

main .section4 .game .button {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);padding: 15px 20px;padding-bottom: 12px;padding-right: 17px;border-radius: 100%;background: #F23E4B;cursor: pointer;}

main .section4 .game .button img {width: 20px;opacity: 0.7;}

main .section4 .game:hover .game-img {
    scale: 1.06;
}

main .section4 .game:hover .button img {
    opacity: 1;
}

main .section4 .game:hover .button {
    background: #ff525f;
}



main .section5 {background: #212531;border-radius: 6px;padding: 50px;margin-top: 80px;display: flex;align-items: center;justify-content: space-between;}

main .section5 .p1 {width: 50%;max-width: 520px;}

main .section5 .p1 h2 {margin: 0;font-weight: 800;font-size: 34px;line-height: 40px;
/* or 118% */letter-spacing: -0.03em;color: #FFFFFF;}

main .section5 .p1 p {font-style: normal;font-weight: 500;font-size: 19px;line-height: 27px;
/* or 142% */letter-spacing: -0.03em;color: #9299B1;margin-top: 10px;margin-bottom: 0;}

main .section5 .p2 {width: 50%;text-align: center;display: flex;align-items: center;justify-content: center;}

main .section5 .p2 form {position: relative;width: fit-content;margin-left: 50px;}

main .section5 .p2 input[type=email] {background: #14161E;border: 1px solid #33394A;border-radius: 5px;padding: 16px 21px;min-width: 260px;font-weight: 600;font-size: 18px;line-height: 23px;
/* identical to box height */letter-spacing: -0.03em;color: #575E72;font-family: 'Orbitron';}

main .section5 .p2 button {background: #F23E4B;border-radius: 2px;border: none;padding: 9px;padding-bottom: 6px;position: absolute;right: 8px;top: 50%;transform: translateY(-50%);cursor: pointer;}

main .section5 .p2 button:hover {
    background: #cd111f;
}

main .section5 .p2 button img {
    height: 19px;
}


main .section-game {

}

main .section-game iframe {
    width: calc(100% - 36px);
    height: 75vh;
    background: #292C39;
    border: 1px solid #525868;
    border-radius: 5px;
    padding: 18px;
}

main .section-game .info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

main .section-game .info .left {
    display: flex;
    align-items: center;
    gap: 20px;
}

main .section-game .info .right {

}

main .section-game .info .right p {
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    margin: 0;
    background: #F23E4B;
    border-radius: 1.36364px;
    padding: 5px 12px;
}

main .section-game .info h1 {
    font-weight: 800;
    font-size: 40px;
    line-height: 38px;
    letter-spacing: -0.03em;
    color: #FFFFFF;
}

main .section-game .info img {
    height: 40px;
    margin-top: 8px;
}


.section-next {background: #1C1F29;border: 1px solid #393D4A;border-radius: 4px;margin-top: 38px;}

.section-next .wrapper {
    margin: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.section-next img {
    width: 18%;
}

.section-next .info {width: 50%;margin-left: 30px;}

.section-next h2 {font-family: 'Orbitron';font-style: normal;font-weight: 800;font-size: 45px;line-height: 56px;letter-spacing: -0.03em;color: #FFFFFF;margin-top: 0;}

.section-next p {font-family: 'Orbitron';font-style: normal;font-weight: 400;font-size: 30px;line-height: 38px;
/* identical to box height */letter-spacing: -0.03em;color: #FFFFFF;margin-bottom: 5px;}

.section-next a {
    width: 22%;
    background: #F23E4B;
    border-radius: 3px;
    color: #fff;
    text-decoration: none;
    font-family: 'Orbitron';
    font-style: normal;
    font-weight: 900;
    font-size: 18px;
    line-height: 23px;
/* identical to box height */
    text-align: center;
    letter-spacing: -0.03em;
    color: #FFFFFF;
    padding: 14px 0;
    margin-right: 50px;
}


.section-terms {max-width: 900px;margin: 0 auto;}

.section-terms h1 {text-align: center;margin-bottom: 30px;margin-top: 70px;}

.section-terms p {color: #afa7b6;}

.section-terms h2 {
    margin-top: 30px;
}

.section-terms li {
    color: #afa7b6;
}

.section-terms li a {color: #d3c2e2;}

.game-page {

}


footer {max-width: 1440px;width: 90%;margin: 0 auto;margin-bottom: 40px;display: flex;align-items: center;justify-content: space-between;}

footer .logo {height: 25px;}

footer .info {display: flex;gap: 20px;}

footer .info p {font-weight: 500;font-size: 15px;line-height: 22px;
/* identical to box height, or 147% */letter-spacing: -0.03em;color: #515A72;}

footer .info a {
    color: #515A72;
}

footer .info a:hover {
    color: #7581a3;
}

