/* ==========================================================================
   $CONTENTS
   ========================================================================== */

/**
 * Create powerful multi-device layouts quickly and easily with the 12-column,
 * nestable Foundation grid.
 * http://foundation.zurb.com/docs/components/grid.html
 *
 * $BOX-SIZING
 * $GRID ROW HANDLING
 * $GRID MAX-WIDTH: 767PX (MOBILE FIRST)
 * $GRID MIN-WIDTH: 768PX - 480PX
 * $GRID SHOW/HIDE ELEMENTS
 * $GRID IE8 FALLBACK
 */

/* ==========================================================================
   $BOX-SIZING
   ========================================================================== */

/**
 * Foundation uses box-sizing: border-box so that borders and padding do not
 * affect the overall width of the columns, making the math dead-simple.
 */

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

/* ==========================================================================
   $GRID ROW HANDLING
   ========================================================================== */

.row {
    margin: 0 auto;
    max-width: 1110px;
    width: 100%;
}

.row:before, .row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.row .column,
.row .columns {
    padding: 0 5px;
    position: relative;
    width: 100%;
}

.row.collapse .column,
.row.collapse .columns {
    padding: 0;
    position: relative;
}

.row .row {
    margin: 0 -5px;
    max-width: none;
    width: auto;
    *zoom: 1;
}

.row .row:before, .row .row:after {
    content: " ";
    display: table;
}

.row .row:after {
    clear: both;
}

.row .row.collapse {
    margin: 0;
    max-width: none;
    width: auto;
    *zoom: 1;
}

.row .row.collapse:before, .row .row.collapse:after {
    content: " ";
    display: table;
}

.row .row.collapse:after {
    clear: both;
}

.row .column,
.row .columns {
    float: left;
    padding: 0 5px;
    position: relative;
}

/* ==========================================================================
   $GRID MAX-WIDTH: 450px (MOBILE FIRST)
   ========================================================================== */

.row .small-1, .row .small-2, .row .small-3,
.row .small-4, .row .small-5, .row .small-6,
.row .small-7, .row .small-8, .row .small-9,
.row .small-10, .row .small-11, .row .small-12 {
    position: relative;
}

.row .small-1 {
    width: 8.33333%;
}

.row .small-2 {
    width: 16.66667%;
}

.row .small-3 {
    width: 25.00000%;
}

.row .small-4 {
    width: 33.33333%;
}

.row .small-5 {
    width: 41.66667%;
}

.row .small-6 {
    width: 50.00000%;
}

.row .small-7 {
    width: 58.33333%;
}

.row .small-8 {
    width: 66.66667%;
}

.row .small-9 {
    width: 75.00000%;
}

.row .small-10 {
    width: 83.33333%;
}

.row .small-11 {
    width: 91.66667%;
}

.row .small-12 {
    width: 100.00000%;
}

.row .small-offset-1, .row .small-offset-2, .row .small-offset-3,
.row .small-offset-4, .row .small-offset-5, .row .small-offset-6,
.row .small-offset-7, .row .small-offset-8, .row .small-offset-9,
.row .small-offset-10, .row .small-offset-11 {
    position: relative;
}

.row .small-offset-1 {
    margin-left: 8.33333%;
}

.row .small-offset-2 {
    margin-left: 16.66667%;
}

.row .small-offset-3 {
    margin-left: 25.00000%;
}

.row .small-offset-4 {
    margin-left: 33.33333%;
}

.row .small-offset-5 {
    margin-left: 41.66667%;
}

.row .small-offset-6 {
    margin-left: 50.00000%;
}

.row .small-offset-7 {
    margin-left: 58.33333%;
}

.row .small-offset-8 {
    margin-left: 66.66667%;
}

.row .small-offset-9 {
    margin-left: 75.00000%;
}

.row .small-offset-10 {
    margin-left: 83.33333%;
}

.row .small-offset-11 {
    margin-left: 91.66667%;
}

[class*="column"] + [class*="column"]:last-child {
    float: right;
}

[class*="column"] + [class*="column"].end {
    float: left;
}

.column.small-centered,
.columns.small-centered {
    float: none;
    margin: 0 auto;
    position: relative;
}

/* ==========================================================================
   $GRID MIN-WIDTH: 768PX - 480PX
   ========================================================================== */

/* ==========================================================================
   $GRID MIN-WIDTH: 768PX
   ========================================================================== */

@media only screen and (min-width: 768px) {
    .row .large-1, .row .large-2, .row .large-3,
    .row .large-4, .row .large-5, .row .large-6,
    .row .large-7, .row .large-8, .row .large-9,
    .row .large-10, .row .large-11, .row .large-12 {
        position: relative;
    }

    .row .large-1 {
        width: 8.33333%;
    }

    .row .large-2 {
        width: 16.66667%;
    }

    .row .large-3 {
        width: 25.00000%;
    }

    .row .large-4 {
        width: 33.33333%;
    }

    .row .large-5 {
        width: 41.66667%;
    }

    .row .large-6 {
        width: 50.00000%;
    }

    .row .large-7 {
        width: 58.33333%;
    }

    .row .large-8 {
        width: 66.66667%;
    }

    .row .large-9 {
        width: 75.00000%;
    }

    .row .large-10 {
        width: 83.33333%;
    }

    .row .large-11 {
        width: 91.66667%;
    }

    .row .large-12 {
        width: 100.00000%;
    }

    .row .large-offset-1, .row .large-offset-2, .row .large-offset-3,
    .row .large-offset-4, .row .large-offset-5, .row .large-offset-6,
    .row .large-offset-7, .row .large-offset-8, .row .large-offset-9,
    .row .large-offset-10 {
        position: relative;
    }

    .row .large-offset-1 {
        margin-left: 8.33333%;
    }

    .row .large-offset-2 {
        margin-left: 16.66667%;
    }

    .row .large-offset-3 {
        margin-left: 25.00000%;
    }

    .row .large-offset-4 {
        margin-left: 33.33333%;
    }

    .row .large-offset-5 {
        margin-left: 41.66667%;
    }

    .row .large-offset-6 {
        margin-left: 50.00000%;
    }

    .row .large-offset-7 {
        margin-left: 58.33333%;
    }

    .row .large-offset-8 {
        margin-left: 66.66667%;
    }

    .row .large-offset-9 {
        margin-left: 75.00000%;
    }

    .row .large-offset-10 {
        margin-left: 83.33333%;
    }

    .push-2, .push-3, .push-4, .push-5,
    .push-6, .push-7, .push-8, .push-9, .push-10 {
        position: relative;
        right: auto;
    }

    .pull-2, .pull-3, .pull-4, .pull-5,
    .pull-6, .pull-7, .pull-8, .pull-9, .pull-10 {
        left: auto;
        position: relative;
    }

    .push-2 {
        left: 16.66667%;
    }

    .push-3 {
        left: 25.00000%;
    }

    .push-4 {
        left: 33.33333%;
    }

    .push-5 {
        left: 41.66667%;
    }

    .push-6 {
        left: 50.00000%;
    }

    .push-7 {
        left: 58.33333%;
    }

    .push-8 {
        left: 66.66667%;
    }

    .push-9 {
        left: 75.00000%;
    }

    .push-10 {
        left: 83.33333%;
    }

    .pull-2 {
        right: 16.66667%;
    }

    .pull-3 {
        right: 25.00000%;
    }

    .pull-4 {
        right: 33.33333%;
    }

    .pull-5 {
        right: 41.66667%;
    }

    .pull-6 {
        right: 50.00000%;
    }

    .pull-7 {
        right: 58.33333%;
    }

    .pull-8 {
        right: 66.66667%;
    }

    .pull-9 {
        right: 75.00000%;
    }

    .pull-10 {
        right: 83.33333%;
    }

    .small-push-2, .small-push-3, .small-push-4, .small-push-5,
    .small-push-6, .small-push-7, .small-push-8, .small-push-9, .small-push-10 {
        left: inherit;
    }

    .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5,
    .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-pull-10 {
        right: inherit;
    }

    .column.large-centered,
    .columns.large-centered {
        float: none;
        margin-left: 0;
        position: relative;
    }
}

/* ==========================================================================
   $GRID SHOW/HIDE ELEMENTS
   ========================================================================== */

.show-for-small,
.show-for-medium-down,
.show-for-large-down {
    display: inherit !important;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
    display: none !important;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
    display: inherit !important;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
    display: none !important;
}

@media only screen and (min-width: 1150px) {
    .show-for-medium,
    .show-for-medium-up {
        display: inherit !important;
    }

    .show-for-small {
        display: none !important;
    }

    .hide-for-small {
        display: inherit !important;
    }

    .hide-for-medium,
    .hide-for-medium-up {
        display: none !important;
    }
}

.lt-ie9 .show-for-medium, .lt-ie9 .show-for-medium-up {
    display: inherit !important;
}

.lt-ie9 .show-for-small {
    display: none !important;
}

.lt-ie9 .hide-for-small {
    display: inherit !important;
}

.lt-ie9 .hide-for-medium, .lt-ie9 .hide-for-medium-up {
    display: none !important;
}

/* ==========================================================================
   $GRID IE8 FALLBACK
   ========================================================================== */

/**
 * IE8 lack in support media queries. Workaround with conditional CSS prefixes
 * to build the grid.
 */

.lt-ie9 .row .large-1, .lt-ie9 .row .large-2, .lt-ie9 .row .large-3,
.lt-ie9 .row .large-4, .lt-ie9 .row .large-5, .lt-ie9 .row .large-6,
.lt-ie9 .row .large-7, .lt-ie9 .row .large-8, .lt-ie9 .row .large-9,
.lt-ie9 .row .large-10, .lt-ie9 .row .large-11, .lt-ie9 .row .large-12 {
    position: relative;
}

.lt-ie9 .row .large-1 {
    width: 8.33333%;
}

.lt-ie9 .row .large-2 {
    width: 16.66667%;
}

.lt-ie9 .row .large-3 {
    width: 25.00000%;
}

.lt-ie9 .row .large-4 {
    width: 33.33333%;
}

.lt-ie9 .row .large-5 {
    width: 41.66667%;
}

.lt-ie9 .row .large-6 {
    width: 50.00000%;
}

.lt-ie9 .row .large-7 {
    width: 58.33333%;
}

.lt-ie9 .row .large-8 {
    width: 66.66667%;
}

.lt-ie9 .row .large-9 {
    width: 75.00000%;
}

.lt-ie9 .row .large-10 {
    width: 83.33333%;
}

.lt-ie9 .row .large-11 {
    width: 91.66667%;
}

.lt-ie9 .row .large-12 {
    width: 100.00000%;
}

.lt-ie9 .row .large-offset-1, .lt-ie9 .row .large-offset-2,
.lt-ie9 .row .large-offset-3, .lt-ie9 .row .large-offset-4,
.lt-ie9 .row .large-offset-5, .lt-ie9 .row .large-offset-6,
.lt-ie9 .row .large-offset-7, .lt-ie9 .row .large-offset-8,
.lt-ie9 .row .large-offset-9, .lt-ie9 .row .large-offset-10 {
    position: relative;
}

.lt-ie9 .row .large-offset-1 {
    margin-left: 8.33333%;
}

.lt-ie9 .row .large-offset-2 {
    margin-left: 16.66667%;
}

.lt-ie9 .row .large-offset-3 {
    margin-left: 25.00000%;
}

.lt-ie9 .row .large-offset-4 {
    margin-left: 33.33333%;
}

.lt-ie9 .row .large-offset-5 {
    margin-left: 41.66667%;
}

.lt-ie9 .row .large-offset-6 {
    margin-left: 50.00000%;
}

.lt-ie9 .row .large-offset-7 {
    margin-left: 58.33333%;
}

.lt-ie9 .row .large-offset-8 {
    margin-left: 66.66667%;
}

.lt-ie9 .row .large-offset-9 {
    margin-left: 75.00000%;
}

.lt-ie9 .row .large-offset-10 {
    margin-left: 83.33333%;
}

.lt-ie9 .push-2, .lt-ie9 .push-3, .lt-ie9 .push-4, .lt-ie9 .push-5,
.lt-ie9 .push-6, .lt-ie9 .push-7, .lt-ie9 .push-8, .lt-ie9 .push-9,
.lt-ie9 .push-10 {
    position: relative;
    right: auto;
}

.lt-ie9 .pull-2, .lt-ie9 .pull-3, .lt-ie9 .pull-4, .lt-ie9 .pull-5,
.lt-ie9 .pull-6, .lt-ie9 .pull-7, .lt-ie9 .pull-8, .lt-ie9 .pull-9,
.lt-ie9 .pull-10 {
    left: auto;
    position: relative;
}

.lt-ie9 .push-2 {
    left: 16.66667%;
}

.lt-ie9 .push-3 {
    left: 25.00000%;
}

.lt-ie9 .push-4 {
    left: 33.33333%;
}

.lt-ie9 .push-5 {
    left: 41.66667%;
}

.lt-ie9 .push-6 {
    left: 50.00000%;
}

.lt-ie9 .push-7 {
    left: 58.33333%;
}

.lt-ie9 .push-8 {
    left: 66.66667%;
}

.lt-ie9 .push-9 {
    left: 75.00000%;
}

.lt-ie9 .push-10 {
    left: 83.33333%;
}

.lt-ie9 .pull-2 {
    right: 16.66667%;
}

.lt-ie9 .pull-3 {
    right: 25.00000%;
}

.lt-ie9 .pull-4 {
    right: 33.33333%;
}

.lt-ie9 .pull-5 {
    right: 41.66667%;
}

.lt-ie9 .pull-6 {
    right: 50.00000%;
}

.lt-ie9 .pull-7 {
    right: 58.33333%;
}

.lt-ie9 .pull-8 {
    right: 66.66667%;
}

.lt-ie9 .pull-9 {
    right: 75.00000%;
}

.lt-ie9 .pull-10 {
    right: 83.33333%;
}

.lt-ie9 .small-push-2, .lt-ie9 .small-push-3, .lt-ie9 .small-push-4,
.lt-ie9 .small-push-5, .lt-ie9 .small-push-6, .lt-ie9 .small-push-7,
.lt-ie9 .small-push-8, .lt-ie9 .small-push-9, .lt-ie9 .small-push-10 {
    left: inherit;
}

.lt-ie9 .small-pull-2, .lt-ie9 .small-pull-3, .lt-ie9 .small-pull-4,
.lt-ie9 .small-pull-5, .lt-ie9 .small-pull-6, .lt-ie9 .small-pull-7,
.lt-ie9 .small-pull-8, .lt-ie9 .small-pull-9, .lt-ie9 .small-pull-10 {
    right: inherit;
}

.lt-ie9 .column.large-centered,
.lt-ie9 .columns.large-centered {
    float: none;
    margin-left: 0;
    position: relative;
}

.lt-ie9 .show-for-medium,
.lt-ie9 .show-for-medium-up {
    display: inherit !important;
}

.lt-ie9 .show-for-small {
    display: none !important;
}

.lt-ie9 .hide-for-small {
    display: inherit !important;
}

.lt-ie9 .hide-for-medium,
.lt-ie9 .hide-for-medium-up {
    display: none !important;
}