/*-- FLEXBOX --*/
.flex_box{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
	/* height:inherit; */
	margin:0;}
	.flex_box.middled{
		align-content:center;
		align-items:center}
		.flex_box.start{
			justify-content: flex-start;}
			.flex_box.center{
				justify-content: center;}
				.flex_box.end{
					justify-content: flex-end;}

					.flex_box.nowrap{
						flex-flow: nowrap !important;}
						.flex_box.spaceBetween{
							justify-content: space-between;}

							.flex_box.gap10{gap:10px;} .flex_box.gap010{gap:0 10px;} .flex_box.gap2010{gap:20px 10px;} .flex_box.gap3010{gap:30px 10px;}.flex_box.gap4030{gap:40px 10px;}.flex_box.gap5010{gap:50px 10px;}
							.flex_box.gap20{gap:20px;} .flex_box.gap020{gap:0 20px;} .flex_box.gap1020{gap:10px 20px;} .flex_box.gap3020{gap:30px 20px;}.flex_box.gap4020{gap:40px 20px;}.flex_box.gap5020{gap:50px 20px;}
							.flex_box.gap30{gap:30px;} .flex_box.gap030{gap:0 30px;} .flex_box.gap1030{gap:10px 30px;} .flex_box.gap2030{gap:20px 30px;}.flex_box.gap4030{gap:40px 30px;}.flex_box.gap5030{gap:50px 30px;}
							.flex_box.gap40{gap:40px;} .flex_box.gap040{gap:0 40px;} .flex_box.gap1040{gap:10px 40px;} .flex_box.gap2040{gap:20px 40px;}.flex_box.gap3040{gap:30px 40px;}.flex_box.gap5040{gap:50px 40px;}
							.flex_box.gap50{gap:50px;} .flex_box.gap050{gap:0 50px;} .flex_box.gap1050{gap:10px 50px;} .flex_box.gap2050{gap:20px 50px;}.flex_box.gap3050{gap:30px 50px;}.flex_box.gap4050{gap:40px 50px;}


							.flex_item{
								/* flex: 1 auto; */
								display: flex;
								flex-direction: column;
								flex: 1 1 300px;

							}
							.flex_item.top{
								align-self: flex-start;}
								.flex_item.middle{
									align-self: center;}
									.flex_item.bottom{
										align-self: flex-end;}

										.container{
											width:100%;
											max-width:100%;
											margin:auto;}
											.container_1600{
												width:100%;
												max-width:1600px;
												margin:auto;}
												.container_1400{
													width:100%;
													max-width:1400px;
													margin:auto;}
													.container_1200{
														width:100%;
														max-width:1200px;
														margin:auto;}
														.container_1100{
															width:100%;
															max-width:1100px;
															margin:auto;}
															.container_1000{
																width:100%;
																max-width:1000px;
																margin:auto;}
																.container_900{
																	width:100%;
																	max-width:900px;
																	margin:auto;}
																	.container_800{
																		width:100%;
																		max-width:800px;
																		margin:auto;}
																		.container_700{
																			width:100%;
																			max-width:700px;
																			margin:auto;}

																			.width10{width:10%}
																			.width15{width:15%}
																			.width20{width:20%;}
																			.width25{width:25%}
																			.width30{width:30%}
																			.width33{width:calc(100% / 3)}
																			.width35{width:35%}
																			.width40{width:40%}
																			.width45{width:45%}
																			.width50{width:50%}
																			.width55{width:55%}
																			.width60{width:60%}
																			.width65{width:65%}
																			.width66{width:calc(100% / 3 * 2)}
																			.width70{width:70%}
																			.width75{width:75%}
																			.width80{width:80%}
																			.width85{width:85%}
																			.width90{width:90%}
																			.width100{width:100%}

																			.flex_box.gap10 .width33{
																				width: calc(100% / 3 - 10px)}
																				.flex_box.gap30 .width33{
																					width: calc(100% / 3 - 30px)}
																					.flex_box.gap30 .width50{
																						width: calc(100% / 2 - 30px)}

																						/*-- DIRECTIONS --*/
																						.row{
																							flex-direction: row;}
																							.column{
																								flex-direction: column;}
																								.row-reverse{
																									flex-direction: row-reverse;}
																									.column-reverse{
																										flex-direction: column-reverse;}

																										/* MEDIAQUERIES */
																										@media (max-width : 720px) {
																											.width10,
																											.width15,
																											.width20,
																											.width25,
																											.width30,
																											.width33,
																											.width35,
																											.width40,
																											.width45,
																											.width50,
																											.width55,
																											.width60,
																											.width65,
																											.width66,
																											.width70,
																											.width75,
																											.width80,
																											.width85,
																											.width90,
																											.width100{
																												width:100%;
																												max-width:100%;}
																											}

																											@media (max-width : 980px) {

																											}
																											.clear_20{
																												height:20px;
																												margin: auto;
																											}
																											.clear_30{
																												height:30px;
																												margin: auto;
																											}
																											.clear_40{
																												height:40px;
																												margin: auto;
																											}
																											.clear_50{
																												height:50px;
																												margin: auto;
																											}
.margin20{margin:20px;}
.margin020{margin:0 20px;}
