html, 
body .light {
    font-family: Roboto;    
    color: #0B1422;    
    box-sizing: content-box;
}
@media screen and (max-width: 768px){
    body .light {
        padding-bottom: 0;
    }
}

.light h1, 
.light h2,
.light .top-bar-text,
.light .co-branded,
.light .supporting-elements,
.light #terms-and-conditions {
    font-family: Roboto;
} 

.light .global-width{
    max-width: 1280px;
    width: 100%;
}

.light .header-image .global-width {
    max-width: 1024px;
    width: 100%;    
}

.light .main-logo {
    width: 98px;
    margin-left: 0;
}

@media screen and (max-width: 768px){
    .light .main-logo {        
        margin: 0 auto;
        float: none;
    }
}

@media screen and (max-width: 640px){
    .light .main-logo {
        margin: 0 auto;
        float: none;
    }
}

.light .header-image {   
    border-bottom: 0;
}


@media screen and (max-width: 1500px){
    .light .header-image {
        background-size: cover;
        background-position: left;
    }
}

.light .header-image img{
    display: none;
    width: 100%;
}
@media screen and (max-width: 768px){
    .light .header-image img {
        display: block;
    }
}

.light .top-bar {
    width: 100%;
    height: 65px;
    padding: 20px 15px 20px 20px;
    background: linear-gradient(90deg, #0B1422 0%, #042D56 100%);
    border-bottom:1px solid rgba(255, 255, 255, .2);
    box-sizing: border-box;
}

.light .top-bar-buttons {
    margin: 0;
}

@media screen and (max-width:768px){
    .light .top-bar-buttons {
        display: none;
    }
}

.light .top-bar-buttons .top-bar-text{
    float: left;
    margin: 4px 30px 0 0;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    font-weight: 300;
}

.light	.top-bar .social-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
}

.light	.top-bar .social-icon.facebook {
    background: url(../image/facebook-icon1.png) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.x {
    background: url(../image/x-icon.svg) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.google-plus {
    background: url(../image/google-plus-icon.png) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.youtube {
    background: url(../image/youtube-icon1.png) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.linkedin {
    background: url(../image/linkedin-icon.png) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.apple-podcasts {
    background: url(../image/apple-podcast-icon.png) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.spotify {
    background: url(../image/spotify-icon.png) no-repeat transparent;
    background-size: contain;
}

.light	.top-bar .social-icon.sound-cloud {
    background: url(../image/soundcloud-icon.png) no-repeat transparent;
    background-size: contain;
}

.light .content-holder{
    float: right;
    width: 50%;
}
@media screen and (max-width: 768px){
    .light .content-holder {
        float: none;
        width: 100%;
    }
}

.light .co-branded {
    width: 100%;
    height: 80px;
    padding: 18px 0;
    background-color: #fff;
    border-bottom: 1px solid #DADBDC;
    box-sizing: border-box;
}
@media screen and (max-width: 768px){
    .light .co-branded {
        height: 65px;
        padding: 14px 0;
    }
}

.light .header-image .co-branded img{
    display: inline-block;
    width: 190px;
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 768px){
    .light .header-image .co-branded img {
        width: 150px;
        margin: 0;
    }
}

.light .co-branded span {
    margin: 10px 20px 10px 0;
    font-size: 14px;
    line-height: 19px;
    color: #0B1422;
    font-weight: 500;
}
@media screen and (max-width: 768px){
    .light .co-branded span {
        font-size: 13px;
        line-height: 35px;
        margin: 0 15px 0 0;
    }
}

.light .main-content-2 {
    width: 100%;
    float: right;
    padding: 73px 50px;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
}
@media screen and (max-width: 768px){
    .light .main-content-2 {
        padding: 30px 30px 26px;
        border-bottom:4px solid #fff;
    }
}

.light .main-content h1, 
.light .main-content-2 h1 {
    display: block;
    margin: 0 auto 21px;
    padding: 0;
    color: #0B1422;
    font-weight: 900;
    font-size: 36px;
    line-height: 42px;
    text-transform: uppercase;
}
@media screen and (max-width: 768px){
    .light .main-content-2 h1{
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 22px;
        line-height: 30px;        
    }
}


.light .divider {
    width: 27px;
    height: 4px;
    background-color: #ff5500;
    border: none;
}

.light .main-content-2 .text {
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
@media screen and (max-width: 768px){
    .light .main-content-2 .text {        
        margin-bottom: 25px;
        font-size: 16px;
        line-height: 22px;
    }
}

.light .main-content-2 .text p {
    margin: 0;
    padding-top: 21px;
}

.light .main-content-2-buttons a:first-child {
    margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
    .light .main-content-2 .text p {
        padding-top: 11px;
    }

    .light .main-content-2-buttons{
        width: 72%;
        margin: 0 auto;
        padding: 0;
    }
}

.light .ghost-button-2 {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
    color: #72777F;
    font-size: 15px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #72777F;
    border-radius: 3px;
    word-wrap: break-word;
    vertical-align: top;
    box-sizing: border-box;
    cursor: pointer;
}
@media screen and (max-width: 768px){
    .light .ghost-button-2 {
        width: 100%;
        height: 44px;
        margin: 0;
    }
}
	

.light .ghost-button-2:hover {
    background-color: #EAEBED;
    color: #72767F;
}

.light .primary-button-2 {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto;
    padding: 13px 0;
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    background-color: #FF5500;
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    word-wrap: break-word;
    vertical-align: top;
    box-sizing: border-box;
}

.light .primary-button-2:hover {
    background-color: #FE6E27;
}
@media screen and (max-width: 768px){
    .light .primary-button-2 {
        width: 100%;
        height: 44px;
        margin: 0 auto 15px;
    }
}

.light #footer {
    margin-bottom: 0;
    padding-top: 40px;
    background-color: #fff;
}

.light #footer .global-width {
    max-width: 800px;
    width: 100%;
}

.light .payments-footer,
.light .license-footer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
    align-items: center;
    gap: 15px;
}

.light .license-footer{
    margin-bottom: 30px;
}

.light #footer .payments-footer{
  	max-width: 800px;
  	width: 100%;
    margin: 0 auto 40px;
}

@media screen and (max-width: 768px) {
    .light #footer .payments-footer {
        display: none;
    }
}

.light .license-footer img {
    margin: auto 0;
}

.light .license-footer {
    max-width: 700px;
  	width: 100%;
    margin: 0 auto 30px;
    padding-top: 30px;
}
@media screen and (max-width: 768px){
    .light .license-footer {
        margin: 0;
        padding: 0;
    }

    .light .license-footer span {
        margin-bottom: 7px;
    }
}

.light .payments-footer span{
    display: inline-block;
}

.light .license-footer .ga-iso {
    width: 16px;
    height: 16px;
    background: url(../image/ga-iso.png)no-repeat;
    background-size: contain;
}

.light .license-footer .eighteen-plus,
.pinnaclescores-wrap .regulation.logos .eighteen-plus{
    width: 19px;
    height: 19px;
    background: url(../image/eighteen-plus.png)no-repeat;
    background-size: contain;
}

.light .license-footer .poli {
    width: 42px;
    height: 16px;
    background: url(../image/poli.png)no-repeat;
    background-size: contain;
}

.light .license-footer .przelewy {
    width: 48px;
    height: 16px;
    background: url(../image/przelewy.png)no-repeat;
    background-size: contain;
}

.light .license-footer .network-solutions {
    width: 82px;
    height: 25px;
    background: url(../image/network-solutions.png)no-repeat;
    background-size: contain;
}

.light .license-footer .gamcare {    
    height: 28px;
}

.light .license-footer .shield {
    width: 24px;
    height: 26px;
    background: url(../image/shield.png)no-repeat;
    background-size: contain;
}

.light .license-footer .curacao-seal .kb-field-empty{
    display: none!important;
}

.light .payments-footer span, 
.light #footer .license-footer .curacao-seal,
.light #footer .license-footer .ontario-gaming,
.light .license-footer .ecogra,
.light .license-footer .gamcare,
.light .license-footer .connex,
.light .license-footer .ibia,
.light .license-footer .sweden-authority,
.light .license-footer .stodlinjen,
.light .license-footer .ecogra-adr,
.light .license-footer .mga {
    filter: grayscale(1.5);   
    opacity: .5;
}

.light .license-footer .pinnacle-sports-direct,
.light .license-footer .pinnacle-line{
    filter: grayscale(1.5);
    opacity: .3;
}

.light .license-footer .pinnacle-line {
    transform: scale(.8);
}

.light .license-footer .pinnacle-sports-direct img {
    height: 20px;
}

.light #footer .license-footer #siteseal {
    height: 30px;
    filter: grayscale(1);
    opacity: .3;
}

.light .license-footer .ca-domain-licenses {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.light .license-footer .ca-domain-licenses .nineteen-plus,
.pinnaclescores-wrap .regulation.logos .nineteen-plus {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../image/nineteen-plus.png);
    background-size: cover;
}

.light .license-footer .ontario-gaming {
    width: 88px;
    height: 25px;
    background: url(../image/igaming-iGaming-BW.png)no-repeat;
    background-size: contain;
}

.light .license-footer .ecogra-adr {
    width: 125px;
    height: 30px;
}


.light .license-footer .gcb img {
    opacity: .5;
    height: 34px;
}

.light .supporting-elements,
.light .supporting-elements-item:hover {
    display: block;
    overflow: auto;
    background-color: #F1F3F7;
    color: #0B1422;
    text-decoration: none;
    border-bottom: none;
}

.light .supporting-elements{
    box-shadow: 0px -1px 3px 0px rgba(0, 0, 0, 0.2);
}



.light .supporting-elements .global-width {
    max-width: 984px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; 
}
@media screen and (max-width:984px) {
    .light .supporting-elements .global-width {
        padding: 10px 0;
        justify-content: center;
    }
}

.light .supporting-elements-item {
    overflow: auto;
    color: #0B1422;
}
@media screen and (max-width: 640px){
    .light .supporting-elements-item {
        border: none;
        padding: 10px 30px;
    }
}

.light .supporting-elements-item img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.light .supporting-elements-item .supporting-element-text {
    display: inline-block;
    width: 70%;
}

.light .supporting-elements-item .supporting-element-text .title {
    display: block;
    margin: 0 0 10px;
    color: #0B1422;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
}
@media screen and (max-width: 640px){
    .light .supporting-elements-item .supporting-element-text .title {
        width: 100%;
        margin-top: 13px;
        font-size: 20px;
        line-height: 26px;
    }
}

.light .supporting-elements-item .supporting-element-text p {
    display: block;  
    width: 214px; 
    margin: 0; 
    color: #0B1422;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    text-decoration: none;
}
@media screen and (max-width: 640px){
    .light .supporting-elements-item .supporting-element-text p {
        display: none;
    }
}

.light .supporting-elements > div > a {
    display: block;
    float: left;
    width: 328px;
    padding: 30px 5px;
    box-sizing: border-box;
}
@media screen and (max-width:640px){
    .light .supporting-elements > div > a {
        width: 100%; 
        padding: 0;       
        border-bottom: none;
    }
}

.light #terms-and-conditions {
    position: relative;
    background-color: #fff;
    border-top: none;
    box-shadow: none;
    border-bottom: 1px solid #C3C3C3;
}

.light #terms-and-conditions,
.light #terms-and-conditions:nth-child(1n){
    background-color: #fff;
    color: #0B1422;
}
@media screen and (max-width: 768px){
    .light #terms-and-conditions {        
        box-shadow: 0px -20px 40px -20px rgba(0,0,0,0.4);
    }
}


.light #terms-title {
    height: auto;
    max-width: 984px;
    width: 100%;
    position: relative;
    margin: 0 auto;
    background-color: #fff;    
}

.light #terms-title span {
    padding: 11px 0;
    color: #0B1422;
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    box-sizing: border-box;
}
@media screen and (max-width: 768px){
    .light #terms-title span{
        padding: 13px 0 13px 30px;
        font-size: 14px;
        line-height: 24px;
    }
}

.light #terms {
    border-top: 1px solid #C3C3C3;    
    display: none;
}

.light #terms .global-width {
    max-width: 984px;
    width: 100%;
    padding-bottom: 6px;
    box-sizing: border-box;
}
@media screen and (max-width: 768px){
    .light #terms .global-width {
        padding: 0 10px 10px 10px;
    }
}

.light #terms.active {
    display: block;
}

.light #terms-title::after {
    content: '';
    position: absolute;    
    width: 12px;
    height: 12px;
    top: 20px;
    right: 25px;     
    background: url('../image/faq-arrow.svg') no-repeat transparent;
    background-size: contain;
    transform: rotate(90deg);
    transition: all .4s ease-in-out;    
    cursor: pointer;
}
@media screen and (max-width: 768px){
    .light #terms-title::after {        
        transform: rotate(-90deg);
    }
}

.light #terms-title.active::after {
    transform: rotate(270deg);
    transition: all .4s ease-in-out; 
}

@media screen and (max-width: 768px){
    .light #terms-title::after {
        transform: rotate(90deg);
    }
}

.light #terms ol {
    list-style: none;
    counter-reset: li;
    margin-top: 12px;
    padding-left: 0;
}
@media screen and (max-width: 768px){
    .light #terms ol {
        padding-left: 20px;
        margin-top: 10px;
    }
}

.light #terms ol li {
    position: relative;
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 22px;
}
@media screen and (max-width: 768px){
    .light #terms ol li{
        margin-bottom: 18px;
    }
}

.light #terms ol li span:first-child {
    display: inline-block;
    margin-right: 5px;
    color: #FF5500;
}

.light #terms ol li ol {
    padding-left: 25px;
}

.light #terms p {
    margin-bottom: 10px;
    padding: 0;
    font-weight: 400;
    color: #0B1422;
}

@media screen and (max-width: 768px){
    .light #terms-and-conditions.active{
        position:absolute;        
        bottom: 0; 
    }
}

.light .helper-relative {
    position: relative;
}

/* remove the gap between cookipolicy banner and body of page */
#cookiepolicy {
    display: block;
}
/* styles to remove scrollbar relocated to LandingPages.ImpactFutureLook view */

#footer .canadian-footer-regulations {
    width: 90%;
    margin-bottom: 30px;
    font-size: 13px;
    color: rgba(0, 0, 0, .4);
}

#footer .canadian-footer-regulations a {
    color: #ff5500;
    opacity: .6;
}

/*  pinnaclescores footer licenses logos */

.pinnaclescores-wrap .footer {
    max-width: 800px;
    width: 100%;
}

.pinnaclescores-wrap .ca-domain-licenses {
    display: flex;   
    width: 100%;
    height: 30px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px;
    padding-top: 40px;
}

.pinnaclescores-wrap .flex {
    display: flex;
    justify-content: center;
}

.pinnaclescores-wrap .ca-domain-licenses .nineteen-plus {
    display: block;
    width: 19px;
    height: 19px;
    background: url(../image/nineteen-plus.png);
    background-size: cover;
    
}

.pinnaclescores-wrap .ca-domain-licenses .ecogra {
    display: flex;
}

.pinnaclescores-wrap .ca-domain-licenses .ecogra img,
.pinnaclescores-wrap .ca-domain-licenses .ontario-gaming img,
.pinnaclescores-wrap .ca-domain-licenses .ibia img,
.pinnaclescores-wrap .ca-domain-licenses .connex img,
.pinnaclescores-wrap .ca-domain-licenses .rg-check-white img {
    width: auto;
    height: 25px;
    object-fit: contain;
}

.pinnaclescores-wrap .ca-domain-licenses .connex {
    margin-top: 7px;
}