.step {
            padding: 5px 4%;
            background-color: #038DFF;
            display: inline-block;
            position: relative;
            font-size: 1.2em;
            color:#fff;
        }
        .step:after, .step:before
        {
            width: 0;
            height: 0;
            border: solid transparent;
            content: "";
            position: absolute;
            top: 50%;
            left: 100%;
            z-index: 1;
        }
        .step:after
        {
            border-color: rgba(0, 0, 0, 0);
            border-left-color: #038DFF;
            border-width: 20px;
            margin-top: -20px;
        }
        .step:before
        {
            border-color: rgba(0, 0, 0, 0);
            border-width: 22px;
            margin-top: -22px;
            border-left-color: white;
        }
        .nextStep
        {
           background-color: #005396;
           border-left-color: #005396;
        }
        
        .nextStep:after
        {
           border-left-color: #005396;
        }
    
        .nextStepAgain
        {
           background-color: #D20E2F;
           border-left-color: #D20E2F;
        }
        
        .nextStepAgain:after
        {
           border-left-color: #D20E2F;/*#12DE07;*/
        }
    
        /*pro*/
         .nextNextStepAgain
        {
           background-color: #D20E2F;
           border-left-color: #D20E2F;
        }
        
        .nextNextStepAgain:after
        {
           border-left-color: #D20E2F;/*#12DE07;*/
        }
        /*pro*/
        
        .nextStepGray
        {
           background-color: #E8E7E7;
           border-left-color: #E8E7E7;
        }
        
        .nextStepGray:after
        {
           border-left-color: #E8E7E7;/*#12DE07;*/
        }
        nextStepGray .amjhr
        {
            margin-top: 1px;
            border: 0;
            border-top: 1px solid #151414;
        }