/* slide up and down infinite for .floating-objects .floating-a */

 .is-home .floating-objects .floating-a {
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .is-home .floating-objects .floating-b {
     animation: slideLeftRight infinite 5s ease-in-out;
     -webkit-animation: slideLeftRight infinite 5s ease-in-out;
 }

 .is-home .floating-objects .floating-c {
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .is-home .floating-objects .floating-d {
     animation: slideDownUp infinite 5s ease-in-out;
     -webkit-animation: slideDownUp infinite 5s ease-in-out;
 }

 .is-home .floating-objects .floating-e {
     animation: slideRightLeft infinite 5s ease-in-out;
     -webkit-animation: slideRightLeft infinite 5s ease-in-out;
 }

 .floating-objects {
     min-height: 100vh;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     overflow: hidden;
 }

 .floating-objects .container {
     position: relative;
     z-index: 1;
 }

 .is-home .floating-objects .floating-a {
     position: absolute;
     top: 93px;
     left: 0;
     width: 254px;
     height: 206px;
     z-index: -1;
     background: url('../images/triangulo-verde-degrade.webp') no-repeat center center / contain;
     transform: translateX(-125%);
     -webkit-transform: translateX(-125%);
     -moz-transform: translateX(-125%);
     -ms-transform: translateX(-125%);
     -o-transform: translateX(-125%);
 }

 /* b */

 .is-home .floating-objects .floating-b {
     position: absolute;
     top: 646px;
     right: 0;
     width: 585px;
     height: 583px;
     z-index: -1;
     background: url('../images/circulo-verde-degrade.webp') no-repeat center center / contain;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
 }

 /* 257x216, top 1400 , c */

 .is-home .floating-objects .floating-c {
     position: absolute;
     top: 1400px;
     right: 0;
     width: 257px;
     height: 216px;
     z-index: -1;
     background: url('../images/retangulo-degrade.webp') no-repeat center center / contain;
     transform: translateX(10%);
     -webkit-transform: translateX(10%);
     -moz-transform: translateX(10%);
     -ms-transform: translateX(10%);
     -o-transform: translateX(10%);
 }

 /* 392x333, top 1485, d */

 .is-home .floating-objects .floating-d {
     position: absolute;
     top: 1485px;
     right: 0;
     width: 392px;
     height: 333px;
     z-index: -1;
     background: url('../images/retangulo-degrade-esmaecido.webp') no-repeat center center / contain;
     transform: translateX(110%);
     -webkit-transform: translateX(110%);
     -moz-transform: translateX(110%);
     -ms-transform: translateX(110%);
     -o-transform: translateX(110%);
 }

 /* 482x481, top 1445, left -276, e*/

 .is-home .floating-objects .floating-e {
     position: absolute;
     top: 1445px;
     left: 0;
     width: 482px;
     height: 481px;
     z-index: -1;
     background: url('../images/circulo-roxo-degrade.webp') no-repeat center center / contain;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
 }

 .internal-page.premio .floating-objects .floating-d {
     position: absolute;
     top: 1435px;
     left: 0;
     width: 232px;
     height: 232px;
     z-index: -1;
     background: url('../images/triangulo-gradiente-roxo-laranja.webp') no-repeat center center / contain;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
 }

 .internal-page.premio .floating-objects .floating-d {
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .internal-page.premio .floating-objects .floating-e {
     position: absolute;
     top: 75%;
     right: 0;
     width: 232px;
     height: 232px;
     z-index: -1;
     background: url('/templates/ppa2023/images/circulo-verde-degrade-2.webp') no-repeat center center / contain;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
     animation: slideLeftRight infinite 5s ease-in-out, animate-blur-in-out infinite 5s ease-in-out;
     -webkit-animation: slideLeftRight infinite 5s ease-in-out, animate-blur-in-out infinite 5s ease-in-out;
 }

 .internal-page.regulamento .floating-objects .floating-a {
     position: absolute;
     top: 240px;
     left: 0;
     width: 232px;
     height: 232px;
     z-index: -1;
     background: url('../images/regulamento-layer-2.webp') no-repeat center center / contain;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .internal-page.regulamento .floating-objects .floating-b {
     position: absolute;
     top: 646px;
     right: 0;
     width: 395px;
     height: 395px;
     z-index: -1;
     background: url('../images/regulamento-agrupar.webp') no-repeat center center / contain;
     transform: translateX(100%);
     -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
     -ms-transform: translateX(100%);
     -o-transform: translateX(100%);
     animation: slideLeftRight infinite 5s ease-in-out, animate-blur-in-out infinite 5s ease-in-out;
     -webkit-animation: slideLeftRight infinite 5s ease-in-out, animate-blur-in-out infinite 5s ease-in-out;
 }


 /* end of slide up and down infinite for .floating-objects */
 /* Keyframes */

 .slideLeftRight {
     animation: slideLeftRight infinite 5s ease-in-out;
     -webkit-animation: slideLeftRight infinite 5s ease-in-out;
 }

 .slideUpDown {
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .slideDownUp {
     animation: slideDownUp infinite 5s ease-in-out;
     -webkit-animation: slideDownUp infinite 5s ease-in-out;
 }

 .slideRightLeft {
     animation: slideRightLeft infinite 5s ease-in-out;
     -webkit-animation: slideRightLeft infinite 5s ease-in-out;
 }

 .animate-blur-in-out {
     animation: animate-blur-in-out infinite 5s ease-in-out;
     -webkit-animation: animate-blur-in-out infinite 5s ease-in-out;
 }

 .animate__5s {
     animation-duration: 5s;
     -webkit-animation-duration: 5s;
 }

 .animate-left-clock {
     animation: animate-left-clock infinite 5s cubic-bezier(0.075, 0.82, 0.165, 1);
     -webkit-animation: animate-left-clock infinite 5s cubic-bezier(0.075, 0.82, 0.165, 1);
 }

 @-webkit-keyframes animate-right-clock {}

 @keyframes animate-right-clock {}

 @-webkit-keyframes animate-blur-in-out {
     0% {
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }

     50% {
         filter: blur(2px);
         -webkit-filter: blur(2px);
     }

     100% {
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
 }

 @keyframes animate-blur-in-out {
     0% {
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }

     50% {
         filter: blur(2px);
         -webkit-filter: blur(2px);
     }

     100% {
         -webkit-filter: blur(0px);
         filter: blur(0px);
     }
 }

 @-webkit-keyframes slideUpDown {
     0% {
         margin-top: 0;
     }

     50% {
         margin-top: -2.5em;
     }

     100% {
         margin-top: 0;
     }
 }

 @keyframes slideUpDown {
     0% {
         margin-top: 0;
     }

     50% {
         margin-top: -2.5em;
     }

     100% {
         margin-top: 0;
     }
 }

 @-webkit-keyframes slideDownUp {
     0% {
         margin-top: 0;
     }

     50% {
         margin-top: 2.5em;
     }

     100% {
         margin-top: 0;
     }
 }

 @keyframes slideDownUp {
     0% {
         margin-top: 0;
     }

     50% {
         margin-top: 2.5em;
     }

     100% {
         margin-top: 0;
     }
 }

 @-webkit-keyframes slideLeftRight {
     0% {
         margin-right: 0;
     }

     50% {
         margin-right: 5em;
     }

     100% {
         margin-right: 0;
     }
 }

 @keyframes slideLeftRight {
     0% {
         margin-right: 0;
     }

     50% {
         margin-right: 5em;
     }

     100% {
         margin-right: 0;
     }
 }

 @-webkit-keyframes slideRightLeft {
     0% {
         margin-left: 0;
     }

     50% {
         margin-left: -5em;
     }

     100% {
         margin-left: 0;
     }
 }

 @keyframes slideRightLeft {
     0% {
         margin-left: 0;
     }

     50% {
         margin-left: -5em;
     }

     100% {
         margin-left: 0;
     }
 }

 /* end of keyframes */
 /* banner animado superior (inscrições) */

 .banner-animado-superior {
     position: relative;
     height: 540px;
     overflow: hidden;
 }

 .banner-animado-superior .container {
     position: relative;
 }

 .banner-animado-superior [class*="figura-"] {
     position: absolute;
 }

 .banner-animado-superior .figura-a {
     top: 50px;
     left: 0;
     width: 332px;
     height: 352px;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     animation: bsa infinite 5s ease-in-out;
     -webkit-animation: bsa infinite 5s ease-in-out;
 }

 @-webkit-keyframes bsa {
     0% {
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         filter: blur(3px);
         -webkit-filter: blur(3px);
     }

     50% {
         transform: translateX(-40%);
         -webkit-transform: translateX(-40%);
         -moz-transform: translateX(-40%);
         -ms-transform: translateX(-40%);
         -o-transform: translateX(-40%);
         filter: blur(0px);
         -webkit-filter: blur(0px);
     }

     100% {
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         filter: blur(3px);
         -webkit-filter: blur(3px);
     }
 }

 @keyframes bsa {
     0% {
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         filter: blur(3px);
         -webkit-filter: blur(3px);
     }

     50% {
         transform: translateX(-40%);
         -webkit-transform: translateX(-40%);
         -moz-transform: translateX(-40%);
         -ms-transform: translateX(-40%);
         -o-transform: translateX(-40%);
         filter: blur(0px);
         -webkit-filter: blur(0px);
     }

     100% {
         transform: translateX(-50%);
         -webkit-transform: translateX(-50%);
         -moz-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
         filter: blur(3px);
         -webkit-filter: blur(3px);
     }
 }

 .banner-animado-superior .figura-b {
     top: 180px;
     left: 100px;
     width: 332px;
     height: 352px;
     transform: translateX(50%);
     -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
     -ms-transform: translateX(50%);
     -o-transform: translateX(50%);
     animation: bsb infinite 5s ease-in-out;
     -webkit-animation: bsb infinite 5s ease-in-out;
 }

 @-webkit-keyframes bsb {
     0% {
         transform: translateX(50%);
         -webkit-transform: translateX(50%);
         -moz-transform: translateX(50%);
         -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
     }

     50% {
         transform: translateX(40%);
         -webkit-transform: translateX(40%);
         -moz-transform: translateX(40%);
         -ms-transform: translateX(40%);
         -o-transform: translateX(40%);
     }

     100% {
         transform: translateX(50%);
         -webkit-transform: translateX(50%);
         -moz-transform: translateX(50%);
         -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
     }
 }

 @keyframes bsb {
     0% {
         transform: translateX(50%);
         -webkit-transform: translateX(50%);
         -moz-transform: translateX(50%);
         -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
     }

     50% {
         transform: translateX(40%);
         -webkit-transform: translateX(40%);
         -moz-transform: translateX(40%);
         -ms-transform: translateX(40%);
         -o-transform: translateX(40%);
     }

     100% {
         transform: translateX(50%);
         -webkit-transform: translateX(50%);
         -moz-transform: translateX(50%);
         -ms-transform: translateX(50%);
         -o-transform: translateX(50%);
     }
 }

 .banner-animado-superior .figura-c {
     top: 180px;
     right: 0;
     width: 332px;
     height: 352px;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     animation: bsc infinite 5s ease-in-out;
     -webkit-animation: bsc infinite 5s ease-in-out;
 }

 @-webkit-keyframes bsc {
     0% {
         transform: translateX(-50%) translateY(0%);
         -webkit-transform: translateX(-50%) translateY(0%);
         -moz-transform: translateX(-50%) translateY(0%);
         -ms-transform: translateX(-50%) translateY(0%);
         -o-transform: translateX(-50%) translateY(0%);
     }

     50% {
         transform: translateX(-50%) translateY(10%);
         -webkit-transform: translateX(-50%) translateY(10%);
         -moz-transform: translateX(-50%) translateY(10%);
         -ms-transform: translateX(-50%) translateY(10%);
         -o-transform: translateX(-50%) translateY(10%);
     }

     100% {
         transform: translateX(-50%) translateY(0%);
         -webkit-transform: translateX(-50%) translateY(0%);
         -moz-transform: translateX(-50%) translateY(0%);
         -ms-transform: translateX(-50%) translateY(0%);
         -o-transform: translateX(-50%) translateY(0%);
     }
 }

 @keyframes bsc {
     0% {
         transform: translateX(-50%) translateY(0%);
         -webkit-transform: translateX(-50%) translateY(0%);
         -moz-transform: translateX(-50%) translateY(0%);
         -ms-transform: translateX(-50%) translateY(0%);
         -o-transform: translateX(-50%) translateY(0%);
     }

     50% {
         transform: translateX(-50%) translateY(10%);
         -webkit-transform: translateX(-50%) translateY(10%);
         -moz-transform: translateX(-50%) translateY(10%);
         -ms-transform: translateX(-50%) translateY(10%);
         -o-transform: translateX(-50%) translateY(10%);
     }

     100% {
         transform: translateX(-50%) translateY(0%);
         -webkit-transform: translateX(-50%) translateY(0%);
         -moz-transform: translateX(-50%) translateY(0%);
         -ms-transform: translateX(-50%) translateY(0%);
         -o-transform: translateX(-50%) translateY(0%);
     }
 }

 .banner-animado-superior .figura-d {
     top: 60px;
     right: 0;
     width: 331px;
     height: 282px;
     transform: translateX(50%);
     -webkit-transform: translateX(50%);
     -moz-transform: translateX(50%);
     -ms-transform: translateX(50%);
     -o-transform: translateX(50%);
     animation: bsd infinite 5s ease-in-out;
     -webkit-animation: bsd infinite 5s ease-in-out;
 }

 @-webkit-keyframes bsd {
     0% {
         transform: translateX(50%) translateY(0%);
         -webkit-transform: translateX(50%) translateY(0%);
         -moz-transform: translateX(50%) translateY(0%);
         -ms-transform: translateX(50%) translateY(0%);
         -o-transform: translateX(50%) translateY(0%);
     }

     50% {
         transform: translateX(40%) translateY(-20%);
         -webkit-transform: translateX(40%) translateY(-20%);
         -moz-transform: translateX(40%) translateY(-20%);
         -ms-transform: translateX(40%) translateY(-20%);
         -o-transform: translateX(40%) translateY(-20%);
     }

     100% {
         transform: translateX(50%) translateY(0%);
         -webkit-transform: translateX(50%) translateY(0%);
         -moz-transform: translateX(50%) translateY(0%);
         -ms-transform: translateX(50%) translateY(0%);
         -o-transform: translateX(50%) translateY(0%);
     }
 }

 @keyframes bsd {
     0% {
         transform: translateX(50%) translateY(0%);
         -webkit-transform: translateX(50%) translateY(0%);
         -moz-transform: translateX(50%) translateY(0%);
         -ms-transform: translateX(50%) translateY(0%);
         -o-transform: translateX(50%) translateY(0%);
     }

     50% {
         transform: translateX(40%) translateY(-20%);
         -webkit-transform: translateX(40%) translateY(-20%);
         -moz-transform: translateX(40%) translateY(-20%);
         -ms-transform: translateX(40%) translateY(-20%);
         -o-transform: translateX(40%) translateY(-20%);
     }

     100% {
         transform: translateX(50%) translateY(0%);
         -webkit-transform: translateX(50%) translateY(0%);
         -moz-transform: translateX(50%) translateY(0%);
         -ms-transform: translateX(50%) translateY(0%);
         -o-transform: translateX(50%) translateY(0%);
     }
 }

 .banner-animado-superior .figura-e {
     top: 320px;
     right: 0;
     width: 300px;
     height: 201px;
     animation: bse infinite 5s ease-in-out;
     -webkit-animation: bse infinite 5s ease-in-out;
     transform: translate(83%, 0%);
     -webkit-transform: translate(83%, 0%);
     -moz-transform: translate(83%, 0%);
     -ms-transform: translate(83%, 0%);
     -o-transform: translate(83%, 0%);
 }

 @-webkit-keyframes bse {
     0% {
         transform: translate(83%, 0%) scale(1);
         -webkit-transform: translate(83%, 0%) scale(1);
         -moz-transform: translate(83%, 0%) scale(1);
         -ms-transform: translate(83%, 0%) scale(1);
         -o-transform: translate(83%, 0%) scale(1);
     }

     50% {
         transform: translate(83%, 10%) scale(1);
         -webkit-transform: translate(83%, 10%) scale(1);
         -moz-transform: translate(83%, 10%) scale(1);
         -ms-transform: translate(83%, 10%) scale(1);
         -o-transform: translate(83%, 10%) scale(1);
     }

     100% {
         transform: translate(83%, 0%) scale(1);
         -webkit-transform: translate(83%, 0%) scale(1);
         -moz-transform: translate(83%, 0%) scale(1);
         -ms-transform: translate(83%, 0%) scale(1);
         -o-transform: translate(83%, 0%) scale(1);
     }
 }

 @keyframes bse {
     0% {
         transform: translate(83%, 0%) scale(1);
         -webkit-transform: translate(83%, 0%) scale(1);
         -moz-transform: translate(83%, 0%) scale(1);
         -ms-transform: translate(83%, 0%) scale(1);
         -o-transform: translate(83%, 0%) scale(1);
     }

     50% {
         transform: translate(83%, 10%) scale(1);
         -webkit-transform: translate(83%, 10%) scale(1);
         -moz-transform: translate(83%, 10%) scale(1);
         -ms-transform: translate(83%, 10%) scale(1);
         -o-transform: translate(83%, 10%) scale(1);
     }

     100% {
         transform: translate(83%, 0%) scale(1);
         -webkit-transform: translate(83%, 0%) scale(1);
         -moz-transform: translate(83%, 0%) scale(1);
         -ms-transform: translate(83%, 0%) scale(1);
         -o-transform: translate(83%, 0%) scale(1);
     }
 }

 .view-vencedores .banner-animado-superior {
     height: 702px;
 }

 .view-vencedores .banner-animado-superior .figura-a {
     top: 180px;
     left: 0;
     width: 503px;
     height: 422px;
     transform: translateX(-100%);
     -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
     -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
     animation: bsa infinite 5s ease-in-out;
     -webkit-animation: bsa infinite 5s ease-in-out;
 }

 .view-vencedores .banner-animado-superior .figura-b {
     top: 0;
     left: 100px;
 }

 .view-vencedores .banner-animado-superior .figura-d {
     top: 270px;
     right: 100px;
 }

 .view-vencedores .banner-animado-superior .figura-e {
     top: 0;
     right: -50px;
     width: 239px;
 }

 .view-video .floating-objects .floating-a {
     position: absolute;
     top: 50%;
     left: 0;
     width: 254px;
     height: 206px;
     z-index: -1;
     background: url('../images/triangulo-gradiente-roxo-laranja.webp') no-repeat center center / contain;
     transform: translateX(-125%);
     -webkit-transform: translateX(-125%);
     -moz-transform: translateX(-125%);
     -ms-transform: translateX(-125%);
     -o-transform: translateX(-125%);
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .view-video .floating-objects .floating-d {
     position: absolute;
     top: 1485px;
     right: 0;
     width: 392px;
     height: 333px;
     z-index: -1;
     background: url('../images/retangulo-degrade-esmaecido.webp') no-repeat center center / contain;
     transform: translateX(110%);
     -webkit-transform: translateX(110%);
     -moz-transform: translateX(110%);
     -ms-transform: translateX(110%);
     -o-transform: translateX(110%);
     animation: slideLeftRight infinite 5s ease-in-out;
     -webkit-animation: slideLeftRight infinite 5s ease-in-out;
 }

 .colecao-de-obras .banner-animado-superior .figura-c {
     top: 270px;
 }

 .colecao-de-obras .banner-animado-superior .figura-d {
     top: 180px;
     right: 50px;
 }

 .colecao-de-obras .banner-animado-superior .figura-e {
     top: 60px;
     right: -50px;
     width: 239px;
 }

 .contato .floating-objects .floating-a {
     position: absolute;
     top: 93px;
     left: 0;
     width: 254px;
     height: 206px;
     z-index: -1;
     background: url('../images/contato-triangulo.webp') no-repeat center center / contain;
     transform: translateX(-125%);
     -webkit-transform: translateX(-125%);
     -moz-transform: translateX(-125%);
     -ms-transform: translateX(-125%);
     -o-transform: translateX(-125%);
     animation: slideUpDown infinite 5s ease-in-out;
     -webkit-animation: slideUpDown infinite 5s ease-in-out;
 }

 .contato .floating-objects .floating-d {
     position: absolute;
     top: 540px;
     right: 0;
     width: 392px;
     height: 333px;
     z-index: -1;
     background: url('../images/contato-circulo.webp') no-repeat center center / contain;
     transform: translateX(110%);
     -webkit-transform: translateX(110%);
     -moz-transform: translateX(110%);
     -ms-transform: translateX(110%);
     -o-transform: translateX(110%);
     animation: slideLeftRight infinite 5s ease-in-out;
     -webkit-animation: slideLeftRight infinite 5s ease-in-out;
 }

 .contato .banner-animado-superior .figura-b {
     top: 116px;
     left: 10%;
 }

 .contato .banner-animado-superior .figura-d {
     top: 60px;
     right: auto;
     left: 30%;
 }

 .contato .banner-animado-superior .figura-c {
     top: 300px;
     left: 58%;
     right: auto;
 }

 .urlvideo {
     border-radius: 30px;
     -webkit-border-radius: 30px;
     -moz-border-radius: 30px;
     -ms-border-radius: 30px;
     -o-border-radius: 30px;
 }