html,body{
    width:100%;
    height:100%;
    margin:0;
    padding:0
}
.container{
    max-width:1400px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
    padding:0 15px
}
.header{
    display:flex;
    align-items:center;
    width:100%;
    height:92px;
    background:#1D2B60
}
.header__container{
    position:relative;
    display:flex;
    align-items:center
}
.header__items{
    display:flex;
    margin:0 0 0 auto
}
.header__item{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:normal;
    font-size:18px;
    line-height:22px;
    text-transform:uppercase;
    text-decoration:none;
    border-bottom:4px solid transparent;
    color:#FFFFFF;
    padding:36px 0 30px 0;
    margin:0 0 0 64px;
    transition:0.35s
}
.header__item:hover{
    border-bottom:4px solid #D86673;
    color:#ACC6E9
}
.header__item.active{
    font-weight:bold;
    color:#ACC6E9;
    border-bottom:4px solid #D86673
}
.footer{
    position:relative;
    width:100%;
    height:233px;
    background:#1D2B60;
    flex:0 0 auto;
    margin:140px 0 0 0
}
.footer__container{
    position:relative;
    display:flex;
    align-items:center;
    height:100%;
    z-index:1
}
.footer__items-logo{
    max-width:364px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between
}
.footer__items-link{
    max-width:368px;
    width:100%;
    display:flex;
    justify-content:space-between;
    margin:0 0 0 128px
}
.footer__item{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:normal;
    font-size:18px;
    line-height:22px;
    text-transform:uppercase;
    text-decoration:none;
    border-bottom:4px solid transparent;
    color:#FFFFFF;
    padding:36px 0 30px 0;
    transition:0.35s
}
.footer__item:hover{
    border-bottom:4px solid #D86673;
    color:#ACC6E9
}
.footer__item.active{
    font-weight:bold;
    color:#ACC6E9;
    border-bottom:4px solid #D86673
}
.footer__img{
    position:absolute;
    top:auto;
    left:auto;
    right:0;
    bottom:0;
    z-index:0
}
.content{
    display:flex;
    flex-direction:column;
    width:100%
}
.background{
    display:flex;
    align-items:center;
    width:100%;
    height:344px;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    margin:0 0 84px 0
}
h1{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:64px;
    line-height:80px;
    text-transform:uppercase;
    color:#1B275C
}
.live-title{
    position:relative;
    display:flex;
    align-items:center
}
.live-title:after{
    position:relative;
    content:'';
    width:16px;
    height:16px;
    background:#D86673;
    border-radius:100%;
    margin:0 0 0 40px
}
div.jQBracket .bracket{
    float:left !important;
    clear:none !important
}
.result,.result-mobile{
    display:flex;
    flex-direction:column;
    width:100%
}
.result-mobile{
    display:none
}
.result__tabs{
    position:relative;
    display:flex;
    z-index:1
}
.result__tab,.result__tab-mobile{
    width:165px;
    height:68px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#E0E3E9;
    border-radius:4px 4px 0px 0px;
    border-top:6px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid #95AADE;
    border-left:1px solid transparent;
    margin:0 4px 0 0;
    cursor:pointer;
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:15px;
    line-height:19px;
    color:#333333;
    transition:0.35s
}
.result__tab.active,.result__tab-mobile.active{
    background:#FFFFFF;
    border-top:6px solid #95AADE;
    border-right:1px solid #95AADE;
    border-bottom:1px solid #FFFFFF;
    border-left:1px solid #95AADE
}
.result__tab:hover,.result__tab-mobile:hover{
    background:#95AADE
}
.result__tab-mobile{
    width:100%
}
.result__container,.result__container-mobile{
    width:100%;
    display:flex;
    flex-direction:column;
    background:#FFFFFF;
    border:1px solid #95AADE;
    box-sizing:border-box;
    border-radius:0px 4px 4px 4px;
    padding:78px 0 54px 0;
    margin:-1px 0 0 0
}
.result__container-mobile{
    padding:0
}
h2{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:44px;
    line-height:55px;
    color:#333333
}
.result__tab-title{
    margin:0 63px 20px 63px
}
.result__tab-container,.result__tab-container-mobile{
    display:none
}
.result__tab-container.active,.result__tab-container-mobile.active{
    display:block
}
.result__table{
    table-layout:fixed;
    width:100%;
    border-collapse:collapse
}
.result__table th{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:13px;
    line-height:16px;
    color:#646A78;
    border:1px solid #CED2DB
}
.result__table td{
    text-align:center;
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:13px;
    line-height:16px;
    color:#222222;
    border:1px solid #CED2DB
}
.result__table td.black{
    background:#333333;
    color:#F0F0F0
}
.result__table tr{
    height:50px
}
.result__table-name{
    width:45%;
    padding:0 0 0 63px;
    text-align:left;
    border-left:none !important
}
.result__table-none{
    height:27px !important;
    background:#E0E3E9
}
.result__table-name-td{
    font-size:16px !important;
    line-height:20px !important;
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline;
    color:#222222;
    text-align:left !important;
    padding:0 0 0 63px;
    border-left:none !important
}
.result__table-name-td-2{
    font-weight:normal !important
}
.result__table-total{
    color:#222222 !important;
    border-right:none !important;
    background:#95AADE
}
.result__table-total-td{
    font-family:DIN Pro !important;
    font-style:normal !important;
    font-weight:bold !important;
    font-size:16px !important;
    line-height:20px !important;
    color:#222222 !important;
    border-right:none !important;
    background:#95AADE
}
.result__table-total-td.null{
    background:#8A9CC8
}
.result__container-items{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:120px 0 0 0;
    padding:0 64px
}
.result__warning{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:normal;
    font-size:15px;
    line-height:19px;
    color:#888888
}
.result__download-png{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:15px;
    line-height:19px;
    -webkit-text-decoration-line:underline;
    text-decoration-line:underline;
    color:#95AADE
}
.live__container{
    display:flex;
    height:914px
}
.live__item-container{
    height:840px;
    padding:0 0 0 15px
}
.live__items{
    max-width:450px;
    width:100%;
    height:914px;
    background:#E0E3E9;
    border-radius:4px 0 0 4px;
    box-sizing:border-box;
    padding:0 4px 0 4px
}
.live__item{
    display:flex;
    flex-direction:column;
    width:100%;
    overflow:hidden;
    max-height:70px;
    transition:0.85s
}
.live__item.active{
    max-height:10000px
}
.live__item.active .live__item-wr{
    transform:rotate(0deg)
}
.live__item-select,.select2{
    width:100% !important;
    background:#1D2B60;
    border-radius:4px;
    padding:14px 18px 14px 20px;
    margin:8px 4px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
.select2-selection__rendered{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:20px;
    line-height:25px;
    text-transform:capitalize;
    color:#FFFFFF !important;
    margin:0;
    background:#1D2B60
}
.select2-selection{
    border:none !important
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top:50% !important;
    right:20px !important;
    transform:translate(0, -50%)
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#fff transparent transparent transparent !important
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color:transparent transparent #fff transparent !important
}
.select2-dropdown{
    border:1px solid #95AADE
}
.select2-results__option--selectable{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:20px;
    line-height:25px;
    text-transform:capitalize;
    padding:10px 25px !important
}
.select2-container--default .select2-results__option--selected{
    background:#95AADE !important;
    color:#FFFFFF
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
    background:#95AADE !important;
    color:#FFFFFF
}
.live__item-wr{
    transform:rotate(180deg);
    transition:0.35s
}
.live__item-active-game{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:12px;
    line-height:15px;
    letter-spacing:0.2em;
    text-transform:capitalize;
    color:#222222
}
.live__item-match{
    position:relative;
    display:flex;
    background:#FFFFFF;
    border-radius:11px 0px 0px 11px;
    overflow:hidden;
    padding:14px 24px 14px 17px;
    opacity:0.35;
    margin:0 0 2px 0;
    cursor:pointer;
    transition:0.35s
}
.live__item-match.live-broadcast:after{
    position:absolute;
    top:50%;
    left:auto;
    right:8px;
    transform:translate(0, -50%);
    content:'';
    width:8px;
    height:8px;
    background:#D86673;
    border-radius:100%;
    -webkit-animation:blink1 2s linear infinite;
    animation:blink1 2s linear infinite
}
.live__item-match.active{
    cursor:default;
    opacity:1
}
.live__item-match:hover{
    opacity:1
}
@-webkit-keyframes blink1{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes blink1{
    0%{
        opacity:1
    }
    50%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.live__item-info{
    display:flex;
    align-items:center
}
.live__item-info-flag{
    width:24px;
    height:16px;
    flex:0 0 auto;
    margin:0 5px 0 0
}
.live__item-info-name{
    margin:0;
    font-family:DIN Pro;
    font-style:normal;
    font-weight:normal;
    font-size:16px;
    line-height:20px;
    color:#000000
}
.live__item-delimiter{
    width:2px;
    height:60.04px;
    background:#E0E3E9;
    margin:-20px 12px;
    transform:rotate(15deg)
}
.live__item-score{
    margin:0 0 0 auto;
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:20px;
    line-height:25px;
    color:#000000
}
.team:nth-child(1){
    background:#FFFFFF !important;
    border:1px solid #95AADE;
    box-sizing:border-box;
    border-radius:12px 12px 0px 0px
}
.team:nth-child(1) .score{
    border-radius:0px 12px 0px 0px
}
.team:nth-child(2){
    background:#FFFFFF !important;
    border:1px solid #95AADE;
    box-sizing:border-box;
    border-radius:0px 0px 12px 12px
}
.team:nth-child(2) .score{
    border-radius:0px 0px 12px 0px
}
.team.win .score{
    background:#95AADE !important;
    color:#FFFFFF !important
}
.team.lose{
    opacity:0.35
}
.team.lose .score{
    background:#D2D2D2 !important;
    color:#474242 !important
}
.team:hover{
    background:#95AADE !important;
    border:1px solid #95AADE;
    opacity:1
}
.team:hover .score{
    background:#1D2B60 !important;
    color:#FFFFFF !important
}
.hoverscore{
    height:auto !important;
    left:152px !important
}
div.jQBracket .team div.label{
    font-family:DIN Pro;
    font-style:normal;
    font-weight:normal;
    font-size:13px;
    line-height:16px;
    color:#333333
}
div.jQBracket{
    width:1400px !important
}
div.jQBracket .round{
    width:150px !important
}
div.jQBracket .team{
    width:150px !important;
    height:26px
}
div.jQBracket .team div.score{
    width:33px !important;
    height:100%;
    padding:0 !important;
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:14px;
    line-height:23px;
    margin:0 -1px 0 0
}
div.jQBracket .team div.label{
    width:108px !important;
    margin:0 0 0 3px;
    overflow:hidden
}
.wscore{
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:Montserrat;
    font-style:normal;
    font-weight:bold;
    font-size:13px;
    line-height:16px;
    color:#333333;
    background:#FFFFFF !important;
    border:1px solid #333333 !important
}
.bscore{
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:Montserrat;
    font-style:normal;
    font-weight:bold;
    font-size:13px;
    line-height:16px;
    color:#FFFFFF;
    background:#333333 !important;
    border:1px solid #333333 !important
}
#customHandlers{
    width:1400px;
    overflow:auto;
    margin:-170px auto 0 auto
}
.round-items{
    height:161px;
    margin:0;
    display:flex;
    align-items:flex-start
}
.round-item{
    display:flex;
    justify-content:center;
    background:#FFFFFF;
    border-radius:5px;
    border:none;
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:16px;
    line-height:20px;
    text-transform:capitalize;
    color:#000000;
    width:150px;
    height:43px;
    margin:0 40px 0 0;
    flex:0 0 auto;
    cursor:pointer
}
.round-item.current{
    color:#fff;
    background:#95AADE
}
.round-item.active{
    color:#fff;
    background:#646A78;
    border-radius:5px 5px 0px 0px;
    height:170px
}
.round-item.disable{
    opacity:0.5;
    pointer-events:none
}
.round-item:hover{
    color:#fff;
    background:#646A78
}
.round-item p{
    margin:10px 0 0 0
}
.round.active{
    background:#646A78
}
.round .match:first-child .teamContainer:before{
    position:absolute;
    content:'';
    top:-20px;
    left:50%;
    transform:translate(-50%, 0);
    font-family:DIN Pro;
    font-style:normal;
    font-weight:bold;
    font-size:12px;
    line-height:15px;
    text-transform:capitalize;
    color:#95AADE
}
.connector{
    border:2px solid #5E6066
}
.header__btn-mobile-menu{
    display:none;
    background:none;
    border:none;
    cursor:pointer;
    margin:0 0 0 auto
}
.header__btn-mobile-menu.active rect:nth-child(2){
    display:none
}
.header__btn-mobile-menu.active rect:nth-child(1){
    transform:rotate(45deg);
    x:25;
    y:-1
}
.header__btn-mobile-menu.active rect:nth-child(3){
    transform:rotate(-45deg);
    x:-19
}
.fixed{
    position:fixed
}
.live__items-container{
    position:relative
}
.live__items-container-title{
    position:relative;
    background:#1D2B60;
    border-radius:4px;
    padding:17px 35px 17px 29px;
    margin:8px 0;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    cursor:pointer
}
.live__items-container-title .live__item-info-name{
    color:#FFFFFF
}
.live__items-container-title:after{
    border-color:#fff transparent transparent transparent;
    border-style:solid;
    border-width:5px 4px 0 4px;
    height:0;
    margin-left:-4px;
    margin-top:-2px;
    position:absolute;
    content:'';
    top:50%;
    right:25px;
    left:auto;
    width:0
}
.live__item-match-com,.live__item-match-score{
    display:flex;
    align-items:center
}
.live__item-match-score{
    margin:0 0 0 auto
}
.live__items-container-title{
    display:none
}
.iframe-game__button{
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#95AADE;
    border-radius:4px;
    border:none;
    cursor:pointer
}
.modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.modal.active{
    display:block
}
.modal-btn-close{
    position:absolute;
    top:20px;
    left:auto;
    right:20px;
    width:30px;
    height:30px;
    background:transparent;
    border:1px solid #95AADE;
    box-sizing:border-box;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
iframe{
    border:none
}
@media (max-width: 991px){
    .iframe-game__button{
        margin:10px 0 20px auto
    }
    .live__items-container-title{
        display:flex
    }
    .live__items-container-title .live__item-delimiter{
        display:block;
        transform:rotate(0deg);
        width:4px;
        height:2px
    }
    .live__item-match{
        border-radius:11px
    }
    .live__container{
        flex-direction:column;
        height:auto
    }
    .live__items{
        max-width:100%;
        width:100%;
        height:auto;
        background:#FFFFFF;
        padding:0
    }
    .iframe-game{
        height:700px !important
    }
    .live__item-container{
        position:absolute !important;
        top:60px;
        display:none;
        max-height:600px;
        left:0;
        height:auto;
        background:#E0E3E9;
        box-shadow:0px 0px 4px rgba(0,0,0,0.25);
        padding:10px 20px;
        width:100%;
        box-sizing:border-box
    }
    .live__item-container.active{
        display:block
    }
    .simplebar-track{
        left:auto !important;
        right:4px !important
    }
}
@media (max-width: 767px){
    .footer__img{
        display:none
    }
    .footer__container{
        align-items:center;
        flex-direction:column
    }
    .footer{
        height:auto;
        padding:40px 0
    }
    .footer__items-logo{
        width:184px
    }
    .footer__items-link{
        width:auto;
        margin:0;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start
    }
    .footer__logo img{
        width:76px
    }
}
@media (max-width: 575px){
    .result-mobile{
        display:flex
    }
    .result{
        display:none
    }
    .header__btn-mobile-menu{
        display:block
    }
    .header__container{
        padding:0 15px
    }
    .background{
        height:150px;
        background-image:none !important;
        margin:0
    }
    .header__items{
        display:none;
        flex-direction:column;
        position:fixed;
        top:90px;
        left:0;
        width:100%;
        height:100%;
        background:#1D2B60;
        z-index:99
    }
    .header__items.active{
        display:flex
    }
    .header__item{
        width:-webkit-fit-content;
        width:-moz-fit-content;
        width:fit-content;
        margin:0 0 30px 0;
        padding:0 15px
    }
    .container{
        width:100%
    }
    #customHandlers{
        margin:0 auto;
        padding:0 15px;
        box-sizing:border-box;
        width:100%
    }
    .footer__img{
        display:none
    }
    .footer__container{
        align-items:center;
        flex-direction:column
    }
    .footer{
        height:auto;
        padding:40px 0;
        margin:30px 0 0 0
    }
    .footer__items-logo{
        width:184px
    }
    .footer__items-link{
        width:auto;
        margin:0;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start
    }
    .footer__logo img{
        width:76px
    }
    h1{
        font-size:44px;
        margin:0 15px
    }
    .round-items{
        height:91px
    }
    .result__tab-title{
        margin:20px auto;
        text-align:center;
        font-size:28px
    }
    .result__table-name{
        width:25%;
        padding:0 0 0 10px
    }
    .result__table-name-td{
        padding:0 0 0 10px;
        font-size:13px !important
    }
    .result__table td{
        font-size:11px
    }
    .result__table-total-td{
        font-size:13px !important
    }
    .result__table th{
        font-size:11px
    }
    .result__tab-mobile{
        border-bottom:none
    }
    .result__tab-mobile.active{
        width:calc(100% + 2px);
        margin:0 -1px
    }
    .result__table{
        margin:0 0 30px 0
    }
    .result__container-items{
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        margin:50px 0
    }
    .live__item-match-com{
        flex-direction:column
    }
    .live__item-match-com i{
        display:none
    }
    .live__item-info{
        margin:5px 0
    }
    .live__item-match-score{
        flex-direction:column
    }
    .live__item-score{
        margin:1px 0
    }
    .live__item-score:nth-child(2){
        display:none
    }
    .live__item-match{
        align-items:center
    }
    .live__item-match.live-broadcast:after{
        display:none
    }
    .live__items-container-title .live__item-match-com{
        flex-direction:row;
        justify-content:space-between
    }
    .live__items-container-title .live__item-delimiter{
        display:block;
        transform:rotate(0deg);
        width:4px;
        height:2px
    }
}
@font-face{
    font-family:'DIN Pro';
    src:url("../font/DINPro.woff");
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:'DIN Pro';
    src:url("../font/DINPro-Bold.woff");
    font-weight:bold;
    font-style:normal
}
@font-face{
    font-family:'Montserrat';
    src:url("../font/Montserrat-Bold.woff");
    font-weight:bold;
    font-style:normal
}
/*# sourceMappingURL=main.min.css.map */