.row {
	flex-direction: row;
	display: flex;
	justify-content: flex-start;
	margin-right: -15px;
	margin-left: -15px;
}

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

	.row .col {
		position: relative;
		display: block;
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: 0%;
		padding-right: 15px;
		padding-left: 15px;
	}

		.row .col.col-1 {
			flex: 0 0 8.33333333%;
			max-width: 8.33333333%;
		}

			.row .col.col-1.center {
				left: 45.83333325%;
			}

		.row .col.col-2 {
			flex: 0 0 16.66666667%;
			max-width: 16.66666667%;
		}

			.row .col.col-2.center {
				left: 41.66666666%;
			}

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

			.row .col.col-3.center {
				left: 37.49999995%;
			}

		.row .col.col-4 {
			flex: 0 0 33.33333333%;
			max-width: 33.33333333%;
		}

			.row .col.col-4.center {
				left: 33.33333333%;
			}

		.row .col.col-5 {
			flex: 0 0 41.66666667%;
			max-width: 41.66666667%;
		}

			.row .col.col-5.center {
				left: 29.1666665%;
			}

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

			.row .col.col-6.center {
				left: 25%;
			}

		.row .col.col-7 {
			flex: 0 0 58.33333333%;
			max-width: 58.33333333%;
		}

			.row .col.col-7.center {
				left: 20.83333337%;
			}

		.row .col.col-8 {
			flex: 0 0 66.66666667%;
			max-width: 66.66666667%;
		}

			.row .col.col-8.center {
				left: 16.66666667%;
			}

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

			.row .col.col-9.center {
				left: 12.49999998%;
			}

		.row .col.col-10 {
			flex: 0 0 83.33333333%;
			max-width: 83.33333333%;
		}

			.row .col.col-10.center {
				left: 8.33333333%;
			}

		.row .col.col-11 {
			flex: 0 0 91.66666667%;
			max-width: 91.66666667%;
		}

			.row .col.col-11.center {
				left: 4.16666667%;
			}

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

		.row .col.col-push-1 {
			left: 8.33333333%;
		}

		.row .col.col-push-2 {
			left: 16.66666667%;
		}

		.row .col.col-push-3 {
			left: 25%;
		}

		.row .col.col-push-4 {
			left: 33.33333333%;
		}

		.row .col.col-push-5 {
			left: 41.66666667%;
		}

		.row .col.col-push-6 {
			left: 50%;
		}

		.row .col.col-push-7 {
			left: 58.33333333%;
		}

		.row .col.col-push-8 {
			left: 66.66666667%;
		}

		.row .col.col-push-9 {
			left: 75%;
		}

		.row .col.col-push-10 {
			left: 83.33333333%;
		}

		.row .col.col-push-11 {
			left: 91.66666667%;
		}

		.row .col.col-pull-1 {
			right: 8.33333333%;
		}

		.row .col.col-pull-2 {
			right: 16.66666667%;
		}

		.row .col.col-pull-3 {
			right: 25%;
		}

		.row .col.col-pull-4 {
			right: 33.33333333%;
		}

		.row .col.col-pull-5 {
			right: 41.66666667%;
		}

		.row .col.col-pull-6 {
			right: 50%;
		}

		.row .col.col-pull-7 {
			right: 58.33333333%;
		}

		.row .col.col-pull-8 {
			right: 66.66666667%;
		}

		.row .col.col-pull-9 {
			right: 75%;
		}

		.row .col.col-pull-10 {
			right: 83.33333333%;
		}

		.row .col.col-pull-11 {
			right: 91.66666667%;
		}

		.row .col.c5 {
			flex: 0 0 5%;
			max-width: 5%;
		}

		.row .col.c10 {
			flex: 0 0 10%;
			max-width: 10%;
		}

		.row .col.c20 {
			flex: 0 0 20%;
			max-width: 20%;
		}

		.row .col.c25 {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.row .col.c33 {
			flex: 0 0 33.3333%;
			max-width: 33.3333%;
		}

		.row .col.c50 {
			flex: 0 0 50%;
			max-width: 50%;
		}

		.row .col.c67 {
			flex: 0 0 66.6666%;
			max-width: 66.6666%;
		}

		.row .col.c75 {
			flex: 0 0 75%;
			max-width: 75%;
		}

		.row .col.c80 {
			flex: 0 0 80%;
			max-width: 80%;
		}

		.row .col.c90 {
			flex: 0 0 90%;
			max-width: 90%;
		}
/******************************************
BREAK POINT
******************************************/
@media (max-width: 1030px) {
	.row.row-wrap {
		flex-wrap: wrap;
	}

		.row.row-wrap .col.col-5.col-md,
		.row.row-wrap .col.col-6.col-md,
		.row.row-wrap .col.col-7.col-md,
		.row.row-wrap .col.col-8.col-md,
		.row.row-wrap .col.col-9.col-md,
		.row.row-wrap .col.col-10.col-md,
		.row.row-wrap .col.col-11.col-md,
		.row.row-wrap .col.col-12.col-md {
			width: 100%;
			max-width: none !important;
			flex: none !important;
			margin-bottom: 10px;
		}

		.row.row-wrap .col.col-3.col-md,
		.row.row-wrap .col.col-4.col-md {
			flex: 0 0 50%;
			max-width: 50%;
		}

		.row.row-wrap .col.col-2.col-md {
			flex: 0 0 25%;
			max-width: 25%;
		}

		.row.row-wrap .col.col-1.col-md {
			flex: 0 0 33.33333333%;
			max-width: 33.33333333%;
		}

		.row.row-wrap .col.col-pull-5.col-md,
		.row.row-wrap .col.col-pull-6.col-md,
		.row.row-wrap .col.col-pull-7.col-md,
		.row.row-wrap .col.col-pull-8.col-md,
		.row.row-wrap .col.col-pull-9.col-md,
		.row.row-wrap .col.col-pull-10.col-md,
		.row.row-wrap .col.col-pull-11.col-md,
		.row.row-wrap .col.col-pull-12.col-md,
		.row.row-wrap .col.col-push-5.col-md,
		.row.row-wrap .col.col-push-6.col-md,
		.row.row-wrap .col.col-push-7.col-md,
		.row.row-wrap .col.col-push-8.col-md,
		.row.row-wrap .col.col-push-9.col-md,
		.row.row-wrap .col.col-push-10.col-md,
		.row.row-wrap .col.col-push-11.col-md,
		.row.row-wrap .col.col-push-12.col-md {
			right: 0;
			left: 0;
		}

		.row.row-wrap .col.col-push-3.col-md,
		.row.row-wrap .col.col-push-4.col-md {
			left: 50%;
		}

		.row.row-wrap .col.col-push-2.col-md {
			left: 25%;
		}

		.row.row-wrap .col.col-push-1.col-md {
			left: 33.33333333%;
		}

		.row.row-wrap .col.col-pull-3.col-md,
		.row.row-wrap .col.col-pull-4.col-md {
			right: 50%;
		}

		.row.row-wrap .col.col-pull-2.col-md {
			right: 25%;
		}

		.row.row-wrap .col.col-pull-1.col-md {
			right: 33.33333333%;
		}

		.row.row-wrap .col.col-4.col-sm,
		.row.row-wrap .col.col-3.col-sm,
		.row.row-wrap .col.col-2.col-sm {
			flex: 0 0 100%;
			max-width: 100%;
		}

		.row.row-wrap .col.col-1.col-sm {
			flex: 0 0 50%;
			max-width: 50%;
		}

		.row.row-wrap .col.col-push-2.col-sm,
		.row.row-wrap .col.col-pull-2.col-sm,
		.row.row-wrap .col.col-push-3.col-sm,
		.row.row-wrap .col.col-pull-3.col-sm,
		.row.row-wrap .col.col-push-4.col-sm,
		.row.row-wrap .col.col-pull-4.col-sm {
			right: 0;
			left: 0;
		}

		.row.row-wrap .col.col-push-1.col-sm {
			left: 50%;
		}

		.row.row-wrap .col.col-pull-1.col-sm {
			right: 50%;
		}
}

@media (max-width: 770px) {
	.row.row-wrap {
		flex-wrap: wrap;
	}

		.row.row-wrap .col.col-3.col-md,
		.row.row-wrap .col.col-4.col-md {
			flex: 0 0 100%;
			max-width: 100%;
		}

		.row.row-wrap .col.col-push-3.col-md,
		.row.row-wrap .col.col-push-4.col-md,
		.row.row-wrap .col.col-pull-3.col-md,
		.row.row-wrap .col.col-pull-4.col-md {
			left: 0;
			right: 0;
		}

		.row.row-wrap .col.col-push-2.col-md {
			left: 50%;
		}

		.row.row-wrap .col.col-push-1.col-md {
			left: 25%;
		}

		.row.row-wrap .col.col-pull-2.col-md {
			right: 50%;
		}

		.row.row-wrap .col.col-pull-1.col-md {
			right: 25%;
		}
}

@media (max-width: 650px) {
	.row {
		display: block;
	}

		.row .col.col-1,
		.row .col.col-2,
		.row .col.col-3,
		.row .col.col-4,
		.row .col.col-5,
		.row .col.col-6,
		.row .col.col-7,
		.row .col.col-8,
		.row .col.col-9,
		.row .col.col-10,
		.row .col.col-11,
		.row .col.col-12,
		.row .col.c5,
		.row .col.c10,
		.row .col.c20,
		.row .col.c25,
		.row .col.c33,
		.row .col.c50,
		.row .col.c67,
		.row .col.c75,
		.row .col.c80,
		.row .col.c90 {
			width: 100%;
			max-width: none;
			margin-bottom: 10px;
		}

		.row .col.col-pull-1,
		.row .col.col-pull-2,
		.row .col.col-pull-3,
		.row .col.col-pull-4,
		.row .col.col-pull-5,
		.row .col.col-pull-6,
		.row .col.col-pull-7,
		.row .col.col-pull-8,
		.row .col.col-pull-9,
		.row .col.col-pull-10,
		.row .col.col-pull-11,
		.row .col.col-pull-12,
		.row .col.col-push-1,
		.row .col.col-push-2,
		.row .col.col-push-3,
		.row .col.col-push-4,
		.row .col.col-push-5,
		.row .col.col-push-6,
		.row .col.col-push-7,
		.row .col.col-push-8,
		.row .col.col-push-9,
		.row .col.col-push-10,
		.row .col.col-push-11,
		.row .col.col-push-12 {
			right: 0;
			left: 0;
		}
}