#console {
	position: fixed;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 999999999 !important
}
#grid-overflay-area {
	display: none
}
.grid-overlay {
	background-color: rgba(75, 64, 251, .2);
	display: inline-block;
	z-index: 0 !important;
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
}
.grid-overlay div {

}
.grid-overlay .col-1-12 {
	/*border: 10px solid rgba(255,255,255,1);*/
	height: 100vh;
	background-color: rgba(75, 64, 251, .2);
	border-left: 10px solid rgba(255,255,255,.5);
	border-right: 10px solid rgba(255,255,255,.5);
}
.grid-overlay div:nth-child(odd) {
}
.grid-overlay div:nth-child(even) {

}


.borderRed {
	border: 1px solid red;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.grid {
	margin: 0 0 20px 0;
	max-width: 1400px;
	margin: 0 auto;
	flex: 1;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}

.grid-full {
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}
.grid-full > div {
	max-width: 1222px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
[class*='col-'] {
  float: left;
  padding-right: 20px;
}
.grid [class*='col-']:last-of-type {
  padding-right: 0;
}

.module {
	overflow: hidden;
	padding: 20px;
	/*background: #eee;*/
	margin-bottom: 20px;
}

.grid-pad {
  /*padding: 20px 0 20px 20px;*/
  padding: 20px 0 20px 20px;
}
.grid-pad [class*='col-']:last-of-type {
  padding-right: 20px;
}

.pad-20 {
	padding: 20px;
}
.pad-50 {
	padding: 50px;
}
.pad-75 {
	padding: 75px;
}
.pad-100 {
	padding: 100px;
}

/* FLEX PART */
.row:after {
	clear: both;
	width: 100%;
}
.flex {
	width: 100%;
	display: flex;
}
.flex > div {
	flex: 1;
}

/* UNITS */


.col-1-1,
.col-2-2,
.col-3-3,
.col-4-4,
.col-5-5,
.col-6-6,
.col-7-7,
.col-8-8,
.col-9-9,
.col-10-10,
.col-11-11,
.col-12-12 		{ width: 100%; }
.col-11-12 		{ width: 91.66667%; }
.col-10-11 		{ width: 90.90909%; }
.col-9-10 		{ width: 90%; }
.col-8-9 		{ width: 88.88889%; }
.col-7-8 		{ width: 87.5%; }
.col-6-7 		{ width: 85.71429%; }
.col-5-6,
.col-10-12 		{ width: 83.33333%; }
.col-9-11 		{ width: 81.81818%; }
.col-4-5,
.col-8-10 		{ width: 80%; }
.col-7-9 		{ width: 77.77778%; }
.col-3-4,
.col-6-8,
.col-9-12 		{ width: 75%; }
.col-8-11 		{ width: 72.72727%; }
.col-5-7 		{ width: 71.42857%; }
.col-7-10 		{ width: 70%; }
.col-2-3,
.col-4-6,
.col-6-9,
.col-8-12 		{ width: 66.66667%; }
.col-7-11 		{ width: 63.63636%; }
.col-5-8 		{ width: 62.5%; }
.col-3-5,
.col-6-10 		{ width: 60%; }
.col-7-12 		{ width: 58.33333%; }
.col-4-7 		{ width: 57.14286%; }
.col-5-9 		{ width: 55.55556%; }
.col-6-11 		{ width: 54.54545%; }
.col-1-2-w-pad 	{ width: calc( 50% + 68px ); }
.col-1-2,
.col-2-4,
.col-3-6,
.col-4-8,
.col-5-10,
.col-6-12 		{ width: 50%; }
.col-5-11 		{ width: 45.45455%; }
.col-4-9 		{ width: 44.44444%; }
.col-3-7 		{ width: 42.85714%; }
.col-5-12 		{ width: 41.66667%; }
.col-2-5,
.col-4-10 		{ width: 40%; }
.col-3-8 		{ width: 37.5%; }
.col-4-11 		{ width: 36.36364%; }
.col-1-3,
.col-2-6,
.col-3-9,
.col-4-12 		{ width: 33.33333%; }
.col-3-10 		{ width: 30%; }
.col-2-7 		{ width: 28.57143%; }
.col-3-11 		{ width: 27.27273%; }
.col-1-4,
.col-2-8,
.col-3-12 		{ width: 25%; }
.col-2-9 		{ width: 22.22222%; }
.col-1-5,
.col-2-10 		{ width: 20%; }
.col-2-11 		{ width: 18.18182%; }
.col-1-6,
.col-2-12 		{ width: 16.66667%; }
.col-1-7 		{ width: 14.28571%; }
.col-1-8 		{ width: 12.5%; }
.col-1-9 		{ width: 11.11111%; }
.col-1-10 		{ width: 10%; }
.col-1-11 		{ width: 9.09091%; }
.col-1-12 		{ width: 8.33333%; }



/* ***************
***** MOBILE *****
*************** */
@media screen and (min-width:320px) and (max-width:639px) {
	.no-flex-mobile {
		display: inline-block;
		/*border: 1px solid red;*/
	}
	.no-desktop {
		display: inherit;
	}
	.no-tablet {
		display: inherit;
	}
	.no-mobile {
		display: none;
	}
	.no-pad-mobile {
		padding: 0 !important;
	}
	.no-margin-mobile {
		margin: 0 !important;
	}


	#console::before {
		content: "mobile";
		background-color:orange;
	}

	.col-mob-1-1,
	.col-mob-2-2,
	.col-mob-3-3,
	.col-mob-4-4,
	.col-mob-5-5,
	.col-mob-6-6,
	.col-mob-7-7,
	.col-mob-8-8,
	.col-mob-9-9,
	.col-mob-10-10,
	.col-mob-11-11,
	.col-mob-12-12 		{ width: 100%; }
	.col-mob-11-12 		{ width: 91.66667%; }
	.col-mob-10-11 		{ width: 90.90909%; }
	.col-mob-9-10 		{ width: 90%; }
	.col-mob-8-9 		{ width: 88.88889%; }
	.col-mob-7-8 		{ width: 87.5%; }
	.col-mob-6-7 		{ width: 85.71429%; }
	.col-mob-5-6,
	.col-mob-10-12 		{ width: 83.33333%; }
	.col-mob-9-11 		{ width: 81.81818%; }
	.col-mob-4-5,
	.col-mob-8-10 		{ width: 80%; }
	.col-mob-7-9 		{ width: 77.77778%; }
	.col-mob-3-4,
	.col-mob-6-8,
	.col-mob-9-12 		{ width: 75%; }
	.col-mob-8-11 		{ width: 72.72727%; }
	.col-mob-5-7 		{ width: 71.42857%; }
	.col-mob-7-10 		{ width: 70%; }
	.col-mob-2-3,
	.col-mob-4-6,
	.col-mob-6-9,
	.col-mob-8-12 		{ width: 66.66667%; }
	.col-mob-7-11 		{ width: 63.63636%; }
	.col-mob-5-8 		{ width: 62.5%; }
	.col-mob-3-5,
	.col-mob-6-10 		{ width: 60%; }
	.col-mob-7-12 		{ width: 58.33333%; }
	.col-mob-4-7 		{ width: 57.14286%; }
	.col-mob-5-9 		{ width: 55.55556%; }
	.col-mob-6-11 		{ width: 54.54545%; }
	.col-mob-1-2,
	.col-mob-2-4,
	.col-mob-3-6,
	.col-mob-4-8,
	.col-mob-5-10,
	.col-mob-6-12 		{ width: 50%; }
	.col-mob-5-11 		{ width: 45.45455%; }
	.col-mob-4-9 		{ width: 44.44444%; }
	.col-mob-3-7 		{ width: 42.85714%; }
	.col-mob-5-12 		{ width: 41.66667%; }
	.col-mob-2-5,
	.col-mob-4-10 		{ width: 40%; }
	.col-mob-3-8 		{ width: 37.5%; }
	.col-mob-4-11 		{ width: 36.36364%; }
	.col-mob-1-3,
	.col-mob-2-6,
	.col-mob-3-9,
	.col-mob-4-12 		{ width: 33.33333%; }
	.col-mob-3-10 		{ width: 30%; }
	.col-mob-2-7 		{ width: 28.57143%; }
	.col-mob-3-11 		{ width: 27.27273%; }
	.col-mob-1-4,
	.col-mob-2-8,
	.col-mob-3-12 		{ width: 25%; }
	.col-mob-2-9 		{ width: 22.22222%; }
	.col-mob-1-5,
	.col-mob-2-10 		{ width: 20%; }
	.col-mob-2-11 		{ width: 18.18182%; }
	.col-mob-1-6,
	.col-mob-2-12 		{ width: 16.66667%; }
	.col-mob-1-7 		{ width: 14.28571%; }
	.col-mob-1-8 		{ width: 12.5%; }
	.col-mob-1-9 		{ width: 11.11111%; }
	.col-mob-1-10 		{ width: 10%; }
	.col-mob-1-11 		{ width: 9.09091%; }
	.col-mob-1-12 		{ width: 8.33333%; }
}





/* ***************
***** TABLET *****
*************** */
@media screen and (min-width:640px) and (max-width:959px) {
	.no-desktop {
		display: inherit;
	}
	.no-tablet {
		display: none !important;
	}
	.no-mobile {
		display: inherit;
	}

	#console::before {
		content: "tablet";
		background-color:red;
	}




	.col-tab-1-1,
	.col-tab-2-2,
	.col-tab-3-3,
	.col-tab-4-4,
	.col-tab-5-5,
	.col-tab-6-6,
	.col-tab-7-7,
	.col-tab-8-8,
	.col-tab-9-9,
	.col-tab-10-10,
	.col-tab-11-11,
	.col-tab-12-12 		{ width: 100%; }
	.col-tab-11-12 		{ width: 91.66667%; }
	.col-tab-10-11 		{ width: 90.90909%; }
	.col-tab-9-10 		{ width: 90%; }
	.col-tab-8-9 		{ width: 88.88889%; }
	.col-tab-7-8 		{ width: 87.5%; }
	.col-tab-6-7 		{ width: 85.71429%; }
	.col-tab-5-6,
	.col-tab-10-12 		{ width: 83.33333%; }
	.col-tab-9-11 		{ width: 81.81818%; }
	.col-tab-4-5,
	.col-tab-8-10 		{ width: 80%; }
	.col-tab-7-9 		{ width: 77.77778%; }
	.col-tab-3-4,
	.col-tab-6-8,
	.col-tab-9-12 		{ width: 75%; }
	.col-tab-8-11 		{ width: 72.72727%; }
	.col-tab-5-7 		{ width: 71.42857%; }
	.col-tab-7-10 		{ width: 70%; }
	.col-tab-2-3,
	.col-tab-4-6,
	.col-tab-6-9,
	.col-tab-8-12 		{ width: 66.66667%; }
	.col-tab-7-11 		{ width: 63.63636%; }
	.col-tab-5-8 		{ width: 62.5%; }
	.col-tab-3-5,
	.col-tab-6-10 		{ width: 60%; }
	.col-tab-7-12 		{ width: 58.33333%; }
	.col-tab-4-7 		{ width: 57.14286%; }
	.col-tab-5-9 		{ width: 55.55556%; }
	.col-tab-6-11 		{ width: 54.54545%; }
	.col-tab-1-2,
	.col-tab-2-4,
	.col-tab-3-6,
	.col-tab-4-8,
	.col-tab-5-10,
	.col-tab-6-12 		{ width: 50%; }
	.col-tab-5-11 		{ width: 45.45455%; }
	.col-tab-4-9 		{ width: 44.44444%; }
	.col-tab-3-7 		{ width: 42.85714%; }
	.col-tab-5-12 		{ width: 41.66667%; }
	.col-tab-2-5,
	.col-tab-4-10 		{ width: 40%; }
	.col-tab-3-8 		{ width: 37.5%; }
	.col-tab-4-11 		{ width: 36.36364%; }
	.col-tab-1-3,
	.col-tab-2-6,
	.col-tab-3-9,
	.col-tab-4-12 		{ width: 33.33333%; }
	.col-tab-3-10 		{ width: 30%; }
	.col-tab-2-7 		{ width: 28.57143%; }
	.col-tab-3-11 		{ width: 27.27273%; }
	.col-tab-1-4,
	.col-tab-2-8,
	.col-tab-3-12 		{ width: 25%; }
	.col-tab-2-9 		{ width: 22.22222%; }
	.col-tab-1-5,
	.col-tab-2-10 		{ width: 20%; }
	.col-tab-2-11 		{ width: 18.18182%; }
	.col-tab-1-6,
	.col-tab-2-12 		{ width: 16.66667%; }
	.col-tab-1-7 		{ width: 14.28571%; }
	.col-tab-1-8 		{ width: 12.5%; }
	.col-tab-1-9 		{ width: 11.11111%; }
	.col-tab-1-10 		{ width: 10%; }
	.col-tab-1-11 		{ width: 9.09091%; }
	.col-tab-1-12 		{ width: 8.33333%; }
}







/* ****************
***** DESKTOP *****
**************** */
@media screen and (min-width:960px) {
	.no-desktop {
		display: none;
	}
	.no-tablet {
		display: inherit;
	}
	.no-mobile {
		display: inherit;
	}

	#console::before {
		content: "desktop";
		background-color:#fff;
	}



	.col-1-1,
	.col-2-2,
	.col-3-3,
	.col-4-4,
	.col-5-5,
	.col-6-6,
	.col-7-7,
	.col-8-8,
	.col-9-9,
	.col-10-10,
	.col-11-11,
	.col-12-12 		{ width: 100%; }
	.col-11-12 		{ width: 91.66667%; }
	.col-10-11 		{ width: 90.90909%; }
	.col-9-10 		{ width: 90%; }
	.col-8-9 		{ width: 88.88889%; }
	.col-7-8 		{ width: 87.5%; }
	.col-6-7 		{ width: 85.71429%; }
	.col-5-6,
	.col-10-12 		{ width: 83.33333%; }
	.col-9-11 		{ width: 81.81818%; }
	.col-4-5,
	.col-8-10 		{ width: 80%; }
	.col-7-9 		{ width: 77.77778%; }
	.col-3-4,
	.col-6-8,
	.col-9-12 		{ width: 75%; }
	.col-8-11 		{ width: 72.72727%; }
	.col-5-7 		{ width: 71.42857%; }
	.col-7-10 		{ width: 70%; }
	.col-2-3,
	.col-4-6,
	.col-6-9,
	.col-8-12 		{ width: 66.66667%; }
	.col-7-11 		{ width: 63.63636%; }
	.col-5-8 		{ width: 62.5%; }
	.col-3-5,
	.col-6-10 		{ width: 60%; }
	.col-7-12 		{ width: 58.33333%; }
	.col-4-7 		{ width: 57.14286%; }
	.col-5-9 		{ width: 55.55556%; }
	.col-6-11 		{ width: 54.54545%; }
	.col-1-2,
	.col-2-4,
	.col-3-6,
	.col-4-8,
	.col-5-10,
	.col-6-12 		{ width: 50%; }
	.col-5-11 		{ width: 45.45455%; }
	.col-4-9 		{ width: 44.44444%; }
	.col-3-7 		{ width: 42.85714%; }
	.col-5-12 		{ width: 41.66667%; }
	.col-2-5,
	.col-4-10 		{ width: 40%; }
	.col-3-8 		{ width: 37.5%; }
	.col-4-11 		{ width: 36.36364%; }
	.col-1-3,
	.col-2-6,
	.col-3-9,
	.col-4-12 		{ width: 33.33333%; }
	.col-3-10 		{ width: 30%; }
	.col-2-7 		{ width: 28.57143%; }
	.col-3-11 		{ width: 27.27273%; }
	.col-1-4,
	.col-2-8,
	.col-3-12 		{ width: 25%; }
	.col-2-9 		{ width: 22.22222%; }
	.col-1-5,
	.col-2-10 		{ width: 20%; }
	.col-2-11 		{ width: 18.18182%; }
	.col-1-6,
	.col-2-12 		{ width: 16.66667%; }
	.col-1-7 		{ width: 14.28571%; }
	.col-1-8 		{ width: 12.5%; }
	.col-1-9 		{ width: 11.11111%; }
	.col-1-10 		{ width: 10%; }
	.col-1-11 		{ width: 9.09091%; }
	.col-1-12 		{ width: 8.33333%; }

}