.pie-progress
{
    position: relative;

    margin-right: auto;
    margin-left: auto;

    text-align: center;

    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
}
.pie-progress-content,
.pie-progress-number,
.pie-progress-label,
.pie-progress .pie-progress-icon
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
}

.pie-progress .pie-progress-icon
{
    font-size: 36px;
    font-style: normal;
}

.pie-progress-number
{
    font-size: 36px;
}

.pie-progress-label
{
    font-size: 14px; 

    margin-top: 28px;
}
.pie-progress-label .icon
{
    font-size: 2em; 

    top: .1em;
}

.pie-progress-content
{
    font-size: 36px;
}

.pie-progress-content .pie-progress-number,
.pie-progress-content .pie-progress-label
{
    line-height: 1;

    position: static;
    top: auto;
    left: auto;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
}

.pie-progress-content .pie-progress-label
{
    margin-top: 5px !important;
}

.pie-progress-svg
{
    position: relative;

    display: inline-block;
    overflow: hidden; 

    width: 100%;
    padding-bottom: 100%;

    vertical-align: middle;
}
.pie-progress-svg svg
{
    position: absolute;
    top: 0;
    left: 0; 

    display: inline-block;
}

.pie-progress-xs .pie-progress-icon
{
    font-size: 16px;
    font-style: normal;
}

.pie-progress-xs .pie-progress-content
{
    font-size: 16px;
}

.pie-progress-xs .pie-progress-number
{
    font-size: 16px;
}

.pie-progress-xs .pie-progress-label
{
    font-size: 10px; 

    display: none;

    margin-top: 10px;
}

.pie-progress-sm .pie-progress-icon
{
    font-size: 26px;
    font-style: normal;
}

.pie-progress-sm .pie-progress-content
{
    font-size: 26px;
}

.pie-progress-sm .pie-progress-number
{
    font-size: 26px;
}

.pie-progress-sm .pie-progress-label
{
    font-size: 11px; 

    margin-top: 19px;
}

.pie-progress-lg .pie-progress-icon
{
    font-size: 44px;
    font-style: normal;
}

.pie-progress-lg .pie-progress-content
{
    font-size: 44px;
}

.pie-progress-lg .pie-progress-number
{
    font-size: 44px;
}

.pie-progress-lg .pie-progress-label
{
    font-size: 18px; 

    margin-top: 36px;
}