/* CSS Document */
/* FlexGRID. */
.wrapperflex {
	width: 80%;
/*	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; */
	/* padding: 0 0 4%; */
	margin: 4% auto;
}


/* BACKUP 
@media screen and (max-width: 500px) {
	.wrapperflex {
	width: 90%;
/*	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; */
	/* padding: 0 0 4%; */
/*	margin: 4% 5% auto;
}
	
}

*/

@media screen and (max-width: 500px) {
	.wrapperflex {
	width: 99%;
/*	border-collapse: collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; */
	/* padding: 0 0 4%; */
	margin: 4% 1% auto;
}
	
}


body .wrapperflex:first-child {
	margin: 0;
}
.rowflex {
	clear: both;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}
.rowflex:after {
	content:"";
	display:table;
	clear:both;
}
.co_flex_1, .co_flex_2, .co_flex_3, .co_flex_4, .co_flex_5, .co_flex_6, .co_flex_7, .co_flex_8, .co_flex_9, .co_flex_10, .co_flex_11, .co_flex_12 {
	font-size: 14px;
	float: left;
	width: 99%;
	/*border-collapse:collapse;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-word; */
	 margin: 4% 0 0; 
}
.wrapperflex .rowflex .co_flex_1,
.wrapperflex .rowflex .co_flex_2,
.wrapperflex .rowflex .co_flex_3,
.wrapperflex .rowflex .co_flex_4,
.wrapperflex .rowflex .co_flex_5,
.wrapperflex .rowflex .co_flex_6,
.wrapperflex .rowflex .co_flex_7,
.wrapperflex .rowflex .co_flex_8,
.wrapperflex .rowflex .co_flex_9,
.wrapperflex .rowflex .co_flex_10,
.wrapperflex .rowflex .co_flex_11,
.wrapperflex .rowflex .co_flex_12 {
	/*border-right: 1px solid #e2e2e2;*/
	outline: 1px solid #1b579f;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow:0 3px 1px #d4d4d4;
    -moz-box-shadow:0 3px 1px #d4d4d4;
    -webkit-box-shadow:0 3px 1px #d4d4d4;
}

.wrapperflex .rowflex .co_flex_4, .wrapperflex .rowflex .co_flex_9{
 outline: none;
	box-shadow: none;
}

.nooutline{
  outline: none !important;
	box-shadow: none !important;
}

.no_padding,
.rowflex.no_padding .co_flex_1,
.rowflex.no_padding .co_flex_2,
.rowflex.no_padding .co_flex_3,
.rowflex.no_padding .co_flex_4,
.rowflex.no_padding .co_flex_5,
.rowflex.no_padding .co_flex_6,
.rowflex.no_padding .co_flex_7,
.rowflex.no_padding .co_flex_8,
.rowflex.no_padding .co_flex_9,
.rowflex.no_padding .co_flex_10,
.rowflex.no_padding .co_flex_11,
.rowflex.no_padding .co_flex_12 {
	padding: 0 !important;
}

@media all and (min-width : 768px) {
	.wrapperflex {
		width: 100%;
		padding: 0% 0;
		margin: 2% auto;
	}
	.rowflex {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		clear: both;
		margin: 0 auto;
		max-width: 100%;
		height: 100%;
		padding: 0% 0 0;
	}
	.wrapperflex .rowflex {
		padding: 0% 0;	
	}
	.rowflex:after {
		content:"";
		display:table;
		clear:both;
	}
	.co_flex_1, .co_flex_2, .co_flex_3, .co_flex_4, .co_flex_5, .co_flex_6, .co_flex_7, .co_flex_8, .co_flex_9, .co_flex_10, .co_flex_11, .co_flex_12 {
		margin: 0 1% 0 0;
		float: left;
		word-break: break-word;
		position: relative;
	}
	
	.co_flex_1 { width: 6.5%; }
	.co_flex_2 { width: 15%; }
	.co_flex_3 { width: 23.5%; }
	.co_flex_4 { width: 32.5%; }
	.co_flex_5 { width: 40.5%; }
	.co_flex_6 { width: 49%; }
	.co_flex_7 { width: 57.5%; }
	.co_flex_8 { width: 66%; }
	.co_flex_9 { width: 74.5%; }
	.co_flex_10 { width: 83%; }
	.co_flex_11 { width: 91.5%; }
	.co_flex_12 { width: 100%; margin: 0; }
	
	.last {
		margin: 0 !important;
	}
}

html, body {
	font-family: Arial, Helvetica, sans-serif	
}
.flexGRID {
	/* background: #34495e; */
	background: #ffffff;
}

.flexGRID .rowflex .co_flex_1,
.flexGRID .rowflex .co_flex_2,
.flexGRID .rowflex .co_flex_3,
.flexGRID .rowflex .co_flex_4,
.flexGRID .rowflex .co_flex_5,
.flexGRID .rowflex .co_flex_6,
.flexGRID .rowflex .co_flex_7,
.flexGRID .rowflex .co_flex_8,
.flexGRID .rowflex .co_flex_9,
.flexGRID .rowflex .co_flex_10,
.flexGRID .rowflex .co_flex_11,
.flexGRID .rowflex .co_flex_12 {
	background: #FFF;
	/*border-radius: 5px; */
	padding: 0px;
}

@media screen and (max-width: 450px) {
	.flexGRID .rowflex .co_flex_1,
.flexGRID .rowflex .co_flex_2,
.flexGRID .rowflex .co_flex_3,
.flexGRID .rowflex .co_flex_4,
.flexGRID .rowflex .co_flex_5,
.flexGRID .rowflex .co_flex_6,
.flexGRID .rowflex .co_flex_7,
.flexGRID .rowflex .co_flex_8,
.flexGRID .rowflex .co_flex_9,
.flexGRID .rowflex .co_flex_10,
.flexGRID .rowflex .co_flex_11,
.flexGRID .rowflex .co_flex_12 {
	background: #FFF;
	/*border-radius: 5px; */
	/*padding: 5px;*/
	padding: 0px;
}
	
	}

.flexGRID .rowflex:first-child .co_flex_12 {
	color: #FFF;
	background: none;
	padding: 0;
}
.flexGRID .rowflex:first-child .co_flex_12 h1 {
	font-size: 32px;
	margin-bottom: 2%;
	text-align: center;
}