@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body {
    background-color: #1e3034;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    font-family: 'Poppins', Helvetica, Arial;
    font-size: 1rem;
    font-weight: 300;
    color: silver;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: bold;
    color: silver;
}
p {
    color: #a9a9a9;
    font-size: 14px;
}

.img-wrapper > img {
    width: 100%;
}

#overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 98;
    display: none;
}
#overlay.visible {
    display: block;
}

a {
    color: silver;
}
a:hover, a:active, a:focus {
    color: rgb(128, 128, 128);
    text-decoration: none;
}

.btn {
    border-radius: 4px;
    outline: none !important;
    padding: 0.75rem 2rem;
}
.btn:hover, .btn:active, .btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn-primary {
    background: linear-gradient(135deg, silver, rgb(122, 122, 122), silver , rgb(141, 141, 141))!important;
    border: none;
    color: #000000;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover:focus,
.btn-primary:hover:active,
.btn-primary:focus:active {
    background-color: silver !important;
    border-color: silver !important;
    color: #000000 !important;
}
@media only screen and (max-width: 767px) {
    .btn {
        padding: 0.5rem 1rem;
    }
}
@media only screen and (max-width: 575px) {
    .btn {
        padding: 0.25rem 0.5rem;
    }
}

select {
    text-align-last: center;
}
.form-control {
    border: 2px solid rgb(133, 133, 133);
    background-color: silver;
    background: linear-gradient(135deg, rgb(141, 141, 141), silver, rgb(211, 211, 211), silver , rgb(141, 141, 141));
    color: black;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    height: calc(1.5em + .75rem + 8px);
}
.form-control:hover,
.form-control:active,
.form-control:focus {
    border: 2px solid rgb(133, 133, 133);
    background-color: silver;
    color: black;
    outline: none !important;
    box-shadow: none !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    background: linear-gradient(135deg, rgb(141, 141, 141), silver, rgb(211, 211, 211), silver , rgb(141, 141, 141));;
}
.form-control:disabled, .form-control[readonly] {
    color: silver;
}

.text-gold {
    color: #f0ad4e;
}
.text-silver {
    color: silver;
}
.text-gold-gradient {
    color: #f9b545;
    background: -webkit-linear-gradient(90deg, transparent,#fbbd2e 50%, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-silver-gradient {
    color: silver;
    background: -webkit-linear-gradient(90deg, silver, white,silver 50%, transparent);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-neon {
    color: white !important;
    text-shadow: 0 0 7px #999,
        0 0 10px gold,
        0 0 21px #f2ef90,
        0 0 82px yellow,
        0 0 92px gold;
}

.text-xl { font-size: 72px; }
.text-md { font-size: 24px; }

.line-height-1 { line-height: 1; }

@keyframes floating {
    0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        -webkit-transform: translatey(0px);
        -moz-transform: translatey(0px);
        -ms-transform: translatey(0px);
        -o-transform: translatey(0px);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 15px 15px 0px rgba(0,0,0,0.2);
        -webkit-transform: translatey(-10px);
        -moz-transform: translatey(-10px);
        -ms-transform: translatey(-10px);
        -o-transform: translatey(-10px);
		transform: translatey(-10px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
        -webkit-transform: translatey(0px);
        -moz-transform: translatey(0px);
        -ms-transform: translatey(0px);
        -o-transform: translatey(0px);
		transform: translatey(0px);
	}
}
.back-to-top {
    position: fixed;
    bottom: 20px;
    z-index: 999;
    left: 16px;
    background: rgb(192 192 192 / 50%);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #000000;
    border-radius: 50%;
    font-size: 24px;
    -webkit-animation: floating 1s ease-in-out infinite;
    -moz-animation: floating 1s ease-in-out infinite;
    -ms-animation: floating 1s ease-in-out infinite;
    -o-animation: floating 1s ease-in-out infinite;
    animation: floating 1s ease-in-out infinite;
    cursor: pointer;
    -webkit-transition: background 0.3s ease-in-out 0s;
    -moz-transition: background 0.3s ease-in-out 0s;
    -ms-transition: background 0.3s ease-in-out 0s;
    -o-transition: background 0.3s ease-in-out 0s;
    transition: background 0.3s ease-in-out 0s;
}
.back-to-top:hover {
    background: silver;
}

/* LANGUAGE SWITCHER */
.floating-language-switcher {
    position: fixed;
    bottom: 90px;
    right: 16px;
    z-index: 999;
    width: 70px;
    cursor: pointer;
}
.floating-language-switcher .gtranslator {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 100px;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
    background: #0c1b1e;
    border-radius: 4px;
    padding: 0 0.25rem;
}
.floating-language-switcher .gtranslator.show {
    display: block;
    height: 100px;
    border: 1px solid silver;
}
.floating-language-switcher .gtranslator .translator-item {
    padding: 4px;
    font-size: 14px;
    color: silver;
}

section {
    padding: 3rem 0;
}
.section-title {
    color: #ecf0f1;
    font-weight: bold;
    -webkit-text-stroke: 1px #f2ef90;
}
@media only screen and (max-width: 575px) {
    section {
        padding: 2rem 0;
    }
}

/* COMPANY SECTION */
.company-section .company-item {
    display: block;
}
.company-section .company-item .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(135deg, silver, rgb(122, 122, 122), silver , rgb(141, 141, 141))!important;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}
.company-section .company-item .overlay h4 {
    color: black;
    margin: 0;
}
.company-section .company-item:hover .overlay {
    opacity: 1;
}
.company-section .company-item .img-wrapper {
    border: 2px solid silver;
    border-radius: 16px;
    overflow: hidden;
}
.company-section .contact-item {
    width: 33%;
}
.company-section .contact-item .img-wrapper {
    width: 60px;
    margin: 0 auto;
}
.company-section .contact-item label {
    font-size: 12px;
}
.company-details .banks-wrapper .item img {
    width: 80%;
    border-radius: 1rem;
}
.company-details .company-info,
.company-details .content-wrapper {
    border: 2px solid silver;
    border-radius: 16px;
    overflow: hidden;
}
@media only screen and (max-width: 575px) {
    .company-section .company-item .overlay {
        opacity: 1;
    }
    .company-section .company-item .overlay h4 {
        font-size: 14px;
    }
    .company-section .contact-item .img-wrapper {
        width: 40px;
    }
    .company-section .contact-item label {
        font-size: 9px;
    }
}

/* GAME SECTION */
.games-section .img-wrapper {
    border: 2px solid silver;
    border-radius: 1rem;
    overflow: hidden;
}
.games-section .btn {
    max-width: 150px;
}

.games-wrapper .item {
    border: 2px solid silver;
    border-radius: 8px;
    margin-bottom: 0.5rem;
}

/* BANK SECTION */
.banks-section .img-wrapper {
    width: 120px;
    border-radius: 4px;
    overflow: hidden;
}
.banks-section .img-wrapper:not(:last-child) {
    margin-bottom: 0.5rem;
}
@media only screen and (max-width: 767px) {
    .banks-section .img-wrapper {
        width: 100px;
    }
}
@media only screen and (max-width: 575px) {
    .banks-section .img-wrapper {
        width: 80px;
    }
}

/* MEMBERSHIP SECTION */
.membership-section .card,
.membership-section .card-body {
    border: none;
    background: none;
    border-radius: 1rem;
    overflow: hidden;
}
.membership-section .card {
    max-width: 450px;
    margin: 0 auto;
    box-shadow: 5px 5px 15px 0px #0000007a;
}
.membership-section .card-title {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
}
.membership-section .card-content {
    top: 52%;
    right: 0%;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.75);
    padding: 0.5rem;
    width: 80%;
    border-radius: 0.25rem 0 0 0.25rem;
}
.membership-section .card-content .score {
    font-size: 1.5rem;
}
@media screen and (max-width: 575px) {
    .membership-section .card-content {
        font-size: 0.75rem;
    }
    .membership-section .card-content .score {
        font-size: 1rem;
    }
}

/* ANIMATIONS */
@-webkit-keyframes shine {
    100% { left: 125%; }
}
@keyframes shine {
    100% { left: 125%; }
}
.shine {
    position: relative;
    overflow: hidden;
}
.shine:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .2) 100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.shine:hover:before {
    -webkit-animation: shine 1.75s;
    -moz-animation: shine 1.75s;
    -ms-animation: shine 1.75s;
    -o-animation: shine 1.75s;
    animation: shine 1.75s;
}

.zoom {
    -webkit-transition: transform ease-in-out 0.3s 0s;;
    -moz-transition: transform ease-in-out 0.3s 0s;;
    -ms-transition: transform ease-in-out 0.3s 0s;;
    -o-transition: transform ease-in-out 0.3s 0s;;
    transition: transform ease-in-out 0.3s 0s;
}
.zoom:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
@keyframes zooming {
    0% {
        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1);  
        transform: scale(1); 
    }
    50% { 
        -webkit-transform: scale(1.2); 
        -moz-transform: scale(1.2); 
        -ms-transform: scale(1.2); 
        -o-transform: scale(1.2); 
        transform: scale(1.2); 
    }
    100% { 
        -webkit-transform: scale(1); 
        -moz-transform: scale(1); 
        -ms-transform: scale(1); 
        -o-transform: scale(1); 
        transform: scale(1); 
    }
}
.zooming {
    -webkit-animation: zooming 1500ms infinite;
    -moz-animation: zooming 1500ms infinite;
    -ms-animation: zooming 1500ms infinite;
    -o-animation: zooming 1500ms infinite;
    animation: zooming 1500ms infinite;
}

@keyframes glowing {
    0% { box-shadow: 0 0 -10px silver; }
    40% { box-shadow: 0 0 20px silver; }
    60% { box-shadow: 0 0 20px silver; }
    100% { box-shadow: 0 0 -10px silver; }
}
.glowing {
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -ms-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}

.line-gold {
    height: 1px;
    background: linear-gradient(90deg,transparent,#fbbd2e 50%,transparent);
}
.line-silver {
    height: 2px;
    background: linear-gradient(90deg,transparent,silver 50%,transparent);
}

/* MARQUEE */
#marqueeContainer {
    background: #0b1b1e;
}
.marquee-wrapper {
    color: silver;
    font-size: 14px;
}

/* HEADER */
header {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

/* LOGO */
.logo {
    width: 125px;
}
.logo > img {
    width: 100%;
    border-radius: 8px;
}
@media only screen and (max-width: 575px) {
    .logo {
        width: 120px;
    }
}

/* SIDE MENU */
.btn-menu {
    display: block;
    right: 0;
    width: 40px;
}
.btn-menu > img {
    width: 100%;
}

/* NAVIGATION */
.navbar {
    background: #0b1b1e;
}
.navbar-dark .navbar-nav .nav-icon {
    width: 50px;
    margin: 0 auto;
}
.navbar-dark .navbar-nav .nav-icon .icon-active {
    display: none;
}
.navbar-dark .navbar-nav .nav-link {
    color: silver;
    text-transform: uppercase;
    width: 120px;
    margin: 0 auto;;
}
.navbar-dark .navbar-nav .nav-link > span {
    font-size: 12px;
}
.navbar-dark .navbar-nav .nav-link:hover .nav-icon .icon-normal {
    display: none;
}
.navbar-dark .navbar-nav .nav-link:hover .nav-icon .icon-active {
    display: block;
}
.navbar-dark .navbar-nav .nav-link:hover > span {
    color: #777;
}
.navbar-toggler {
    position: absolute;
    top: 40px;
    left: 10px;
}
.navbar .logo {
    max-width: 80%;
}
@media only screen and (max-width: 575px) {
    .navbar-dark .navbar-nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .navbar-dark .navbar-nav .nav-item {
        width: 50%;
        margin-bottom: 1rem;
    }
}

/* MODAL */
.modal .btn-close {
    position: absolute;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: silver;
    top: -15px;
    right: -15px;
    cursor: pointer;
    z-index: 999;
}
.modal-header {
    border-color: silver;
}
.modal-header .close {
    color: silver;
}
.modal .modal-content {
    background-color: #0b1b1e;
    border: 2px solid silver;
    border-radius: 30px;
    padding: 1rem;
}
.modal .modal-title {
    color: silver;
}
.modal .form-control {
    background: none;
    text-align: center;
    color: silver;
}
.modal .btn-copy {
    background: none;
    border: none;
    color: silver;
}

/* OWL CAROUSEL */
.owl-theme .owl-nav {
    margin-top: 0;
}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.owl-theme .owl-nav .owl-prev {
    left: 25px;
}
.owl-theme .owl-nav .owl-next {
    right: 25px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
    background: none;
}
.owl-theme .owl-nav .owl-prev span.mdi,
.owl-theme .owl-nav .owl-next span.mdi {
    font-size: 2rem;
    color: silver;
}
.owl-theme .owl-dots {
    margin-top: 8px;
    position: absolute;
    /* top: 100%; */
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.owl-theme .owl-dots .owl-dot span {
    background: #1e3034;
    width: 12px;
    height: 4px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(91, 155, 167);
}


/* SOCIAL CONTACTS */
.contact-sidebar {
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); */
    /* background: #0b1b1e; */
    width: 60px;
    -webkit-transition: left 0.3s ease-in-out 0s;
    -moz-transition: left 0.3s ease-in-out 0s;
    -ms-transition: left 0.3s ease-in-out 0s;
    -o-transition: left 0.3s ease-in-out 0s;
    transition: left 0.3s ease-in-out 0s;
    z-index: 10;
}
.sidebar-trigger {
    /* position: fixed; */
    /* bottom: 20px; */
    /* right: 20px; */
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 40px;
    background: silver;
    border-radius: 50%;
    color: black;
    font-weight: bold;
    cursor: pointer;
}
.sidebar-trigger .icon-social {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 22px;
    font-size: 24px;
}
.contact-sidebar .contact-items-wrapper {
    position: absolute;
    display: block;
    width: 140px;
    bottom: 0px;
    right: 60px;
    background: #0b1b1e;
    box-shadow: 0 0 15px -2px #080808;
    z-index: 10000;
}
.contact-sidebar.sidebar-close .contact-items-wrapper {
    display: none;
}
.contact-info {
    font-size: 12px;
}
.contact-info .nav-item:not(:last-child) {
    margin-bottom: 10px;
}
.contact-info .icon-social {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid silver;
    border-radius: 15px;
    line-height: 22px;
    text-align: center;
    margin-right: 4px;
}

/* SIDEBAR NAV */
.sidebar-nav {
    position: fixed;
    right: 0;
    top: 0;
    background: #0b1b1e;
    z-index: 9999999999;
    padding: 50px 0 30px;
    overflow-y: scroll;
    width: 300px;
    height: 100vh;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -ms-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
    transition: right 0.3s ease-in-out 0s;
    box-shadow: 0 0 15px -2px #080808;
}
.sidebar-nav.sidebar-close {
    right: -300px;
}
.sidebar-nav .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
}
.sidebar-nav .btn-close > img {
    width: 100%;
}
.sidebar-nav .nav-item > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0rem 1rem;
}
.sidebar-nav .nav-item > a .img-wrapper {
    width: 60px;
    margin-right: 0.5rem;
}
.sidebar-nav .nav-item > a span {
    width: calc(100% - 68px);
    text-align: center;
}

/* TESTIMONIAL */
.testimonial-item {
    max-width: 100%;
}
.testimonial-item > img {
    width: 100%;
}

/* FLOATING SPIN WHEEL */
@keyframes movingUpDown {
    0% { top: 80%; }
	50% { top: 0; }
	100% { top: 80%; }
}
.floating-spinwheel {
    width: 60px;
    position: fixed;
    top: 80%;
    left: 1rem;
    z-index: 9;
    animation: movingUpDown 8s ease-in-out infinite;
    box-shadow: none;
}
.floating-spinwheel:hover {
    animation-play-state: paused;
}
.floating-spinwheel > span {
    font-size: 10px;
}

/* HOME MODAL */
#homeModal iframe {
    max-width: 100% !important;
    margin: 0 auto;
}

/* FOOTER */
footer {
    background: #0b1b1e;
}
footer .bottom-nav {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000000;
    z-index: 10;
}
footer .bottom-nav .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
footer .bottom-nav .navbar-nav .nav-item {
    width: 20%;
}
footer .bottom-nav .navbar-nav .nav-item span {
    font-size: 10px;
}
footer .copyright-wrapper {
    background: #000000;
    border-top: 1px solid silver;
}
footer .copyright {
    font-size: 12px;
    color: #f9b545;
}
/* @media only screen and (max-width: 767px) {
    footer {
        padding-bottom: 70px;
    }
} */