:root{
    --main-c: #4B586A;
    --main-heading-c: #05162D;
    --btn-main-bg: #F0531A;
    --btn-main-shadow: 0 0 10px #F0531A;
    --btn-main-color: #FFF;
    --navbar-bg: #05162D;
    --navbar-border: 1px solid #283B57;
    --footer-bg: #22223E;
    --f-copyright-c: #46586E;
    --f-disclaimer-c: #8799AF;
    --f-border-c: #8092A8;
    --footer-icon-f: invert(65%) sepia(8%) saturate(927%) hue-rotate(173deg) brightness(91%) contrast(88%);
    --footer-nav-link: #fff;
    --inner-links: #4F7FFB;
    --header-menu-bg: #22223E;
    --header-menu-border: 1px solid #1E357B;
    --header-menu-color: #FFF;
    --header-menu-hover-color: #06B2F8;
    --header-menu-dropdown-border: #E1E1E3;
    --header-menu-icon-f: invert(51%) sepia(98%) saturate(1290%) hue-rotate(162deg) brightness(97%) contrast(101%);
    --section-dark-bg: linear-gradient(180deg, #3E3E5D 0%, #215F73 100%) 0% 0% no-repeat;
    --section-dark-c: #FFF;
    --section-light-bg: #F2F2F2;
    --section-mid-bg: linear-gradient(251deg, #22223E 0%, #215F73 100%) 0% 0% no-repeat;
    --hero-mob-bg: #213754;
    --pop-3-bg: #FFF;
    --pop-3-color: #131C29;
    --pop-3-heading: #FFF;
    --badge-bg: #666;
    --badge-first-bg: #F0531A;
    --badge-second-bg: #4F7FFB;
    --badge-third-bg: #215F73;
    --badge-text-color: #FFF;
    --bg-brands: #05162d;
    --transition: all .2s ease-in-out;
    --sub-txt-c: #B1BAC7;
    --tb-row-bg: #F2F2F2;
    --tb-terms-border: #C0C8D1;
    --tb-terms-c: #87909C;
    --tb-head-bg: #215F73;
    --tb-head-c: #FFF;
    --bonus-c: #F0531A;
    --yes-f: invert(60%) sepia(24%) saturate(1316%) hue-rotate(85deg) brightness(104%) contrast(90%);
    --no-f: invert(48%) sepia(70%) saturate(4158%) hue-rotate(338deg) brightness(101%) contrast(101%);
    --links-f: invert(75%) sepia(49%) saturate(6380%) hue-rotate(163deg) brightness(96%) contrast(103%);
    --common-el-bg: #EBEBEC;
    --el-dropdown-shadow-rgb: 5 22 46;
    --el-dropdown-arrow-f: invert(16%) sepia(7%) saturate(6768%) hue-rotate(179deg) brightness(92%) contrast(84%);
    --cta-text-box-bg: #EBEBEC;
    --cta-text-box-c: #212529;
    --faq-header-c: #FFF;
    --faq-body-c: #EBEBEC;
    --faq-bg: #05162D;
    --breadcrumb-c: #818E9F;
    --rev-header-bg: #EBEBEC;
    --rev-qnav-bg: #F5F5F5;
    --qnav-c: #213754;
    --qnav-border-c: #06B2F8;
    --qnav-icon-f: invert(14%) sepia(67%) saturate(582%) hue-rotate(175deg) brightness(97%) contrast(87%);
    --rev-cta-text-box-bg: #DEF5FF;
    --rev-cta-text-box-border: #C4C4C4;
    --contact-boxes-c: #FFF;
    --contact-boxes-bg: #213754;
    --contact-boxes-labels-bg: #06B2F8;
    --rev-sticky-bg: #EBEBEC;
    --author-box-bg: #DEF5FF;
    --author-box-heading: #213754;
    --author-box-c: #131C29;
    --bonus-accent: #EC9A21;
    --rev-el-brand-box-c: #fff;
    --rev-features-c: #339295;
    --rev-features-txt-bg: #EBEBEC;
    --info-box-accent-bg: #EBEBEC;
    --sport-boxes-bg: #EBEBEC;
    --reg-steps-heading: #02B5FF;
    --reg-step-num: #213754;
    --reg-step-num-border: #C4C4C4;
    --show-more-btn-bg: #4F7FFB;
    --show-more-btn-c: #FFF;
    --pros-bg: #DBFFE4;
    --cons-bg: #FFD6DB;
    --pros-label-bg: #29CE5B;
    --cons-label-bg: #F63B51;
    --pros-label-c: #FFF;
    --cons-label-c: #FFF;
}
body{color: var(--main-c);}
h1, h2, h3, h4, h5, h6{color: var(--main-heading-c);}
.section-dark{background: var(--section-dark-bg); color: var(--section-dark-c); padding: 2rem 0;}
.section-mid{background: var(--section-mid-bg);padding: 2rem 0;}
.section-mid p, .section-mid .terms{ color: var(--section-dark-c); }
.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4,.section-dark h5,.section-dark h6,.section-mid h1,.section-mid h2,.section-mid h3,.section-mid h4,.section-mid h5,.section-mid h6{color:var(--section-dark-c);}
.section-light, .section-light-img{background: var(--section-light-bg);}
@media screen and (min-width: 1400px) {
    .section-light-img{position: relative;}
    .section-light-img:before, .section-light-img:after{position: absolute; content: ''; bottom: 0; width: 250px; height: 250px;}
    .section-light-img:before{left: 10px; background: url(../../../imgs/sport/section-gray-left-img.svg) no-repeat;}
    .section-light-img:after{right: 10px; background: url(../../../imgs/sport/section-gray-right-img.svg) no-repeat;}
}
.bg-brands{background: var(--bg-brands);}
.brand-bet365{background: var(--logo-bet365);}.brand-unibet{background: var(--logo-unibet);}.brand-1xbet{background: var(--logo-1xbet);}.brand-william-hill{background: var(--logo-william-hill);}.brand-betfair{background: var(--logo-betfair);filter: invert(1);}
.brand-betfred{background: var(--logo-betfred);}
[class*='ops-'] [class*='brand-']{background-repeat: no-repeat;background-size: contain;  background-position: center; width: 100%; height: 100%;}
.ops-120-60{width: 120px; height: 60px;}
.terms{font-size: 10px; line-height: 1.3;}
/* popup top 3 */
.site-pop .modal-content{border: none;background-color: transparent;}
.site-pop .modal-header{border: none;}
.site-pop .modal-header .close{text-shadow: none; color: var(--btn-main-bg);opacity: .75;}
.pop-terms{ width: 570px; max-width: 100%;color: var(--pop-3-bg);}
.pop-top-3{background: var(--pop-3-bg); color: var(--pop-3-color); border-radius: 10px; width: 570px; max-width: 100%;}
.top-3-heading{color: var(--pop-3-heading);}
.pop-top-3 .bonus-txt{font-weight: bold; font-size: 20px;}
.pop-top-3 .bonus-txt .sm{font-weight: normal; font-size: 16px;}
@media (max-width: 767px){
    .pop-terms, .pop-top-3 { width: 300px;}
}
@media (min-width: 576px){
    .site-pop .modal-dialog { max-width: 600px;}
}
/* lists */
.features li:before{filter: var(--yes-f);}
.cta-f li:before{filter: var(--no-f);}
/* review page */
.rev-top-bg{background: var(--rev-header-bg);}