/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Slick.css */.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} */

/* Slick-theme.css */.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

body,
html {
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
}

.mobile {
    display: none;
}

.action-container .button-wrapper button {
    -webkit-animation: glowing 1000ms infinite;
    -moz-animation: glowing 1000ms infinite;
    -o-animation: glowing 1000ms infinite;
    -ms-animation: glowing 1000ms infinite;
    animation: glowing 1000ms infinite;
}

.action-container .button-wrapper button:hover {
    transform: scale(1.05);
}

.action-container .button-wrapper button:hover:before {
    right: -50%;
    transition: 1.5s ease all;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('./Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('./Roboto-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('./Roboto-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

main {
    background-image: url(./bg-desktop.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: 'Roboto-Regular';
}

.main-container {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 30px 0;
    display: flex;
    align-items: flex-start;
}

.left-container {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 20px 35px 0px rgba(0, 180, 255, 0.15);
}

.left-container img{
    width: 100%;
}

.offer-image{
    width: 70% !important;
}

.right-container {
    /* display: none; */
    width: 35%;
    margin-left: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(255, 255, 255);
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 20px 35px 0px rgba(0, 180, 255, 0.15);
}

.right-container img{
    width: 100%;
    display: none;
}

.right-title {
    text-align: center;
}

.right-title h1 {
    font-family: 'Roboto-Bold';
    font-size: 40px;
    color: #008aff;
    margin: 20px 0 5px;
}

.join-now-button-casino, .join-now-button-sport{
    background-color: #00b4ff;
    color: white;
    border-radius: 30px;
    padding: 10px 30px;
    font-size: 35px;
    margin: 0 auto;
    margin-bottom: 30px;
    align-items: center;
    display: flex;
    border: none;
    width: fit-content;
    margin-top: 20px;
}

body.vn .right-title h1 {
    font-size: 30px;
}

body.id .right-title h1 {
    font-size: 28px;
}

.form-container {
    height: auto;
}

.line-text {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.line-text::before,
.line-text::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: #00b4ff;
    margin: 0 10px;
}

.line-text span {
    color: #00b4ff; 
    font-weight: bold;
    text-transform: uppercase; 
    font-size: 22px;
}

.offers {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    margin-top: 25px;
}

.offer-1,
.offer-2,
.offer-3 {
    /* width: 33%; */
    width: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.offer-title {
    color: #00b4ff;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: 'Roboto-Bold';
    height: 42px;
}

.offer-subtitle {
    font-size: 14px;
    color: #565656;
}

.bottom-container {
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 30px 40px;
}

.icon-box {
    display: flex;
    align-items: center;
}

.icon-description {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
    color: #404040;
}

.icon-title {
    font-size: 20px;
    font-family: 'Roboto-Bold';
}

.icon-subtitle {
    font-size: 14px;
}

/* SLICK CUSTOM CODE */

.slick-slide {
    text-align: center;
}

.slick-slide img {
    width: 100%;
}

.slider-title {
    color: #474747;
    font-family: 'Roboto-Bold';
    font-size: 30px;
    margin-top: 60px;
    margin-bottom: 0;
}

.slick-dots {
    /* bottom: 90px; */
    bottom: 197px;
}

.slick-dots li{
    border-radius: 20px;
}

.slick-dots li button{
    background: #cfcfcf;
    border-radius: 20px;
}

li.slick-active {
    background: #008aff;
}

.slick-dots li.slick-active button:before {
    opacity: 0;
}

.slick-dots li button:before {
    color: #cfcfcf!important;
}

.slick-dots li.slick-active button{
    background: #008aff;
}

.slick-dots li button:before{
    content: '';
}
.slick-dots li.slick-active button:before {
    content: '';
    opacity: .75;
    color: #008aff;
}

/* /SLICK CUSTOM CODE */

/**
* --------------------------------------------------------------------------------
*  Fast Registration
* --------------------------------------------------------------------------------
**/

.fast-reg-wrap {
    position: relative;
    max-width: 450px;
    width: 100%;
    margin: 0 auto !important;
    top: 0px;
    right: 0px;
    bottom: 0;
    margin: auto 0;
    z-index: 0;
}

.rf-main-wrapper {
    background: none!important;
    font-family: 'Roboto-Regular'!important;
    text-align: center;
}

.jspContainer {
    width: 365px;
}

.fast-reg-wrap .registration-form {
    padding: 10px 10px;
}

.fast-reg-wrap .regform-item>.item-element-wrapper{
    width: 88%;
}

.fast-reg-wrap .regform-item>.item-element-wrapper input, 
.fast-reg-wrap .regform-item>.item-element-wrapper select{
    font-size: 12px;
    border: none;
    height: 36px;
    background: #fff;
    border-radius: 30px;
    padding-left: 15px;
}

.fast-reg-wrap .regform-item>.item-element-wrapper input::placeholder, 
.fast-reg-wrap .regform-item>.item-element-wrapper select::placeholder {
    color: #6b6b6b;
}

.fast-reg-wrap .regform-item>.item-label {
    color: #6b6b6b;
    font-size: 11px;
    padding-right: 10px;
    width: 28%;
    display: none;
}

.fast-reg-wrap  .regform-item span.item-error {
    color: red;
}

.fast-reg-wrap .registration-form hr{
    display: none;
}

.fast-reg-wrap .rf-main-wrapper button.rf-submit-button{
    font-size: 20px;
    padding: 10px 52px;
    border: 2px solid #00b4ff;
    background: #00b4ff;
    color: #fff;
    border-radius: 30px;
    font-family: 'Roboto-Bold';
}

.fast-reg-wrap .rf-main-wrapper button.rf-submit-button:hover {
    background-color: #00b4ff;
}

.fast-reg-wrap .country-area-code input {
    padding-left: 133px!important;
}

.fast-reg-wrap .rf-main-wrapper .action-container>.terms-and-conds {
    width: 97%;
    font-size: 12px;
    color: #6b6b6b;
}

.fast-reg-wrap .country-area-code li span em{
    font-size: 12px;
}

.fast-reg-wrap .country-area-code ul.active{
    height: 195px;
    text-align: left;
}

.fast-reg-wrap .country-area-code span.trigger{
    font-size: 14px;
    padding-top: 5px;
}

.fast-reg-wrap .rf-notification{
    color: #fff;
}

.jspVerticalBar{
    width: 5px;
}

.jspDrag {
    background-color: #00b4ff;
}

.jspTrack {
    background: #4f221f;
}

.rf-main-wrapper .password-visibility-icon, 
.rf-main-wrapper .validation-icon {
    top: 1px !important;
}

.rf-main-wrapper .validation-icon {
    right: -27px !important;
}

.registration-form .password-visibility-icon.icon-show {
    top: 3px !important;
}

.fast-reg-wrap .regform-item>.item-element-wrapper input, 
.fast-reg-wrap .regform-item>.item-element-wrapper select {
    height: 30px;
}

.regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, 
.regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
    width: 75px !important;
}

.regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_year {
    width: 100px;
}

.regform-item>.item-element-wrapper select {
    padding: 5px 2px !important;
}

.country-area-code .trigger:before, 
.country-area-code li span:before {
    height: 26px !important;
}

.country-area-code span.trigger:after {
    top: 8px !important;
}

.fast-reg-wrap .country-area-code span.trigger {
    font-size: 11px;
    padding-top: 4px;
}

.rf-main-wrapper .action-container>.terms-and-conds a {
    color: #00b4ff!important;
}

.overlay-bg {
    display:none
}

.overlay-bg {
    position: fixed;
    background: #000;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: 0;
    z-index: 200;
}

#h10fra7e6ans6nz9ewgpvgp1 {
  display: none;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@keyframes glowing {
    0% { 
        -webkit-filter: drop-shadow(0 0 5px #00b4ff);
        -moz-filter: drop-shadow(0 0 5px #00b4ff);
        -o-filter: drop-shadow(0 0 5px #00b4ff);
        -ms-filter: drop-shadow(0 0 5px #00b4ff);
        filter: drop-shadow(0 0 5px #00b4ff);
    }
    50% { 
        -webkit-filter: none;
        -moz-filter: none;
        -o-filter: none;
        -ms-filter: none;
        filter: none;
    }
    100% { 
        -webkit-filter: drop-shadow(0 0 5px #00b4ff);
        -moz-filter: drop-shadow(0 0 5px #00b4ff);
        -o-filter: drop-shadow(0 0 5px #00b4ff);
        -ms-filter: drop-shadow(0 0 5px #00b4ff);
        filter: drop-shadow(0 0 5px #00b4ff);
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}