.wrapper,body,html{min-height:100vh}body,input,select{color:var(--textcolor)}button,ol,td,th,ul{padding:0}a,a:hover{text-decoration:none}.btn,.header{padding-bottom:1px}.btn,.hero-buttons__btn-yellow{box-shadow:inset 0 -2px 1px #821609,0 4px 8px #000}.btn,.text-section td:first-child{white-space:nowrap;text-align:center}.btn,.header-jackpot,.hero-buttons__wrapper,.hero-card,.text-section,.video-right{text-align:center}.faq-item__head,a,label{user-select:none}@font-face{font-family:Rubik;src:url('../fonts/Rubik-Regular.woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url('../fonts/Rubik-Black.woff2');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rubik;src:url('../fonts/Rubik-Bold.woff2');font-weight:900;font-style:normal;font-display:swap}:root{--ff:'Rubik',sans-serif;--accent:#fff805;--textcolor:#000000;--transition:0.1s ease-out;--brad:10em}html{box-sizing:border-box}body{font-family:var(--ff);background-color:#fbf5df;font-size:15px;font-weight:400;line-height:1.65;min-width:320px;text-rendering:optimizeLegibility}*,::after,::before{box-sizing:inherit}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}button,h1,h2,h3,h4,h5,h6,input,textarea{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0;font-family:inherit}option:focus,option:hover,select:focus,select:hover{box-shadow:none;border:transparent;outline:0}img,video{height:auto;max-width:100%;max-height:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0;width:100%;max-width:100%}td:not([align]),th:not([align]){text-align:left}.container,.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:calc(1230px + 80px);padding-left:40px;padding-right:40px}}.cover,.swiper-3x img,input,textarea{max-width:100%;width:100%}::selection{background-color:var(--accent);color:#fff;transition:background-color var(--transition);text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}a,button,input,input[type=submit],svg path{transition:var(--transition)}::placeholder{opacity:1}button,input[type=submit]{border:0;cursor:pointer}button[disabled],select[disabled]{cursor:not-allowed}* [role=button]:focus,a:focus,button:focus,button:focus-visible,input:focus,textarea:focus{outline:0!important}.wrapper{position:relative;display:flex;flex-direction:column}.btn,.header-jackpot__price{font-weight:700;min-height:50px;place-items:center}.footer{margin-top:auto}input:focus,input:hover,select:focus,textarea:focus,textarea:hover{border-color:rgba(59,50,95,.3)}input:invalid:focus,select:invalid:focus{box-shadow:none;border-color:var(--accent)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}textarea{resize:vertical}ol,ul{list-style-position:inside;margin:0}.cover,.swiper-3x img{height:100%;object-fit:cover}b,strong{font-weight:700}.hidden{display:none}a:hover{color:#fff}.btn{cursor:pointer;display:inline-flex;justify-content:center;padding-left:43px;padding-right:43px;border:2px solid #770002;border-radius:var(--brad);font-size:18px;text-transform:uppercase;background-image:linear-gradient(to bottom,#ffe42c,#ffc615,#ffff02,#df7d0a);color:#3d0b21;}.btn:hover{color:#fff;filter:hue-rotate(20deg)}.swiper{width:100%;height:100%}.swiper-button-next,.swiper-button-prev{color:var(--accent)}.header{padding-top:1px;background-image:linear-gradient(to bottom,#a054b3,#753a97)}.header-container{display:flex;align-items:center;justify-content:space-between}.logo{display:block}.logo-header{max-width:357px;position:relative;top:5px}.header-jackpot{margin-left:7px;position:relative}.header-jackpot__text{letter-spacing:10px;text-transform:uppercase;line-height:1.2;position:absolute;top:-7px;left:53%;transform:translateX(-50%);color:#fff;text-shadow:1px 1px 1px #000}.hero-buttons__wrapper,.video-link__play{top:50%;left:50%;transform:translate(-50%,-50%)}.header-jackpot__price{font-size:22px;color:#fffe04;line-height:1.2;background-color:#a757c5;display:inline-flex;justify-content:center;border-radius:10em;padding-left:15px;padding-right:15px;text-shadow:1px 1px 1px #df6b04}.site-content{padding-top:25px;padding-bottom:50px}.hero-grid{display:grid;grid-template-columns:1fr 1.9fr}.hero-screen{display:flex;align-items:center;justify-content:center;position:relative}.hero-screen__frame{width:100%;height:558px}@media only screen and (max-width:1310px){.hero-screen__frame{height:35vw}}@media only screen and (max-width:1200px){.hero-screen__frame{height:405px}}@media only screen and (max-width:992px){.hero-screen__frame{height:390px}}.hero-buttons__wrapper{position:absolute;width:456px;height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-buttons__wrapper::before{content:"";display:block;position:absolute;top:0;left:0;background:url('../img/border-frame.webp') center no-repeat;width:100%;height:100%;pointer-events:none}.hero-buttons{display:flex;flex-direction:column}.hero-buttons__btn{text-transform:none;z-index:1;position:relative;width:100%;max-width:180px}.hero-card__text,.main-title,.offers-item__bonus{font-weight:700;text-transform:uppercase}.hero-buttons__btn~.hero-buttons__btn{margin-top:25px}.hero-buttons__btn-yellow{background-image:linear-gradient(to bottom,#ffe42c,#ffc615,#ffff02,#df7d0a);color:#3d0b21}.hero-buttons__btn-yellow:hover{background-image:linear-gradient(to bottom,#df7d0a,#ffc615,#ffff02,#ffc615);filter:none;color:#3d0b21}.hero-buttons__btn-blue{background-image:linear-gradient(to bottom,#7860df,#7055e0,#552db9);color:#ffff03;border:0;box-shadow:inset 0 -4px 1px #6a5deb}.hero-buttons__btn-blue:hover{color:#ffff03}.hero-content{padding:28px 23px;background-color:#fdeca7}.main-title{font-size:40px;line-height:1.25;text-shadow:1px 1px 1px #000;color:#5f3ec8}.hero-content__flex{display:flex;align-items:center;margin-bottom:25px}.hero-content__star{background:url("../img/star.svg") center/24px no-repeat;width:50px;height:50px;margin-right:30px;border-radius:50%;border:1px solid #8242a0}.hero-content__rank,.hero-content__title{font-size:16px;color:#8242a0;line-height:1.5}.hero-content__btn{font-size:18px;margin-top:25px;min-height:75px;text-shadow:1px 1px 1px #000;background-image:linear-gradient(to bottom,#945ac0,#7331aa,#8844bd);color:#ffff03;border:1px solid #fff795;box-shadow:inset 0 -4px 1px #af63a1}.hero-content__btn:hover{color:#fff}.hero-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(355px,1fr));grid-gap:30px;margin-top:50px;align-items:center}.hero-card{padding:20px 35px;background-color:#8847a5}.hero-card--large{border:4px solid var(--accent);padding-top:35px;padding-bottom:45px;background-image:linear-gradient(to right,#c26ad1,#a257b9)}.hero-card__image-wrapper{height:70px;width:100%;max-width:310px;background-color:#b372cf;margin-top:6px;margin-left:auto;margin-right:auto}.hero-card__image{width:100%;object-fit:cover}.hero-card--large .hero-card__image-wrapper{background-color:#d485f6}.hero-card__text{font-size:20px;color:#fff;margin-top:12px;margin-bottom:12px}.rating{font-size:12px;color:#fff;display:flex;align-items:center}.rating::before{content:"";display:block;background:url('../img/star-yellow.svg') center/12px no-repeat;width:12px;height:12px;margin-right:8px}.best-item__rating,.hero-card__rating{justify-content:center}.slot-offers{display:grid;grid-gap:20px;grid-template-columns:1.5fr 1fr;margin-top:46px}.slot-review__text p{font-weight:300}.slot-review__text p:not(:last-child){margin-top:15px;margin-bottom:27px}.offers-list{margin-top:13px;display:grid;grid-gap:27px}.offers-item{background-image:linear-gradient(to right,#c45ee7,#cf72db);padding:15px 30px 15px 25px;display:grid;grid-template-columns:100px auto 150px;grid-gap:28px;align-items:center;border:1px solid #fff}.offers-item__image{height:55px;width:100px}.offers-item__bonus{font-size:20px;color:#fff;line-height:1.2;margin-top:4px}.video{display:grid;margin-top:44px;grid-template-columns:1fr 1fr;border-radius:15px;grid-gap:25px}.video-link{position:relative;display:inline-block}.video-link__play{position:absolute;display:block;width:121px;height:121px}.faq-item,.text-section table{border:1px solid #5f3ec8}.video-right__content,.text-section table{margin-top:15px;margin-bottom:35px}.text-section tr:nth-child(odd){background-image:linear-gradient(to bottom,#ffe32c,#ffc915);color:#82429f}.text-section tr:nth-child(2n){background-color:#82429f;color:#fff}.text-section td{padding:5.5px 15px;font-weight:500;vertical-align:top}.text-section td:first-child{display:flex;align-items:center;font-weight:700}.video__icon-wrapper{display:grid;place-items:center;margin-right:9px;flex-shrink:0;width:15px}.text-section td:last-child{padding-left:45px;font-weight:300}.video__btn{margin-top:24px}.video-right__content{background-color:#82429f;padding:30px 29px 34px}.video-link__poster{border:1px solid var(--accent);display:block}@media only screen and (max-width:1200px){.main-title{font-size:28px}.slot-offers{grid-template-columns:1.3fr 1fr;margin-top:70px}.video{grid-template-columns:1fr}.video-right__content{display:flex;flex-direction:column;align-items:center}}.text-section{padding-top:5px}.text-section h2,.title{font-size:40px;color:#5f3ec8;font-weight:700;text-transform:uppercase;text-align:center}.text-section h3,.text-section h4{font-weight:900;text-align:left;text-transform:uppercase}.text-section h3{font-size:25px;color:#7a95ff}.text-section h4{font-size:20px;line-height:1.3;color:#e377dd}.text-section h2,.text-section h3{line-height:1.3}.text-section ol,.text-section p,.text-section ul{margin-top:25px;margin-bottom:25px;font-weight:300;text-align:left}.text-section img{display:block;margin-top:5px;margin-bottom:5px;max-width: 100px;max-height: 100px;}.text-section a{margin-top:25px;margin-bottom:25px}.text-section ul li::before{content:"—";font-weight:700;margin-right:20px;color:#fab913}.text-section li:not(:last-child){margin-bottom:13px}.text-section ol{list-style-type:none;counter-reset:steps 0}.text-section ol li{counter-increment:steps}.text-section ol li::before{margin-right:20px;content:counter(steps) ".";width:10px;display:inline-block;text-align:left;color:#fab913;font-weight:700}@media only screen and (max-width:992px){.hero-grid,.slot-offers{grid-template-columns:1fr}.hero-grid{grid-gap:10px}.hero-content{padding-top:35px;padding-bottom:35px}.hero-cards{margin-top:30px}.text-section ol,.text-section ul{margin-left:30px;margin-right:30px}}.scrinshots{margin-top:30px}.scrinshots .swiper-container{background-color:#fff;margin-top:20px;padding:10px 15px 8px}@media only screen and (min-width:576.1px){.scrinshots .swiper-container{padding-left:28px;padding-right:28px;margin-left:-28px;margin-right:-28px}}.swiper-3x{margin-top:18px}.swiper-container{position:relative}.swiper-buttons{display:flex;align-items:center}.swiper-button-next,.swiper-button-prev{position:static;margin:0;width:40px;height:40px;background:url('../img/slider-btn.webp') center/10px no-repeat;border-radius:var(--brad);transition:var(--transition)}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:var(--blue)}.swiper-button-next{transform:rotate(180deg)}.swiper-button-next::after,.swiper-button-prev::after{font-size:27px;display:none}.swiper-pagination-3x{position:static;border-radius:10em;background-image:linear-gradient(to bottom,var(--blue),var(--purple));padding:13px;margin-left:20px;margin-right:20px}.swiper-nav{display:flex;align-items:center;justify-content:center}.swiper-pagination-bullets.swiper-pagination-horizontal{width:auto;display:none}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}.swiper-pagination-bullet{width:12px;height:12px;opacity:1;border:2px solid #7a95ff;background:0 0}.swiper-pagination-bullet-active{background:#fa13f2}.faq-item__button,.faq-item__title{background-image:linear-gradient(to bottom,#ffe32d,#ffc714)}.best{padding-top:10px}.best-items{display:grid;grid-template-columns:1fr 1fr;grid-gap:25px 30px;margin-top:31px}.best-item{background-color:#7d409d;display:flex;align-items:center;justify-content:space-between;padding:38px 50px 38px 38px;border:1px solid #fff}.best-item__image{max-width:110px;width:100%;height:70px}.best-item__bonus{font-size:20px;font-weight:700;color:#fff;margin-top:6px;line-height:1.2;text-transform:uppercase}.best-item__center{padding-left:20px;padding-right:20px;text-align:center}@media only screen and (max-width:1340px){.best-items{grid-gap:20px;grid-template-columns:1fr}.best-item__bonus{font-size:18px}.best-item{padding:20px}}.faq{margin-top:46px}.faq__title{text-transform:uppercase}.faq-items{margin-top:18px;display:grid;grid-gap:25px}.faq-item__head{display:flex;cursor:pointer}.faq-item__title{font-size:20px;font-weight:700;color:#5f3ec8;padding:9px 12px 8px 15px;width:100%;min-height:50px}.faq-item__button{display:grid;place-items:center;flex-shrink:0;padding:5px;width:50px;height:auto}.faq-item__icon{transition:.1s linear}.faq-item__text p{padding:10px 40px 15px 65px;background-color:#fff;font-weight:300;border-top:1px solid #5f3ec8}.faq-item__text{overflow:hidden;transition:height .15s linear;display:none}.faq-item--open .faq-item__text{display:block}.faq-item--open .faq-item__icon{transform:rotate(-45deg)}@media only screen and (max-width:768px){.header-container{flex-direction:column;padding-top:60px}.logo-header{order:-1}.header-jackpot{margin-left:0;margin-top:15px;margin-bottom:15px}.header{padding-bottom:35px}.hero-screen__frame{height:353px}.main-title{font-size:24px}.hero-content__btn{font-size:16px;min-height:65px}.hero-card--large{margin-top:20px}.faq-item__title,.offers-item__bonus{font-size:18px}.text-section h2,.title{font-size:26px}.text-section h3{font-size:23px}.text-section h4{font-size:19px}.text-section ol,.text-section p,.text-section ul{margin-left:0;margin-right:0}.best-item__bonus{font-size:16px}}.footer{padding-top:45px;padding-bottom:45px;background-color:#54276c}.footer-grid{display:grid;grid-template-columns:391px auto;grid-gap:28px;align-items:center}.footer-text{font-weight:300;color:#c8c8c8}.footer-text span{display:block;padding:0 0 10px}.logo-footer{display:grid;place-items:center}.footer-copy{margin-top:27px;font-weight:300;color:var(--accent)}.to-top{position:fixed;bottom:40px;right:40px;width:56px;height:56px;background-color:#753a97;border-radius:var(--brad);border:0}.to-top:hover{background-color:#a054b3}@media only screen and (max-width:992px){.footer-grid{grid-template-columns:1fr}}@media only screen and (max-width:576px){.hero-screen__frame{height:65vw}.hero-card,.video-right__content{padding-left:20px;padding-right:20px}.hero-content__btn{font-size:14px;min-height:65px}.site-content{padding-top:15px}.hero-content__star{margin-right:20px}.hero-buttons__wrapper{width:auto}.hero-buttons__wrapper::before,.swiper-button-next,.swiper-button-prev{display:none}.hero-card__descr,.hero-card__title{font-size:20px}.hero-card__triangle{width:80px;height:80px}.hero-card__triangle-content{margin-top:6px;margin-right:10px}.hero-cards{grid-template-columns:1fr}.faq-item__title,.offers-item__bonus{font-size:16px}.offers-item{grid-template-columns:100px auto;padding:25px 20px;grid-gap:20px}.offers-item__btn{grid-column:span 2}.video-link__play{width:20vw;height:20vw}.text-section td{font-size:13px}.text-section h2,.title{font-size:24px}.swiper-nav{justify-content:center}.best-item{display:grid;grid-template-columns:110px auto;grid-gap:20px;padding-left:15px;padding-right:15px;justify-content:normal}.best-item__btn{width:100%;grid-column:span 2}.best-item__center{text-align:left;padding:0;width:100%}.best-item__rating{justify-content:flex-start}.faq-item__text p{padding:25px 25px 25px 20px}.to-top{right:15px;bottom:15px}.footer{padding-bottom:33px}}.window{padding:10px;box-sizing:border-box}.window img{width:100%;height:100%;object-fit:contain;object-position:center}@media (max-width:500px){.text-section td:last-child{padding-left:10px}}
.w-100 {
width: 100% !important;
}
.lang-select {
position: fixed;
top: 0;
right: 0;
z-index: 9
}
.lang-select>.container {
display: flex;
justify-content: flex-end
}
.lang-select>.container .wrapper {
width: fit-content;
float: right;
margin-bottom: 10px;
border-radius: 0 0 9px 9px;
filter: drop-shadow(-1px 4px 7px rgba(0,0,0,.5));
min-height: auto;
}
.lang-select>.container .wrapper:not(:hover) {
height: 40px
}
.lang-select>.container .wrapper:not(:hover) ul.options {
transform: translateY(calc(-100% - 10px));
transition: all .3s ease-in-out
}
.lang-select>.container .wrapper:not(:hover)>button {
border-radius: 0 0 9px 9px
}
.lang-select>.container .flag {
filter: drop-shadow(0 4px 7px rgba(0,0,0,.25))
}
.lang-select>.container .country-name {
margin-left: 10px
}
.lang-select>.container button {
border: 0;
background: #fbf5df;
width: 100%;
padding: 6px 8px;
position: relative;
text-align: left;
z-index: 10;
border-bottom: 1px solid #fbf5df
}
.lang-select>.container button:hover {
cursor: pointer
}
.lang-select>.container ul.options {
display: block;
visibility: visible;
list-style: none;
padding: 0;
margin-bottom: 0;
max-height: 350px;
overflow-y: auto;
border-radius: 0 0 9px 9px;
transition: .3s ease-in-out
}
.lang-select>.container ul.options::-webkit-scrollbar {
width: 14px;
background: #82429f;
}
.lang-select>.container ul.options::-webkit-scrollbar-thumb {
background: #e7e4de;
border-radius: 7px;
width: 10px
}
.lang-select>.container ul.options li {
padding: 6px 8px;
background: #fbf5df
}
.lang-select>.container ul.options li>a {
display: flex;
align-items: center
}
.lang-select>.container ul.options li:not(:last-child) {
border-bottom: 1px solid #e7e4de
}
.lang-select>.container ul.options li:active,.lang-select>.container ul.options li:focus,.lang-select>.container ul.options li:hover,.lang-select>.container ul.options li[aria-selected=true] {
background: linear-gradient(to bottom,#945ac0,#7331aa,#8844bd);
cursor: pointer
}
#sticky-article-bar {
z-index: 1;
left: 0;
position: fixed;
bottom: 0;
pointer-events: all;
min-height: auto;
color:#fff
}
#sticky-article-bar .sticky-card {
background: linear-gradient(to bottom,#945ac0,#7331aa,#8844bd);
z-index: 200;
position: relative
}
#sticky-article-bar:before {
pointer-events: none;
background: linear-gradient(0deg,rgba(23,32,48,.5),rgba(23,32,48,.3) 30%,rgba(23,32,48,.2) 70%,rgba(23,32,48,0));
padding-left: 3.875rem;
padding-right: 3.875rem;
transition: all .4s ease-in-out;
padding-top: 10rem;
bottom: 0;
position: fixed;
width: 100%;
z-index: 199;
content: ""
}
#sticky-article-bar .btn-success {
background: #d222d8;
top: 2px;
border-color: #d222d8;
min-height: 45px;
line-height: 1.5;
height: fit-content;
padding: .25rem 1rem!important
}
#sticky-article-bar .btn-success:after {
background-color: #d222d8
}
#sticky-article-bar .pulse {
width: 8px;
height: 8px;
border-radius: 50%;
z-index: 1;
background: #1fff20;
animation: pulse 1s ease-out infinite
}
@keyframes pulse {
0% {
box-shadow: 0 0 rgba(0,231,1,.4)
}
30% {
box-shadow: 0 0 2px 2px rgba(0,231,1,.4)
}
70% {
box-shadow: 0 0 2px 2px rgba(0,231,1,.4)
}
to {
box-shadow: 0 0 rgba(0,231,1,.4)
}
}
.to-top {
bottom: 120px;
}
.align-baseline {
vertical-align: baseline!important
}
.align-middle {
vertical-align: middle!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.d-block {
display: block!important
}
.d-flex {
display: flex!important
}
.d-none {
display: none!important
}
.position-relative {
position: relative!important
}
.position-absolute {
position: absolute!important
}
.top-0 {
top: 0!important
}
.border-0 {
border: 0!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.mw-100 {
max-width: 100%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.vh-100 {
height: 100vh!important
}
.flex-row {
flex-direction: row!important
}
.flex-column {
flex-direction: column!important
}
.flex-wrap {
flex-wrap: wrap!important
}
.flex-nowrap {
flex-wrap: nowrap!important
}
.justify-content-start {
justify-content: flex-start!important
}
.justify-content-end {
justify-content: flex-end!important
}
.justify-content-center {
justify-content: center!important
}
.justify-content-between {
justify-content: space-between!important
}
.align-items-start {
align-items: flex-start!important
}
.align-items-end {
align-items: flex-end!important
}
.align-items-center {
align-items: center!important
}
.align-self-stretch {
align-self: stretch!important
}
.m-0 {
margin: 0!important
}
.m-1 {
margin: .25rem!important
}
.m-auto {
margin: auto!important
}
.mx-auto {
margin-right: auto!important;
margin-left: auto!important
}
.my-2 {
margin-top: .5rem!important;
margin-bottom: .5rem!important
}
.my-3 {
margin-top: 1rem!important;
margin-bottom: 1rem!important
}
.my-4 {
margin-top: 1.5rem!important;
margin-bottom: 1.5rem!important
}
.my-5 {
margin-top: 3rem!important;
margin-bottom: 3rem!important
}
.mt-0 {
margin-top: 0!important
}
.mt-1 {
margin-top: .25rem!important
}
.mt-2 {
margin-top: .5rem!important
}
.mt-3 {
margin-top: 1rem!important
}
.mt-4 {
margin-top: 1.5rem!important
}
.mt-5 {
margin-top: 3rem!important
}
.me-0 {
margin-right: 0!important
}
.me-1 {
margin-right: .25rem!important
}
.me-2 {
margin-right: .5rem!important
}
.mb-0 {
margin-bottom: 0!important
}
.mb-1 {
margin-bottom: .25rem!important
}
.mb-2 {
margin-bottom: .5rem!important
}
.mb-3 {
margin-bottom: 1rem!important
}
.mb-4 {
margin-bottom: 1.5rem!important
}
.mb-5 {
margin-bottom: 3rem!important
}
.mb-auto {
margin-bottom: auto!important
}
.ms-1 {
margin-left: .25rem!important
}
.ms-auto {
margin-left: auto!important
}
.p-0 {
padding: 0!important
}
.p-1 {
padding: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.px-0 {
padding-right: 0!important;
padding-left: 0!important
}
.px-1 {
padding-right: .25rem!important;
padding-left: .25rem!important
}
.px-2 {
padding-right: .5rem!important;
padding-left: .5rem!important
}
.py-1 {
padding-top: .25rem!important;
padding-bottom: .25rem!important
}
.pt-0 {
padding-top: 0!important
}
.pt-2 {
padding-top: .5rem!important
}
.pt-4 {
padding-top: 1.5rem!important
}
.pt-5 {
padding-top: 3rem!important
}
.pe-2 {
padding-right: .5rem!important
}
.pe-3 {
padding-right: 1rem!important
}
.pb-0 {
padding-bottom: 0!important
}
.pb-3 {
padding-bottom: 1rem!important
}
.pb-4 {
padding-bottom: 1.5rem!important
}
.pb-5 {
padding-bottom: 3rem!important
}
.ps-2 {
padding-left: .5rem!important
}
.ps-3 {
padding-left: 1rem!important
}
.gap-1 {
gap: .25rem!important
}
.gap-2 {
gap: .5rem!important
}
.gap-3 {
gap: 1rem!important
}
.gap-4 {
gap: 1.5rem!important
}
.column-gap-0 {
column-gap: 0!important
}
.column-gap-1 {
column-gap: .25rem!important
}
.column-gap-2 {
column-gap: .5rem!important
}
.column-gap-3 {
column-gap: 1rem!important
}
.column-gap-4 {
column-gap: 1.5rem!important
}
.column-gap-5 {
column-gap: 3rem!important
}
.fw-bold {
font-weight: 700!important
}
.text-start {
text-align: left!important
}
.text-end {
text-align: right!important
}
.text-center {
text-align: center!important
}
.text-decoration-none {
text-decoration: none!important
}
.text-capitalize {
text-transform: capitalize!important
}
.text-wrap {
white-space: normal!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-white {
--bs-text-opacity: 1;
color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important
}
.rounded-2 {
border-radius: var(--bs-border-radius)!important
}
.rounded-3 {
border-radius: var(--bs-border-radius-lg)!important
}
.rounded-4 {
border-radius: var(--bs-border-radius-xl)!important
}
.rounded-circle {
border-radius: 50%!important
}
.invisible {
visibility: hidden!important
}
.btn-group-sm>.btn, .btn.btn-sm {
font-size: 1.1111111111rem;
line-height: 1.5555555556rem;
padding: .4444444444rem 1.1111111111rem;
}
@media(min-width: 576px) {
.d-sm-block {
display:block!important
}
.d-sm-none {
display: none!important
}
.flex-sm-row {
flex-direction: row!important
}
.flex-sm-column {
flex-direction: column!important
}
.align-items-sm-center {
align-items: center!important
}
.me-sm-2 {
margin-right: .5rem!important
}
.me-sm-4 {
margin-right: 1.5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.px-sm-3 {
padding-right: 1rem!important;
padding-left: 1rem!important
}
.pe-sm-4 {
padding-right: 1.5rem!important
}
.ps-sm-4 {
padding-left: 1.5rem!important
}
.gap-sm-2 {
gap: .5rem!important
}
.column-gap-sm-0 {
column-gap: 0!important
}
.column-gap-sm-1 {
column-gap: .25rem!important
}
.column-gap-sm-2 {
column-gap: .5rem!important
}
.column-gap-sm-3 {
column-gap: 1rem!important
}
.column-gap-sm-4 {
column-gap: 1.5rem!important
}
.column-gap-sm-5 {
column-gap: 3rem!important
}
}
@media(min-width: 768px) {
.d-md-inline-block {
display:inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-flex {
display: flex!important
}
.d-md-none {
display: none!important
}
.flex-md-row {
flex-direction: row!important
}
.justify-content-md-start {
justify-content: flex-start!important
}
.justify-content-md-center {
justify-content: center!important
}
.align-self-md-start {
align-self: flex-start!important
}
.column-gap-md-0 {
column-gap: 0!important
}
.column-gap-md-1 {
column-gap: .25rem!important
}
.column-gap-md-2 {
column-gap: .5rem!important
}
.column-gap-md-3 {
column-gap: 1rem!important
}
.column-gap-md-4 {
column-gap: 1.5rem!important
}
.column-gap-md-5 {
column-gap: 3rem!important
}
}
@media(min-width: 992px) {
.d-lg-inline {
display:inline!important
}
.d-lg-block {
display: block!important
}
.d-lg-none {
display: none!important
}
.mt-lg-2 {
margin-top: .5rem!important
}
.column-gap-lg-0 {
column-gap: 0!important
}
.column-gap-lg-1 {
column-gap: .25rem!important
}
.column-gap-lg-2 {
column-gap: .5rem!important
}
.column-gap-lg-3 {
column-gap: 1rem!important
}
.column-gap-lg-4 {
column-gap: 1.5rem!important
}
.column-gap-lg-5 {
column-gap: 3rem!important
}
}
@media(min-width: 1200px) {
.flex-xl-column {
flex-direction:column!important
}
.column-gap-xl-0 {
column-gap: 0!important
}
.column-gap-xl-1 {
column-gap: .25rem!important
}
.column-gap-xl-2 {
column-gap: .5rem!important
}
.column-gap-xl-3 {
column-gap: 1rem!important
}
.column-gap-xl-4 {
column-gap: 1.5rem!important
}
.column-gap-xl-5 {
column-gap: 3rem!important
}
}
@media(min-width: 1400px) {
.column-gap-xxl-0 {
column-gap:0!important
}
.column-gap-xxl-1 {
column-gap: .25rem!important
}
.column-gap-xxl-2 {
column-gap: .5rem!important
}
.column-gap-xxl-3 {
column-gap: 1rem!important
}
.column-gap-xxl-4 {
column-gap: 1.5rem!important
}
.column-gap-xxl-5 {
column-gap: 3rem!important
}
}
.author-section span {
text-align: left;
}
@media(max-width: 767px) {
.btn-group-sm>.btn, .btn.btn-sm {
font-size: 0.65rem;
line-height: 1.2rem;
padding: .3rem 0.6rem;
}
}
.footer {
padding-bottom: 140px;
}
.author-section .card {
background: #945ac054;
box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
border-radius: 8px;
}
.author-section .rounded-circle {
border-radius: 50% !important;
}
.author-section .mb-2 {
margin-bottom: .5rem !important;
}
.author-section .align-items-center {
align-items: center !important;
}
.author-section .d-flex {
display: flex !important;
}
.author-section .me-2 {
margin-right: .5rem !important;
}
.author-section {
line-height: 150%;
}
.author-section .mb-1 {
margin-bottom: .25rem !important;
}
.author-section svg {
vertical-align: middle;
}
.author-section img {
vertical-align: middle;
}
.author-section a {
color: #000000;
}
.author-section .gap-2 {
gap: .5rem !important;
}
.author-section .ms-auto {
margin-left: auto !important;
}
.author-section .mb-auto {
margin-bottom: auto !important;
}
.author-section .mt-0 {
margin-top: 0 !important;
}
.author-section .justify-content-end {
justify-content: flex-end !important;
}
.footer a {
color: #fff805;
}
@media only screen and (max-width: 992px) {
.hero-screen {
height: 250px;
}
.btn {
white-space:normal;
max-width:250px;
}
}
.text-section th {
padding: 5.5px 15px;
vertical-align: top;
}
@keyframes glow {
0% { text-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700; }
50% { text-shadow: 0 0 20px #ffd700, 0 0 30px #ffd700; }
100% { text-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700; }
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
25% { transform: rotate(-20deg); }
50% { transform: rotate(0deg); }
75% { transform: rotate(20deg); }
100% { transform: rotate(0deg); }
}
@keyframes coinExplode {
0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
10% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }
100% { transform: translate(var(--tx), var(--ty)) scale(1); opacity: 0; }
}
.calculator {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
padding: 20px;
max-width: 400px;
width: 100%;
color: #fff;
animation: fadeIn 1s ease-out;
position: relative;
overflow: hidden;
display: inline-block;
margin-bottom: 25px;
}
.calculator h2 {
color: #ffd700;
text-align: center;
text-transform: none;
font-size: 1.5em;
}
label {
display: block;
margin-bottom: 5px;
color: #ffd700;
}
input {
width: 100%;
padding: 0px;
margin-bottom: 10px;
border: 1px solid #ffd700;
border-radius: 4px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
transition: all 0.3s ease;
}
select {
width: 100%;
padding: 8px;
margin-bottom: 10px;
border: 1px solid #ffd700;
border-radius: 4px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.1);
color: #fff;
transition: all 0.3s ease;
}
input:focus, select:focus {
box-shadow: 0 0 10px #ffd700;
}
select option {
background-color: #2a2a2a;
color: #fff;
}
#result {
font-weight: bold;
text-align: center;
margin-top: 20px;
font-size: 24px;
color: #ffd700;
text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
position: relative;
z-index: 10;
}
#spinningSymbol {
font-size: 40px;
text-align: center;
margin-top: 20px;
animation: spin 4s linear infinite;
display: inline-block;
}
.symbol-container {
text-align: center;
}
#calculateButton {
display: block;
width: 100%;
padding: 10px;
margin-top: 20px;
background-color: #ffd700;
color: #000;
border: none;
border-radius: 4px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s ease;
}
#calculateButton:hover {
background-color: #ffed4a;
box-shadow: 0 0 15px #ffd700;
}
.coin {
position: absolute;
font-size: 24px;
user-select: none;
pointer-events: none;
z-index: 100;
}