@import url("css2-Montserratwght400500600700900_swap.css");
*
{
    margin: 0;
    padding: 0;
    font-family: Montserrat,sans-serif;
}
#landscape-overlay
{
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    top: 0;
    left: 0;
    position: fixed;
}
body
{
    padding: 0!important;
}
body.overflow-hidden
{
    overflow: hidden;
}
.section div:empty, .text:empty
{
    display: none;
}
.section
{
    padding: 6vw 5vw 2vw;
    position: relative;
}
div, li, p
{
    font-size: 1.1vw;
}
a, div, li, p
{
    color: #003166;
}
.button-container:empty
{
    display: none;
}
.button
{
    padding: .7vw 2.5vw;
    font-size: 1vw;
    border-radius: 50px;
    border-width: 2px;
    border-style: solid;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    cursor: pointer;
}
.button:hover
{
    transform: scale(1.1);
}
.button:not(:only-child):not(:last-child)
{
    margin-right: 1vw;
}
.button.red
{
    box-shadow: inset 0 1px 0 0 #ffb2b2;
    background: linear-gradient(180deg,#ff0009 5%,#7d0a00);
    background-color: #ff0009;
    border-color: #d83526;
}
.button.transparent-blue
{
    color: #003166;
    border-color: #003166;
    background-color: transparent;
}
.button.transparent-white
{
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}
.button.disabled
{
    opacity: .5;
    pointer-events: none;
}
.button:focus
{
    outline: none;
}
.text-button
{
    background-color: transparent;
    border: none;
}
.heading
{
    font-size: 2.5vw;
    font-weight: 900;
    margin-bottom: 2vw;
    color: #003166;
}
.sub-heading
{
    font-size: 2vw;
    font-weight: 900;
    margin-bottom: 1vw;
    color: #002c4c;
}
.heading:after
{
    content: "";
    display: block;
    width: 10vw;
    height: 3px;
    background-color: #fcd305;
    margin: 5px auto 0;
}
.list.image
{
    list-style: none;
}
.list .list-item
{
    margin-bottom: .5vw;
}
.list .list-item img
{
    width: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-right: .8vw;
}
.slider-dots
{
    width: auto;
    position: absolute;
    bottom: 80px;
    right: 5vw;
    z-index: 3;
}
.slider-dots .slider-dot
{
    width: 10vw;
    max-width: 100px;
    height: .6vw;
    min-height: 10px;
    opacity: .8;
    border-radius: 50px;
    background-color: #002d4e;
    display: inline-block;
    cursor: pointer;
}
.slider-dots .slider-dot:not(:only-child):not(:last-child)
{
    margin-right: 10px;
}
.slider-dots .slider-dot.active
{
    background-color: #fbd305;
    pointer-events: none;
}
.badge
{
    display: inline-block;
    padding: .2vw 1vw;
    font-size: 1vw;
    font-weight: 900;
    border-radius: 4px;
    margin-bottom: 1vw;
    background-color: #fcd305;
    color: #002d4e;
}
.yellow
{
    background-image: url(../../gambling/image/game-badge-yellow.png);
}
.red
{
    background-image: url(../../gambling/image/game-badge-red.png);
}
.scroll-bar
{
    width: 80%;
    max-width: 1000px;
    height: .6vw;
    min-height: 10px;
    border-radius: 50px;
    margin: 0 auto;
    background-color: #002d4e;
    overflow: hidden;
}
.scroll-bar .scroll-bar-inner
{
    height: 100%;
    border-radius: 51px;
    background-color: #fcd305;
}
.text
{
    word-wrap: break-word;
}
.text a
{
    text-decoration: underline;
    font-weight: 600;
}
.carousel-header
{
    display: flex;
    justify-content: space-between;
}
.carousel-header h3
{
    font-size: 1.3vw;
    margin: auto 0;
    color: #003166;
}
.carousel-buttons
{
    display: flex;
    align-items: center;
}
.carousel-buttons .button
{
    padding: .5vw 2vw;
    font-size: 1.1vw;
}
.carousel-control
{
    border-radius: 100%;
    z-index: 1;
    padding-right: .5vw;
    justify-content: center;
    transition: all .1s;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: #fff;
    color: #3d414a;
}
.carousel-control:hover
{
    transform: scale(1.05);
}
.carousel-control.disabled
{
    pointer-events: none;
    opacity: .5;
}
.carousel-control.disabled:hover
{
    transform: none;
}
.carousel-control img
{
    width: 2.2vw;
}
.carousel
{
    overflow: hidden;
    margin-left: -16px;
    margin-right: -16px;
    padding-bottom: 1vh;
    padding-top: 3vh;
}
.carousel-track
{
    width: 100%;
    font-size: 0;
    padding: 2px;
    transition: all .3s ease 0s;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}
.accordion-toggle
{
    cursor: pointer;
}
.accordion-body
{
    max-height: 0;
    transition: all .2s ease-out;
    overflow: hidden;
}
#special-offer h3
{
    color: #002d4e;
}
#benefits, #why-play
{
    padding-bottom: 0!important;
}
div#why-play
{
    padding: 0 2vw 0 15vw!important;
}
#why-play .column.second
{
    text-align: center;
}
#why-play .column.second img
{
    max-height: 50vh;
}
#picky
{
    background-size: 100% 100%;
    padding: 10vw 25vw;
}
#picky .text, #picky .text *
{
    color: #fff;
}
#live-casino
{
    padding-top: 18vw;
    padding-bottom: 12vw;
    padding-left: calc(52%);
    background-size: 100% 100%;
}
#live-casino>*
{
    text-align: left;
}
#live-casino.special-heading>:not(:only-child):not(:last-child)
{
    margin-bottom: 4vw;
}
#live-casino h2 span
{
    font-size: 130%;
}
#why-us
{
    padding: 2vw 10vw!important;
    text-align: center;
}
.win-every-day
{
    display: none;
}
#vip
{
    padding: 5vw 17vw 7vw 20vw!important;
}
#vip .column.second
{
    text-align: center;
    padding-right: 8vw;
}
#vip .column.second img
{
    width: 70%;
}
#vip .button-container
{
    padding-left: 2vw;
}
#play-responsibly
{
    padding: 5vw 30vw;
}
#play-responsibly h2
{
    line-height: 1.2em;
}
#play-responsibly div, #play-responsibly p
{
    color: #fff;
    line-height: 1.6em;
}
#promotions-page-text.heading-and-text
{
    background-size: 100% auto;
}
#contact-us-blurbs
{
    padding: 1vw 12vw 4vw;
}
#contact-us-blurbs .heading
{
    text-align: center;
    margin-bottom: 5vw;
}
.de #contact-us-blurbs .heading, .dk #contact-us-blurbs .heading, .fi #contact-us-blurbs .heading, .no #contact-us-blurbs .heading, .se #contact-us-blurbs .heading
{
    font-size: 5.5vw;
}
#contact-us-blurbs .column:nth-child(3)
{
    display: none;
}
#contact-us-blurbs .blurb
{
    margin: 0 1vw;
    padding: 2vw;
    background: #002c4c;
    color: #fff!important;
    border-radius: 5px;
    position: relative;
}
#contact-us-blurbs .blurb-description, #contact-us-blurbs .blurb-description p:not(:last-child)
{
    margin-bottom: 1vw;
}
#contact-us-blurbs .blurb :not(.blurb-title)
{
    color: #fff;
    font-size: .8vw;
}
#contact-us-blurbs .blurb-title
{
    color: #fff;
}
#contact-us-blurbs .blurb p a, #contact-us-blurbs .blurb p span
{
    font-size: 130%!important;
}
#contact-us-blurbs .blurb p a
{
    font-weight: 600;
}
#contact-us-blurbs .blurb img
{
    width: 70%;
    margin-top: -5vw;
    margin-bottom: .5vw;
}
#slots-offer .offer-image-above
{
    transform: translate(-15%,19%);
    top: auto;
    bottom: 0;
}
.section.vip-badges.no-buttons .button-container
{
    display: none;
}
.section.vip-badges .button-container
{
    text-align: center;
    margin-top: 5vw;
}
.section.vip-special-heading
{
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
}
.section.vip-special-heading.left
{
    align-items: flex-start;
}
.section.vip-special-heading.right
{
    align-items: flex-end;
    background-size: auto 80%;
    background-position: 25% 25%;
}
.section.vip-special-heading>*
{
    width: 50%;
    max-width: 50%;
}
.section.vip-special-heading.right h2, .section.vip-special-heading.right p
{
    color: #003166!important;
}
.section.vip-special-heading h2
{
    font-size: 2.5vw;
}
.section.vip-special-heading p
{
    color: #fff!important;
}
.section.vip-page-promos
{
    display: none;
    background-color: #ecf3f8;
    margin-top: 0!important;
    padding-top: 3vw!important;
}
.section.vip-page-promos .heading
{
    text-align: center;
}
#homepage-accordion.accordion
{
    padding-top: 0;
}
#vip:nth-child(12)
{
    display: none;
}
#lp-blurbs
{
    text-align: center;
}
#game-providers .carousel-buttons a
{
    display: none;
}
#game-providers .game-provider-container
{
    pointer-events: none;
}
@media only screen and (min-width: 1026px)
{
    #promotions-page-text.heading-and-text
    {
        padding: 28vw 15vw 4vw;
    }
    #banner.curved.contact-us-banner, #banner.curved.vip-page
    {
        margin-bottom: -3vw;
    }
    .section.vip-badges
    {
        padding: 1vw 12vw 2vw;
    }
    .section.vip-club
    {
        padding-bottom: 0;
    }
    .section.vip-special-heading
    {
        padding: 10vw 5vw 5vw;
    }
    .section.vip-special-heading.right
    {
        padding: 7.5vw 5vw;
    }
    #promo-inner-text
    {
        padding-bottom: 2vw;
    }
    #benefits, #why-play
    {
        display: none;
    }
    #vip .column.first
    {
        transform: translateX(10vw);
    }
}
@media only screen and (max-width: 1025px)
{
    .section
    {
        padding: 4vw 5vw;
    }
    div, li, p
    {
        font-size: 3.2vw;
    }
    .button
    {
        padding: 2vw 4vw;
        font-size: 2.5vw;
    }
    .landscape.mobile #landscape-overlay
    {
        display: block!important;
    }
    .button:not(:only-child):not(:last-child)
    {
        margin-right: 2vw;
    }
    .slider-dots
    {
        bottom: 10px;
    }
    .slider-dots .slider-dot
    {
        min-height: 5px;
    }
    .heading
    {
        font-size: 5.5vw;
    }
    .sub-heading
    {
        font-size: 4.5vw;
    }
    .heading:after
    {
        width: 20vw;
    }
    .list .list-item
    {
        margin-bottom: 1.5vw;
        font-weight: 600;
    }
    .badge
    {
        font-size: 2.5vw;
        padding: 1vw 3vw;
    }
    .badge, .carousel-header
    {
        margin-bottom: 2vw;
    }
    .carousel-header h3
    {
        font-size: 4.5vw;
    }
    .carousel-control
    {
        padding-right: 1.5vw;
        display: none;
    }
    .carousel-control img
    {
        width: 6vw;
    }
    .carousel-buttons .button
    {
        padding: 1vw 3vw;
        font-size: 2.5vw;
    }
    #benefits
    {
        margin-bottom: 5vw;
    }
    #picky
    {
        padding: 45vw 5vw;
    }
    #why-us
    {
        display: none;
    }
    .win-every-day
    {
        display: block;
    }
    #play-responsibly
    {
        padding: 4vw 5vw;
    }
    #play-responsibly div, #play-responsibly p
    {
        font-size: 3.2vw;
        margin-bottom: 4vw;
    }
    #live-casino
    {
        height: 86vh;
        padding-left: 5vw;
        background-size: 100% 100%;
        padding-top: 4vw;
    }
    #live-casino>*
    {
        text-align: center;
    }
    #vip
    {
        padding: 4vw 0 0!important;
        background-repeat: no-repeat;
        align-items: center;
        position: relative;
    }
    #vip .column.second
    {
        padding: 0;
        margin-bottom: 0;
    }
    #vip .column.first
    {
        background-color: rgba(0,0,0,.5);
        padding: 2vw 5vw 5vw;
    }
    #vip .badge
    {
        top: 4vw;
        left: 0;
        width: 15vw;
        text-align: center;
        position: absolute;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    #vip.two-column-section .column.second img
    {
        width: 40%;
        vertical-align: middle;
        margin-top: 4vw;
        margin-bottom: 10vw;
    }
    #vip.two-column-section .button-container
    {
        margin-top: 3vw;
    }
    #homepage-accordion.accordion
    {
        padding-top: 4vw;
    }
    #promotions-page-text.heading-and-text
    {
        padding-top: 28vw;
    }
    #contact-us-blurbs .blurb :not(.blurb-title)
    {
        font-size: 3.5vw;
    }
    #contact-us-blurbs .blurb
    {
        padding-bottom: 15vw;
        margin-top: 15vw;
    }
    #contact-us-blurbs .column:first-child .blurb
    {
        margin-top: 10vw;
    }
    #contact-us-blurbs .blurb img
    {
        margin-top: -14vw;
    }
    #contact-us-blurbs .blurb-description
    {
        padding: 0 2vw;
    }
    #contact-us-blurbs .blurb-description p:not(:last-child)
    {
        margin-bottom: 2.5vw;
    }
    #slots-offer
    {
        margin-bottom: 5vw;
    }
    #slots-offer .offer-image-above
    {
        transform: translate(-15%,25%);
    }
    #banner.curved.vip-page
    {
        height: 40vw;
    }
    .section.vip-badges.no-buttons
    {
        padding-top: 0;
    }
    .vip-badges .column
    {
        width: 33%;
        min-width: 33%;
        padding-top: 1vw!important;
    }
    .section.vip-special-heading
    {
        padding: 13.5vw 6vw;
    }
    .section.vip-special-heading.right
    {
        background-position: 5%;
        background-size: 40% auto;
    }
    .section.vip-special-heading.above
    {
        padding-bottom: 60vw;
    }
    .section.vip-special-heading.below
    {
        padding-top: 60vw;
    }
    .section.vip-special-heading.above>*, .section.vip-special-heading.bellow>*
    {
        width: 100%;
        max-width: 100%;
    }
    .special-heading>:not(:only-child):not(:last-child)
    {
        margin-bottom: 3vw;
    }
    .section.vip-special-heading h2
    {
        font-size: 3vw;
    }
    .section.vip-special-heading div, .section.vip-special-heading li, .section.vip-special-heading p
    {
        font-size: 3.5vw;
    }
}
@media only screen and (max-width: 767px)
{
    .button
    {
        padding: 2vw 5.5vw;
        font-size: 3.2vw;
    }
    .list .list-item img
    {
        width: 1.5em;
    }
    .badge
    {
        font-size: 3.7vw;
    }
    div, li, p
    {
        font-size: 4.2vw;
    }
    .heading
    {
        font-size: 6.5vw;
    }
    div#why-play
    {
        margin-bottom: 7vw;
        padding: 2vw 10vw!important;
    }
    #live-casino
    {
        height: 60vh;
    }
    #live-casino h2 span
    {
        font-size: 180%;
    }
    .es #live-casino h2 span, .fr-ca #live-casino h2 span
    {
        font-size: 120%;
    }
    #vip .badge
    {
        width: 20vw;
    }
    #live-casino.special-heading h2
    {
        color: #002c4c;
    }
}
.son-page:not(.visible)
{
    display: none;
}
#payment-methods.section
{
    padding: 1vw 12vw 4vw;
}
#payment-methods .heading
{
    text-align: center;
}
#payment-methods .text
{
    margin-bottom: 2vw;
    padding: 0 2%;
}
#payment-methods #pm-inner
{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
#payment-methods .payment-method
{
    width: 29%;
    margin: 2%;
    background-color: #003166;
}
.payment-method .pm-image-container
{
    padding: 2vw;
    background-color: #001b2f;
}
.payment-method .pm-image-container img
{
    width: 100%;
}
.payment-method .pm-inner
{
    padding: 1.7vw 2vw 1vw;
}
.pm-inner *
{
    color: #fff;
}
.pm-inner :not(:last-child)
{
    margin-bottom: 1vw;
}
.pm-inner .pm-description
{
    font-size: .9vw;
    line-height: 1.5em;
}
.pm-inner .pm-table *
{
    font-size: 1.2vw;
}
.pm-table .pm-table-row
{
    display: flex;
    justify-content: space-between;
}
.pm-inner .button-container
{
    text-align: center;
}
.payment-methods-api .payment-method .pm-image-container
{
    height: 10vw;
    text-align: center;
    background-color: unset;
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}
.payment-methods-api .payment-method .pm-image-container img
{
    max-height: 100%;
    width: unset;
    max-width: 100%;
}
.payment-methods-api .payment-method .pm-inner
{
    display: none;
}
@media only screen and (max-width: 1025px)
{
    #payment-methods.section
    {
        padding: 2vw;
    }
    #payment-methods .text
    {
        margin-bottom: 4vw;
    }
    #payment-methods .payment-method
    {
        width: 46%;
        margin: 2%;
    }
    .payment-method .pm-inner
    {
        padding: 4vw;
    }
    .pm-inner :not(:last-child)
    {
        margin-bottom: 2vw;
    }
    .pm-inner .pm-description, .pm-inner .pm-table *
    {
        font-size: 3vw;
    }
    .pm-inner .button
    {
        font-size: 2.8vw;
    }
}
#promotions-carousel
{
    padding: 0 12vw 2vw;
}
#promotions-carousel .heading
{
    text-align: center;
    margin-bottom: 5vw;
}
#promo-carousel
{
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}
#promotions-carousel #promo-carousel
{
    position: relative;
    padding-bottom: 2.5vw;
}
#promo-carousel .carousel-track
{
    display: flex;
    height: 100%;
    padding: 0;
}
#promo-carousel .promotion
{
    min-width: 21.85vw;
    width: 21.85vw;
    display: flex;
    flex-direction: column;
}
#promo-carousel .promotion .promotion-bottom, #promo-carousel .promotion .promotion-top
{
    flex: 1 1;
}
#promo-carousel .slider-dots
{
    bottom: 0;
}
#promo-carousel .promotion:not(:last-child)
{
    margin-right: 2vw;
}
#promo-carousel .promotion
{
    text-align: center;
}
#promo-carousel .promotion-top .terms
{
    display: none;
}
#promo-carousel .promotion-bottom
{
    padding: .5vw 1vw 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#promo-carousel .promotion-bottom .badge
{
    display: none;
}
#promo-carousel .promotion-bottom .promotion-description
{
    font-size: 1vw;
    margin: .5vw 0;
    color: #003166;
}
#promo-carousel .promotion .promotion-title
{
    font-size: 1.8vw;
    color: #003166;
    margin-bottom: 0;
}
#promo-carousel .promotion .button-container
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#promo-carousel .promotion .button:not(:only-child):not(:last-child)
{
    margin-right: 0;
}
#promo-carousel .promotion .button:first-child:not(:only-child)
{
    margin-bottom: .5vw;
}
#promo-carousel .promotion .button:nth-child(2)
{
    border-color: transparent;
    font-weight: 400;
    padding: 0;
    font-size: .8vw;
    text-decoration: underline;
}
@media only screen and (max-width: 1025px)
{
    #promotions-carousel
    {
        padding: 0 5vw 6vw;
    }
    #promo-carousel
    {
        width: 100%;
        padding-bottom: 5vw!important;
        position: relative;
    }
    #promo-carousel .promotion
    {
        width: 42.5vw;
        min-width: 42.5vw;
    }
    #promo-carousel .promotion:not(:last-child)
    {
        margin-right: 5vw;
    }
    #promo-carousel .promotion-bottom
    {
        padding: 4vw;
    }
    #promo-carousel .promotion .promotion-title
    {
        font-size: 4.5vw;
        margin-bottom: 4vw;
    }
    #promo-carousel .promotion-bottom .promotion-description
    {
        display: none;
    }
    #promo-carousel .promotion .button:nth-child(2)
    {
        font-size: 2.5vw;
    }
    #promo-carousel .promotion .button:first-child:not(:only-child)
    {
        margin-bottom: 2vw;
    }
}
#promotions-full
{
    background-repeat: no-repeat;
    background-position: 100% 0;
}
@media only screen and (min-width: 1026px)
{
    #promotions-full
    {
        padding: 2vw 15vw 4vw;
        background-position-y: 3vw;
    }
}
#promotions-full .heading
{
    text-align: center;
    margin-bottom: 3vw;
}
.promotion
{
    min-width: 49%;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
}
#promotions-full #other-promotions
{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
#promotions-full #other-promotions .promotion:nth-child(2n)
{
    margin-right: 0;
}
#promotions-full .promotion-top
{
    position: relative;
    overflow: hidden;
}
#promotions-full .terms
{
    top: calc(100% - 3.26vw);
}
@media only screen and (min-width: 1026px)
{
    #promotions-full .terms-open
    {
        font-size: 1.1vw;
        padding: 1vw 10px;
    }
}
#promotions-full .promotion:not(#big-promotion) .badge
{
    position: absolute;
    top: 2vw;
    left: -10px;
}
#promotions-full #big-promotion .badge
{
    margin-right: auto;
}
#promotions-full .button-container
{
    display: flex;
    flex-wrap: wrap;
}
#promotions-full #big-promotion
{
    min-width: 100%;
    width: 100%;
    margin-right: 0;
    background-repeat: no-repeat;
    background-size: cover;
}
#promotions-full #big-promotion .promotion-top
{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
#promotions-full #big-promotion .promotion-image
{
    display: none;
}
#promotions-full #big-promotion .promotion-bottom
{
    width: 100%;
    padding: 2vw 50% 5.3vw 2vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.5);
    background: linear-gradient(90deg,#000,hsla(0,0%,100%,0));
}
#promotions-full #big-promotion .promotion-bottom .button-container, #promotions-full #big-promotion .promotion-bottom .promotion-description, #promotions-full #big-promotion .promotion-bottom .promotion-title
{
    min-width: 100%;
    color: #fff;
}
#promotions-full #big-promotion .button:nth-child(2)
{
    color: #fff!important;
    border-color: #fff!important;
}
@media only screen and (max-width: 1025px)
{
    #promotions-full
    {
        background-position: 0 100%;
        background-size: 30% auto;
    }
    #promotions-full #promotions-inner
    {
        width: 100%;
    }
    #promotions-full .promotion
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10vw;
    }
    #promotions-full .promotion:not(#big-promotion) .badge
    {
        top: 5vw;
    }
    #promotions-full .terms
    {
        top: calc(100% - 8vw);
    }
    #promotions-full .terms-open img
    {
        right: 1vw;
    }
    #promotions-full .promotion-bottom
    {
        padding: 3vw 5vw 4vw;
    }
    #promotions-full .promotion-title
    {
        font-size: 6vw;
        line-height: 1em;
        margin-bottom: 2.5vw;
    }
    #promotions-full .promotion-description
    {
        font-size: 3.7vw;
        line-height: 1.4em;
        margin-bottom: 3.5vw;
    }
    #promotions-full #big-promotion .promotion-bottom
    {
        padding: 65vw 5vw 12vw;
        background: linear-gradient(0deg,#000,hsla(0,0%,100%,0));
    }
}
#promotions-homepage
{
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-top: -10vw;
    padding-top: 15vw;
}
#promotions-homepage .heading
{
    text-align: center;
    margin-bottom: 5vw;
}
#promotions-homepage #promotions-inner
{
    display: flex;
    align-items: stretch;
    position: relative;
    padding-bottom: 2.5vw;
}
#promotions-homepage #promo-carousel
{
    width: 53.5%;
}
#promotions-homepage #big-promotion
{
    width: 46.5%;
    min-width: 46.5%;
    margin-right: 0;
}
#promotions-homepage #big-promotion .promotion-overlay
{
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(90deg,transparent,rgba(0,0,0,.5) 30%,#000);
    position: absolute;
    display: block;
}
#promotions-homepage #big-promotion .promotion-bottom
{
    position: absolute;
    text-align: left;
    display: flex;
    flex-direction: column;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 70%;
    max-height: 100%;
}
#promotions-homepage #big-promotion .badge
{
    display: inline-block;
    align-self: flex-start;
}
#promotions-homepage #big-promotion .promotion-title
{
    color: #fff;
    font-size: 2.2vw;
    margin-bottom: 1vw;
}
#promotions-homepage #big-promotion .promotion-description
{
    display: block;
    align-self: flex-end;
    color: #fff;
}
#promotions-homepage #big-promotion .button-container
{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#promotions-homepage #big-promotion .button:nth-child(2)
{
    font-weight: 400;
    padding: 0;
    font-size: .8vw;
    border-color: transparent;
    color: #fff;
    text-decoration: underline;
}
#promotions-homepage #big-promotion .promotion-top .terms
{
    display: none;
}
#promotions-homepage #big-promotion.promotion .button:not(:only-child):not(:last-child)
{
    margin-right: 0;
}
#promotions-homepage #big-promotion.promotion .button:first-child:not(:only-child)
{
    margin-bottom: .5vw;
}
@media only screen and (max-width: 1025px)
{
    #promotions-homepage
    {
        padding: 4vw 0;
        margin-top: 0;
        padding-top: 4vw;
        background-image: none!important;
    }
    #promotions-homepage #promotions-inner
    {
        flex-wrap: wrap;
        text-align: center;
        padding-bottom: 6vw;
    }
    #promotions-homepage #promo-carousel
    {
        width: 100%;
        padding-left: 5vw;
        order: 2;
    }
    #promotions-homepage #big-promotion .promotion-bottom
    {
        padding: 2vw;
        width: 70%;
    }
    #promotions-homepage #big-promotion
    {
        order: 1;
        min-width: 100%;
        margin-bottom: 8vw;
    }
    #promotions-homepage #big-promotion .promotion
    {
        margin: 0;
    }
    #promotions-homepage #big-promotion .promotion-title
    {
        font-size: 6vw;
        margin-bottom: 2vw;
        line-height: 1.1em;
    }
    #promotions-homepage #big-promotion .promotion-description
    {
        font-size: 3.2vw;
        margin-bottom: 5vw;
    }
    #promotions-homepage #big-promotion .button-container
    {
        text-align: center;
    }
    #promotions-homepage #big-promotion .button-container a, #promotions-homepage #big-promotion .button-container button
    {
        width: 80%;
    }
    #promotions-homepage #big-promotion .button:nth-child(2)
    {
        padding: 2vw 5vw;
        font-size: 2.7vw;
    }
    #promotions-homepage #big-promotion.promotion .button:first-child:not(:only-child)
    {
        margin-bottom: 2vw;
    }
}
.promotion
{
    background-color: #f3f3f3;
    position: relative;
}
.promotion .promotion-image
{
    display: block;
    width: 100%;
}
.promotion .terms
{
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    position: absolute;
    transition: top .2s ease-in;
    background-color: rgba(0,27,47,.95);
}
.promotion .terms.open
{
    top: 0!important;
}
.promotion .terms-open
{
    font-weight: 900;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.promotion .terms-open img
{
    width: 1em;
    transform: translate(-50%);
    right: 0;
    position: absolute;
}
.promotion .terms.open .terms-open img
{
    transform: translate(-50%) rotate(-180deg);
}
.promotion #terms-text
{
    padding: .5vw 2vw;
    max-height: 100%;
    overflow-y: auto;
    white-space: break-spaces;
}
.promotion #terms-text, .promotion #terms-text *
{
    font-size: .85vw;
    color: #fff;
}
.promotion .promotion-bottom
{
    padding: 1.5vw 2vw 2vw;
    white-space: break-spaces;
}
.promotion .promotion-title
{
    font-size: 1.5vw;
    color: #003166;
}
.promotion .promotion-description
{
    margin: 1vw 0 2vw;
    font-size: 1.2vw;
    color: #002c4c;
}
.promotion .button:nth-child(2)
{
    color: #003166;
    border-color: #003166;
    background: transparent!important;
}
@media only screen and (max-width: 1025px)
{
    .promotion .terms-open
    {
        font-size: 3.7vw;
        padding: 2vw 10px;
    }
    .promotion #terms-text
    {
        padding: 1vw 5vw;
    }
    .promotion #terms-text, .promotion #terms-text *, .promotion .badge
    {
        font-size: 3vw;
    }
    .promotion .promotion-bottom
    {
        padding: 3vw 5vw 4vw;
    }
}
#promotion-carousel
{
    padding: 12vw 10vw 2vw;
    margin-top: -2vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
    position: relative;
}
#promotion-carousel.no-top-padding
{
    padding-top: 0;
}
#promotion-carousel .heading
{
    font-size: 2vw;
}
#promotion-carousel.heading-left .heading:after
{
    margin-left: 0!important;
    margin-right: auto!important;
}
#promotion-carousel #promotion-carousel-inner
{
    padding: 3vw 2vw;
    position: relative;
}
#promotion-carousel .carousel-track
{
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all .2s ease;
}
#promotion-carousel .promotion
{
    min-width: 13.15vw;
    width: 22.7vw;
    border-radius: 3px;
    margin: 0 -5.67vw;
    transform: scale(.8);
    box-shadow: 0 0 12px #000;
    pointer-events: none;
}
#promotion-carousel .promotion.active
{
    z-index: 99!important;
    transform: scale(1);
    pointer-events: auto;
}
#promotion-carousel .promotion-top
{
    position: relative;
    overflow: hidden;
}
#promotion-carousel .terms-open
{
    font-size: 1vw;
    padding: .5vw 10px;
}
#promotion-carousel .terms
{
    top: calc(100% - 2.4vw);
}
#promotion-carousel .badge
{
    position: absolute;
    top: 2vw;
    left: -10px;
}
#promotion-carousel .promotion-title
{
    font-size: 1.3vw;
    margin-bottom: .5vw;
}
#promotion-carousel .promotion-description
{
    font-size: 1vw;
}
#promotion-carousel .button-container
{
    padding-top: 0!important;
    display: flex;
    justify-content: flex-start;
}
#promotion-carousel .button
{
    padding: .5vw 2vw;
    font-size: .8vw;
}
#promotion-carousel .arrow
{
    width: 1.8vw;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    cursor: pointer;
    position: absolute;
}
#promotion-carousel .arrow.disabled
{
    pointer-events: none;
    opacity: .8;
}
#promotion-carousel .arrow.left
{
    left: .2vw;
    transform: translateY(-50%) rotate(-180deg);
}
#promotion-carousel .arrow.left:hover
{
    transform: translateY(-50%) scale(1.1) rotate(-180deg);
}
#promotion-carousel .arrow.right
{
    right: .2vw;
}
#promotion-carousel .arrow.right:hover
{
    transform: translateY(-50%) scale(1.1);
}
@media only screen and (max-width: 1025px)
{
    #promotion-carousel
    {
        padding: 15vw 5vw 0;
    }
    #promotion-carousel #promotion-carousel-inner
    {
        padding: 5vw 5vw 2vw 0;
        background-color: #ecf3f9;
    }
    #promotion-carousel .heading
    {
        font-size: 5vw;
    }
    #promotion-carousel .carousel-track
    {
        overflow-x: auto;
        justify-content: flex-start;
        align-items: flex-start;
        padding-left: 5vw;
        padding-bottom: 6vw;
    }
    #promotion-carousel .promotion
    {
        width: 68vw;
        min-width: 68vw;
        margin: 0 8vw 0 0;
        position: relative;
        transform: none;
        pointer-events: auto;
        box-shadow: 0 0 2px #000;
    }
    #promotion-carousel .terms
    {
        top: calc(100% - 8vw);
    }
    #promotion-carousel .terms-open
    {
        font-size: 3.3vw;
        padding: 2vw 10px;
    }
    #promotion-carousel .promotion-title
    {
        font-size: 3.5vw;
    }
    #promotion-carousel .promotion-description
    {
        font-size: 3vw;
        margin: 2vw 0 4vw;
    }
    #promotion-carousel .button
    {
        padding: 1.8vw 4vw;
        font-size: 2.7vw;
    }
    #promotion-carousel .arrow
    {
        display: none;
    }
}
#post-container .colapsible-text
{
    padding-top: 0!important;
}
#post-container .button-container.section
{
    text-align: center;
    padding-top: 2vw;
}
#banner.promo-banner .button.transparent-blue
{
    color: #fff;
    border-color: #fff;
}
@media only screen and (min-width: 1026px)
{
    #banner.promo-banner
    {
        height: 38vw!important;
        margin-bottom: -5vw!important;
    }
    #banner.promo-banner .banner-inner
    {
        top: calc(50% - 5vw);
    }
}
@media only screen and (max-width: 1025px)
{
    #banner.promo-banner
    {
        height: 100vw!important;
        margin-bottom: 0!important;
        background-size: 100% 100%!important;
    }
    #post-container .colapsible-text
    {
        padding: 2vw 5vw 4vw!important;
    }
    #post-container .button-container.section
    {
        display: flex;
        justify-content: space-evenly;
    }
}
.accordion.section
{
    padding: 2vw 5vw 5vw;
}
.accordion .heading
{
    text-align: center;
}
.accordion-items
{
    width: 80%;
    max-width: 1000px;
    margin: 0 auto;
}
.accordion-item
{
    overflow: hidden;
    transition: .4s;
}
.accordion-item h3
{
    font-size: 1.1vw;
    padding: 1.5vw 1vw;
    background-size: 8%;
    background-position: 104%;
    border-bottom: .2vw solid #002d4e;
    color: #002d4e;
    cursor: pointer;
    position: relative;
}
.accordion-item h3:hover, .accordion-item.open h3
{
    background-color: #002d4e;
    color: #fff;
}
.accordion-item h3 span
{
    width: 1.5em;
    height: 1.5em;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    background-size: 200% auto;
    background-repeat: no-repeat;
    background-position: 0;
    display: inline-block;
    position: absolute;
}
.accordion-item:not(.open) h3:hover span
{
    transform: translateY(-50%) rotate(180deg);
    background-position: 100%;
}
.accordion-item.open h3 span
{
    background-position: 100%;
}
.accordion-item .accordion-body
{
    padding: 0 .5vw;
}
.accordion-body h4
{
    font-size: 1.3vw;
    font-weight: 400;
    margin-bottom: .5vw;
    margin-top: 1vw;
    color: #003166;
}
.accordion .text, .accordion p
{
    font-size: 1vw;
    margin-bottom: 1vw;
    color: #002d4e;
}
@media only screen and (max-width: 1025px)
{
    .accordion.section
    {
        padding: 5vw;
    }
    .accordion .heading
    {
        margin-bottom: 4vw;
    }
    .accordion-items
    {
        width: 100%;
    }
    .accordion-item h3
    {
        font-size: 3.7vw;
        padding: 2vw;
    }
    .accordion-item .accordion-body
    {
        padding: 0 2vw;
    }
    .accordion-body h4
    {
        font-size: 3.7vw;
        margin-bottom: 1vw;
        margin-top: 2vw;
    }
    .accordion .text, .accordion p
    {
        font-size: 3.5vw;
        margin-bottom: 3vw;
    }
}
.section.api-text
{
    padding: 0 12vw 4vw;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.api-text
{
    text-align: justify;
    word-wrap: break-word;
}
.api-text .heading
{
    color: #fff;
    padding: 4.5vw 0;
    text-align: center;
}
.api-text .heading:after
{
    display: none;
}
.api-text h2
{
    text-align: left;
    display: none;
}
.api-text h2, .api-text li, .api-text ol, .api-text p
{
    margin-bottom: 1vw;
}
.api-text ol, .api-text p
{
    padding-left: 1vw;
}
.api-text ol
{
    padding-left: 2vw;
}
.api-text li
{
    padding-left: .2em;
}
.api-text>ol>li>strong
{
    margin-top: .5vw;
    margin-bottom: 1vw;
    display: inline-block;
}
.api-text a
{
    text-decoration: underline;
}
@media only screen and (max-width: 1025px)
{
    .section.api-text
    {
        padding: 0 5vw 4vw;
    }
    .api-text .heading
    {
        font-size: 5.5vw;
        padding: 7vw 0;
        margin-bottom: 5vw;
    }
    .api-text .button-container
    {
        margin-top: 5vw;
    }
    .api-text h2, .api-text li, .api-text ol, .api-text p
    {
        margin-bottom: 2vw;
    }
    .api-text ol, .api-text p
    {
        padding-left: 1.5vw;
    }
    .api-text ol
    {
        padding-left: 5vw;
    }
    .api-text p#from-api>ol>li>strong
    {
        margin-top: 1vw;
        margin-bottom: 2vw;
    }
}
#banner
{
    height: 25vw;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
}
#banner.curved
{
    background-size: 100% 100%;
    height: 23vw;
    margin-bottom: -4vw;
}
#banner .banner-inner
{
    color: #fff;
    position: absolute;
    width: 40%;
    top: 50%;
    left: 8%;
    padding: 2vw;
    transform: translateY(-50%);
}
.banner-inner a:not(.button), .banner-inner p
{
    font-size: .7vw;
    line-height: 1.5em;
    color: #fff;
}
.banner-inner a:not(.button)
{
    display: inline-block;
}
@media only screen and (max-width: 1025px)
{
    #banner
    {
        height: 42vw;
    }
    #banner.curved
    {
        height: 28vw;
        margin-bottom: -2vw;
    }
    #banner .banner-inner
    {
        width: 90%;
        left: 5%;
        bottom: 6vw;
        top: auto;
        text-align: center;
        transform: none;
    }
    .banner-inner h2
    {
        font-size: 15vw;
    }
    .banner-inner h3
    {
        font-size: 5vw;
    }
    .banner-inner .button
    {
        font-size: 3.2vw;
        padding: 2vw 10vw;
    }
    .banner-inner a:not(.button), .banner-inner p
    {
        font-size: 2.4vw;
    }
}
@media only screen and (max-width: 767px)
{
    .banner-inner h3
    {
        font-size: 7vw;
    }
}
.blurb
{
    text-align: center;
}
.blurb img
{
    max-width: 100%;
}
.blurb .blurb-title
{
    font-size: 1.5vw;
    color: #003166;
    margin-top: .5vw;
    margin-bottom: 1vw;
}
.blurb .blurb-description
{
    color: #003166;
    margin-bottom: 2vw;
    font-size: 1vw;
}
@media only screen and (max-width: 1025px)
{
    .blurb .blurb-title
    {
        font-size: 7.3vw;
        margin-bottom: 3vw;
    }
    .blurb .blurb-description
    {
        font-size: 3.5vw;
        margin-bottom: 4vw;
    }
    .blurb img
    {
        max-width: 75%;
    }
}
#boxes.section
{
    padding: 0 12vw 2vw;
}
#boxes .box-container
{
    display: grid;
    align-items: center;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-gap: 1.8vw;
    padding: 1vw 8vw 1vw 0;
}
#boxes .box-image
{
    width: 20vw;
}
#boxes .box-text h3
{
    color: #0a5187;
    font-size: 3vw;
    margin-bottom: 1.8vw;
}
#boxes .box-text p
{
    font-weight: 100;
    line-height: 1.4;
}
@media only screen and (max-width: 1025px)
{
    #boxes.section
    {
        padding: 0;
        margin-bottom: 2vw;
    }
    #boxes .box-container
    {
        padding: 2.2vw 3vw;
    }
    #boxes .box-image
    {
        width: 25vw;
    }
    #boxes .box-text h3
    {
        color: #0a5187;
        font-size: 4vw;
        margin-bottom: 1vw;
    }
    #boxes .box-text p
    {
        font-size: 2.7vw;
        font-weight: 100;
        line-height: 1.2;
    }
}
#breadcrumbs
{
    padding: .5vw 12vw!important;
    list-style-type: none;
    display: flex;
}
#breadcrumbs li
{
    font-size: 1vw;
    margin: 0;
    list-style: none;
}
#breadcrumbs li:before
{
    display: none!important;
}
#breadcrumbs a
{
    text-decoration: underline;
}
#breadcrumbs li:last-child a
{
    text-decoration: none;
}
#breadcrumbs li:not(:last-child):after
{
    display: inline-block;
    content: ">";
    width: 1em;
    text-align: center;
    margin: 0 .5vw;
}
@media only screen and (max-width: 1025px)
{
    #breadcrumbs
    {
        padding: 2vw 5vw!important;
    }
    #breadcrumbs li
    {
        font-size: 3vw;
    }
    #breadcrumbs li:not(:last-child):after
    {
        margin: 0 1vw;
    }
}
#main-banner
{
    width: 100%;
    height: 35vw;
    position: relative;
    background-size: cover;
    padding: 0;
}
#main-banner.long
{
    height: 64vw;
    background-size: 100% 100%;
}
#main-banner .slide
{
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    position: absolute;
    background-size: cover;
}
#main-banner .slide.active
{
    z-index: 2;
    opacity: 1;
    transition: all 1.3s ease;
}
.banner-inner
{
    color: #fff;
    position: absolute;
    width: 38%;
    top: 50%;
    left: 5vw;
    padding: 1vw 0;
    transform: translateY(-50%);
    border-radius: 1.3vw;
}
.long .banner-inner
{
    left: 50%;
    top: 58%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.banner-inner.v1, .banner-inner.v2
{
    text-align: left;
}
.banner-inner h2
{
    font-size: 5.5vw;
    line-height: 1em;
    text-shadow: 2px 2px 5px #000;
    word-break: break-word;
}
.banner-inner:not(.en):not(.en-ca):not(.uk) h2
{
    font-size: 4.5vw;
}
.banner-inner h3
{
    font-size: 2.5vw;
    line-height: 1em;
    text-shadow: 2px 2px 5px #000;
    word-break: break-word;
}
.banner-inner:not(.en):not(.en-ca):not(.uk) h3
{
    font-size: 2vw;
}
.banner-inner h3.text-above
{
    font-size: 1.7vw;
    word-break: break-word;
}
.banner-inner .button-container
{
    margin: 1vw 0;
}
.banner-inner .button
{
    font-size: 1.3vw;
}
.banner-inner:not(.en):not(.en-ca):not(.uk) .button
{
    font-size: 1.1vw;
}
.banner-inner .text, .banner-inner .text *
{
    font-size: .7vw!important;
    line-height: 1.2em;
    color: #fff;
}
.banner-inner.v1 h2, .banner-inner.v1 h2 *
{
    font-size: 3.7vw;
    line-height: 1em;
    font-weight: 900;
    color: #fcd305;
}
.banner-inner.v1:not(.en):not(.en-ca):not(.uk) h2
{
    font-size: 3vw;
}
.banner-inner.v1 h2 span
{
    font-size: 1.8vw;
    color: #fcd305;
}
.banner-inner.v1:not(.en):not(.en-ca):not(.uk) h2 span
{
    font-size: 1.3vw;
}
.banner-inner.v1 h3:not(.text-above)
{
    font-size: 2vw;
    line-height: 1.3em;
    font-weight: 900;
}
.banner-inner.v1:not(.en):not(.en-ca):not(.uk) h3:not(.text-above)
{
    font-size: 1.7vw;
}
.banner-inner.v2 h2, .banner-inner.v2 h2 *
{
    font-size: 4.4vw;
    line-height: 1.2em;
    font-weight: 900;
    color: #fcd305;
}
.banner-inner.v2:not(.en):not(.en-ca):not(.uk) h2, .banner-inner.v2:not(.en):not(.en-ca):not(.uk) h2 *
{
    font-size: 3.7vw;
}
.banner-inner.v2 h3:not(.text-above)
{
    font-size: 2.2vw;
    line-height: 1.2em;
    font-weight: 600;
}
.banner-inner.v2:not(.en):not(.en-ca):not(.uk) h3:not(.text-above)
{
    font-size: 1.9vw;
}
@media only screen and (max-width: 1025px)
{
    #main-banner
    {
        height: 65vh;
    }
    #main-banner.long
    {
        height: 125vw;
    }
    .banner-inner
    {
        width: 100%;
        left: 0;
        bottom: 25px;
        top: 1.5vw;
        text-align: center;
        transform: none;
    }
    .long .banner-inner
    {
        bottom: auto;
    }
    #main-banner.opened .slide:after
    {
        opacity: 1;
        visibility: inherit;
        transition: all .5s ease-out!important;
    }
    #main-banner .slide:after, #main-banner.opened .slide:after
    {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }
    #main-banner .slide:after
    {
        background: linear-gradient(0deg,#3f14c7 57%,transparent 70%);
        visibility: hidden;
        opacity: 0;
        transition: all 1.5s ease-out!important;
    }
    .banner-inner h2
    {
        font-size: 15vw;
    }
    .banner-inner h3
    {
        font-size: 5vw;
    }
    .banner-inner .button-container
    {
        margin-top: 1.5vw;
        padding: 0 5vw;
    }
    .banner-inner.v2 .button-container
    {
        font-size: 7vw;
    }
    .banner-inner .button
    {
        font-size: 3.2vw;
        padding: 2vw 10vw;
    }
    .banner-inner .button:first-child:not(:only-child)
    {
        margin-bottom: 2vw;
    }
    .banner-inner:not(.en):not(.en-ca):not(.uk) .button
    {
        font-size: 3vw;
    }
    .banner-inner .text, .banner-inner .text *
    {
        font-size: 3vw!important;
    }
    .banner-inner .text
    {
        margin-top: 1.5vw;
    }
    .banner-inner .text>blockquote, .banner-inner .text>p
    {
        padding: 0 8vw 0 5vw;
    }
    .banner-inner:not(.en):not(.en-ca):not(.uk) h3
    {
        font-size: 4vw;
    }
    .banner-inner h3.text-above
    {
        font-size: 4.5vw;
    }
    .banner-inner.v1 h2
    {
        font-size: 6vw;
    }
    .banner-inner.v1:not(.en):not(.en-ca):not(.uk) h2
    {
        font-size: 5vw;
    }
    .banner-inner.v1 h2 span
    {
        font-size: 5vw;
        line-height: 1.2em;
    }
    .banner-inner.v1:not(.en):not(.en-ca):not(.uk) h2 span
    {
        font-size: 3.5vw;
    }
    .banner-inner.v1 h3:not(.text-above)
    {
        font-size: 3.7vw;
    }
    .banner-inner.v1:not(.en):not(.en-ca):not(.uk) h3:not(.text-above)
    {
        font-size: 4.5vw;
    }
    .banner-inner.v2 h2, .banner-inner.v2 h2 *
    {
        font-size: 8vw;
    }
    .banner-inner.v2:not(.en):not(.en-ca):not(.uk) h2, .banner-inner.v2:not(.en):not(.en-ca):not(.uk) h2 *
    {
        font-size: 6vw;
    }
    .banner-inner.v2 h3:not(.text-above)
    {
        font-size: 3.7vw;
        max-width: 65vw;
    }
    .fr-ca .banner-inner.v2 h3:not(.text-above)
    {
        max-width: 75vw;
        font-size: 3.7vw;
    }
    .banner-inner.v2:not(.en):not(.en-ca):not(.uk) h3:not(.text-above)
    {
        font-size: 3.7vw;
    }
    #main-banner .slider-dots
    {
        bottom: 3vw;
    }
    #games-section.homepage
    {
        position: relative;
        padding-top: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    #main-banner
    {
        height: 18.5vh;
        transition: all .3s cubic-bezier(.68,-.55,.27,1.55);
    }
    #main-banner .slide
    {
        background-size: 100%;
        background-repeat: no-repeat;
    }
    #main-banner.opened
    {
        height: 40vh;
        background-color: #3f14c7;
    }
    .banner-inner h2
    {
        font-size: 6.5vw;
        padding: 0 5vw;
    }
    .banner-inner h3
    {
        font-size: 2.5vw;
        padding: 0 5vw;
    }
    .banner-inner blockquote
    {
        display: none;
        opacity: 0;
        transition: all 3.5s ease-in-out!important;
    }
    #main-banner.opened .banner-inner blockquote
    {
        display: block;
        opacity: 1;
        transition: all 2.5s cubic-bezier(.18,.89,.32,1.28)!important;
    }
}
.colapsible-text
{
    padding: 2vw 12vw!important;
}
.colapsible-text .heading
{
    text-align: center;
}
.colapsible-text .short-description
{
    margin-bottom: 1vw;
}
.colapsible-text h3
{
    font-size: 1.1vw;
}
.colapsible-text h3 span:after
{
    content: "+";
    display: inline-block;
}
.colapsible-text h3.open span:after
{
    content: "-";
}
.colapsible-text .accordion-body.open
{
    margin: 1vw 0;
}
@media only screen and (max-width: 1025px)
{
    .colapsible-text
    {
        padding: 2vw 5vw 4vw!important;
    }
    .colapsible-text .short-description
    {
        margin-bottom: 2vw;
    }
    .colapsible-text h3
    {
        font-size: 3.7vw;
    }
    .colapsible-text .accordion-body.open
    {
        margin: 2vw 0;
        padding: 0;
    }
}
#cookie-popup
{
    width: 100%;
    height: 0;
    bottom: 0;
    z-index: 999;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    position: fixed;
    transition: all .5s ease-in;
    overflow: hidden;
}
#cookie-popup.show
{
    height: auto;
}
#cookie-popup>*
{
    margin: 20px 0;
}
#cookie-popup a
{
    font-weight: 700;
}
#cookie-popup .text
{
    padding-right: 2vw;
}
#cookie-popup .text, #cookie-popup .text *
{
    font-size: 1vw!important;
    color: #31708f!important;
    text-align: left;
}
@media only screen and (max-width: 1025px)
{
    #cookie-popup .text, #cookie-popup .text *
    {
        font-size: 2.2vw!important;
    }
    #cookie-popup .text
    {
        padding-right: 5vw;
    }
}
@media only screen and (max-width: 767px)
{
    #cookie-popup .text, #cookie-popup .text *
    {
        font-size: 3.2vw!important;
    }
}
#footer
{
    text-align: center;
}
#footer .section
{
    padding: 2vw 8vw;
    --license-text-padding: 0;
    --license-text-margin: 0;
    --license-text-size: 16px;
    --license-text-link-decoration: underline;
    --license-text-link-hover-decoration: none;
    --license-logo-padding: 0;
    --license-logo-margin: 0;
    --license-logo-item-margin: 0 10px;
}
#footer .section>:not(:last-child)
{
    margin-bottom: 2vw;
}
#footer #footer-menu
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
#footer-menu a
{
    padding: 5px 1vw;
    color: #fff;
    font-weight: 900;
    font-size: .8vw;
    margin-bottom: .5vw;
}
#footer-menu a:hover
{
    color: #fbd305;
}
#footer-menu a:not(:first-child)
{
    border-left: 2px solid #fff;
}
#footer img
{
    filter: grayscale(0);
}
#footer img:hover
{
    filter: grayscale(1);
}
#footer #payments img
{
    height: 1.5vw;
    margin-bottom: .5vw;
}
#footer #licences img
{
    height: 3vw;
}
#footer #licences>:not(:last-child):not(:only-child), #footer #payments>:not(:last-child):not(:only-child)
{
    margin-right: 1.5vw;
}
#footer .text, #footer p
{
    font-size: .8vw!important;
    color: #fff!important;
}
#footer #social-icons-container p
{
    color: #fff;
    margin-bottom: .5vw;
}
@media only screen and (max-width: 1025px)
{
    #footer .section
    {
        padding: 4vw 5vw;
    }
    #footer .section>:not(:last-child)
    {
        margin-bottom: 6vw;
    }
    #footer-menu a
    {
        min-width: 100%;
        font-size: 3vw;
        padding: 0;
        display: block;
    }
    #footer-menu a:not(:first-child)
    {
        border: none;
    }
    #footer-menu a:not(:last-child)
    {
        margin-bottom: 2.5vw;
    }
    #footer #licences a:not(:last-child):not(:only-child), #footer #payments img:not(:last-child):not(:only-child)
    {
        margin-right: 2.5vw;
        margin-bottom: 2.5vw;
    }
    #footer #payments img
    {
        height: 8vw;
    }
    #footer #licences img
    {
        height: 9vw;
    }
    #footer .text, #footer p
    {
        font-size: 3vw!important;
    }
    #footer #social-icons-container p
    {
        margin-bottom: 1vw;
    }
}
:root
{
    --license-text-padding: 0;
    --license-text-margin: 10px;
    --license-text-background: #001b2f;
    --license-text-size: 16px;
    --license-text-color: #fff;
    --license-text-link-color: #fff;
    --license-text-link-decoration: underline;
    --license-text-link-hover-color: #fff;
    --license-text-link-hover-decoration: none;
}
#game-providers
{
    padding: 3vw 5vw;
}
#game-providers #game-providers-inner
{
    min-width: 100%;
    padding: 1vw;
    display: flex;
    overflow: hidden;
}
#game-providers-inner .game-provider-container
{
    width: 14.6vw;
    padding-right: 1vw;
    display: inline-flex;
    vertical-align: top;
    white-space: normal;
}
#game-providers-inner .game-provider-container:last-child
{
    padding-right: 0;
}
#game-providers-inner .game-provider
{
    box-shadow: 0 0 5px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    height: 7.9vw;
    width: 100%;
}
#game-providers .game-provider img
{
    max-width: 100%;
    max-height: 100%;
}
.game-provider
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
@media only screen and (max-width: 1025px)
{
    #game-providers
    {
        padding-top: 7vw;
    }
    #game-providers-inner .game-provider-container
    {
        width: 43%;
    }
    #game-providers .carousel-track
    {
        transform: none!important;
        overflow-x: auto;
    }
}
@media only screen and (max-width: 767px)
{
    #game-providers-inner .game-provider
    {
        height: 19.56vw;
    }
}
#games-section.full
{
    padding-bottom: 7vw;
}
#games-section.homepage
{
    position: relative;
    padding-top: 0;
}
#games-section #category-container
{
    padding: 0 5vw;
    background-color: #fff0;
    display: flex;
    align-items: flex-start;
    gap: 2vw;
    position: absolute;
    top: 70px;
    z-index: 3;
}
#category-container .category
{
    font-size: 1.3vw;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
}
#category-container .category:not(:only-child):not(:last-child)
{
    margin-right: 1.5vw;
}
#category-container .active
{
    pointer-events: none;
}
#category-container a
{
    border-radius: 4px;
    background: linear-gradient(180deg,#fcf9ed,#f8e8af);
    padding: 20px;
    display: flex;
    justify-content: center;
    height: 42px;
    min-width: 100px;
    border: 2px solid #fff4c9;
    box-shadow: 0 10px 12px 0 rgba(0,44,76,.08);
}
#category-container .category span
{
    width: 150px;
    height: 94px;
    position: absolute;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: 50%;
    background-size: contain;
    top: -45px;
}
#category-container .category p
{
    font-size: 1vw;
    font-weight: 700;
    color: #a93422;
    position: relative;
    font-family: Montserrat;
    bottom: 4px;
}
.fr-ca #category-container .category p, .no #category-container .category p
{
    font-size: .9vw;
}
#games-section .carousel-header
{
    padding: 2vw 0 0 5vw;
}
#games-section.featured .carousel-header
{
    padding: 8.5vw 0 0 5vw;
}
#games-section.oneline .carousel-header
{
    padding: 2vw 0 0 5vw;
}
#games-section .carousel-control, #games-section-one .carousel-control
{
    display: flex;
}
#games-container
{
    display: flex;
    padding: 1vw 0 0 5vw!important;
}
#games-section.full #games-container
{
    flex-wrap: wrap;
}
#big-game-container
{
    width: 23.7vw;
    min-width: 23.7vw;
    margin-right: .5vw;
}
#big-game-container .game
{
    width: 100%;
    min-width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
.game-review
{
    width: 23.7vw;
    min-width: 23.7vw;
    margin-right: .5vw;
    margin-bottom: .5vw;
}
.game-review .game
{
    display: flex;
    width: 100%;
    min-width: 100%;
    height: 100%;
    margin-right: 0;
    margin-bottom: 0;
}
#games-carousel
{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}
#games-carousel .carousel-track
{
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit,minmax(-webkit-min-content,12vw));
    grid-template-columns: repeat(auto-fit,minmax(min-content,12vw));
    grid-template-rows: repeat(1,12vw);
}
.game
{
    width: 12vw;
    min-width: 12vw;
    margin-right: .5vw;
    margin-bottom: .5vw;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.game .game-overlay
{
    width: 100%;
    height: 100%;
    padding: 1vw;
    top: 0;
    left: 0;
    z-index: 99;
    position: absolute;
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    background-color: rgba(0,0,0,.8);
}
.game:hover .game-overlay
{
    display: flex;
}
.game:hover .game-overlay p
{
    margin-bottom: 1vw;
    color: #fff;
    white-space: break-spaces;
}
.game:hover .game-overlay .button-container
{
    display: flex;
    flex-direction: column;
}
.game:hover .game-overlay .button-container .button
{
    padding: .5vw 1.5vw;
    font-size: .8vw;
}
.game:hover .game-overlay .button-container button:first-child
{
    margin-bottom: .5vw;
    margin-right: 0;
}
.game img
{
    width: 100%;
    display: block;
}
.game .badge
{
    font-size: .8vw;
    top: .5vw;
    left: 1vw;
    background-size: 100% 100%;
    padding-top: 1em;
    position: absolute;
    background-color: transparent;
    background-color: initial;
}
.game .badge.red
{
    color: #fff;
}
.game .jackpot-container
{
    position: absolute;
    bottom: 5px;
    left: 0;
    color: #fff;
    font-size: .7vw;
}
.game .jackpot-container .jackpot-title
{
    padding: 5px 5px 5px 10px;
    background-color: #002c4c;
}
.game .jackpot-container .jackpot-amount
{
    padding: 5px 10px;
    border-top-right-radius: 10px;
    font-weight: 700;
    background-color: #fbd305;
    color: #002c4c;
}
#games-section .button-container
{
    text-align: center;
}
.game-fun-play
{
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 99999;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0,0,0,.5);
}
.game-fun-play .button-container
{
    width: 100%;
    min-width: 100%;
    margin-top: 2vw;
    text-align: center;
}
@media only screen and (max-width: 1025px)
{
    #games-section #category-container
    {
        padding: 7vw 5vw 5vw;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        width: 100%;
        gap: 2vw;
        position: inherit;
        top: 10px;
        z-index: 3;
    }
    #category-container a
    {
        padding: 0 10px;
        box-shadow: 0 10px 12px 0 rgba(0,44,76,.08);
    }
    #category-container .category
    {
        padding: 5px;
        font-size: 2.7vw;
        width: auto;
        justify-content: flex-end;
    }
    #category-container .category span
    {
        width: 100px;
        height: 62px;
        top: 4px;
    }
    .game:hover .game-overlay
    {
        display: none;
    }
    #category-container .category p
    {
        font-size: 3.1vw;
        font-weight: 700;
        color: #a93422;
    }
    .fr-ca #category-container .category p, .no #category-container .category p
    {
        font-size: 3.1vw;
    }
    #games-section.full
    {
        padding-bottom: 5vw;
    }
    #games-carousel
    {
        width: 100%;
    }
    #games-carousel .carousel-track
    {
        grid-template-columns: repeat(auto-fit,minmax(-webkit-min-content,28.78vw));
        grid-template-columns: repeat(auto-fit,minmax(-webkit-min-content,38vw));
        grid-template-columns: repeat(auto-fit,minmax(min-content,38vw));
        grid-template-rows: repeat(1,38vw);
        overflow-x: auto;
    }
    .game
    {
        width: 38vw;
        min-width: 38vw;
        margin-right: 2.5vw;
        margin-bottom: 1.5vw;
    }
    .game .badge
    {
        font-size: 2.5vw;
        left: 2vw;
        padding-top: 1.5em;
    }
    .game .jackpot-container
    {
        font-size: 2vw;
        bottom: .9vw;
    }
    .game .jackpot-container .jackpot-title
    {
        padding: .9vw 1.2vw .9vw 2vw;
    }
    .game .jackpot-container .jackpot-amount
    {
        padding: .9vw 2vw .9vw 1.2vw;
    }
    #games-section .carousel-control
    {
        display: none;
    }
    #games-section.oneline.Live.Casino
    {
        position: relative;
        margin-top: -55vw;
        margin-bottom: 8vw;
        z-index: 2;
    }
    #games-section.oneline.Live.Casino h3
    {
        color: #fff;
    }
    #games-section.oneline.Live.Casino .button
    {
        color: #fff;
        border-color: #fff;
    }
}
#header
{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
#header #top-header
{
    padding: 5px;
    font-size: 12px;
    background-color: #001b2f;
    color: #fff;
    text-align: center;
    transition: all .2s ease-in;
}
#header.sticky #top-header
{
    max-height: 0;
    padding: 0;
    overflow: hidden;
}
#header #top-header *
{
    color: #fff!important;
    font-size: 12px!important;
    display: inline-block;
    vertical-align: middle;
}
#header #top-header>* *
{
    vertical-align: baseline;
}
#header #top-header a
{
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
}
#header #top-header img
{
    width: 2em;
    margin-right: .5em;
}
#header #top-header p
{
    display: flex;
    align-items: center;
    justify-content: center;
}
#header #main-header
{
    padding: 5px 5vw;
    width: 100%;
    z-index: 999;
    background-color: #002c4c;
    display: flex;
}
#main-header #section-left
{
    flex: 1 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#section-left #hamburger
{
    width: 2vw;
    height: 1.5vw;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
#header #search-container
{
    width: 15vw;
    position: relative;
}
#search-container #search
{
    width: 100%;
    padding: 10px 10px 10px 50px;
    border-radius: 50px;
    font-size: .8vw;
    border: none;
    background-color: #506c84;
    background-repeat: no-repeat;
    background-size: auto 70%;
    background-position: 10px;
    color: #fff;
}
#search-container #search::-moz-placeholder
{
    color: #fff;
}
#search-container #search::placeholder
{
    color: #fff;
}
#search-container #search:-ms-input-placeholder
{
    color: #fff;
}
#search-container #search:focus
{
    outline: none;
}
#search-container #game-list
{
    top: calc(30px + .8vw);
    width: 100%;
    max-height: 50vh;
    padding: 5px 0;
    z-index: 999;
    position: absolute;
    overflow-y: auto;
    display: none;
    background-color: #002c4c;
    border: 1px solid #506c84;
}
#search-container #game-list::-webkit-scrollbar
{
    width: 7px;
}
#search-container #game-list::-webkit-scrollbar-track
{
    background: #001b2f;
}
#search-container #game-list::-webkit-scrollbar-thumb
{
    background: #0b4d81;
    border-radius: 20px;
}
#search-container #game-list::-webkit-scrollbar-thumb:hover
{
    background: #fbd305;
}
#game-list p
{
    font-size: .8vw;
    height: calc(1vw + .8vw);
    padding-left: .5vw;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}
#game-list p span
{
    width: calc(1vw + .8vw);
    height: 100%;
    margin-right: .5vw;
    background-size: 80% auto;
    background-position: 0;
    background-repeat: no-repeat;
    display: inline-block;
}
#game-list p:hover
{
    background-color: #3b4f67;
    color: #fbd305;
}
#main-header #logo
{
    flex: 1 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header.landingpage #main-header #logo
{
    justify-content: flex-start;
}
#logo img
{
    width: 100%;
    max-width: 15vw;
}
#main-header #section-right
{
    flex: 1 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#section-right #present
{
    width: 2.5vw;
    height: 2.5vw;
    background-size: 200% auto;
    background-position: 0;
    cursor: pointer;
}
#section-right #present:hover
{
    background-position: 100%;
}
#section-right #image-right
{
    max-width: 20%;
}
#main-header #section-left>:not(:only-child):not(:last-child), #main-header #section-right>:not(:only-child):not(:last-child)
{
    margin-right: 1vw;
}
.top-cont
{
    background-color: #001b2f;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top-cont>*
{
    width: 100vw;
}
@media only screen and (min-width: 1026px)
{
    #main-header .button:not(:only-child):not(:last-child)
    {
        margin-right: .5vw;
    }
    #main-header .button
    {
        padding: .5vw 2.5vw;
        font-size: 1vw;
    }
}
#header #menu
{
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999;
    background-color: rgba(0,0,0,.5);
    position: fixed;
    display: none;
}
#header #menu.open
{
    display: block;
}
#menu #menu-inner
{
    width: 20vw;
    height: 100vh;
    padding: 20px;
    background-color: #002c4c;
    position: relative;
    transform: translate(-100%);
    transition: all .3s ease-in;
}
#menu.open #menu-inner.open
{
    transform: translate(0);
    overflow-y: auto;
}
#menu-inner #menu-upper
{
    display: flex;
    align-items: center;
}
#menu-upper #menu-close
{
    cursor: pointer;
    width: .8vw;
}
#menu-upper #menu-close:hover
{
    transform: scale(1.2);
}
#menu-upper #logo
{
    width: 70%;
    margin: 0 auto;
    text-align: center;
}
#menu-inner #menu-upper #logo img
{
    width: 100%;
    max-width: 10vw;
}
#menu-inner div:not(#menu-buttons):not(#menu-upper) a
{
    color: #fff;
    display: block;
    font-size: 1vw;
    height: calc(20px + 1vw);
    display: flex;
    align-items: center;
}
#menu-inner div#other-links a
{
    height: auto;
    padding: 5px;
    opacity: .5;
}
#menu-inner div:not(#menu-buttons):not(#menu-upper) a:hover
{
    color: #fbd305;
    background-color: #3b4f67;
    opacity: 1;
}
#menu-inner div#other-links a:hover
{
    background-color: transparent;
    background-color: initial;
}
#menu-inner div:not(#menu-buttons) a span
{
    width: calc(20px + 1vw);
    height: 100%;
    margin-right: 5px;
    background-position: 0;
    background-size: 200% auto;
    background-repeat: no-repeat;
    display: inline-block;
}
#menu-inner div:not(#menu-buttons) a:hover span
{
    background-position: 100%;
}
#menu-inner #other-links, #menu-inner #primary, #menu-inner #secondary
{
    padding: 1vw 0;
}
#menu-inner #other-links:empty, #menu-inner #primary:empty, #menu-inner #secondary:empty
{
    display: none;
}
#menu-inner #primary
{
    margin-bottom: 1vw;
}
#menu-inner #secondary
{
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0;
}
#menu-inner #menu-buttons
{
    text-align: center;
}
#menu-buttons .button
{
    width: 80%;
    margin: 10px 0;
}
#lang-bar .arrow
{
    border: solid #fff;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: .1vw;
}
.down
{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#language-bar
{
    width: 12vw;
    position: fixed;
    z-index: 99;
    right: 0;
    top: auto;
    overflow: hidden;
    border-radius: 5px 0 0 5px;
    background-color: #0b4d81;
    border: 1px solid #506c84;
}
#language-bar #current-language
{
    cursor: pointer;
}
#language-bar #other-languages
{
    max-height: 0;
    transition: all .3s ease-in;
    overflow: hidden;
}
#language-bar #other-languages.open
{
    border-top: 1px solid #fff;
}
#language-bar .language
{
    padding: 10px;
    display: flex;
    align-items: center;
}
#language-bar .language:not(#current-language):hover
{
    background-color: #3b4f67;
}
.language .language-icon
{
    min-width: 8px;
    max-width: 8px;
    height: auto;
    margin-right: .5vw;
}
.language .language-title
{
    font-size: 1.1vw;
    color: #fff;
}
.language #language-arrow
{
    min-width: 1vw;
    max-width: 1vw;
    margin-left: auto;
}
#language-bar.open #language-arrow
{
    transform: rotate(-180deg);
}
@media only screen and (max-width: 1025px)
{
    #header #top-header
    {
        font-size: 10px;
    }
    #main-header #logo, #main-header #section-left, #main-header #section-right
    {
        flex: auto;
    }
    #main-header #section-left
    {
        max-width: 10vw;
    }
    #main-header #logo
    {
        justify-content: left;
    }
    #header #search-container
    {
        width: 100%;
    }
    #header #search
    {
        width: 80%;
        font-size: 3.5vw;
        padding: 10px 10px 10px 10vw;
        display: block;
        margin: 5vw auto 3vw;
        background-size: auto 50%;
    }
    #search-container #game-list
    {
        position: relative;
        top: auto;
        left: auto;
        border: none;
    }
    #game-list p
    {
        font-size: 4vw;
        height: calc(20px + 4vw);
        padding: 0 20px;
    }
    #game-list p span
    {
        width: calc(20px + 4vw);
    }
    #section-left #hamburger
    {
        width: 6vw;
        height: 5vw;
    }
    #logo img
    {
        max-width: 20vw;
    }
    #section-right .button-container .button
    {
        text-align: center;
        padding: 1.4vw 2.5vw;
    }
    .de #section-right .button-container .button, .dk #section-right .button-container .button, .es #section-right .button-container .button, .fi #section-right .button-container .button, .no #section-right .button-container .button, .se #section-right .button-container .button
    {
        font-size: 3vw;
    }
    #section-right #present
    {
        display: none;
    }
    #section-right #image-right
    {
        max-width: 30%;
    }
    #main-header #section-right>:not(:only-child):not(:last-child)
    {
        margin-right: 4vw;
    }
    #menu #menu-inner
    {
        width: 85%;
        height: 100%;
        max-height: 100%;
        padding: 5px 0 15vw;
    }
    #menu-inner #menu-upper
    {
        padding: 0 10px;
    }
    #menu-inner #menu-upper #logo
    {
        max-width: 35vw;
        margin-bottom: 5px;
        margin-left: 0;
    }
    #menu-inner #menu-upper #logo img
    {
        max-width: 23vw;
    }
    #menu-upper #menu-close
    {
        width: 3.5vw;
    }
    #menu-inner #secondary
    {
        border-color: #0b4d81;
    }
    #menu-inner div:not(#menu-buttons):not(#menu-upper) a
    {
        font-size: 4vw;
        height: calc(20px + 4vw);
        padding: 0 20px;
    }
    #menu-inner div:not(#menu-buttons):not(#menu-upper) a span
    {
        width: calc(20px + 4vw);
    }
    #menu-buttons .button
    {
        padding: 2.5vw 0;
        font-size: 4vw;
        width: 35vw;
        margin: 10px 0;
    }
    .de #menu-buttons .button, .dk #menu-buttons .button, .fi #menu-buttons .button, .no #menu-buttons .button, .se #menu-buttons .button
    {
        font-size: 3.5vw;
    }
    #menu-buttons .button:first-child
    {
        margin-right: 3vw;
    }
    #menu-inner #language-bar
    {
        position: static;
        width: 100%;
        background-color: transparent;
        top: auto;
    }
    #language-bar #current-language
    {
        top: 2vw;
        right: 20px;
        width: 40vw;
        position: absolute;
    }
    #language-bar #other-languages
    {
        background-color: #0b4d81;
    }
    #language-bar.open #other-languages
    {
        margin-top: 20px;
    }
    #other-languages .language
    {
        padding: 1vw 4vw;
    }
    #other-languages .language:hover
    {
        background: #3b4f67;
    }
    .language .language-icon
    {
        margin-right: 2vw;
    }
    .language .language-title
    {
        font-size: 4vw!important;
        padding: 0!important;
    }
    .language #language-arrow
    {
        min-width: 4vw;
        max-width: 4vw;
    }
}
.top-cont .text
{
    font-size: 12px;
}
:root
{
    --beam-position: sticky;
    --beam-index: 999;
    --beam-color: #fff;
    --beam-font-size: 16px;
    --beam-background: #000;
    --beam-padding: 5px;
    --beam-link-color: #fff;
    --beam-link-decoration: underline;
    --beam-link-color-hover: #fff;
    --beam-link-decoration-hover: none;
}
@media only screen and (max-width: 700px)
{
    .top-cont
    {
        padding: 5px;
    }
    .top-cont .text
    {
        text-align: center;
        font-size: 10px;
    }
}
.section.heading-and-text
{
    padding: 1vw 12vw 4vw;
    background-repeat: no-repeat;
    background-size: cover;
}
.heading-and-text .button-container, .heading-and-text .heading
{
    text-align: center;
}
.heading-and-text .heading
{
    font-size: 2vw;
}
.heading-and-text li, .heading-and-text ol, .heading-and-text p
{
    margin-bottom: 1vw;
}
.heading-and-text .button-container
{
    margin-top: 4vw;
}
@media only screen and (max-width: 1025px)
{
    .section.heading-and-text
    {
        padding: 2vw 5vw 4vw;
    }
    .heading-and-text .heading
    {
        font-size: 5.5vw;
        margin-bottom: 5vw;
    }
    .heading-and-text li, .heading-and-text ol, .heading-and-text p
    {
        margin-bottom: 2vw;
    }
    .heading-and-text .button-container
    {
        margin-top: 5vw;
    }
}
#jackpots
{
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    color: #fff;
    padding: 9vw 5vw 5vw;
}
#jackpots img
{
    width: 50%;
}
#jackpots #jackpots-inner
{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
#jackpots-inner .jackpot
{
    width: 33%;
    padding: 5.5vw 10px 3vw;
    font-size: 1.5vw;
    background-size: 100% 100%;
    margin-bottom: 2vw;
    color: #fff;
}
#jackpots-inner .button-container, #jackpots-inner .text
{
    width: 100%;
}
#jackpots-inner .text
{
    text-align: left;
    margin-bottom: 2vw;
}
#jackpots-inner .text, #jackpots-inner .text *
{
    color: #fff!important;
}
@media only screen and (max-width: 1025px)
{
    #jackpots
    {
        margin-top: 10vw;
        padding-top: 15vw;
        background-image: url(../../gambling/image/jcbg.png)!important;
        background-size: 105%;
        min-height: 472px;
    }
    #jackpots>*
    {
        width: 100%!important;
    }
    #jackpots-inner
    {
        justify-content: space-between;
        padding-top: 17vw;
    }
    #jackpots-inner .jackpot
    {
        font-size: 3.3vw;
        padding: 10vw 10px 5vw;
        margin-bottom: -2vw;
    }
    #jackpots-inner .text
    {
        display: none;
    }
    #jackpots>img
    {
        top: -13vw;
        position: absolute;
        width: calc(100% - 3vw)!important;
    }
    #games-section.oneline.is_jackpot
    {
        top: -60vw;
        position: relative;
        margin-bottom: -50vw;
    }
    #games-section.oneline.is_jackpot .carousel-header h3
    {
        color: #fff;
    }
    #games-section.oneline.is_jackpot .button
    {
        color: #fff;
        border-color: #fff;
    }
}
@media only screen and (max-width: 767px)
{
    #jackpots
    {
        padding: 10vw 3vw;
    }
    #jackpots-inner .jackpot
    {
        font-size: 3.5vw;
        padding: 14vw 10px 7vw;
    }
}
.section.offer-strip
{
    text-align: center;
    padding: 1vw 12vw 4vw;
}
.section.offer-strip .offer
{
    padding: 1vw;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
}
.offer .offer-inner
{
    width: 50%;
    z-index: 2;
}
.offer .offer-image-above
{
    width: 33%;
    left: 0;
    top: 50%;
    margin-bottom: 0;
    transform: translateY(-50%);
    position: absolute;
}
.section.offer-strip .offer-inner :not(:last-child):not(.terms-expand)
{
    margin-bottom: 1vw;
}
.offer-inner .offer-heading
{
    font-size: 2vw;
    font-weight: 700;
    color: #fff;
}
.offer-inner .offer-subheading
{
    font-size: 1vw;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0!important;
}
.offer-inner .accordion-body, .offer-inner .accordion-body *, .offer-inner .terms-expand
{
    font-size: .7vw!important;
    color: #fff!important;
    cursor: pointer;
    position: relative;
}
.offer-inner .accordion-body.open
{
    margin-top: 1vw;
}
@media only screen and (max-width: 1025px)
{
    .section.offer-strip
    {
        padding: 4vw 5vw;
    }
    .section.offer-strip .offer
    {
        padding: 8vw 0;
        align-items: flex-start;
    }
    .section.offer-strip .offer-inner
    {
        width: 65%;
        padding-right: 5vw;
        margin-left: auto;
        text-align: left;
    }
    .section.offer-strip .offer :not(:last-child):not(.terms-expand)
    {
        margin-bottom: 2vw;
    }
    .offer .offer-image-above
    {
        width: 55%!important;
    }
    .offer-inner .offer-heading
    {
        font-size: 5vw;
        margin-bottom: 4vw!important;
    }
    .offer-inner .offer-subheading
    {
        font-size: 3vw;
    }
    .offer-inner .button
    {
        font-size: 2.8vw;
    }
    .offer-inner .accordion-body, .offer-inner .accordion-body *, .offer-inner .terms-expand
    {
        font-size: 2.7vw!important;
    }
    .offer-inner .accordion-body.open, .offer-inner .terms-expand
    {
        padding-right: 2vw;
    }
    .offer-inner .accordion-body.open
    {
        margin-top: 2vw;
    }
}
.social-icons
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.social-icons img
{
    width: 5vw;
    max-width: 50px;
}
.social-icons img:not(:first-child)
{
    margin-left: 1vw;
}
@media only screen and (max-width: 1025px)
{
    .social-icons img
    {
        width: 7vw;
    }
}
.special-heading
{
    text-align: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.special-heading>:not(:only-child):not(:last-child)
{
    margin-bottom: 2vw;
}
.special-heading h2
{
    font-size: 2vw;
    color: #fff;
    font-weight: 400;
}
.special-heading h2>span
{
    font-size: 130%;
    font-weight: 900;
}
.special-heading h2>span>span
{
    color: #fcd305;
}
@media only screen and (max-width: 1025px)
{
    .special-heading h2
    {
        font-size: 5.5vw;
    }
}
#special-offer
{
    text-align: center;
    background-size: 100% 100%;
    padding-bottom: 5vw;
}
#special-offer>:not(:last-child):not(.heading)
{
    margin-bottom: 2vw;
}
#special-offer .heading
{
    font-weight: 400;
    margin-bottom: 1vw;
}
#special-offer h3
{
    font-size: 2.2vw;
}
#special-offer h3 span
{
    font-size: 150%;
}
#special-offer .text
{
    width: 40%;
    min-width: 400px;
    margin: 0 auto;
}
#special-offer .text a
{
    color: inherit!important;
}
#special-offer #terms-text.text, #special-offer #terms-text.text *
{
    font-size: .7vw!important;
}
@media only screen and (max-width: 1025px)
{
    #special-offer
    {
        background: none!important;
        padding-bottom: 4vw;
    }
    #special-offer h3
    {
        font-size: 5.5vw;
    }
    #special-offer .text
    {
        width: 100%;
        min-width: 0;
        min-width: auto;
    }
    #special-offer #terms-text.text, #special-offer #terms-text.text *
    {
        font-size: 2.7vw!important;
    }
    #special-offer>:not(:last-child):not(.heading)
    {
        margin-bottom: 4vw;
    }
}
@media only screen and (max-width: 767px)
{
    #special-offer h3
    {
        font-size: 6.5vw;
    }
    #special-offer h3 span
    {
        font-size: 120%;
    }
}
#steps.section
{
    padding: 0 12vw 2vw;
}
#steps.section.full-width
{
    padding: 0 0 2vw;
}
#steps #steps-inner
{
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#steps.full-width #steps-inner
{
    border-radius: 0;
    padding: 0 12vw;
}
#steps-inner .step
{
    padding: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
#steps-inner .step-image
{
    width: 5vw;
}
.step .step-text
{
    margin-left: 1vw;
}
.step-text h3
{
    font-size: 1.5vw;
    line-height: 1.5em;
    color: #ee1c25;
}
.step-text *
{
    font-size: 1vw;
    font-weight: 600;
}
.step-text p *
{
    color: inherit;
}
.step-text p a
{
    text-decoration: underline;
}
#steps-inner .step-arrow
{
    width: 1.3vw;
}
#steps-inner .step-arrow:last-child
{
    display: none;
}
@media only screen and (max-width: 1025px)
{
    #steps.section
    {
        padding: 2vw 5vw 4vw;
    }
    #steps #steps-inner
    {
        flex-direction: column;
    }
    #steps-inner .step
    {
        width: 100%;
        min-width: 100%;
        margin-top: 2vw;
        padding: 2vw;
        justify-content: flex-start;
    }
    #steps-inner .step:first-child
    {
        margin-top: 0;
    }
    #steps-inner .step-image
    {
        width: 18vw;
    }
    .step .step-text
    {
        margin-left: 5vw;
    }
    .step-text h3
    {
        font-size: 5vw;
    }
    .step-text *
    {
        font-size: 4vw;
    }
    #steps-inner .step-arrow
    {
        display: none;
    }
}
.three-column-section
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    background-size: 100% 100%;
}
.three-column-section .column
{
    padding: 1vw;
    width: 33%;
}
.three-column-section .column>img
{
    margin: 0 auto;
    max-width: 100%;
    display: block;
}
@media only screen and (max-width: 1025px)
{
    .three-column-section .column
    {
        min-width: 100%;
    }
    .three-column-section .column:not(:first-child)
    {
        padding-top: 10vw;
    }
}
.two-column-section
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2vw 10vw!important;
    background-size: 100% 100%;
}
.two-column-section .column
{
    width: 50%;
}
.two-column-section .column.first
{
    padding: 0;
}
.two-column-section .column.second img
{
    max-width: 100%;
    padding: 30px;
}
.two-column-section.f-s .column.first
{
    order: 1;
}
.two-column-section.f-s .column.second, .two-column-section.s-f .column.first
{
    order: 2;
}
.two-column-section.s-f .column.second
{
    order: 1;
}
.two-column-section .column .heading:after
{
    margin: 5px 0 0;
    width: 7vw;
}
.two-column-section .column>:not(:only-child):not(:last-child)
{
    margin-bottom: 2vw;
}
@media only screen and (max-width: 1025px)
{
    .two-column-section .column
    {
        min-width: 100%;
    }
    .two-column-section .column.second
    {
        order: 1!important;
        margin-bottom: 2vw;
    }
    .two-column-section .column.first
    {
        order: 2!important;
        padding: 0;
    }
    .two-column-section .button-container, .two-column-section .column .heading, .two-column-section .column.second
    {
        text-align: left;
    }
    .two-column-section .column.second img
    {
        max-width: 85%;
        margin: 0 auto;
        display: block;
    }
    .two-column-section .column .heading
    {
        font-size: 5vw;
    }
    .two-column-section .column .heading:after
    {
        display: none;
    }
    .two-column-section .button-container
    {
        margin-top: 6vw;
    }
}
@media only screen and (max-width: 767px)
{
    .two-column-section .column .heading
    {
        font-size: 6vw;
    }
    .two-column-section .column.second img
    {
        max-width: 75%;
    }
}
#carousel
{
    padding: 3vw 5vw;
}
#carousel-items-inner
{
    min-width: 100%;
    padding: 1vw;
    display: flex;
    overflow: hidden;
}
#carousel-items-inner .carousel-item-container
{
    width: 14.6vw;
    padding-right: 1vw;
    display: inline-flex;
    vertical-align: top;
    white-space: normal;
    position: relative;
    flex-direction: column;
}
#carousel-items-inner .carousel-item-container:last-child
{
    padding-right: 0;
}
#carousel-items-inner .carousel-item
{
    border-radius: 3px;
    height: 13.5vw;
    width: 100%;
    box-shadow: 0 0 5px #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#carousel .carousel-item img
{
    max-width: 100%;
    max-height: 100%;
}
#carousel-items-inner .carousel-item-container p
{
    width: 100%;
    font-size: 1vw;
    margin-top: .5vw;
    text-align: center;
}
@media only screen and (max-width: 1025px)
{
    #carousel
    {
        padding-top: 7vw;
    }
    #carousel .carousel-track
    {
        padding-bottom: 3vw;
    }
    #carousel-items-inner .carousel-item-container
    {
        width: 43%;
    }
    #carousel .carousel-track
    {
        transform: none!important;
        overflow-x: auto;
    }
    #carousel-items-inner .carousel-item-container p
    {
        font-size: 3.5vw;
        margin-top: 1vw;
    }
}
@media only screen and (max-width: 767px)
{
    #carousel-items-inner .carousel-item
    {
        height: 40vw;
    }
}
#vip-container
{
    padding: 2vw 2vw 0;
    color: #fff;
}
#vip-container :not(.badge)
{
    color: #fff;
}
#vip-container>:not(:last-child)
{
    margin-bottom: 1vw;
}
#vip-container h4
{
    font-size: 2vw;
}
#vip-container p
{
    line-height: 1em;
}
@media only screen and (max-width: 1025px)
{
    #vip-container
    {
        padding: 0;
    }
    #vip-container h4
    {
        font-size: 4.5vw;
    }
    #vip-container>:not(:last-child)
    {
        margin-bottom: 2vw;
    }
    #vip-container p
    {
        margin-bottom: 4vw!important;
        line-height: 1.5em;
    }
    #vip-container :not(.badge)
    {
        color: #fff;
    }
}
.section.game-demo
{
    padding: 2vw 10vw!important;
}
.section.game-demo .header
{
    padding: 1vw;
    display: flex;
    justify-content: space-between;
    background-color: #001b2f;
}
.section.game-demo .heading
{
    font-size: 1.8vw;
    margin-bottom: 0;
    color: #fff;
}
.section.game-demo .heading:after
{
    display: none;
}
.section.game-demo .rating
{
    display: flex;
    align-items: center;
}
.section.game-demo .star
{
    width: 2vw;
    height: 2vw;
    transition: .3s;
    background-size: 76%;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: 50%;
}
.section.game-demo .star.active
{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.section.game-demo .votes
{
    font-size: 1.1vw;
    margin-left: .5vw;
    color: #fff;
}
.section.game-demo .demo-container
{
    background-color: #003166;
}
.section.game-demo .demo-container img
{
    width: auto;
    max-width: 90%;
    height: 30vw;
    margin: 0 auto;
    display: block;
}
.section.game-demo .button-container
{
    margin-top: 2vw;
}
.section.game-demo .game-fun-play .game-fun-play-inner
{
    max-width: 100%;
    margin: 0 auto;
    display: block;
    position: relative;
}
.section.game-demo .game-fun-play iframe
{
    width: 100%;
    height: 100%;
}
.section.game-demo .game-fun-play .close
{
    font-size: 20px;
    top: 10px;
    right: 15px;
    position: absolute;
    color: #fff;
    cursor: pointer;
    text-shadow: -2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;
}
@media only screen and (max-width: 1025px)
{
    .section.game-demo
    {
        padding: 2vw 0 5vw!important;
    }
    .section.game-demo .header
    {
        padding: 1vw 2vw;
    }
    .section.game-demo .header .heading
    {
        font-size: 4vw;
    }
    .section.game-demo .star
    {
        width: 5vw;
        height: 5vw;
    }
    .section.game-demo .votes
    {
        font-size: 3vw;
    }
    .section.game-demo .demo-container img
    {
        height: auto;
    }
    .section.game-demo .button-container
    {
        margin-top: 5vw;
        text-align: center;
    }
    .section.game-demo .game-fun-play .close
    {
        font-size: 15px;
        top: 5px;
        right: 10px;
    }
}
.section.features
{
    padding: 2vw 10vw!important;
}
.section.features .heading
{
    font-size: 2vw;
}
.section.features .heading:after
{
    margin: 5px 0 0;
}
.section.features .row-container
{
    margin-bottom: 2vw;
    display: flex;
}
.section.features .row
{
    width: 33%;
}
.section.features .row-container .heading
{
    font-size: 1.2vw;
    margin-bottom: 1vw;
}
.section.features .row-container .heading:after
{
    display: none;
}
.section.features .list
{
    padding-left: 2em;
}
@media only screen and (max-width: 1025px)
{
    .section.features .heading
    {
        font-size: 5.5vw;
    }
    .section.features .row-container
    {
        margin-bottom: 4vw;
        display: block;
    }
    .section.features .row
    {
        width: 100%;
    }
    .section.features .row-container .heading
    {
        font-size: 4vw;
    }
    .section.features .list li
    {
        font-size: 3.5;
    }
}
body, html
{
    padding: 0;
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;
}
a
{
    color: inherit;
    text-decoration: none;
}
*
{
    box-sizing: border-box;
}
.index-login
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}
.index-login input
{
    margin: 10px 0;
}