/****************************************/
/* GRID SYSTEM							*/
/****************************************/


/* Containers */
.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 30px;
}
.container:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}

.wide-container {
	width: 100%;
	max-width: 2400px;
	margin: 0 auto;
}
.white-container {
	background: rgba(255,255,255,0.7);	
	padding-top: 16px;
	padding-bottom: 16px;
	margin: 16px auto;
}

@media only screen and (min-width : 480px) {
	.container {
		max-width: 540px;
		padding: 0 60px;
	}
}
@media only screen and (min-width : 1200px) {
	.container {
		max-width: 1980px;
	}
	.container.lg-table {
		display: table;
		table-layout: fixed;
	}
	.container.lg-table > .row {
		display: table-row;
		width: 100%;
	}
	.container.lg-table > .row > div{
		display: table-cell;
		vertical-align: middle;
		float: none;
	}
}
/***/


/* Rows */
.row {
	margin-left: 0;
	margin-right: 0;
}
.row:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.row.table-row {
	width: 100%;
	display: table-row;
}
.row.hr-row {
	border-bottom: 1px solid #454545;
}

.row > div {
	padding-top: 20px;
	padding-bottom: 20px;
}
.row.table-row > div {
	display: table-cell;
}
/***/


/* Cols - widths */
.col-xxs-2, .col-xxs-3, .col-xxs-6, .col-xxs-8,
.col-xs-2, .col-xs-3, .col-xs-6, .col-xs-8,
.col-sm-2, .col-sm-6, .col-sm-8,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-8,
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-8, .col-lg-10, .col-lg-11, .col-lg-12 {
	width: 100%;
	float: right;
	padding: 10px 0;
}
.col-xxs-0 {
	width: 0;
}
.col-xxs-3 {
	width: 25%;
}
.col-xxs-6 {
	width: 50%;
}



@media only screen and (min-width : 480px) {
	/* xs */
	.col-xs-2 {
		width: 16.6666%;
	}
	.col-xs-3 {
		width: 25%;
	}
	.col-xs-6 {
		width: 50%;
	}
	.col-xs-8 {
		width: 66.6666%;
	}
	
}
@media only screen and (min-width : 768px) {
	/* sm */
	.col-sm-1 {
		width: 8.3333%;
	}
	.col-sm-2 {
		width: 16.6666%;
	}
	.col-sm-3 {
		width: 25%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-6:nth-child(2n+1) {
		clear: both;
	}
	.col-sm-8 {
		width: 66.6666%;
	}
}
@media only screen and (min-width : 992px) {
	/* md */
	.col-md-1 {
		width: 8.3333%;
	}
	.col-md-2 {
		width: 16.6666%;
	}
	.col-md-3 {
		width: 25%;
	}
	.col-md-4 {
		width: 33.3333%;
	}
	.col-md-4:nth-child(2n+1) {
		clear: none;
	}
	.col-md-4:nth-child(3n+1) {
		clear: both;
	}
	.col-md-8 {
		width: 66.6666%;
	}
}
@media only screen and (min-width : 1200px) {
	/* lg */
	.col-lg-1 {
		width: 8.3333%;
	}
	.col-lg-2 {
		width: 16.6666%;
	}
	.col-lg-3 {
		width: 25%;
	}
	.col-lg-4 {
		width: 33.3333%;
	}
	.col-lg-6 {
		width: 50%;
	}
	.col-lg-8 {
		width: 66.6666%;
	}
	.col-lg-10 {
		width: 83.3333%;
	}
	.col-lg-11 {
		width: 91.6666%;
	}
	.col-lg-12 {
		width: 100%;
	}
}


/***/



/* Cols - offsets */
.col-xxs-offset-3 {
	margin-right: 25%;
}
@media only screen and (min-width : 480px) {
	/* xs */
	.col-xs-offset-2 {
		margin-right: 16.6666%;
	}	
	.col-xs-offset-3 {
		margin-right: 25%;
	}
}
@media only screen and (min-width : 768px) {
	/* sm */
	.col-sm-offset-1 {
		margin-right: 8.3333%;
	}
	.col-sm-offset-2 {
		margin-right: 16.6666%;
	}
}
@media only screen and (min-width : 992px) {
	/* md */
	.col-md-offset-1 {
		margin-right: 8.3333%;
	}
	.col-md-offset-2 {
		margin-right: 16.6666%;
	}
}
@media only screen and (min-width : 1200px) {
	/* lg */
	.col-lg-offset-1 {
		margin-right: 8.3333%;
	}
	.col-lg-offset-2 {
		margin-right: 16.6666%;
	}
	
	
	.col-lg-padding-right {
		padding-right: 8.3333%;
	}
	.col-lg-padding-right-2 {
		padding-right: 16.6666%;
	}
	.col-lg-padding-left {
		padding-left: 8.3333%;
	}
	
	.col-lg-offset-in-1 {
		padding-right: 8.3333%;
	}
	
}
/***/


/****************************************/