@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;
200;
300;
400;
500;
600;
700;
800;
900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css);
body{
    background:#15181d!important;
    font-family:Poppins,sans-serif
}
a{
    color:#0059ff;
    transition:all .2s ease
}
a:active,a:focus,a:hover{
    color:#0059ff
}
.container-fluid{
    width:80%
}
.modal-content{
    background:#15181d!important;
    border-radius:8px;
    border:none
}
.login-modal a img{
    padding-top:20px;
    padding-bottom:20px
}
.navbar-dark{
    background:#1e2127!important
}
.navbar-dark .navbar-toggler{
    border:none;
    outline:0;
    color:#fff
}
.navbar-dark .navbar-brand{
    margin-right:6rem;
    padding:0
}
@media only screen and (max-width:992px){
    .navbar-dark .navbar-brand{
        margin-right:2rem
    }
}
.navbar-dark .navbar-brand img{
    padding:0
}
.navbar-dark .btn-primary{
    border-radius:50px;
    padding:6px 20px;
    text-transform:uppercase;
    font-size:13px;
    font-weight:500;
    border:none;
    transition:all .2s ease;
    background:#0059ff
}
.navbar-dark .btn-primary:active,.navbar-dark .btn-primary:focus,.navbar-dark .btn-primary:hover{
    border:none;
    -webkit-box-shadow:0 0 16px #0059ff;
    -moz-box-shadow:0 0 16px 0#0059ff;
    box-shadow:0 0 16px #0059ff
}
.navbar-dark .btn-primary i{
    vertical-align:middle
}
.navbar-expand-lg .navbar-nav .nav-link{
    padding-right:.8rem;
    padding-left:.8rem
}
.navbar-dark .navbar-nav .nav-link{
    color:#fafafa;
    text-transform:uppercase;
    font-size:12px;
    font-weight:500;
    letter-spacing:.8px
}
.navbar-dark .navbar-nav .drop-games{
    -webkit-columns:2;
    columns:2
}
@media only screen and (max-width:992px){
    .navbar-dark .navbar-nav .drop-games{
        -webkit-columns:1;
        columns:1
    }
}
.dropdown-menu{
    background:#1e2127!important
}
.dropdown-menu .dropdown-item{
    color:#ccc
}
.dropdown-menu .dropdown-item:hover{
    background:rgb(21,24,29,.6);
    color:#fff
}
.dropdown-menu .dropdown-item img{
    vertical-align:middle
}
.menu-arrow{
    top:-32px;
    left:50%;
    width:0;
    height:0;
    position:relative
}
.menu-arrow:after,.menu-arrow:before{
    content:"";
    position:absolute;
    display:block;
    width:0;
    height:0;
    border-width:7px 8px;
    border-style:solid;
    border-color:transparent;
    z-index:1001
}
.menu-arrow:after{
    bottom:-18px;
    right:-8px;
    border-bottom-color:#1e2127
}
.menu-arrow:before{
    bottom:-17px;
    right:-8px;
    border-bottom-color:rgba(0,0,0,.15)
}
.carousel-caption{
    display:flex;
    justify-content:center;
    align-items:center;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    bottom:60px
}
.carousel-item img{
    width:100%
}
@media only screen and (max-width:992px){
    .carousel-caption{
        bottom:30px;
        transform:none
    }
    .carousel-caption p{
        display:none
    }
    .carousel-indicators{
        display:none
    }
}
@media only screen and (max-width:768px){
    .carousel-caption{
        bottom:20px
    }
}
@media only screen and (max-width:576px){
    .carousel-caption{
        bottom:0
    }
    .carousel-caption .btn{
        display:none
    }
}
.carousel-caption h3{
    font-size:40px;
    text-transform:uppercase;
    font-weight:700
}
@media only screen and (max-width:992px){
    .carousel-caption h3{
        font-size:26px;
        font-weight:600
    }
}
@media only screen and (max-width:768px){
    .carousel-caption h3{
        font-size:20px;
        font-weight:600
    }
}
.carousel-caption h3 .yellow{
    color:#5900ff
}
.carousel-caption h3 .blue{
    color:#0059ff
}
.carousel-caption p{
    font-weight:300
}
.carousel-caption .btn-slider{
    text-transform:uppercase;
    font-size:13px;
    font-weight:600;
    padding:8px 24px;
    margin-top:20px;
    transition:all .4s ease
}
.btn-yellow{
    border:1px solid #5900ff;
    color:#5900ff
}
.btn-yellow:hover{
    background:#0059ff;
    border:1px solid #5900ff;
    color:#000
}
.btn-blue{
    border:1px solid #00ff22;
    color:#ffffff
}
.btn-blue:hover{
    background:#00ff22;
    border:1px solid#00ff22;
    color:#fff
}
.title-heading{
    height:0;
    border-top:1px solid #151923;
    text-align:center;
    margin-top:60px;
    margin-bottom:60px
}
.title-heading span{
    display:inline-block;
    position:relative;
    padding:0 24px;
    top:-20px;
    font-size:24px;
    font-weight:600;
    text-transform:uppercase;
    color:#fff;
    background-color:#151923
}
.card{
    background-color:#151923;
    border:1px solid #1e2127;
    border-radius:10px;
    clear:both;
    overflow:hidden
}
.features{
    margin-bottom:80px
}
.features .card,.owners .card{
    cursor:pointer;
    margin-bottom:30px;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1)
}
.features .card img{
    margin-top:20px
}
.features .card img:hover{
    animation:shake 75ms infinite;
    animation-timing-function:linear
}
@keyframes shake{
    0%{
        transform:rotate(1deg)
    }
    50%{
        transform:rotate(-1deg)
    }
    100%{
        transform:rotate(1deg)
    }
}
.features .card:hover img{
    animation:shake 75ms infinite;
    animation-timing-function:linear
}
.features .card:active,.features .card:focus,.features .card:hover,.owners .card:active,.owners .card:focus,.owners .card:hover{
    text-decoration:none;
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);
    transform:scale(1.02) -webkit-box-shadow: 0 0 20px 0 #1e2127;
    -moz-box-shadow:0 0 20px 0 #1e2127;
    box-shadow:0 0 20px 0 #1e2127
}
.features .card .card-body{
    text-align:center
}
.features .card .card-body h3{
    color:#fafafa;
    text-transform:uppercase;
    font-size:22px;
    font-weight:700
}
@media only screen and (max-width:768px){
    .features .card .card-body h3{
        font-size:18px;
        font-weight:600
    }
}
.features .card .card-body p{
    font-size:13px;
    color:#ccc;
    font-weight:300
}
.game-panel{
    padding:40px
}
.cpanel{
    padding:40px
}
.panel{
    margin-bottom:60px
}
.panel h2{
    font-weight:500;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:0
}
.panel span{
    text-transform:uppercase;
    color:#999;
    font-weight:300
}
.panel p{
    color:#cdcdcd;
    margin-top:20px;
    margin-bottom:0;
    font-weight:300;
    font-size:14px
}
.panel ul{
    padding:0;
    list-style:none;
    margin-top:20px
}
.panel ul li{
    color:#fafafa;
    font-weight:500;
    font-size:14px;
    margin-bottom:10px
}
.panel ul i{
    color:#00ff22
}
.testmonials a img{
    margin-bottom:40px
}
.testmonials #testimonial{
    margin:0 auto
}
.testmonials #testimonial .item{
    display:block;
    width:100%;
    height:auto;
    text-align:center
}
.testmonials #testimonial .item p{
    font-weight:400;
    color:#cdcdcd
}
.testmonials #testimonial .item p .author{
    color:#fff
}
.faq .mb-0>a,.legal .mb-0>a{
    display:block;
    position:relative;
    text-decoration:none;
    color:#fff;
    font-size:16px;
    outline:0
}
.faq .mb-0>a:after,.legal .mb-0>a:after{
    content:"\f067";
    font-family:'Font Awesome 5 Pro';
    position:absolute;
    right:0
}
.faq .mb-0>a[aria-expanded=true]:after,.legal .mb-0>a[aria-expanded=true]:after{
    content:"\f068";
    font-family:'Font Awesome 5 Pro'
}
.faq .card,.legal .card{
    background-color:#1e2127;
    border-color:#151923;
    margin-bottom:20px
}
.faq .card .card-header,.legal .card .card-header{
    color:#fff;
    background-color:#15181d;
    font-weight:600
}
.legal .card .card-header{
    padding:20px
}
.faq .card .card-body,.legal .card .card-body{
    color:#fafafa;
    font-weight:300;
    font-size:14px
}
.support-banner{
    background-image:linear-gradient(rgba(30, 97, 197, 0.8),rgba(30, 97, 197, 0.8)),url(../images/pattern-banner.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-top:80px;
    padding-top:120px;
    padding-bottom:120px
}
.support-banner h3{
    color:#fff
}
.support-banner p{
    color:#fafafa;
    font-weight:300
}
.support-banner .buttons{
    margin-top:30px;
    text-align:center
}
.support-banner .buttons .btn{
    margin-bottom:20px
}
.support-banner .btn-default-outline{
    border:1px solid #fafafa;
    background-color:transparent;
    color:#fafafa;
    transition:all .4s ease;
    text-transform:uppercase;
    font-weight:500
}
.support-banner .btn-default-outline:active,.support-banner .btn-default-outline:focus,.support-banner .btn-default-outline:hover{
    background:#fafafa;
    border:1px solod #fafafa;
    color:#000
}
.support-banner .btn-default{
    border:1px solid #fafafa;
    background-color:#fafafa;
    color:#000;
    transition:all .4s ease;
    text-transform:uppercase;
    font-weight:500
}
.support-banner .btn-default:active,.support-banner .btn-default:focus,.support-banner .btn-default:hover{
    background:0 0;
    border:1px solod #fafafa;
    color:#fff
}
.footer{
    background:#15181d;
    background:linear-gradient(-80deg,#15181d 30%,#15181d 30%);
    border-top:1px solid #151923;
    padding-top:60px;
    padding-bottom:60px;
    margin-top:50px;
    clear:both;
    overflow:hidden
}
.footer h4{
    color:#0059ff;
    font-weight:500;
    font-size:22px;
    text-transform:uppercase
}
.footer ul{
    list-style:none;
    padding:0
}
.footer ul li a{
    color:#cdcdcd;
    text-decoration:none;
    line-height:26px
}
.footer ul li a.active{
    color:#0059ff
}
.footer ul li a:hover{
    color:#0059ff
}
.footer ul hr{
    background:#666
}
.footer h3{
    color:#fff;
    font-weight:500;
    font-size:20px;
    letter-spacing:.6;
    text-transform:uppercase;
    margin-bottom:10px;
    margin-top:10px
}
.footer .social li{
    display:inline-block;
    margin:10px
}
.footer .social li a i{
    font-size:24px
}
.fa-facebook-f{
    color:#0059ff
}
.fa-twitter{
    color:#1da1f2
}
.fa-youtube{
    colorgb(25, 59, 212)ed
}
.fa-discord{
    color:#7289da
}
.footer .text-center{
    z-index:999
}
.footer .text-center #shape-logo{
    background:url();
    width:300px;
    height:400px;
    position:absolute;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    top:140px;
    left:176px;
    z-index:-1
}
@media only screen and (max-width:992px){
    .footer .text-center #shape-logo{
        background:0 0
    }
}
.footer-bottom{
    background:#1e2127
}
.footer-bottom .copyright{
    padding:5px;
    margin:0;
    font-size:14px;
    color:#fafafa
}
.footer-bottom .copyright b{
    color:#fff;
    transition:all .4s ease
}
.footer-bottom .copyright:hover b{
    color:#0059ff
}
.games-header{
    background:url(../images/games-header.png);
    padding-top:100px;
    padding-bottom:100px
}
.minecraft-header{
    background:url(../images/minecraft-bg.png);
    padding-top:100px;
    padding-bottom:100px;
    background-repeat:no-repeat;
    background-size:100%
}
@media (max-width:992px){
    ,.ark-header,.fivem-header,.hytale-header,.minecraft-header,.terraria-header{
        padding-top:80px;
        padding-bottom:80px
    }
}
@media (max-width:768px){
    ,.ark-header,.fivem-header,.hytale-header,.minecraft-header,.terraria-header{
        padding-top:50px;
        padding-bottom:50px
    }
}
@media (max-width:576px){
    ,.ark-header,.fivem-header,.hytale-header,.minecraft-header,.terraria-header{
        padding-top:20px;
        padding-bottom:20px
    }
}
.minecraft-header h1{
    color:#fff;
    font-weight:800;
    text-transform:uppercase
}
@media (max-width:992px){
    .ark-header h1,.fivem-header h1,.hytale-header h1,.minecraft-header h1,.terraria-header h1{
        font-size:30px
    }
}
@media (max-width:576px){
    .ark-header h1,.fivem-header h1,.hytale-header h1,.minecraft-header h1,.terraria-header h1{
        font-size:24px
    }
}
.minecraft-header h4{
    color:#cdcdcd;
    font-weight:400;
    text-transform:uppercase
}
@media (max-width:992px){
    .ark-header h4,.fivem-header h4,.hytale-header h4,.minecraft-header h4,.terraria-header h4{
        font-size:20px
    }
}
@media (max-width:576px){
    .ark-header h4,.fivem-header h4,.hytale-header h4,.minecraft-header h4,.terraria-header h4{
        font-size:16px
    }
}
.fivem-header{
    background:url(../images/fivem-bg.png);
    padding-top:100px;
    padding-bottom:100px;
    background-repeat:no-repeat;
    background-size:100%
}
.fivem-header h1{
    color:#fff;
    font-weight:800;
    text-transform:uppercase
}
.fivem-header h4{
    color:#cdcdcd;
    font-weight:400;
    text-transform:uppercase
}
.terraria-header{
    background:url(../images/terraria-bg.png);
    padding-top:100px;
    padding-bottom:100px;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center
}
.terraria-header h1{
    color:#fff;
    font-weight:800;
    text-transform:uppercase
}
.terraria-header h4{
    color:#cdcdcd;
    font-weight:400;
    text-transform:uppercase
}
.ark-header{
    background:url(../images/ark-bg.png);
    padding-top:100px;
    padding-bottom:100px;
    background-repeat:no-repeat;
    background-size:100%
}
.hytale-header{
    background:url(../images/hytale-bg.png);
    padding-top:100px;
    padding-bottom:100px;
    background-repeat:no-repeat;
    background-size:100%;
    background-position:center
}
.games-header .game-header-text{
    margin-top:130px;
    color:#cdcdcd
}
.games-header .game-header-text h2{
    color:#fff
}
.games-features{
    margin-top:60px
}
#owl-minecraft-modpack .item,.games-features #owl-games-features .item{
    text-align:center
}
#owl-minecraft-modpack .item{
    cursor:pointer
}
#owl-minecraft-modpack .item img{
    max-width:none;
    text-align:center;
    margin:0 auto;
    height:unset;
    width:unset
}
.games-features #owl-games-features .item .features-icon{
    color:#fafafa;
    text-transform:uppercase;
    font-weight:500
}
.games-features #owl-games-features .item .features-icon i{
    background:#1e2127;
    padding:20px;
    border-radius:50%;
    margin-bottom:10px
}
.our-games{
    margin-top:60px
}
.game-search .form-control{
    padding-left:2.375rem;
    background:#1e2127;
    border:1px solid #151923;
    color:#ccc
}
.game-search .form-control:active,.game-search .form-control:focus,.game-search .form-control:hover{
    border:none;
    border:transparent;
    -webkit-box-shadow:0 0 10px 0 #151923;
    -moz-box-shadow:0 0 10px 0 #151923;
    box-shadow:0 0 10px 0 #151923
}
.game-search .form-control-feedback{
    position:absolute;
    z-index:2;
    display:block;
    width:2.375rem;
    height:2.375rem;
    line-height:2.375rem;
    text-align:center;
    pointer-events:none;
    color:#aaa
}
.our-games #games{
    list-style-type:none;
    padding:0;
    margin:0
}
.our-games #games li a{
    margin-top:-1px;
    background-color:#1e2127;
    border:1px solid #1e2127;
    padding:20px;
    color:#cdcdcd;
    text-decoration:none;
    font-size:18px;
    display:block;
    transition:all .4s ease
}
.our-games #games li a:hover:not(.header){
    background-color:#15181d;
    color:#fafafa
}
.our-games #games li a:hover .fa-shopping-basket{
    color:#0059ff
}
.our-games #games li a .start{
    font-size:16px;
    font-weight:300;
    color:#0059ff;
    margin-top:-2px
}
.about-us .map{
    position:relative
}
.about-us .marker{
    position:absolute;
    top:140px;
    left:300px;
    cursor:pointer
}
.marker-up{
    animation:up-down linear 4s;
    animation-iteration-count:infinite;
    transform-origin:50% 50%;
    -webkit-animation:up-down linear 4s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:50% 50%;
    -moz-animation:up-down linear 4s;
    -moz-animation-iteration-count:infinite;
    -moz-transform-origin:50% 50%;
    -o-animation:up-down linear 4s;
    -o-animation-iteration-count:infinite;
    -o-transform-origin:50% 50%;
    -ms-animation:up-down linear 4s;
    -ms-animation-iteration-count:infinite;
    -ms-transform-origin:50% 50%
}
@keyframes up-down{
    0%{
        transform:translate(1px,20px)
    }
    24%{
        transform:translate(1px,30px)
    }
    50%{
        transform:translate(1px,12px)
    }
    74%{
        transform:translate(1px,22px)
    }
    100%{
        transform:translate(1px,22px)
    }
}
@-moz-keyframes up-down{
    0%{
        -moz-transform:translate(1px,20px)
    }
    24%{
        -moz-transform:translate(1px,30px)
    }
    50%{
        -moz-transform:translate(1px,12px)
    }
    74%{
        -moz-transform:translate(1px,22px)
    }
    100%{
        -moz-transform:translate(1px,22px)
    }
}
@-webkit-keyframes up-down{
    0%{
        -webkit-transform:translate(1px,20px)
    }
    24%{
        -webkit-transform:translate(1px,30px)
    }
    50%{
        -webkit-transform:translate(1px,12px)
    }
    74%{
        -webkit-transform:translate(1px,22px)
    }
    100%{
        -webkit-transform:translate(1px,22px)
    }
}
@-o-keyframes up-down{
    0%{
        -o-transform:translate(1px,20px)
    }
    24%{
        -o-transform:translate(1px,30px)
    }
    50%{
        -o-transform:translate(1px,12px)
    }
    74%{
        -o-transform:translate(1px,22px)
    }
    100%{
        -o-transform:translate(1px,22px)
    }
}
@-ms-keyframes up-down{
    0%{
        -ms-transform:translate(1px,20px)
    }
    24%{
        -ms-transform:translate(1px,30px)
    }
    50%{
        -ms-transform:translate(1px,12px)
    }
    74%{
        -ms-transform:translate(1px,22px)
    }
    100%{
        -ms-transform:translate(1px,22px)
    }
}
.about-us .about-text{
    margin-top:120px
}
.about-us .about-text h2{
    color:#fff;
    text-transform:uppercase;
    font-weight:600;
    font-size:30px
}
.about-us .about-text p{
    color:#cdcdcd;
    font-weight:300
}
.owners{
    margin-top:80px
}
.owners .card{
    text-align:center;
    color:#cdcdcd
}
.owners .card i{
    margin-top:20px;
    margin-bottom:20px
}
.owners .card h3{
    color:#fff
}
.owners .card ul{
    list-style:none;
    margin-top:4px;
    padding:0
}
.owners .card ul li{
    display:inline-block
}
.owners .card ul li a{
    padding:10px;
    font-size:24px
}
.fa-instagram{
    background:-webkit-linear-gradient(-90deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d,#f56040,#f77737,#fcaf45,#ffdc80);
    background-clip:border-box;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent
}
.fa-facebook-f{
    color:#0059ff
}
.fa-discord{
    color:#7289da;
    cursor:pointer
}
.site-header{
    background-image:url(../images/hosting-statistics.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-bottom:80px;
    padding-top:100px;
    padding-bottom:100px
}
.site-header h2{
    text-align:center;
    color:#fafafa;
    text-transform:uppercase;
    font-weight:500
}
.site-header h1{
    color:#fff;
    font-weight:800;
    text-transform:uppercase
}
.site-header h4{
    color:#cdcdcd;
    font-weight:400;
    text-transform:uppercase
}
.bot-header{
    background-image:url(../images/carousel/slide-four.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    margin-bottom:80px;
    padding-top:100px;
    padding-bottom:100px
}
.bot-header h2{
    text-align:center;
    color:#fafafa;
    text-transform:uppercase;
    font-weight:500
}
.bot-header h1{
    color:#fff;
    font-weight:800;
    text-transform:uppercase
}
.bot-header h4{
    color:#cdcdcd;
    font-weight:400;
    text-transform:uppercase
}
.legal h4{
    text-transform:uppercase;
    color:#fafafa;
    font-weight:500
}
.legal p{
    color:#cdcdcd;
    font-weight:300
}
.legal .legal-title{
    text-transform:uppercase;
    color:#fff;
    font-size:24px;
    font-weight:600
}
.legal .legal-support-info{
    margin-bottom:20px
}
.legal .legal-support-info h5{
    color:#ccc;
    font-weight:500
}
.legal .legal-support-info p{
    color:#cdcdcd;
    font-weight:300
}
.legal .legal-support-info ul{
    list-style:none;
    padding:0
}
.legal .legal-support-info ul li{
    display:inline-block
}
.legal .legal-support-info ul li .badge-secondary{
    background:rgba(30, 97, 197, 0.8);
    color:#fafafa;
    padding:4px 10px;
    font-weight:400;
    margin-bottom:4px
}
.legal .legal-support-info a{
    color:#fff
}
.legal .card-body h4{
    font-weight:500;
    font-size:20px
}
.partners h4{
    text-align:center;
    color:#fafafa;
    font-weight:300;
    font-size:24px;
    margin-bottom:120px
}
.partners .card{
    overflow:visible;
    transition:.5s;
    color:#cdcdcd;
    text-align:center;
    margin-bottom:80px
}
.fivem-package .card:hover,.minecraft-package .card:hover,.partners .card:hover,.terraria-package .card:hover{
    transform:translateY(-10px)
}
.partners .card .card-body .img-fluid{
    margin-top:-60px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:30px
}
.partners .card .card-body .img-fluid1{
    margin-top:-60px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:30px;
    width:175px
}
.partners .card .card-body h5{
    font-size:24px;
    font-weight:600;
    text-transform:uppercase;
    color:#fff
}
.partners .card .card-body ul{
    list-style:none;
    padding:0
}
.partners .card .card-body ul li{
    display:inline-block
}
.partners .card .card-body ul li a{
    padding:12px
}
.fa-twitch{
    color:#6441a5
}
.partners label{
    color:#cdcdcd
}
.partners .form-control{
    background-color:#1e2127;
    border:1px solid #1e2127;
    box-shadow:none;
    color:#ccc
}
.partners .input-group-text{
    background-color:#1e2127;
    border:1px solid #1e2127
}
.partners .btn-primary{
    padding:6px 24px;
    text-transform:uppercase;
    font-size:13px;
    font-weight:500;
    border:none;
    transition:all .2s ease;
    background:#0059ff
}
.minecraft-package{
    margin-top:100px
}
.minecraft-package .card{
    overflow:visible
}
.minecraft-package .card .card-body .img-fluid{
    margin-top:-80px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:15px
}
.minecraft-package .card .card-body .package-title{
    text-align:center;
    color:#fafafa;
    text-transform:uppercase;
    font-weight:900;
    margin-bottom:0
}
.minecraft-package .card .card-body h5{
    color:#cdcdcd;
    text-align:center;
    margin-bottom:20px
}
.minecraft-package .card .card-body h5 i{
    color:#0059ff;
    width:34px
}
.minecraft-package .card .card-body .btn-order{
    background:#0059ff;
    border:1px solid#0059ff;
    color:#fff;
    padding:8px 48px;
    font-weight:500;
    text-transform:uppercase;
    margin-top:20px;
    transition:all .2s ease
}
.minecraft-package .card .card-body .btn-order:active,.minecraft-package .card .card-body .btn-order:focus,.minecraft-package .card .card-body .btn-order:hover{
    background:0 0;
    border:1px solid#0059ff;
    color:#0059ff
}
.minecraft-package .card .card-header{
    background:#0059ff;
    color:#fff;
    font-weight:600;
    font-size:24px;
    text-transform:uppercase;
    -ms-transform:rotate(1.2deg);
    transform:rotate(1.2deg)
}
.minecraft-package .card{
    margin-bottom:100px
}
.minecraft-package .card .card-header span{
    font-weight:300;
    font-size:16px
}
.minecraft-package .card{
    background:url(../images/minecraft-pixel.png) center top no-repeat #1e2127
}
.fivem-package{
    margin-top:100px
}
.fivem-package .card{
    overflow:visible
}
.fivem-package .card .card-body .img-fluid{
    margin-top:-80px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:75px
}
.fivem-package .card .card-body .package-title{
    text-align:center;
    color:#fafafa;
    text-transform:uppercase;
    font-weight:900;
    margin-bottom:0;
    padding-top:20px;
    padding-bottom:5px
}
.fivem-package .card .card-body h5{
    color:#cdcdcd;
    text-align:center;
    margin-bottom:20px
}
.fivem-package .card .card-body h5 i{
    color:#195fbb;
    width:34px
}
.fivem-package .card .card-body .btn-order{
    background:#0059ff;
    border:1px solid#0059ff;
    color:#fff;
    padding:8px 48px;
    font-weight:500;
    text-transform:uppercase;
    margin-top:20px;
    transition:all .2s ease
}
.fivem-package .card .card-body .btn-order:active,.fivem-package .card .card-body .btn-order:focus,.fivem-package .card .card-body .btn-order:hover{
    background:0 0;
    border:1px solid#0059ff;
    color:#0059ff
}
.fivem-package .card .card-header{
    background:#0059ff;
    color:#fff;
    font-weight:600;
    font-size:24px;
    text-transform:uppercase;
    -ms-transform:rotate(1.2deg);
    transform:rotate(1.2deg)
}
.fivem-package .card{
    margin-bottom:35px
}
.fivem-package .card .card-header span{
    font-weight:300;
    font-size:16px
}
.fivem-package .card{
    background:#1e2127
}
.terraria-package{
    margin-top:100px
}
.terraria-package .card{
    overflow:visible
}
.terraria-package .card .card-body .img-fluid{
    margin-top:-80px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    margin-bottom:75px
}
.terraria-package .card .card-body .package-title{
    text-align:center;
    color:#fafafa;
    text-transform:uppercase;
    font-weight:900;
    margin-bottom:0;
    padding-top:20px;
    padding-bottom:5px
}
.terraria-package .card .card-body h5{
    color:#cdcdcd;
    text-align:center;
    margin-bottom:20px
}
.terraria-package .card .card-body h5 i{
    color:#0059ff;
    width:34px
}
.terraria-package .card .card-body .btn-order{
    background:#0059ff;
    border:1px solid#0059ff;
    color:#fff;
    padding:8px 48px;
    font-weight:500;
    text-transform:uppercase;
    margin-top:20px;
    transition:all .2s ease
}
.terraria-package .card .card-body .btn-order:active,.terraria-package .card .card-body .btn-order:focus,.terraria-package .card .card-body .btn-order:hover{
    background:0 0;
    border:1px solid#0059ff;
    color:#0059ff
}
.terraria-package .card .card-header{
    background:#6441a5;
    color:#fff;
    font-weight:600;
    font-size:24px;
    text-transform:uppercase;
    -ms-transform:rotate(1.2deg);
    transform:rotate(1.2deg)
}
.terraria-package .card{
    margin-bottom:35px
}
.terraria-package .card .card-header span{
    font-weight:300;
    font-size:16px
}
.terraria-package .card{
    background:#1e2127
}
.ark-header .card{
    color:#cdcdcd
}
.hytale-header .card{
    color:#cdcdcd
}
.game-info-text{
    color:#cdcdcd;
    margin-top:100px
}
.game-info-text h1{
    color:#fff
}
.rangelink{
    display:none;
    background:#0059ff;
    color:#fff;
    color:#fff;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700
}
.rangelink:hover{
    color:#fff;
    background:#0059ff
}
.rangelink.active{
    display:inline-block
}
.range input{
    width:100%;
    height:0;
    -webkit-appearance:none;
    border-radius:10px
}
.range input::-webkit-slider-thumb{
    -webkit-appearance:none;
    width:32px;
    height:40px;
    margin:-14px 0 0;
    margin-left:-1px;
    background:#fff;
    cursor:pointer;
    border:0!important;
    background:#fff;
    background:url(../images/range-circle.png) center center no-repeat;
    z-index:1009
}
.range input::-moz-range-thumb{
    -webkit-appearance:none;
    width:32px;
    height:40px;
    margin:-14px 0 0;
    margin-left:-1px;
    background:#fff;
    cursor:pointer;
    border:0!important;
    background:#fff;
    background:url(../images/range-circle.png) center center no-repeat;
    z-index:1009
}
.range input::-ms-thumb{
    -webkit-appearance:none;
    width:32px;
    height:40px;
    margin:-14px 0 0;
    margin-left:-1px;
    background:#fff;
    cursor:pointer;
    border:0!important;
    background:#fff;
    background:url(../images/range-circle.png) center center no-repeat;
    z-index:1009
}
.range input::-webkit-slider-runnable-track{
    width:100%;
    height:10px;
    cursor:pointer;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.18);
    border-radius:10px;
    background-color:#15181d
}
.range input::-moz-range-track{
    width:100%;
    height:10px;
    cursor:pointer;
    background:#15181d;
    border-radius:10px
}
.range input::-ms-track{
    width:100%;
    height:10px;
    cursor:pointer;
    background:#15181d;
    border-radius:10px
}
.range input:focus{
    background:0 0;
    outline:0
}
.range input::-ms-track{
    width:100%;
    height:10px;
    cursor:pointer;
    background:0 0;
    border-color:transparent;
    color:transparent;
    border-radius:10px
}
.range-labels{
    margin:16px 0 0;
    padding:0;
    list-style:none
}
.range-labels li{
    position:relative;
    float:left;
    width:14.28%;
    text-align:center;
    color:#a1adc2;
    font-size:14px;
    cursor:pointer;
    opacity:.5;
    color:#b2aece;
    font-weight:600
}
.range-labels li:hover{
    opacity:.84
}
.range-labels .active{
    color:#fff;
    opacity:1;
    font-size:14px;
    font-weight:600
}
.range-labels .active:hover{
    opacity:1
}
.range-labels .selected::before{
    background:#0059ff
}
.range-labels .active.selected::before{
    display:none
}
.rangeone{
    text-align:left!important
}
.rangetwo{
    text-align:left!important;
    padding-left:3%
}
.rangefour{
    text-align:right!important;
    padding-right:1.75%
}
.rangefive{
    text-align:right!important
}
.promo-label{
    background:#21993f;
    color:#fafafa;
    clear:both;
    overflow:hidden
}
.promo-label ul{
    padding:0;
    margin:0;
    list-style:none
}
.promo-label ul li{
    display:inline-block;
    padding-top:20px;
    padding-bottom:20px;
    margin-right:20px
}
.promo-label ul .prosent{
    font-size:36px;
    font-weight:800;
    text-transform:uppercase
}
@media (max-width:1200px){
    .promo-label ul .prosent{
        font-size:34px
    }
}
@media (max-width:554px){
    .promo-label ul .prosent{
        font-size:28px
    }
}
.promo-label ul .promo-text{
    margin-top:-14px;
    font-size:20px;
    font-weight:400;
    vertical-align:middle
}
@media (max-width:1200px){
    .promo-label ul .promo-text{
        font-size:18px
    }
}
@media (max-width:992px){
    .promo-label ul .promo-text{
        display:none
    }
}
.promo-label ul .right{
    float:right
}
.promo-label ul .right div{
    vertical-align:middle;
    margin-top:10px
}
@media (max-width:554px){
    .promo-label ul .right div{
        margin-top:3px
    }
}
.promo-label ul .right .btn-promo{
    margin-left:15px
}
.btn-promo{
    outline:2px dashed #fafafa;
    border-radius:6px;
    color:#fff;
    transition:all .2s ease
}
.btn-promo:active,.btn-promo:focus,.btn-promo:hover{
    color:#fff;
    background:rgb(255,255,255,.08)
}
.promo-label #code{
    display:none
}
.brand .brand-dark{
    color:#ddd;
    background-color:#181818;
    background-image:linear-gradient(45deg,#111 25%,transparent 0,transparent 75%,#111 0,#111),linear-gradient(45deg,#111 25%,transparent 0,transparent 75%,#111 0,#111)
}
.brand .brand-light{
    color:#686868;
    background-color:#fff;
    background-image:linear-gradient(45deg,#f6f6f6 25%,transparent 0,transparent 75%,#f6f6f6 0,#f6f6f6),linear-gradient(45deg,#f6f6f6 25%,transparent 0,transparent 75%,#f6f6f6 0,#f6f6f6)
}
.brand .brand-dark,.brand .brand-light{
    background-position:0 0,30px 30px;
    background-size:20px 20px;
    border-radius:3px;
    margin:5px 0
}
.brand .brand-download{
    position:absolute;
    right:40px;
    bottom:25px;
    color:#fff
}
.brand .dark{
    color:#000
}
.brand .img-fluid{
    max-width:40%;
    height:auto
}
.slider-players{
    margin-top:5px!important;
    margin-bottom:0!important;
    text-align:center
}