/*.container{
	max-width: 1280px;
	margin: 0 auto;
}

.container::after, .container::before{
	content: '';
	display: table;
	clear: both;
}

.grid-1, .grid-2,  .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-1-3{
	margin: 0 10px;
	float: left;
	display: block;
	min-height: 1px;
}

.grid-1{ width: calc(8.333% - 20px); }
.grid-2{ width: calc(16.666% - 20px); }
.grid-3{ width: calc(25% - 20px); }
.grid-4{ width: calc(33.333% - 20px); }
.grid-5{ width: calc(41.666% - 20px); }
.grid-6{ width: calc(50% - 20px); }
.grid-7{ width: calc(58.333% - 20px); }
.grid-8{ width: calc(66.666% - 20px); }
.grid-9{ width: calc(75% - 20px); }
.grid-10{ width: calc(83.333% - 20px); }
.grid-11{ width: calc(91.666% - 20px); }
.grid-12{ width: calc(100% - 20px); }
.grid-1-3{ width: calc(33% - 20px);}

@media (max-width: 768px){
	.container{
		max-width: 700px;
	}
	.grid-1, .grid-2,  .grid-3, .grid-4{
		width: calc(30% - 20px);
		margin: 10px;
	}

	.grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11{
		width: calc(50% - 20px);
		margin: 10px;
	}

	.grid-6-30{
		width: calc(30% - 20px);
		margin: 10px;
	}

	.grid-5-md, .grid-6-md, .grid-7-md, .grid-8-md, .grid-9-md, .grid-10-md, .grid-11-md{
		width: calc(70% - 20px);
		margin: 10px;
	}

	.grid-12{
		width: calc(100% - 20px);
		float: none;
	}
}

@media (max-width: 580px){
	.container{
		max-width: 300px;
	}
	.grid-1, .grid-2,  .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12{
	width: 100%;
	margin: 0;
	float: none;
	}
}*/

.container{
	max-width: 1280px;
	margin: 0 auto;
}

.container::after, .container::before{
	content: '';
	display: table;
	clear: both;
}

.grid-1, .grid-2,  .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-1-3{
	margin: 0 10px;
	float: left;
	display: block;
	min-height: 1px;
}

.clear{
	clear: both;
}
.flex{
	display: flex;
	align-items: center;
}
.flex-justify{
	justify-content: space-between;
}

.grid-1{ width: calc(8.333% - 20px); }
.grid-2{ width: calc(16.666% - 20px); }
.grid-3{ width: calc(25% - 20px); }
.grid-4{ width: calc(33.333% - 20px); }
.grid-5{ width: calc(41.666% - 20px); }
.grid-6{ width: calc(50% - 20px); }
.grid-7{ width: calc(58.333% - 20px); }
.grid-8{ width: calc(66.666% - 20px); }
.grid-9{ width: calc(75% - 20px); }
.grid-10{ width: calc(83.333% - 20px); }
.grid-11{ width: calc(91.666% - 20px); }
.grid-12{ width: calc(100% - 20px); }
.grid-1-3{ width: calc(33% - 20px);}

@media (max-width: 768px){
	.container{
		max-width: 700px;
	}
	
	.grid-mid-10{ width: calc(10% - 20px); }
	.grid-mid-20{ width: calc(20% - 20px); }
	.grid-mid-30{ width: calc(30% - 20px); }
	.grid-mid-40{ width: calc(40% - 20px); }
	.grid-mid-50{ width: calc(50% - 20px); }
	.grid-mid-60{ width: calc(60% - 20px); }
	.grid-mid-70{ width: calc(70% - 20px); }
	.grid-mid-80{ width: calc(80% - 20px); }
	.grid-mid-90{ width: calc(90% - 20px); }
	.grid-mid-100{ width: calc(100% - 20px); }
	.grid-mid-33{ width: calc(33.33% - 20px);}
}

@media (max-width: 580px){
	.container{
		max-width: 380px;
	}
	.grid-tin-50{ width: calc(50% - 20px); }
	.grid-tin-100{ width: calc(100% - 20px); }
}