body{
    background-color: #113238;
    color: #fff;
    font-family: "Barlow", sans-serif;
}
header{
    display: inline-block;
    width: 100%;
    background-color: #FFC300;
    padding: 10px 0;
}
header .btn-menu-link{
    display: inline-block;
    font-size: 13pt;
    color: #194A53;
    text-decoration: none;
    padding: 10px 10px;
}
header .btn-menu-link:hover{
    color: #157487;
}
header .btn-menu-link span{}
header .btn-menu-link svg{}
header .header-logo{
    display: inline-block;
    position: absolute;
    top: 0;
}
header .header-logo img{
    display: inline-block;
    max-height: 150px;
}
section.page{
    display: inline-block;
    width: 100%;
    padding-top: 20vh;
    min-height: 80vh;
    background-image: url(img/bg.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.tab-button{
    background-color: #17454D;
    color: #74C5D4;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14pt;
    padding: 20px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: bold;
    position: relative;
    margin-bottom: 20px;
    transition: all 1s;
}
.mb-4{
    margin-bottom: 50px;
}
.tab-button:hover,
.tab-button.active{
    background-color: #FEC201;
    color: #17454D;
}
.tab-button svg{
    position: absolute;
    font-size: 40pt;
    bottom: -28%;
    left: 0;
    right: 0;
    margin: auto;
    color: #17454D;
    transition: all 1s;
}
.tab-button:hover svg,
.tab-button.active svg{
    color: #FEC201;
}


div.wars{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
div.wars .war-item{
    display: inline-block;
    width: 100%;
    background-color: #17454D;
    border-radius: 10px;
}
div.wars .war-item .war-top-bar{
    display: inline-block;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #235761;
    display: inline-flex;
    align-items: center;
    justify-content: stretch;
}
div.wars .war-item .war-top-bar a{
    display: inline-block;
    background-color: #17454D;
    color: #BCF5FF;
    width: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
    padding: 20px;
    text-decoration: none;
    font-weight: bold;
}
div.wars .war-item .war-top-bar a.live{
    background: none;
    color: #62ABB9;
}
div.wars .war-item .tblrss{
    display: none;
    width: 100%;
}
div.wars .war-item .tblrss.active{
    display: inline-block;
}
.winner-list.wl2{
    width: 95%;
    margin-left: 2.5%;
}
div.wars .war-item .war-header{
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 20px;
}
div.wars .war-item .war-header .logo{
    display: inline-block;
    margin-right: 30px;
}
div.wars .war-item .war-header .logo img{}
div.wars .war-item .war-header .texts{
    display: inline-block;
    flex-direction: column;
}
div.wars .war-item .war-header .texts .game{
    color: #BCF5FF;
    font-size: 14pt;
    font-weight: 500;
}
div.wars .war-item .war-header .texts .bonus{
    display: inline-block;
    color: #FFD000;
    font-weight: bold;
    font-size: 25pt;
}
div.wars .war-item .war-header .texts .type{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
div.wars .war-item .war-header .texts .icon{}
div.wars .war-item .war-header .texts .icon img{}
div.wars .war-item .war-header .texts span{
    display: inline-block;
    color: #75B7C3;
    margin-left: 10px;
}
div.wars .war-item .war-info{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
    margin-left: 2.5%;
    padding: 20px 0;
    border-top: 1px solid #2F7987;
    border-bottom: 1px solid #2F7987;
    margin-bottom: 10px;
}
div.wars .war-item .war-info .left{
    display: inline-flex;
}
div.wars .war-item .war-info .left .i{
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border-left: 1px solid #2F7987;
}
div.wars .war-item .war-info .left .i svg{
    font-size: 20pt;
    color: #75B7C3;
    margin-right: 10px;
}
div.wars .war-item .war-info .left .i .t{
    display: inline-flex;
    flex-direction: column;
}
div.wars .war-item .war-info .left .i .t span{
    display: inline-block;
    color: #75B7C3;
    font-size: 10pt;
    font-weight: 500;
}
div.wars .war-item .war-info .left .i .t b{
    font-size: 20pt;
    color: #BCF5FF;
}
div.wars .war-item .war-info .left .i .t b.color{
    color: #00FFE1;
}
div.wars .war-item .war-info .right .i{
    display: inline-flex;
}
div.wars .war-item .war-info .right .i .t{
    display: inline-flex;
    flex-direction: column;
}
div.wars .war-item .war-info .right .i .t span{
    display: inline-block;
    color: #75B7C3;
    font-size: 10pt;
    font-weight: 500;
}
div.wars .war-item .war-info .right .i .t b{
    font-size: 16pt;
    color: #BCF5FF;
}
div.wars .war-item .war-info .left .i:first-child{
    padding-left: 0;
    border-left: 0;
}

div.wars .war-item .prize-bar{
    display: inline-flex;
    width: 95%;
    align-items: center;
    margin-left: 2.5%;
    justify-content: space-between;
    margin-top: 10px;
}
div.wars .war-item .prize-bar .left{
    display: inline-flex;
    align-items: center;
}
div.wars .war-item .prize-bar .left svg{
    color: #75B7C3;
    font-size: 20pt;
    margin-right: 10px;
}
div.wars .war-item .prize-bar .left span{
    display: inline-block;
    color: #75B7C3;
    font-weight: 500;
    font-size: 15pt;
}
div.wars .war-item .prize-bar .right{
    display: inline-block;
    color: #00FF8C;
    font-weight: bold;
    font-size: 20pt;
}
div.wars .war-item .prizes{
    display: inline-flex;
    flex-direction: column;
    width: 95%;
    margin-left: 2.5%;
    margin-top: 20px;
}
div.wars .war-item .prizes .prize-item{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: #1A555F;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}
div.wars .war-item .prizes .prize-item .left{
    display: inline-block;
    font-size: 14pt;
    color: #75B7C3;
    font-weight: 500;
}
div.wars .war-item .prizes .prize-item .right{
    display: inline-flex;
    align-items: center;
}
div.wars .war-item .prizes .prize-item .right span{
    display: inline-block;
    color: #BCF5FF;
    font-size: 10pt;
}
div.wars .war-item .prizes .prize-item .right b{
    display: inline-block;
    color: #00FF8C;
    font-weight: bold;
    font-size: 16pt;
    margin-left: 10px;
}
div.wars .war-item .note{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FEC201;
    font-size: 10pt;
    width: 100%;
    margin-bottom: 10px;
}
div.wars .war-item .buttons{
    display: inline-block;
    float: left;
    width: 95%;
    margin-left: 2.5%;
    margin-bottom: 10px;
}
div.wars .war-item .buttons .button1{
    display: inline-block;
    border-radius: 10px;
    border: 0;
    background-color: #00FF8C;
    font-size: 12pt;
    font-weight: bold;
    padding: 20px 0;
    color: #194A53;
    width: 65%;
    text-align: center;
    text-decoration: none;
    margin-right: 2%;
    transition: all 1s;
}
div.wars .war-item .buttons .button1:hover{
    background-color: #0ebc6d;
}
div.wars .war-item .buttons .button2{
    display: inline-block;
    border-radius: 10px;
    border: 0;
    background-color: #245E69;
    font-size: 12pt;
    font-weight: bold;
    padding: 20px 0;
    color: #75B7C3;
    width: 32%;
    text-decoration: none;
    text-align: center;
    transition: all 1s;
}
div.wars .war-item .buttons .button2:hover{
    background-color: #102b30;
}
div.wars .owl-stage {
}

.index-slider-arrows{
    display: inline-block;
    width: 10%;
}
.index-slider-arrows button{
    background-color: #194A53;
    border: 0;
    border-radius: 50px;
    font-size: 20pt;
    color: #438F9D;
    width: 50px;
    aspect-ratio: 1/1;
    transition: all 1s;
}
.index-slider-arrows button:hover{
    background-color: #0c262b;
}
.index-slider-arrows button svg{}
.index-slider-arrows button.left{}
.index-slider-arrows button.right{}

.index-dots{
    display: inline-flex;
    width: 89%;
}
.index-dots .owl-dot{
    width: 100%;
    height:3px;
    border: 0;
    background-color: #3F4B56;
    border: 0;
    line-height: 1;
}
.index-dots .owl-dot span{
    width: 100%;
    height:3px;
    float: left;
    display: inline-block;
    line-height: 1;
    background-color: #3F4B56;
}
.index-dots .owl-dot.active span{
    background-color: #FFC300;
}
.total-spended-prize{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}
.total-spended-prize svg{
    font-size: 24pt;
    color: #00FF8C;
    margin-right: 10px;
}
.mt-20{
    margin-top: 30px;
}
.total-spended-prize .text{
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
}
.total-spended-prize .text span{
    display: inline-block;
    color: #BCF5FF;
    font-size: 10pt;
    margin-bottom: 5px;
}
.total-spended-prize .text b{
    display: inline-block;
    font-size: 15pt;
    font-weight: bold;
    color: #00FF8C;
}
.titlebo{
    display: inline-block;
    align-items: center;
    width: 100%;
    font-size: 15pt;
    font-weight: bold;
    color: #AEE5EE;
    text-align: center;
}
.filtremonth:active,
.filtremonth:focus,
.filtremonth{
    outline: none;
    box-shadow: none;
    display: inline-block;
    width: initial;
    background-color: #17454D;
    color: #BCF5FF;
    font-size: 13pt;
    font-weight: 500;
    border: 0px solid #BCF5FF;
    padding: 10px 50px 10px 10px;
    background-image: url("img/down-arrow.png");
    background-repeat: no-repeat;
    background-position-x: 90%;
    background-position-y: center;
}

.past-wars{
    display: inline-block;
    width: 100%;
}
.past-war-item{
    display: inline-block;
    width: 100%;
    background-color: #17454D;
    border-radius: 10px;
    padding: 20px;
    margin-top: 20px;
}
.past-war-item .head{
    display: inline-flex;
    align-items: center;
}
.past-war-item .head .logo{
    display: inline-block;
    margin-right: 10px;
}
.past-war-item .head .logo img{
    display: inline-block;
    max-height: 80px;
}
.past-war-item .head .texts{
    display: inline-flex;
    flex-direction: column;
}
.past-war-item .head .texts .game{
    color: #BCF5FF;
    font-size: 12pt;
    font-weight: 500;
}
.past-war-item .head .texts .bonus{
    color: #FFD000;
    font-size: 20pt;
    font-weight: bold;
}
.past-war-item .mobile-type .type,
.past-war-item .head .texts .type{
    display: inline-flex;
    align-items: center;
}
.past-war-item .mobile-type .type .icon,
.past-war-item .head .texts .type .icon{
    line-height: 1;
}
.past-war-item .mobile-type .type .icon img,
.past-war-item .head .texts .type .icon img{
    display: inline-block;
    height: 10px;
    float: left;
}
.past-war-item .mobile-type .type span,
.past-war-item .head .texts .type span{
    font-size: 10pt;
    color: #75B7C3;
    line-height: 1;
    margin-left: 10px;
}
.past-war-item .mobile-type{
    display: none;
}
.past-war-item .prize-row{
    width: 95%;
    margin-left: 2.5%;
    margin-top: 10px;
    padding: 10px 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #2F7987;
}
.past-war-item .prize-row span{
    color: #BCF5FF;
    font-size: 13pt;
    font-weight: 500;
    margin-right: 10px;
}
.past-war-item .prize-row b{
    color: #00FF8C;
    font-size: 15pt;
    font-weight: bold;
}
.past-war-item .button{
    border: 0;
    background-color: #245E69;
    width: 95%;
    margin-left: 2.5%;
    display: inline-block;
    text-align: center;
    border-radius: 10px;
    font-size: 14pt;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    color: #75B7C3;
    transition: all 1s;
}
.past-war-item .button:hover{
    background-color: #133035;
}
footer{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;
}
.fo-logo{
    display: inline-block;
    max-height: 30px;
    max-width: 100%;
}
.btn-footer{
    color: #8DC1CA;
    text-decoration: none;
    font-size: 12pt;
    margin-left: 10px;
}
.btn-footer.size-2{
    font-size: 10pt;
}
.details-con{
    display: inline-block;
    width: 100%;
    background-color: #17454D;
    border-radius: 10px;
    padding: 20px;
}
.details-con .left-bar{
    display: inline-flex;
    flex-direction: column;
    line-height: 1;
}
.details-con .left-bar .game{
    display: inline-block;
    color: #BCF5FF;
    font-size: 12pt;
    font-weight: 500;
}
.details-con .left-bar .bonus{
    display: inline-block;
    color: #FFD000;
    font-size: 25pt;
    font-weight: bold;
    margin-top: 5px;
}
.details-con .left-bar .type{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-top: 5px;
}
.details-con .left-bar .type .icon{
    display: inline-block;
    margin-right: 10px;
}
.details-con .left-bar .type .icon img{
    display: inline-block;
    max-height: 10px;
    float: left;
}
.details-con .left-bar .type span{
    display: inline-block;
    color: #75B7C3;
    font-size: 10pt;
    font-weight: 400;
}
.details-con .logo{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: -80px;
}
.details-con .logo img{}
.details-con .timer{
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}
.details-con .timer span{
    display: inline-block;
    color: #75B7C3;
    font-weight: 500;
    font-size: 10pt;
}
.details-con .timer b{
    display: inline-block;
    font-weight: bold;
    font-size: 14pt;
    color: #BCF5FF;
}
.details-con .right-bar{
    display: inline-flex;
    flex-direction: row;
}
.details-con .right-bar .i{
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #2F7987;
}
.details-con .right-bar .i:first-child{
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}
.details-con .right-bar .i svg{
    display: inline-block;
    color: #75B7C3;
    font-size: 30pt;
    margin-right: 10px;
}
.details-con .right-bar .i .t{
    display: inline-flex;
    flex-direction: column;
}
.details-con .right-bar .i .t span{
    display: inline-block;
    color:#75B7C3;
    font-weight: 500;
    font-size: 10pt;
}
.details-con .right-bar .i .t b{
    display: inline-block;
    color: #BCF5FF;
    font-weight: bold;
    font-size: 20pt;
}
.details-con .right-bar .i .t b.color{
    color: #00FFE1;
}
.details-con .right-bar-con{
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
}
.details-con .button4{
    display: inline-block;
    background-color: #00FF8C;
    color: #194A53;
    font-weight: 500;
    font-size: 13pt;
    padding: 10px 0;
    border-radius: 10px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
}
.details-con .prize-bar{
    display: inline-flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.details-con .prize-bar .left{
    display: inline-flex;
    align-items: center;
}
.details-con .prize-bar .left svg{
    color: #75B7C3;
    font-size: 20pt;
    margin-right: 10px;
}
.details-con .prize-bar .left span{
    display: inline-block;
    color: #75B7C3;
    font-weight: 500;
    font-size: 15pt;
}
.details-con .prize-bar .right{
    display: inline-block;
    color: #00FF8C;
    font-weight: bold;
    font-size: 20pt;
}
.details-con .prizes{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
}
.details-con .prizes .prize-item{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: #1A555F;
    padding: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 100%;
}
.details-con .prizes .prize-item .left{
    display: inline-block;
    font-size: 14pt;
    color: #75B7C3;
    font-weight: 500;
}
.details-con .prizes .prize-item .right{
    display: inline-flex;
    align-items: center;
}
.details-con .prizes .prize-item .right span{
    display: inline-block;
    color: #BCF5FF;
    font-size: 10pt;
}
.details-con .prizes .prize-item .right b{
    display: inline-block;
    color: #00FF8C;
    font-weight: bold;
    font-size: 16pt;
    margin-left: 10px;
}
.details-con .note{
    display: inline-block;
    color: #FEC201;
    font-size: 12pt;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}
.special-note{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #FEC201;
}
.timer-title{
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
}
.timer-title span{
    display: inline-block;
    color: #75B7C3;
    font-weight: 400;
    font-size: 10pt;
}
.timer-title b{
    display: inline-block;
    color: #BCF5FF;
    font-size: 14pt;
    font-weight: 500;
}
.winner-list .winner-item{
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.winner-list .winner-item .ro{
    display: inline-flex;
    width: 100%;
    background-color: #24616D;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 10px 10px 20px;
}
.winner-list .winner-item .ro.bbr{
    border-radius: 10px;
}
.winner-list .winner-item .ro .left{
    display: inline-flex;
    align-items: center;
}
.winner-list .winner-item .ro .left span{
    display: inline-block;
    color: #75B7C3;
    font-weight: 500;
    font-size: 14pt;
    margin-right: 10px;
}
.winner-list .winner-item .ro .left b{
    display: inline-block;
    color: #BFF5FF;
    font-size: 14pt;
    font-weight: bold;
}
.winner-list .winner-item .ro .right{
    display: inline-flex;
    align-items: center;
}
.winner-list .winner-item .ro .right span{
    display: inline-block;
    color: #5CA4B3;
    font-weight: 500;
    font-size: 10pt;
    line-height: 1;
    margin-right: 10px;
}
.winner-list .winner-item .ro .right b{
    display: inline-block;
    color: #BFF5FF;
    font-size: 16pt;
    font-weight: bold;
    margin-right: 10px;
}
.winner-list .winner-item .ro .right > div{
    display: inline-flex;
    line-height: 1;
    margin-right: 0px;
    flex-direction: column;
    width: 115px;
}
.winner-list .winner-item .ro .right > div small{
    font-size: 10pt;
    color: #5CA4B3;
}
.rule-button{
    background: #245E69;
    color: #75B7C3;
    display: inline-block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 12pt;
    font-weight: 500;
    margin-top: 10px;
    padding: 10px 0;
    border-radius: 10px;
}
.modal-content{
    background: #113238;
}
.modal-content *{
    color: #BCF5FF;
}
.modal-content .modal-footer,
.modal-content .modal-header{
    border: 0;
}
.winner-list .winner-item .ro .right .button5{
    display: inline-block;
    background-color: #71C6D7;
    color: #194A53;
    text-decoration: none;
    font-weight: bold;
    font-size: 14pt;
    padding: 10px 20px;
    border-radius: 5px;
}
.winner-list .winner-item .ro .right [data-disabled].button5{
    opacity: 0.2;
}
.winner-list .winner-item .ro-pr{
    display: inline-flex;
    width: 100%;
    background-color: #FFC300;
    padding: 10px 10px 10px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    align-items: center;
    justify-content: space-between;
}
.winner-list .winner-item .ro-pr .left{
    display: inline-flex;
    align-items: center;
}
.winner-list .winner-item .ro-pr .left span{
    display: inline-block;
    color: #194A53;
    font-weight: 500;
    font-size: 12pt;
}
.winner-list .winner-item .ro-pr .right{
    display: inline-flex;
    align-items: center;
}
.winner-list .winner-item .ro-pr .right .prize{
    display: inline-block;
    color: #194A53;
    font-weight: bold;
    font-size: 15pt;
}
.winner-list .winner-item .ro-pr .right svg{
    color: #194A53;
    display: inline-block;
    font-size: 16pt;
    margin-left: 10px;
}
.winner-list.wl2 .winner-item .ro{
    padding: 10px;
}
.winner-list.wl2 .winner-item .ro-pr .left span{
    font-size: 10pt;
}
.winner-list.wl2 .winner-item .ro-pr .right .prize,
.winner-list.wl2 .winner-item .ro .right b,
.winner-list.wl2 .winner-item .ro .left b,
.winner-list.wl2 .winner-item .ro .left span{
    font-size: 12pt;
}
.winner-list.wl2 .winner-item .ro .right span{
    font-size: 8pt;
}
.winner-list.wl2 .winner-item .ro .right .button5{
    font-size: 12pt;
    padding: 5px 10px;
}
.tabs-custom{
    display: inline-block;
    width: 100%;
}
.tabs-custom .tabbl{
    display: none;
    width: 100%;
}
.tabs-custom .tabbl.active{
    display: inline-block;
}
.wps2 .winner-item{
    margin-bottom: 5px;
}
.w2{
    background: #ff0049 !important;
    color: #fff !important;
}
@media (max-width: 1000px) {
    .hide-mobile{
        display: none !important;
    }
    header .btn-menu-link svg{
        display: none;
    }
    .mobile-header{
        display: inline-flex !important;
        width: 100%;
        justify-content: space-between !important;
    }
    header .btn-menu-link{
        font-size: 10pt;
    }
    header .header-logo img{
        max-height: initial;
        max-width: 25vw;
    }
    header .header-logo{
        top: 3%;
    }
    .index-menu{
        display: inline-flex;
        width: 100% !important;
        padding: 0;
        margin: auto 0;
        margin-bottom: 10px !important;
    }
    .index-menu .col-md-2{
        display: none;
    }
    .index-menu .col-md-4{
        flex: 1 0 0;
    }
    .tab-button{
        font-size: 10pt;
        width: 100%;
        padding: 10px 20px
    }
    .wars .owl-stage{
        padding-left: 10px !important;
    }
    section.page{
        padding-top: 8vh;
    }
    div.wars .war-item .war-top-bar a{
        padding: 10px;
    }
    div.wars .war-item .war-header .logo{
        margin-right: 10px;
        max-width: 20%;
    }
    div.wars .war-item .war-header{
        align-items: center;
    }
    div.wars .war-item .war-header .texts .game{
        font-size: 8pt;
        line-height: 1;
    }
    div.wars .war-item .war-header .texts .bonus{
        font-size: 16pt;
        line-height: 1;
        margin-top: 5px;
    }
    div.wars .war-item .war-header .texts span{
        font-size: 8pt;
        line-height: 1;
        margin-left: 5px;
    }
    div.wars .war-item .war-header .texts .icon img{
        max-height: 10px;
    }
    div.wars .war-item .war-info .left .i svg{
        font-size: 14pt;
        margin-right: 5px;
    }
    div.wars .war-item .war-info .right .i .t span,
    div.wars .war-item .war-info .left .i .t span{
        font-size: 8pt;
        text-wrap: nowrap;
    }
    div.wars .war-item .war-info .left .i .t b{
        font-size: 12pt;
        text-wrap: nowrap;
    }
    div.wars .war-item .war-info .right .i .t b{
        font-size: 10pt;
    }
    div.wars .war-item .war-info .left .i:last-child{
        margin-right: 0;
        padding-right: 0;
    }
    div.wars .war-item .war-info .right{
        text-align: right;
    }
    div.wars .war-item .prize-bar .left svg{
        font-size: 14pt;
        margin-right: 5px;
    }
    div.wars .war-item .prize-bar .left span{
        font-size: 10pt;
    }
    div.wars .war-item .prize-bar .right{
        line-height: 1;
        font-size: 12pt;
    }
    div.wars .war-item .prizes .prize-item .left{
        font-size: 10pt;
    }
    div.wars .war-item .prizes .prize-item .right span{
        font-size: 8pt;
    }
    div.wars .war-item .prizes .prize-item .right b{
        font-size: 12pt;
    }
    div.wars .war-item .note{
        font-size: 7pt;
    }
    div.wars .war-item .buttons .button1,
    div.wars .war-item .buttons .button2{
        font-size: 9pt;
        padding: 10px 0;
    }
    .index-slider-arrows.disabled{
        display: none;
    }
    .index-dots{
        width: 100%;
    }
    .index-dots .owl-dot{
        padding: 0 5px;
        background: none;
    }
    .total-spended-prize{
        display: none;
    }
    .mobile-trow{
        display: inline-flex;
        flex-direction: column-reverse;
    }
    .filtremonth:active, .filtremonth:focus, .filtremonth{
        width: 100%;
        background-position-x: 95%;
        margin-bottom: 10px;
    }
    .past-wars{
        margin-top: 0px;
    }
    .past-war-item{
        margin-top: 10px;
        padding: 10px;
    }
    .past-wars .col-md-4.col-xs-12{
        width: 50% !important;
        padding: 0 5px;
    }
    .past-war-item .head .logo img{
        max-width: 10vw;
    }
    .past-war-item .head .texts .game{
        font-size: 8pt;
    }
    .past-war-item .head .texts .bonus{
        font-size: 12pt;
    }
    .past-war-item .head .texts .type{
        display: none;
    }
    .past-war-item .mobile-type{
        display: inline-flex;
        width: 100%;
        justify-content: center;
    }
    .past-war-item .mobile-type .type span{
        margin-left: 5px;
        font-size: 6pt;
    }
    .past-war-item .prize-row span{
        font-size: 8pt;
    }
    .past-war-item .prize-row b{
        font-size: 10pt;
    }
    .past-war-item .button{
        font-size: 10pt;
    }
    footer{
        display: none;
    }
    .mobile-footer{
        display: inline-flex !important;
        width: 100%;
        justify-content: space-between;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .fo-logo{
        max-width: 30%;
        max-height: initial;
    }
    .btn-footer.size-2{
        font-size: 8pt;
    }
    .details-con{
        display: none;
    }
    .page.detail .wars{
        display: inline-block !important;
    }
    div.wars .war-item .war-header .logo img{
        max-width: 100%;
    }
    .page.detail .wars .button1{
        width: 100% !important;
    }
    .mobile-trow2{
        margin-top: 10pt !important;
        display: inline-flex !important;
        justify-content: space-between;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .mobile-trow2 .col-md-4:first-child{
        display: none !important;
    }
    .mt-5-mpbile{
        margin-top: 10px !important;
    }
    .mobile-trow2 .col-md-4{
        width: initial !important;
        padding: 0
    }
    .titlebo{
        font-size: 10pt;
    }
    .timer-title span{
        font-size: 8pt;
    }
    .timer-title b{
        font-size: 12pt;
    }
    .winner-list .winner-item .ro{
        padding: 10px;
    }
    .winner-list .winner-item .ro .left span{
        font-size: 8pt;
    }
    .winner-list .winner-item .ro .left b{
        font-size: 10pt;
    }
    .winner-list .winner-item .ro .right span{
        font-size: 8pt;
        margin-right: 5px;
    }
    .winner-list .winner-item .ro .right b{
        font-size: 12pt;
    }
    .winner-list .winner-item .ro .right .button5{
        font-size: 12pt;
        padding: 5px 10px;
    }
    .winner-list .winner-item .ro-pr .left span{
        font-size: 10pt;
    }
    .winner-list .winner-item .ro-pr .right .prize{
        font-size: 12pt;
    }
    .winner-list .winner-item .ro-pr .right svg{
        font-size: 13pt;
    }
    .rule-button{
        font-size: 8pt;
    }
}