Flexbox prefix in safari

Hello.
I got a problem with Flexbox prefix in Safari.
I can't get any of it to work, i hope some of you can help me!

/*BASE-STYLES*/
.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.flexwrap {
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
}
.flex1 {
    -webkit-flex: 1;
    flex: 1;
}
.flexstart{
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    justify-content: flex-start;
}
.flexcenter{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flexend{
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    justify-content: flex-end;
}
.alignstart{
    -webkit-box-align: start;
    -webkit-align-items: start;
    align-items: flex-start;
}
.aligncenter{
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.alignend{
    -webkit-box-align: end;
    -webkit-align-items: end;
    align-items: flex-end;
}
.flexspaceA{
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.flexspaceB{
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.column{
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column;
}