.capture{
      width: 100%;
      position: absolute;
      top: -1043px;
      left: 0px;
      animation: pcart 10s alternate infinite ease-in-out;
    }

    @keyframes pcart{
      0% { top: 0px;}
      100%{ top: -1043px;}
    }

    .captureone{
      width: 100%;
      position: absolute;
      top: -780px;
      left: 0px;
      animation: pcartone  10s alternate infinite ease-in-out;
    }

    @keyframes pcartone{
      0% { top: 0px;}
      100%{ top: -780px;}
    }

    .capturetwo{
      width: 100%;
      position: absolute;
      top: -1190px;
      left: 0px;
      animation: pcarttwo  10s alternate infinite ease-in-out;
    }

    @keyframes pcarttwo{
      0% { top: 0px;}
      100%{ top: -1190px;}
    }

    .capturetrhee{
      width: 100%;
      position: absolute;
      top: -1190px;
      left: 0px;
      animation: pcarttrhee  10s alternate infinite ease-in-out;
    }

    @keyframes pcarttrhee{
      0% { top: 0px;}
      100%{ top: -1190px;}
    }

    .capturefour{
      width: 100%;
      position: absolute;
      top: -1175px;
      left: 0px;
      animation: pcartfour  10s alternate infinite ease-in-out;
    }

    @keyframes pcartfour{
      0% { top: 0px;}
      100%{ top: -1175px;}
    }

    .capturefive{
      width: 100%;
      position: absolute;
      top: -245px;
      left: 0px;
      animation: pcartfive  10s alternate infinite ease-in-out;
    }

    @keyframes pcartfive{
      0% { top: 0px;}
      100%{ top: -245px;}
    }


    .capturecel01{
      width: 100%;
      position: absolute;
      top: -2450px;
      left: 0px;
      animation: pcart01  10s alternate infinite ease-in-out;
    }

    @keyframes pcart01{
      0% { top: 0px;}
      100%{ top: -2450px;}
    }

    .capturecel02{
      width: 100%;
      position: absolute;
      top: -1000px;
      left: 0px;
      animation: pcart02  10s alternate infinite ease-in-out;
    }

    @keyframes pcart02{
      0% { top: 0px;}
      100%{ top: -1000px;}
    }

    .capturecel03{
      width: 100%;
      position: absolute;
      top: -2444px;
      left: 0px;
      animation: pcart03  10s alternate infinite ease-in-out;
    }

    @keyframes pcart03{
      0% { top: 0px;}
      100%{ top: -2444px;}
    }

    .capturecel04{
      width: 100%;
      position: absolute;
      top: -1665px;
      left: 0px;
      animation: pcart04  10s alternate infinite ease-in-out;
    }

    @keyframes pcart04{
      0% { top: 0px;}
      100%{ top: -1665px;}
    }

    .capturecel05{
      width: 100%;
      position: absolute;
      top: -1665px;
      left: 0px;
      animation: pcart05  10s alternate infinite ease-in-out;
    }

    @keyframes pcart05{
      0% { top: 0px;}
      100%{ top: -1665px;}
    }

    .capturecel06{
      width: 100%;
      position: absolute;
      top: -630px;
      left: 0px;
      animation: pcart06  10s alternate infinite ease-in-out;
    }

    @keyframes pcart06{
      0% { top: 0px;}
      100%{ top: -630px;}
    }

    .capturecel001{
      width: 100%;
      position: absolute;
      top: -2080px;
      left: 0px;
      animation: pcart001  10s alternate infinite ease-in-out;
    }

    @keyframes pcart001{
      0% { top: 0px;}
      100%{ top: -2080px;}
    }

    .capturecel002{
      width: 100%;
      position: absolute;
      top: -848px;
      left: 0px;
      animation: pcart002  10s alternate infinite ease-in-out;
    }

    @keyframes pcart002{
      0% { top: 0px;}
      100%{ top: -848px;}
    }

    .capturecel003{
      width: 100%;
      position: absolute;
      top: -2080px;
      left: 0px;
      animation: pcart003  10s alternate infinite ease-in-out;
    }

    @keyframes pcart003{
      0% { top: 0px;}
      100%{ top: -2080px;}
    }

    .capturecel004{
      width: 100%;
      position: absolute;
      top: -1415px;
      left: 0px;
      animation: pcart004  10s alternate infinite ease-in-out;
    }

    @keyframes pcart004{
      0% { top: 0px;}
      100%{ top: -1415px;}
    }

    .capturecel005{
      width: 100%;
      position: absolute;
      top: -1416px;
      left: 0px;
      animation: pcart005  10s alternate infinite ease-in-out;
    }

    @keyframes pcart005{
      0% { top: 0px;}
      100%{ top: -1416px;}
    }

    .capturecel006{
      width: 100%;
      position: absolute;
      top: -535px;
      left: 0px;
      animation: pcart006  10s alternate infinite ease-in-out;
    }

    @keyframes pcart006{
      0% { top: 0px;}
      100%{ top: -535px;}
    }
    
    .contenedorlogo{
    width: 650px;
    height: 650px;
    }

    .st0{
      fill:transparent;
      stroke: 10;
      stroke: #1D1D1B;
    }

    .st1{
      fill:transparent;
      stroke: 10;
      stroke: #CE1417;
    }

    .st2{
      fill:transparent;
      stroke: 10;
      stroke: #CE1417;
    }

    .st3{
      fill:transparent;
      stroke: 10;
      stroke: #1D1D1B;
    }

    .st4{
      fill:transparent;
      stroke: 10;
      stroke: #1D1D1B;
    }

    .st00{
      stroke-dasharray: 90;
      stroke-dashoffset:0;
      animation: animate-clscero 7s linear forwards infinite;
    }

    @keyframes animate-clscero {
      0% {
        stroke-dashoffset:90;
      }

      
      40% {
        stroke-dashoffset:0;
        fill:transparent;
      }

      60% {
        stroke-dashoffset:0;
        fill:#1D1D1B;
      }

      80% {
        stroke-dashoffset:90;
        fill:#1D1D1B;
      }
     
      100% {
        stroke-dashoffset:90;
        fill:transparent;
      }
    }

    .st11{
      stroke-dasharray: 740;
      stroke-dashoffset:0;
      animation: animate-stunos 7s linear forwards infinite;
    }


    @keyframes animate-stunos {
      0% {
        stroke-dashoffset:740;
      }

     
      40% {
        stroke-dashoffset:0;
        fill:transparent;
      }

      60% {
        stroke-dashoffset:0;
        fill:#CE1417;
      }

      80% {
        stroke-dashoffset:740;
        fill:#CE1417;
      }
     
      100% {
        stroke-dashoffset:740;
        fill:transparent;
      }
    }

    .st22{
      stroke-dasharray: 290;
      stroke-dashoffset:0;
      animation: animate-stdos 7s linear forwards infinite;
    }


    @keyframes animate-stdos {
      0% {
        stroke-dashoffset:290;
      }

     
      40% {
        stroke-dashoffset:0;
        fill:transparent;
      }

      60% {
        stroke-dashoffset:0;
        fill:#CE1417;
      }

      80% {
        stroke-dashoffset:290;
        fill:#CE1417;
      }
     
      100% {
        stroke-dashoffset:290;
        fill:transparent;
      }
    }

    .st33{
      stroke-dasharray: 760;
      stroke-dashoffset:0;
      animation: animate-sttres 7s linear forwards infinite;
    }


    @keyframes animate-sttres {
      0% {
        stroke-dashoffset:760;
      }

     
      40% {
        stroke-dashoffset:0;
        fill:transparent;
      }

      60% {
        stroke-dashoffset:0;
        fill:#1D1D1B;
      }

      80% {
        stroke-dashoffset:760;
        fill:#1D1D1B;
      }
     
      100% {
        stroke-dashoffset:760;
        fill:transparent;
      }
    }

    .st44{
      stroke-dasharray: 152;
      stroke-dashoffset:0;
      animation: animate-stcuatro 7s linear forwards infinite;
    }


    @keyframes animate-stcuatro {
      0% {
        stroke-dashoffset:152;
      }

     
      40% {
        stroke-dashoffset:0;
        fill:transparent;
      }

      60% {
        stroke-dashoffset:0;
        fill:#1D1D1B;
      }

      80% {
        stroke-dashoffset:152;
        fill:#1D1D1B;
      }
     
      100% {
        stroke-dashoffset:152;
        fill:transparent;
      }
    }

  .divtwocp{
      width: 100%;
      height: 1000px;
      position: relative;
      background-image: url(../img/recursos-yaracal/Pantallas.jpg);
      background-size: cover;
      background-position: center center;
  }
  
  .texto-job22 {
      font-size: 25px;
      font-family: 'Oswald', sans-serif;
      font-weight: 300;
      text-align: center;
      padding-top: 70px;
      padding-bottom: 50px;
      color: #fff;
  }

  @media (max-width: 1440px) {
    .divtwocp{
      width: 100%;
      height: 1000px;
      position: relative;
      background-image: url(../img/recursos-yaracal/Pantallas.jpg);
      background-size: cover;
      background-position: center center;
    }    
 }

    @media (max-width: 768px) {
        .contenedorlogo {
            width: 400px;
            height: 400px;
        }
    }

    @media (max-width: 600px) {
        .contenedorlogo {
            width: 300px;
            height: 300px;
        }

        .divtwocp{
            width: 100%;
            height: 400px;
            position: relative;
            background-image: url(../img/recursos-yaracal/Pantallas-movilt.jpg);
            background-size: cover;
            background-position: center center;
        }
      
        .texto-job22 {
          font-size: 16px;
          font-family: 'Oswald', sans-serif;
          font-weight: 300;
          text-align: left;
          padding-top: 70px;
          padding-bottom: 0px;
          color: #fff;
      }
    }