@import url(https://fonts.cdnfonts.com/css/myriad-pro);
:root{
    --bs-warning:#da8c2e;
    --bs-green:#da8c2e;
    --bs-warning-rgb:218, 140, 46;
    --bs-orange:#17A1CF;
    --bs-orange-rgb:65, 203, 40; 
    --bs-dark:#212223;
    --bs-dark-rgb:33, 34, 35;
    --bs-black:#0e0e11;
    --bs-black-rgb:14, 14, 17;
    --bs-secondary:#5c5854;
    --bs-secondary-rgb:92, 88, 84;
    --bs-success:#5a5d0d;
    --bs-success-rgb:90, 93, 13;
    --wc-navbar:#1b1b1a;
    --wc-navbar-rgb:27, 27, 26;
    --wc-progress-warning:#7b4816;
    --wc-progress-warning-rgb:123, 72, 22;
    --wc-progress-success-bg:#5a5d0e;
    --wc-progress-success-bg-rgb:90, 93, 14;
    --wc-progress-success-bar:#6d7006;
    --wc-progress-success-bar-rgb:109, 112, 6;
    --wc-timers-bg:#343434;
    --wc-timers-bg-rgb:52, 52, 52;
    --wc-timer-bg:#5c5854;
    --wc-timer-bg-rgb:92, 88, 84;
    --wc-timer-active-bg:#2c3d63; 
    --wc-timer-active-bg-rgb:0, 139, 219;
    --wc-timers-border:#232323;
    --wc-timers-border-rgb:35, 35, 35;
    --wc-card-bg:#292928;
    --wc-card-bg-rgb:41, 41, 40;
    --wc-loadout-bg:#353533;
    --wc-loadout-bg-rgb:53, 53, 51;
    --wc-loadout-sub-bg:#3d3d3a;
    --wc-loadout-sub-bg-rgb:61, 61, 58;
    --wc-action-bg:#55504f;
    --wc-action-bg-rgb:85, 80, 79;
    --wc-action-hover-bg:#847f7e;
    --wc-action-hover-bg-rgb:132, 127, 126
}
p,ul,*{
    margin:0;
    outline:0;
    padding:0;
    scrollbar-width:auto;
    scrollbar-color:var(--bs-dark);
    scroll-behavior:smooth
}
html{
    position:relative;
    min-height:100%
}
body{
    min-height:100vh
}
html,body{
    font-family:Myriad-Pro,sans-serif;
    font-size:12px;
    font-display:swap
}
.wc-navbar{
    background-color:rgba(var(--wc-navbar-rgb),.6)
}
.wc-navbar .navbar-brand{
    font-size:15px
}
.wc-navbar iconify-icon{
    font-size:19px
}
.offcanvas{
    background-color:rgba(var(--bs-dark-rgb),.989);
    color:var(--bs-light)
}
.popover{
    background-color:rgba(var(--bs-dark-rgb),.889);
    color:var(--bs-light)
}
.popover-header{
    background-color:rgba(var(--bs-black-rgb),.859);
    color:var(--bs-light);
    border-bottom:1px solid rgba(var(--bs-secondary-rgb),.329)
}
.popover-body{
    color:var(--bs-light)
}
.tooltip,.tooltip-inner,.mapster_tooltip{
    --bs-tooltip-bg:rgba(var(--bs-dark-rgb), 0.5) !important;
    background-color:rgba(var(--bs-black-rgb),1)!important;
    color:var(--bs-light)!important
}
.mapster_tooltip{
    text-align:center;
    font-weight:700;
    box-shadow:none!important
}
.btn{
    box-shadow:rgba(var(--bs-dark-rgb),.25) 0 30px 60px -12px inset,rgba(var(--bs-black-rgb),.3) 0 18px 36px -18px inset
    background-color:rgba(var(--bs-orange-rgb),.3);
    opacity:.5
}
.btn:hover{
    box-shadow:rgba(var(--bs-black-rgb),.17) 0 -23px 25px 0 inset,rgba(var(--bs-black-rgb),.15) 0 -36px 30px 0 inset,rgba(var(--bs-black-rgb),.1) 0 -79px 40px 0 inset,rgba(var(--bs-black-rgb),.06) 0 2px 1px,rgba(var(--bs-black-rgb),.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(var(--bs-black-rgb),.09) 0 16px 8px,rgba(var(--bs-black-rgb),.09) 0 32px 16px
}
.btn-glass{
    background:rgba(var(--bs-white-rgb),.03);
    border:1px solid rgba(var(--wc-timers-border),0);
    color:var(--bs-light)
}
.btn-check:checked+.btn.btn-glass,.btn-check:hover+.btn.btn-glass{
    background:rgba(var(--bs-orange-rgb),.18);
    color:var(--bs-light);
    border:1px solid var(--bs-warning)
}
.form-control,.select2-selection{
    background-color:rgba(var(--bs-dark-rgb),.7)!important;
    color:var(--bs-light)!important;
    padding:10px;
    border-color:rgba(var(--bs-secondary-rgb),.259)!important;
    border-radius:8px!important
}
select.form-control option,.select2-results__option,.select2-selection__choice{
    background-color:var(--bs-black)!important;
    color:var(--bs-light)!important;
    border:none!important
}
.select2-results__option[aria-selected="true"],.select2-selection__choice:hover{
    background-color:var(--bs-orange)!important
}
select.form-control option:hover,.select2-results__option:hover{
    background-color:var(--bs-dark)!important
}
.form-control:focus{
    background-color:rgba(var(--bs-dark-rgb),.425)!important;
    color:var(--bs-light)!important;
    border-color:rgba(var(--bs-secondary-rgb),.159)!important;
    box-shadow:none!important
}
select.form-control option{
    background-color:var(--bs-black)!important
}
.form-control::placeholder{
    color:var(--bs-light)
}
.form-check-input:checked{
    background-color:var(--bs-warning);
    border-color:var(--bs-warning)
}
.input-group .input-group-text iconify-icon{
    font-size:22px
}
.input-group .form-control{
    border-bottom-left-radius:0!important;
    border-top-left-radius:0!important
}
.btn-warning{
    --bs-btn-bg:var(--bs-orange);
    --bs-btn-hover-bg:var(--bs-orange);
    --bs-btn-color:var(--bs-light);
    --bs-btn-hover-color:var(--bs-white);
    --bs-btn-border-color:none
}
.modal .modal-content{
    background-color:rgba(var(--bs-dark-rgb),.95);
    border:transparent
}
.modal .modal-header,.offcanvas .offcanvas-header{
    background-color:rgba(var(--bs-warning-rgb),.4);
    margin:5px;
    padding:10px;
    border-radius:5px
}
.w-10{
    width:10%!important
}
.btn-success{
    --bs-btn-bg:var(--bs-success);
    --bs-btn-border-color:var(--bs-success);
    --bs-btn-hover-bg:var(--bs-success);
    --bs-btn-hover-border-color:var(--bs-success)
}
.nav-pills .nav-item .nav-link.active{
    background-color:var(--bs-orange);
    box-shadow:rgba(var(--bs-black-rgb),.17) 0 -23px 25px 0 inset,rgba(var(--bs-black-rgb),.15) 0 -36px 30px 0 inset,rgba(var(--bs-black-rgb),.1) 0 -79px 40px 0 inset,rgba(var(--bs-black-rgb),.06) 0 2px 1px,rgba(var(--bs-black-rgb),.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(var(--bs-black-rgb),.09) 0 16px 8px,rgba(var(--bs-black-rgb),.09) 0 32px 16px
}
.nav-pills .nav-item{
    margin:5px 5px 0 0
}
.nav-pills .nav-item .nav-link{
    background-color:var(--wc-card-bg);
    color:var(--bs-light)
}
.nav-pills .nav-item .nav-link:hover{
    background-color:var(--wc-timer-bg);
    box-shadow:rgba(var(--bs-black-rgb),.17) 0 -23px 25px 0 inset,rgba(var(--bs-black-rgb),.15) 0 -36px 30px 0 inset,rgba(var(--bs-black-rgb),.1) 0 -79px 40px 0 inset,rgba(var(--bs-black-rgb),.06) 0 2px 1px,rgba(var(--bs-black-rgb),.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(var(--bs-black-rgb),.09) 0 16px 8px,rgba(var(--bs-black-rgb),.09) 0 32px 16px
}
.dropdown-menu-dark {
    background-color: rgba(var(--bs-dark-rgb), 1);
}

.dropdown-menu-dark .dropdown-item:hover {
    background-color: rgba(135, 199, 112, 0.39);
}
.nav-link iconify-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 35px;
}
.text-bg-warning{
    color:var(--bs-light)!important;
    background-color:rgba(var(--bs-warning-rgb),.8)!important
}
.h2,h2{
    font-size:calc(0.825rem + 0.7vw)!important
}
.h3,h3{
    font-size:calc(0.725rem + 0.5vw)!important
}
.alert{
    padding:20px;
    color:var(--bs-light)
}
.alert iconify-icon{
    font-size:42px
}
.alert.alert-success{
    background-color:rgba(var(--bs-success-rgb),.5);
    border-color:rgba(var(--bs-success-rgb),.5)
}
.alert.alert-danger{
    background-color:rgba(var(--bs-danger-rgb),.5);
    border-color:rgba(var(--bs-danger-rgb),.5)
}
.alert.alert-warning{
    background-color:rgba(var(--bs-warning-rgb),.5);
    border-color:rgba(var(--bs-warning-rgb),.5)
}
.alert.alert-info{
    background-color:rgba(var(--bs-info-rgb),.5);
    border-color:rgba(var(--bs-info-rgb),.5)
}
.border-word{
    overflow:hidden;
    text-align:center
}
.border-word:before,.border-word:after{
    background-color:var(--bs-gray-800);
    content:"";
    display:inline-block;
    height:1px;
    position:relative;
    vertical-align:middle;
    width:50%
}
.border-word:before{
    right:.5em;
    margin-left:-50%
}
.border-word:after{
    left:.5em;
    margin-right:-50%
}
.list-group-item:nth-child(odd){
    background-color:rgba(var(--bs-black-rgb),.9)
}
.list-group-item:nth-child(even){
    background-color:rgba(var(--bs-dark-rgb),.9)
}
.active>.page-link,.page-link.active{
    color:var(--bs-pagination-active-color);
    background-color:var(--bs-warning);
    box-shadow:rgba(var(--bs-black-rgb),.17) 0 -23px 25px 0 inset,rgba(var(--bs-black-rgb),.15) 0 -36px 30px 0 inset,rgba(var(--bs-black-rgb),.1) 0 -79px 40px 0 inset,rgba(var(--bs-black-rgb),.06) 0 2px 1px,rgba(var(--bs-black-rgb),.09) 0 4px 2px,rgba(0,0,0,.09) 0 8px 4px,rgba(var(--bs-black-rgb),.09) 0 16px 8px,rgba(var(--bs-black-rgb),.09) 0 32px 16px;
    border-color:transparent
}
.messagebox_overlay{
    background:rgba(var(--bs-dark-rgb),.878)
}
.messagebox{
    background:rgba(var(--bs-black-rgb),.247);
    color:var(--bs-light);
    border-color:var(--bs-dark);
    box-shadow:rgba(var(--bs-black-rgb),.16) 0 10px 36px 0,rgba(var(--bs-black-rgb),.06) 0 0 0 1px
}
.messagebox_title{
    background-color:rgba(var(--bs-warning-rgb),.4);
    margin:5px;
    padding:10px;
    border-radius:5px
}
.messagebox_buttons{
    background:rgba(var(--bs-black-rgb),.756);
    border-color:var(--bs-dark)
}
.messagebox_buttons_button{
    background:rgba(var(--bs-warning-rgb),.358);
    color:var(--bs-light);
    font-weight:400;
    border-color:var(--bs-dark)
}
.messagebox_buttons_button:hover{
    background:rgba(var(--bs-warning-rgb),.558)
}
footer .footer-list{
    list-style-type:none
}
footer .footer-list .list-item{
    display:inline-block
}
footer .footer-list .list-item:not(:first-child):before{
    content:"\2022"
}
footer .footer-list .list-item .list-link{
    text-decoration:none
}
footer .footer-list .list-item .list-link:hover{
    color:var(--bs-orange)
}
.prebanner{
    display:none!important
}
*::-webkit-scrollbar-track{
    background-color:var(--bs-black);
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px rgba(var(--bs-black-rgb),.3)
}
*::-webkit-scrollbar{
    background-color:var(--bs-black);
    width:10px
}
*::-webkit-scrollbar-thumb{
    background-color:var(--bs-dark);
    background-image:-webkit-linear-gradient(0deg,rgba(var(--bs-dark-rgb),.5) 25%,transparent 25%,transparent 50%,rgba(var(--bs-dark-rgb),.5) 50%,rgba(var(--bs-dark-rgb),.5) 75%,transparent 75%,transparent)
}
@supports (-webkit-overflow-scrolling:touch){
    .form-control,select,textarea,input,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{
        font-size:16px
    }
}
@media (min-width:1140px){
    .w-lg-50{
        width:50%!important
    }
}
@media screen and (max-width:1200px){
    .navbar.wc-navbar.no-mobile{
        background-color:rgba(var(--wc-navbar-rgb),.9);
        position:fixed;
        right:0;
        bottom:0;
        left:0;
        z-index:989;
        padding:15px;
        border-top-right-radius:35px;
        border-top-left-radius:35px;
        box-shadow:rgba(var(--bs-warning-rgb),.1) 0 2px 4px 0 inset
    }
    .navbar.wc-navbar .navbar-nav .nav-item .nav-link iconify-icon{
        font-size:20px
    }
    .alert-container{
        margin-bottom:12%
    }
    .wc-offcanvas-start{
        width:35vh!important
    }
    *::-webkit-scrollbar{
        width:5px
    }
}
@media (min-width:768px) and (max-width:1200px){
    .dropdown-menu-full{
        width:100vw!important
    }
    .wc-offcanvas-start{
        width:85vh!important
    }
}
@media screen and (min-width:1280px){
    .h2,h2{
        font-size:calc(0.625rem + 0.5vw)!important
    }
    .h3,h3{
        font-size:calc(0.525rem + 0.3vw)!important
    }
}
@media screen and (min-width:1920px){
    .h2,h2{
        font-size:calc(0.625rem + 0.5vw)!important
    }
    .h3,h3{
        font-size:calc(0.525rem + 0.3vw)!important
    }
}
@media screen and (min-width:3840px){
    .h2,h2{
        font-size:calc(0.625rem + 0.5vw)!important
    }
    .h3,h3{
        font-size:calc(0.525rem + 0.3vw)!important
    }
}
