/* ==========================================================================
   Table of Contents
   ==========================================================================

:: BASE GRID
	:: Page Wrap
	:: Container
	:: Row
	:: Column
	:: Media
	:: Blocks

:: RESPONSIVE BREAKPOINTS
	:: 20em (320px ->  479) Mobile Portrait
	:: 30em (480px ->  639) Mobile Landscape
	:: 40em (640px ->  799) Tablet Portrait
	:: 50em (800px ->  959) Tablet Landscape
	:: 60em (960px -> 1440) Desktop


*/

/* ==========================================================================
   :: BASE GRID
   ========================================================================== */

/* --------------------------------------------------------------------------
   :: Page Wrap
   -------------------------------------------------------------------------- */

#page-wrap {
	min-width: 20em;
}

/* --------------------------------------------------------------------------
   :: Container
   -------------------------------------------------------------------------- */

.container {
	margin: 0 auto;
	min-width: 20em;
}

/* --------------------------------------------------------------------------
   :: Row
   -------------------------------------------------------------------------- */

.row {
	clear: both;
}

.ie7 .row {
	zoom: 1;
}

.row:before,
.row:after {
	display: table;
	content: '';
}

.row:after {
	clear: both;
}

/* --------------------------------------------------------------------------
   :: Column
   -------------------------------------------------------------------------- */

.column {
}

.column-wrap {
  padding: 0 10px;
}

/* reset padding */
.column.reset > .column-wrap,
.column.reset-left > .column-wrap {
  padding-left: 0;
}

.column.reset > .column-wrap,
.column.reset-rightv > .column-wrap {
  padding-right: 0;
}

/* --------------------------------------------------------------------------
   :: Media
   -------------------------------------------------------------------------- */

.column embed,
.column img,
.column object,
.column video {
	max-width: 100%;
}

.column img,
.column video {
	height: auto;
}

.ie7 .column img {
	-ms-interpolation-mode: bicubic;
}

/* --------------------------------------------------------------------------
   :: Blocks
   -------------------------------------------------------------------------- */

.blocks {
	display: block;
	clear: both;
	margin-left: -20px;
	list-style: none;
}

.blocks.reset {
	padding: 0;
}

.blocks:after {
	display: block;
	clear: both;
	content: '';
}
.content .blocks {
	margin-left: -10px;
	margin-right: -10px;
}
.blocks > li {
	display: block;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	*behavior: url("/_assets/css/boxsizing.htc");
	clear: both;
	padding: 0 10px;
	background: none;
}

.blocks.condensed {
	margin-left: 0;
	margin-right: 0;
}

.blocks.condensed > li{
	padding: 0;
}


.no-boxsizing .blocks > li {
	padding: 0;
}

.no-boxsizing .blocks-wrap {
	margin: 0 0 0 20px;
}

/* ==========================================================================
   :: RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* --------------------------------------------------------------------------
   :: 20em (320px) Breakpoint
   -------------------------------------------------------------------------- */

@media (min-width: 20em) {

	.blocks > li {
		clear: none;
	}
	.blocks-four-up > li,
	.blocks-five-up > li,
	.blocks-six-up > li {
		float: left;
		width: 50%;
	}

	.blocks-four-up > li:nth-child(2n+1),
	.blocks-five-up > li:nth-child(2n+1),
	.blocks-six-up > li:nth-child(2n+1) {
		clear: left;
	}

	/* nth-child polyfill (IE7, IE8, etc) */
	.no-nthchild .blocks-start {
		clear: left;
	}

	.no-nthchild .blocks-end {
		zoom: 1;
		float: none;
		width: auto;
	}

}

.lt-ie9 .blocks > li {
	clear: none;
}

.lt-ie9 .blocks-two-up > li,
.lt-ie9 .blocks-three-up > li,
.lt-ie9 .blocks-four-up > li,
.lt-ie9 .blocks-five-up > li,
.lt-ie9 .blocks-six-up > li {
	float: left;
}

/* nth-child polyfill (IE7, IE8, etc) */
.lt-ie9 .no-nthchild .blocks-start {
	clear: left;
}

.lt-ie9 .no-nthchild .blocks-end {
	zoom: 1;
	float: none;
	width: auto;
}

/* --------------------------------------------------------------------------
   :: 30em (480px) Breakpoint
   -------------------------------------------------------------------------- */

@media (min-width: 30em) {

	.column:after {
	    display: table;
	    content: '';
	}

    .column:after {
	    clear: both;
	}

	.blocks-two-up > li,
	.blocks-three-up > li {
		float: left;
		width: 50%;
	}

	.blocks-five-up > li,
	.blocks-six-up > li {
		width: 33.333333%;
	}

	.blocks-five-up > li:nth-child(2n+1),
	.blocks-six-up > li:nth-child(2n+1) {
		clear: none;
	}

	.blocks-two-up > li:nth-child(2n+1),
	.blocks-three-up > li:nth-child(2n+1),
	.blocks-five-up > li:nth-child(3n+1),
	.blocks-six-up > li:nth-child(3n+1) {
		clear: left;
	}

	.blocks img {
		width: auto;
	}

}

.lt-ie9 .column:after {
    display: table;
    content: '';
}

.lt-ie9 .column:after {
    clear: both;
}

.lt-ie9 .blocks-six-up > li:nth-child(2n+1) {
	clear: none;
}

.lt-ie9 .blocks-two-up > li:nth-child(2n+1) {
	clear: left;
}

.lt-ie9 .blocks img {
	width: auto;
}

/* --------------------------------------------------------------------------
   :: 40em (640px) Breakpoint
   -------------------------------------------------------------------------- */

@media (min-width: 40em) {
	.blocks-three-up > li {
		width: 33.333333%;
	}

	.blocks-four-up > li {
		width: 25%;
	}

	.blocks-five-up > li {
		width: 20%;
	}

	.blocks-six-up > li {
		width: 16.666667%;
	}

	.blocks-three-up > li:nth-child(2n+1),
	.blocks-four-up > li:nth-child(2n+1),
	.blocks-five-up > li:nth-child(2n+1),
	.blocks-five-up > li:nth-child(3n+1),
	.blocks-six-up > li:nth-child(3n+1) {
		clear: none;
	}

	.blocks-three-up > li:nth-child(3n+1),
	.blocks-four-up > li:nth-child(4n+1),
	.blocks-five-up > li:nth-child(5n+1),
	.blocks-six-up > li:nth-child(6n+1) {
		clear: left;
	}
}

.lt-ie9 .blocks-two-up > li {
	width: 50%;
}

.lt-ie9 .blocks-three-up > li {
	width: 33.333333%;
}

.lt-ie9 .blocks-four-up > li {
	width: 25%;
}

.lt-ie9 .blocks-five-up > li {
	width: 20%;
}

.lt-ie9 .blocks-six-up > li {
	width: 16.666667%;
}

.lt-ie9 .blocks-three-up > li:nth-child(2n+1),
.lt-ie9 .blocks-four-up > li:nth-child(2n+1),
.lt-ie9 .blocks-five-up > li:nth-child(2n+1),
.lt-ie9 .blocks-five-up > li:nth-child(3n+1),
.lt-ie9 .blocks-six-up > li:nth-child(3n+1) {
	clear: none;
}

.lt-ie9 .blocks-three-up > li:nth-child(3n+1),
.lt-ie9 .blocks-four-up > li:nth-child(4n+1),
.lt-ie9 .blocks-five-up > li:nth-child(5n+1),
.lt-ie9 .blocks-six-up > li:nth-child(6n+1) {
	clear: left;
}

/* --------------------------------------------------------------------------
   :: 50em (800px) Breakpoint
   -------------------------------------------------------------------------- */

@media (min-width: 50em) {

	.container {
		width: 90%;
		max-width: 90em;
	}

	.column {
		position: relative;
		float: left;
		padding: 0;
	}

	.reversed > .column {
		float: right;
	}

	.column-wrap {
	  position: relative;
	}

	/* last column */
	.ie7 .column-last {
		/* class add via JS */
		zoom: 1;
		float: none;
		width: auto;
	}

	/* colum widths */
	.col1of1 { float: none; }
	.col1of2 { width: 50%; }
	.col1of3 { width: 33.333333%; }
	.col2of3 { width: 66.666666%; }
	.col1of4 { width: 25%; }
	.col3of4 { width: 75%; }
	.col1of5 { width: 20%; }
	.col2of5 { width: 40%; }
	.col3of5 { width: 60%; }
	.col4of5 { width: 80%; }
	.col1of6 { width: 16.666667%; }
	.col5of6 { width: 83.333333%; }
	.col1of7 { width: 14.285714%; }
	.col2of7 { width: 28.571428%; }
	.col3of7 { width: 42.857142%; }
	.col4of7 { width: 57.142857%; }
	.col5of7 { width: 71.428571%; }
	.col6of7 { width: 85.714285%; }
	.col-golden-long { width: 61.803398%; }
	.col-golden-short { width: 38.196602%; }

	.prefix1of2 { margin-left: 50%; }
	.prefix1of3 { margin-left: 33.333333%; }
	.prefix2of3 { margin-left: 66.666666%; }
	.prefix1of4 { margin-left: 25%; }
	.prefix3of4 { margin-left: 75%; }
	.prefix1of5 { margin-left: 20%; }
	.prefix2of5 { margin-left: 40%; }
	.prefix3of5 { margin-left: 60%; }
	.prefix4of5 { margin-left: 80%; }
	.prefix1of6 { margin-left: 16.666667%; }
	.prefix5of6 { margin-left: 83.333333%; }
	.prefix1of7 { margin-left: 14.285714%; }
	.prefix2of7 { margin-left: 28.571428%; }
	.prefix3of7 { margin-left: 42.857142%; }
	.prefix4of7 { margin-left: 57.142857%; }
	.prefix5of7 { margin-left: 71.428571%; }
	.prefix6of7 { margin-left: 85.714285%; }
	.prefix-golden-long { margin-left: 61.803398%; }
	.prefix-golden-short { margin-left: 38.196602%; }

	.suffix1of2 { margin-right: 50%; }
	.suffix1of3 { margin-right: 33.333333%; }
	.suffix2of3 { margin-right: 66.666666%; }
	.suffix1of4 { margin-right: 25%; }
	.suffix3of4 { margin-right: 75%; }
	.suffix1of5 { margin-right: 20%; }
	.suffix2of5 { margin-right: 40%; }
	.suffix3of5 { margin-right: 60%; }
	.suffix4of5 { margin-right: 80%; }
	.suffix1of6 { margin-right: 16.666667%; }
	.suffix5of6 { margin-right: 83.333333%; }
	.suffix1of7 { margin-right: 14.285714%; }
	.suffix2of7 { margin-right: 28.571428%; }
	.suffix3of7 { margin-right: 42.857142%; }
	.suffix4of7 { margin-right: 57.142857%; }
	.suffix5of7 { margin-right: 71.428571%; }
	.suffix6of7 { margin-right: 85.714285%; }
	.suffix-golden-long { margin-right: 61.803398%; }
	.suffix-golden-short { margin-right: 38.196602%; }

	.push1of2 { left: 50%; }
	.push1of3 { left: 33.333333%; }
	.push2of3 { left: 66.666666%; }
	.push1of4 { left: 25%; }
	.push3of4 { left: 75%; }
	.push1of5 { left: 20%; }
	.push2of5 { left: 40%; }
	.push3of5 { left: 60%; }
	.push4of5 { left: 80%; }
	.push1of6 { left: 16.666667%; }
	.push5of6 { left: 83.333333%; }
	.push1of7 { left: 14.285714%; }
	.push2of7 { left: 28.571428%; }
	.push3of7 { left: 42.857142%; }
	.push4of7 { left: 57.142857%; }
	.push5of7 { left: 71.428571%; }
	.push6of7 { left: 85.714285%; }
	.push-golden-long { left: 61.803398%; }
	.push-golden-short { left: 38.196602%; }

	.pull1of2 { left: -50%; }
	.pull1of3 { left: -33.333333%; }
	.pull2of3 { left: -66.666666%; }
	.pull1of4 { left: -25%; }
	.pull3of4 { left: -75%; }
	.pull1of5 { left: -20%; }
	.pull2of5 { left: -40%; }
	.pull3of5 { left: -60%; }
	.pull4of5 { left: -80%; }
	.pull1of6 { left: -16.666667%; }
	.pull5of6 { left: -83.333333%; }
	.pull1of7 { left: -14.285714%; }
	.pull2of7 { left: -28.571428%; }
	.pull3of7 { left: -42.857142%; }
	.pull4of7 { left: -57.142857%; }
	.pull5of7 { left: -71.428571%; }
	.pull6of7 { left: -85.714285%; }
	.pull-golden-long { left: -61.803398%; }
	.pull-golden-short { left: -38.196602%; }

	.column-centered {
		float: none;
		margin: 0 auto;
	}
	.blocks-two-up > li,
	.blocks-three-up > li {
		float: left;
		width: 50%;
	}

}

.lt-ie9 .container {
	width: 60em;
}

.lt-ie9 .column {
	position: relative;
	float: left;
	padding: 0;
}

.lt-ie9 .reversed > .column {
	float: right;
}

.lt-ie9 .column-wrap {
  position: relative;
}

/* last column */
.lt-ie9 .ie7 .column-last {
	/* class add via JS */
	zoom: 1;
	float: none;
	width: auto;
}

/* colum widths */
.lt-ie9  .col1of1 { float: none; }
.lt-ie9  .col1of2 { width: 50%; }
.lt-ie9  .col1of3 { width: 33.333333%; }
.lt-ie9  .col2of3 { width: 66.666666%; }
.lt-ie9  .col1of4 { width: 25%; }
.lt-ie9  .col3of4 { width: 75%; }
.lt-ie9  .col1of5 { width: 20%; }
.lt-ie9  .col2of5 { width: 40%; }
.lt-ie9  .col3of5 { width: 60%; }
.lt-ie9  .col4of5 { width: 80%; }
.lt-ie9  .col1of6 { width: 16.666667%; }
.lt-ie9  .col5of6 { width: 83.333333%; }
.lt-ie9  .col1of7 { width: 14.285714%; }
.lt-ie9  .col2of7 { width: 28.571428%; }
.lt-ie9  .col3of7 { width: 42.857142%; }
.lt-ie9  .col4of7 { width: 57.142857%; }
.lt-ie9  .col5of7 { width: 71.428571%; }
.lt-ie9  .col6of7 { width: 85.714285%; }
.lt-ie9  .col-golden-long { width: 61.803398%; }
.lt-ie9  .col-golden-short { width: 38.196602%; }

.lt-ie9  .prefix1of2 { margin-left: 50%; }
.lt-ie9  .prefix1of3 { margin-left: 33.333333%; }
.lt-ie9  .prefix2of3 { margin-left: 66.666666%; }
.lt-ie9  .prefix1of4 { margin-left: 25%; }
.lt-ie9  .prefix3of4 { margin-left: 75%; }
.lt-ie9  .prefix1of5 { margin-left: 20%; }
.lt-ie9  .prefix2of5 { margin-left: 40%; }
.lt-ie9  .prefix3of5 { margin-left: 60%; }
.lt-ie9  .prefix4of5 { margin-left: 80%; }
.lt-ie9  .prefix1of6 { margin-left: 16.666667%; }
.lt-ie9  .prefix5of6 { margin-left: 83.333333%; }
.lt-ie9  .prefix1of7 { margin-left: 14.285714%; }
.lt-ie9  .prefix2of7 { margin-left: 28.571428%; }
.lt-ie9  .prefix3of7 { margin-left: 42.857142%; }
.lt-ie9  .prefix4of7 { margin-left: 57.142857%; }
.lt-ie9  .prefix5of7 { margin-left: 71.428571%; }
.lt-ie9  .prefix6of7 { margin-left: 85.714285%; }
.lt-ie9  .prefix-golden-long { margin-left: 61.803398%; }
.lt-ie9  .prefix-golden-short { margin-left: 38.196602%; }

.lt-ie9  .suffix1of2 { margin-right: 50%; }
.lt-ie9  .suffix1of3 { margin-right: 33.333333%; }
.lt-ie9  .suffix2of3 { margin-right: 66.666666%; }
.lt-ie9  .suffix1of4 { margin-right: 25%; }
.lt-ie9  .suffix3of4 { margin-right: 75%; }
.lt-ie9  .suffix1of5 { margin-right: 20%; }
.lt-ie9  .suffix2of5 { margin-right: 40%; }
.lt-ie9  .suffix3of5 { margin-right: 60%; }
.lt-ie9  .suffix4of5 { margin-right: 80%; }
.lt-ie9  .suffix1of6 { margin-right: 16.666667%; }
.lt-ie9  .suffix5of6 { margin-right: 83.333333%; }
.lt-ie9  .suffix1of7 { margin-right: 14.285714%; }
.lt-ie9  .suffix2of7 { margin-right: 28.571428%; }
.lt-ie9  .suffix3of7 { margin-right: 42.857142%; }
.lt-ie9  .suffix4of7 { margin-right: 57.142857%; }
.lt-ie9  .suffix5of7 { margin-right: 71.428571%; }
.lt-ie9  .suffix6of7 { margin-right: 85.714285%; }
.lt-ie9  .suffix-golden-long { margin-right: 61.803398%; }
.lt-ie9  .suffix-golden-short { margin-right: 38.196602%; }

.lt-ie9  .push1of2 { left: 50%; }
.lt-ie9  .push1of3 { left: 33.333333%; }
.lt-ie9  .push2of3 { left: 66.666666%; }
.lt-ie9  .push1of4 { left: 25%; }
.lt-ie9  .push3of4 { left: 75%; }
.lt-ie9  .push1of5 { left: 20%; }
.lt-ie9  .push2of5 { left: 40%; }
.lt-ie9  .push3of5 { left: 60%; }
.lt-ie9  .push4of5 { left: 80%; }
.lt-ie9  .push1of6 { left: 16.666667%; }
.lt-ie9  .push5of6 { left: 83.333333%; }
.lt-ie9  .push1of7 { left: 14.285714%; }
.lt-ie9  .push2of7 { left: 28.571428%; }
.lt-ie9  .push3of7 { left: 42.857142%; }
.lt-ie9  .push4of7 { left: 57.142857%; }
.lt-ie9  .push5of7 { left: 71.428571%; }
.lt-ie9  .push6of7 { left: 85.714285%; }
.lt-ie9  .push-golden-long { left: 61.803398%; }
.lt-ie9  .push-golden-short { left: 38.196602%; }

.lt-ie9  .pull1of2 { left: -50%; }
.lt-ie9  .pull1of3 { left: -33.333333%; }
.lt-ie9  .pull2of3 { left: -66.666666%; }
.lt-ie9  .pull1of4 { left: -25%; }
.lt-ie9  .pull3of4 { left: -75%; }
.lt-ie9  .pull1of5 { left: -20%; }
.lt-ie9  .pull2of5 { left: -40%; }
.lt-ie9  .pull3of5 { left: -60%; }
.lt-ie9  .pull4of5 { left: -80%; }
.lt-ie9  .pull1of6 { left: -16.666667%; }
.lt-ie9  .pull5of6 { left: -83.333333%; }
.lt-ie9  .pull1of7 { left: -14.285714%; }
.lt-ie9  .pull2of7 { left: -28.571428%; }
.lt-ie9  .pull3of7 { left: -42.857142%; }
.lt-ie9  .pull4of7 { left: -57.142857%; }
.lt-ie9  .pull5of7 { left: -71.428571%; }
.lt-ie9  .pull6of7 { left: -85.714285%; }
.lt-ie9  .pull-golden-long { left: -61.803398%; }
.lt-ie9  .pull-golden-short { left: -38.196602%; }

.lt-ie9 .column-centered {
	float: none;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------
   :: 60em (960px) Breakpoint
   -------------------------------------------------------------------------- */

@media (min-width: 60em) {
	.blocks-two-up > li,
	.blocks-three-up > li {
		float: left;
		width: 33.3333%;
	}
	.blocks-two-up > li {
		width: 50%;
	}

}