.content-form {
    position:relative;
    z-index:10;
}
.mc-container {
    max-width:1300px;   
    padding-left:40px;
    padding-right:40px;
}
.fs-7 {
    font-size:14px;
}
.social-container {
    max-width:300px;
    width:auto;
}

a.social {
    text-decoration: none;
    color:white;
}
.form-check-input:checked {
    background-color: #6d0000;
    border-color: #6d0000;
}
.form-check-input {
    background-color: #444444;
}
.header-actions button {
    min-width:40px;
}
footer {
    z-index:1;
}

.semi-black-bg {
    background-color:rgba(0, 0, 0, 0.562);
}

.green-bullet:before{
    position:absolute;
    content:"";
    background-color:#68C17B;
    width:10px;
    height:10px;
    margin-left:-25px;
    margin-top:8px;
    border-radius:2px;
}
.col-highlight {
    position:relative;
    cursor:pointer;
}
.col-highlight:after {
    content:" ";
    position:absolute;
    width:calc(0% - 4px);
    height:5px;
    transition:.3s;
    z-index:2;
    background-color:#68C17B;
}
.selected:after {
    width:calc(100% - 4px);

}
.tiny-navbar li, .tiny-navbar li a{
    padding:0px;
    margin:0px;
    display:flex;
    align-items:center;
    font-size:12px;
    
}
.logo, #nav-main{
    transition:.3s;
    transition-timing-function: ease-in-out;
}

.tiny-navbar .navbar-nav li {
    padding-top:10px;
    padding-bottom:10px;
    margin-right:-25px;
    padding: 5px 20px;
}

ul.mc-menu li.nav-item a{
    color:white;
}
.nav-link {
    transition: none;
    font-size:14px;
    font-weight:700;
    /*Lato, sans-serif*/
}
li.twitter, li.discord {
    margin-left:20px;
}
.instagram:before, .web:before, .twitter:before, .discord:before {
    content:"";
    width:15px;
    height:15px;
    position:absolute;
    background-color:white;
    margin-left:-20px;
    background-size:cover;
    background-position: center;;
    
}
.footer-nav .instagram:before, .footer-nav .web:before, .footer-nav .twitter:before, .footer-nav .discord:before {
    width:60px;
    height:60px;
    background-color: #32A324;
    margin-left:-20px;
}
.button-wallet{
    background-color: #1C351C;
    padding:6px 30px;
    text-decoration: none;
    text-transform: uppercase;
    color:#68C17B;
    cursor:pointer;
    transition:.2s;
}
.bg-green {
    background-color:#68C17B;
    font-size:14px;
}
.navbar-nav li{
    font-size: 19px;
     text-transform: uppercase;
     padding:10px 30px;
     transition:.3s;
}
ul.mc-menu li.nav-item a{
    transition:.3s;
}
ul.mc-menu li.nav-item a:hover {
    color:lightslategray;
    
}
.button-wallet:hover {
    color:#7ce794;
    background-color: #274a27;
}
.bg-grey {
    background-color: #252525;
}
.bg-green {
    background-color: #52A752;

}
.bg-green:hover {
    background-color: #5dcf5d;
    
}
.bg-black {
    background-color:black;
}
.grad-bottom, .grad-top {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position:absolute;
    width:100%;
    left:0px;
}

.small-section{
    padding-top:20px !important;
    padding-bottom:0px !important;
}
.img-thumb {
    max-width:60vw;
    min-width:300px;
}
.hero{
    min-height:350px;
    display:flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding:2%;
    padding-bottom:0px;

}

h1 {
    font-family: oswald;
    text-transform: uppercase;
    margin:0px;
    color:#E8E8E8;
}
.text-primary {
    color:#32A324 !important;
    text-decoration: none;
}
.text-primary:hover {
    color:#4acd38 !important;
    text-decoration: none;
}

a {
    color:#32A324;
    cursor:pointer;
    transition:.2s;
}
a:hover {
    color:#4acd38;
}
button {
    background-color: #870000;
    color:white;
    border:0px;
    padding:10px 30px;
    min-width:180px;
    cursor:pointer;
    transition:.2s;
}
button:hover {
    background-color: #b40606;
}

.img-1,.img-2 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.z-1 {
    position:relative;;
    z-index:2;
}

.mov {
    position: absolute;
    height:auto;
    width:100%;
}
.video-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, transparent, #000);
}

.d-none {
    display: none !important;
}

.text-center {
    text-align: center !important;
}

@media screen and (max-width: 480px) {
    .hero {
        height: 100%;
    }
}
@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1600px;
    }
}
@media screen and (max-width: 990px) {
    .navbar-nav li{

         transition:none;
    }
    ul.mc-menu li.nav-item a{
        transition:none;
    }
    .button-wallet{
        transition:none;
        padding: 3px 30px;
        top: 30px;
        left: 0px;
        position: absolute;
    }
}