/* Flex */
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.i-flex {
	display: -webkit-inline-flex;
	display: inline-flex;
}

.f-wrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.f-direction-column {
	-webkit-flex-direction: column;
	flex-direction: column;
}

.f-no-wrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.f-wrap-reverse {
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.f-justify-start {
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.f-justify-end {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.f-justify-center {
	-webkit-justify-content: center;
	justify-content: center;
}

.f-justify-between {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.f-justify-around {
	-webkit-justify-content: space-around;
	justify-content: space-around;
}

.f-items-start {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.f-items-end {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

.f-items-center {
	-webkit-align-items: center;
	align-items: center;
}

.f-items-stretch {
	-webkit-align-items: stretch;
	align-items: stretch;
}

.f-content-start {
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.f-content-end {
	-webkit-align-content: flex-end;
	align-content: flex-end;
}

.f-content-center {
	-webkit-align-content: center;
	align-content: center;
}

.f-content-between {
	-webkit-align-content: space-between;
	align-content: space-between;
}

.f-content-around {
	-webkit-align-content: space-around;
	align-content: space-around;
}

.f-content-stretch {
	-webkit-align-content: stretch;
	align-content: stretch;
}

.f-self-start {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}

.f-self-end {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}

.f-grow > * {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
/* Flex - End */

/* Grid */
.row {
	width: 100%;
}

.midle, .row {
	-webkit-display: flex;
	display: flex;
}

.row {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.midle {
	-webkit-align-items: center;
	align-items: center;
}

.content-right {
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

.col-ssm-1, .col-ssm-2, .col-ssm-3, .col-ssm-4, .col-ssm-5, .col-ssm-6, .col-ssm-7, .col-ssm-8, .col-ssm-9, .col-ssm-10, .col-ssm-11, .col-ssm-12,
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	width: 100%;
}

/* @media (max-width: 1200px) { */
	.col-xl-1 { max-width: 8.33%; }
	.col-xl-2 { max-width: 16.66%; }
	.col-xl-3 { max-width: 25%; }
	.col-xl-4 { max-width: 33.33%; }
	.col-xl-5 { max-width: 41.66%; }
	.col-xl-6 { max-width: 50%; }
	.col-xl-7 { max-width: 58.33%; }
	.col-xl-8 { max-width: 66.66%; }
	.col-xl-9 { max-width: 75%; }
	.col-xl-10 { max-width: 83.33%; }
	.col-xl-11 { max-width: 91.66%; }
	.col-xl-12 { max-width: 100%; }
	.xl-hidden { display: none !important; }
/* } */

@media (max-width: 992px) {
	.col-lg-1 { max-width: 8.33%; }
	.col-lg-2 { max-width: 16.66%; }
	.col-lg-3 { max-width: 25%; }
	.col-lg-4 { max-width: 33.33%; }
	.col-lg-5 { max-width: 41.66%; }
	.col-lg-6 { max-width: 50%; }
	.col-lg-7 { max-width: 58.33%; }
	.col-lg-8 { max-width: 66.66%; }
	.col-lg-9 { max-width: 75%; }
	.col-lg-10 { max-width: 83.33%; }
	.col-lg-11 { max-width: 91.66%; }
	.col-lg-12 { max-width: 100%; }
	.lg-hidden { display: none !important; }

	.lg-flex {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
	}

	.f-lg-justify-center {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.f-lg-justify-start {
		-webkit-justify-content: start;
		justify-content: start;
	}

	.f-lg-justify-end {
		-webkit-justify-content: end;
		justify-content: end;
	}

	.f-lg-direction-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.f-lg-justify-between {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

@media (max-width: 768px) {
	.col-md-1 { max-width: 8.33%; }
	.col-md-2 { max-width: 16.66%; }
	.col-md-3 { max-width: 25%; }
	.col-md-4 { max-width: 33.33%; }
	.col-md-5 { max-width: 41.66%; }
	.col-md-6 { max-width: 50%; }
	.col-md-7 { max-width: 58.33%; }
	.col-md-8 { max-width: 66.66%; }
	.col-md-9 { max-width: 75%; }
	.col-md-10 { max-width: 83.33%; }
	.col-md-11 { max-width: 91.66%; }
	.col-md-12 { max-width: 100%; }
	.md-hidden { display: none !important; }

	.md-flex {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
	}

	
	.f-md-justify-center {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.f-md-justify-start {
		-webkit-justify-content: start;
		justify-content: start;
	}

	.f-md-justify-end {
		-webkit-justify-content: end;
		justify-content: end;
	}

	.f-md-direction-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.f-md-justify-between {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

@media (max-width: 576px) {
	.col-sm-1 { max-width: 8.33%; }
	.col-sm-2 { max-width: 16.66%; }
	.col-sm-3 { max-width: 25%; }
	.col-sm-4 { max-width: 33.33%; }
	.col-sm-5 { max-width: 41.66%; }
	.col-sm-6 { max-width: 50%; }
	.col-sm-7 { max-width: 58.33%; }
	.col-sm-8 { max-width: 66.66%; }
	.col-sm-9 { max-width: 75%; }
	.col-sm-10 { max-width: 83.33%; }
	.col-sm-11 { max-width: 91.66%; }
	.col-sm-12 { max-width: 100%; }
	.sm-hidden { display: none !important; }

	.sm-flex {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
	}


	.f-sm-justify-center {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.f-sm-justify-start {
		-webkit-justify-content: start;
		justify-content: start;
	}

	.f-sm-justify-end {
		-webkit-justify-content: end;
		justify-content: end;
	}

	.f-sm-direction-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.f-sm-justify-between {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}

@media (max-width: 476px) {
	.col-ssm-1 { max-width: 8.33%; }
	.col-ssm-2 { max-width: 16.66%; }
	.col-ssm-3 { max-width: 25%; }
	.col-ssm-4 { max-width: 33.33%; }
	.col-ssm-5 { max-width: 41.66%; }
	.col-ssm-6 { max-width: 50%; }
	.col-ssm-7 { max-width: 58.33%; }
	.col-ssm-8 { max-width: 66.66%; }
	.col-ssm-9 { max-width: 75%; }
	.col-ssm-10 { max-width: 83.33%; }
	.col-ssm-11 { max-width: 91.66%; }
	.col-ssm-12 { max-width: 100%; }
	.ssm-hidden { display: none !important; }

	.ssm-flex {
		display: -webkit-box !important;
		display: -webkit-flex !important;
		display: flex !important;
	}


	.f-ssm-justify-center {
		-webkit-justify-content: center;
		justify-content: center;
	}

	.f-ssm-justify-start {
		-webkit-justify-content: start;
		justify-content: start;
	}

	.f-ssm-justify-end {
		-webkit-justify-content: end;
		justify-content: end;
	}

	.f-ssm-direction-column {
		-webkit-flex-direction: column;
		flex-direction: column;
	}

	.f-ssm-justify-between {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
/* Grid - End */