.advertisement,
.advertisement a {
    box-sizing: border-box;
    overflow: hidden
}

/*.advertisement {*/
/*    width: 100%;*/
/*    padding-top: 6px;*/
/*    background: rgba(255, 255, 255, .2)*/
/*}*/

.advertisement a {
    color: #7fba00;
    font-size: 14px;
    line-height: 38px;
    text-align: center !important;
    border: 1px dashed rgba(0, 0, 0, .2);
    padding: 0 3px;
    float: left;
    width: 15.5%;
    height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0 .5% 6px;
    text-decoration: none;
    border-radius: 15px;
    transition: all .6s
}

.advertisement a:hover {
    font-weight: 700;
    color: #fff !important;
    background: #7fba00;
    transition: all .6s
}

.advertisement a:nth-child(2n) {
    color: #f74e1e
}

.advertisement a:nth-child(2n):hover {
    background: #f74e1e;
    border-color: #f74e1e
}

.advertisement a:nth-child(3n) {
    color: #00a4ef
}

.advertisement a:nth-child(3n):hover {
    background: #00a4ef;
    border-color: #00a4ef
}

.advertisement a:nth-child(4n) {
    color: #0517c2
}

.advertisement a:nth-child(4n):hover {
    background: #0517c2;
    border-color: #0517c2
}

.advertisement a:nth-child(5n) {
    color: #601165
}

.advertisement a:nth-child(5n):hover {
    background: #601165;
    border-color: #601165
}

.advertisement a:nth-child(6n) {
    color: #ffb900
}

.advertisement a:nth-child(6n):hover {
    background: #ffb900;
    border-color: #ffb900
}

.advertisement a:nth-child(7n) {
    color: #0fc317
}

.advertisement a:nth-child(7n):hover {
    background: #0fc317;
    border-color: #0fc317
}

.advertisement a:nth-child(8n) {
    color: #601165
}

.advertisement a:nth-child(8n):hover {
    background: #601165;
    border-color: #601165
}

.advertisement a:nth-child(9n) {
    color: #fba78f
}

.advertisement a:nth-child(9n):hover {
    background: #fba78f;
    border-color: #fba78f
}

.advertisement a:nth-child(10n) {
    color: #13cf8f
}

.advertisement a:nth-child(10n):hover {
    background: #13cf8f;
    border-color: #13cf8f
}

.advertisement a:nth-child(11n) {
    color: #f74e1e
}

.advertisement a:nth-child(11n):hover {
    background: #f74e1e;
    border-color: #f74e1e
}

.advertisement a:nth-child(12n) {
    color: #ffb900
}

.advertisement a:nth-child(12n):hover {
    background: #ffb900;
    border-color: #ffb900
}

.advertisement a:nth-child(13n) {
    color: #fba78f
}

.advertisement a:nth-child(13n):hover {
    background: #fba78f;
    border-color: #fba78f
}

.advertisement a:nth-child(14n) {
    color: #f74e1e
}

.advertisement a:nth-child(14n):hover {
    background: #f74e1e;
    border-color: #f74e1e
}

.advertisement a:nth-child(15n) {
    color: #7fba00
}

.advertisement a:nth-child(15n):hover {
    background: #7fba00;
    border-color: #7fba00
}

.advertisement a:nth-child(16n) {
    color: #0fc317
}

.advertisement a:nth-child(16n):hover {
    background: #0fc317;
    border-color: #0fc317
}

.advertisement a:nth-child(17n) {
    color: #0517c2
}

.advertisement a:nth-child(17n):hover {
    background: #0517c2;
    border-color: #0517c2
}

.advertisement a:nth-child(18n) {
    color: #13cf8f
}

.advertisement a:nth-child(18n):hover {
    background: #13cf8f;
    border-color: #13cf8f
}

.advertisement a:nth-child(19n) {
    color: #ffb900
}

.advertisement a:nth-child(19n):hover {
    background: #ffb900;
    border-color: #ffb900
}

.advertisement a:nth-child(20n) {
    color: #f74e1e
}

.advertisement a:nth-child(20n):hover {
    background: #f74e1e;
    border-color: #f74e1e
}

@media screen and (max-width:1198px) {
    .advertisement a {
        width: 48%
    }
}