



.bx_tramite .lin1 {
  opacity: 0.00;
  animation-name: lin1_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes lin1_anim {
  from {
    top: 16px;
    left: 22px;
    opacity: 1.00;
  }
  78% {
    top: 16px;
    left: 22px;
    opacity: 1.00;
  }

  96% {
    top: -26px;
    left: -14px;
    opacity: 1.00;
  }
  to {
    top: -28px;
    left: -16px;
    opacity: 0.00;
    height: 10px;
  }
}


.bx_tramite .lin2 {
  opacity: 0.00;
  animation-name: lin2_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes lin2_anim {
  from {
    top: 0px;
    opacity: 1.00;
  }
  78% {
    top: 0px;
    opacity: 1.00;
  }
  96% {
    top: -33px;
    opacity: 1.00;
  }
  to {
    top: -37px;
    opacity: 0.00;
    height: 10px;
  }
}



.bx_tramite .lin3 {
  opacity: 0.00;
  animation-name: lin3_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes lin3_anim {
  from {
    top: 16px;
    right: 22px;
    opacity: 1.00;
  }
  78% {
    top: 16px;
    right: 22px;
    opacity: 1.00;
  }
  96% {
    top: -26px;
    right: -14px;
    opacity: 1.00;
  }
  to {
    top: -28px;
    right: -16px;
    opacity: 0.00;
    height: 10px;
  }
}




.bx_tramite .lin4 {
  opacity: 0.00;
  animation-name: lin4_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes lin4_anim {
  from {
    bottom: 16px;
    left: 22px;
    opacity: 1.00;
  }

  78% {
    bottom: 16px;
    left: 22px;
    opacity: 1.00;
  }

  96% {
    bottom: -26px;
    left: -14px;
    opacity: 1.00;
  }
  to {
    bottom: -28px;
    left: -16px;
    opacity: 0.00;
    height: 10px;
  }
}


.bx_tramite .lin5 {
  opacity: 0.00;
  animation-name: lin5_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes lin5_anim {
  from {
    bottom: 0px;
    opacity: 1.00;
  }
  78% {
    bottom: 0px;
    opacity: 1.00;
  }
  96% {
    bottom: -33px;
    opacity: 1.00;
  }
  to {
    bottom: -37px;
    opacity: 0.00;
    height: 10px;
  }
}



.bx_tramite .lin6 {
  opacity: 0.00;
  animation-name: lin6_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes lin6_anim {
  from {
    bottom: 16px;
    right: 22px;
    opacity: 1.00;
  }
  78% {
    bottom: 16px;
    right: 22px;
    opacity: 1.00;
  }
  96% {
    bottom: -26px;
    right: -14px;
    opacity: 1.00;
  }
  to {
    bottom: -28px;
    right: -16px;
    opacity: 0.00;
    height: 10px;
  }
}



.bx_tramite .txt-url:after{
  animation-name: hnd_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes hnd_anim {
  from {
    bottom: -6px;
    right: -6px;
    transform: scale(1.00);
  }
  60% {
    bottom: -6px;
    right: -6px;
    transform: scale(1.00);
  }
  80% {
    bottom: -6px;
    right: 86px;
    transform: scale(1.10);
    transform: rotate(-38deg);
  }
  to {
    bottom: -6px;
    right: -6px;
    transform: scale(1.00);
  }
}


.bx_tramite .txt-url:before{
  animation-name: bg_lnk_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes bg_lnk_anim {
  from {
    background: rgba(255, 255, 255, 0.00);
  }
  60% {
    background: rgba(255, 255, 255, 0.00);
  }
  75% {
    background: rgba(255, 255, 255, 0.00);
  }
  80% {
    background: rgba(255, 255, 255, 0.20);
  }
  83% {
    background: rgba(255, 255, 255, 0.00);
  }
  to {
    background: rgba(255, 255, 255, 0.00);
  }
}

.bx_tramite a{
  animation-name: bg_bx_anim;
  animation-duration: 4.00s;
  animation-timing-function: cubic-bezier(0,0,0.58,1);
  animation-iteration-count: infinite;
  transform-origin: center;
}
@keyframes bg_bx_anim {
  from {
    transform: scale(1.00);
  }
  60% {
    transform: scale(1.00);
  }
  75% {
    transform: scale(1.00);
  }
  80% {
    transform: scale(1.02);
  }
  83% {
    transform: scale(1.00);
  }
  to {
    transform: scale(1.00);
  }
}



.slick-active .titulo-desc {
  top: 30px;
  left: 490px;
  opacity: 1.00;
  -moz-animation-name: txt1_anim;
  -moz-animation-duration: 1.10s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: stop;
  -webkit-animation-name: txt1_anim;
  -webkit-animation-duration: 1.10s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: stop;
  -o-animation-name: txt1_anim;
  -o-animation-duration: 1.10s;
  -o-animation-timing-function: ease-in;
  -o-animation-iteration-count: stop;
  -ms-animation-name: txt1_anim;
  -ms-animation-duration: 1.10s;
  -ms-animation-timing-function: ease-in;
  -ms-animation-iteration-count: stop;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes txt1_anim {
  from {
    -webkit-transform: translateY(30%);
    opacity: 0.00;
  }
  30% {
    -webkit-transform: translateY(30%);
    opacity: 0.00;
  }
  50% {
    -webkit-transform: translateY(30%);
    opacity: 0.00;
  }
  to {
    -webkit-transform: translateY(0%);
    opacity: 1.00;
  }
}
@-moz-keyframes txt1_anim {
  from {
    -moz-transform: translateY(30%);
    opacity: 0.00;
  }
  30% {
    -moz-transform: translateY(30%);
    opacity: 0.00;
  }
  50% {
    -moz-transform: translateY(30%);
    opacity: 0.00;
  }
  to {
    -moz-transform: translateY(0%);
    opacity: 1.00;
  }
}
@-ms-keyframes txt1_anim {
  from {
    -ms-transform: translateY(30%);
    opacity: 0.00;
  }
  30% {
    -ms-transform: translateY(30%);
    opacity: 0.00;
  }
  50% {
    -ms-transform: translateY(30%);
    opacity: 0.00;
  }
  to {
    -ms-transform: translateY(0%);
    opacity: 1.00;
  }
}
@-o-keyframes txt1_anim {
  from {
    -o-transform: translateY(30%);
    opacity: 0.00;
  }
  30% {
    -o-transform: translateY(30%);
    opacity: 0.00;
  }
  50% {
    -o-transform: translateY(30%);
    opacity: 0.00;
  }
  to {
    -o-transform: translateY(0%);
    opacity: 1.00;
  }
}
@keyframes txt1_anim {
  from {
    transform: translateY(30%);
    opacity: 0.00;
  }
  30% {
    transform: translateY(30%);
    opacity: 0.00;
  }
  50% {
    transform: translateY(30%);
    opacity: 0.00;
  }
  to {
    transform: translateY(0%);
    opacity: 1.00;
  }
}
.slick-active .btn-b1{
  top: 20px;
  right: 80px !important;
  opacity: 1.00;
  -moz-animation-name: btn_anim;
  -moz-animation-duration: 1.70s;
  -moz-animation-timing-function: ease-in;
  -moz-animation-iteration-count: stop;
  -webkit-animation-name: btn_anim;
  -webkit-animation-duration: 1.70s;
  -webkit-animation-timing-function: ease-in;
  -webkit-animation-iteration-count: stop;
  -o-animation-name: btn_anim;
  -o-animation-duration: 1.70s;
  -o-animation-timing-function: ease-in;
  -o-animation-iteration-count: stop;
  -ms-animation-name: btn_anim;
  -ms-animation-duration: 1.70s;
  -ms-animation-timing-function: ease-in;
  -ms-animation-iteration-count: stop;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@-webkit-keyframes btn_anim {
  from {
    opacity: 0.00;
  }
  30% {
    opacity: 0.00;
  }
  50% {
    opacity: 0.00;
  }
  to {
    opacity: 1.00;
  }
}
@-moz-keyframes btn_anim {
  from {
    opacity: 0.00;
  }
  30% {
    opacity: 0.00;
  }
  50% {
    opacity: 0.00;
  }
  to {
    opacity: 1.00;
  }
}
@-ms-keyframes btn_anim {
  from {
    opacity: 0.00;
  }
  30% {
    opacity: 0.00;
  }
  50% {
    opacity: 0.00;
  }
  to {
    opacity: 1.00;
  }
}
@-o-keyframes btn_anim {
  from {
    opacity: 0.00;
  }
  30% {
    opacity: 0.00;
  }
  50% {
    opacity: 0.00;
  }
  to {
    opacity: 1.00;
  }
}
@keyframes btn_anim {
  from {
    opacity: 0.00;
  }
  30% {
    opacity: 0.00;
  }
  50% {
    opacity: 0.00;
  }
  to {
    opacity: 1.00;
  }
}
/* ---------------------------- MEDIA QUERIES ---------------------------- */

@media screen and (min-width: 1351px) and (max-width: 1440px) {
  .slick-active .titulo-desc {
    top: 50px;
  }
  .slick-active .btn-b1{
    top: 10px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1350px) {
  
}
/* ---------------------------- TABLET H ---------------------------- */

@media screen and (min-width: 921px) and (max-width: 1190px) {
  .slick-active .titulo-desc {
    top: -170px;
    left: 5%;
  }
  .slick-active .btn-b1{
    top: -20px;
    left: 5%;
  }
}
/* ---------------------------- TABLET V ---------------------------- */

@media screen and (min-width: 768px) and (max-width: 920px) {
  .slick-active .titulo-desc {
    top: -124px;
    left: 5%;
  }
  .slick-active .btn-b1{
    top: -20px;
    left: 5%;
  }
}
@media screen and (min-width: 511px) and (max-width: 920px) {
  
}
@media screen and (min-width: 321px) and (max-width: 580px) {
  .slick-active .titulo-desc {
    top: -30px;
    left: 5%;
  }
}
@media screen and (max-width: 320px) {
  .slick-active .titulo-desc {
    top: -30px;
    left: 5%;
  }
}
