/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 */

::-moz-selection {
    text-shadow: none;
}

::selection {
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

[class*="equal-height"], [class*="equal-width"], [class*="proportional-width"] {
    visibility: hidden;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*! ZAG Framework Scaffolding */

.row {
    width: 100%;
    *zoom: 1;
}

    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .row:after {
        clear: both;
    }

    .row > [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        margin-left: 2.127659574468085%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .row > [class*="span"]:first-child, .row > [class*="span"].first-child {
            margin-left: 0;
        }

    .row > .span12 {
        width: 100%;
    }

    .row > .span11 {
        width: 91.48936170212766%;
    }

        .row > .span11.no-gutter {
            width: 93.61702127659574%;
            margin-left: 0;
        }

    .row.no-gutters > .span11 {
        width: 91.66666666666667%;
    }

    .row > .span10 {
        width: 82.97872340425532%;
    }

        .row > .span10.no-gutter {
            width: 85.1063829787234%;
            margin-left: 0;
        }

    .row.no-gutters > .span10 {
        width: 83.33333333333333%;
    }

    .row > .span9 {
        width: 74.46808510638298%;
    }

        .row > .span9.no-gutter {
            width: 76.59574468085106%;
            margin-left: 0;
        }

    .row.no-gutters > .span9 {
        width: 75%;
    }

    .row > .span8 {
        width: 65.95744680851064%;
    }

        .row > .span8.no-gutter {
            width: 68.08510638297872%;
            margin-left: 0;
        }

    .row.no-gutters > .span8 {
        width: 66.66666666666667%;
    }

    .row > .span7 {
        width: 57.4468085106383%;
    }

        .row > .span7.no-gutter {
            width: 59.57446808510639%;
            margin-left: 0;
        }

    .row.no-gutters > .span7 {
        width: 58.33333333333333%;
    }

    .row > .span6 {
        width: 48.93617021276596%;
    }

        .row > .span6.no-gutter {
            width: 51.06382978723404%;
            margin-left: 0;
        }

    .row.no-gutters > .span6 {
        width: 50%;
    }

    .row > .span5 {
        width: 40.42553191489362%;
    }

        .row > .span5.no-gutter {
            width: 42.5531914893617%;
            margin-left: 0;
        }

    .row.no-gutters > .span5 {
        width: 41.66666666666667%;
    }

    .row > .span4 {
        width: 31.91489361702128%;
    }

        .row > .span4.no-gutter {
            width: 34.04255319148936%;
            margin-left: 0;
        }

    .row.no-gutters > .span4 {
        width: 33.33333333333333%;
    }

    .row > .span3 {
        width: 23.40425531914894%;
    }

        .row > .span3.no-gutter {
            width: 25.53191489361702%;
            margin-left: 0;
        }

    .row.no-gutters > .span3 {
        width: 25%;
    }

    .row > .span2 {
        width: 14.8936170212766%;
    }

        .row > .span2.no-gutter {
            width: 17.02127659574469%;
            margin-left: 0;
        }

    .row.no-gutters > .span2 {
        width: 16.66666666666667%;
    }

    .row > .span1 {
        width: 6.382978723404255%;
    }

        .row > .span1.no-gutter {
            width: 8.51063829787234%;
            margin-left: 0;
        }

    .row.no-gutters > .span1 {
        width: 8.33333333333333%;
    }

    .row.no-gutters > [class*="span"] {
        margin-left: 0;
    }

    .row > .offset11 {
        margin-left: 93.61702127659574% !important;
    }

        .row > .offset11:first-child {
            margin-left: 93.61702127659574% !important;
        }

        .row > .offset11.no-gutter {
            margin-left: 91.48936170212765% !important;
        }

    .row.no-gutters > .offset11 {
        margin-left: 91.66666666666667% !important;
    }

    .row > .offset10 {
        margin-left: 87.23404255319149% !important;
    }

        .row > .offset10:first-child {
            margin-left: 85.1063829787234% !important;
        }

        .row > .offset10.no-gutter {
            margin-left: 82.97872340425532% !important;
        }

    .row.no-gutters > .offset10 {
        margin-left: 83.33333333333333% !important;
    }

    .row > .offset9 {
        margin-left: 78.72340425531914% !important;
    }

        .row > .offset9:first-child {
            margin-left: 76.59574468085106% !important;
        }

        .row > .offset9.no-gutter {
            margin-left: 74.46808510638297% !important;
        }

    .row.no-gutters > .offset9 {
        margin-left: 75% !important;
    }

    .row > .offset8 {
        margin-left: 70.2127659574468% !important;
    }

        .row > .offset8:first-child {
            margin-left: 68.08510638297872% !important;
        }

        .row > .offset8.no-gutter {
            margin-left: 65.95744680851063% !important;
        }

    .row.no-gutters > .offset8 {
        margin-left: 66.66666666666667% !important;
    }

    .row > .offset7 {
        margin-left: 61.70212765957446% !important;
    }

        .row > .offset7:first-child {
            margin-left: 59.574468085106375% !important;
        }

        .row > .offset7.no-gutter {
            margin-left: 57.44680851063828% !important;
        }

    .row.no-gutters > .offset7 {
        margin-left: 58.33333333333333% !important;
    }

    .row > .offset6 {
        margin-left: 53.191489361702125% !important;
    }

        .row > .offset6:first-child {
            margin-left: 51.063829787234035% !important;
        }

        .row > .offset6.no-gutter {
            margin-left: 48.93617021276594% !important;
        }

    .row.no-gutters > .offset6 {
        margin-left: 50% !important;
    }

    .row > .offset5 {
        margin-left: 44.68085106382979% !important;
    }

        .row > .offset5:first-child {
            margin-left: 42.5531914893617% !important;
        }

        .row > .offset5.no-gutter {
            margin-left: 40.42553191489362% !important;
        }

    .row.no-gutters > .offset5 {
        margin-left: 41.66666666666667% !important;
    }

    .row > .offset4 {
        margin-left: 36.170212765957444% !important;
    }

        .row > .offset4:first-child {
            margin-left: 34.04255319148936% !important;
        }

        .row > .offset4.no-gutter {
            margin-left: 31.91489361702127% !important;
        }

    .row.no-gutters > .offset4 {
        margin-left: 33.33333333333333% !important;
    }

    .row > .offset3 {
        margin-left: 27.659574468085104% !important;
    }

        .row > .offset3:first-child {
            margin-left: 25.53191489361702% !important;
        }

        .row > .offset3.no-gutter {
            margin-left: 23.40425531914893% !important;
        }

    .row.no-gutters > .offset3 {
        margin-left: 25% !important;
    }

    .row > .offset2 {
        margin-left: 19.148936170212764% !important;
    }

        .row > .offset2:first-child {
            margin-left: 17.02127659574468% !important;
        }

        .row > .offset2.no-gutter {
            margin-left: 14.89361702127659% !important;
        }

    .row.no-gutters > .offset2 {
        margin-left: 16.66666666666667% !important;
    }

    .row > .offset1 {
        margin-left: 10.638297872340425% !important;
    }

        .row > .offset1:first-child {
            margin-left: 8.51063829787234% !important;
        }

        .row > .offset1.no-gutter {
            margin-left: 6.382978723404255% !important;
        }

    .row.no-gutters > .offset1 {
        margin-left: 8.33333333333333% !important;
    }

    .row > .hide-desktop:first-child + [class*="span"], .row > .show-tablet:first-child + [class*="span"], .row > .show-phone:first-child + [class*="span"] {
        margin-left: 0;
    }

    [class*="span"].hide,
    .row [class*="span"].hide {
        display: none;
    }

    [class*="span"].pull-right,
    .row [class*="span"].pull-right {
        float: right;
    }

.container {
    max-width: 940px;
    width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 10px;
    padding-left: 10px;
    *zoom: 1;
}

    .container:before,
    .container:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .container:after {
        clear: both;
    }

@-ms-viewport {
    width: device-width;
}

.hidden {
    display: none;
    visibility: hidden;
}

.show-phone {
    display: none !important;
}

.show-tablet {
    display: none !important;
}

.hide-desktop {
    display: none !important;
}

.show-desktop {
    display: inherit !important;
}

@media (min-width: 768px) and (max-width: 959px) {
    .container {
        width: inherit;
    }

    .hide-desktop {
        display: inherit !important;
    }

    .show-desktop {
        display: none !important;
    }

    .show-tablet {
        display: inherit !important;
    }

    .hide-tablet {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .container {
        width: inherit;
    }

    .hide-desktop {
        display: inherit !important;
    }

    .show-desktop {
        display: none !important;
    }

    .show-phone {
        display: inherit !important;
    }

    .hide-phone {
        display: none !important;
    }
}

.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: inherit !important;
    }

    .hidden-print {
        display: none !important;
    }
}

/* tablet */
@media (min-width: 768px) and (max-width: 959px) {

    .row {
        width: 100%;
    }

        .row:before,
        .row:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .row:after {
            clear: both;
        }

        .row > [class*="span"]:first-child, .row > .show-desktop:first-child + [class*="span"], .row > .hide-tablet:first-child + [class*="span"], .row > .show-phone:first-child + [class*="span"], .row > [class*="span"].first-child-tablet {
            margin-left: 0;
        }

        .row > .show-tablet:first-child + [class*="span"] {
            margin-left: 2.127659574468085%;
        }

        .row.no-gutters-tablet > [class*="span"] {
            margin-left: 0 !important;
        }

        .row > .span12-tablet {
            width: 100% !important;
        }

        .row > .span11-tablet {
            width: 91.48936170212766% !important;
        }

            .row > .span11-tablet.no-gutter, .row > .span11-tablet.no-gutter-tablet {
                width: 93.61702127659574% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span11-tablet, .row.no-gutters-tablet > .span11-tablet, .row.no-gutters-tablet > .span11 {
            width: 91.66666666666667% !important;
        }

        .row > .span10-tablet {
            width: 82.97872340425532% !important;
        }

            .row > .span10-tablet.no-gutter, .row > .span10-tablet.no-gutter-tablet {
                width: 85.1063829787234% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span10-tablet, .row.no-gutters-tablet > .span10-tablet, .row.no-gutters-tablet > .span10 {
            width: 83.33333333333333% !important;
        }

        .row > .span9-tablet {
            width: 74.46808510638298% !important;
        }

            .row > .span9-tablet.no-gutter, .row > .span9-tablet.no-gutter-tablet {
                width: 76.59574468085106% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span9-tablet, .row.no-gutters-tablet > .span9-tablet, .row.no-gutters-tablet > .span9 {
            width: 75% !important;
        }

        .row > .span8-tablet {
            width: 65.95744680851064% !important;
        }

            .row > .span8-tablet.no-gutter, .row > .span8-tablet.no-gutter-tablet {
                width: 68.08510638297872% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span8-tablet, .row.no-gutters-tablet > .span8-tablet, .row.no-gutters-tablet > .span8 {
            width: 66.66666666666667% !important;
        }

        .row > .span7-tablet {
            width: 57.26495726495726% !important;
        }

            .row > .span7-tablet.no-gutter, .row > .span7-tablet.no-gutter-tablet {
                width: 59.39261683942534% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span7-tablet, .row.no-gutters-tablet > .span7-tablet, .row.no-gutters-tablet > .span7 {
            width: 57.4468085106383% !important;
        }

        .row > .span6-tablet {
            width: 48.93617021276596% !important;
        }

            .row > .span6-tablet.no-gutter, .row > .span6-tablet.no-gutter-tablet {
                width: 51.06382978723404% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span6-tablet, .row.no-gutters-tablet > .span6-tablet, .row.no-gutters-tablet > .span6 {
            width: 50% !important;
        }

        .row > .span5-tablet {
            width: 40.42553191489362% !important;
        }

            .row > .span5-tablet.no-gutter, .row > .span5-tablet.no-gutter-tablet {
                width: 42.5531914893617% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span5-tablet, .row.no-gutters-tablet > .span5-tablet, .row.no-gutters-tablet > .span5 {
            width: 41.66666666666667% !important;
        }

        .row > .span4-tablet {
            width: 31.91489361702128% !important;
        }

            .row > .span4-tablet.no-gutter, .row > .span4-tablet.no-gutter-tablet {
                width: 34.04255319148936% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span4-tablet, .row.no-gutters-tablet > .span4-tablet, .row.no-gutters-tablet > .span4 {
            width: 33.33333333333333% !important;
        }

        .row > .span3-tablet {
            width: 23.40425531914894% !important;
        }

            .row > .span3-tablet.no-gutter, .row > .span3-tablet.no-gutter-tablet {
                width: 25.53191489361702% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span3-tablet, .row.no-gutters-tablet > .span3-tablet, .row.no-gutters-tablet > .span3 {
            width: 25% !important;
        }

        .row > .span2-tablet {
            width: 14.8936170212766% !important;
        }

            .row > .span2-tablet.no-gutter, .row > .span2-tablet.no-gutter-tablet {
                width: 17.02127659574469% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span2-tablet, .row.no-gutters-tablet > .span2-tablet, .row.no-gutters-tablet > .span2 {
            width: 16.66666666666667% !important;
        }

        .row > .span1-tablet {
            width: 6.382978723404255% !important;
        }

            .row > .span1-tablet.no-gutter, .row > .span1-tablet.no-gutter-tablet {
                width: 8.51063829787234% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span1-tablet, .row.no-gutters-tablet > .span1-tablet, .row.no-gutters-tablet > .span1 {
            width: 8.33333333333333% !important;
        }

        .row > .offset11-tablet {
            margin-left: 93.61702127659574% !important;
        }

            .row > .offset11-tablet:first-child {
                margin-left: 93.61702127659574% !important;
            }

            .row > .offset11-tablet.no-gutter-tablet, .row > .offset11-tablet.no-gutter {
                margin-left: 91.48936170212765% !important;
            }

        .row.no-gutters > .offset11-tablet {
            margin-left: 91.66666666666667% !important;
        }

        .row > .offset10-tablet {
            margin-left: 87.23404255319149% !important;
        }

            .row > .offset10-tablet:first-child {
                margin-left: 85.1063829787234% !important;
            }

            .row > .offset10-tablet.no-gutter-tablet, .row > .offset10-tablet.no-gutter {
                margin-left: 82.97872340425532% !important;
            }

        .row.no-gutters > .offset10-tablet {
            margin-left: 83.33333333333333% !important;
        }

        .row > .offset9-tablet {
            margin-left: 78.72340425531914% !important;
        }

            .row > .offset9-tablet:first-child {
                margin-left: 76.59574468085106% !important;
            }

            .row > .offset9-tablet.no-gutter-tablet, .row > .offset9-tablet.no-gutter {
                margin-left: 74.46808510638297% !important;
            }

        .row.no-gutters > .offset9-tablet {
            margin-left: 75% !important;
        }

        .row > .offset8-tablet {
            margin-left: 70.2127659574468% !important;
        }

            .row > .offset8-tablet:first-child {
                margin-left: 68.08510638297872% !important;
            }

            .row > .offset8-tablet.no-gutter-tablet, .row > .offset8-tablet.no-gutter {
                margin-left: 65.95744680851063% !important;
            }

        .row.no-gutters > .offset8-tablet {
            margin-left: 66.66666666666667% !important;
        }

        .row > .offset7-tablet {
            margin-left: 61.70212765957446% !important;
        }

            .row > .offset7-tablet:first-child {
                margin-left: 59.574468085106375% !important;
            }

            .row > .offset7-tablet.no-gutter-tablet, .row > .offset7-tablet.no-gutter {
                margin-left: 57.44680851063828% !important;
            }

        .row.no-gutters > .offset7 {
            margin-left: 58.33333333333333% !important;
        }

        .row > .offset6-tablet {
            margin-left: 53.191489361702125% !important;
        }

            .row > .offset6-tablet:first-child {
                margin-left: 51.063829787234035% !important;
            }

            .row > .offset6-tablet.no-gutter-tablet, .row > .offset6-tablet.no-gutter {
                margin-left: 48.93617021276594% !important;
            }

        .row.no-gutters > .offset6-tablet {
            margin-left: 50% !important;
        }

        .row > .offset5-tablet {
            margin-left: 44.68085106382979% !important;
        }

            .row > .offset5-tablet:first-child {
                margin-left: 42.5531914893617% !important;
            }

            .row > .offset5-tablet.no-gutter-tablet, .row > .offset5-tablet.no-gutter {
                margin-left: 40.42553191489362% !important;
            }

        .row.no-gutters > .offset5-tablet {
            margin-left: 41.66666666666667% !important;
        }

        .row > .offset4-tablet {
            margin-left: 36.170212765957444% !important;
        }

            .row > .offset4-tablet:first-child {
                margin-left: 34.04255319148936% !important;
            }

            .row > .offset4-tablet.no-gutter-tablet, .row > .offset4-tablet.no-gutter {
                margin-left: 31.91489361702127% !important;
            }

        .row.no-gutters > .offset4-tablet {
            margin-left: 33.33333333333333% !important;
        }

        .row > .offset3-tablet {
            margin-left: 27.659574468085104% !important;
        }

            .row > .offset3-tablet:first-child {
                margin-left: 25.53191489361702% !important;
            }

            .row > .offset3-tablet.no-gutter-tablet, .row > .offset3-tablet.no-gutter {
                margin-left: 23.40425531914893% !important;
            }

        .row.no-gutters > .offset3-tablet {
            margin-left: 25% !important;
        }

        .row > .offset2-tablet {
            margin-left: 19.148936170212764% !important;
        }

            .row > .offset2-tablet:first-child {
                margin-left: 17.02127659574468% !important;
            }

            .row > .offset2-tablet.no-gutter-tablet, .row > .offset2-tablet.no-gutter {
                margin-left: 14.89361702127659% !important;
            }

        .row.no-gutters > .offset2-tablet {
            margin-left: 16.66666666666667% !important;
        }

        .row > .offset1-tablet {
            margin-left: 10.638297872340425% !important;
        }

            .row > .offset1-tablet:first-child {
                margin-left: 8.51063829787234% !important;
            }

            .row > .offset1-tablet.no-gutter-tablet, .row > .offset1-tablet.no-gutter {
                margin-left: 6.382978723404255% !important;
            }

        .row.no-gutters > .offset1-tablet {
            margin-left: 8.33333333333333% !important;
        }
}
/* phone */
@media (max-width: 767px) {

    .row {
        width: 100%;
    }

        .row > [class*="span"] {
            width: 100% !important;
            margin-left: 0;
        }

        .row.no-gutters-phone > [class*="span"] {
            margin-left: 0 !important;
        }

        .row > .offset12, .row > .offset12:first-child,
        .row > .offset11, .row > .offset11:first-child,
        .row > .offset10, .row > .offset10:first-child,
        .row > .offset9, .row > .offset9:first-child,
        .row > .offset8, .row > .offset8:first-child,
        .row > .offset7, .row > .offset7:first-child,
        .row > .offset6, .row > .offset6:first-child,
        .row > .offset5, .row > .offset5:first-child,
        .row > .offset4, .row > .offset4:first-child,
        .row > .offset3, .row > .offset3:first-child,
        .row > .offset2, .row > .offset2:first-child,
        .row > .offset1, .row > .offset1:first-child {
            margin-left: 0 !important;
        }

        .row > [class*="offset"]:first-child, .row > .show-desktop:first-child + [class*="span"], .row > .show-tablet:first-child + [class*="span"], .row > .hide-phone:first-child + [class*="span"], .row > [class*="span"].first-child-phone {
            margin-left: 0;
        }

        .row > .span12-phone, .row.no-gutters > .span12-phone, .row.no-gutters-phone > .span12-phone {
            width: 100% !important;
        }

        .row > .span11-phone {
            width: 91.48936170212766% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span11-phone.no-gutter, .row > .span11-phone.no-gutter-phone {
                width: 93.61702127659574% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span11-phone, .row.no-gutters-phone > .span11-phone, .row.no-gutters-phone > .span11 {
            width: 91.66666666666667% !important;
        }

        .row > .span10-phone {
            width: 82.97872340425532% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span10-phone.no-gutter, .row > .span10-phone.no-gutter-phone {
                width: 85.1063829787234% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span10-phone, .row.no-gutters-phone > .span10-phone, .row.no-gutters-phone > .span10 {
            width: 83.33333333333333% !important;
        }

        .row > .span9-phone {
            width: 74.46808510638298% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span9-phone.no-gutter, .row > .span9-phone.no-gutter-phone {
                width: 76.59574468085106% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span9-phone, .row.no-gutters-phone > .span9-phone, .row.no-gutters-phone > .span9 {
            width: 75% !important;
        }

        .row > .span8-phone {
            width: 65.95744680851064% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span8-phone.no-gutter, .row > .span8-phone.no-gutter-phone {
                width: 68.08510638297872% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span8-phone, .row.no-gutters-phone > .span8-phone, .row.no-gutters-phone > .span8 {
            width: 66.66666666666667% !important;
        }

        .row > .span7-phone {
            width: 57.26495726495726% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span7-phone.no-gutter, .row > .span7-phone.no-gutter-phone {
                width: 59.39261683942534% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span7-phone, .row.no-gutters-phone > .span7-phone, .row.no-gutters-phone > .span7 {
            width: 57.4468085106383% !important;
        }

        .row > .span6-phone {
            width: 48.93617021276596% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span6-phone.no-gutter, .row > .span6-phone.no-gutter-phone {
                width: 51.06382978723404% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span6-phone, .row.no-gutters-phone > .span6-phone, .row.no-gutters-phone > .span6 {
            width: 50% !important;
        }

        .row > .span5-phone {
            width: 40.42553191489362% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span5-phone.no-gutter, .row > .span5-phone.no-gutter-phone {
                width: 42.5531914893617% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span5-phone, .row.no-gutters-phone > .span5-phone, .row.no-gutters-phone > .span5 {
            width: 41.66666666666667% !important;
        }

        .row > .span4-phone {
            width: 31.91489361702128% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span4-phone.no-gutter, .row > .span4-phone.no-gutter-phone {
                width: 34.04255319148936% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span4-phone, .row.no-gutters-phone > .span4-phone, .row.no-gutters-phone > .span4 {
            width: 33.33333333333333% !important;
        }

        .row > .span3-phone {
            width: 23.40425531914894% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span3-phone.no-gutter, .row > .span3-phone.no-gutter-phone {
                width: 25.53191489361702% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span3-phone, .row.no-gutters-phone > .span3-phone, .row.no-gutters-phone > .span3 {
            width: 25% !important;
        }

        .row > .span2-phone {
            width: 14.8936170212766% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span2-phone.no-gutter, .row > .span2-phone.no-gutter-phone {
                width: 17.02127659574469% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span2-phone, .row.no-gutters-phone > .span2-phone, .row.no-gutters-phone > .span2 {
            width: 16.66666666666667% !important;
        }

        .row > .span1-phone {
            width: 6.382978723404255% !important;
            margin-left: 2.127659574468085%;
        }

            .row > .span1-phone.no-gutter, .row > .span1-phone.no-gutter-phone {
                width: 8.51063829787234% !important;
                margin-left: 0;
            }

        .row.no-gutters > .span1-phone, .row.no-gutters-phone > .span1-phone, .row.no-gutters-phone > .span1 {
            width: 8.33333333333333% !important;
        }

        .row > .offset11-phone {
            margin-left: 93.61702127659574% !important;
        }

            .row > .offset11-phone:first-child {
                margin-left: 93.61702127659574% !important;
            }

            .row > .offset11-phone.no-gutter-phone, .row > .offset11-phone.no-gutter {
                margin-left: 91.48936170212765% !important;
            }

        .row.no-gutters > .offset11-phone {
            margin-left: 91.66666666666667% !important;
        }

        .row > .offset10-phone {
            margin-left: 87.23404255319149% !important;
        }

            .row > .offset10-phone:first-child {
                margin-left: 85.1063829787234% !important;
            }

            .row > .offset10-phone.no-gutter-phone, .row > .offset10-phone.no-gutter {
                margin-left: 82.97872340425532% !important;
            }

        .row.no-gutters > .offset10-phone {
            margin-left: 83.33333333333333% !important;
        }

        .row > .offset9-phone {
            margin-left: 78.72340425531914% !important;
        }

            .row > .offset9-phone:first-child {
                margin-left: 76.59574468085106% !important;
            }

            .row > .offset9-phone.no-gutter-phone, .row > .offset9-phone.no-gutter {
                margin-left: 74.46808510638297% !important;
            }

        .row.no-gutters > .offset9-phone {
            margin-left: 75% !important;
        }

        .row > .offset8-phone {
            margin-left: 70.2127659574468% !important;
        }

            .row > .offset8-phone:first-child {
                margin-left: 68.08510638297872% !important;
            }

            .row > .offset8-phone.no-gutter-phone, .row > .offset8-phone.no-gutter {
                margin-left: 65.95744680851063% !important;
            }

        .row.no-gutters > .offset8-phone {
            margin-left: 66.66666666666667% !important;
        }

        .row > .offset7-phone {
            margin-left: 61.70212765957446% !important;
        }

            .row > .offset7-phone:first-child {
                margin-left: 59.574468085106375% !important;
            }

            .row > .offset7-phone.no-gutter-phone, .row > .offset7-phone.no-gutter {
                margin-left: 57.44680851063828% !important;
            }

        .row.no-gutters > .offset7 {
            margin-left: 58.33333333333333% !important;
        }

        .row > .offset6-phone {
            margin-left: 53.191489361702125% !important;
        }

            .row > .offset6-phone:first-child {
                margin-left: 51.063829787234035% !important;
            }

            .row > .offset6-phone.no-gutter-phone, .row > .offset6-phone.no-gutter {
                margin-left: 48.93617021276594% !important;
            }

        .row.no-gutters > .offset6-phone {
            margin-left: 50% !important;
        }

        .row > .offset5-phone {
            margin-left: 44.68085106382979% !important;
        }

            .row > .offset5-phone:first-child {
                margin-left: 42.5531914893617% !important;
            }

            .row > .offset5-phone.no-gutter-phone, .row > .offset5-phone.no-gutter {
                margin-left: 40.42553191489362% !important;
            }

        .row.no-gutters > .offset5-phone {
            margin-left: 41.66666666666667% !important;
        }

        .row > .offset4-phone {
            margin-left: 36.170212765957444% !important;
        }

            .row > .offset4-phone:first-child {
                margin-left: 34.04255319148936% !important;
            }

            .row > .offset4-phone.no-gutter-phone, .row > .offset4-phone.no-gutter {
                margin-left: 31.91489361702127% !important;
            }

        .row.no-gutters > .offset4-phone {
            margin-left: 33.33333333333333% !important;
        }

        .row > .offset3-phone {
            margin-left: 27.659574468085104% !important;
        }

            .row > .offset3-phone:first-child {
                margin-left: 25.53191489361702% !important;
            }

            .row > .offset3-phone.no-gutter-phone, .row > .offset3-phone.no-gutter {
                margin-left: 23.40425531914893% !important;
            }

        .row.no-gutters > .offset3-phone {
            margin-left: 25% !important;
        }

        .row > .offset2-phone {
            margin-left: 19.148936170212764% !important;
        }

            .row > .offset2-phone:first-child {
                margin-left: 17.02127659574468% !important;
            }

            .row > .offset2-phone.no-gutter-phone, .row > .offset2-phone.no-gutter {
                margin-left: 14.89361702127659% !important;
            }

        .row.no-gutters > .offset2-phone {
            margin-left: 16.66666666666667% !important;
        }

        .row > .offset1-phone {
            margin-left: 10.638297872340425% !important;
        }

            .row > .offset1-phone:first-child {
                margin-left: 8.51063829787234% !important;
            }

            .row > .offset1-phone.no-gutter-phone, .row > .offset1-phone.no-gutter {
                margin-left: 6.382978723404255% !important;
            }

        .row.no-gutters > .offset1-phone {
            margin-left: 8.33333333333333% !important;
        }
}

/* Debug */

.show-grid [class*="span"] {
    background-color: #ccc;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 40px;
    line-height: 40px;
}

    .show-grid [class*="span"] [class*="span"] {
        background-color: #999;
    }

        .show-grid [class*="span"] [class*="span"] [class*="span"] {
            background-color: #666;
        }

            .show-grid [class*="span"] [class*="span"] [class*="span"] [class*="span"] {
                background-color: #333;
            }

                .show-grid [class*="span"] [class*="span"] [class*="span"] [class*="span"] [class*="span"] {
                    background-color: #000;
                }

.show-grid .row {
    margin: 2% 0;
}