@font-face {
		font-family: 'UbuntuCondensed'; 
		src: url('../fonts/ubuntu-condensed-regular.woff') format('woff');
		font-display: swap;
}
  
* {box-sizing: border-box;}
html {
    max-width: 100vw;
    max-width: 100dvw;
    overflow-x: hidden;
}
div {
	position:relative;
}
body {
    font-family: 'UbuntuCondensed', 'Roboto', Arial, sans-serif;
    background: #ededed;
    margin: 0;
    transition: all 0.6s ease;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 120px;
}
body.loaded {opacity: 1;}
.wrap {
    max-width: 1390px;
    margin: 0 auto;
}
.margin24 {
    margin: 20px auto;
}


main, article, footer {
    position: relative;
}




header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}
.header-top {
    height: 64px;
    margin-bottom: 12px;
    background: #fff;
    box-shadow: 0px 0px 6px -2px #000;
}
.header-top .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.mobilemenu {
    width: 35px;
    height: 30px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.mobilemenu i {
    background-color: #333;
    position: absolute;
    border-radius: 2px;
    transition: .3s cubic-bezier(.8, .5, .2, 1.4);
    width: 100%;
    height: 4px;
    transition-duration: 500ms;
}
.mobilemenu i:nth-child(1) {
    top: 0px;
    left: 0px;
}
.mobilemenu i:nth-child(2) {
    top: 13px;
    left: 0px;
    opacity: 1;
}
.mobilemenu i:nth-child(3) {
    bottom: 0px;
    left: 0px;
}
.menuopened .mobilemenu i:nth-child(1) {
    transform: rotate(45deg);
    top: 13px;
}
.menuopened .mobilemenu i:nth-child(2) {
    opacity: 0;
}
.menuopened .mobilemenu i:nth-child(3) {
    transform: rotate(-45deg);
    top: 13px;
}
.header-top .recomended {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: #ffffff24;
    border-radius: 0;
    overflow: hidden;
    height: calc(100% - 16px);
    padding: 0 8px;
    border: 1px solid #ffffff42;
    gap: 12px;
}
.header-top .mostwet .img {
    height: 100%;    filter: invert(1);
    width: 120px;
	
}
.header-top .mostwet .img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header-top .mostwet .cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.header-top .mostwet .cont span {
    color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: 4px;
    text-transform: uppercase;
    font-size: 17px;
    width: 100%;
    padding-top: 4px;
}
.header-top .mostwet .cont span b {
    font: inherit;
    font-size: 15px;
    color: #ccd3ff;
}
.btn {
    background: #d55a5a;
    border-radius: 4px;
    padding: 0 16px;
    height: auto;
    letter-spacing: 0.8px;
    transition: all 0.6s ease;
    min-height: 36px;
    cursor: pointer;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font: inherit;
    font-size: 14px;
}
.btn:hover {
    background: #346a7f;
}
[goto] {
    cursor: pointer;
}
 
 
header .wrap {
    padding: 0 20px;
}
.header-top .btnShine {
    padding: 0px 24px;
    font-size: 15px;
    height: 44px;
}
.btnShine .text {
    color: inherit;
    font-weight: 500;
    font-size: 1.2em;
}
.header-menu {
    transition: all 0.6s ease;
    transform: translateY(0px);
	transform: translateY(-12px);
}
.scrolled  .header-menu {
    transform: translateY(-12px);
}
.header-menu .wrap {
    transform: translateY(0px);
	
	max-width: 100%;padding: 0;	
}
.scrolled  .header-menu .wrap {
    max-width: 100%;
    padding: 0;	
}







.items.menuVariant1 {
    background: #0b171c;
    height: 56px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    width: 100%;
    justify-content: space-between;
    gap: 0;
    overflow: hidden;
    border: 1px solid #0000004a;
    box-shadow: 0 1px 9px -3px rgb(72 153 191);
	
	border-radius: 0px;
}
.scrolled .items.menuVariant1 { 
	border-radius: 0px;
}
.items.menuVariant1 .item {
    position: relative;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 20px 30px;
    z-index: 1000;
    backdrop-filter: blur(15px);
    background-color: #6e8491;
    width: 100%;
    font-size: 15px;
    transition: all 0.6s ease;
    text-align: center;
}
.items.menuVariant1 .item:hover, .items.menuVariant1 .item.active {
    background-color: #265467;
}
.items.menuVariant1 .marker {
    position: absolute;
    transition: 0.5s;
    z-index: 1;
    transition: all 0.6s ease;
    top: 12px;
}
.items.menuVariant1 .marker::before {
    transition: all 0.6s ease;
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 40px;
    border-radius: 8px;
    background: #5da6ff;
    box-shadow: 0 0 15px #5da6ff, 0 0 30px #5da6ff, 0 0 40px #5da6ff, 0 0 60px #5da6ff;
}




.nine_list {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.nine_item {
    background: #ffffff;
    border-radius: 6px;
}
.nine_item .mini {
    padding: 16px;
    display: grid;
    grid-template-columns: 200px 240px auto 100px;
    align-items: center;
    justify-content: space-between;
}
.nine_item .mini .title {
    display: grid;
    align-items: center;
    justify-content: center;
}
.nine_item .mini .title i {
    font-style: normal;
    font-size: 16px;
    color: #1f9177;
}
.nine_item .mini img {
    width: 100%;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    object-fit: contain;
    object-position: center;
    height: 100%;
}
.nine_item .mini .btn {
    display: flex;
    align-items: center;
    text-align: center;
    line-height: 1.4;
    font-size: 16px;
}
.nine_item .mini .platforms {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.nine_item .mini .platforms i {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
}
.nine_item .mini .platforms i.ap {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0078 0C11.1245 1.05488 10.6967 2.11228 10.063 2.87444C9.42859 3.63488 8.38834 4.22706 7.36927 4.14824C7.23141 3.11446 7.74584 2.03779 8.33351 1.3632C8.98846 0.602761 10.095 0.0368442 11.0078 0ZM14.2968 6.14465C14.1108 6.2588 12.327 7.3538 12.3492 9.56397C12.3726 12.2281 14.6566 13.1527 14.7809 13.203C14.7836 13.2041 14.7853 13.2048 14.7859 13.2051C14.7848 13.2084 14.7828 13.2148 14.7798 13.2242C14.7257 13.3959 14.3585 14.5622 13.5282 15.7649C12.7708 16.8618 11.9869 17.9534 10.7496 17.9762C10.155 17.9872 9.7576 17.8168 9.34448 17.6396C8.9122 17.4541 8.46267 17.2613 7.75185 17.2613C7.00679 17.2613 6.53615 17.4601 6.08277 17.6516C5.69023 17.8174 5.31062 17.9777 4.77705 17.9988C3.58302 18.0427 2.6736 16.8145 1.91094 15.721C0.350164 13.4871 -0.841098 9.40644 0.760256 6.65191C1.55387 5.28358 2.97503 4.41792 4.5163 4.39521C5.18113 4.38323 5.82497 4.63652 6.38837 4.85816C6.8188 5.02749 7.20228 5.17836 7.51231 5.17836C7.79116 5.17836 8.16474 5.03233 8.60028 4.86209C9.28567 4.59419 10.1245 4.26631 10.9891 4.35309C11.5812 4.37759 13.2428 4.58955 14.3094 6.1368C14.3069 6.13845 14.3026 6.14107 14.2968 6.14465Z'%3E%3C/path%3E%3C/svg%3E");
}
.nine_item .mini .platforms i.an {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.024 1.393 9.768.245a.158.158 0 1 0-.265-.173l-.771 1.189A5.03 5.03 0 0 0 6.824.89c-.683 0-1.328.133-1.908.37L4.146.072a.158.158 0 0 0-.22-.046.158.158 0 0 0-.046.219l.744 1.148c-1.342.658-2.248 1.898-2.248 3.32 0 .088.006.174.013.26h8.87c.008-.086.013-.172.013-.26 0-1.422-.906-2.662-2.248-3.32ZM4.767 3.45a.426.426 0 1 1-.001-.853.426.426 0 0 1 .001.853Zm3.686-.427a.426.426 0 1 0 .852 0 .426.426 0 0 0-.852 0Zm-7.5 2.195h.042c.525 0 .954.43.954.953v4.153a.957.957 0 0 1-.954.955H.954A.956.956 0 0 1 0 10.324V6.171c0-.524.428-.953.954-.953Zm2.33 7.583a.878.878 0 0 1-.877-.875V5.37h8.835v6.557a.877.877 0 0 1-.876.875h-.937v2.243a.956.956 0 0 1-.954.956h-.04a.958.958 0 0 1-.956-.956v-2.243H6.17v2.243c0 .526-.429.956-.955.956h-.041a.957.957 0 0 1-.954-.956v-2.243h-.937Zm9.37-7.583h.04c.526 0 .955.43.955.953v4.153a.956.956 0 0 1-.954.955h-.04a.957.957 0 0 1-.956-.955V6.171c0-.524.43-.953.955-.953Z'%3E%3C/path%3E%3C/svg%3E");
}
.nine_item .mini .platforms i.aw {
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3c-3.861 0-7 3.139-7 7 0 3.86 3.139 7 7 7 3.86 0 7-3.14 7-7 0-2.04-.877-3.878-2.273-5.158A6.972 6.972 0 0 0 9.998 3Zm0 .823c.286 0 .571.123.871.405.3.282.596.722.849 1.283.057.127.112.262.165.402a7.206 7.206 0 0 1-3.774-.001c.053-.14.108-.274.165-.401.253-.56.55-1 .851-1.283.3-.282.587-.405.873-.405Zm1.858.284a6.15 6.15 0 0 1 1.907.994c-.35.215-.718.4-1.097.55a7.96 7.96 0 0 0-.197-.48c-.18-.4-.384-.758-.613-1.064Zm-3.72.002a5.632 5.632 0 0 0-.613 1.061c-.07.154-.135.314-.197.48a7.194 7.194 0 0 1-1.095-.548 6.151 6.151 0 0 1 1.904-.993Zm6.268 1.56a6.154 6.154 0 0 1 1.755 3.917H13.37a13.184 13.184 0 0 0-.448-3.15 8.029 8.029 0 0 0 1.484-.767Zm-8.814 0c.468.308.965.565 1.482.767-.26.934-.417 2.005-.448 3.15H3.837c.1-1.523.75-2.894 1.755-3.916Zm2.266 1.028a8.032 8.032 0 0 0 4.28 0c.23.846.377 1.832.408 2.89H7.45c.031-1.059.178-2.045.408-2.89Zm-4.02 3.713h2.788c.03 1.146.188 2.216.448 3.15a8.024 8.024 0 0 0-1.484.768 6.152 6.152 0 0 1-1.753-3.918Zm3.612 0h5.096a12.501 12.501 0 0 1-.407 2.89 8.026 8.026 0 0 0-4.282 0 12.503 12.503 0 0 1-.408-2.89Zm5.92 0h2.791a6.152 6.152 0 0 1-1.753 3.918 8.02 8.02 0 0 0-1.486-.768c.26-.934.417-2.005.448-3.15ZM10 13.832a7.19 7.19 0 0 1 1.886.253 6.98 6.98 0 0 1-.166.404c-.253.56-.549.998-.849 1.28-.3.282-.586.407-.872.407-.286 0-.572-.125-.872-.407-.3-.282-.599-.719-.851-1.28a6.982 6.982 0 0 1-.166-.403 7.185 7.185 0 0 1 1.89-.253Zm2.667.514c.38.152.747.336 1.098.551a6.153 6.153 0 0 1-1.908.996c.23-.307.433-.666.614-1.067a8.15 8.15 0 0 0 .196-.48Zm-5.338.001c.062.166.127.326.196.48.18.4.384.758.613 1.065a6.15 6.15 0 0 1-1.905-.995c.35-.215.717-.398 1.096-.55Z' stroke-width='0.6'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
}
.nine_item .info {
    padding: 20px;
    background: #fafafa;
    border-top: 1px solid #ddd;
    color: #343434;
    line-height: 1.4;
    font-size: 14px;
}





.nine_item .imagewrap {
    width: 100%;
    background: #1c1f25;
    display: flex;
    flex-direction: column;
    gap: 10px;
	  justify-content: space-between;
    padding-bottom: 20px;
	    
}
.nine_item .imagewrap .img {
    width: 100%;
    height: 135px;
    object-fit: contain;
}
.nine_item .imagewrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}
.nine_item .imagewrap .title {
    position: relative;
    width: 100%;
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    color: #c9f7f7;
    font-size: 20px;    gap: 8px;
}
.nine_item .imagewrap .title:before {
    content: "";
    display: block;
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    height: 28px;
    background: linear-gradient(180deg, rgba(36, 37, 38, .00) 0, #1c1f25 100%);
}
.nine_item .imagewrap .title b {
    color: #ffe51bd9;
    font-size: 17px;
}


.nine_item .stars {
    display: flex;
    justify-content: center;
    gap: 8px;
    align-items: center;
    color: #fff;
}
.nine_item .stars ins {
    display: flex;
    flex-wrap: nowrap;
    gap: 3px;
    align-items: center;
}
.nine_item .stars > i {
    font-style: normal;
    font-size: 14px;
}
.nine_item .stars ins i{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23FFCF00' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9199 6.43999L12.1499 10.115L13.0399 15.3025C13.0574 15.4025 13.0174 15.5 12.9349 15.56C12.8524 15.62 12.7474 15.6275 12.6574 15.58L8.10493 13.1875L3.33243 15.6025C3.24243 15.6475 3.13993 15.64 3.05743 15.58C2.97493 15.52 2.93743 15.4225 2.95493 15.3225L3.84743 10.115L0.0799293 6.43999C0.00742928 6.36749 -.0175707 6.26749 .0124293 6.16999C0.0449293 6.07249 .122429 6.00499 .224929 5.98999L5.43243 5.23249L7.76243 .51249C7.80743 .41999 7.89493 .36499 7.99743 .36499C8.09993 .36499 8.18743 .41999 8.23243 .51249L10.5624 5.23249L15.7699 5.98999C15.8724 6.00499 15.9499 6.07249 15.9824 6.16999C16.0174 6.26749 15.9924 6.36999 15.9199 6.43999Z'/%3E%3C/svg%3E");
	    opacity: 0.2;
}
.nine_item .stars ins i.a {
	    opacity: 1;
}
.casino_block {
    padding: 20px 10px;
    display: flex;
    flex-direction: column;
    gap: 15px;justify-content: space-between;
}
.casino_block .mainbonus {
    align-items: center;
    position: relative;
    width: 100%;
    background: linear-gradient(180deg, #6949b5 0, #260e45 100%);
    border-radius: 10px;
    border: 0;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 10px;
    display: flex;
    padding: 10px 24px;
}
.casino_block .mainbonus .text {
    color: #fff;
}
.copy {
    cursor: pointer;
    border-bottom: 1px dashed;
    color: #ffc723;
}
.casino_block .btn {
    background: #c33863;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}
.casino_block .btn:hover {
    background: #e95583;
}
.casino_block .tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
}
.casino_block .tags span {
    display: flex;
    border: 1px solid #ffffff7d;
    border-radius: 3px;
    padding: 0 12px;
    color: #fff;
    min-height: 30px;
    align-items: center;
    font-size: 12px;
    transition: all 0.6s ease;
}
.casino_block .tags span:hover {
    background: #ffffff1f;
}
[data-link] {cursor:pointer;}
.casino_block .tags i {
    font-size: 13px;
    margin: 0 10px;
    cursor: pointer;
    font-style: normal;
    font-weight: bold;
    background: #ffffffb5;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
}
.casino_block .tags .hid {
    display: none;
}
.casino_block .tags .hid.show {
    display: flex;
}



.miniicons {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.miniicons > div > span {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 8px;
    opacity: 0.7;
}
.miniicons > div > div {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
}
.miniicons > div > div img {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 6px;
    padding: 6px;
    object-fit: contain;
}
.miniicons > div > div i {
    width: 35px;
    height: 35px;
    background: #6a7481;
    border-radius: 6px;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    padding: 0;
    font-size: 12px;
    cursor: pointer;
    color: #fff;
}
.miniicons > div > div .moreitems {
    position: absolute;
    width: auto;
    max-width: 220px;
    background: #0000005c;
    z-index: 1;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    top: 40px;
    transition: all 0.6s ease;
    pointer-events: none;
    opacity: 0;
}
.miniicons > div > div i:hover +.moreitems {
	opacity:1;
}
.miniicons > div > div .moreitems img {
    width: 28px;
    height: 28px;
    padding: 3px;
}
.cas-buttons {
    display: flex;
    gap: 10px;
}


.btn.btn-t {
    background: #232f3d;
    border: 1px solid #ffffff45;
}
.btn.btn-t:hover {
    background: #303e4f;
}
.btn.btn-blau {
    background: #35bb9d;
}
.btn.btn-blau:hover {
    background: #27997f;
}

.casinoswrap > .duo {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 20px;
}
.casino_block .duo {
    display: grid;
    grid-template-columns: 1fr 230px;
    gap: 20px;
}
.casino_block .param {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}
.casino_block .params {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-right: 10px;
}
.casino_block .param span {
    font-size: 12px;
    color: #fff;
    opacity: 0.7;
    width: 100%;
}
.casino_block .param b {
    font-size: 13px;
    color: #fff;
    min-width: 100%;
}
.casino_block .left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
}



.aside .titlebox {
    display: flex;
    line-height: 1.2;
    color: #fff;
    font-size: 20px;
}
.aside {
    padding-top: 20px;
}
.bonuses_list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    margin-top: 20px;
}
.casino-bonus-item {
    padding: 14px;
    background: #ffffffed;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
.casino-bonus-item .img {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
    align-items: center;
}
.casino-bonus-item img {
    width: 100px;
    height: 48px;
    object-fit: contain;
}
.casino-bonus-item .titl {
    margin-top: 0;
    text-align: center;
    font-size: 14px;
}
.casino-bonus-item .cont {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.casino-bonus-item .cont .type {
    text-align: center;
    background: #6394a3;
    color: #fff;
    padding: 6px;
    border-radius: 6px;
    font-size: 11px;
    text-transform: uppercase;
}
.casino-bonus-item .cont .bonus {
    color: #232f3d;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
.casino-bonus-item .cont .bonus .copy {
    color: #ee0000;
}
.casino-bonus-item .cont .params {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1px;
}
.casino-bonus-item .cont .params .param {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    font-size: 14px;
}
.casino-bonus-item .cont .params .param span {
    opacity: 0.6;
}
.casino-bonus-item .cont .params .param b {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 13px;
    text-align: right;
}






.bonus-calculator {
    position: relative;
    max-width: 100%;
    padding: 0;
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.bonus-calculator .sidebar-item {
    background: #f0f0f1;
}
.bonus-calculator .sidebar-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 600;
    padding: 10px;
    border: 1px solid #3a3a3a;
    background: #374956;
    border-radius: 0;
    color: #fff;
    margin-top: 0;
}
.bonus-calculator .field-wrapper, .bonus-calculator .result-set {
    padding: 10px;
}
.bonus-calculator .field label {
    color: #000;
    font-size: 12px;
}
 
.bonus-calculator .field {
    margin-bottom: 5px;
}
.bonus-calculator .field label {
    display: block;
    font-size: 12px;
    line-height: 1;
    margin: 0 5px 5px;
    font-weight: bold;
    color: #000;
}
.bonus-calculator .field select, .bonus-calculator .field input {
    padding: 0 0 0 5px;
    border: 1px solid #333;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
}
select, input, textarea, button {
    outline: none;
}
.bonus-calculator .field .error {
    color: #f00;
    line-height: 1.2;
    font-size: 12px;
}
.bonus-calculator
.footnote {
    color: #fff;
    opacity: 0.7;
    padding-bottom: 5px;
    font-size: 10px;
}
.bonus-calculator .calc-results {
    display: none;
}
.bonus-calculator .calc-results .table-cell {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
}
.bonus-calculator .calc-results .label {
    text-align: center;
    line-height: 1.2;
    color: #374956;
}
.bonus-calculator .calc-results .result-box {
    margin-top: 5px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    padding: 5px;
    border: none;
    background: transparent;
    border-radius: 0;
    color: #374956;
}
.bonus-calculator .field-wrapper .btn {
    margin: 10px auto;
    display: block;
	    width: 100%;
}















.telegramBox {
    background-color: #f0f0f1;
    margin-right: 0px;
    margin-left: 0px;
    display: flex;
    padding: 10px;
}
.telegramBox  .wrap {
    gap: 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    color: #000;
}
.telegramBox .tx {
    color: #232f3d;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}
.telegramBox .btn {
	background: #00a2e0;
    border: 2px solid #aac6d100;
    border-radius: 12px;
    padding: 10px 18px 10px 64px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
	    position: relative;
}
.telegramBox .animate  {
    left: 12px;
    width: 24px;
    height: 24px;
    top: 9px;
    position: absolute;
    animation: 2s linear infinite animateTg;
}
.telegramBox .animate svg{}
@keyframes animateTg{
	0%{opacity:1;transform:scale(1)}
	25%{opacity:0.7;transform:scale(1.2)}
	50%{opacity:1;transform:scale(1)}
	75%{opacity:0.7;transform:scale(1.2)}
	100%{opacity:1;transform:scale(1)}
}





















.content-form {
    padding: 15px 20px 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #1a376b;
    background: #f0f0f1;
    color: #232f3d;
}
.title {
    display: block;
    text-align: center;
    font-size: 26px;
    margin-bottom: 12px;
}
.content-form .form-text {
    margin-bottom: 20px;
    text-align: center;
}
.content-form .form-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0 20px;
}
.content-form .form-group-email {
    flex: 1 1 auto;
    position: relative;
    width: calc(70% - 20px);
}
.content-form .form-control {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .05) inset;
    border-radius: 5px;
    height: 42px;
    padding: 10px;
    position: relative;
    width: 100%;
	outline: none;
}
.content-form .status-message {
    font-size: 12px;
    font-weight: 500;
    min-height: 23px;
    padding: 3px 11px;
	
}
.content-form .form-group-submit {
    flex: 1 1 auto;
    width: 30%;
    min-width: 160px;
    margin-bottom: 17px;
}
.content-form .btn {
    min-height: 42px;
    width: 100%;
    cursor: pointer;
    padding: 0;
}
    
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	




article {
    background: #dcdcdd;
    padding: 24px;
    line-height: 1.3em;
    font-size: 15px;
    margin-top: 24px;
    border-top: 1px solid #bbb;
}
.table-wrap {
    margin: 20px auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.table-wrap table {
    width: 100% !important;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    overflow: hidden;
    border-radius: 8px;
    font-weight: inherit;
    margin: 0;
    max-width: 100%;
    border: 1px solid #22252d57;
    background: #fff;
}
.table-wrap table th {
    background: #22252d;
    padding: 10px;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
.table-wrap table td {
    padding: 10px;
    line-height: 1.2;
    background: transparent;
    border-bottom: 1px solid #22252d57;
    font-size: 14px;
}
.table-wrap table tr:nth-of-type(odd) {
    background: #ededed;
}
article blockquote {
    color: #000;
    padding: 20px 20px 20px 30px;
    border-left: 8px solid #1e4352;
    position: relative;
    background: #fafafa;
    font-weight: 300;
    margin: 0 0 10px;
    font-size: 17px;
    min-height: 64px;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .2), inset 0 -1px 0 rgba(255, 255, 255, .1);
    font-style: italic;
}
article a {
    color: #a05add;
}
article a:hover {
    opacity:0.7;
}














.footer {
    background: #22252d;
    padding: 15px 0;
}
.footer-logo {
    padding: 10px;
    text-align: center;
}
.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 15px;
    margin-bottom: 15px;
    justify-content: center;
}
.footer-links .fl-item {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: underline;
    padding: 5px;
}
.footer .box-provider, .footer .footer-icons {
    display: flex;
    gap: 10px;
    margin: 10px 0;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.footer .box-provider img {
    object-fit: contain;
    width: 120px;
    height: 40px;    padding: 10px;
}
.footer-text {
    text-align: center;
    font-size: 13px;
    color: #cfcfcf;
    margin-bottom: 10px;
}
 .footer .footer-icons img {
    width: 100px;
    height: 32px;
    padding: 4px;
    object-fit: contain;
}
.footer .copyright {
    gap: 0;
    line-height: 1;
    font-size: 14px;
    background-color: transparent;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    color: #cfcfcf;
    align-items: center;
}
.footer .copyright i {
    margin-top: -2px;
    color: #cfcfcf;
    fill: #cfcfcf;
}
.footer .box-provider {
    gap: 10px;
}


nav {
    background: #fff;
    padding: 24px 0;
}
nav .wrap {
    padding: 0 15px;
}
nav .wrap div {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-left: 24px;
    align-items: flex-start;
    justify-content: center;
}
nav .wrap div a {
    border-bottom: 1px dashed;
    display: inline-flex;
    text-decoration: none;
    font-size: 17px;
    color: #325d95;
}

 
header .logo {
    padding: 0 10px;
    width: auto;
    height: 100%;
}
header .logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.promocodes {
    position: fixed;
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100vh - 64px);
    height: calc(100dvh - 64px);
    z-index: 1000;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    background: #2529336e;
    transition: all 0.6s ease;
    opacity: 0;
	pointer-events:none;
    display: flex;
    flex-direction: column;
    padding: 20px 0;
    align-items: center;
    justify-content: center;
    gap: 20px;
	z-index:-1;
}
.promocodes.visible {z-index:1000;}
.promocodes.active {
    opacity: 1;pointer-events:all;
}
.promocodes .title {
    color: #fff;
    width: 100%;
}
.promocodes .bonuses-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: center;
    max-width: 900px;
}
.promocodes .bonuses-list .bonuses-item {
    flex: 1;
    width: auto;
    min-width: 220px;
    background: #445561;
    padding: 12px;
    border-radius: 8px;
    min-width: 300px;
}
.promocodes .bonuses-list .bonuses-content {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}
.promocodes .bonuses-list .bonuses-content .image {
    min-width: 100px;
    max-width: 100px;
}
.promocodes .bonuses-list .bonuses-content img {
    width: 100px;
    height: auto;
}
.promocodes .bonuses-list .bonuses-content .bonus {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: calc(100% - 100px - 20px);
}
.promocodes .bonuses-list .bonus_type {
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
    opacity: 0.6;
}
.promocodes .bonuses-list .bonuses-content .bonus .bonus_addit {
    border: 2px dashed #ddd;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    margin: 8px 0;
    text-align: center;
}
.promocodes .bonuses-list .bonuses-content .bonus .bonus-param {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 12px;
    color: #fff;
    font-size: 12px;
    width: 100%;
}
.promocodes .bonuses-list .bonuses-content .bonus .bonus-param .line {
    width: calc(50% - 10px);
    display: flex;
    justify-content: space-between;
    color: #ffffff8a;
}
.promocodes .bonuses-list .bonuses-content .bonus .bonus-param .line span {
    color: #fff;
}
.promocodes .bonuses-list .bonuses-content .btn-box {
    width: 100%;
    min-width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}


.introtext {
    color: #fff;
}
.introtext .wrap {
    max-width: 990px;
    padding: 0 20px;
    font-size: 14px;
}
.introtext h1 {
    text-align: center;
    font-size: 30px;
}
.introtext .first-text {
    color: #ffffffc7;
}
.introtext .box-time {
    text-align: right;
    font-size: 12px;
    opacity: 0.4;
}
.introtext .first-text a {
    color: #fff;
}
.introtext .first-text a:hover {
    opacity: 0.7;
}




.titlebox.h2 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 14px;
}











.faq-blocks {
    margin-bottom: 60px;
}
.faq-blocks .faq {
    border-radius: 8px;
    box-shadow: none;
    border: 0px solid #324064;
    margin-bottom: 10px;
}
.faq-blocks .faq .faq-header {
    border-radius: 6px;
    padding: 20px;
    cursor: pointer;
    background-color: #1e3b48;
    border: none;
    color: #fff;
}
.faq-blocks .faq .faq-content {
    color: #000;
    padding: 8px 20px;
}
.faq-blocks  .faq .faq-content p {
    margin-bottom: 10px;
    line-height: 1.2;
}
.faq-blocks ol {
    list-style-type: decimal;    margin-left: 20px;
}
.faq-blocks  ol li {
    color: #bfc6e1;
    line-height: 20px;
    margin-bottom: 10px;
}
 
.minn_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.minn_list .game-item {
    width: 100%;
    overflow: hidden;
    height: auto;
    aspect-ratio: 330 / 258;
}
.minn_list .game-item .img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
}
.minn_list .game-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}
.minn_list .game-item b {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 6px 10px;
    background: #357b6ec4;
    text-align: center;
    color: #fff;
}
.minn_list .game-item .img:after {
    content: '';
    transition: all 0.6s ease;
    background-image: url("data:image/svg+xml,%3Csvg height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 508 508' xml:space='preserve' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath style='fill:%23FFFFFF;' d='M254,28.2C129.5,28.2,28.2,129.5,28.2,254S129.5,479.8,254,479.8S479.8,378.5,479.8,254 S378.5,28.2,254,28.2z'%3E%3C/path%3E%3Cpath style='fill:%23FFC10D;' d='M254,451.6C145.1,451.6,56.4,363,56.4,254S145.1,56.4,254,56.4S451.6,145,451.6,254 S362.9,451.6,254,451.6z'%3E%3C/path%3E%3Cpath style='fill:%2356ACE0;' d='M207.4,345.6c3.9,0,7.6-1.3,10.8-3.9l93.4-73.8c4.3-3.4,6.7-8.4,6.7-13.9s-2.4-10.5-6.7-13.9 l-93.4-73.8c-3.2-2.6-6.9-3.9-10.8-3.9c-8.8,0-17.8,6.6-17.8,17.7v147.7C189.6,338.9,198.7,345.6,207.4,345.6L207.4,345.6z'%3E%3C/path%3E%3Cg%3E%3Cpath style='fill:%23194F82;' d='M254,0C113.9,0,0,113.9,0,254s113.9,254,254,254s254-113.9,254-254S394.1,0,254,0z M254,479.8 C129.5,479.8,28.2,378.5,28.2,254S129.5,28.2,254,28.2S479.8,129.5,479.8,254S378.5,479.8,254,479.8z'%3E%3C/path%3E%3Cpath style='fill:%23194F82;' d='M329.2,218l-93.4-73.8c-8.2-6.5-18-10-28.3-10c-25.4,0-46,20.6-46,46v147.7c0,25.3,20.7,46,46,46 l0,0c10.3,0,20.1-3.4,28.3-9.9l93.4-73.8c11.1-8.8,17.4-21.9,17.4-36C346.6,239.9,340.3,226.8,329.2,218z M311.7,267.9l-93.4,73.8 c-3.2,2.6-6.9,3.9-10.8,3.9c-8.8,0-17.8-6.6-17.8-17.7v-17.4h22c7.8,0,14.1-6.3,14.1-14.1c0-7.8-6.3-14.1-14.1-14.1h-22V254H254 c7.8,0,14.1-6.3,14.1-14.1s-6.3-14.1-14.1-14.1h-64.4v-45.6c0-11.1,9.1-17.7,17.8-17.7c3.9,0,7.6,1.3,10.8,3.9l93.4,73.8 c4.3,3.4,6.7,8.4,6.7,13.9C318.4,259.4,315.9,264.5,311.7,267.9z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px;
	animation: pulse 2s infinite;
}
@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); }
}
.minn_list .game-item:hover .img:after {
	animation: none;
	transform: scale(1.2);
}
.inner article {
    margin: 0;
    background: #fff;
}
article h1 {
    font-size: 26px;
}
.items_list_inner {
    margin: 24px auto;
}
.items_list_inner .wrap {
    margin: 24px auto;
    width: calc(100% - 48px);
}
.inner .items_list_inner {
    margin: 48px auto;
}
.nine_item .mini img {
    max-height: 120px;
}


nav {
    padding: 0;
    margin: 0; 
    margin-bottom: 20px;
}
nav ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    padding: 15px;
    max-width: 1120px;
    margin: 0 auto;
}
nav .wrap {
    padding: 9px 15px;
}
nav .wrap li:after {
    content: '>';
    margin-left: 10px;
}
nav .wrap li:last-child:after {
    display:none;
}
nav .wrap li a, nav .wrap li {
    color: #777;
}
.inner article img {
    max-width: 100%;
    max-height: 500px;
    object-fit: contain;
    background: #eee;
}







.home article > .wrap {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 20px;
}
.home article > .wrap nav .wrap div {
    padding: 0;
    gap: 5px;
    line-height: 1.2;
}
.home article nav .wrap div a {
    font-size: 14px;
    border: none;
}
.inner nav .wrap div a {
    font-size: 13px;
    border: none;
}
.inner nav .wrap div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}



.comments > div {
    background: #fafafa;
    padding: 20px;
    border: 1px solid #eee;
    margin-bottom: 20px;
}
.comments > div [itemprop="author"] {
    opacity: 0.5;
    font-weight: normal;
}
.comments > div [itemprop="author"] strong {
    font-weight: normal;
}
.comments > div time {
    position: absolute;
    right: 20px;
    top: 8px;
    font-size: 13px;
    opacity: 0.3;
}


article .text table {
    border-collapse: collapse;
    border: 1px solid #ccc;
    width: 100%;
}

article .text table th {
    background: #ddd;
    border: 1px solid #aaa;
    padding: 4px 10px;
}

article .text table td {
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
    padding: 4px 10px;
}