/* Animation */



 .row > div:not(.flowimg , .flowtext ), div:not(.caption-body)>p, div:not(.footer-section-content-column, .footer-menu-section, .footer-navigation)>ul:not(.navbar-nav, .sociallinks-list, .dropdown-nav)>li, section:not(.footer-section), .carousel-item-bodytext > *, .slick-slide, .accordion-item, div:not(.ticker-slide, .modal-body > ) .article , .ce-col>div, .frame-type-textpic figure.image, .textpic .frame-header, .frame-type-header .frame-header>*,div:not(.news-list-view)>.swiper-wrapper>.swiper-slide, .frame-header-icon{
   transform: translateY(50px);
    opacity: 0;
}




.row > div.in-view:not(.flowimg, .flowtext ), div:not(.caption-body)>p.in-view, div:not(.footer-section-content-column, .footer-menu-section, .footer-navigation)>ul:not(.navbar-nav, .sociallinks-list, .dropdown-nav)>li, section.in-view, .carousel-item-bodytext > *.in-view , .slick-slide.in-view, .accordion-item.in-view, div:not(.ticker-slide ) .article.in-view, .ce-col>div.in-view, .frame-type-textpic figure.image.in-view, .textpic .frame-header.in-view, .frame-type-header .frame-header>*.in-view, div:not(.news-list-view)>.swiper-wrapper>.swiper-slide.in-view, .frame-header-icon.in-view{
    opacity: 1;
    transform: none;
    transition: all 0.8s, transform 0.8s ease;
}



div>p{line-height:200%}

#page-content>.frame-type-textpic  figure.image{    transform: translate(4rem, 0);opacity:0}
#page-content>.frame-type-textpic figure.image.in-view{    transform: translate(0,0rem);  transition: transform 0.8s ease;opacity:1}


.body-bg>.carousel{opacity:0}
.body-bg>.carousel.in-view{opacity:1;  transition: all 0.8s, transform 0.8s ease;}


div>p.in-view{line-height:150%}


#headimage .container .row > div {
    transform: translateY(0px);
}
@media (max-width: 767px){
.ppc-right .frame-group-container .frame-container{opacity:1; margin-bottom:5rem;}
}



.accordion-body p{   opacity: 1;
    transform: none;}

footer .container > .row  div,footer p, .modal-content p {
    transform: translateY(0px) !important;
    opacity: 1 !important;
}



:root {
    --index: 0;
}

*:nth-child(1) {
    --index: 1;
}

*:nth-child(2) {
    --index: 2;
}

*:nth-child(3) {
    --index: 3;
}

*:nth-child(4) {
    --index: 4;
}

*:nth-child(5) {
    --index: 5;
}

*:nth-child(6) {
    --index: 6;
}

*:nth-child(7) {
    --index: 7;
}

*:nth-child(8) {
    --index: 8;
}

*:nth-child(9) {
    --index: 9;
}

*:nth-child(10) {
    --index: 10;
}

*:nth-child(11) {
    --index: 11;
}

*:nth-child(12) {
    --index: 12;
}

*:nth-child(13) {
    --index: 13;
}

*:nth-child(14) {
    --index: 14;
}

*:nth-child(15) {
    --index: 15;
}

*:nth-child(16) {
    --index: 16;
}

*:nth-child(17) {
    --index: 17;
}

*:nth-child(18) {
    --index: 18;
}

*:nth-child(19) {
    --index: 19;
}

*:nth-child(20) {
    --index: 20;
}

*:nth-child(21) {
    --index: 21;
}

*:nth-child(22) {
    --index: 22;
}

*:nth-child(23) {
    --index: 23;
}

*:nth-child(24) {
    --index: 24;
}

*:nth-child(25) {
    --index: 25;
}

*:nth-child(3) {
    --index: 2;
}

*:nth-child(26) {
    --index: 26;
}

*:nth-child(27) {
    --index: 27;
}

*:nth-child(28) {
    --index: 28;
}

*:nth-child(29) {
    --index: 29;
}

*:nth-child(30) {
    --index: 30;
}

.news-list-view >*:nth-child(n) .article{
      transition-delay: calc(var(--index) * 0.1s) !important;
}
.news-list-view >*:nth-child(n){
      transition-delay: calc(var(--index) * 0.1s) !important;
}


section .row > div.in-view:nth-child(n) {
    transition-delay: calc(var(--index) * 0.1s);
}
section .container>p.in-view:nth-child(n) {
    transition-delay: calc(var(--index) * 0.1s);
}
.slick-slide:nth-child(n) {
    transition-delay: calc(var(--index) * 0.1s);
}
.col:nth-child(n) , .accordion-item:nth-child(n), .article:nth-child(n), .machmitrow .ce-col:nth-child(n){
    transition-delay: calc(var(--index) * 0.1s);
}

.frame-type-header .frame-header>*:nth-child(n) {
    transition-delay: calc(var(--index) * 0.2s);
}
.frame-type-header .frame-header>*:nth-child(2) {
    transition-delay: calc(var(--index) * 0.4s);
}



.swiper-horizontal:not(.swiper-coverflow)  .swiper-wrapper .swiper-slide:nth-child(1) .article { transition-delay: 0s; }
.swiper-horizontal:not(.swiper-coverflow) .swiper-wrapper  .swiper-slide:nth-child(2) .article { transition-delay: 0.2s; }
.swiper-horizontal:not(.swiper-coverflow)  .swiper-wrapper .swiper-slide:nth-child(3) .article  { transition-delay: 0.4s; }


.swiper:not(.swiper-coverflow) .swiper-wrapper .swiper-slide:nth-child(1){ transition-delay: 0s; }

.swiper:not(.swiper-coverflow) .swiper-wrapper  .swiper-slide:nth-child(2) { transition-delay: 0.2s; }

.swiper:not(.swiper-coverflow) .swiper-wrapper .swiper-slide:nth-child(3) { transition-delay: 0.4s; }



.frame-inner div.frame-header-icon{ transition-delay: 0.8s; }