@keyframes pcart{
      0% { top: 0px;}
      100%{ top: -2137px;}
    }
    
    .contenedorlogo{
    width: 1050px;
    height: 300px;
    }

    .st0{
    fill:transparent;
    stroke: 10;
    stroke: #20244B;
    }

    .cls-1{
        fill:transparent;
        stroke: 10;
        stroke:url(#Degradado_sin_nombre_15);
    }
	.cls-2{
        fill:transparent;
        stroke: 10;
        stroke:url(#Degradado_sin_nombre_103);
    }
	.cls-3{
        fill:transparent;
        stroke: 10;
        stroke:url(#Degradado_sin_nombre_103-2);
    }
	.cls-4{
        fill:transparent;
        stroke: 10;
        stroke:url(#Degradado_sin_nombre_105);
    }
	.cls-5{
        fill:transparent;
        stroke: 10;
        stroke:#000cff;
    }
	.cls-6{
        fill:transparent;
        stroke: 10;
        stroke:#000c3d;
    }
	
    
    .cls-11{
    stroke-dasharray: 1500;
    stroke-dashoffset:0;
    animation: animate-clsuno 7s linear forwards infinite;
    }

    @keyframes animate-clsuno {
    0% {
        stroke-dashoffset:1500;
    }

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


    60% {
        stroke-dashoffset:0;
        fill:url(#Degradado_sin_nombre_15);
    }

    80% {
        stroke-dashoffset:1500;
        fill:url(#Degradado_sin_nombre_15);
    }
    
    100% {
        stroke-dashoffset:1500;
        fill:transparent;
    }
    }

    .cls-22{
        stroke-dasharray: 1500;
        stroke-dashoffset:0;
        animation: animate-clsdos 7s linear forwards infinite;
        }
    
        @keyframes animate-clsdos {
        0% {
            stroke-dashoffset:1500;
        }
    
        40% {
            stroke-dashoffset:0;
            fill:transparent;
        }
    
    
        60% {
            stroke-dashoffset:0;
            fill:url(#Degradado_sin_nombre_103);
        }
    
        80% {
            stroke-dashoffset:1500;
            fill:url(#Degradado_sin_nombre_103);
        }
        
        100% {
            stroke-dashoffset:1500;
            fill:transparent;
        }
        }
    
        .cls-33{
            stroke-dasharray: 1500;
            stroke-dashoffset:0;
            animation: animate-clstres 7s linear forwards infinite;
            }
        
            @keyframes animate-clstres {
            0% {
                stroke-dashoffset:1500;
            }
        
            40% {
                stroke-dashoffset:0;
                fill:transparent;
            }
        
        
            60% {
                stroke-dashoffset:0;
                fill:url(#Degradado_sin_nombre_103-2);
            }
        
            80% {
                stroke-dashoffset:1500;
                fill:url(#Degradado_sin_nombre_103-2);
            }
            
            100% {
                stroke-dashoffset:1500;
                fill:transparent;
            }
        }

        .cls-44{
            stroke-dasharray: 1500;
            stroke-dashoffset:0;
            animation: animate-clscuatro 7s linear forwards infinite;
            }
        
            @keyframes animate-clscuatro {
            0% {
                stroke-dashoffset:1500;
            }
        
            40% {
                stroke-dashoffset:0;
                fill:transparent;
            }
        
        
            60% {
                stroke-dashoffset:0;
                fill:url(#Degradado_sin_nombre_105);
            }
        
            80% {
                stroke-dashoffset:1500;
                fill:url(#Degradado_sin_nombre_105);
            }
            
            100% {
                stroke-dashoffset:1500;
                fill:transparent;
            }
        }

        .cls-55{
            stroke-dasharray: 1500;
            stroke-dashoffset:0;
            animation: animate-clscinco 7s linear forwards infinite;
            }
        
            @keyframes animate-clscinco {
            0% {
                stroke-dashoffset:1500;
            }
        
            40% {
                stroke-dashoffset:0;
                fill:transparent;
            }
        
        
            60% {
                stroke-dashoffset:0;
                fill:#000cff;
            }
        
            80% {
                stroke-dashoffset:1500;
                fill:#000cff;
            }
            
            100% {
                stroke-dashoffset:1500;
                fill:transparent;
            }
        }

        .cls-66{
            stroke-dasharray: 1500;
            stroke-dashoffset:0;
            animation: animate-clsseis 7s linear forwards infinite;
            }
        
            @keyframes animate-clsseis {
            0% {
                stroke-dashoffset:1500;
            }
        
            40% {
                stroke-dashoffset:0;
                fill:transparent;
            }
        
        
            60% {
                stroke-dashoffset:0;
                fill:#000c3d;
            }
        
            80% {
                stroke-dashoffset:1500;
                fill:#000c3d;
            }
            
            100% {
                stroke-dashoffset:1500;
                fill:transparent;
            }
        }

    .divtwocp{
        width: 100%;
        height: 1000px;
        position: relative;
        background-image: url(../img/recursos-colanplast/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;
    }

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

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

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

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

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

    @keyframes pcartwo{
      0% { top: 0px;}
      100%{ top: -515px;}
    }

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

    @keyframes pcartrhee{
      0% { top: 0px;}
      100%{ top: -310px;}
    }

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

    @keyframes pcarfour{
      0% { top: 0px;}
      100%{ top: -194px;}
    }

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

    @keyframes pcarfive{
      0% { top: 0px;}
      100%{ top: -114px;}
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @keyframes pcart006{
      0% { top: 0px;}
      100%{ top: -636px;}
    }
    
       
   @media (max-width: 768px) {
        .contenedorlogo {
            width: 400px;
            height: 280px;
        }
    }

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

        .divtwocp{
            width: 100%;
            height: 400px;
            position: relative;
            background-image: url(../img/recursos-colanplast/Pantallas-Movil.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;
        }
    }