.banner-item:hover a { }
.banner-item.active .banner_info a {
    -webkit-animation: bannerBlackBG 1.2s ease-out alternate forwards;  
    -moz-animation: bannerBlackBG 1.2s ease-out alternate forwards; 
    animation: bannerBlackBG 1.2s ease-out alternate forwards; 
}
.banner-item.active .banner_info h3 {
    -webkit-animation: bannerTextUp 1.2s ease-out alternate forwards;  
    -moz-animation: bannerTextUp 1.2s ease-out alternate forwards;  
    animation: bannerTextUp 1.2s ease-out alternate forwards;  
}
.banner-item.active .banner_info .action {  
    -webkit-animation: bannerTextDown 1.2s ease-out alternate forwards; 
    -moz-animation: bannerTextDown 1.2s ease-out alternate forwards; 
    animation: bannerTextDown 1.2s ease-out alternate forwards; 
}
.banner-item.active .banner_img  { 
    -webkit-animation: bannerBgScale 1.2s ease-out alternate forwards;  
    -moz-animation: bannerBgScale 1.2s ease-out alternate forwards; 
    animation: bannerBgScale 1.2s ease-out alternate forwards; 
}

.banner-item.x2 {width: 50%;}

@-webkit-keyframes bannerBlackBG
{
    0%  {opacity: 1; } 
    45% {opacity: 0; }
    55% {opacity: 0; }
    100% {opacity: 1; }
}
@-moz-keyframes bannerBlackBG
{
    0%  {opacity: 1; } 
    45% {opacity: 0; }
    55% {opacity: 0; }
    100% {opacity: 1; }
}
@keyframes bannerBlackBG
{
    0%  {opacity: 1; } 
    45% {opacity: 0; }
    55% {opacity: 0; }
    100% {opacity: 1; }
}

@-webkit-keyframes bannerBgScale
{
    0%  {-webkit-transform: scale(1); } 
    45% {-webkit-transform: scale(1.25); }
    55% {-webkit-transform: scale(1.25); } 
    100% {-webkit-transform: scale(1); }
}
@-moz-keyframes bannerBgScale
{
    0%  {-moz-transform: scale(1);} 
    45% {-moz-transform: scale(1.25); }
    55% {-moz-transform: scale(1.25); } 
    100% {-moz-transform: scale(1); }
}
@keyframes bannerBgScale
{
    0%  {-webkit-transform: scale(1); transform: scale(1);} 
    45% {-webkit-transform: scale(1.25); transform: scale(1.25);}
    55% {-webkit-transform: scale(1.25); transform: scale(1.25);} 
    100% {-webkit-transform: scale(1); transform: scale(1);}
}

@-webkit-keyframes bannerTextUp
{
    0%  {top: 17px; } 
    45% {top: -100px; }
    65% {top: -100px; } 
    100% {top: 17px; }
}
@-moz-keyframes bannerTextUp
{
    0%  {top: 17px; } 
    45% {top: -100px; }
    65% {top: -100px; } 
    100% {top: 17px; }
}
@keyframes bannerTextUp
{
    0%  {top: 17px; } 
    45% {top: -100px; }
    65% {top: -100px; } 
    100% {top: 17px; }
}

@-webkit-keyframes bannerTextDown
{
    0%  {bottom: 22px; } 
    45% {bottom: -100px; }
    55% {bottom: -100px; } 
    100% {bottom: 22px; } 
}
@-moz-keyframes bannerTextDown
{
    0%  {bottom: 22px; } 
    45% {bottom: -100px; }
    55% {bottom: -100px; } 
    100% {bottom: 22px; }
}
@keyframes bannerTextDown
{
    0%  {bottom: 22px; } 
    45% {bottom: -100px; }
    55% {bottom: -100px; } 
    100% {bottom: 22px; }
}