/*-------------------------------------------------------------------------*/
/*  Skill bar style
/*-------------------------------------------------------------------------*/
    .zt-skill-bar {
        
        line-height: 19px;
        height: 20px;
        margin-bottom: 5px;
        background-color: rgba(0,0,0,0.1);

        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
            -ms-border-radius: 10px;
                border-radius: 10px;

    }

    .zt-skill-bar * {
        webkit-transition: all 1.5s ease;
          -moz-transition: all 1.5s ease;
           -ms-transition: all 1.5s ease;
            -o-transition: all 1.5s ease;
               transition: all 1.5s ease;
    }

    .zt-skill-bar div {
        
        position: relative;
        padding-left: 0px;
        width: 0;

        -webkit-border-radius: 10px;
           -moz-border-radius: 10px;
           -ms- border-radius: 10px;
                border-radius: 10px;
    }

    .zt-skill-bar span {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        padding: 0 5px 0 10px;
        background-color: #1a1a1a;

        -webkit-border-radius: 0 10px 10px 0;
           -moz-border-radius: 0 10px 10px 0;
            -ms-border-radius: 0 10px 10px 0;
                border-radius: 0 10px 10px 0;
    }

    .zt-skill-bar span:before {
        content: "";
        position: absolute;
        width: 0px;
        height: 0px;
        top: 50%;
        left: -3px;
        margin-top: -3px;
        background-color: #1a1a1a;

        -webkit-transform: rotate(45deg);
           -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
    }