.dc-row {
	display: flex;
}

.dc-mg-15 {
	margin: 0 -7.5px;
}

.dc-mg-15>[class*='dc-col'] {
	padding: 0 7.5px;
}

.dc-mg-5 {
	margin: 0 -5px;
}

.dc-mg-5 {
	margin: 0 -5px;
}

.dc-mg-5>[class*='dc-col'] {
	padding: 0 5px;
}

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

.dc-cx {
	justify-content: center;
}

.dc-cy {
	align-items: center;
}

.dc-col-1 {
	max-width: 8.33%;
	flex: 0 0 8.33%;
}

.dc-col-2 {
	max-width: 16.66%;
	flex: 0 0 16.66%;
}

.dc-col-3 {
	max-width: 25%;
	flex: 0 0 25%;
}

.dc-col-4 {
	max-width: 33.33%;
	flex: 0 0 33.33%;
}

.dc-col-5 {
	max-width: 41.66%;
	flex: 0 0 41.66%;
}

.dc-col-6 {
	max-width: 50%;
	flex: 0 0 50%;
}

.dc-col-7 {
	max-width: 58.33%;
	flex: 0 0 58.33%;
}

.dc-col-8 {
	max-width: 66.66%;
	flex: 0 0 66.66%;
}

.dc-col-9 {
	max-width: 75%;
	flex: 0 0 75%;
}

.dc-col-10 {
	max-width: 83.33%;
	flex: 0 0 83.33%;
}

.dc-col-11 {
	max-width: 91.66%;
	flex: 0 0 91.66%;
}

.dc-col-12 {
	max-width: 100%;
	flex: 0 0 100%;
}

.dc-col-auto {
	flex: auto;
}

.dc-mg-bt>[class*="dc-col-"] {
	margin-bottom: 15px;
}

@media (max-width:991px) {
	.dc-rw-50>[class*="dc-col-"] {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-rw>[class*="dc-col-"] {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.dc-rw-invers>[class*="dc-col-"] {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-row-wrap>.dc-col-1 {
		max-width: 16.66%;
		flex: 0 0 16.66%;
	}
	.dc-row-wrap>.dc-col-2 {
		max-width: 25%;
		flex: 0 0 25%;
	}
	.dc-row-wrap>.dc-col-3 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
	.dc-row-wrap>.dc-col-4 {
		max-width: 41.66%;
		flex: 0 0 41.66%;
	}
	.dc-row-wrap>.dc-col-5 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-row-wrap>.dc-col-6 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media(max-width:767px) {
	.dc-rw-invers>[class*="dc-col-"],
	.dc-rw-50>[class*="dc-col-"] {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.dc-rw-md>[class*="dc-col-"] {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.dc-rw-md>[class*="dc-col-"]:not(:last-child) {
		margin-bottom: 15px;
	}
	.dc-row-wrap>.dc-col-1 {
		max-width: 25%;
		flex: 0 0 25%;
	}
	.dc-row-wrap>.dc-col-2 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
	.dc-row-wrap>.dc-col-3 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-row-wrap>.dc-col-4 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-row-wrap>.dc-col-5 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}

@media(max-width:479px) {
	.dc-rw-sm>[class*="dc-col-"] {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.dc-row-wrap>.dc-col-1 {
		max-width: 33.33%;
		flex: 0 0 33.33%;
	}
	.dc-row-wrap>.dc-col-2 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-row-wrap>.dc-col-3 {
		max-width: 50%;
		flex: 0 0 50%;
	}
	.dc-row-wrap>.dc-col-4 {
		max-width: 100%;
		flex: 0 0 100%;
	}
}