.ant-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background: #ffffff;
}

.ant-block {
    position: absolute;
    width: 25px;
    height: 25px;
    background: url('http://client1.demo-next.site/wp-content/uploads/ant11.svg') no-repeat center;
    background-size: contain;
    opacity: 0.4;
}

.ant-block:nth-child(2n) {
    display: none;
}

@media (max-width: 768px) {
    .ant-block:nth-child(2n) {
        display: none;
    }
}

@keyframes antMove1 {
    0% { left: 10%; top: 20%; transform: rotate(0deg); }
    19.9% { left: 30%; top: 20%; transform: rotate(0deg); }
    20% { left: 30%; top: 20%; transform: rotate(90deg); }
    39.9% { left: 30%; top: 40%; transform: rotate(90deg); }
    40% { left: 30%; top: 40%; transform: rotate(-45deg); }
    59.9% { left: 50%; top: 20%; transform: rotate(-45deg); }
    60% { left: 50%; top: 20%; transform: rotate(135deg); }
    100% { left: 30%; top: 40%; transform: rotate(135deg); }
}

@keyframes antMove2 {
    0% { left: 80%; top: 80%; transform: rotate(180deg); }
    24.9% { left: 60%; top: 80%; transform: rotate(180deg); }
    25% { left: 60%; top: 80%; transform: rotate(-45deg); }
    49.9% { left: 80%; top: 60%; transform: rotate(-45deg); }
    50% { left: 80%; top: 60%; transform: rotate(90deg); }
    74.9% { left: 80%; top: 80%; transform: rotate(90deg); }
    75% { left: 80%; top: 80%; transform: rotate(-135deg); }
    100% { left: 60%; top: 60%; transform: rotate(-135deg); }
}

@keyframes antMove3 {
    0% { left: 50%; top: 50%; transform: rotate(-45deg); }
    29.9% { left: 70%; top: 30%; transform: rotate(-45deg); }
    30% { left: 70%; top: 30%; transform: rotate(180deg); }
    59.9% { left: 50%; top: 30%; transform: rotate(180deg); }
    60% { left: 50%; top: 30%; transform: rotate(90deg); }
    79.9% { left: 50%; top: 60%; transform: rotate(90deg); }
    80% { left: 50%; top: 60%; transform: rotate(0deg); }
    100% { left: 70%; top: 60%; transform: rotate(0deg); }
}

/* Element assignments */
.ant-block:nth-child(1) { animation: antMove1 8s linear infinite; }
.ant-block:nth-child(2) { animation: antMove2 10s linear infinite; }
.ant-block:nth-child(3) { animation: antMove3 7s linear infinite; }
.ant-block:nth-child(4) { animation: antMove4 9s linear infinite; }
.ant-block:nth-child(5) { animation: antMove5 11s linear infinite; }
.ant-block:nth-child(6) { animation: antMove6 8.5s linear infinite; }
.ant-block:nth-child(7) { animation: antMove7 10.5s linear infinite; }
.ant-block:nth-child(8) { animation: antMove8 7.5s linear infinite; }
.ant-block:nth-child(9) { animation: antMove9 9.5s linear infinite; }
.ant-block:nth-child(10) { animation: antMove10 11.5s linear infinite; }
.ant-block:nth-child(11) { animation: antMove11 8.2s linear infinite; }
.ant-block:nth-child(12) { animation: antMove12 10.2s linear infinite; }
.ant-block:nth-child(13) { animation: antMove13 7.2s linear infinite; }
.ant-block:nth-child(14) { animation: antMove14 9.2s linear infinite; }
.ant-block:nth-child(15) { animation: antMove15 11.2s linear infinite; }
.ant-block:nth-child(16) { animation: antMove16 8.7s linear infinite; }
.ant-block:nth-child(17) { animation: antMove17 10.7s linear infinite; }
.ant-block:nth-child(18) { animation: antMove18 7.7s linear infinite; }
.ant-block:nth-child(19) { animation: antMove19 9.7s linear infinite; }
.ant-block:nth-child(20) { animation: antMove20 11.7s linear infinite; }

.ant-block:nth-child(1) { left: 5%; top: 10%; }
.ant-block:nth-child(2) { left: 25%; top: 15%; }
.ant-block:nth-child(3) { left: 45%; top: 5%; }
.ant-block:nth-child(4) { left: 65%; top: 20%; }
.ant-block:nth-child(5) { left: 85%; top: 15%; }
.ant-block:nth-child(6) { left: 15%; top: 35%; }
.ant-block:nth-child(7) { left: 35%; top: 40%; }
.ant-block:nth-child(8) { left: 55%; top: 45%; }
.ant-block:nth-child(9) { left: 75%; top: 35%; }
.ant-block:nth-child(10) { left: 95%; top: 40%; }
.ant-block:nth-child(11) { left: 5%; top: 65%; }
.ant-block:nth-child(12) { left: 25%; top: 60%; }
.ant-block:nth-child(13) { left: 45%; top: 70%; }
.ant-block:nth-child(14) { left: 65%; top: 65%; }
.ant-block:nth-child(15) { left: 85%; top: 75%; }
.ant-block:nth-child(16) { left: 15%; top: 85%; }
.ant-block:nth-child(17) { left: 35%; top: 90%; }
.ant-block:nth-child(18) { left: 55%; top: 80%; }
.ant-block:nth-child(19) { left: 75%; top: 95%; }
.ant-block:nth-child(20) { left: 95%; top: 85%; }

/* Additional animations */
@keyframes antMove4 {
    0% { left: 20%; top: 30%; transform: rotate(0deg); }
    25% { left: 40%; top: 30%; transform: rotate(0deg); }
    25.1% { left: 40%; top: 30%; transform: rotate(-45deg); }
    50% { left: 60%; top: 10%; transform: rotate(-45deg); }
    50.1% { left: 60%; top: 10%; transform: rotate(90deg); }
    75% { left: 60%; top: 40%; transform: rotate(90deg); }
    75.1% { left: 60%; top: 40%; transform: rotate(0deg); }
    100% { left: 80%; top: 40%; transform: rotate(0deg); }
}

@keyframes antMove5 {
    0% { left: 80%; top: 20%; transform: rotate(180deg); }
    20% { left: 60%; top: 20%; transform: rotate(180deg); }
    20.1% { left: 60%; top: 20%; transform: rotate(90deg); }
    40% { left: 60%; top: 40%; transform: rotate(90deg); }
    40.1% { left: 60%; top: 40%; transform: rotate(-45deg); }
    100% { left: 80%; top: 20%; transform: rotate(-45deg); }
}

@keyframes antMove6 {
    0% { left: 10%; top: 40%; transform: rotate(-45deg); }
    30% { left: 30%; top: 20%; transform: rotate(-45deg); }
    30.1% { left: 30%; top: 20%; transform: rotate(0deg); }
    60% { left: 50%; top: 20%; transform: rotate(0deg); }
    60.1% { left: 50%; top: 20%; transform: rotate(90deg); }
    100% { left: 50%; top: 40%; transform: rotate(90deg); }
}

@keyframes antMove7 {
    0% { left: 90%; top: 10%; transform: rotate(180deg); }
    25% { left: 70%; top: 10%; transform: rotate(180deg); }
    25.1% { left: 70%; top: 10%; transform: rotate(90deg); }
    50% { left: 70%; top: 30%; transform: rotate(90deg); }
    50.1% { left: 70%; top: 30%; transform: rotate(0deg); }
    100% { left: 90%; top: 30%; transform: rotate(0deg); }
}

@keyframes antMove8 {
    0% { left: 40%; top: 90%; transform: rotate(-90deg); }
    33% { left: 40%; top: 70%; transform: rotate(-90deg); }
    33.1% { left: 40%; top: 70%; transform: rotate(-45deg); }
    66% { left: 60%; top: 50%; transform: rotate(-45deg); }
    66.1% { left: 60%; top: 50%; transform: rotate(0deg); }
    100% { left: 80%; top: 50%; transform: rotate(0deg); }
}

@keyframes antMove9 {
    0% { left: 50%; top: 80%; transform: rotate(-90deg); }
    25% { left: 50%; top: 60%; transform: rotate(-90deg); }
    25.1% { left: 50%; top: 60%; transform: rotate(180deg); }
    75% { left: 30%; top: 60%; transform: rotate(180deg); }
    75.1% { left: 30%; top: 60%; transform: rotate(-90deg); }
    100% { left: 30%; top: 40%; transform: rotate(-90deg); }
}

@keyframes antMove10 {
    0% { left: 20%; top: 70%; transform: rotate(-45deg); }
    40% { left: 40%; top: 50%; transform: rotate(-45deg); }
    40.1% { left: 40%; top: 50%; transform: rotate(90deg); }
    70% { left: 40%; top: 70%; transform: rotate(90deg); }
    70.1% { left: 40%; top: 70%; transform: rotate(0deg); }
    100% { left: 60%; top: 70%; transform: rotate(0deg); }
}

@keyframes antMove11 {
    0% { left: 70%; top: 40%; transform: rotate(180deg); }
    30% { left: 50%; top: 40%; transform: rotate(180deg); }
    30.1% { left: 50%; top: 40%; transform: rotate(-45deg); }
    60% { left: 70%; top: 20%; transform: rotate(-45deg); }
    60.1% { left: 70%; top: 20%; transform: rotate(90deg); }
    100% { left: 70%; top: 40%; transform: rotate(90deg); }
}

@keyframes antMove12 {
    0% { left: 30%; top: 30%; transform: rotate(0deg); }
    35% { left: 50%; top: 30%; transform: rotate(0deg); }
    35.1% { left: 50%; top: 30%; transform: rotate(90deg); }
    70% { left: 50%; top: 50%; transform: rotate(90deg); }
    70.1% { left: 50%; top: 50%; transform: rotate(-45deg); }
    100% { left: 70%; top: 30%; transform: rotate(-45deg); }
}

@keyframes antMove13 {
    0% { left: 80%; top: 60%; transform: rotate(180deg); }
    40% { left: 60%; top: 60%; transform: rotate(180deg); }
    40.1% { left: 60%; top: 60%; transform: rotate(-90deg); }
    70% { left: 60%; top: 40%; transform: rotate(-90deg); }
    70.1% { left: 60%; top: 40%; transform: rotate(0deg); }
    100% { left: 80%; top: 40%; transform: rotate(0deg); }
}

@keyframes antMove14 {
    0% { left: 40%; top: 20%; transform: rotate(90deg); }
    30% { left: 40%; top: 40%; transform: rotate(90deg); }
    30.1% { left: 40%; top: 40%; transform: rotate(-45deg); }
    60% { left: 60%; top: 20%; transform: rotate(-45deg); }
    60.1% { left: 60%; top: 20%; transform: rotate(90deg); }
    100% { left: 60%; top: 40%; transform: rotate(90deg); }
}

@keyframes antMove15 {
    0% { left: 20%; top: 50%; transform: rotate(0deg); }
    25% { left: 40%; top: 50%; transform: rotate(0deg); }
    25.1% { left: 40%; top: 50%; transform: rotate(-90deg); }
    50% { left: 40%; top: 30%; transform: rotate(-90deg); }
    50.1% { left: 40%; top: 30%; transform: rotate(0deg); }
    100% { left: 60%; top: 30%; transform: rotate(0deg); }
}

@keyframes antMove16 {
    0% { left: 70%; top: 80%; transform: rotate(-90deg); }
    30% { left: 70%; top: 60%; transform: rotate(-90deg); }
    30.1% { left: 70%; top: 60%; transform: rotate(180deg); }
    60% { left: 50%; top: 60%; transform: rotate(180deg); }
    60.1% { left: 50%; top: 60%; transform: rotate(-90deg); }
    100% { left: 50%; top: 40%; transform: rotate(-90deg); }
}

@keyframes antMove17 {
    0% { left: 90%; top: 40%; transform: rotate(180deg); }
    35% { left: 70%; top: 40%; transform: rotate(180deg); }
    35.1% { left: 70%; top: 40%; transform: rotate(-45deg); }
    70% { left: 90%; top: 20%; transform: rotate(-45deg); }
    70.1% { left: 90%; top: 20%; transform: rotate(90deg); }
    100% { left: 90%; top: 40%; transform: rotate(90deg); }
}

@keyframes antMove18 {
    0% { left: 10%; top: 60%; transform: rotate(0deg); }
    40% { left: 30%; top: 60%; transform: rotate(0deg); }
    40.1% { left: 30%; top: 60%; transform: rotate(-90deg); }
    80% { left: 30%; top: 40%; transform: rotate(-90deg); }
    80.1% { left: 30%; top: 40%; transform: rotate(0deg); }
    100% { left: 50%; top: 40%; transform: rotate(0deg); }
}

@keyframes antMove19 {
    0% { left: 60%; top: 90%; transform: rotate(-90deg); }
    30% { left: 60%; top: 70%; transform: rotate(-90deg); }
    30.1% { left: 60%; top: 70%; transform: rotate(0deg); }
    60% { left: 80%; top: 70%; transform: rotate(0deg); }
    60.1% { left: 80%; top: 70%; transform: rotate(90deg); }
    100% { left: 80%; top: 90%; transform: rotate(90deg); }
}

@keyframes antMove20 {
    0% { left: 30%; top: 10%; transform: rotate(90deg); }
    25% { left: 30%; top: 30%; transform: rotate(90deg); }
    25.1% { left: 30%; top: 30%; transform: rotate(0deg); }
    50% { left: 50%; top: 30%; transform: rotate(0deg); }
    50.1% { left: 50%; top: 30%; transform: rotate(-90deg); }
    100% { left: 50%; top: 10%; transform: rotate(-90deg); }
}

.ant-block:nth-child(21) { animation: antMove21 9.3s linear infinite; }
.ant-block:nth-child(22) { animation: antMove22 8.8s linear infinite; }
.ant-block:nth-child(23) { animation: antMove23 10.3s linear infinite; }
.ant-block:nth-child(24) { animation: antMove24 7.8s linear infinite; }
.ant-block:nth-child(25) { animation: antMove25 11.3s linear infinite; }
.ant-block:nth-child(26) { animation: antMove26 8.4s linear infinite; }
.ant-block:nth-child(27) { animation: antMove27 10.8s linear infinite; }
.ant-block:nth-child(28) { animation: antMove28 7.4s linear infinite; }
.ant-block:nth-child(29) { animation: antMove29 9.8s linear infinite; }
.ant-block:nth-child(30) { animation: antMove30 11.8s linear infinite; }

@keyframes antMove21 {
    0% { left: 5%; top: 5%; transform: rotate(0deg); }
    30% { left: 15%; top: 5%; transform: rotate(0deg); }
    30.1% { left: 15%; top: 5%; transform: rotate(90deg); }
    60% { left: 15%; top: 15%; transform: rotate(90deg); }
    60.1% { left: 15%; top: 15%; transform: rotate(180deg); }
    100% { left: 5%; top: 15%; transform: rotate(180deg); }
}

@keyframes antMove22 {
    0% { left: 85%; top: 5%; transform: rotate(180deg); }
    40% { left: 95%; top: 5%; transform: rotate(180deg); }
    40.1% { left: 95%; top: 5%; transform: rotate(90deg); }
    70% { left: 95%; top: 15%; transform: rotate(90deg); }
    70.1% { left: 95%; top: 15%; transform: rotate(180deg); }
    100% { left: 85%; top: 15%; transform: rotate(180deg); }
}

@keyframes antMove23 {
    0% { left: 5%; top: 85%; transform: rotate(-90deg); }
    35% { left: 5%; top: 95%; transform: rotate(-90deg); }
    35.1% { left: 5%; top: 95%; transform: rotate(0deg); }
    70% { left: 15%; top: 95%; transform: rotate(0deg); }
    70.1% { left: 15%; top: 95%; transform: rotate(-90deg); }
    100% { left: 15%; top: 85%; transform: rotate(-90deg); }
}

@keyframes antMove24 {
    0% { left: 85%; top: 85%; transform: rotate(180deg); }
    25% { left: 95%; top: 85%; transform: rotate(180deg); }
    25.1% { left: 95%; top: 85%; transform: rotate(90deg); }
    50% { left: 95%; top: 95%; transform: rotate(90deg); }
    50.1% { left: 95%; top: 95%; transform: rotate(180deg); }
    100% { left: 85%; top: 95%; transform: rotate(180deg); }
}

@keyframes antMove25 {
    0% { left: 0; top: 40%; transform: rotate(0deg); }
    40% { left: 10%; top: 40%; transform: rotate(0deg); }
    40.1% { left: 10%; top: 40%; transform: rotate(-45deg); }
    80% { left: 15%; top: 35%; transform: rotate(-45deg); }
    80.1% { left: 15%; top: 35%; transform: rotate(180deg); }
    100% { left: 5%; top: 35%; transform: rotate(180deg); }
}

@keyframes antMove26 {
    0% { left: 90%; top: 40%; transform: rotate(180deg); }
    30% { left: 95%; top: 40%; transform: rotate(180deg); }
    30.1% { left: 95%; top: 40%; transform: rotate(45deg); }
    60% { left: 98%; top: 45%; transform: rotate(45deg); }
    60.1% { left: 98%; top: 45%; transform: rotate(-90deg); }
    100% { left: 98%; top: 35%; transform: rotate(-90deg); }
}

@keyframes antMove27 {
    0% { left: 40%; top: 0; transform: rotate(90deg); }
    35% { left: 40%; top: 10%; transform: rotate(90deg); }
    35.1% { left: 40%; top: 10%; transform: rotate(45deg); }
    70% { left: 45%; top: 15%; transform: rotate(45deg); }
    70.1% { left: 45%; top: 15%; transform: rotate(-90deg); }
    100% { left: 45%; top: 5%; transform: rotate(-90deg); }
}

@keyframes antMove28 {
    0% { left: 40%; top: 90%; transform: rotate(-90deg); }
    40% { left: 40%; top: 95%; transform: rotate(-90deg); }
    40.1% { left: 40%; top: 95%; transform: rotate(-45deg); }
    80% { left: 45%; top: 98%; transform: rotate(-45deg); }
    80.1% { left: 45%; top: 98%; transform: rotate(90deg); }
    100% { left: 45%; top: 90%; transform: rotate(90deg); }
}

@keyframes antMove29 {
    0% { left: 2%; top: 70%; transform: rotate(-45deg); }
    45% { left: 8%; top: 75%; transform: rotate(-45deg); }
    45.1% { left: 8%; top: 75%; transform: rotate(0deg); }
    90% { left: 15%; top: 75%; transform: rotate(0deg); }
    90.1% { left: 15%; top: 75%; transform: rotate(-90deg); }
    100% { left: 15%; top: 65%; transform: rotate(-90deg); }
}

@keyframes antMove30 {
    0% { left: 85%; top: 70%; transform: rotate(180deg); }
    35% { left: 90%; top: 70%; transform: rotate(180deg); }
    35.1% { left: 90%; top: 70%; transform: rotate(90deg); }
    70% { left: 90%; top: 80%; transform: rotate(90deg); }
    70.1% { left: 90%; top: 80%; transform: rotate(135deg); }
    100% { left: 85%; top: 85%; transform: rotate(135deg); }
}


#main-content, 
.header, 
.footer,
.content-wrapper {
    position: relative;
}