*, *:after, *:before				{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

[class*='col-']						{ float: left; padding-right: 30px; margin-bottom: 30px; }
[class*='col-'].center				{ float:none; margin: auto; }

/* BASE SCREEN */
.grid								{ width: 80%; margin: 0 auto; max-width: 1600px; /*overflow: hidden;*/ }
.grid:after							{ content: ""; display: table; clear: both; }
.grid.full							{ width: 100%; max-width: 100%; padding: 0; }

.grid-pad							{ padding-top: 30px; padding-left: 30px; padding-right: 0px; }
.grid-pad.large 					{ padding-top: 100px; padding-left: 100px; padding-right: 0px; }

.grid.full [class*='col-']			{ padding-right: 0px; }
.grid-pad.full [class*='col-']		{ padding-right: 30px; padding-left: 30px; padding-right: 0px; }
.grid-pad.large [class*='col-']		{ padding-right: 100px; margin-bottom: 100px; }

.offset-right						{ float: right; }

.content:after						{ content: ""; display: table; clear: both; }

/* Content Columns */
.col-1-1							{ width: 100%; }
.col-4-5							{ width: 80%; }
.col-2-3,
.col-8-12							{ width: 66.66%; }
.col-1-2,
.col-6-12							{ width: 50%; }
.col-1-3,
.col-4-12							{ width: 33.33%; }
.col-1-4,
.col-3-12							{ width: 25%; }
.col-1-5							{ width: 20%; }
.col-1-6,
.col-2-12							{ width: 16.666%; }
.col-1-7							{ width: 14.28%; }
.col-1-8							{ width: 12.5%; }
.col-1-9							{ width: 11.1%; }
.col-1-10							{ width: 10%; }
.col-1-11							{ width: 9.09%; }
.col-1-12							{ width: 8.33%; }
.col-11-12							{ width: 91.66%; }
.col-10-12							{ width: 83.333%; }
.col-3-4,
.col-9-12							{ width: 75%; }
.col-5-12							{ width: 41.66%; }
.col-7-12							{ width: 58.33%; }

/* Pushing blocks */
.offset-2-3,
.offset-8-12						{ margin-left: 66.66%; }
.offset-1-2,
.offset-6-12						{ margin-left: 50%; }
.offset-1-3,
.offset-4-12						{ margin-left: 33.33%; }
.offset-1-4,
.offset-3-12						{ margin-left: 25%; }
.offset-1-5							{ margin-left: 20%; }
.offset-1-6,
.offset-2-12						{ margin-left: 16.667%; }
.offset-1-7							{ margin-left: 14.28%; }
.offset-1-8							{ margin-left: 12.5%; }
.offset-1-9							{ margin-left: 11.1%; }
.offset-1-10						{ margin-left: 10%; }
.offset-1-11						{ margin-left: 9.09%; }
.offset-1-12						{ margin-left: 8.33%; }
.offset-5-12						{ margin-left: 41.66%; }
.offset-7-12						{ margin-left: 58.33%; }

/* XXLARGE SCREEN */
@media only screen and (max-width : 1680px) {
	[class*='xxl-']						{ float: left; padding-right: 30px; }
	[class*='col-']						{ float: left; padding-right: 30px; }
	
	.grid							 	{ width: 80%; }
	
	/* Content Columns */
	.xxl-1-1							{ width: 100%; }
	.xxl-4-5							{ width: 80%; }
	.xxl-2-3,
	.xxl-8-12							{ width: 66.66%; }
	.xxl-1-2,
	.xxl-6-12							{ width: 50%; }
	.xxl-1-3,
	.xxl-4-12							{ width: 33.33%; }
	.xxl-1-4,
	.xxl-3-12							{ width: 25%; }
	.xxl-1-5							{ width: 20%; }
	.xxl-1-6,
	.xxl-2-12							{ width: 16.667%; }
	.xxl-1-7							{ width: 14.28%; }
	.xxl-1-8							{ width: 12.5%; }
	.xxl-1-9							{ width: 11.1%; }
	.xxl-1-10							{ width: 10%; }
	.xxl-1-11							{ width: 9.09%; }
	.xxl-1-12							{ width: 8.33%; }
	.xxl-11-12							{ width: 91.66%; }
	.xxl-10-12							{ width: 83.333%; }
	.xxl-3-4,
	.xxl-9-12							{ width: 75%; }
	.xxl-5-12							{ width: 41.66%; }
	.xxl-7-12							{ width: 58.33%; }
}

/* XLARGE SCREEN */
@media only screen and (max-width : 1440px) {
	[class*='xl-']						{ float: left; padding-right: 30px; }
	[class*='col-']						{ float: left; padding-right: 30px; }
	
	.grid								{ width: 90%; padding-left: 30px; padding-right: 0px; }
	
		/* Content Columns */
	.xl-1-1								{ width: 100%; }
	.xl-4-5								{ width: 80%; }
	.xl-2-3,
	.xl-8-12							{ width: 66.66%; }
	.xl-1-2,
	.xl-6-12							{ width: 50%; }
	.xl-1-3,
	.xl-4-12							{ width: 33.33%; }
	.xl-1-4,
	.xl-3-12							{ width: 25%; }
	.xl-1-5								{ width: 20%; }
	.xl-1-6,
	.xl-2-12							{ width: 16.667%; }
	.xl-1-7								{ width: 14.28%; }
	.xl-1-8								{ width: 12.5%; }
	.xl-1-9								{ width: 11.1%; }
	.xl-1-10							{ width: 10%; }
	.xl-1-11							{ width: 9.09%; }
	.xl-1-12							{ width: 8.33%; }
	.xl-11-12							{ width: 91.66%; }
	.xl-10-12							{ width: 83.333%; }
	.xl-3-4,
	.xl-9-12							{ width: 75%; }
	.xl-5-12							{ width: 41.66%; }
	.xl-7-12							{ width: 58.33%; }
}

/* LARGE SCREEN */
@media only screen and (max-width : 1280px) {
	[class*='lg-']						{ float: left; padding-right: 20px; }
	[class*='col-']						{ float: left; padding-right: 20px; }
	
	.grid								{ width: 96%; padding-left: 20px; padding-right: 20px; }
	
	/* Content Columns */
	.lg-1-1								{ width: 100%; }
	.lg-4-5								{ width: 80%; }
	.lg-2-3,
	.lg-8-12							{ width: 66.66%; }
	.lg-1-2,
	.lg-6-12							{ width: 50%; }
	.lg-1-3,
	.lg-4-12							{ width: 33.33%; }
	.lg-1-4,
	.lg-3-12							{ width: 25%; }
	.lg-1-5								{ width: 20%; }
	.lg-1-6,
	.lg-2-12							{ width: 16.667%; }
	.lg-1-7								{ width: 14.28%; }
	.lg-1-8								{ width: 12.5%; }
	.lg-1-9								{ width: 11.1%; }
	.lg-1-10							{ width: 10%; }
	.lg-1-11							{ width: 9.09%; }
	.lg-1-12							{ width: 8.33%; }
	.lg-11-12							{ width: 91.66%; }
	.lg-10-12							{ width: 83.333%; }
	.lg-3-4,
	.lg-9-12							{ width: 75%; }
	.lg-5-12							{ width: 41.66%; }
	.lg-7-12							{ width: 58.33%; }
}

/* MEDIUM SCREEN */
@media only screen and (max-width : 1024px) {
	[class*='med-']						{ float: left; padding-right: 15px; }
	[class*='col-']						{ float: left; padding-right: 15px; }
	
	.grid								{ width: 98%; padding-left: 15px; padding-right: 0px; }
	
	.grid-pad.large [class*='col-']		{ padding-right: 60px; margin-bottom: 60px; }
	.grid-pad.large 					{ padding-top: 60px; padding-left: 60px; padding-right: 0px; }
	
	/* Content Columns */
	.med-1-1							{ width: 100%; }
	.med-4-5							{ width: 80%; }
	.med-2-3,
	.med-8-12							{ width: 66.66%; }
	.med-1-2,
	.med-6-12							{ width: 50%; }
	.med-1-3,
	.med-4-12							{ width: 33.33%; }
	.med-1-4,
	.med-3-12							{ width: 25%; }
	.med-1-5							{ width: 20%; }
	.med-1-6,
	.med-2-12							{ width: 16.667%; }
	.med-1-7							{ width: 14.28%; }
	.med-1-8							{ width: 12.5%; }
	.med-1-9							{ width: 11.1%; }
	.med-1-10							{ width: 10%; }
	.med-1-11							{ width: 9.09%; }
	.med-1-12							{ width: 8.33%; }
	.med-11-12							{ width: 91.66%; }
	.med-10-12							{ width: 83.333%; }
	.med-3-4,
	.med-9-12							{ width: 75%; }
	.med-5-12							{ width: 41.66%; }
	.med-7-12							{ width: 58.33%; }
	
	.med-hide							{ display: none; }
}

/* SMALL SCREEN */
@media only screen and (max-width : 768px) {
	[class*='sm-']						{ float: left; padding-right: 10px; }
	[class*='col-']						{ float: left; padding-right: 10px; }
	
	.grid								{ width: 100%; padding-left: 10px; padding-right: 0px; }
	
	.grid-pad.large [class*='col-']		{ padding-right: 30px; margin-bottom: 30px; }
	.grid-pad.large 					{ padding-top: 30px; padding-left: 30px; padding-right: 0px; }
	
	/* Content Columns */
	.sm-1-1								{ width: 100%; }
	.sm-4-5								{ width: 80%; }
	.sm-2-3,
	.sm-8-12							{ width: 66.66%; }
	.sm-1-2,
	.sm-6-12							{ width: 50%; }
	.sm-1-3,
	.sm-4-12							{ width: 33.33%; }
	.sm-1-4,
	.sm-3-12							{ width: 25%; }
	.sm-1-5								{ width: 20%; }
	.sm-1-6,
	.sm-2-12							{ width: 16.667%; }
	.sm-1-7								{ width: 14.28%; }
	.sm-1-8								{ width: 12.5%; }
	.sm-1-9								{ width: 11.1%; }
	.sm-1-10							{ width: 10%; }
	.sm-1-11							{ width: 9.09%; }
	.sm-1-12							{ width: 8.33%; }
	.sm-11-12							{ width: 91.66%; }
	.sm-10-12							{ width: 83.333%; }
	.sm-3-4,
	.sm-9-12							{ width: 75%; }
	.sm-5-12							{ width: 41.66%; }
	.sm-7-12							{ width: 58.33%; }
	
	.sm-hide							{ display: none; }

}

/* XSMALL SCREEN */
@media only screen and (max-width : 479px) {
	.grid								{ width: 100%; padding-left: 10px; padding-right: 0px; }

	/* Mobile Layout */
	[class*='col-']						{ width: 100%; float: none; margin: 0 0 10px 0; padding-left: 0px; padding-right: 10px; padding-bottom: 0px; }
	
	.grid-pad.large [class*='col-']		{ padding-right: 10px; margin-bottom: 10px; }
	.grid-pad.large 					{ padding-top: 10px; padding-left: 10px; padding-right: 0px; }
	
	/* Content Columns */
	.col-1-1							{ width: 100%; }
	.col-4-5							{ width: 100%; }
	.col-2-3,
	.col-8-12							{ width: 100%; }
	.col-1-2,
	.col-6-12							{ width: 100%; }
	.col-1-3,
	.col-4-12							{ width: 100%; }
	.col-1-4,
	.col-3-12							{ width: 100%; }
	.col-1-5							{ width: 100%; }
	.col-1-6,
	.col-2-12							{ width: 100%; }
	.col-1-7							{ width: 100%; }
	.col-1-8							{ width: 100%; }
	.col-1-9							{ width: 100%; }
	.col-1-10							{ width: 100%; }
	.col-1-11							{ width: 100%; }
	.col-1-12							{ width: 100%; }
	.col-11-12							{ width: 100%; }
	.col-10-12							{ width: 100%; }
	.col-3-4,
	.col-9-12							{ width: 100%; }
	.col-5-12							{ width: 100%; }
	.col-7-12							{ width: 100%; }
	
	/* Content Columns */
	.xsm-1-1							{ width: 100%; }
	.xsm-4-5							{ width: 80%; }
	.xsm-2-3,
	.xsm-8-12							{ width: 66.66%; }
	.xsm-1-2,
	.xsm-6-12							{ width: 50%; }
	.xsm-1-3,
	.xsm-4-12							{ width: 33.33%; }
	.xsm-1-4,
	.xsm-3-12							{ width: 25%; }
	.xsm-1-5							{ width: 20%; }
	.xsm-1-6,
	.xsm-2-12							{ width: 16.667%; }
	.xsm-1-7							{ width: 14.28%; }
	.xsm-1-8							{ width: 12.5%; }
	.xsm-1-9							{ width: 11.1%; }
	.xsm-1-10							{ width: 10%; }
	.xsm-1-11							{ width: 9.09%; }
	.xsm-1-12							{ width: 8.33%; }
	.xsm-11-12							{ width: 91.66%; }
	.xsm-10-12							{ width: 83.333%; }
	.xsm-3-4,
	.xsm-9-12							{ width: 75%; }
	.xsm-5-12							{ width: 41.66%; }
	.xsm-7-12							{ width: 58.33%; }
	
	.xsm-hide							{ display: none; }
	
	.hide-on-mobile						{ display: none !important; width: 0; height: 0; }
}