/*! ==========================================================================
    GRIDLEX
    Just a Flexbox Grid System
========================================================================== */
[class*=grid-],[class*=grid_],[class~=grid] {
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin: 0 -.5rem
}

[class*=col-],[class*=col_],[class~=col] {
    box-sizing: border-box;
    padding: 0 .5rem 1rem
}

[class~=col] {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

[class*=col_],[class~=col] {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

[class~=grid][class*=col-],[class~=grid][class*=col_],[class~=grid][class~=col] {
    margin: 0;
    padding: 0
}

[class*=grid-][class*=-noGutter] {
    margin: 0
}

[class*=grid-][class*=-noGutter]>[class*=col-],[class*=grid-][class*=-noGutter]>[class~=col] {
    padding: 0
}

[class*=grid-][class*=-noWrap] {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

[class*=grid-][class*=-center] {
    -ms-flex-pack: center;
    justify-content: center
}

[class*=grid-][class*=-right] {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-left: auto
}

[class*=grid-][class*=-top] {
    -ms-flex-align: start;
    align-items: flex-start
}

[class*=grid-][class*=-middle] {
    -ms-flex-align: center;
    align-items: center
}

[class*=grid-][class*=-bottom] {
    -ms-flex-align: end;
    align-items: flex-end
}

[class*=grid-][class*=-reverse] {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

[class*=grid-][class*=-column] {
    -ms-flex-direction: column;
    flex-direction: column
}

[class*=grid-][class*=-column]>[class*=col-] {
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

[class*=grid-][class*=-column-reverse] {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

[class*=grid-][class*=-spaceBetween] {
    -ms-flex-pack: justify;
    justify-content: space-between
}

[class*=grid-][class*=-spaceAround] {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

[class*=grid-][class*=-equalHeight]>[class*=col-],[class*=grid-][class*=-equalHeight]>[class*=col_],[class*=grid-][class*=-equalHeight]>[class~=col] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

[class*=grid-][class*=-equalHeight]>[class*=col-]>*,[class*=grid-][class*=-equalHeight]>[class*=col_]>*,[class*=grid-][class*=-equalHeight]>[class~=col]>* {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

[class*=grid-][class*=-noBottom]>[class*=col-],[class*=grid-][class*=-noBottom]>[class*=col_],[class*=grid-][class*=-noBottom]>[class~=col] {
    padding-bottom: 0
}

[class*=col-][class*=-top] {
    -ms-flex-item-align: start;
    align-self: flex-start
}

[class*=col-][class*=-middle] {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

[class*=col-][class*=-bottom] {
    -ms-flex-item-align: end;
    align-self: flex-end
}

[class*=col-][class*=-first] {
    -ms-flex-order: -1;
    order: -1
}

[class*=col-][class*=-last] {
    -ms-flex-order: 1;
    order: 1
}

[class*=grid-1]>[class*=col-],[class*=grid-1]>[class~=col] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

[class*=grid-2]>[class*=col-],[class*=grid-2]>[class~=col] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

[class*=grid-3]>[class*=col-],[class*=grid-3]>[class~=col] {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

[class*=grid-4]>[class*=col-],[class*=grid-4]>[class~=col] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

[class*=grid-5]>[class*=col-],[class*=grid-5]>[class~=col] {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%
}

[class*=grid-6]>[class*=col-],[class*=grid-6]>[class~=col] {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

[class*=grid-7]>[class*=col-],[class*=grid-7]>[class~=col] {
    -ms-flex-preferred-size: 14.28571429%;
    flex-basis: 14.28571429%;
    max-width: 14.28571429%
}

[class*=grid-8]>[class*=col-],[class*=grid-8]>[class~=col] {
    -ms-flex-preferred-size: 12.5%;
    flex-basis: 12.5%;
    max-width: 12.5%
}

[class*=grid-9]>[class*=col-],[class*=grid-9]>[class~=col] {
    -ms-flex-preferred-size: 11.11111111%;
    flex-basis: 11.11111111%;
    max-width: 11.11111111%
}

[class*=grid-10]>[class*=col-],[class*=grid-10]>[class~=col] {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%
}

[class*=grid-10]>[class*=col-],[class*=grid-11]>[class~=col] {
    -ms-flex-preferred-size: 9.09090909%;
    flex-basis: 9.09090909%;
    max-width: 9.09090909%
}

[class*=grid-11]>[class*=col-],[class*=grid-12]>[class~=col] {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

@media screen and (max-width: 80em) {
    [class*=_lg-1]>[class*=col-],[class*=_lg-1]>[class~=col] {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_lg-2]>[class*=col-],[class*=_lg-2]>[class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_lg-3]>[class*=col-],[class*=_lg-3]>[class~=col] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=_lg-4]>[class*=col-],[class*=_lg-4]>[class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_lg-5]>[class*=col-],[class*=_lg-5]>[class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_lg-6]>[class*=col-],[class*=_lg-6]>[class~=col] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=_lg-7]>[class*=col-],[class*=_lg-7]>[class~=col] {
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    [class*=_lg-8]>[class*=col-],[class*=_lg-8]>[class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_lg-9]>[class*=col-],[class*=_lg-9]>[class~=col] {
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    [class*=_lg-10]>[class*=col-],[class*=_lg-10]>[class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_lg-10]>[class*=col-],[class*=_lg-11]>[class~=col] {
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    [class*=_lg-11]>[class*=col-],[class*=_lg-12]>[class~=col] {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

@media screen and (max-width: 64em) {
    [class*=_md-1]>[class*=col-],[class*=_md-1]>[class~=col] {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_md-2]>[class*=col-],[class*=_md-2]>[class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_md-3]>[class*=col-],[class*=_md-3]>[class~=col] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=_md-4]>[class*=col-],[class*=_md-4]>[class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_md-5]>[class*=col-],[class*=_md-5]>[class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_md-6]>[class*=col-],[class*=_md-6]>[class~=col] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=_md-7]>[class*=col-],[class*=_md-7]>[class~=col] {
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    [class*=_md-8]>[class*=col-],[class*=_md-8]>[class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_md-9]>[class*=col-],[class*=_md-9]>[class~=col] {
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    [class*=_md-10]>[class*=col-],[class*=_md-10]>[class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_md-10]>[class*=col-],[class*=_md-11]>[class~=col] {
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    [class*=_md-11]>[class*=col-],[class*=_md-12]>[class~=col] {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

@media screen and (max-width: 48em) {
    [class*=_sm-1]>[class*=col-],[class*=_sm-1]>[class~=col] {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_sm-2]>[class*=col-],[class*=_sm-2]>[class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_sm-3]>[class*=col-],[class*=_sm-3]>[class~=col] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=_sm-4]>[class*=col-],[class*=_sm-4]>[class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_sm-5]>[class*=col-],[class*=_sm-5]>[class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_sm-6]>[class*=col-],[class*=_sm-6]>[class~=col] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=_sm-7]>[class*=col-],[class*=_sm-7]>[class~=col] {
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    [class*=_sm-8]>[class*=col-],[class*=_sm-8]>[class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_sm-9]>[class*=col-],[class*=_sm-9]>[class~=col] {
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    [class*=_sm-10]>[class*=col-],[class*=_sm-10]>[class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_sm-10]>[class*=col-],[class*=_sm-11]>[class~=col] {
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    [class*=_sm-11]>[class*=col-],[class*=_sm-12]>[class~=col] {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

@media screen and (max-width: 35.5em) {
    [class*=_xs-1]>[class*=col-],[class*=_xs-1]>[class~=col] {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=_xs-2]>[class*=col-],[class*=_xs-2]>[class~=col] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=_xs-3]>[class*=col-],[class*=_xs-3]>[class~=col] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=_xs-4]>[class*=col-],[class*=_xs-4]>[class~=col] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=_xs-5]>[class*=col-],[class*=_xs-5]>[class~=col] {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }

    [class*=_xs-6]>[class*=col-],[class*=_xs-6]>[class~=col] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=_xs-7]>[class*=col-],[class*=_xs-7]>[class~=col] {
        -ms-flex-preferred-size: 14.28571429%;
        flex-basis: 14.28571429%;
        max-width: 14.28571429%
    }

    [class*=_xs-8]>[class*=col-],[class*=_xs-8]>[class~=col] {
        -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
        max-width: 12.5%
    }

    [class*=_xs-9]>[class*=col-],[class*=_xs-9]>[class~=col] {
        -ms-flex-preferred-size: 11.11111111%;
        flex-basis: 11.11111111%;
        max-width: 11.11111111%
    }

    [class*=_xs-10]>[class*=col-],[class*=_xs-10]>[class~=col] {
        -ms-flex-preferred-size: 10%;
        flex-basis: 10%;
        max-width: 10%
    }

    [class*=_xs-10]>[class*=col-],[class*=_xs-11]>[class~=col] {
        -ms-flex-preferred-size: 9.09090909%;
        flex-basis: 9.09090909%;
        max-width: 9.09090909%
    }

    [class*=_xs-11]>[class*=col-],[class*=_xs-12]>[class~=col] {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}

[class*=grid]>[class*=col-1] {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%
}

[class*=grid]>[class*=col-2] {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%
}

[class*=grid]>[class*=col-3] {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

[class*=grid]>[class*=col-4] {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%
}

[class*=grid]>[class*=col-5] {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%
}

[class*=grid]>[class*=col-6] {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

[class*=grid]>[class*=col-7] {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%
}

[class*=grid]>[class*=col-8] {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%
}

[class*=grid]>[class*=col-9] {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%
}

[class*=grid]>[class*=col-10] {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%
}

[class*=grid]>[class*=col-11] {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%
}

[class*=grid]>[class*=col-12] {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

[class*=grid]>[data-push-left*=off-0] {
    margin-left: 0
}

[class*=grid]>[data-push-left*=off-1] {
    margin-left: 8.33333333%
}

[class*=grid]>[data-push-left*=off-2] {
    margin-left: 16.66666667%
}

[class*=grid]>[data-push-left*=off-3] {
    margin-left: 25%
}

[class*=grid]>[data-push-left*=off-4] {
    margin-left: 33.33333333%
}

[class*=grid]>[data-push-left*=off-5] {
    margin-left: 41.66666667%
}

[class*=grid]>[data-push-left*=off-6] {
    margin-left: 50%
}

[class*=grid]>[data-push-left*=off-7] {
    margin-left: 58.33333333%
}

[class*=grid]>[data-push-left*=off-8] {
    margin-left: 66.66666667%
}

[class*=grid]>[data-push-left*=off-9] {
    margin-left: 75%
}

[class*=grid]>[data-push-left*=off-10] {
    margin-left: 83.33333333%
}

[class*=grid]>[data-push-left*=off-11] {
    margin-left: 91.66666667%
}

[class*=grid]>[data-push-right*=off-0] {
    margin-right: 0
}

[class*=grid]>[data-push-right*=off-1] {
    margin-right: 8.33333333%
}

[class*=grid]>[data-push-right*=off-2] {
    margin-right: 16.66666667%
}

[class*=grid]>[data-push-right*=off-3] {
    margin-right: 25%
}

[class*=grid]>[data-push-right*=off-4] {
    margin-right: 33.33333333%
}

[class*=grid]>[data-push-right*=off-5] {
    margin-right: 41.66666667%
}

[class*=grid]>[data-push-right*=off-6] {
    margin-right: 50%
}

[class*=grid]>[data-push-right*=off-7] {
    margin-right: 58.33333333%
}

[class*=grid]>[data-push-right*=off-8] {
    margin-right: 66.66666667%
}

[class*=grid]>[data-push-right*=off-9] {
    margin-right: 75%
}

[class*=grid]>[data-push-right*=off-10] {
    margin-right: 83.33333333%
}

[class*=grid]>[data-push-right*=off-11] {
    margin-right: 91.66666667%
}

@media screen and (max-width: 80em) {
    [class*=grid]>[class*=_lg-1] {
        -ms-flex-preferred-size:8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    [class*=grid]>[class*=_lg-2] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=grid]>[class*=_lg-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid]>[class*=_lg-4] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=grid]>[class*=_lg-5] {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    [class*=grid]>[class*=_lg-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid]>[class*=_lg-7] {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    [class*=grid]>[class*=_lg-8] {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    [class*=grid]>[class*=_lg-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid]>[class*=_lg-10] {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    [class*=grid]>[class*=_lg-11] {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    [class*=grid]>[class*=_lg-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid]>[data-push-left*=_lg-0] {
        margin-left: 0
    }

    [class*=grid]>[data-push-left*=_lg-1] {
        margin-left: 8.33333333%
    }

    [class*=grid]>[data-push-left*=_lg-2] {
        margin-left: 16.66666667%
    }

    [class*=grid]>[data-push-left*=_lg-3] {
        margin-left: 25%
    }

    [class*=grid]>[data-push-left*=_lg-4] {
        margin-left: 33.33333333%
    }

    [class*=grid]>[data-push-left*=_lg-5] {
        margin-left: 41.66666667%
    }

    [class*=grid]>[data-push-left*=_lg-6] {
        margin-left: 50%
    }

    [class*=grid]>[data-push-left*=_lg-7] {
        margin-left: 58.33333333%
    }

    [class*=grid]>[data-push-left*=_lg-8] {
        margin-left: 66.66666667%
    }

    [class*=grid]>[data-push-left*=_lg-9] {
        margin-left: 75%
    }

    [class*=grid]>[data-push-left*=_lg-10] {
        margin-left: 83.33333333%
    }

    [class*=grid]>[data-push-left*=_lg-11] {
        margin-left: 91.66666667%
    }

    [class*=grid]>[data-push-right*=_lg-0] {
        margin-right: 0
    }

    [class*=grid]>[data-push-right*=_lg-1] {
        margin-right: 8.33333333%
    }

    [class*=grid]>[data-push-right*=_lg-2] {
        margin-right: 16.66666667%
    }

    [class*=grid]>[data-push-right*=_lg-3] {
        margin-right: 25%
    }

    [class*=grid]>[data-push-right*=_lg-4] {
        margin-right: 33.33333333%
    }

    [class*=grid]>[data-push-right*=_lg-5] {
        margin-right: 41.66666667%
    }

    [class*=grid]>[data-push-right*=_lg-6] {
        margin-right: 50%
    }

    [class*=grid]>[data-push-right*=_lg-7] {
        margin-right: 58.33333333%
    }

    [class*=grid]>[data-push-right*=_lg-8] {
        margin-right: 66.66666667%
    }

    [class*=grid]>[data-push-right*=_lg-9] {
        margin-right: 75%
    }

    [class*=grid]>[data-push-right*=_lg-10] {
        margin-right: 83.33333333%
    }

    [class*=grid]>[data-push-right*=_lg-11] {
        margin-right: 91.66666667%
    }

    [class*=grid] [class*=_lg-first] {
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid] [class=_lg-last] {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width: 64em) {
    [class*=grid]>[class*=_md-1] {
        -ms-flex-preferred-size:8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    [class*=grid]>[class*=_md-2] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=grid]>[class*=_md-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid]>[class*=_md-4] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=grid]>[class*=_md-5] {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    [class*=grid]>[class*=_md-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid]>[class*=_md-7] {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    [class*=grid]>[class*=_md-8] {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    [class*=grid]>[class*=_md-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid]>[class*=_md-10] {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    [class*=grid]>[class*=_md-11] {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    [class*=grid]>[class*=_md-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid]>[data-push-left*=_md-0] {
        margin-left: 0
    }

    [class*=grid]>[data-push-left*=_md-1] {
        margin-left: 8.33333333%
    }

    [class*=grid]>[data-push-left*=_md-2] {
        margin-left: 16.66666667%
    }

    [class*=grid]>[data-push-left*=_md-3] {
        margin-left: 25%
    }

    [class*=grid]>[data-push-left*=_md-4] {
        margin-left: 33.33333333%
    }

    [class*=grid]>[data-push-left*=_md-5] {
        margin-left: 41.66666667%
    }

    [class*=grid]>[data-push-left*=_md-6] {
        margin-left: 50%
    }

    [class*=grid]>[data-push-left*=_md-7] {
        margin-left: 58.33333333%
    }

    [class*=grid]>[data-push-left*=_md-8] {
        margin-left: 66.66666667%
    }

    [class*=grid]>[data-push-left*=_md-9] {
        margin-left: 75%
    }

    [class*=grid]>[data-push-left*=_md-10] {
        margin-left: 83.33333333%
    }

    [class*=grid]>[data-push-left*=_md-11] {
        margin-left: 91.66666667%
    }

    [class*=grid]>[data-push-right*=_md-0] {
        margin-right: 0
    }

    [class*=grid]>[data-push-right*=_md-1] {
        margin-right: 8.33333333%
    }

    [class*=grid]>[data-push-right*=_md-2] {
        margin-right: 16.66666667%
    }

    [class*=grid]>[data-push-right*=_md-3] {
        margin-right: 25%
    }

    [class*=grid]>[data-push-right*=_md-4] {
        margin-right: 33.33333333%
    }

    [class*=grid]>[data-push-right*=_md-5] {
        margin-right: 41.66666667%
    }

    [class*=grid]>[data-push-right*=_md-6] {
        margin-right: 50%
    }

    [class*=grid]>[data-push-right*=_md-7] {
        margin-right: 58.33333333%
    }

    [class*=grid]>[data-push-right*=_md-8] {
        margin-right: 66.66666667%
    }

    [class*=grid]>[data-push-right*=_md-9] {
        margin-right: 75%
    }

    [class*=grid]>[data-push-right*=_md-10] {
        margin-right: 83.33333333%
    }

    [class*=grid]>[data-push-right*=_md-11] {
        margin-right: 91.66666667%
    }

    [class*=grid] [class*=_md-first] {
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid] [class=_md-last] {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width: 48em) {
    [class*=grid]>[class*=_sm-1] {
        -ms-flex-preferred-size:8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    [class*=grid]>[class*=_sm-2] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=grid]>[class*=_sm-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid]>[class*=_sm-4] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=grid]>[class*=_sm-5] {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    [class*=grid]>[class*=_sm-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid]>[class*=_sm-7] {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    [class*=grid]>[class*=_sm-8] {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    [class*=grid]>[class*=_sm-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid]>[class*=_sm-10] {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    [class*=grid]>[class*=_sm-11] {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    [class*=grid]>[class*=_sm-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid]>[data-push-left*=_sm-0] {
        margin-left: 0
    }

    [class*=grid]>[data-push-left*=_sm-1] {
        margin-left: 8.33333333%
    }

    [class*=grid]>[data-push-left*=_sm-2] {
        margin-left: 16.66666667%
    }

    [class*=grid]>[data-push-left*=_sm-3] {
        margin-left: 25%
    }

    [class*=grid]>[data-push-left*=_sm-4] {
        margin-left: 33.33333333%
    }

    [class*=grid]>[data-push-left*=_sm-5] {
        margin-left: 41.66666667%
    }

    [class*=grid]>[data-push-left*=_sm-6] {
        margin-left: 50%
    }

    [class*=grid]>[data-push-left*=_sm-7] {
        margin-left: 58.33333333%
    }

    [class*=grid]>[data-push-left*=_sm-8] {
        margin-left: 66.66666667%
    }

    [class*=grid]>[data-push-left*=_sm-9] {
        margin-left: 75%
    }

    [class*=grid]>[data-push-left*=_sm-10] {
        margin-left: 83.33333333%
    }

    [class*=grid]>[data-push-left*=_sm-11] {
        margin-left: 91.66666667%
    }

    [class*=grid]>[data-push-right*=_sm-0] {
        margin-right: 0
    }

    [class*=grid]>[data-push-right*=_sm-1] {
        margin-right: 8.33333333%
    }

    [class*=grid]>[data-push-right*=_sm-2] {
        margin-right: 16.66666667%
    }

    [class*=grid]>[data-push-right*=_sm-3] {
        margin-right: 25%
    }

    [class*=grid]>[data-push-right*=_sm-4] {
        margin-right: 33.33333333%
    }

    [class*=grid]>[data-push-right*=_sm-5] {
        margin-right: 41.66666667%
    }

    [class*=grid]>[data-push-right*=_sm-6] {
        margin-right: 50%
    }

    [class*=grid]>[data-push-right*=_sm-7] {
        margin-right: 58.33333333%
    }

    [class*=grid]>[data-push-right*=_sm-8] {
        margin-right: 66.66666667%
    }

    [class*=grid]>[data-push-right*=_sm-9] {
        margin-right: 75%
    }

    [class*=grid]>[data-push-right*=_sm-10] {
        margin-right: 83.33333333%
    }

    [class*=grid]>[data-push-right*=_sm-11] {
        margin-right: 91.66666667%
    }

    [class*=grid] [class*=_sm-first] {
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid] [class=_sm-last] {
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (max-width: 35.5em) {
    [class*=grid]>[class*=_xs-1] {
        -ms-flex-preferred-size:8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }

    [class*=grid]>[class*=_xs-2] {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }

    [class*=grid]>[class*=_xs-3] {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }

    [class*=grid]>[class*=_xs-4] {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    }

    [class*=grid]>[class*=_xs-5] {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }

    [class*=grid]>[class*=_xs-6] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }

    [class*=grid]>[class*=_xs-7] {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }

    [class*=grid]>[class*=_xs-8] {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }

    [class*=grid]>[class*=_xs-9] {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }

    [class*=grid]>[class*=_xs-10] {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }

    [class*=grid]>[class*=_xs-11] {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }

    [class*=grid]>[class*=_xs-12] {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }

    [class*=grid]>[data-push-left*=_xs-0] {
        margin-left: 0
    }

    [class*=grid]>[data-push-left*=_xs-1] {
        margin-left: 8.33333333%
    }

    [class*=grid]>[data-push-left*=_xs-2] {
        margin-left: 16.66666667%
    }

    [class*=grid]>[data-push-left*=_xs-3] {
        margin-left: 25%
    }

    [class*=grid]>[data-push-left*=_xs-4] {
        margin-left: 33.33333333%
    }

    [class*=grid]>[data-push-left*=_xs-5] {
        margin-left: 41.66666667%
    }

    [class*=grid]>[data-push-left*=_xs-6] {
        margin-left: 50%
    }

    [class*=grid]>[data-push-left*=_xs-7] {
        margin-left: 58.33333333%
    }

    [class*=grid]>[data-push-left*=_xs-8] {
        margin-left: 66.66666667%
    }

    [class*=grid]>[data-push-left*=_xs-9] {
        margin-left: 75%
    }

    [class*=grid]>[data-push-left*=_xs-10] {
        margin-left: 83.33333333%
    }

    [class*=grid]>[data-push-left*=_xs-11] {
        margin-left: 91.66666667%
    }

    [class*=grid]>[data-push-right*=_xs-0] {
        margin-right: 0
    }

    [class*=grid]>[data-push-right*=_xs-1] {
        margin-right: 8.33333333%
    }

    [class*=grid]>[data-push-right*=_xs-2] {
        margin-right: 16.66666667%
    }

    [class*=grid]>[data-push-right*=_xs-3] {
        margin-right: 25%
    }

    [class*=grid]>[data-push-right*=_xs-4] {
        margin-right: 33.33333333%
    }

    [class*=grid]>[data-push-right*=_xs-5] {
        margin-right: 41.66666667%
    }

    [class*=grid]>[data-push-right*=_xs-6] {
        margin-right: 50%
    }

    [class*=grid]>[data-push-right*=_xs-7] {
        margin-right: 58.33333333%
    }

    [class*=grid]>[data-push-right*=_xs-8] {
        margin-right: 66.66666667%
    }

    [class*=grid]>[data-push-right*=_xs-9] {
        margin-right: 75%
    }

    [class*=grid]>[data-push-right*=_xs-10] {
        margin-right: 83.33333333%
    }

    [class*=grid]>[data-push-right*=_xs-11] {
        margin-right: 91.66666667%
    }

    [class*=grid] [class*=_xs-first] {
        -ms-flex-order: -1;
        order: -1
    }

    [class*=grid] [class=_xs-last] {
        -ms-flex-order: 1;
        order: 1
    }
}

[class*=col-]:not([class*=col-0]) {
    display: block
}

[class~=grid][class*=col-]:not([class*=col-0]) {
    display: -ms-flexbox;
    display: flex
}

[class*=col-][class*=col-0] {
    display: none
}

@media screen and (max-width: 80em) {
    [class~=grid]>:not([class*=_lg-0]) {
        display:block
    }

    [class~=grid]:not([class*=_lg-0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=grid]>[class*=_lg-0],[class~=grid][class*=-equalHeight]>[class*=_lg-0] {
        display: none
    }
}

@media screen and (max-width: 64em) {
    [class~=grid]>:not([class*=_md-0]) {
        display:block
    }

    [class~=grid]:not([class*=_md-0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=grid]>[class*=_md-0],[class~=grid][class*=-equalHeight]>[class*=_md-0] {
        display: none
    }
}

@media screen and (max-width: 48em) {
    [class~=grid]>:not([class*=_sm-0]) {
        display:block
    }

    [class~=grid]:not([class*=_sm-0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=grid]>[class*=_sm-0],[class~=grid][class*=-equalHeight]>[class*=_sm-0] {
        display: none
    }
}

@media screen and (max-width: 35.5em) {
    [class~=grid]>:not([class*=_xs-0]) {
        display:block
    }

    [class~=grid]:not([class*=_xs-0]) {
        display: -ms-flexbox;
        display: flex
    }

    [class~=grid]>[class*=_xs-0],[class~=grid][class*=-equalHeight]>[class*=_xs-0] {
        display: none
    }
}



@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
body {
  /* font-family: "Lato", arial, sans-serif; */
  font: 400 0.875rem/1.375rem "Raleway", sans-serif;
  /* color: #444444; */
  color: #fff;
  /* font-size: 16px; */
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* background-color: #F7F9FA; */
}

p {
  margin: 0 0 10px;
}

.demo {
  max-width: 80em;
  margin: 0 auto;
}

.wrapper {
  max-width: 80em;
  margin: 0 auto;
}

h1, .h1, h2, .h2, h3, .h3 {

  margin-bottom: 10px;
}

h2, .h2 {
  font-size: 30px;
}

h3, .h3 {
  font-size: 24px;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

a {
  text-decoration: none;
  color: #15597d;
  outline: none;
  transition: color 0.2s ease-in-out;
}

img {
  vertical-align: middle;
}

/*-------------------------------------------------------*/
/* Portfolio
/*-------------------------------------------------------*/
.project-grid.grid-5-col .project {
  width: 20%;
}

.project-grid.grid-4-col .project {
  width: 25%;
}

.project-grid.grid-3-col .project {
  width: 33.33333333%;
}

.project-grid.grid-2-col .project {
  width: 50%;
}

.project-grid.small-gutter {
  margin-left: -4px;
  margin-right: -4px;
}

.project-grid.small-gutter .project {
  padding: 0 8px;
  margin-bottom: 8px;
}

.project-grid.gutter {
  margin-left: -15px;
  margin-right: -15px;
}

.project-grid.gutter .project {
  padding: 0 15px;
  margin-bottom: 30px;
}

/*-------------------------------------------------------*/
/* Featured Works (Slider)
/*-------------------------------------------------------*/
.owl-featured-works .project {
  margin: 0 4px;
  padding: 0;
}

.owl-featured-works--grab .project {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.project {
  overflow: hidden;
  display: block;
  position: relative;
}
.project__img-holder {
  position: relative;
  width: 100%;
  height: 100%;
}
.project__img {
  width: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-in-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 10px;
}
.project__overlay {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.3s ease-in-out;
}
.project__overlay .project__category,
.project__overlay .project__title {
  color: #fff;
}
.project__icons {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: -20px;
  transition: all 0.3s ease-in-out;
}
.project__icons a {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-size: 14px;
  margin: 0 3px;
  line-height: 40px;
  text-align: center;
  color: #333333;
  background-color: #fff;
  border-radius: 100px;
  transition: all 0.3s ease-in-out;
}
.project__icons a:hover {
  color: #fff;
  background-color: #15597d;
}
.project:hover .project__overlay {
  opacity: 1;
  visibility: visible;
}
.project--hover-1:hover .project__icons {
  top: 42%;
}
.project__description {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.project--hover-1:hover .project__description {
  bottom: 42%;
  transform: translateY(50%);
}
.project__title {
  margin-bottom: 5px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
}
.project__title:hover a {
  color: #15597d;
}
.project__category {
  font-size: 13px;
  font-style: italic;
}
.project__category a {
  color: inherit;
}
.project__category:hover a {
  color: #15597d;
}

/*-------------------------------------------------------*/
/* Portfolio
/*-------------------------------------------------------*/
/* Filter
-------------------------------------------------------*/
.project-filter {
  list-style: none;
  margin-bottom: 40px;
  cursor: default;
  margin-top: 30px;
  font-size: 15px;
}
.project-filter a {
  display: inline-block;
  margin-right: 5px;
  color: #797878;
  text-decoration: none;
  padding: 26px 20px;
  border-radius: 3px;
  background-color: #fff;

}
.project-filter a.active,
.project-filter a:focus,
.project-filter a:hover {
  color: #15597d;
  font-weight: bold;

}

/* Hover 2
-------------------------------------------------------*/
.project--hover-2 .project__description {
  padding: 13px 20px;
  background-color: #fff;
  display: block;
  left: 0;
  bottom: auto;
  top: auto;
  text-align: left;
  transform: translateY(100%);
  z-index: 2;
}
.project--hover-2 .project__title {
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.3;
}
.project--hover-2:hover .project__description {
  transform: translateY(-100%);
  bottom: auto;
}
.project--hover-2:hover .project__img {
  transform: translateY(-30px);
}
.project--hover-2:hover .project__icons {
  top: 42%;
}

/* Hover 3
-------------------------------------------------------*/
.project--hover-3 .project__description {
  top: 50%;
  bottom: auto;
  transform: translateY(20px);
}
.project--hover-3:hover .project__description {
  transform: translateY(-50%);
}

/*-------------------------------------------------------*/
/* Portfolio Responsive Styles
/*-------------------------------------------------------*/
@media screen and (max-width: 35.5em) {
  .project-grid .project {
    width: 100% !important;
  }

  .project-filter a {
    display: block;
    margin-top: 8px;
    margin-right: 0;
  }
}


.fundo-modal.ativo {
    position: fixed;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
}



/*PROGRESSO*/

.progress {
  background: rgba(0, 0, 0, 0.25);
  height: auto!important;
  border-radius: 0px!important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  height: 7px;
  background-color: #ee303c;
  border-radius: 0px!important;
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-striped-50 .progress-bar {
  background-color: #15597d;
  width: 50%;
  background-image: linear-gradient(45deg, #15597d 25%, transparent 25%, transparent 50%, #15597d 50%, #15597d 75%, transparent 75%, transparent);
  animation: progressAnimationStrike-50 6s;
}

.progress-striped-75 .progress-bar {
  background-color: #15597d;
  width: 75%;
  background-image: linear-gradient(45deg, #15597d 25%, transparent 25%, transparent 50%, #15597d 50%, #15597d 75%, transparent 75%, transparent);
  animation: progressAnimationStrike-75 6s;
}

.progress-striped-100 .progress-bar {
  background-color: #15597d;
  width: 100%;
  background-image: linear-gradient(45deg, #15597d 25%, transparent 25%, transparent 50%, #15597d 50%, #15597d 75%, transparent 75%, transparent);
  animation: progressAnimationStrike-100 6s;
}
@keyframes progressAnimationStrike-50 {
  from {
    width: 0;
  }
  to {
    width: 50%;
  }
}
@keyframes progressAnimationStrike-75 {
  from {
    width: 0;
  }
  to {
    width: 75%;
  }
}
@keyframes progressAnimationStrike-100 {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.progress2 {
  padding: 6px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar2 {
  height: 18px;
  border-radius: 30px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-moved .progress-bar2 {
  width: 85%;
  background-color: #EF476F;
  animation: progressAnimation 6s;
}

@keyframes progressAnimation {
  0% {
    width: 5%;
    background-color: #F9BCCA;
  }
  100% {
    width: 85%;
    background-color: #EF476F;
  }
}
.progress-bar3 {
  height: 18px;
  border-radius: 4px;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55);
  transition: 0.4s linear;
  transition-property: width, background-color;
}

.progress-infinite .progress-bar3 {
  width: 100%;
  background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55);
  animation: colorAnimation 1s infinite;
}

@keyframes colorAnimation {
  0% {
    background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55);
  }
  20% {
    background-image: linear-gradient(to right, #5ac8fa, #007aff, #7DC8E8, #5856d6, #ff2d55, #4cd964);
  }
  40% {
    background-image: linear-gradient(to right, #007aff, #7DC8E8, #5856d6, #ff2d55, #4cd964, #5ac8fa);
  }
  60% {
    background-image: linear-gradient(to right, #7DC8E8, #5856d6, #ff2d55, #4cd964, #5ac8fa, #007aff);
  }
  100% {
    background-image: linear-gradient(to right, #5856d6, #ff2d55, #4cd964, #5ac8fa, #007aff, #7DC8E8);
  }
}