.alink:hover {
    text-decoration: none;
    opacity: 0.78;
}

.main-button {
    /*display: inline-block;*/
    /*justify-content: center;*/
    /*text-align: center;*/
    /*align-items: center;*/
    /*vertical-align: middle;*/
    background: linear-gradient(45deg, #36363b, #1b1e21);
    color: white;
    padding: 0;
    width: 200px;
    height: 70px;
}

.main-button:hover {
    background-color: #2d2d2d;!important;
    color: white;!important;
    cursor: pointer;!important;
    opacity: 0.80;!important;
}

.animated {
    animation: logos 18s infinite linear forwards;
}

@keyframes logos {
    0% {
        transform: translate(100%);
    }

    /*25% {*/
    /*    transform: translate(50%, 0);*/
    /*}*/


    /*50% {*/
    /*    transform: translate(0, 0);*/
    /*}*/

    /*75% {*/
    /*    transform: translate(-50%, 0);*/
    /*}*/

    100% {
        transform: translate(-100%);
    }
}

.img-prod {
    width: 400px;
}

.img-container-scroll {
    display: inline-block;
    width: 220px;
}

.running-img {
    display: inline-block;
    /*float: left;*/
    transition: all .2s ease-out;
    width: 100px;!important;
    /*height: 500px;*/
    /*margin: 0 24.7px;*/
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    float: left;
}

.marquee {
    height: 100px;
    width: 100vw;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: auto;
}

.marquee-inner {
    display: block;
    width: 200%;
    margin: 0;
    position: absolute;
    animation: marquee 20s linear infinite;
}

.span-container {
    width: 50%;
    float: left;
}

@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

.cert-btn {
    background-color: #81c05b;
    color: white;
    border-radius: 6px;
    width: 180px;
    height: 50px;
    margin-bottom: 20px;
    border: none;
}

.cert-btn:hover {
    opacity: 0.89;
    cursor: pointer;
}

.cert btn:active {
    color: #81c05b;
    background-color: white;
    border: 2px solid
}