.wsf-invalid-feedback,[data-select-min-max], [data-checkbox-min-max] {
    display: none
}

.wsf-validated .wsf-field:invalid ~ .wsf-invalid-feedback,.wsf-validated .wsf-field.wsf-invalid ~ .wsf-invalid-feedback,.wsf-validated [data-select-min-max]:invalid ~ .wsf-invalid-feedback,.wsf-validated [data-checkbox-min-max]:invalid ~ .wsf-invalid-feedback {
    display: block
}

.wsf-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.wsf-tile {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.wsf-extra-small-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.wsf-extra-small-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.wsf-extra-small-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.wsf-extra-small-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.wsf-extra-small-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.wsf-extra-small-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.wsf-extra-small-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.wsf-extra-small-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.wsf-extra-small-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.wsf-extra-small-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.wsf-extra-small-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.wsf-extra-small-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {
    .wsf-small-1 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .wsf-small-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .wsf-small-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .wsf-small-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .wsf-small-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .wsf-small-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .wsf-small-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .wsf-small-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .wsf-small-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .wsf-small-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .wsf-small-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .wsf-small-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .wsf-medium-1 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .wsf-medium-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .wsf-medium-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .wsf-medium-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .wsf-medium-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .wsf-medium-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .wsf-medium-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .wsf-medium-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .wsf-medium-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .wsf-medium-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .wsf-medium-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .wsf-medium-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .wsf-large-1 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .wsf-large-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .wsf-large-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .wsf-large-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .wsf-large-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .wsf-large-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .wsf-large-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .wsf-large-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .wsf-large-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .wsf-large-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .wsf-large-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .wsf-large-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width: 1200px) {
    .wsf-extra-large-1 {
        -webkit-box-flex:0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .wsf-extra-large-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .wsf-extra-large-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .wsf-extra-large-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .wsf-extra-large-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .wsf-extra-large-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .wsf-extra-large-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .wsf-extra-large-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .wsf-extra-large-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .wsf-extra-large-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .wsf-extra-large-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .wsf-extra-large-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.wsf-offset-extra-small-0 {
    -webkit-margin-start: 0%;
    margin-inline-start:0%}

.wsf-offset-extra-small-1 {
    -webkit-margin-start: 8.3333333333333%;
    margin-inline-start:8.3333333333333%}

.wsf-offset-extra-small-2 {
    -webkit-margin-start: 16.666666666667%;
    margin-inline-start:16.666666666667%}

.wsf-offset-extra-small-3 {
    -webkit-margin-start: 25%;
    margin-inline-start:25%}

.wsf-offset-extra-small-4 {
    -webkit-margin-start: 33.333333333333%;
    margin-inline-start:33.333333333333%}

.wsf-offset-extra-small-5 {
    -webkit-margin-start: 41.666666666667%;
    margin-inline-start:41.666666666667%}

.wsf-offset-extra-small-6 {
    -webkit-margin-start: 50%;
    margin-inline-start:50%}

.wsf-offset-extra-small-7 {
    -webkit-margin-start: 58.333333333333%;
    margin-inline-start:58.333333333333%}

.wsf-offset-extra-small-8 {
    -webkit-margin-start: 66.666666666667%;
    margin-inline-start:66.666666666667%}

.wsf-offset-extra-small-9 {
    -webkit-margin-start: 75%;
    margin-inline-start:75%}

.wsf-offset-extra-small-10 {
    -webkit-margin-start: 83.333333333333%;
    margin-inline-start:83.333333333333%}

.wsf-offset-extra-small-11 {
    -webkit-margin-start: 91.666666666667%;
    margin-inline-start:91.666666666667%}

.wsf-offset-extra-small-12 {
    -webkit-margin-start: 100%;
    margin-inline-start:100%}

@media (min-width: 576px) {
    .wsf-offset-small-0 {
        -webkit-margin-start:0%;
        margin-inline-start:0%}

    .wsf-offset-small-1 {
        -webkit-margin-start: 8.3333333333333%;
        margin-inline-start:8.3333333333333%}

    .wsf-offset-small-2 {
        -webkit-margin-start: 16.666666666667%;
        margin-inline-start:16.666666666667%}

    .wsf-offset-small-3 {
        -webkit-margin-start: 25%;
        margin-inline-start:25%}

    .wsf-offset-small-4 {
        -webkit-margin-start: 33.333333333333%;
        margin-inline-start:33.333333333333%}

    .wsf-offset-small-5 {
        -webkit-margin-start: 41.666666666667%;
        margin-inline-start:41.666666666667%}

    .wsf-offset-small-6 {
        -webkit-margin-start: 50%;
        margin-inline-start:50%}

    .wsf-offset-small-7 {
        -webkit-margin-start: 58.333333333333%;
        margin-inline-start:58.333333333333%}

    .wsf-offset-small-8 {
        -webkit-margin-start: 66.666666666667%;
        margin-inline-start:66.666666666667%}

    .wsf-offset-small-9 {
        -webkit-margin-start: 75%;
        margin-inline-start:75%}

    .wsf-offset-small-10 {
        -webkit-margin-start: 83.333333333333%;
        margin-inline-start:83.333333333333%}

    .wsf-offset-small-11 {
        -webkit-margin-start: 91.666666666667%;
        margin-inline-start:91.666666666667%}

    .wsf-offset-small-12 {
        -webkit-margin-start: 100%;
        margin-inline-start:100%}
}

@media (min-width: 768px) {
    .wsf-offset-medium-0 {
        -webkit-margin-start:0%;
        margin-inline-start:0%}

    .wsf-offset-medium-1 {
        -webkit-margin-start: 8.3333333333333%;
        margin-inline-start:8.3333333333333%}

    .wsf-offset-medium-2 {
        -webkit-margin-start: 16.666666666667%;
        margin-inline-start:16.666666666667%}

    .wsf-offset-medium-3 {
        -webkit-margin-start: 25%;
        margin-inline-start:25%}

    .wsf-offset-medium-4 {
        -webkit-margin-start: 33.333333333333%;
        margin-inline-start:33.333333333333%}

    .wsf-offset-medium-5 {
        -webkit-margin-start: 41.666666666667%;
        margin-inline-start:41.666666666667%}

    .wsf-offset-medium-6 {
        -webkit-margin-start: 50%;
        margin-inline-start:50%}

    .wsf-offset-medium-7 {
        -webkit-margin-start: 58.333333333333%;
        margin-inline-start:58.333333333333%}

    .wsf-offset-medium-8 {
        -webkit-margin-start: 66.666666666667%;
        margin-inline-start:66.666666666667%}

    .wsf-offset-medium-9 {
        -webkit-margin-start: 75%;
        margin-inline-start:75%}

    .wsf-offset-medium-10 {
        -webkit-margin-start: 83.333333333333%;
        margin-inline-start:83.333333333333%}

    .wsf-offset-medium-11 {
        -webkit-margin-start: 91.666666666667%;
        margin-inline-start:91.666666666667%}

    .wsf-offset-medium-12 {
        -webkit-margin-start: 100%;
        margin-inline-start:100%}
}

@media (min-width: 992px) {
    .wsf-offset-large-0 {
        -webkit-margin-start:0%;
        margin-inline-start:0%}

    .wsf-offset-large-1 {
        -webkit-margin-start: 8.3333333333333%;
        margin-inline-start:8.3333333333333%}

    .wsf-offset-large-2 {
        -webkit-margin-start: 16.666666666667%;
        margin-inline-start:16.666666666667%}

    .wsf-offset-large-3 {
        -webkit-margin-start: 25%;
        margin-inline-start:25%}

    .wsf-offset-large-4 {
        -webkit-margin-start: 33.333333333333%;
        margin-inline-start:33.333333333333%}

    .wsf-offset-large-5 {
        -webkit-margin-start: 41.666666666667%;
        margin-inline-start:41.666666666667%}

    .wsf-offset-large-6 {
        -webkit-margin-start: 50%;
        margin-inline-start:50%}

    .wsf-offset-large-7 {
        -webkit-margin-start: 58.333333333333%;
        margin-inline-start:58.333333333333%}

    .wsf-offset-large-8 {
        -webkit-margin-start: 66.666666666667%;
        margin-inline-start:66.666666666667%}

    .wsf-offset-large-9 {
        -webkit-margin-start: 75%;
        margin-inline-start:75%}

    .wsf-offset-large-10 {
        -webkit-margin-start: 83.333333333333%;
        margin-inline-start:83.333333333333%}

    .wsf-offset-large-11 {
        -webkit-margin-start: 91.666666666667%;
        margin-inline-start:91.666666666667%}

    .wsf-offset-large-12 {
        -webkit-margin-start: 100%;
        margin-inline-start:100%}
}

@media (min-width: 1200px) {
    .wsf-offset-extra-large-0 {
        -webkit-margin-start:0%;
        margin-inline-start:0%}

    .wsf-offset-extra-large-1 {
        -webkit-margin-start: 8.3333333333333%;
        margin-inline-start:8.3333333333333%}

    .wsf-offset-extra-large-2 {
        -webkit-margin-start: 16.666666666667%;
        margin-inline-start:16.666666666667%}

    .wsf-offset-extra-large-3 {
        -webkit-margin-start: 25%;
        margin-inline-start:25%}

    .wsf-offset-extra-large-4 {
        -webkit-margin-start: 33.333333333333%;
        margin-inline-start:33.333333333333%}

    .wsf-offset-extra-large-5 {
        -webkit-margin-start: 41.666666666667%;
        margin-inline-start:41.666666666667%}

    .wsf-offset-extra-large-6 {
        -webkit-margin-start: 50%;
        margin-inline-start:50%}

    .wsf-offset-extra-large-7 {
        -webkit-margin-start: 58.333333333333%;
        margin-inline-start:58.333333333333%}

    .wsf-offset-extra-large-8 {
        -webkit-margin-start: 66.666666666667%;
        margin-inline-start:66.666666666667%}

    .wsf-offset-extra-large-9 {
        -webkit-margin-start: 75%;
        margin-inline-start:75%}

    .wsf-offset-extra-large-10 {
        -webkit-margin-start: 83.333333333333%;
        margin-inline-start:83.333333333333%}

    .wsf-offset-extra-large-11 {
        -webkit-margin-start: 91.666666666667%;
        margin-inline-start:91.666666666667%}

    .wsf-offset-extra-large-12 {
        -webkit-margin-start: 100%;
        margin-inline-start:100%}
}

.wsf-bottom {
    align-self: flex-end
}

.wsf-top {
    align-self: flex-start
}

.wsf-middle {
    align-self: center
}