﻿.animate-column{
    opacity:0;
    transition:all .5s ease-in-out;
    transform: matrix(1, 0, 0, 1, 0, -30);
}
.animate-column.active{
    opacity:1;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}
.divPageSplitter .shape a.diamond{
    right:800px;
}
.divPageSplitter .shape a.diamond.moving{
    animation: rotate 2s linear 1;
    right:0;
    transition: all 2s ease-in-out;
}
.divPageSplitter .shape a.diamond.moved{
    right:0;
}

#tblBnnServices img{
    transform:scale(0.1);
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
            
#tblBnnServices img.active{transform:scale(1);}
#tblBnnServices img.active.icon-second{ transition-delay: .3s;}
#tblBnnServices img.active.icon-third{transition-delay: .5s;}
#tblBnnServices img.active.icon-fourth{transition-delay: .8s; }
#tblBnnServices img.active.icon-fifth{transition-delay: 1.0s; }

.delay-item{-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.delay-item-1{-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
.delay-item-2{-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}
.delay-item-3{-webkit-animation-delay: 0.8s; animation-delay: 0.8s;}
.delay-item-4{-webkit-animation-delay: 1.0s; animation-delay: 1.0s;}
.delay-item-5{-webkit-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay-item-6{-webkit-animation-delay: 1.4s; animation-delay: 1.4s;}
.delay-item-7{-webkit-animation-delay: 1.6s; animation-delay: 1.6s;}
.delay-item-8{-webkit-animation-delay: 1.8s; animation-delay: 1.8s;}
.delay-item-9{-webkit-animation-delay: 2.0s; animation-delay: 2.0s;}
.delay-item-10{-webkit-animation-delay: 2.2s; animation-delay: 2.2s;}
.delay-item-11{-webkit-animation-delay: 2.4s; animation-delay: 2.4s;}
.delay-item-12{-webkit-animation-delay: 2.6s; animation-delay: 2.6s;}
.delay-item-13{-webkit-animation-delay: 2.8s; animation-delay: 2.8s;}
.delay-item-14{-webkit-animation-delay: 3.0s; animation-delay: 3.0s;}
.delay-item-15{-webkit-animation-delay: 3.2s; animation-delay: 3.2s;}
.delay-item-16{-webkit-animation-delay: 3.4s; animation-delay: 3.4s;}
.delay-item-17{-webkit-animation-delay: 3.6s; animation-delay: 3.6s;}
.delay-item-18{-webkit-animation-delay: 3.8s; animation-delay: 3.8s;}
.delay-item-19{-webkit-animation-delay: 4.0s; animation-delay: 4.0s;}
.delay-item-20{-webkit-animation-delay: 4.2s; animation-delay: 4.2s;}
.delay-item-21{-webkit-animation-delay: 4.4s; animation-delay: 4.4s;}
.delay-item-22{-webkit-animation-delay: 4.6s; animation-delay: 4.6s;}
.delay-item-23{-webkit-animation-delay: 4.8s; animation-delay: 4.8s;}
.delay-item-24{-webkit-animation-delay: 5.0s; animation-delay: 5.0s;}
.delay-item-25{-webkit-animation-delay: 5.2s; animation-delay: 5.2s;}
.delay-item-26{-webkit-animation-delay: 5.4s; animation-delay: 5.4s;}
.delay-item-27{-webkit-animation-delay: 5.6s; animation-delay: 5.6s;}
.delay-item-28{-webkit-animation-delay: 5.8s; animation-delay: 5.8s;}
.delay-item-29{-webkit-animation-delay: 6.0s; animation-delay: 6.0s;}
.delay-item-30{-webkit-animation-delay: 6.2s; animation-delay: 6.2s;}
.tblLivePengerangItem{
    display:none;
}
.tblLivePengerangItem.active{
    display:block;
}