@charset "UTF-8";
/* CSS Document */

/*------------------------------*\
			 FLEX
\*------------------------------*/

.flex-row {
	display:flex;
	flex-direction: row;
}

.flex-col {
	display:flex;
	flex-direction: column;
}

.flex-row-rev {
	display:flex;
	flex-direction: row-reverse;
}

.flex-col-rev {
	display:flex;
	flex-direction: column-reverse;
}



.flex-st-st {
	justify-content: start;
	align-items: start;
}

.flex-st-fst {
	justify-content: start;
	align-items: flex-start;
}

.flex-st-ctr {
	justify-content: start;
	align-items: center;
}

.flex-st-end {
	justify-content: start;
	align-items: end;
}

.flex-st-fend {
	justify-content: start;
	align-items: flex-end;
}

.flex-st-str {
	justify-content: start;
	align-items: stretch;
}



.flex-ctr-st {
	justify-content: center;
	align-items: start;
}

.flex-ctr-fst {
	justify-content: center;
	align-items: flex-start;
}

.flex-ctr-ctr {
	justify-content: center;
	align-items: center;
}

.flex-ctr-end {
	justify-content: center;
	align-items: end;
}

.flex-ctr-fend {
	justify-content: center;
	align-items: flex-end;
}

.flex-ctr-str {
	justify-content: center;
	align-items: stretch;
}


.flex-end-st {
	justify-content: end;
	align-items: start;
}

.flex-end-fst {
	justify-content: end;
	align-items: flex-start;
}

.flex-end-ctr {
	justify-content: end;
	align-items: center;
}

.flex-end-end {
	justify-content: end;
	align-items: end;
}

.flex-end-fend {
	justify-content: end;
	align-items: flex-end;
}

.flex-end-str {
	justify-content: end;
	align-items: stretch;
}


.flex-fend-st {
	justify-content: flex-end;
	align-items: start;
}

.flex-fend-fst {
	justify-content: flex-end;
	align-items: flex-start;
}

.flex-fend-ctr {
	justify-content: flex-end;
	align-items: center;
}

.flex-fend-end {
	justify-content: flex-end;
	align-items: end;
}

.flex-fend-fend {
	justify-content: flex-end;
	align-items: flex-end;
}

.flex-fend-str {
	justify-content: flex-end;
	align-items: stretch;
}



.flex-spb-st {
	justify-content: space-between;
	align-items: start;
}

.flex-spb-fst {
	justify-content: space-between;
	align-items: flex-start;
}

.flex-spb-ctr {
	justify-content: space-between;
	align-items: center;
}

.flex-spb-end {
	justify-content: space-between;
	align-items: end;
}

.flex-spb-fend {
	justify-content: space-between;
	align-items: flex-end;
}

.flex-spb-str {
	justify-content: space-between;
	align-items: stretch;
}



.flex-spa-st {
	justify-content: space-around;
	align-items: start;
}

.flex-spa-fst {
	justify-content: space-around;
	align-items: flex-start;
}

.flex-spa-ctr {
	justify-content: space-around;
	align-items: center;
}

.flex-spa-end {
	justify-content: space-around;
	align-items: end;
}

.flex-spa-fend {
	justify-content: space-around;
	align-items: flex-end;
}

.flex-spa-str {
	justify-content: space-around;
	align-items: stretch;
}



.flex-wrp { flex-wrap: wrap; }



.al-self-st {
	align-self: flex-start;
}

.al-self-ctr {
	align-self: center;
}

.al-self-end {
	align-self: flex-end;
}

.al-self-str {
	align-self: stretch;
}