@charset "UTF-8";

/*Контейнер*/
.flex_main {
	display: flex;
	display: -webkit-flex;
}

/*Строчка*/
.flex_row {
	flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}
	/*Изминение направления*/
	.flex_row-revers {
		flex-direction: row-reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
	}
	
/*Столбец*/
.flex_column {
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
}
	/*Изминение направления*/
	.flex_column-revers {
		flex-direction: column-reverse;
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}

/*В колонку*/	
.flex_wrap {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
}
	/*В линию*/
	.flex_nowrap {
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
	}

/*Выравнивание элемента с начала*/
.flex_jcontent-start {
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
}
	/*Выравнивание в конце*/
	.flex_jcontent-end {
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		-ms-justify-content: flex-end;
	}
	/*Выравнивание по центру*/
	.flex_jcontent-center {
		justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
	}
	/*Равномерно распределяет все элементы по ширине flex-блока. Первый элемент вначале, последний в конце*/
	.flex_jcontent-between {
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
	}
	/*Равномерно распределяет все элементы по ширине flex-блока. Все элементы имеют полноразмерное пространство с обоих концов*/
	.flex_jcontent-around {
		justify-content: space-around;
		-webkit-justify-content: space-around;
		-ms-justify-content: space-around;
	}

/*Выравнивание элемента сверху*/
.flex_aitem-start {
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
}
	/*Выравнивание снизу*/
	.flex_aitem-end {
		align-items: flex-end;
		-webkit-align-items: flex-end;
		-ms-align-items: flex-end;
	}
	.flex_aitem-center {
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}
	.flex_aitem-stretch {
		align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
	}
	.flex_aitem-baseline {
		align-items: baseline;
		-webkit-align-items: baseline;
		-ms-align-items: baseline;
	}

/*Выравнивание контента с начала*/
.flex_acontent-start {
	align-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-align-content: flex-start;
}
	/*Выравнивание контента с конца*/
	.flex_acontent-end {
		align-content: flex-end;
		-webkit-align-content: flex-end;
		-ms-align-content: flex-end;
	}
	.flex_acontent-center {
		align-content: center;
		-webkit-align-content: center;
		-ms-align-content: center;
	}
	.flex_acontent-stretch {
		align-content: stretch;
		-webkit-align-content: stretch;
		-ms-align-content: stretch;
	}
	.flex_acontent-between {
		align-content: space-between;
		-webkit-align-content: space-between;
		-ms-align-content: space-between;
	}
	.flex_acontent-around {
		align-content: space-around;
		-webkit-align-content: space-around;
		-ms-align-content: space-around;
	}