.col10					{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col10-auto				{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
.col10-1					{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
.col10-2					{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.col10-3					{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
.col10-4					{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.col10-5					{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col10-6					{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
.col10-7					{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
.col10-8					{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
.col10-9					{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
.col10-10				{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

@media (max-width: 575px) {
	.col10-xs-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xs-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xs-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xs-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xs-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xs-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xs-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xs-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xs-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xs-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xs-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 576px) {
	.col10-sm-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-sm-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-sm-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-sm-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-sm-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-sm-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-sm-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-sm-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-sm-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-sm-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-sm-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 768px) {
	.col10-md-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-md-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-md-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-md-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-md-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-md-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-md-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-md-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-md-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-md-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-md-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 992px) {
	.col10-lg-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-lg-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-lg-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-lg-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-lg-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-lg-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-lg-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-lg-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-lg-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-lg-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-lg-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
	.col10-xl-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xl-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xl-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xl-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xl-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xl-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xl-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xl-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xl-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xl-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xl-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
	.col10-xl-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xl-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xl-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xl-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xl-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xl-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xl-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xl-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xl-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xl-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xl-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1200px) {
	.col10-xl-auto		{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xl-1			{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xl-2			{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xl-3			{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xl-4			{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xl-5			{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xl-6			{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xl-7			{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xl-8			{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xl-9			{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xl-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1600px) {
	.col10-xxl-auto	{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xxl-1		{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xxl-2		{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xxl-3		{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xxl-4		{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xxl-5		{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xxl-6		{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xxl-7		{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xxl-8		{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xxl-9		{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xxl-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}
@media (min-width: 1920px) {
	.col10-xxxl-auto	{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xxxl-1		{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xxxl-2		{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xxxl-3		{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xxxl-4		{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xxxl-5		{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xxxl-6		{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xxxl-7		{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xxxl-8		{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xxxl-9		{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xxxl-10		{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}

@media (min-width: 2400px) {
	.col10-xxxxl-auto	{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
	.col10-xxxxl-1		{ -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
	.col10-xxxxl-2		{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	.col10-xxxxl-3		{ -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
	.col10-xxxxl-4		{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
	.col10-xxxxl-5		{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col10-xxxxl-6		{ -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
	.col10-xxxxl-7		{ -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
	.col10-xxxxl-8		{ -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
	.col10-xxxxl-9		{ -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }
	.col10-xxxxl-10	{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
}