*{ 
    -moz-box-sizing: border-box; box-sizing: border-box; 
    scrollbar-color: rgba(217, 217, 217, .3) transparent; scrollbar-width: thin; 
}
:-moz-window-inactive {
    scrollbar-color: rgba(217, 217, 217, .15) transparent;
}
html,body{ 
	margin:0; padding:0; color: var(--main-color); background-color: var(--main-back);
}
site{
    display: flex; flex: none; align-items: stretch; width: 100vw; height: 100vh; font-size: 1rem;
}
span,cell{ display: inline-block; }
icon{ display: inline-block; background: no-repeat center center; background-size: contain; }

.cta{ text-decoration: none; display:flex; flex: none; align-items: center; color: var(--main-color); background: var(--zone-back); padding: 0.5em; border-radius: 0.5em; }
.cta lab{ display: inline-block; flex: 1; }

mainct{ width: 100%; }

#gagnants{ display: flex; flex: none; align-items: center; height: 4em; }
#gagnants marquee section, #gagnants .jackpot, #gagnants .jackpot a{ display: flex; flex: none; align-items: center; }
#gagnants .jackpot{ margin-right: 1em; }

#splash{ display:flex; flex: none; align-items: stretch; justify-content: space-between; }

#splash slider{ width: 65.15vw; border-radius: 1.5em; }
#splash slider slidein slide{ width: 65.15vw; aspect-ratio: 1250/572; background: no-repeat center center; background-size: cover; }

#splash .banner{ 
    text-decoration: none; display:flex; flex: none; flex-direction: column; width: 15.75%;
    background: no-repeat top left; background-size: auto 100%; border-radius: 1.5em; overflow: hidden;
}
#splash .ban01{ background-image: url(images/banners/banner_side_depot03.jpg); }
#splash .ban02{ background-image: url(images/banners/banner_side_inscript.jpg); }
#splash .banner h1{ color: var(--main-color); text-align: center; font-size: 2em; margin: 0; padding: 2em 0.5em; text-shadow: 0 3px 5px rgb(9 15 30 / 81%); }

#casino #spinner-container{ width: 100%; overflow: hidden; }

#casino .category-title{ display: flex; flex: none; align-items: center; justify-content: space-between; font-size: 0.75em; }
#casino h1 a{ text-decoration: none; color: var(--main-color); }
#casino h3 a{ text-decoration: none; color: var(--main-color); }

#casino slider{ width: 1296px; margin-bottom: 2em; position: relative; }
#casino slider slidein slide{ 
    display: flex; flex: none; flex-direction: column; align-items: center;
    width: calc( 1296px / 6 ); aspect-ratio: 228/250; padding-right: 0.5rem;
    background: no-repeat center center; background-size: cover;
}
#casino slider slidein slide img{ width: 100%; aspect-ratio: 1/1; border-radius: 1em; }
#casino slider#splashsliders slidein slide{ width: 1296px; aspect-ratio: auto; }
#casino slider#splashsliders slidein slide img{ aspect-ratio: auto; }

#casino slider nav{ display: flex; flex: none; align-items: center; justify-content: space-between; width: 100%; height: 100%; position: absolute; padding: 0.66em;  }
#casino slider nav a{ 
    display: flex; flex: none; align-items: center; justify-content: center; 
    width: 1.5em; aspect-ratio: 1/1; font-size: 1.25em;
    color: #bbb; background: #666; border-radius: 100%;  
}

#casino .game-name{ font-weight: 700; font-size: 0.95em; }


#formzone img{ width: 100%; }

#wpp{ display: none; position: fixed; width: 100vw; height: 100vh; z-index: 20; }
#wpp iframe{ width: 100vw; height: 100vh; border: none; }







#inscr{ 
    display: none; width: 100vw; height: 100vh; z-index: 20; position: fixed;
}
#inscr in{ 
    display: flex; flex: none; align-items: center; justify-content: center; 
    width: 100vw; height: 100vh;
    background: #0007; backdrop-filter: blur(10px); 
}
#inscr .panel{
    display: flex; flex: none; align-items: stretch;
    width: 800px; height: 582.5px; overflow: hidden; 
    background: #fff; border-radius: 1em;
}

#inscr .left-side{
    flex: 1; color: #000;
}
#inscr .left-side input:not([type=checkbox]), #inscr .left-side select{
    display: flex; flex: none; justify-content: flex-start; text-align: start; width: 100%; padding: 0 15px; min-height: 45px;
    font-weight: 400; line-height: 1.5; font-size: 1rem;
    background-color: #edf0f7;  color: #070c19cc; border: none; border-radius: .375rem;
}

#inscr .left-side .modal-header{
    display: flex; flex: none; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem;
} 
#inscr .left-side .modal-header h1{ margin: 0; padding: 0; font-size: 1.55em; }
#inscr .left-side .modal-header .btn-close {
    width: 1.25em; aspect-ratio: 1/1; padding: .25em .25em;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    color: #000; border: 0;  border-radius: .375rem;
}

#inscr .left-side .modal-body {
    padding: 1rem 1rem;
}
#inscr .left-side .mb-3 {
    margin-bottom: 1rem !important;
}
#inscr .left-side .mt-4 {
    margin: 1.25rem 0;
}

#inscr .left-side .flex{ display: flex; flex: none; align-items: stretch; }
#inscr .left-side .flex input{ width: auto; flex: 1; }
#inscr .left-side .brr{ border-radius: 0 .375rem .375rem 0; }
#inscr .left-side .brl{ border-radius: .375rem 0 0 .375rem; }
#inscr .left-side .countrycode{ display: flex; flex: none; align-items: center; min-width: 75px; background-color: #e1e5ee; padding: 0 0.75em; margin-right: -1px; }
#inscr .left-side .iti__flag { width: 20px; height: 14px; box-shadow: 0px 0px 1px 0px #888; background: url("https://www.cazino-big.com/images/flags.png") no-repeat #dbdbdb;  background-position: -1775px 0px; }
#inscr .left-side .iti__selected-dial-code{ margin: 0 0.2em; }
#inscr .left-side .iti__arrow{
    margin-left: 6px; width: 0; height: 0;
    border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555;
}

#inscr .left-side .button-custom {
    align-items: center; background-color: #fff; border-color: transparent; border-radius: 8px; border-style: solid;
    padding: 0 1em; min-height: 30px; outline: none; text-decoration: none;
    vertical-align: top; white-space: nowrap; font-size: 14px; transition: all 0.3s;
    background-image: linear-gradient(to bottom right, #0095ff, #0855c4); box-shadow: 0 6px 22px #056dda4d;
    border-style: none;  color: white; width: 100%;
  }


#inscr .right-side{
    width: 340px; padding-top: 50px; overflow: hidden; text-align: center;
    color: white; text-shadow: 1px 1px 3px rgb(0 0 0);
    background-position-x: 0%, 0%; background-position-y: 0%, 0%;
    background-size: auto, auto; background-size: cover; background-position: top; 
    
}
#inscr .right-side h2{ font-size: 2rem; padding: 0; margin: 0; line-height: 2.66rem; }