/*this is a grid for main.css*/

.container {
	width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

.center {
	margin: 0 auto;
	max-width: 100%;
}

.col {
	display: inline-block;
	width: 100%;
	float: left;
}

.col--5--lg {
	max-width: 5%;
}

.col--10--lg {
	max-width: 10%;
}

.col--20--lg {
	max-width: 20%;
}

@media (max-width: 1024px) {
	.col--20--md {
		max-width: 20%;
	}
}

.col--33--lg {
	max-width: 33%;
}

@media (max-width: 1024px) {

	.col--33--md {
		max-width: 33%;
	}

	.col--5--md {
		max-width: 5%;
	}
}

@media (max-width: 640px) {

	.col--33--sm {
		max-width: 33%;
	}

	.col--5--sm {
		max-width: 5%;
	}
}

@media (max-width: 1024px) {
	.footer .col--30--lg {
		max-width: 100%;
	}

	.footer .col--20--lg {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.footer 
}

.col--940--lg {
	max-width: 940px;
}

.col--1400--lg {
	max-width: 1400px;
}

.col--20--lg {
	max-width: 20%;
}

.col--25--lg {
	max-width: 25%;
}

.col--30--lg {
	max-width: 30%;
}

@media (max-width: 1024px) {
	.col--30--md {
		max-width: 30%;
	}
}

@media (max-width: 640px) {
	.col--30--sm {
		max-width: 30%;
	}
}

.col--35--lg {
	max-width: 35%;
}

.col--40--lg {
	max-width: 40%;
}

@media (max-width: 640px) {
	.col--40--sm {
		max-width: 40%;
	}
}

.col--45--lg {
	max-width: 45%;
}

.col--50--lg {
	max-width: 50%;
}

@media (max-width: 1024px) {
	.col--50--md {
		max-width: 50%;
	}

	.col--50--lg {
		max-width: 80%;
	}

	.col--50--lg {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.col--50--sm {
		max-width: 50%;
	}

	.col--45--sm {
		max-width: 45%;
	}
}

.col--60--lg {
	max-width: 60%;
}

.col--66--lg {
	max-width: 66%;
}

@media (max-width: 1024px) {
	.col--66--md {
		max-width: 80%;
	}
}

@media (max-width: 640px) {
	.col--66--sm {
		max-width: 100%;
	}
}

.col--70--lg {
	max-width: 70%;
}

@media (max-width: 1024px) {
	.col--70--lg {
		max-width: 80%;
	}
}

@media (max-width: 640px) {
	.col--70--lg {
		max-width: 100%	;
	}
}

.col--80--lg {
	max-width: 80%;
}

@media (max-width: 1024px) {
	.col--80--md {
		max-width: 90%;
	}
}

@media (max-width: 640px) {
	.col--80--sm {
		max-width: 90%;
	}
}

.col--90--lg {
	max-width: 90%;
}

@media (max-width: 1024px) {
	.col--90--md {
		max-width: 90%;
	}
}

@media (max-width: 640px) {
	.col--90--sm {
		max-width: 90%;
	}
}

.col--95--lg {
	max-width: 95%;
}

@media (max-width: 1024px) {
	.col--95--md {
		max-width: 95%;
	}
}

@media (max-width: 640px) {
	.col--95--sm {
		max-width: 95%;
	}
}

.col--100--lg {
	max-width: 100%;
}

@media (max-width: 1024px) {
	.col--100--md {
		max-width: 100%;
	}
}

@media (max-width: 640px) {
	.col--100--sm {
		max-width: 100%;
	}
}

/** Positioning **/

.clearfix {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

@media (max-width: 640px) {
	.right--none--sm {
		float: none;
	}
	
	.left--sm {
		float: left;
	}
}

.center--vert--flex {
	display: flex;
	align-items: center;
	height: 100%;
}

/** Visibility **/

.hide--lg {
	display: none;
}

.show {
	display: initial;
}

@media (max-width: 1024px) {
	.hide--md {
		display: none;
	}

	.show--md {
		display: initial;
	}
}

@media (max-width: 640px) {
	.hide--sm {
		display: none;
	}

	.show--sm {
		display: initial;
	}
}



/** Paddings & margins ***/
.padding-3em {
	padding: 3em;
}

@media (max-width: 1024px) {
	.padding-2em-sm{
		padding: 2em;
	}
}

.padding-0-2em-0-0 {
	padding: 0 2em 0 0;
}

.padding-0-0-10-0 {
	padding: 0 0 10px 0;
}

.padding-3em-0 {
	padding: 3em 0;
}

.padding-4em-0-2em-0 {
	padding: 4em 0 2em 0;
}

.margin-14em-0-0-0 {
	margin: 14em 0 0 0;
}

.margin-2em {
	margin: 2em;
}

.margin-3em {
	margin: 3em;
}

.margin-6em-0-0-0 {
	margin: 6em 0 0 0;
}

.margin-6em-1em-0-0 {
	margin: 6em 1em 0 0;
}

.margin-1em-0-0-4em {
	margin: 1em 0 0 4em;
}

.margin-5em-0-0-0 {
	margin: 5em 0 0 0;
}

.margin-4em-0-0-0 {
	margin: 4em 0 0 0;
}

.margin-1em-0-0-0 {
	margin: 1em 0 0 0;
}

.margin-1em-0-2em-0 {
	margin: 1em 0 2em 0;
}

.margin-300-0-0-0 {
	margin: 300px 0 0 0;
}

.margin-11em-0-0-0 {
	margin: 11em 0 0 0;
}

.margin-4em-0-0-0 {
	margin: 4em 0 0 0;
}

.margin-3em-0-0-0 {
	margin: 3em 0 0 0;
}

.margin-6em-0-0-0 {
	margin: 6em 0 0 0;
}

.margin-2em-0-0-0 {
	margin: 2em 0 0 0;
}

.margin-2em-1em {
	margin: 2em 1em;
}

.margin-5em-0-0-0 {
	margin: 5em 0 0 0;
}

.margin-0-0-1em-0 {
	margin: 0 0 1em 0;
}

.margin-0-1em-0-0 {
	margin: 0 1em 0 0;
}

.margin-0-1em-1em-0 {
	margin: 0 1em 1em 0;
}

.margin-0-1em-2em-0 {
	margin: 0 1em 2em 0;
}

.margin-0-0-2em-0 {
	margin: 0 0 2em 0;
}

.margin-0-0-3em-0 {
	margin: 0 0 3em 0;
}

.margin-5em-0-3em-0 {
	margin: 5em 0 3em 0;
}

.margin-5em-0-5em-0 {
	margin: 5em 0 5em 0;
}

.margin-0-0-4em-0 {
	margin: 0 0 4em 0;
}

.margin-0-2em-0-0{
	margin: 0 2em 0 0;
}

.margin-0-4em-0-0{
	margin: 0 4em 0 0;
}

.margin-0-5em-0-0{
	margin: 0 5em 0 0;
}

.margin-0-0-0-2em {
	margin: 0 0 0 2em;
}

.margin-292-0-0-0 {
	margin: 292px 0 0px 0;
}

.margin-300-0-100-0 {
	margin: 300px 0 100px 0;
}

.margin-0-0-100px-0 {
	margin: 0 0 100px 0;
}

@media (max-width: 640px) {
	.margin-300-0-0-0-sm {
		margin: 14em 0 0 0;
	}

	.margin-100-0-0-0-sm {
		margin: 100px 0 0 0;
	}

	.margin-50-0-0-0-sm {
		margin: 50px 0 0 0;
	}

	.margin-300-0-100-0-sm {
		margin: 14em 0 5em 0;
	}

	.margin-1em-0-0-0-sm {
		margin: 1em 0 0 0;
	}

	.margin-3em-0-0-0-sm {
		margin: 3em 0 0 0;
	}

	.margin-0-0-0-0-sm {
		margin: 0;
	}

	.margin-0-0-1em-0-sm {
		margin: 0 0 1em 0;
	}

	.margin-0-sm {
		margin: 0;
	}

	.margin-1em-0-0-0-sm {
		margin: 1em 0 0 0;
	}

	.margin-3em-0-0-0-sm {
		margin: 3em 0 0 0;
	}

	.margin-5em-0-0-0-sm {
		margin: 3em 0 0 0;
	}
}
/** center **/

.center {
	margin: 0 auto;
}

.center-div {
	display: inline-block;
}

.center-img img {
	display:block;
    margin:auto;
}