/* TRANSITIONS */
.trans-150, svg.trans-150, a.trans-150 { transition:all 0.15s ease-out; }
.trans-250, svg.trans-250, a.trans-250 { transition:all 0.25s ease-out; }
.trans-350, svg.trans-350, a.trans-350 { transition:all 0.35s ease-in-out; }


.no-select {  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.no-display { display:none !important; }
.no-display-children > * { display:none; }
.animate { transition:all 0.2s ease-out 0s; }
body.preload .animate { transition:none !important; }
.fill-space { width:100%; height:100%; }

.margin-none { margin-top:0 !important; margin-bottom:0 !important; }

.flex-center { display:flex; align-items:center; justify-content:center; }
.flex-start, .flex-left { display:flex; align-items:center; justify-content:flex-start; }
.flex-end, .flex-right { display:flex; align-items:center; justify-content:flex-end; }
.flex-between { display:flex; align-items:center; justify-content:space-between; }

.abs-full { position: absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; }