.banner-globos {
    position: relative;
    width: 100%;
    min-height: 280px;
    background: url(../../img/banners/banner-globos-te-quiero.jpg) no-repeat #fff; /*#f0f1f5*/
    background-position: -20px 0;
}
.banner-globos .container-banner{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 1.8em;
    padding: 0 12px 20px 0;
    text-align: right;
    font-weight: bold;
}
.banner-globos .container-banner p{
    color: #1e22a7;
}
.banner-globos .container-banner p.title-banner{
    font-size: 1.9em;
    padding: 14px 0 20px 0;
    letter-spacing: -1px;
}
.banner-globos .container-banner .cdr-btn{
    width:225px;
}

@media (max-width: 979px) {


}

@media (max-width: 760px) {

}

@keyframes animatedBackground {
    from { background-position: -20px 0; }
    to { background-position: 0 -20px; }
}
@-webkit-keyframes animatedBackground {
    from { background-position: -20px 0; }
    to { background-position: 0 -20px; }
}
@-ms-keyframes animatedBackground {
    from { background-position: -20px 0; }
    to { background-position: 0 -20px; }
}
@-moz-keyframes animatedBackground {
    from { background-position: -20px 0; }
    to { background-position: 0 -20px; }
}

#animate-area:hover{
    animation: animatedBackground 1s ease-out forwards;
    -ms-animation: animatedBackground 1s ease-out forwards;
    -moz-animation: animatedBackground 1s ease-out forwards;
    -webkit-animation: animatedBackground 1s ease-out forwards;
}