﻿/* Rows & columns */

.row
{
	*zoom: 					1;

	width: 					100%;
	max-width: 				1200px;
	min-width: 				320px;

	margin: 				0 auto;
}

.row.fullscreen, #total.fullscreenLayout .contentRow
{
	max-width:				100%;
}

.row .row
{
	min-width: 				0px;
}

.row:after
{
	content: 				"";

	display: 				table;

	clear: 					both;
}

.row:before
{
	content: 				"";

	display: 				table;
}

.column, .columns
{
	position: 				relative;

	float: 					left;

	min-height: 			1px;

	margin-left: 			2.12766%;

	-webkit-box-sizing: 	border-box;
	-moz-box-sizing: 		border-box;
	box-sizing: 			border-box;
}

.column:first-child, .columns:first-child
{
	margin-left: 			0px;
}

.row .one.column, .row .one.columns
{
	width: 					6.38298%;
}
#content > .contentRow > .six.columns .row .one.column,
#content > .contentRow > .six.columns .row .one.columns
{
	margin-left:			2%;
	width:					10%;
}



.row .two.columns
{
	width: 					14.89362%;
}

.row .two-point-four.columns, .row .two-point-four.column
{
	width: 18.297872%;
}

.row .three.columns
{
	width: 					23.40426%;
}

.row .four.columns
{
	width: 					31.91489%;
}

.row .five.columns
{
	width: 					40.42553%;
}

.row .six.columns
{
	width: 					48.93617%;
}

.row .seven.columns
{
	width: 					57.44681%;
}

.row .eight.columns
{
	width: 					65.95745%;
}

.row .nine.columns
{
	width: 					74.46809%;
}

.row .ten.columns
{
	width: 					82.97872%;
}

.row .eleven.columns
{
	width: 					91.48936%;
}
#content > .contentRow > .six.columns .row .eleven.columns
{
	width:					88%;
}

.row .twelve.columns
{
	width: 					100%;
}

/* Small desktops & tablets */

@media only screen and (max-width: 1220px)
{
	.row
	{
		max-width: 				960px;
	}
}

/* Mobiles & tablets */

@media only screen and (max-width: 768px)
{
	.row
	{
		width: 					100%;
		min-width: 				0;

		margin-left: 			0;
		margin-right: 			0;
	}

	.row .row .column, .row .row .columns
	{
		padding: 				0;
	}

	.row .centered
	{
		margin: 				0 !important;
	}

	.column, .columns
	{
		float:					none;

		width: 					auto !important;

		margin-left: 			0;
		margin-right: 			0;
	}

	.column:last-child, .columns:last-child
	{
		float: 					none;

		margin-right: 			0;
	}

	[class*="column"] + [class*="column"]:last-child
	{
		float: 					none;
	}

	[class*="column"]:before
	{
		display: 				table;
	}

	[class*="column"]:after
	{
		display: 				table;

		clear: 					both;
	}

	.layout25-50-25 #content > .contentRow,
	.layout25-75 #content > .contentRow
	{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}

	.layout25-50-25 #content > .contentRow > .three.columns:nth-child(1),
	.layout25-75 #content > .contentRow > .three.columns
	{
		flex-grow: 1;
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		order: 2;
		width: 100% !important;
	}

	.layout25-50-25 #content > .contentRow > .six.columns,
	.layout25-75 #content > .contentRow > .nine.columns
	{
		flex-grow: 1;
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		-ms-flex-order: 1;
		order: 1;
		width: 100% !important;
	}
	.layout25-50-25 #content > .contentRow > .columns:last-child
	{
		flex-grow: 1;
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		order: 3;
		width: 100% !important;
	}
}
