body { 
	margin: 0;
}

/* Clearfix taken from here: http://nicolasgallagher.com/micro-clearfix-hack/. */

.clearfix { 
	zoom: 1; 
}

.clearfix:before,
.clearfix:after { 
	content: "";
	display: table; 
}

.clearfix:after {
	clear: both; 
}

.blocks-container {
	padding: 0 1px;
}

.col {
	float: left;
}

.col-1,
.col-ph-1 {
	width: 8.33%;
}

.col-2,
.col-ph-2 {
	width: 16.66%;
}

.col-3,
.col-ph-3 {
	width: 25%;
}

.col-4,
.col-ph-4 {
	width: 33.33%;
}

.col-5,
.col-ph-5 {
	width: 41.66%;
}

.col-6,
.col-ph-6 {
	width: 49%;
}

.col-7,
.col-ph-7 {
	width: 58.33%;
}

.col-8,
.col-ph-8 {
	width: 66.66%;
}

.col-9,
.col-ph-9 {
	width: 75%;
}

.col-10,
.col-ph-10 {
	width: 83.33%;
}

.col-11,
.col-ph-11 {
	width: 91.66%;
}

.col-12,
.col-ph-12 {
	width: 100%;
}


@media (max-width: 799px) {
	.col-ph-1,
	.col-ph-2,
	.col-ph-3,
	.col-ph-4,
	.col-ph-5,
	.col-ph-6,
	.col-ph-7,
	.col-ph-8,
	.col-ph-9,
	.col-ph-10,
	.col-ph-11,
	.col-ph-12 {
		display: inline-block;
		width: 100%;
		float: none;
	}

	.col-mobile-20 {
		display: block;
		width: 30%;
		float: none;
	}

	.col-mobile-80 {
		display: block;
		width: 70%;
		float: none;
	}

	#desktop-top-menu {
		display: none;
	}
	#mobile-top-menu {
		display: inline-block !important;
	}
}

	#mobile-top-menu {
		display: none;
	}



	/* self width */

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

/* block content aligning */

.mt-auto {
	margin-top: auto;
}

.mb-auto {
	margin-bottom: auto;
}

.ml-auto {
	margin-left: auto;
}

.mr-auto {
	margin-right: auto;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.my-auto {
	margin-top: auto;
	margin-bottom: auto;
}

.m-auto {
	margin: auto;
}

@supports (display: flex) {
	.blocks-container {
		display: flex;
		flex-wrap: wrap;
		padding: 0;
	}

	.clearfix::before,
	.clearfix::after {
		content: none;
	}

	.d-flex {
			display: flex;
	}
}