* * *:before, *:after, *{
    box-sizing: border-box;
}
body,html{
	min-height			:	100%;
}
body{
	font-family			:  'Open Sans', sans-serif;
	font-size			:	13.5px;
	color				:	#5d5d5c;
	height				:	100%;
}
/* ==================================================================
GENERAL
================================================================== */
h1,h2,h3,h4,h5 {
	margin		:	0;
	font-weight	:	normal;
	font-family	:	inherit;
}
h1{
	font-size	:	20px;
	color		:	#2c2f2c;
	margin		:	0 0 30px 0;
}
h2{
	font-size	:	17px;
	color		:	#f18989;
	margin		:	0 0 20px 0;
}

a{
	color			:	inherit;
	text-decoration	:	underline;
}
a:hover {
	color			:	#f18989;
}
p{
	margin			:	0 0 20px 0;
}
.right{
	float	:	right;
}
.aright{
	text-align	:	right;
}
.acenter{
	text-align	:	center;
}
.max-h{
	min-height	:	100%;
}
.max-w{
	max-width	:	100%;
}
.vmiddle{
	vertical-align	:	middle;
}
ol,ul{
	padding-left		:	0;
	list-style-position	:	inside;
}

/* ==================================================================
SPECIFIC
================================================================== */
body > .grid-layout{
	margin-top		:	100px;
}
img.ml-50{
	margin-left		:	-45px;
	margin-bottom	:	100px;
}
img.mr-50{
	margin-right	:	-50px;	
}
.g6 > img.max-w{
	max-width	:	100%;
}
div.bgimg{
	background-position	:	right center;
	background-repeat	:	no-repeat;
	border-right		:	50px solid transparent;
}
div.bgimg + .g6{
	padding-left	:	20px;
}
.g6:last-child{
	padding-right	:	20px;
}

/* ==================================================================
GRID
================================================================== */
.grid-layout {
	position	:	relative;
}
.grid-line{
	margin-bottom	:	2px;
}
.grid-layout:after,.grid-line:after{
	clear		:	both;
	content		:	'';
	display		:	block;
	height		:	0px;
	overflow	:	hidden;
}
.grid-layout.nomargin > * ,.grid-layout.nomargin > .grid-line > *{
	padding			:	0;
}
.grid-layout > *[class^=g]:not(.grid-line),.grid-layout .grid-line > *[class^=g]{
	display			:	inline;
	float			:	left;
	position		:	relative;
	padding			:	0 1%;
}
.grid-layout.nomargin > *[class^=g],.grid-layout.nomargin .grid-line > *[class^=g]{
	padding			:	0;
}
.grid-line > label {
	display	:	block;
}
.g1 {width:8.333%;}
.g1_0{width:10%;}
.g1_1{width:11.111%;}
.g2 {width:16.667%;}
.g3 {width:25.0%;}
.g4 {width:33.333%;}
.g5 {width:41.667%;}
.g6 {width:50.0%;}
.g7 {width:58.333%;}
.g8 {width:66.667%;}
.g9 {width:75.0%;}
.g10 {width:83.333%;}
.g11 {width:91.667%;}
.g12 {width:100%; }

/* ==================================================================
TABLE GRID 
================================================================== */
.table-layout{
	display			:	table;
	width			:	100%;
}
.table-layout > .table-line{
	display			: table-row;
}
.table-layout > .table-line *[class^=t]{
	display			:	table-cell;
	height			:	100%;
	float			:	none;
	vertical-align	:	top;
}
.table-layout > .table-line *[class^=t].vmiddle{
	vertical-align	:	middle;
}
.t1 {width:8.333%;}
.t1_0{width:10%;}
.t1_1{width:11.111%;}
.t2 {width:16.667%;}
.t3 {width:25.0%;}
.t4 {width:33.333%;}
.t5 {width:41.667%;}
.t6 {width:50.0%;}
.t7 {width:58.333%;}
.t8 {width:66.667%;}
.t9 {width:75.0%;}
.t10 {width:83.333%;}
.t11 {width:91.667%;}
.t12 {width:100%; }
/* ==================================================================
RESPONSIVE
================================================================== */
@media screen and (max-width: 1200px) {
	
}
/* portrait tablet screens */
@media screen and (max-width: 960px) {
	
}
/* portrait tablet screens */
@media screen and (max-width: 758px) {
	img.ml-50{
		
		margin-bottom	:	40px;
	}
	img.mr-50{
		max-width		:	90%;
		margin-right	:	5%;
	}
}
/** SMARTPHONES **/
@media screen and (max-width: 524px) {
	body {
		height	:	100%;
	}
	body > .grid-layout .g6:nth-child(1){
		display	:	none;
	}
	body > .grid-layout .g6:nth-child(2){
		padding			:	20px;
		vertical-align	:	middle;
		width			:	100%;
	}	
	body > .grid-layout{
		min-width	:	100%;
		margin		:	0;
	}
	img.ml-50{
		margin-left		:	0px;
		margin-bottom	:	50px;
	}
	
}