#background-utilities {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -10;
}

#background-utilities div {
    position: absolute;
    background-size: contain;
}

.clouds, .ballons {
    height: 100%;
    width: 100%;
}

.animate {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ballons {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}

.ballon, .cloud {
    width: 100%;
    background-repeat: no-repeat;
}

.cloud.cl1_ {
    top: 22%;
    left: -2%;
    height: 101px;
    height: 11vmin;
    background-image: url('img/ch1_.png');
    -webkit-animation-name: cl-move1;
    animation-name: cl-move1;
    -webkit-animation-duration: 75s;
    animation-duration: 75s;
}

.cloud.cl2_ {
    top: 62%;
    left: -2%;
    height: 68px;
    height: 7vmin;
    background-image: url('img/ch2_.png');
    -webkit-animation-name: cl-move2;
    animation-name: cl-move2;
    -webkit-animation-duration: 78s;
    animation-duration: 78s;
}

.cloud.cl3_ {
    top: 26%;
    left: 87%;
    height:  98px;
    height: 10vmin;
    opacity: 0.7;
    background-image: url('img/ch3_.png');
    -webkit-animation-name: cl-move3;
    animation-name: cl-move3;
    -webkit-animation-duration: 80s;
    animation-duration: 80s;
}

.ballon.bal1 {
    top: 41%;
    left: 4%;
    height: 15vmin;
    background-image: url('img/b1.fw.png');
    -webkit-animation-name: bal-move1;
    animation-name: bal-move1;
    -webkit-animation-duration: 70s;
    animation-duration: 70s;
}

.ballon.bal2 {
    top: 60%;
    left: 12%;
    height: 14vmin;
    background-image: url('img/b2.fw.png');
    -webkit-animation-name: bal-move2;
    animation-name: bal-move2;
    -webkit-animation-duration: 55s;
    animation-duration: 55s;
}

.ballon.bal3 {
    top: 72%;
    left: 89%;
    height: 12vmin;
    background-image: url('img/b3.fw.png');
    -webkit-animation-name: bal-move3;
    animation-name: bal-move3;
    -webkit-animation-duration: 50s;
    animation-duration: 50s;
}

.ballon.bal4 {
    top: 31%;
    left: 94%;
    height: 18vmin;
    background-image: url('img/b4.fw.png');
    -webkit-animation-name: bal-move4;
    animation-name: bal-move4;
    -webkit-animation-duration: 65s;
    animation-duration: 65s;
}

.ballon.bal5 {
    top: 12%;
    left: 87%;
    width: 100%;
    height: 10vmin;
    background-image: url(img/b5.fw.png);
    -webkit-animation-name: bal-move5;
    animation-name: bal-move5;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
}

.background-utility.town {
    bottom: -100px;
    left: 0%;
    width: 100%;
    min-width: 1280px;
    height: 251px;
    background-image: url('img/town.fw.png');
    background-repeat: repeat-x;
    -webkit-animation-name: town;
    animation-name: town;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
}

#background-utilities .town {
    bottom: -100px;
    left: 0%;
    width: 100%;
    min-width: 1280px;
    height: 251px;
    background-image: url('img/town.fw.png');
    background-repeat: repeat-x;
    -webkit-animation-name: town;
    animation-name: town;
    -webkit-animation-duration: 60s;
    animation-duration: 60s;
}

.eu {
    bottom: -100px;
}

@-webkit-keyframes town {
    0% {
        background-position: 1280px 0px;
    }
}

@keyframes town {
    0% {
        background-position: 1280px 0px;
    }
}

@-webkit-keyframes swing {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 1vmin;
        left: 1vmin;
    }
    50% {
        top: 2vmin;
        left: 0;
    }
    75% {
        top: 1vmin;
        left: -1vmin;
    }
    100% {
        top: 0;
        left: -0;
    }
}

@keyframes swing {
    0% {
        top: 0;
        left: 0;
    }
    25% {
        top: 1vmin;
        left: 1vmin;
    }
    50% {
        top: 2vmin;
        left: 0;
    }
    75% {
        top: 1vmin;
        left: -1vmin;
    }
    100% {
        top: 0;
        left: -0;
    }
}

@-webkit-keyframes ballon {
    0% {
        background-position: 105vmax 0;
    }
    100% {
        background-position: -5vmax 0;
    }
}

@keyframes ballon {
    0% {
        background-position: 105vmax 0;
    }
    100% {
        background-position: -5vmax 0;
    }
}

@-webkit-keyframes bal-move1 {
    0% {
        left: 33%;
    }
    32% {
        left: -10%;
        visibility: visible;
    }
    32.1% {
        visibility: hidden;
    }
    33.9% {
        visibility: hidden;
    }
    34% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 33%;
    }
}

@keyframes bal-move1 {
    0% {
        left: 33%;
    }
    32% {
        left: -10%;
        visibility: visible;
    }
    32.1% {
        visibility: hidden;
    }
    33.9% {
        visibility: hidden;
    }
    34% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 33%;
    }
}

@-webkit-keyframes bal-move2 {
    0% {
        left: 12%;
    }
    16% {
        left: -10%;
        visibility: visible;
    }
    16.1% {
        visibility: hidden;
    }
    17.9% {
        visibility: hidden;
    }
    18% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 12%;
    }
}

@keyframes bal-move2 {
    0% {
        left: 12%;
    }
    16% {
        left: -10%;
        visibility: visible;
    }
    16.1% {
        visibility: hidden;
    }
    17.9% {
        visibility: hidden;
    }
    18% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 12%;
    }
}

@-webkit-keyframes bal-move3 {
    0% {
        left: 89%;
    }
    83% {
        left: -10%;
        visibility: visible;
    }
    83.1% {
        visibility: hidden;
    }
    84.9% {
        visibility: hidden;
    }
    85% {
        left: 105%;
        visibility: visible;
    }
    100% {
        left: 89%;
    }
}

@keyframes bal-move3 {
    0% {
        left: 89%;
    }
    83% {
        left: -10%;
        visibility: visible;
    }
    83.1% {
        visibility: hidden;
    }
    84.9% {
        visibility: hidden;
    }
    85% {
        left: 105%;
        visibility: visible;
    }
    100% {
        left: 89%;
    }
}

@-webkit-keyframes bal-move4 {
    0% {
        left: 94%;
    }
    88% {
        left: -10%;
        visibility: visible;
    }
    88.1% {
        visibility: hidden;
    }
    89.9% {
        visibility: hidden;
    }
    90% {
        left: 105%;
        visibility: visible;
    }
    100% {
        left: 94%;
    }
}

@keyframes bal-move4 {
    0% {
        left: 94%;
    }
    88% {
        left: -10%;
        visibility: visible;
    }
    88.1% {
        visibility: hidden;
    }
    89.9% {
        visibility: hidden;
    }
    90% {
        left: 105%;
        visibility: visible;
    }
    100% {
        left: 94%;
    }
}

@-webkit-keyframes bal-move5 {
    0% {
        left: 87%;
    }
    80% {
        left: -10%;
        visibility: visible;
    }
    80.1% {
        visibility: hidden;
    }
    82.9% {
        visibility: hidden;
    }
    83% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 87%;
    }
}

@keyframes bal-move5 {
    0% {
        left: 87%;
    }
    80% {
        left: -10%;
        visibility: visible;
    }
    80.1% {
        visibility: hidden;
    }
    82.9% {
        visibility: hidden;
    }
    83% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 87%;
    }
}

@-webkit-keyframes cl-move1 {
    0% {
        left: 33%;
    }
    32% {
        left: -10%;
        visibility: visible;
    }
    32.1% {
        visibility: hidden;
    }
    33.9% {
        visibility: hidden;
    }
    34% {
        left: 110%;
        visibility: visible;
    }
    100% {
        left: 33%;
    }
}

@keyframes cl-move1 {
    0% {
        left: 33%;
    }
    32% {
        left: -20%;
        visibility: visible;
    }
    32.1% {
        visibility: hidden;
    }
    33.9% {
        visibility: hidden;
    }
    34% {
        left: 120%;
        visibility: visible;
    }
    100% {
        left: 33%;
    }
}

@-webkit-keyframes cl-move2 {
    0% {
        left: 12%;
    }
    16% {
        left: -20%;
        visibility: visible;
    }
    16.1% {
        visibility: hidden;
    }
    17.9% {
        visibility: hidden;
    }
    18% {
        left: 120%;
        visibility: visible;
    }
    100% {
        left: 12%;
    }
}

@keyframes cl-move2 {
    0% {
        left: 12%;
    }
    16% {
        left: -20%;
        visibility: visible;
    }
    16.1% {
        visibility: hidden;
    }
    17.9% {
        visibility: hidden;
    }
    18% {
        left: 120%;
        visibility: visible;
    }
    100% {
        left: 12%;
    }
}

@-webkit-keyframes cl-move3 {
    0% {
        left: 89%;
    }
    83% {
        left: -20%;
        visibility: visible;
    }
    83.1% {
        visibility: hidden;
    }
    84.9% {
        visibility: hidden;
    }
    85% {
        left: 120%;
        visibility: visible;
    }
    100% {
        left: 89%;
    }
}

@keyframes cl-move3 {
    0% {
        left: 89%;
    }
    83% {
        left: -20%;
        visibility: visible;
    }
    83.1% {
        visibility: hidden;
    }
    84.9% {
        visibility: hidden;
    }
    85% {
        left: 120%;
        visibility: visible;
    }
    100% {
        left: 89%;
    }
}

@media screen and (min-width:0\0) and (min-resolution:+72dpi), \0screen\, screen\9{
    .animate {
        -webkit-animation: none !important;
        animation: none !important;
    }
}

@supports (-ms-ime-align:auto) {
    .animate {
        -webkit-animation: none !important;
        animation: none !important;
    }
}