/*common style*/
body{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    background: #EFEFEF;
    color: #667080
}
img{
    max-width: 100%;
}
#content img{
    height: auto;
}
.container{
    max-width: 1100px;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='36' height='31' viewBox='0 0 36 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 3C0.5 2.33696 0.763392 1.70107 1.23223 1.23223C1.70107 0.763393 2.33696 0.5 3 0.5H33C33.663 0.5 34.2989 0.763393 34.7678 1.23223C35.2366 1.70107 35.5 2.33696 35.5 3C35.5 3.66304 35.2366 4.29893 34.7678 4.76777C34.2989 5.23661 33.663 5.5 33 5.5H3C2.33696 5.5 1.70107 5.23661 1.23223 4.76777C0.763392 4.29893 0.5 3.66304 0.5 3ZM0.5 15.5C0.5 14.837 0.763392 14.2011 1.23223 13.7322C1.70107 13.2634 2.33696 13 3 13H33C33.663 13 34.2989 13.2634 34.7678 13.7322C35.2366 14.2011 35.5 14.837 35.5 15.5C35.5 16.163 35.2366 16.7989 34.7678 17.2678C34.2989 17.7366 33.663 18 33 18H3C2.33696 18 1.70107 17.7366 1.23223 17.2678C0.763392 16.7989 0.5 16.163 0.5 15.5ZM0.5 28C0.5 27.337 0.763392 26.7011 1.23223 26.2322C1.70107 25.7634 2.33696 25.5 3 25.5H33C33.663 25.5 34.2989 25.7634 34.7678 26.2322C35.2366 26.7011 35.5 27.337 35.5 28C35.5 28.663 35.2366 29.2989 34.7678 29.7678C34.2989 30.2366 33.663 30.5 33 30.5H3C2.33696 30.5 1.70107 30.2366 1.23223 29.7678C0.763392 29.2989 0.5 28.663 0.5 28Z' fill='%23150E3F'/%3E%3C/svg%3E%0A");
}
.navbar-toggler .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23150E3F'%3E%3Cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3E%3C/svg%3E");
}
.bg-red{
    background: #D92127;
}
.bg-yellow{
    background: #FFC700;
}
.bg-blue{
    background: #150E3F;
}
.bg-black-25{
    background: rgba(0, 0, 0, 0.25);
}
.table-bg{
    background: rgba(21, 14, 63, 0.03)!important;
}
p{
    margin-bottom: 20px;
}
.main-wrapper{
    padding: 30px 0 150px;
}
.btn{
    background: #D92127;
    border-radius: 5px;
    color: #fff;
}
.p-20{
    padding: 20px;
}
.px-40{
    padding-left: 40px;
    padding-right: 40px;
}
.pt-40{
    padding-top: 40px;
}
.mb-10{
    margin-bottom: 10px;
}
.mb-20{
    margin-bottom: 20px;
}
h2{
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.3px;
    color: #150E3F;
}
.h2-style-1{
    font-size: 36px;
    line-height: 43px;
}
h3{
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;

    letter-spacing: -0.3px;
    color: #150E3F;
}
.h3-style-1{
    font-weight: 900;
    font-size: 28px;
    line-height: 34px;
}
.text-blue{
    color: #150E3F;
}
.text-red{
    color: #D92127;
}
.text-yellow{
    color: #FFC700;
}
/*header style*/
.header{
    background: #fff;
}
#main-nav li a{
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 5px solid transparent;
    color: #150E3F;
    transition: all 0.3s ease;
}
#main-nav li a.active{
    font-weight: 900;
    border-bottom: 5px solid #150E3F;
}
#main-nav li a:hover{
    border-bottom: 5px solid #150E3F;
    background: none;
}
#main-nav li li {
    margin-right: 0px;
}
#main-nav li li a{
    padding-top: 5px;
    padding-bottom: 5px;
    transition: none;
}
#main-nav li li a:hover{
    border-bottom: 5px solid #150E3F;
    background: #150E3F;
    color: #fff;
}
#main-nav li{
    margin-right: 10px;
}
#main-nav li:last-child{
    margin-right: 0;
}
.nav-search{
    background: url('../../assets/img/nav-search-bg.png') ;
    background-position: left bottom;
    min-height: 100px;
    z-index: 99;
    padding-left: 80px;
}
input#search{
    height: 100px;
    border: 2px solid #150e3f;
    border-radius: 0;
    font-size: 18px;
    font-weight: bold;
}
.nav-search-form{
    z-index: 10;
    transition: all 0.3s ease;
    width: 0;
    overflow: hidden;
    right: 0;
    max-width: 75%;
}
.nav-search-form.active{
    width: 100%;
}
/*banner*/
.banner{
    background: url('../../assets/img/banner-bg.png') no-repeat;
    background-size: cover;
    min-height: 390px;
    color: #fff;
    padding: 50px 40px;
}
.banner h1{
    font-family: 'Lato';
    font-weight: 900;
    font-size: 60px;
    line-height: 120%;
    text-align: right;
    text-transform: uppercase;
    color: #fff;
}
.banner p{
    font-size: 30px;
    line-height: 36px;
    text-align: right;
    color: #fff;
    margin-bottom: 0;
}
/*banner*/

/*sidebar*/
.sidebar h2{
    font-weight: 900;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 20px;
}
.sidebar .bookmark{
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin-bottom: 20px;
}
.sidebar .bookmark:last-child{
    margin-bottom: 0;
}
.sidebar .bookmark .ratings{
    margin: 10px 0;
}
.sidebar .bookmark h3{
    margin-bottom: 10px;
}
.sidebar .bookmark .btn{
    display: block;
}
/*sidebar*/
/*offer block*/
.offer-block{
    max-width: 397px;
    height: 67px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
}
.offer-logo-col{
    max-width: 110px;
}
.offer-icon{
    background-size: cover;
    padding-left: 20px;
    /*background-position: right center;*/
    background-repeat: no-repeat;
}
.offer-block-blue .offer-icon{
    background-image: url('../../assets/img/offer-block-blue.png');
}
.offer-block-red .offer-icon{
    background-image: url('../../assets/img/offer-block-red.png');
}
.offer-block-yellow .offer-icon{
    background-image: url('../../assets/img/offer-block-yellow.png');
}
.offer-block p{
    margin-bottom: 0;
    font-family: 'Inter';
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.3px;
    text-transform: uppercase;
    color: #150E3F;
}
.offer-block .offer-text{
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
}
/*offer block*/
/*prediction block*/
.prediction-block{
    background: url('../../assets/img/prediction-block-bg.png') no-repeat;
    background-size: cover;
    min-height: 300px;
    padding-bottom: 25px;
    background-position: center;
}
.prediction-block-top{
    padding: 25px 50px 10px;
}
.prediction-block-header{
    font-size: 13px;
    line-height: 16px;
    color: #fff;
}
.prediction-block-middle h3{
    font-size: 24px;
    line-height: 29px;
    margin-top: 10px;
    margin-bottom: 0;
}
.prediction-block-score{
    font-weight: 900;
    font-size: 40px;
    line-height: 48px;
}
.prediction-sport-logo {
    margin: 0 10px;
}
.prediction-block-footer{
    padding: 15px 40px;
}
.prediction-block-footer h4{
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.3px;
    margin-bottom: 10px;
}
.prediction-block-footer .btn{
    width: 100%;
    max-width: 187px;
}
/*prediction block*/
/*comparison block*/
.comparison-block h2{
    margin-bottom: 20px;
}
.betting-site{
    box-shadow: 0px 0px 10px rgba(255, 199, 0, 0.25);
    margin-bottom: 20px;
}
.betting-site:last-child{
    /*margin-bottom: 0;*/
}
.betting-site.highlight{
    border: 3px solid rgba(255, 199, 0, 0.35);
}
.betting-site-rank{
    background: url('../../assets/img/betting-site-rank-bg.png') no-repeat;
    background-size: cover;
    padding: 10px;
    font-weight: 800;
    font-size: 36px;
    line-height: 43px;
    max-width: 125px;
    min-height: 92px;
}
.betting-site-logo{
    max-width: 150px;
    margin-bottom: 0px;
}
.betting-site-logo-rating .ratings svg{
    float: left;
}
.betting-site-offer-text{
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
}
.betting-site-offer-terms{
    font-size: 13px;
    line-height: 16px;
    color: rgba(21, 14, 63, 0.5);
    margin-top: 20px;
}
.betting-site-offer-terms svg{
    margin-left: 3px;
}
.betting-site-offer,.betting-site-offer-btn{
    padding: 15px 20px;
}
.betting-site-offer-btn .btn{
    width: 100%;
    max-width: 135px;
}
.betting-site-offer-btn .btn-2{
    width: auto;
    max-width: 135px;
    background: none;
    font-size: 14px;
    line-height: 17px;
    color: #000;
    opacity: .5;
    margin-top: 5px;
    border: none;
}
.betting-site-offer .btn-2:hover{
    border: none;
    opacity: 1;
}
/*comparison block*/
/*bonus-offer-block*/
.bonus-offer-block h2,.bonus-offer-block h3{
    margin-bottom: 20px;
}
/*bonus-offer-block*/
/*upcoming bets*/
.upcoming-bets h3{
    margin-bottom: 20px;
}
.upcoming-bet{
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}
.upcoming-bet:last-child{
    /*margin-bottom: 0;*/
}
.upcoming-bet-top{
    height: 72px;
}
.upcoming-bet-top-time{
    font-size: 15px;
    padding: 10px;
    max-width: 80px;
}
.upcoming-bet-top h3{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0px;
}
.upcoming-bet-logo-bg{
    background: url('../../assets/img/upcoming-bet-logo-bg.svg') no-repeat;
    background-size: cover;
    max-width: 128px;
    padding-left: 20px;
}
.upcoming-bet-sport-logo-col{
    max-width: 60px;
}
.upcoming-bet-sport-logo{
    padding: 0 20px;
}
.upcoming-bet-logo {
    padding: 0 10px;
}
.upcoming-bet-footer{
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.upcoming-bet-footer-box {
    width: 50px;
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
}
.upcoming-bet-footer-box-no{
    font-weight: 800;
    font-size: 24px;
    line-height: 29px;
}
.upcoming-bet-footer-box-text {
    padding: 8px 12px 8px 8px;
}
.upcoming-bet-footer-box-info{
    padding-left: 8px;
    font-size: 13px;
    line-height: 90%;
    letter-spacing: -0.3px;
    color: rgba(0, 0, 0, 0.5);
}
/*upcoming bets*/
/*bonus-table*/
.bonus-table {
    color: #150E3F;
}
.bonus-table table{
    table-layout: fixed;
}
.bonus-table thead th{
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.3px;
    padding: 12px;
}
.bonus-table-logo{
    /*max-width: 115px;*/
    margin: 8px;
}
.bonus-table-box{
    max-width: 105px;
    width: 100%;
    border-radius: 5px;
    padding: 10px 10px;
    justify-content: center;
}
/*bonus-table*/
/*FAQ*/
.faq-subheading{
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -0.3px;
}
.accordion-button{
    padding-left: 80px;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    letter-spacing: -0.3px;
    color: #150E3F;
}
.accordion-button:before{
    position: absolute;
    content: "";
    width: 60px;
    height: 100%;
    background-image: url('../../assets/img/faq-icon.svg');
    background-color: #150e3f;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
}
.accordion-button::after,.accordion-button:not(.collapsed)::after{
    background-image: url('../../assets/img/faq-arrow-icon.svg');
}
.accordion-item {
    box-shadow: 0px 3px 8px rgb(0 0 0 / 25%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03)), #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    line-height: 18px;
}
.accordion-body {
    padding-left: 80px;
}
.accordion-body p{
    margin-bottom: 10px;
}
.accordion-body strong{
    color: #150E3F;
}
.accordion-button:focus{
    box-shadow: none;
}
.accordion-button:not(.collapsed){
    background: #fff;
    color: #150e3f;
}
/*FAQ*/
/* Notification bar */
.notification-bar-bottom-wrap {
    padding: 10px 0;
}
.notification-bottom {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    max-width: 100vw;
}
.notification-bar {
    border-radius: 15px 15px 0px 0px;
    background: rgba(23, 19, 43, 0.9);
}
.notification-bar-top{
    background: #150E3F;
    border-radius:15px 15px 0px 0px;
    padding: 10px 0 10px 0;
}
.notification-bar-top-title{
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    transition: .5s all;
}

.notification-bar-title{
    line-height: 30px;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}
.notification-bar .btn{
    background: #D92127;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 25px;
    border-radius: 5px;
    max-width: 225px;
}
.notification-bar .btn:hover{
    background: #b02a37;
}
.notification-bar .notification-bar-close:focus{
    box-shadow: none!important;
}
.notification-bar:not(.opened) .notification-close{
    display: none!important;
}
.notification-bar:not(.opened) .notification-bar-top-title{
    font-size: 24px;
}
.notification-bar:not(.opened) .notification-bar-bottom-wrap{
    display: none;
}
.notification-bar.opened .notification-open{
    display: none;
}

.notification-bar .nbi-image{
    align-self: flex-start;
}
.notification-bar .nbi-image img{
    margin-right: auto;
    margin-left: auto;
}
.notification-bar .nbi-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 10px;
}
.notification-bar .nbi-name{
    font-size: 16px;
    font-weight: 400;
}
.notification-bar .nbi-desc{
    font-weight: 800;
    font-size: 20px;
    line-height: 24px;
}
.notification-bar-close {
    position: absolute;
    top: -13px;
    right: 25px;
    width: 55px;
    max-width: 100%;
    opacity: 1;
    background: none;
    padding: 0px;
    box-shadow: none;
    border: none;
    height: auto;
}
.nbi-image{
    max-width: 250px;
    padding: 5px;
}

.notification-bottom {
    /*animation: showBlock 0s 4s forwards;*/
    /*visibility: hidden;*/
}
/*@keyframes showBlock {
    to {
        visibility: visible;
    }
}*/
/*notification bar*/

#content{
    padding: 10px;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}
table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.5em;
    width: 100%;
}
td {
    border-width: 0 1px 1px 0;
}

td, th {
    padding: 8px;
}
#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 10px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.entry-content{
    width: 100%;
}
.entry-title{
    font-weight: 900;
    color: #464646;
}
.bonus-table-box-last{
    max-width: 105px;
    width: 100%;
    border-radius: 5px;
    padding: 10px 10px;
    justify-content: center;
}

.bonus-table-box-last:hover {
    background-color: #fff;
    color: #616161 !important;
    border: 1px solid #616161;
}