﻿
/* GLOBAL RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section { 
	display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/*
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*/

/* Container Setup */
.container { max-width: 100%; margin-left: auto; margin-right: auto; width: 100%; position: relative; max-width: 1200px; }
.container:after { content: " "; display: block; clear: both; }
.container.narrow { width: 70%; }
.container.full { max-width: 100%; }

.container .col-1, .container .col-2, .container .col-3, .container .col-4, .container .col-5, .container .col-6, .container .col-7, .container .col-8, .container .col-9, .container .col-10, .container .col-11, .container .col-12, 
.container .col-t-1, .container .col-t-2, .container .col-t-3, .container .col-t-4, .container .col-t-5, .container .col-t-6, .container .col-t-7, .container .col-t-8, .container .col-t-9, .container .col-t-10, .container .col-t-11, .container .col-t-12, 
.container .col-d-1, .container .col-d-2, .container .col-d-3, .container .col-d-4, .container .col-d-5, .container .col-d-6, .container .col-d-7, .container .col-d-8, .container .col-d-9, .container .col-d-10, .container .col-d-11, .container .col-d-12 { 
	width: 100%; float: left; padding-left: 2%; padding-right: 2%; position: relative; }

.container .col-1 { width: 8.33333%; }
.container .push-1 { position: relative; left: 8.33333%; }
.container .pull-1 { position: relative; left: -8.33333%; }
.container .col-2 { width: 16.66667%; }
.container .push-2 { position: relative; left: 16.66667%; }
.container .pull-2 { position: relative; left: -16.66667%; }
.container .col-3 { width: 25%; }
.container .push-3 { position: relative; left: 25%; }
.container .pull-3 { position: relative; left: -25%; }
.container .col-4 { width: 33.33333%; }
.container .push-4 { position: relative; left: 33.33333%; }
.container .pull-4 { position: relative; left: -33.33333%; }
.container .col-5 { width: 41.66667%; }
.container .push-5 { position: relative; left: 41.66667%; }
.container .pull-5 { position: relative; left: -41.66667%; }
.container .col-6 { width: 50%; }
.container .push-6 { position: relative; left: 50%; }
.container .pull-6 { position: relative; left: -50%; }
.container .col-7 { width: 58.33333%; }
.container .push-7 { position: relative; left: 58.33333%; }
.container .pull-7 { position: relative; left: -58.33333%; }
.container .col-8 { width: 66.66667%; }
.container .push-8 { position: relative; left: 66.66667%; }
.container .pull-8 { position: relative; left: -66.66667%; }
.container .col-9 { width: 75%; }
.container .push-9 { position: relative; left: 75%; }
.container .pull-9 { position: relative; left: -75%; }
.container .col-10 { width: 83.33333%; }
.container .push-10 { position: relative; left: 83.33333%; }
.container .pull-10 { position: relative; left: -83.33333%; }
.container .col-11 { width: 91.66667%; }
.container .push-11 { position: relative; left: 91.66667%; }
.container .pull-11 { position: relative; left: -91.66667%; }
.container .col-12 { width: 100%; }
.container .push-12 { position: relative; left: 100%; }
.container .pull-12 { position: relative; left: -100%; }

/* tablet */
@media (min-width: 480px) {
	.container .col-t-1 { width: 8.33333%; }
	.container .push-t-1 { position: relative; left: 8.33333%; }
	.container .pull-t-1 { position: relative; left: -8.33333%; }
	.container .col-t-2 { width: 16.66667%; }
	.container .push-t-2 { position: relative; left: 16.66667%; }
	.container .pull-t-2 { position: relative; left: -16.66667%; }
	.container .col-t-3 { width: 25%; }
	.container .push-t-3 { position: relative; left: 25%; }
	.container .pull-t-3 { position: relative; left: -25%; }
	.container .col-t-4 { width: 33.33333%; }
	.container .push-t-4 { position: relative; left: 33.33333%; }
	.container .pull-t-4 { position: relative; left: -33.33333%; }
	.container .col-t-5 { width: 41.66667%; }
	.container .push-t-5 { position: relative; left: 41.66667%; }
	.container .pull-t-5 { position: relative; left: -41.66667%; }
	.container .col-t-6 { width: 50%; }
	.container .push-t-6 { position: relative; left: 50%; }
	.container .pull-t-6 { position: relative; left: -50%; }
	.container .col-t-7 { width: 58.33333%; }
	.container .push-t-7 { position: relative; left: 58.33333%; }
	.container .pull-t-7 { position: relative; left: -58.33333%; }
	.container .col-t-8 { width: 66.66667%; }
	.container .push-t-8 { position: relative; left: 66.66667%; }
	.container .pull-t-8 { position: relative; left: -66.66667%; }
	.container .col-t-9 { width: 75%; }
	.container .push-t-9 { position: relative; left: 75%; }
	.container .pull-t-9 { position: relative; left: -75%; }
	.container .col-t-10 { width: 83.33333%; }
	.container .push-t-10 { position: relative; left: 83.33333%; }
	.container .pull-t-10 { position: relative; left: -83.33333%; }
	.container .col-t-11 { width: 91.66667%; }
	.container .push-t-11 { position: relative; left: 91.66667%; }
	.container .pull-t-11 { position: relative; left: -91.66667%; }
	.container .col-t-12 { width: 100%; }
	.container .push-t-12 { position: relative; left: 100%; }
	.container .pull-t-12 { position: relative; left: -100%; }
}
@media (min-width: 1024px) {
	.container .col-d-1 { width: 8.33333%; }
	.container .push-d-1 { position: relative; left: 8.33333%; }
	.container .pull-d-1 { position: relative; left: -8.33333%; }
	.container .col-d-2 { width: 16.66667%; }
	.container .push-d-2 { position: relative; left: 16.66667%; }
	.container .pull-d-2 { position: relative; left: -16.66667%; }
	.container .col-d-3 { width: 25%; }
	.container .push-d-3 { position: relative; left: 25%; }
	.container .pull-d-3 { position: relative; left: -25%; }
	.container .col-d-4 { width: 33.33333%; }
	.container .push-d-4 { position: relative; left: 33.33333%; }
	.container .pull-d-4 { position: relative; left: -33.33333%; }
	.container .col-d-5 { width: 41.66667%; }
	.container .push-d-5 { position: relative; left: 41.66667%; }
	.container .pull-d-5 { position: relative; left: -41.66667%; }
	.container .col-d-6 { width: 50%; }
	.container .push-d-6 { position: relative; left: 50%; }
	.container .pull-d-6 { position: relative; left: -50%; }
	.container .col-d-7 { width: 58.33333%; }
	.container .push-d-7 { position: relative; left: 58.33333%; }
	.container .pull-d-7 { position: relative; left: -58.33333%; }
	.container .col-d-8 { width: 66.66667%; }
	.container .push-d-8 { position: relative; left: 66.66667%; }
	.container .pull-d-8 { position: relative; left: -66.66667%; }
	.container .col-d-9 { width: 75%; }
	.container .push-d-9 { position: relative; left: 75%; }
	.container .pull-d-9 { position: relative; left: -75%; }
	.container .col-d-10 { width: 83.33333%; }
	.container .push-d-10 { position: relative; left: 83.33333%; }
	.container .pull-d-10 { position: relative; left: -83.33333%; }
	.container .col-d-11 { width: 91.66667%; }
	.container .push-d-11 { position: relative; left: 91.66667%; }
	.container .pull-d-11 { position: relative; left: -91.66667%; }
	.container .col-d-12 { width: 100%; }
	.container .push-d-12 { position: relative; left: 100%; }
	.container .pull-d-12 { position: relative; left: -100%; }
}

.container .last { float: right; padding-left: 2%; padding-right: 2%; }
.container .alpha { margin-left: 0; padding-left: 0; }
.container .omega { margin-right: 0; padding-right: 0; }
@media (max-width: 767px) {
	.container .alpha-m { margin-left: 0; padding-left: 0; }
	.container .omega-m { margin-right: 0; padding-right: 0; }
}
@media (min-width: 768px) {
	.container .alpha-t { margin-left: 0; padding-left: 0; }
	.container .omega-t { margin-right: 0; padding-right: 0; }
}
@media (min-width: 1024px) {
	.container .alpha-d { margin-left: 0; padding-left: 0; }
	.container .omega-d { margin-right: 0; padding-right: 0; }
}
