/*banner*/
#banner-title{
    height: 31.1875rem;
}
#banner-title img{
    max-width: 1920px;
    object-fit: contain;
}
div.main-title-block, section.main-title-block{
    padding-top: 1rem;
}
@media screen and (max-width: 767px){
    #banner-title{
        height: 28.1875rem;
    }
}
@media screen and (max-width: 440px){
    #banner-title{
        height: 25.1875rem;
    }
}
@media screen and (max-width: 390px){
    #banner-title{
        height: 21.1875rem;
    }
}
@media screen and (max-width: 1030px){
    #banner-title img{
        object-fit: cover;
    }
}

/*cookie popup*/
.cookie-modal-background .modal .modal-header,
.modal-background .modal .modal-header{
    max-width: 540px;
    left: 0;
}
.cookie-modal-background .modal .modal-container,
.modal-background .modal .modal-container{
    margin-top: -200px;
}
.cookie-modal-background .modal .modal-body,
.modal-background .modal .modal-body{
    padding-top: 200px;
}
@media screen and (max-width: 510px){
    .cookie-modal-background .modal .modal-header,
    .modal-background .modal .modal-header{
        max-width: unset;
        width: 110%;
        left: -5%;
    }
}
@media screen and (max-width: 600px) {
    .cookie-modal-background .modal .modal-container,
    .modal-background .modal .modal-container{
        margin-top: -40vw;
    }
    .cookie-modal-background .modal .modal-body,
    .modal-background .modal .modal-body{
        padding-top: 40vw;
    }
}

/*new footer*/
.cookie-modal-background .modal .modal-footer, .modal-background .modal .modal-footer{
    max-width: 540px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: -150px;
}
.cookie-modal-background .modal .modal-body, .modal-background .modal .modal-body{
    padding-bottom: 130px;
}
@media screen and (max-width: 560px) {
    .cookie-modal-background .modal .modal-footer, .modal-background .modal .modal-footer{
        width: 110%;
        left: -5%;
        max-width: unset;
        top: -30vw;
    }
    .cookie-modal-background .modal .modal-body, .modal-background .modal .modal-body{
        padding-bottom: 30vw;
    }
}

/*new bubbles*/
.modal-background .modal .modal-body p{
    position: relative;
    z-index: 1;
}
.modal-background .modal .modal-body .prize-detail{
    margin-bottom: 2.25rem;
}
.modal-background .modal .modal-body .prize-detail-bubbles{
    position: absolute;
    width: 100%;
    height: auto;
    max-width: 430px;
    margin: -315px 0 0 -25px;
    z-index: 0;
}
@media screen and (max-width: 560px) {
    .modal-background .modal .modal-body .prize-detail-bubbles{
        max-width: 80vw;
        margin: -64vw 0 0 -5vw;
    }
}

.img-fluid{
    width: 100%;
    height: auto;
}

select {
    width: 100%;
    padding: 0.750rem;
    margin: 1.375rem 0;
    font-size: 1.125rem;
    text-align: center;
    color: #FFFFFF;
    line-height: 1;
    background-color: #1D1D1B;
    background-clip: padding-box;
    border: 3px solid #1D1D1B;
    border-radius: 0.4375rem;
}

/*CHERRY COKE UPDATE*/
body{
    background: transparent linear-gradient(180deg, #87066e 0%, #DE1A1C 580px, #931008 100%) 0% 0% no-repeat padding-box;
}
#banner-title{
    margin-top: 0;
}
.button-container .button{
    background: #87066e;
    border-color: white;
}
.steps .step{
    background: #87066e;
    border: 3px solid white;
}
.steps .step .step-indicator{
    color: #87066e;
}
input:not([type=checkbox]), input:not([type=radio]){
    background: #87066e;
}
.control__indicator{
    background: transparent;
    border-color: white;
}
.control input:focus~.control__indicator, .control:hover input~.control__indicator{
    background: #87066e;
}
.control input:checked:focus~.control__indicator, .control:hover input:not([disabled]):checked~.control__indicator{
    background: #ffffff;
    border-color: #1D1D1B;
}
.wheel-wrapper .sector:nth-child(2n),
.wheel-wrapper.end .sector:nth-child(2n).active{
    background: #87066e;
}
.wheel-wrapper .sector:nth-child(2n).active, .wheel-wrapper .sector:nth-child(2n):hover{
    background: #6b0554;
}