/* Layout ================================================================================ */
.wrapper {}
.page { width:auto; margin:0 auto; padding: 0; text-align:left; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-empty { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
.main-container { background: #fff; }
.main { margin:0 auto; width: 100%; max-width: 1260px; padding: 15px 15px; }

/* Base Columns */
.col-left { float:left; width:20%; padding: 0 2% 0 0; }
.col-main { float:left; width:80%; padding: 0 0; }
.col-right { float:right; width:20%; padding: 0 0 0 2%; }

/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }

/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main { width:60%; }
.col3-layout .col-wrapper { float:left; width: 20%; padding: 0 2% 0 0; }
.col3-layout .col-wrapper .col-left { width: 100%; padding: 0; }
.col3-layout .col-wrapper .col-right { width: 100%; padding: 0; }
.col3-layout .col-wrapper .col-main { float:left; }

/* Content Columns */
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .col-narrow { width:33%; }
.col2-set .col-wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }

.col1-set .col { width: 100%; padding: 10px; float: left; }
.col2-set .col { width: 50%; padding: 10px; float: left; }
.col3-set .col { width: 33.33%; padding: 10px; float: left; }
.col4-set .col { width: 25%; padding: 10px; float: left; }

/* Grid Layout */
.grid-max-10-col { clear: both; }
.grid-max-10-col .item { width: 10%; padding: 10px; float: left; }

.grid-max-9-col { clear: both; }
.grid-max-9-col .item { width: 11.11%; padding: 10px; float: left; }

.grid-max-8-col { clear: both; }
.grid-max-8-col .item { width: 12.5%; padding: 10px; float: left; }

.grid-max-7-col { clear: both; }
.grid-max-7-col .item { width: 14.28%; padding: 10px; float: left; }

.grid-max-6-col { clear: both; }
.grid-max-6-col .item { width: 16.66%; padding: 10px; float: left; }

.grid-max-5-col { clear: both; }
.grid-max-5-col .item { width: 20%; padding: 10px; float: left; }

.grid-max-4-col { clear: both; }
.grid-max-4-col .item { width: 25%; padding: 10px; float: left; }

.grid-max-3-col { clear: both; }
.grid-max-3-col .item { width: 33.33%; padding: 10px; float: left; }

.grid-max-2-col { clear: both; }
.grid-max-2-col .item { width: 50%; padding: 10px; float: left; }

.grid-max-1-col { clear: both; }
.grid-max-1-col .item { width: 86%; padding: 10px; float: left; margin-left: 7% !important; }

/* ======================================================================================= */
.grid-max-1-col:after,
.grid-max-1-col .item:after,
.grid-max-2-col:after,
.grid-max-2-col .item:after,
.grid-max-3-col:after,
.grid-max-3-col .item:after,
.grid-max-4-col:after,
.grid-max-4-col .item:after,
.grid-max-5-col:after,
.grid-max-5-col .item:after,
.grid-max-6-col:after,
.grid-max-6-col .item:after,
.grid-max-7-col:after,
.grid-max-7-col .item:after,
.grid-max-8-col:after,
.grid-max-8-col .item:after,
.grid-max-9-col:after,
.grid-max-9-col .item:after,
.grid-max-10-col:after,
.grid-max-10-col .item:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }