body{
    font-family: HeinekenSerif18-Bold,arial;
    width:768px;
    height:1366px;
    margin:0;
    overflow:hidden;
}
img{
    display: block;
}
.d-block {
    display: block!important;
}
.m-auto {
    margin: auto!important;
}
.w-50 {
    width: 50%!important;
}

/* modal */
.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body,.modal-fullscreen .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}
.modal-content {
    background: transparent;
    border: 0;
}
.fade {
    transition: opacity .15s linear;
}
.fade:not(.show) {
    opacity: 0;
}


/* container box */
.container{
    position: relative;
    display: none;
}

.img_full{
    width:100%;
}
.div_link_a{
    position: absolute;
    width: 60%;
    height: 6%;
}

/* container_home */
#home_div_link_a_playnow{
    top: 75%;
    left: 20%;
}
#home_div_link_a_howtowin{
    top: 82.5%;
    left: 20%;
}

/* container_howtowin  */
#howtowin_div_link_a_back{
    top: 82%;
    left: 9%;
    width: 40%;
}
#howtowin_div_link_a_next{
    top: 82%;
    left: 51%;
    width: 40%;
}

/* container_rewards  */
#rewards_div_link_a_back{
    top: 82%;
    left: 9%;
    width: 40%;
}
#rewards_div_link_a_playnow{
    top: 82%;
    left: 51%;
    width: 40%;
}

/* container_registration  */
.registration_form{
    position: absolute;
    width: 78%;
    display: block;
    left: 50%;
    margin-left: -39%;
    top: 43.4vw;
}
.registration_form_box{
    margin-bottom: 30px;
}
.registration_text{
    display: block;
    margin-bottom:5px;
    font-size: 3.4vw;
    color: #fff;
}
.registration_input{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-transform: uppercase!important;
    height: 6vw;
    font-size: 3.5vw;
}
.registration_checkbox_box{
    display: block;
    height: 30px;
}
.registration_checkbox{
    float:left;
    width: 25px;
    height: 25px;
}
.registration_checkbox_label{
    float:left;
    margin-left:5px;
    color: #fff;
    font-size: 2.5vw;
    vertical-align: top;
    line-height: 4vw;
}
#registration_div_link_a_back{
    color: #fff;
    font-size: 6.5vw;
    width: 75%;
    display: block;
    margin: auto;
    background: #e20712;
    box-shadow: 1px 1px 11px #000;
    border: 0;
    padding: 10px;
    margin-top: 30px;
}

/* container_howtoplay1  */
#howtoplay1_div_link_a_back{
    top: 86%;
    left: 9%;
    width: 40%;
}
#howtoplay1_div_link_a_next{
    top: 86%;
    left: 51%;
    width: 40%;
}

/* container_howtoplay2  */
#howtoplay2_div_link_a_back{
    top: 86%;
    left: 9%;
    width: 40%;
}
#howtoplay2_div_link_a_play{
    top: 86%;
    left: 51%;
    width: 40%;
}

/* container_playgame  */
.gamebox-header{
    position: fixed;
    width: 100%;
    top: 4.5%;
    color: #fff;
    font-size: 7.5vw;
}
#gamebox-header-countdown{
    position: absolute;
    right: 35%;
}
#gamebox-header-score{
    position: absolute;
    width:17%;
    right: 6.5%;
    margin-top: 2%;
    text-align: center;
}
#gamebox-overlay, #gamebox-overlay-2{
    display: none;
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 99;
}
#gamebox-overlay-2{
    z-index:999;
}
.gamebox{
    display: none;
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}
.gamebox-background{
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
}
.gamebox-image{
    position: absolute;
    width: 50%;
    top: 40%;
    left: 25%;
}
.gamebox-image img{
    width:100%;
}
.gamebox-image img.gamebox-image-game-arrow-left, .gamebox-image img.gamebox-image-game-arrow-right{
    position: absolute;
    width: 40%;
    top: 34%;
}
.gamebox-image img.gamebox-image-game-arrow-left{
    left:-35%;
}
.gamebox-image img.gamebox-image-game-arrow-right{
    right:-35%;
}
.gamebox-image-point{
    position: absolute;
    width: 50%;
    left: 0;
    margin-left: 25%;
    top: 0;
    margin-top: -15%;
}
.gamebox-image-point-img{
    width:100%;
}
#myvideo{
    display: none;
    width: 200px;
    height: 150px !important;
    position: fixed;
    bottom:3%;
    right: 3%;
    z-index: 9999;
}
#pointer{
    z-index:999;
    width: 2.5em;
    height:2.5em;
    position: absolute;
/*    top: -100px;*/
    top:40%;
    left: -100px;

    transition:100ms;
    -webkit-transition:100ms;
    -moz-transition:100ms;
}
#mycursor{
    z-index:999;
    width: 2.5em;
    height:2.5em;
    position: absolute;
    top:0;
    /*background: rgba(0,0,0,0.4);
    border-radius: 2.5em;*/

    transition:100ms;
    -webkit-transition:100ms;
    -moz-transition:100ms;
}
#mycursor img{
    display: block;
    width:100%;
}

/* container_score */
.score_box{
    position: absolute;
    top: 30%;
    width: 100%;
    text-align: center;
    font-size: 20vw;
    color: #fff;
}
#score_div_link_a_prize{
    top: 52%;
    left: 14%;
    width: 72%;
    height: 5.5%;
}

/* container_score */
#prize_div_link_a_home{
    top: 52%;
    left: 14%;
    width: 72%;
    height: 5.5%;
}