@import url(https://fonts.googleapis.com/css?family=Nunito:300,400,600,700&display=swap);

body {
    font-family: Nunito, sans-serif!important;
    background: #14151d
}

button {
    border: none !important;
    outline: none !important;
}

.hero {
    background: -moz-linear-gradient(top, rgba(153, 50, 204, .75) 0, rgba(20, 21, 29, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(153, 50, 204, .75) 0, rgba(20, 21, 29, 0) 100%);
    background: linear-gradient(to bottom, rgba(153, 50, 201, .75) 0, rgba(20, 21, 29, 0) 100%)
}

.navbar-brand img {
    width: 5rem
}

.navbar-toggler {
    border: none;
    outline: 0!important
}

.hero-inner {
    padding-bottom: 4rem
}

.feature .fa-stack i:first-child {
    color: #09c1c126
}

.feature .fa-stack i:nth-child(2) {
    color: #09c1c1;
    font-size: 1.75rem
}

.dropdown-menu {
    left: auto;
    right: 0;
    border: none
}

.navbar-nav .nav-item:not(:last-child) {
    display: flex;
    padding-right: 4.5rem
}

.nav-item i {
    display: flex;
    margin-right: .5rem
}

a {
    display: block;
    text-decoration: none!important
}

a.text-white-75:hover,
a.text-white:hover {
    color: #fff
}

.server a {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.server a:hover {
    color: #fff!important
}

.rounded-none {
    border-radius: 0!important
}

.border-none {
    border: none
}

.bg-accent {
    background: #ee282e
}

.bg-inner {
    background: #1f2029
}

.bg-further {
    background: #2c2e3a
}

.color-accent {
    color: #ee282e
}

.text-white-25 {
    color: rgba(255, 255, 255, .25)
}

.text-white-50 {
    color: rgba(255, 255, 255, .5)
}

.text-white-75 {
    color: rgba(255, 255, 255, .75)
}

.bg-black-75 {
    background: rgba(0, 0, 0, .75)
}

.bg-black-50 {
    background: rgba(0, 0, 0, .5)
}

@media (min-width:1400px) {
    .container {
        max-width: 1340px
    }
}

@media (min-width:1500px) {
    .container {
        max-width: 1440px
    }
}

@media (min-width:1600px) {
    .container.bigtainer {
        max-width: 1540px
    }
}

.rounded-full {
    border-radius: 99999px
}

.bg-image {
    background-repeat: no-repeat!important;
    background-position: center!important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    -o-background-size: cover!important;
    background-size: cover!important
}

.bg-dark {
    background: #0e0f15!important
}

.footer a:hover {
    color: #fff!important
}