/* COLORS
-------------------------------------------------------------------------------*/
/* IMPORTS
-------------------------------------------------------------------------------*/
@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova_bold-webfont.eot');
    src: url('../fonts/proximanova_bold-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova_bold-webfont.woff') format("woff"), url('../fonts/proximanova_bold-webfont.ttf') format("truetype"), url('../fonts/proximanova_bold-webfont.svg#proxima_nova_rgregular') format("svg");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova_regular-webfont.eot');
    src: url('../fonts/proximanova_regular-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova_regular-webfont.woff') format("woff"), url('../fonts/proximanova_regular-webfont.ttf') format("truetype"), url('../fonts/proximanova_regular-webfont.svg#proxima_nova_rgregular') format("svg");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_nova';
    src: url('../fonts/proximanova_thin-webfont.eot');
    src: url('../fonts/proximanova_thin-webfont.eot?#iefix') format("embedded-opentype"), url('../fonts/proximanova_thin-webfont.woff') format("woff"), url('../fonts/proximanova_thin-webfont.ttf') format("truetype"), url('../fonts/proximanova_thin-webfont.svg#proxima_nova_ththin') format("svg");
    font-weight: 100;
    font-style: normal;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

.clear:before, .header .header-row:before, .hero-form:before, .flights .flights-header:before, .flights .flights-row:before, .clear:after, .header .header-row:after, .hero-form:after, .flights .flights-header:after, .flights .flights-row:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}

.clear:after, .header .header-row:after, .hero-form:after, .flights .flights-header:after, .flights .flights-row:after {
    clear: both;
}

.clear, .header .header-row, .hero-form, .flights .flights-header, .flights .flights-row {
    zoom: 1;
}

.row, .tab .tab-row, .media, .about ul, .cta .cta-row {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1000px;
    *zoom: 1;
}

.row:before, .tab .tab-row:before, .media:before, .about ul:before, .cta .cta-row:before, .row:after, .tab .tab-row:after, .media:after, .about ul:after, .cta .cta-row:after {
    content: " ";
    display: table;
}

.row:after, .tab .tab-row:after, .media:after, .about ul:after, .cta .cta-row:after {
    clear: both;
}

.row.collapse > .column, .tab .collapse.tab-row > .column, .collapse.media > .column, .about ul.collapse > .column, .cta .collapse.cta-row > .column, .tab .row.collapse > a, .tab .collapse.tab-row > a, .tab .collapse.media > a, .about .tab ul.collapse > a, .tab .about ul.collapse > a, .cta .tab .collapse.cta-row > a, .tab .cta .collapse.cta-row > a, .cta .row.collapse > .cta-text, .tab .cta .collapse.tab-row > .cta-text, .cta .tab .collapse.tab-row > .cta-text, .cta .collapse.media > .cta-text, .about .cta ul.collapse > .cta-text, .cta .about ul.collapse > .cta-text, .cta .collapse.cta-row > .cta-text, .cta .row.collapse > .cta-button, .tab .cta .collapse.tab-row > .cta-button, .cta .tab .collapse.tab-row > .cta-button, .cta .collapse.media > .cta-button, .about .cta ul.collapse > .cta-button, .cta .about ul.collapse > .cta-button, .cta .collapse.cta-row > .cta-button,
.row.collapse > .columns,
.tab .collapse.tab-row > .columns,
.collapse.media > .columns,
.about ul.collapse > .columns,
.cta .collapse.cta-row > .columns,
.about .row.collapse > li,
.tab .about .collapse.tab-row > li,
.about .tab .collapse.tab-row > li,
.about .collapse.media > li,
.about ul.collapse > li,
.cta .about .collapse.cta-row > li,
.about .cta .collapse.cta-row > li {
    padding-left: 0;
    padding-right: 0;
    float: left;
}

.row.collapse .row, .tab .collapse.tab-row .row, .collapse.media .row, .about ul.collapse .row, .cta .collapse.cta-row .row, .row.collapse .tab .tab-row, .tab .row.collapse .tab-row, .tab .collapse.tab-row .tab-row, .collapse.media .tab .tab-row, .tab .collapse.media .tab-row, .about ul.collapse .tab .tab-row, .tab .about ul.collapse .tab-row, .cta .collapse.cta-row .tab .tab-row, .tab .cta .collapse.cta-row .tab-row, .row.collapse .media, .tab .collapse.tab-row .media, .collapse.media .media, .about ul.collapse .media, .cta .collapse.cta-row .media, .row.collapse .about ul, .about .row.collapse ul, .tab .collapse.tab-row .about ul, .about .tab .collapse.tab-row ul, .collapse.media .about ul, .about .collapse.media ul, .about ul.collapse ul, .cta .collapse.cta-row .about ul, .about .cta .collapse.cta-row ul, .row.collapse .cta .cta-row, .cta .row.collapse .cta-row, .tab .collapse.tab-row .cta .cta-row, .cta .tab .collapse.tab-row .cta-row, .collapse.media .cta .cta-row, .cta .collapse.media .cta-row, .about ul.collapse .cta .cta-row, .cta .about ul.collapse .cta-row, .cta .collapse.cta-row .cta-row {
    margin-left: 0;
    margin-right: 0;
}

.row .row, .tab .tab-row .row, .media .row, .about ul .row, .cta .cta-row .row, .row .tab .tab-row, .tab .row .tab-row, .tab .tab-row .tab-row, .media .tab .tab-row, .tab .media .tab-row, .about ul .tab .tab-row, .tab .about ul .tab-row, .cta .cta-row .tab .tab-row, .tab .cta .cta-row .tab-row, .row .media, .tab .tab-row .media, .media .media, .about ul .media, .cta .cta-row .media, .row .about ul, .about .row ul, .tab .tab-row .about ul, .about .tab .tab-row ul, .media .about ul, .about .media ul, .about ul ul, .cta .cta-row .about ul, .about .cta .cta-row ul, .row .cta .cta-row, .cta .row .cta-row, .tab .tab-row .cta .cta-row, .cta .tab .tab-row .cta-row, .media .cta .cta-row, .cta .media .cta-row, .about ul .cta .cta-row, .cta .about ul .cta-row, .cta .cta-row .cta-row {
    width: auto;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1;
}

.row .row:before, .tab .tab-row .row:before, .media .row:before, .about ul .row:before, .cta .cta-row .row:before, .row .tab .tab-row:before, .tab .row .tab-row:before, .tab .tab-row .tab-row:before, .media .tab .tab-row:before, .tab .media .tab-row:before, .about ul .tab .tab-row:before, .tab .about ul .tab-row:before, .cta .cta-row .tab .tab-row:before, .tab .cta .cta-row .tab-row:before, .row .media:before, .tab .tab-row .media:before, .media .media:before, .about ul .media:before, .cta .cta-row .media:before, .row .about ul:before, .about .row ul:before, .tab .tab-row .about ul:before, .about .tab .tab-row ul:before, .media .about ul:before, .about .media ul:before, .about ul ul:before, .cta .cta-row .about ul:before, .about .cta .cta-row ul:before, .row .cta .cta-row:before, .cta .row .cta-row:before, .tab .tab-row .cta .cta-row:before, .cta .tab .tab-row .cta-row:before, .media .cta .cta-row:before, .cta .media .cta-row:before, .about ul .cta .cta-row:before, .cta .about ul .cta-row:before, .cta .cta-row .cta-row:before, .row .row:after, .tab .tab-row .row:after, .media .row:after, .about ul .row:after, .cta .cta-row .row:after, .row .tab .tab-row:after, .tab .row .tab-row:after, .tab .tab-row .tab-row:after, .media .tab .tab-row:after, .tab .media .tab-row:after, .about ul .tab .tab-row:after, .tab .about ul .tab-row:after, .cta .cta-row .tab .tab-row:after, .tab .cta .cta-row .tab-row:after, .row .media:after, .tab .tab-row .media:after, .media .media:after, .about ul .media:after, .cta .cta-row .media:after, .row .about ul:after, .about .row ul:after, .tab .tab-row .about ul:after, .about .tab .tab-row ul:after, .media .about ul:after, .about .media ul:after, .about ul ul:after, .cta .cta-row .about ul:after, .about .cta .cta-row ul:after, .row .cta .cta-row:after, .cta .row .cta-row:after, .tab .tab-row .cta .cta-row:after, .cta .tab .tab-row .cta-row:after, .media .cta .cta-row:after, .cta .media .cta-row:after, .about ul .cta .cta-row:after, .cta .about ul .cta-row:after, .cta .cta-row .cta-row:after {
    content: " ";
    display: table;
}

.row .row:after, .tab .tab-row .row:after, .media .row:after, .about ul .row:after, .cta .cta-row .row:after, .row .tab .tab-row:after, .tab .row .tab-row:after, .tab .tab-row .tab-row:after, .media .tab .tab-row:after, .tab .media .tab-row:after, .about ul .tab .tab-row:after, .tab .about ul .tab-row:after, .cta .cta-row .tab .tab-row:after, .tab .cta .cta-row .tab-row:after, .row .media:after, .tab .tab-row .media:after, .media .media:after, .about ul .media:after, .cta .cta-row .media:after, .row .about ul:after, .about .row ul:after, .tab .tab-row .about ul:after, .about .tab .tab-row ul:after, .media .about ul:after, .about .media ul:after, .about ul ul:after, .cta .cta-row .about ul:after, .about .cta .cta-row ul:after, .row .cta .cta-row:after, .cta .row .cta-row:after, .tab .tab-row .cta .cta-row:after, .cta .tab .tab-row .cta-row:after, .media .cta .cta-row:after, .cta .media .cta-row:after, .about ul .cta .cta-row:after, .cta .about ul .cta-row:after, .cta .cta-row .cta-row:after {
    clear: both;
}

.row .row.collapse, .tab .tab-row .row.collapse, .media .row.collapse, .about ul .row.collapse, .cta .cta-row .row.collapse, .row .tab .collapse.tab-row, .tab .row .collapse.tab-row, .tab .tab-row .collapse.tab-row, .media .tab .collapse.tab-row, .tab .media .collapse.tab-row, .about ul .tab .collapse.tab-row, .tab .about ul .collapse.tab-row, .cta .cta-row .tab .collapse.tab-row, .tab .cta .cta-row .collapse.tab-row, .row .collapse.media, .tab .tab-row .collapse.media, .media .collapse.media, .about ul .collapse.media, .cta .cta-row .collapse.media, .row .about ul.collapse, .about .row ul.collapse, .tab .tab-row .about ul.collapse, .about .tab .tab-row ul.collapse, .media .about ul.collapse, .about .media ul.collapse, .about ul ul.collapse, .cta .cta-row .about ul.collapse, .about .cta .cta-row ul.collapse, .row .cta .collapse.cta-row, .cta .row .collapse.cta-row, .tab .tab-row .cta .collapse.cta-row, .cta .tab .tab-row .collapse.cta-row, .media .cta .collapse.cta-row, .cta .media .collapse.cta-row, .about ul .cta .collapse.cta-row, .cta .about ul .collapse.cta-row, .cta .cta-row .collapse.cta-row {
    width: auto;
    margin: 0;
    max-width: none;
    *zoom: 1;
}

.row .row.collapse:before, .tab .tab-row .row.collapse:before, .media .row.collapse:before, .about ul .row.collapse:before, .cta .cta-row .row.collapse:before, .row .tab .collapse.tab-row:before, .tab .row .collapse.tab-row:before, .tab .tab-row .collapse.tab-row:before, .media .tab .collapse.tab-row:before, .tab .media .collapse.tab-row:before, .about ul .tab .collapse.tab-row:before, .tab .about ul .collapse.tab-row:before, .cta .cta-row .tab .collapse.tab-row:before, .tab .cta .cta-row .collapse.tab-row:before, .row .collapse.media:before, .tab .tab-row .collapse.media:before, .media .collapse.media:before, .about ul .collapse.media:before, .cta .cta-row .collapse.media:before, .row .about ul.collapse:before, .about .row ul.collapse:before, .tab .tab-row .about ul.collapse:before, .about .tab .tab-row ul.collapse:before, .media .about ul.collapse:before, .about .media ul.collapse:before, .about ul ul.collapse:before, .cta .cta-row .about ul.collapse:before, .about .cta .cta-row ul.collapse:before, .row .cta .collapse.cta-row:before, .cta .row .collapse.cta-row:before, .tab .tab-row .cta .collapse.cta-row:before, .cta .tab .tab-row .collapse.cta-row:before, .media .cta .collapse.cta-row:before, .cta .media .collapse.cta-row:before, .about ul .cta .collapse.cta-row:before, .cta .about ul .collapse.cta-row:before, .cta .cta-row .collapse.cta-row:before, .row .row.collapse:after, .tab .tab-row .row.collapse:after, .media .row.collapse:after, .about ul .row.collapse:after, .cta .cta-row .row.collapse:after, .row .tab .collapse.tab-row:after, .tab .row .collapse.tab-row:after, .tab .tab-row .collapse.tab-row:after, .media .tab .collapse.tab-row:after, .tab .media .collapse.tab-row:after, .about ul .tab .collapse.tab-row:after, .tab .about ul .collapse.tab-row:after, .cta .cta-row .tab .collapse.tab-row:after, .tab .cta .cta-row .collapse.tab-row:after, .row .collapse.media:after, .tab .tab-row .collapse.media:after, .media .collapse.media:after, .about ul .collapse.media:after, .cta .cta-row .collapse.media:after, .row .about ul.collapse:after, .about .row ul.collapse:after, .tab .tab-row .about ul.collapse:after, .about .tab .tab-row ul.collapse:after, .media .about ul.collapse:after, .about .media ul.collapse:after, .about ul ul.collapse:after, .cta .cta-row .about ul.collapse:after, .about .cta .cta-row ul.collapse:after, .row .cta .collapse.cta-row:after, .cta .row .collapse.cta-row:after, .tab .tab-row .cta .collapse.cta-row:after, .cta .tab .tab-row .collapse.cta-row:after, .media .cta .collapse.cta-row:after, .cta .media .collapse.cta-row:after, .about ul .cta .collapse.cta-row:after, .cta .about ul .collapse.cta-row:after, .cta .cta-row .collapse.cta-row:after {
    content: " ";
    display: table;
}

.row .row.collapse:after, .tab .tab-row .row.collapse:after, .media .row.collapse:after, .about ul .row.collapse:after, .cta .cta-row .row.collapse:after, .row .tab .collapse.tab-row:after, .tab .row .collapse.tab-row:after, .tab .tab-row .collapse.tab-row:after, .media .tab .collapse.tab-row:after, .tab .media .collapse.tab-row:after, .about ul .tab .collapse.tab-row:after, .tab .about ul .collapse.tab-row:after, .cta .cta-row .tab .collapse.tab-row:after, .tab .cta .cta-row .collapse.tab-row:after, .row .collapse.media:after, .tab .tab-row .collapse.media:after, .media .collapse.media:after, .about ul .collapse.media:after, .cta .cta-row .collapse.media:after, .row .about ul.collapse:after, .about .row ul.collapse:after, .tab .tab-row .about ul.collapse:after, .about .tab .tab-row ul.collapse:after, .media .about ul.collapse:after, .about .media ul.collapse:after, .about ul ul.collapse:after, .cta .cta-row .about ul.collapse:after, .about .cta .cta-row ul.collapse:after, .row .cta .collapse.cta-row:after, .cta .row .collapse.cta-row:after, .tab .tab-row .cta .collapse.cta-row:after, .cta .tab .tab-row .collapse.cta-row:after, .media .cta .collapse.cta-row:after, .cta .media .collapse.cta-row:after, .about ul .cta .collapse.cta-row:after, .cta .about ul .collapse.cta-row:after, .cta .cta-row .collapse.cta-row:after {
    clear: both;
}

.column, .tab a, .cta .cta-text, .cta .cta-button,
.columns,
.about li {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    float: left;
}

@media only screen {
    .column.small-centered, .tab a.small-centered, .cta .small-centered.cta-text, .cta .small-centered.cta-button,
    .columns.small-centered,
    .about li.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered, .tab a.small-uncentered, .cta .small-uncentered.cta-text, .cta .small-uncentered.cta-button,
    .columns.small-uncentered,
    .about li.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.small-uncentered.opposite, .tab a.small-uncentered.opposite, .cta .small-uncentered.opposite.cta-text, .cta .small-uncentered.opposite.cta-button,
    .columns.small-uncentered.opposite,
    .about li.small-uncentered.opposite {
        float: right;
    }

    .small-push-0 {
        left: 0%;
        right: auto;
    }

    .small-pull-0 {
        right: 0%;
        left: auto;
    }

    .small-push-1 {
        left: 8.33333%;
        right: auto;
    }

    .small-pull-1 {
        right: 8.33333%;
        left: auto;
    }

    .small-push-2 {
        left: 16.66667%;
        right: auto;
    }

    .small-pull-2 {
        right: 16.66667%;
        left: auto;
    }

    .small-push-3 {
        left: 25%;
        right: auto;
    }

    .small-pull-3 {
        right: 25%;
        left: auto;
    }

    .small-push-4 {
        left: 33.33333%;
        right: auto;
    }

    .small-pull-4 {
        right: 33.33333%;
        left: auto;
    }

    .small-push-5 {
        left: 41.66667%;
        right: auto;
    }

    .small-pull-5 {
        right: 41.66667%;
        left: auto;
    }

    .small-push-6 {
        left: 50%;
        right: auto;
    }

    .small-pull-6 {
        right: 50%;
        left: auto;
    }

    .small-push-7 {
        left: 58.33333%;
        right: auto;
    }

    .small-pull-7 {
        right: 58.33333%;
        left: auto;
    }

    .small-push-8 {
        left: 66.66667%;
        right: auto;
    }

    .small-pull-8 {
        right: 66.66667%;
        left: auto;
    }

    .small-push-9 {
        left: 75%;
        right: auto;
    }

    .small-pull-9 {
        right: 75%;
        left: auto;
    }

    .small-push-10 {
        left: 83.33333%;
        right: auto;
    }

    .small-pull-10 {
        right: 83.33333%;
        left: auto;
    }

    .small-push-11 {
        left: 91.66667%;
        right: auto;
    }

    .small-pull-11 {
        right: 91.66667%;
        left: auto;
    }

    .column, .tab a, .cta .cta-text, .cta .cta-button,
    .columns,
    .about li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    .small-1 {
        width: 8.33333%;
    }

    .small-2 {
        width: 16.66667%;
    }

    .small-3 {
        width: 25%;
    }

    .small-4 {
        width: 33.33333%;
    }

    .small-5 {
        width: 41.66667%;
    }

    .small-6 {
        width: 50%;
    }

    .small-7 {
        width: 58.33333%;
    }

    .small-8 {
        width: 66.66667%;
    }

    .small-9 {
        width: 75%;
    }

    .small-10 {
        width: 83.33333%;
    }

    .small-11 {
        width: 91.66667%;
    }

    .small-12 {
        width: 100%;
    }

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

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

    .small-offset-0 {
        margin-left: 0% !important;
    }

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

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

    .small-offset-3 {
        margin-left: 25% !important;
    }

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

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

    .small-offset-6 {
        margin-left: 50% !important;
    }

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

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

    .small-offset-9 {
        margin-left: 75% !important;
    }

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

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

    .small-reset-order,
    .small-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }
}
@media only screen and (min-width: 768px) {
    .column.medium-centered, .tab a.medium-centered, .cta .medium-centered.cta-text, .cta .medium-centered.cta-button,
    .columns.medium-centered,
    .about li.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered, .tab a.medium-uncentered, .cta .medium-uncentered.cta-text, .cta .medium-uncentered.cta-button,
    .columns.medium-uncentered,
    .about li.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.medium-uncentered.opposite, .tab a.medium-uncentered.opposite, .cta .medium-uncentered.opposite.cta-text, .cta .medium-uncentered.opposite.cta-button,
    .columns.medium-uncentered.opposite,
    .about li.medium-uncentered.opposite {
        float: right;
    }

    .medium-push-0 {
        left: 0%;
        right: auto;
    }

    .medium-pull-0 {
        right: 0%;
        left: auto;
    }

    .medium-push-1 {
        left: 8.33333%;
        right: auto;
    }

    .medium-pull-1 {
        right: 8.33333%;
        left: auto;
    }

    .medium-push-2 {
        left: 16.66667%;
        right: auto;
    }

    .medium-pull-2 {
        right: 16.66667%;
        left: auto;
    }

    .medium-push-3 {
        left: 25%;
        right: auto;
    }

    .medium-pull-3 {
        right: 25%;
        left: auto;
    }

    .medium-push-4 {
        left: 33.33333%;
        right: auto;
    }

    .medium-pull-4 {
        right: 33.33333%;
        left: auto;
    }

    .medium-push-5 {
        left: 41.66667%;
        right: auto;
    }

    .medium-pull-5 {
        right: 41.66667%;
        left: auto;
    }

    .medium-push-6 {
        left: 50%;
        right: auto;
    }

    .medium-pull-6 {
        right: 50%;
        left: auto;
    }

    .medium-push-7 {
        left: 58.33333%;
        right: auto;
    }

    .medium-pull-7 {
        right: 58.33333%;
        left: auto;
    }

    .medium-push-8 {
        left: 66.66667%;
        right: auto;
    }

    .medium-pull-8 {
        right: 66.66667%;
        left: auto;
    }

    .medium-push-9 {
        left: 75%;
        right: auto;
    }

    .medium-pull-9 {
        right: 75%;
        left: auto;
    }

    .medium-push-10 {
        left: 83.33333%;
        right: auto;
    }

    .medium-pull-10 {
        right: 83.33333%;
        left: auto;
    }

    .medium-push-11 {
        left: 91.66667%;
        right: auto;
    }

    .medium-pull-11 {
        right: 91.66667%;
        left: auto;
    }

    .column, .tab a, .cta .cta-text, .cta .cta-button,
    .columns,
    .about li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    .medium-1 {
        width: 8.33333%;
    }

    .medium-2 {
        width: 16.66667%;
    }

    .medium-3 {
        width: 25%;
    }

    .medium-4 {
        width: 33.33333%;
    }

    .medium-5 {
        width: 41.66667%;
    }

    .medium-6 {
        width: 50%;
    }

    .medium-7 {
        width: 58.33333%;
    }

    .medium-8 {
        width: 66.66667%;
    }

    .medium-9 {
        width: 75%;
    }

    .medium-10 {
        width: 83.33333%;
    }

    .medium-11 {
        width: 91.66667%;
    }

    .medium-12 {
        width: 100%;
    }

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

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

    .medium-offset-0 {
        margin-left: 0% !important;
    }

    .medium-offset-1 {
        margin-left: 8.33333% !important;
    }

    .medium-offset-2 {
        margin-left: 16.66667% !important;
    }

    .medium-offset-3 {
        margin-left: 25% !important;
    }

    .medium-offset-4 {
        margin-left: 33.33333% !important;
    }

    .medium-offset-5 {
        margin-left: 41.66667% !important;
    }

    .medium-offset-6 {
        margin-left: 50% !important;
    }

    .medium-offset-7 {
        margin-left: 58.33333% !important;
    }

    .medium-offset-8 {
        margin-left: 66.66667% !important;
    }

    .medium-offset-9 {
        margin-left: 75% !important;
    }

    .medium-offset-10 {
        margin-left: 83.33333% !important;
    }

    .medium-offset-11 {
        margin-left: 91.66667% !important;
    }

    .medium-reset-order,
    .medium-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .push-0 {
        left: 0%;
        right: auto;
    }

    .pull-0 {
        right: 0%;
        left: auto;
    }

    .push-1 {
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        left: 25%;
        right: auto;
    }

    .pull-3 {
        right: 25%;
        left: auto;
    }

    .push-4 {
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        left: 50%;
        right: auto;
    }

    .pull-6 {
        right: 50%;
        left: auto;
    }

    .push-7 {
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        left: 75%;
        right: auto;
    }

    .pull-9 {
        right: 75%;
        left: auto;
    }

    .push-10 {
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        right: 91.66667%;
        left: auto;
    }
}
@media only screen and (min-width: 768px) {
    .column.large-centered, .tab a.large-centered, .cta .large-centered.cta-text, .cta .large-centered.cta-button,
    .columns.large-centered,
    .about li.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered, .tab a.large-uncentered, .cta .large-uncentered.cta-text, .cta .large-uncentered.cta-button,
    .columns.large-uncentered,
    .about li.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.large-uncentered.opposite, .tab a.large-uncentered.opposite, .cta .large-uncentered.opposite.cta-text, .cta .large-uncentered.opposite.cta-button,
    .columns.large-uncentered.opposite,
    .about li.large-uncentered.opposite {
        float: right;
    }

    .large-push-0 {
        left: 0%;
        right: auto;
    }

    .large-pull-0 {
        right: 0%;
        left: auto;
    }

    .large-push-1 {
        left: 8.33333%;
        right: auto;
    }

    .large-pull-1 {
        right: 8.33333%;
        left: auto;
    }

    .large-push-2 {
        left: 16.66667%;
        right: auto;
    }

    .large-pull-2 {
        right: 16.66667%;
        left: auto;
    }

    .large-push-3 {
        left: 25%;
        right: auto;
    }

    .large-pull-3 {
        right: 25%;
        left: auto;
    }

    .large-push-4 {
        left: 33.33333%;
        right: auto;
    }

    .large-pull-4 {
        right: 33.33333%;
        left: auto;
    }

    .large-push-5 {
        left: 41.66667%;
        right: auto;
    }

    .large-pull-5 {
        right: 41.66667%;
        left: auto;
    }

    .large-push-6 {
        left: 50%;
        right: auto;
    }

    .large-pull-6 {
        right: 50%;
        left: auto;
    }

    .large-push-7 {
        left: 58.33333%;
        right: auto;
    }

    .large-pull-7 {
        right: 58.33333%;
        left: auto;
    }

    .large-push-8 {
        left: 66.66667%;
        right: auto;
    }

    .large-pull-8 {
        right: 66.66667%;
        left: auto;
    }

    .large-push-9 {
        left: 75%;
        right: auto;
    }

    .large-pull-9 {
        right: 75%;
        left: auto;
    }

    .large-push-10 {
        left: 83.33333%;
        right: auto;
    }

    .large-pull-10 {
        right: 83.33333%;
        left: auto;
    }

    .large-push-11 {
        left: 91.66667%;
        right: auto;
    }

    .large-pull-11 {
        right: 91.66667%;
        left: auto;
    }

    .column, .tab a, .cta .cta-text, .cta .cta-button,
    .columns,
    .about li {
        position: relative;
        padding-left: 15px;
        padding-right: 15px;
        float: left;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3, .tab a, .cta .cta-button {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6, .about li {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9, .media .media-text, .cta .cta-text {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

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

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

    .large-offset-0 {
        margin-left: 0% !important;
    }

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

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

    .large-offset-3 {
        margin-left: 25% !important;
    }

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

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

    .large-offset-6 {
        margin-left: 50% !important;
    }

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

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

    .large-offset-9 {
        margin-left: 75% !important;
    }

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

    .large-offset-11 {
        margin-left: 91.66667% !important;
    }

    .large-reset-order,
    .large-reset-order {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .push-0 {
        left: 0%;
        right: auto;
    }

    .pull-0 {
        right: 0%;
        left: auto;
    }

    .push-1 {
        left: 8.33333%;
        right: auto;
    }

    .pull-1 {
        right: 8.33333%;
        left: auto;
    }

    .push-2 {
        left: 16.66667%;
        right: auto;
    }

    .pull-2 {
        right: 16.66667%;
        left: auto;
    }

    .push-3 {
        left: 25%;
        right: auto;
    }

    .pull-3 {
        right: 25%;
        left: auto;
    }

    .push-4 {
        left: 33.33333%;
        right: auto;
    }

    .pull-4 {
        right: 33.33333%;
        left: auto;
    }

    .push-5 {
        left: 41.66667%;
        right: auto;
    }

    .pull-5 {
        right: 41.66667%;
        left: auto;
    }

    .push-6 {
        left: 50%;
        right: auto;
    }

    .pull-6 {
        right: 50%;
        left: auto;
    }

    .push-7 {
        left: 58.33333%;
        right: auto;
    }

    .pull-7 {
        right: 58.33333%;
        left: auto;
    }

    .push-8 {
        left: 66.66667%;
        right: auto;
    }

    .pull-8 {
        right: 66.66667%;
        left: auto;
    }

    .push-9 {
        left: 75%;
        right: auto;
    }

    .pull-9 {
        right: 75%;
        left: auto;
    }

    .push-10 {
        left: 83.33333%;
        right: auto;
    }

    .pull-10 {
        right: 83.33333%;
        left: auto;
    }

    .push-11 {
        left: 91.66667%;
        right: auto;
    }

    .pull-11 {
        right: 91.66667%;
        left: auto;
    }
}
/* Common */
.delayed:after {
    width: 90px;
    height: 96px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -202px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .delayed:after {
        background-position: 0 -202px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.cancelled:after {
    width: 90px;
    height: 96px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -394px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .cancelled:after {
        background-position: 0 -394px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.overbooked:after {
    width: 90px;
    height: 96px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -586px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .overbooked:after {
        background-position: 0 -490px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.missedconnection:after {
    width: 110px;
    height: 96px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -298px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .missedconnection:after {
        background-position: 0 -298px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.general:after {
    width: 90px;
    height: 96px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -490px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .general:after {
        background-position: 0 -586px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.rights:after {
    width: 90px;
    height: 202px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 0;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .rights:after {
        background-position: 0 0;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

@-webkit-keyframes canceled {
    0% {
        background: #fff;
    }

    49% {
        background: #fff;
    }

    50% {
        background: #dd442a;
    }

    100% {
        background: #dd442a;
    }
}

@-webkit-keyframes delayed {
    0% {
        background: #fff;
    }

    49% {
        background: #fff;
    }

    50% {
        background: #efd104;
    }

    100% {
        background: #efd104;
    }
}

/* FlexSlider Necessary Styles
*********************************/
.examples-slider {
    margin: 0;
    padding: 0;
}

.examples-slider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.examples-slider .slides img {
    width: 100%;
    display: block;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
      border-top: 1px solid #ddd !important;
    }*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top: 0;
    position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.datepicker > div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #e2e2e2;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3c17a), to(#f3e97a));
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(gray));
    background-image: -webkit-linear-gradient(top, #b3b3b3, gray);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #00b6de;
    border-color: #00a2c6;
    color: #fff;
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #00b6de;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #00b6de;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0044cc));
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 20px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #333333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5px;
}

.next, .prev {
    font-size: 20px;
}

/* BASE
-------------------------------------------------------------------------------*/
html {
    width: 100%;
}

body {
    width: 100%;
    font-family: 'proxima_nova', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #666666;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

img {
    display: block;
}

input, textarea, button {
    cursor: text;
    font-family: 'proxima_nova', sans-serif;
    font-size: 16px;
}

/* COMMON CLASSES
-------------------------------------------------------------------------------*/
/* Margins */
.mt-1, .footer .footer-logo, .text p, .text ul, .examples .examples-box p, #login .form-container, #login .login-switch, .contact .contact-success, .contact .contact-error, .contact .contact-item, .contact .contact-submit {
    margin-top: 10px !important;
}

.mt-2, .about li, .examples .flex-control-nav, .fact, .chart .chart-item, .chart .chart-map, .article .article-text, .faq .faq-text {
    margin-top: 20px !important;
}

.mt-3, .hero-form {
    margin-top: 30px !important;
}

.mt-4, .section_grey--margin, .section_grey--slider, .tab--box, .examples--mt, .cta--white, .legend, .chart, .flights, .article_small, .faq, .faq .faq-item {
    margin-top: 40px !important;
}

.mt-6, .image--border, .media, .about {
    margin-top: 60px !important;
}

.mt-8, .h1, .section_grey--footer, .hero-intro li {
    margin-top: 80px !important;
}

/* Typography */
h1, h2, h3, h4, h5 {
    font-weight: 500;
}

.h1, .h2, .infobox--top .infobox-title, .h3 {
    font-weight: 500;
}

.h1, .h3 {
    color: #2d2d2d;
}

.h1 {
    font-size: 28px;
    text-align: center;
}

.h2, .infobox--top .infobox-title {
    font-size: 24px;
}

.h3 {
    font-size: 20px;
}

.uppercase, .readmore, .text a, .media .media-readmore a, .examples .examples-box a, .infobox .infobox-text a, .footer .footer-category, .chart .chart-headline, .flights .flights-header {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Images */
.image--border {
    margin: auto;
    max-width: 972px;
    width: 100%;
    background: whitesmoke;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    overflow: hidden;
}

/* Shadows */
.text-shadow, .btn--transparent, .header .header-navigation .login, .btn--cyan, .header .header-navigation .link, .header .header-menu, .hero-headline, .hero-intro, .infobox .infobox-title {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.box-shadow, .btn--transparent, .header .header-navigation .login, .hero-intro li:before {
    -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}

/* Box */
.box, .flights, .infobox .infobox-text, .faq .faq-header .h3, .faq .faq-text {
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 0px #e2e2e2;
    box-shadow: 0px 2px 0px #e2e2e2;
}

/* Buttons */
.btn, .btn--small, .header .header-navigation .login, .btn--large {
    display: inline-block;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    line-height: 1;
}

.btn--small, .header .header-navigation .login {
    padding: 5px 8px;
    font-size: 14px;
}

.btn--large {
    padding: 12px;
    font-size: 16px;
}

.btn--transparent, .header .header-navigation .login {
    border-color: #fff;
    color: #fff;
    opacity: 0.5;
}

.btn--white {
    background: #fff;
    border-color: #a2a2a2;
    -webkit-box-shadow: 0px 2px 0px #a2a2a2;
    box-shadow: 0px 2px 0px #a2a2a2;
    font-weight: bold;
    color: #2d2d2d;
}
.btn--white:hover {
    background: #f4f4f4;
}

.btn--cyan {
    background: #316483;
    -webkit-box-shadow: 0px 2px 0px #21506c;
    box-shadow: 0px 2px 0px #21506c;
    border: 1px solid #21506c;
    font-weight: bold;
    color: #fff;
}
.btn--cyan:hover {
    background: #2b5873;
}

.btn--orange {
    background-color: #FF8800;
    -webkit-box-shadow: 0px 2px 0px #f67300;
    box-shadow: 0px 2px 0px #f67300;
    border: 1px solid #f67300;
    font-weight: bold;
    color: #144c6d;
}

.btn--orange:hover {
    background: #f67300;
}


/* Forms */
.form-container {
    position: relative;
}

.form-label {
    position: absolute;
    width: 100%;
    padding: 10px 10px;
    color: #a2a2a2;
    cursor: text;
}

.form-input, .form-textarea {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: #fff;
    border: 1px solid #a2a2a2;
    border-radius: 5px;
    min-width: 200px;
    min-height: 38px;
}
.form-input:focus, .form-textarea:focus {
    border-color: #676767;
}

.form-submit {
    cursor: pointer;
}

.form-error, .form-success {
    position: absolute;
    top: 100%;
    left: 15px;
    margin-top: 8px;
    padding: 4px 8px 8px;
    border-radius: 5px;
    color: #fff;
    z-index: 99;
}
.form-error:before, .form-success:before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 100%;
    border: solid transparent;
    width: 0;
    height: 0;
    border-width: 5px;
    border-color: rgba(255, 255, 255, 0);
}

.form-error {
    background: #e73637;
}
.form-error:before {
    border-bottom-color: #e73637;
}

.form-error ul {
    list-style-type: circle !important;
}

.form-error li {
    list-style-type: circle !important;
    margin-left: 20px;
}

.form-error li a {
    color: #00b6de;
}

.form-error li a:hoover {
    color: #00b6de;
}

.form-success {
    background: #00e2ac;
}
.form-success:before {
    border-bottom-color: #00e2ac;
}

.form--content .form-input, .form--content .form-textarea {
    border-color: #e2e2e2;
}
.form--content .form-input:focus, .form--content .form-textarea:focus {
    border-color: #c6c6c6;
}

/* Readmore */
.readmore, .text a, .media .media-readmore a, .examples .examples-box a, .infobox .infobox-text a {
    display: inline-block;
    position: relative;
    color: #2d2d2d;
}
.readmore:before, .text a:before, .media .media-readmore a:before, .examples .examples-box a:before, .infobox .infobox-text a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
}

.readmore--right, .text a, .media .media-readmore a, .examples .examples-box a, .infobox .infobox-text a {
    padding-left: 16px !important;
    font-weight: bold;
}
.readmore--right:before, .text a:before, .media .media-readmore a:before, .examples .examples-box a:before, .infobox .infobox-text a:before {
    left: 0px;
    width: 6px;
    height: 10px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1420px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .readmore--right:before, .text a:before, .media .media-readmore a:before, .examples .examples-box a:before, .infobox .infobox-text a:before {
        background-position: 0 -1420px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.readmore--down {
    padding-left: 24px !important;
    font-weight: bold;
}
.readmore--down:before {
    left: 8px;
    width: 10px;
    height: 10px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1410px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .readmore--down:before {
        background-position: 0 -1410px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

/* HEADER
-------------------------------------------------------------------------------*/
.header {
    width: 100%;
    border-bottom: 1px solid #a2a2a2;
    background: url("../images/hero.jpg") no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.header .header-row {
    margin: auto;
    max-width: 1000px;
}
.header .header-logo {
    float: left;
}
.header .header-logo {
    display: block;
    margin: 0 15px;
}
.header .header-language {
    position: relative;
    float: right;
    margin-top: 2px;
    margin-right: 15px;
    z-index: 97;
}
.header .header-language .btn, .header .header-language .btn--small, .header .header-language .header-navigation .login, .header .header-navigation .header-language .login, .header .header-language .btn--large {
    padding-right: 16px;
    text-transform: uppercase;
}
.header .header-language .btn:after, .header .header-language .btn--small:after, .header .header-language .header-navigation .login:after, .header .header-navigation .header-language .login:after, .header .header-language .btn--large:after {
    content: '';
    position: absolute;
    top: 10px;
    right: 6px;
    width: 6px;
    height: 4px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1468px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .header .header-language .btn:after, .header .header-language .btn--small:after, .header .header-language .header-navigation .login:after, .header .header-navigation .header-language .login:after, .header .header-language .btn--large:after {
        background-position: 0 -1468px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.header .header-language .lang_sel_list_vertical {
    display: none;
    position: absolute;
    top: 100%;
    left: 0px;
    margin-top: 6px;
    padding: 8px 8px 6px;
    background: #fff;
    border: 1px solid #a2a2a2;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 #a2a2a2;
    box-shadow: 0 2px 0 #a2a2a2;
}
.header .header-language .lang_sel_list_vertical li {
    margin-bottom: 5px;
}
.header .header-language .lang_sel_list_vertical li:last-child {
    margin: 0;
}
.header .header-language .lang_sel_list_vertical a {
    display: block;
    position: relative;
    padding-left: 10px;
    font-size: 14px;
}
.header .header-language .lang_sel_list_vertical a:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
}
.header .header-language .lang_sel_list_vertical .lang_sel_sel {
    font-weight: bold;
    color: #2d2d2d;
}
.header .header-language .lang_sel_list_vertical .lang_sel_sel:before {
    background: #00b6de;
}
.header .header-language .lang_sel_list_vertical .lang_sel_other {
    color: #a2a2a2;
}
.header .header-language .lang_sel_list_vertical .lang_sel_other:before {
    background: #e2e2e2;
}
.header .header-language .lang_sel_list_vertical .lang_sel_other:hover {
    color: #2d2d2d;
}
.header .header-language .lang_sel_list_vertical .lang_sel_other:hover:before {
    background: #a2a2a2;
}

/*
.header .header-navigation {
    float: right;
}
.header .header-navigation a {
    margin: 0 15px;
    display: inline-block;
    list-style: none;
}
.header .header-navigation .link {
    padding: 9px 0;
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
}*/
.header .header-navigation .login {
    margin-top: 3px;
    margin-right: 15px;
    float: right;
    padding: 5px 8px;
}
/*
.header .header-navigation .close {
    display: none;
}
.header .header-navigation a:hover, .header .header-navigation .current_page_item {
    opacity: 1 !important;
}
.header .header-navigation .current_page_item {
    font-weight: bold;
}*/
.header .header-menu {
    display: none;
    position: relative;
    float: right;
    margin: 0 15px;
    padding: 9px 0 9px 24px;
    font-size: 16px;
    color: #fff;
    opacity: 0.5;
}
/*
.header .header-menu:hover {
    color: 1;
}
.header .header-menu:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -6px;
    width: 16px;
    height: 16px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1446px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .header .header-menu:before {
        background-position: 0 -1452px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
*/
.header .header-readmore {
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    text-align: center;
}
.header .header-readmore a {
    padding: 8px;
    background: #fff;
    border-top: 1px solid #a2a2a2;
    border-right: 1px solid #a2a2a2;
    border-left: 1px solid #a2a2a2;
    border-radius: 5px 5px 0 0;
}

.header--start {
    display: table;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    background-position: 50% 50%;
}
.header--start .header-container {
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 2;
}

.header--sub {
    padding: 30px 0;
    background-position: 50% -120px;
}

@media (max-width: 1024px) {
/*    .header .header-navigation {
        margin-right: 10px;
    }
    .header .header-navigation a {
        margin: 0 5px;
    }*/

    .header--start {
        display: block;
        position: relative;
    }
    .header--start .header-container {
        position: static;
        padding-top: 30px;
    }
}
@media (max-width: 768px) {
    .header .header-language {
        float: left;
    }
    .header .header-menu {
        display: block;
    }
/*    .header .header-navigation {
        display: none;
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        margin: 0;
        z-index: 98;
    }*/
/*    .header .header-navigation .link, .header .header-navigation .login, .header .header-navigation .close {
        display: block;
        margin: 0;
        padding: 12px 0;
        background: #fff;
        border-bottom: 1px solid #e2e2e2;
        border-radius: 0px;
        text-align: center;
        text-shadow: none;
        opacity: 1;
    }
    .header .header-navigation .link, .header .header-navigation .login {
        font-size: 16px;
        color: #666666;
    }
    .header .header-navigation .login {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .header .header-navigation .close {
        font-size: 20px;
        font-weight: bold;
        color: #a2a2a2 !important;
    }
    .header .header-navigation a:hover, .header .header-navigation .current_page_item {
        background: whitesmoke;
        color: #2d2d2d;
    }
    .header .header-navigation.active {
        display: block;
    }*/

    .header--sub {
        background-position: 50% 0;
    }
}
@media (max-width: 359px) {
    .header .header-row {
        text-align: center;
    }
    .header .header-logo, .header .header-language {
        display: inline-block;
        /* float: none; */
    }
    .header .header-logo img{
        width: 100px;
        padding: 8px 0;
    }
    .header .header-language {
        vertical-align: top;
    }
    .header .header-menu {
        display: inline-block;
        float: none;
        margin-top: 20px;
    }
}
/* CONTENT
-------------------------------------------------------------------------------*/
.content {
    padding-top: 1px;
}

/* FOOTER
-------------------------------------------------------------------------------*/
.footer {
    width: 100%;
    padding: 30px 0;
    background: #2d2d2d;
    font-size: 14px;
    line-height: 1.5;
    color: #e2e2e2;
}
.footer .footer-category {
    margin-bottom: 5px;
    font-weight: 500;
    color: #a2a2a2;
}
.footer .footer-logo {
    max-width: 137px;
    width: 100% !important;
}
.footer .footer-logo.daserste {
    width: 137px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -734px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .footer .footer-logo.daserste {
        background-position: 0 -798px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.footer .footer-logo.tonline {
    width: 137px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -942px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .footer .footer-logo.tonline {
        background-position: 0 -962px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.footer .footer-logo.stern {
    width: 137px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -962px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .footer .footer-logo.stern {
        background-position: 0 -942px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.footer .footer-logo.stiftungwarentest {
    width: 137px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -870px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .footer .footer-logo.stiftungwarentest {
        background-position: 0 -870px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.footer a {
    display: block;
    color: #e2e2e2;
}
.footer a:hover {
    color: #fff;
}
.footer strong, .footer .current_page_item a {
    font-weight: bold;
    color: #fff;
}

@media (max-width: 767px) {
    .footer .footer-category, .footer .fb-like-box {
        margin-top: 20px;
    }
}
/* TEXT
-------------------------------------------------------------------------------*/
.text h1, .text h2, .text h3, .text h4 {
    color: #2d2d2d;
}
.text h1, .text h2, .text h3, .text h4 {
    margin: 20px 0 10px;
    line-height: 1.2;
}
.text p, .text ul {
    line-height: 1.4;
}
.text p:first-child, .text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child {
    margin: 0 !important;
}
.text li {
    position: relative;
    padding-left: 16px;
    color: #666666;
}
.text li:before {
    content: '';
    position: absolute;
    left: 0px;
    margin-top: 8px;
    width: 6px;
    height: 6px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1462px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .text li:before {
        background-position: 0 -1446px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.text a {
    line-height: 1.2;
}

/* GREY SECTION
-------------------------------------------------------------------------------*/
.section_grey {
    padding-bottom: 20px;
    background: whitesmoke;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    overflow: hidden;
}

.section_grey--slider {
    position: relative;
    padding: 40px 0 20px;
}

.section_grey--footer {
    padding: 20px 0;
}

.section-headline {
    margin-top: 20px !important;
}

/* HERO
-------------------------------------------------------------------------------*/
.hero {
    display: table-cell;
    vertical-align: middle;
}

.hero-title {
    position: relative;
    /*max-width: 620px;*/
    text-align: left;
}

.hero-headline, .hero-intro {
    color: #fff;
}

.hero-intro, .hero-form {
    max-width: 1030px;
}

.hero-intro {
    font-size: 18px;
    line-height: 1.4;
}

/*.hero-bubble {
    position: absolute;
    right: 15px;
    top: 60px;
    max-width: 120px;
    padding: 10px 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    font-size: 18px;
    color: #fff;
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    border: none;
}*/

.hero-headline {
    padding: 0 15px;
    font-size: 40px;
    font-weight: 100;
    line-height: 1.2;
}

.hero-intro li {
    padding: 0 30px;
}
.hero-intro li:before {
    content: '';
    display: block;
    position: relative;
    left: 90px;
    margin: 0 auto 40px;
    width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 100%;
}
.hero-intro li:after {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 240px;
    font-weight: bold;
    line-height: 170px;
    color: rgba(255, 255, 255, 0.4);
    text-shadow: none;
}
.hero-intro li:nth-child(1):before {
    width: 58px;
    height: 58px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1258px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .hero-intro li:nth-child(1):before {
        background-position: 0 -1200px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.hero-intro li:nth-child(1):after {
    content: '1';
}
.hero-intro li:nth-child(2):before {
    width: 58px;
    height: 58px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1200px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .hero-intro li:nth-child(2):before {
        background-position: 0 -1142px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.hero-intro li:nth-child(2):after {
    content: '2';
}
.hero-intro li:nth-child(3)::before {
    width: 58px;
    height: 58px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1082px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .hero-intro li:nth-child(3)::before {
        background-position: 0 -1272px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.hero-intro li:nth-child(3):after {
    content: '3';
}

.hero-form {
    margin: auto;
    max-width: 1030px;
}
.hero-form .nr, .hero-form .date, .hero-form .submit {
    position: relative;
    float: left;
    width: 33.33333%;
    padding: 0 30px;
}
.hero-form .nr:before, .hero-form .date:before, .hero-form .submit:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 40px;
}
.hero-form .nr:before {
    width: 20px;
    height: 16px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1344px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .hero-form .nr:before {
        background-position: 0 -1330px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.hero-form .date:before {
    width: 20px;
    height: 16px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1430px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .hero-form .date:before {
        background-position: 0 -1430px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.hero-form .date input[type="date"] {
    -webkit-appearance: none;
    text-transform: uppercase;
    /*display: -webkit-inline-flex;*/
    overflow: hidden;
    padding: 6px 10px 10px 34px;
}
.hero-form .date input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
    display: none;
}
.hero-form .date input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}
.hero-form .date input[type="date"]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}
.hero-form .form-label, .hero-form .form-input { 
    padding-left: 40px;
    text-align: left;
}
.hero-form .form-submit {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: -3px;
    text-align: center;
}
.hero-form .form-submit span {
    position: relative;
    display: inline-block;
    padding-left: 30px;
}
.hero-form .form-submit span:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -10px;
    width: 14px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1380px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .hero-form .form-submit span:before {
        background-position: 0 -1360px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

@media (max-width: 1024px) {
    .hero {
        display: block;
        padding: 120px 0;
    }
}
@media (max-width: 767px) {
    .hero-form {
        padding: 0 15px;
    }
    .hero-form .nr, .hero-form .date, .hero-form .submit {
        float: none;
        margin-top: 10px;
        width: 100%;
        padding: 0;
    }
    .hero-form .nr:before, .hero-form .date:before, .hero-form .submit:before {
        left: 10px;
    }
}
@media (max-width: 603px) {
    .hero-headline {
        font-size: 28px;
    }
}
/* TAB BAR
-------------------------------------------------------------------------------*/
.tab a {
    display: block;
    padding: 20px 0;
    font-weight: bold;
    text-align: center;
    color: #2d2d2d;
}
.tab a span:before {
    content: '';
}
.tab a:nth-child(1) span:before {
    width: 32px;
    height: 32px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -786px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .tab a:nth-child(1) span:before {
        background-position: 0 -766px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.tab a:nth-child(2) span:before {
    width: 32px;
    height: 32px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -702px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .tab a:nth-child(2) span:before {
        background-position: 0 -838px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.tab a:nth-child(3) span:before {
    width: 32px;
    height: 32px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -818px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .tab a:nth-child(3) span:before {
        background-position: 0 -702px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.tab a:nth-child(4) span:before {
    width: 32px;
    height: 32px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -754px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .tab a:nth-child(4) span:before {
        background-position: 0 -734px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

.tab--box .tab-row {
    max-width: 1000px;
    padding: 0 15px;
}
.tab--box a {
    background: whitesmoke;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 2px 0px #e2e2e2;
    box-shadow: 0px 2px 0px #e2e2e2;
}
.tab--box a:nth-child(1) {
    border-radius: 5px 0 0 5px;
}
.tab--box a:nth-child(4) {
    border-radius: 0 5px 5px 0;
}
.tab--box .flex-active, .tab--box a:hover, .tab--box .current_page_item {
    background: #e2e2e2;
    border-color: #cfcfcf !important;
    -webkit-box-shadow: 0px 2px 0px #cfcfcf;
    box-shadow: 0px 2px 0px #cfcfcf;
}
.tab--box span {
    position: relative;
    display: inline-block;
    padding-left: 40px;
}
.tab--box span:before {
    position: absolute;
    top: -8px;
    left: 0px;
}

@media (max-width: 767px) {
    .tab--box a:nth-child(1) {
        border-radius: 5px 5px 0 0;
    }
    .tab--box a:nth-child(4) {
        border-radius: 0 0 5px 5px;
    }
}
/* MEDIA
-------------------------------------------------------------------------------*/
.media {
    position: relative;
    max-width: 1000px;
    padding: 0 15px;
}
.media .media-container:before, .media .media-container:after {
    content: '';
    display: block;
    position: absolute;
}
.media .media-container:before {
    left: 15px;
    top: 0px;
    width: 25%;
    height: 100%;
    background: whitesmoke;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.media .media-container:after {
    top: 50%;
    left: 12.5%;
}
.media .media-container.delayed:after, .media .media-container.cancelled:after, .media .media-container.overbooked:after {
    margin-top: -48px;
    margin-left: -33px;
}
.media .media-container.missedconnection:after {
    margin-top: -45px;
    margin-left: -40px;
}
.media .media-container.rights:after {
    margin-top: -101px;
    margin-left: -30px;
}
.media .media-text {
    float: right;
    padding-left: 30px;
}
.media .media-text li span {
    font-weight: bold;
    color: #2d2d2d;
}

.media--start .media-container:before {
    background: #316483;
    border-color: #21506c;
}
.media--start .text li {
    position: relative;
    padding-left: 16px;
    color: #666666;
}
.media--start .text li:before {
    margin-top: 6px;
    width: 10px;
    height: 10px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1400px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .media--start .text li:before {
        background-position: 0 -1400px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

@media (max-width: 767px) {
    .media .media-container:before {
        left: 15px;
        right: 15px;
        top: 0px;
        width: auto;
    }
    .media .media-container:after {
        left: 50%;
    }
    .media .media-container.delayed:after, .media .media-container.cancelled:after, .media .media-container.overbooked:after {
        margin-left: -48px;
    }
    .media .media-container.missedconnection:after {
        margin-left: -55px;
    }
    .media .media-container.rights:after {
        margin-left: -45px;
    }
    .media .media-text {
        float: none;
        padding: 0;
    }

    .media--start {
        padding-top: 120px;
    }
    .media--start .media-container:before {
        height: 105px;
    }
    .media--start .media-container:after {
        top: 52px;
    }

    .media--grey {
        padding-top: 245px;
    }
    .media--grey .media-container:before {
        height: 230px;
    }
    .media--grey .media-container:after {
        top: 115px;
    }
}
/* ABOUT
-------------------------------------------------------------------------------*/
.about {
    margin: auto;
    max-width: 1000px;
}
.about .h2, .about .infobox--top .infobox-title, .infobox--top .about .infobox-title {
    padding-left: 15px;
}
.about li {
    padding-left: 70px;
}
.about li:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 15px;
    background: #316483;
    border: 2px solid #21506c;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1042px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .about li:before {
        background-position: 0 -982px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

/* EXAMPLES SLIDER
-------------------------------------------------------------------------------*/
.examples {
    margin: auto;
    max-width: 850px;
}
.examples .examples-box {
    margin: 0 15px;
    max-width: 820px;
    padding: 30px 30px 30px 220px;
    background: #fff;
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 0px #e2e2e2;
    box-shadow: 0px 2px 0px #e2e2e2;
    line-height: 1.5;
}
.examples .examples-box a {
    line-height: 1.2;
}
.examples .slides > li {
    opacity: 0.35;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
}
.examples .flex-active-slide {
    opacity: 1 !important;
}
.examples .flex-control-nav {
    width: 100%;
    text-align: center;
}
.examples .flex-control-nav li {
    display: inline-block;
    padding: 0 5px;
    list-style: none;
}
.examples .flex-control-nav a {
    display: block;
    width: 20px;
    height: 20px;
    padding: 4px 0;
    border-radius: 100%;
    background: #2d2d2d;
    font-size: 12px;
    color: whitesmoke;
    cursor: pointer;
    opacity: 0.2;
}
.examples .flex-control-nav .flex-active {
    opacity: 1;
}
.examples .flex-direction-nav a {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    background: #316483;
    border-radius: 50%;
    text-indent: -9999px;
}
.examples .flex-direction-nav .flex-prev {
    left: -30px;
    width: 60px;
    height: 60px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -982px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .examples .flex-direction-nav .flex-prev {
        background-position: 0 -1022px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.examples .flex-direction-nav .flex-next {
    right: -30px;
    width: 60px;
    height: 60px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1140px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .examples .flex-direction-nav .flex-next {
        background-position: 0 -1082px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}

@media (max-width: 880px) {
    .flex-direction-nav {
        display: none;
    }
}
@media (max-width: 603px) {
    .examples-box {
        padding-left: 30px !important;
        background-image: none !important;
    }
}
/* CTA
-------------------------------------------------------------------------------*/
.cta .cta-text {
    line-height: 1.4;
}
.cta .cta-text .h3 {
    display: inline-block;
}
.cta .cta-text .legal {
    display: inline-block;
    font-size: 12px;
}
.cta .cta-meta {
    font-size: 14px;
    color: #00b6de;
}
.cta .cta-button .btn, .cta .cta-button .btn--small, .cta .cta-button .header .header-navigation .login, .header .header-navigation .cta .cta-button .login, .cta .cta-button .btn--large {
    display: block;
    width: 100%;
    text-align: center;
}

@media (max-width: 767px) {
    .cta .cta-button {
        margin-top: 10px;
    }
}
/* FACT
-------------------------------------------------------------------------------*/
/*.fact {
    position: relative;
    display: table;
    width: 100%;
    height: 120px;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}*/
.fact {
    position: relative;
    display: table;
    width: 100%;
    height: 120px;
    text-align: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.fact:before {
    content: '';
    display: inline-block;
    height: 100%; 
    vertical-align: middle;
    margin-right: -0.25em; /* Adjusts for spacing */
}

/*.fact .fact-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
    font-size: 18px;
    text-align: center;
    color: #2d2d2d;
    z-index: 80;
}*/
.fact .fact-text {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    color: #2d2d2d;
    z-index: 80;
}

/*.fact .fact-background {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-size: 120px;
    font-weight: bold;
    text-align: center;
    color: #ccf0f8;
    z-index: 75;
}*/

.fact .fact-background-wrapper {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 0;
}

.fact .fact-background {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-size: 120px;
    font-weight: bold;
    text-align: center;
    color: #ccf0f8;
    z-index: 0;
}

.fact .fact-background--blue {
    color: #d5e0e6;
}

@media (max-width: 767px) {
    .fact {
        height: 60px;
    }

    .fact-background {
        font-size: 60px !important;
        margin-top: 0 !important;
        top: 0 !important;
    }
}
/* LEGEND
-------------------------------------------------------------------------------*/
.legend {
    text-align: center;
}
.legend .legend-item {
    display: inline-block;
    position: relative;
    margin: 0 15px;
    padding-left: 24px;
    font-size: 14px;
    color: #a2a2a2;
}
.legend .legend-item:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 14px;
    height: 14px;
    background: #2d2d2d;
}
.legend .legend-item.total:before {
    background: rgba(0, 182, 222, 0.8);
    border: 2px solid #00b6de;
}
.legend .legend-item.cancelled:before {
    background: rgba(49, 100, 131, 0.8);
    border: 2px solid #316483;
}
.legend .legend-item.delayed:before {
    background: rgba(162, 162, 162, 0.8);
    border: 2px solid #a2a2a2;
}

/* CHART & MAP
-------------------------------------------------------------------------------*/
.chart {
    overflow: hidden;
}
.chart .chart-headline {
    font-weight: 500;
    text-align: center;
}
.chart .chart-map {
    position: relative;
    margin: auto;
    max-width: 822px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.chart .chart-map img {
    width: 100%;
}
.chart .chart-airport {
    position: absolute;
    margin-bottom: -5px;
    margin-left: -10px;
    width: 20px;
    cursor: pointer;
}
.chart .chart-airport.LHR {
    left: 25.060827250608273%;
    bottom: 51.79282868525896%;
}
.chart .chart-airport.CDG {
    left: 27.128953771289538%;
    bottom: 40.0398406374502%;
}
.chart .chart-airport.HHN {
    left: 39.29440389294404%;
    bottom: 43.625498007968126%;
}
.chart .chart-airport.AMS {
    left: 33.941605839416056%;
    bottom: 54.9800796812749%;
}
.chart .chart-airport.MAD {
    left: 14.598540145985401%;
    bottom: 5.179282868525896%;
}
.chart .chart-airport.FCO {
    left: 47.32360097323601%;
    bottom: 7.569721115537849%;
}
.chart .chart-airport.ZRH {
    left: 39.65936739659367%;
    bottom: 31.872509960159363%;
}
.chart .chart-airport.CPH {
    left: 45.98540145985402%;
    bottom: 69.5219123505976%;
}
.chart .chart-airport.OSL {
    left: 43.30900243309002%;
    bottom: 88.44621513944223%;
}
.chart .chart-airport.VIE {
    left: 53.89294403892944%;
    bottom: 36.254980079681275%;
}
.chart .chart-airport .total, .chart .chart-airport .cancelled, .chart .chart-airport .delayed, .chart .chart-airport .name {
    position: absolute;
}
.chart .chart-airport .total, .chart .chart-airport .cancelled, .chart .chart-airport .delayed {
    bottom: 0px;
    width: 5px;
}
.chart .chart-airport .total {
    left: 0px;
    background: rgba(0, 182, 222, 0.8);
    border: 2px solid #00b6de;
}
.chart .chart-airport .cancelled {
    left: 7px;
    background: rgba(49, 100, 131, 0.8);
    border: 2px solid #316483;
}
.chart .chart-airport .delayed {
    left: 14px;
    background: rgba(162, 162, 162, 0.8);
    border: 2px solid #a2a2a2;
}
.chart .chart-airport .name {
    left: 100%;
    bottom: 0px;
    margin-left: 4px;
    margin-bottom: -1px;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 85;
    visibility: hidden;
    white-space: nowrap;
}
.chart .chart-airport:hover .name {
    opacity: 1;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
}
.chart .chart-airport .name-total {
    color: #00b6de;
}
.chart .chart-airport .name-cancelled {
    color: #316483;
}
.chart .chart-airport .name-delayed {
    color: #a2a2a2;
}

@media (max-width: 822px) {
    #charts {
        display: none;
    }

    .chart .chart-airport:hover .name {
        visibility: hidden;
    }
}
/* FLIGHTPLAN
-------------------------------------------------------------------------------*/
.flights {
    margin: auto;
    max-width: 970px;
    padding: 10px 20px 20px;
    background: whitesmoke;
}
.flights .clmn {
    float: left;
    width: 25%;
}
.flights .flights-header {
    padding: 10px;
    font-weight: bold;
    color: #a2a2a2;
}
.flights .flights-row {
    margin-bottom: 2px;
    padding: 5px;
    background: #e2e2e2;
    font-size: 14px;
}
.flights .flights-row:nth-child(odd) {
    background: #eaeaea;
}
.flights .flights-row:last-child {
    margin: 0;
}
.flights .flights-canceled, .flights .flights-delayed {
    position: relative;
    padding-left: 26px;
    font-weight: bold;
    color: #2d2d2d;
}
.flights .flights-canceled {
    background: url("../images/status-canceled.gif") no-repeat left 50%;
}
.flights .flights-delayed {
    background: url("../images/status-delayed.gif") no-repeat left 50%;
}

@media (max-width: 1000px) {
    .flights {
        margin: 0 15px;
    }
}
@media (max-width: 603px) {
    .mobile {
        display: none;
    }

    .flights {
        display: none;
    }
}
/* ARTICLE 
-------------------------------------------------------------------------------*/
.article {
    padding: 4px;
    margin: auto;
    max-width: 640px;
}

.article-thumbnail {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 4px;
    background: whitesmoke;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}

.article-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

/* ARTICLE SMALL
-------------------------------------------------------------------------------*/
.article_small .article_small-thumbnail {
    margin-bottom: 20px;
    padding: 4px;
    background: whitesmoke;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}
.article_small .article_small-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.article_small h2 a {
    color: #000;
    text-decoration: none;
}

.article_small h2 a:hover {
    color: #00b6de;
    text-decoration: none;
}

/* INFOBOX
-------------------------------------------------------------------------------*/
.infobox {
    margin: auto;
    max-width: 970px;
}
.infobox .infobox-header {
    background: #316483;
    border: 1px solid #21506c;
}
.infobox .infobox-title {
    line-height: 1.2;
    color: #fff;
}
.infobox .infobox-text {
    margin: auto;
    max-width: 970px;
    padding: 30px;
    background: #fff;
}
.infobox .infobox-text a {
    line-height: 1.2;
}

.infobox--top .infobox-header {
    padding: 45px 15px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.infobox--top .infobox-title {
    display: inline-block;
    position: relative;
    padding-left: 120px;
    text-align: left;
}
.infobox--top .infobox-title:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -48px;
}

.infobox--solo .infobox-header, .infobox--sub .infobox-header {
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 0 #21506c;
    box-shadow: 0 2px 0 #21506c;
}

.infobox--sub .infobox-header {
    padding: 15px;
}

@media (max-width: 1000px) {
    .infobox {
        margin: 0 15px;
    }
}
/* FAQ
-------------------------------------------------------------------------------*/
.faq {
    margin: auto;
    margin-bottom: 40px !important;
    max-width: 1000px;
    padding: 0 15px;
}
.faq .faq-item.active .faq-text {
    display: block;
}
.faq .faq-item.active .h3:after {
    width: 24px;
    height: 14px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1330px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .faq .faq-item.active .h3:after {
        background-position: 0 -1346px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.faq .faq-header {
    position: relative;
    cursor: pointer;
}
.faq .faq-header:before, .faq .faq-header:after {
    content: '';
    position: absolute;
}
.faq .faq-header:before {
    top: 0px;
    left: 0px;
    width: 84px;
    height: 100%;
    background: #316483;
    border: 1px solid #21506c;
    border-radius: 5px 0 0 5px;
    -webkit-box-shadow: 0px 2px 0 #21506c;
    box-shadow: 0px 2px 0 #21506c;
    z-index: 95;
}
.faq .faq-header:after {
    top: 50%;
    left: 30px;
    margin-top: -12px;
    z-index: 96;
    width: 26px;
    height: 26px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -916px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .faq .faq-header:after {
        background-position: 0 -916px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.faq .faq-header .h3 {
    position: relative;
    padding: 30px 84px 30px 114px;
    background: #fff;
    border-radius: 5px;
}
.faq .faq-header .h3:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -6px;
    width: 24px;
    height: 14px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1316px;
    background-repeat: no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13 / 10), only screen and (min-resolution: 120dpi) {
    .faq .faq-header .h3:after {
        background-position: 0 -1258px;
        background-image: url('../images/sprites2x-s0e0612fd83.png');
        -webkit-background-size: 137px 1472px;
        background-size: 137px 1472px;
    }
}
.faq .faq-header:hover .h3 {
    background: #f4f4f4;
}
.faq .faq-header:hover:before {
    background: #2f607d;
}
.faq .faq-text {
    display: none;
    position: relative;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
}
.faq .faq-text:before, .faq .faq-text:after {
    content: '';
    position: absolute;
    top: -20px;
    width: 2px;
    height: 20px;
    background: #e2e2e2;
}
.faq .faq-text:before {
    left: 30px;
}
.faq .faq-text:after {
    right: 30px;
}

@media (max-width: 479px) {
    .faq .faq-header:before, .faq .faq-header:after {
        display: none;
    }
    .faq .faq-header .h3 {
        padding: 30px 84px 30px 15px;
    }
}
/* LANGUAGE DROPDOWN
-------------------------------------------------------------------------------*/
.language-active .lang_sel_list_vertical {
    display: block !important;
}

/* LOGIN
-------------------------------------------------------------------------------*/
#lean_overlay {
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    display: none;
}

#login {
    width: 320px;
    padding: 30px;
    display: none;
    background: whitesmoke;
    border-radius: 5px;
}
#login .h3 {
    margin-bottom: 20px;
}
#login .btn--large {
    display: block;
    width: 100%;
}
#login .login-switch {
    text-align: center;
}
#login .login-switch a {
    font-size: 14px;
    color: #a2a2a2;
}
#login .login-switch a:hover {
    color: #666666;
}
#login .login-close {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #a2a2a2;
    cursor: pointer;
}
#login .login-close:hover {
    color: #666666;
}
#login .login-secondary {
    display: none;
}
#login.secondary .login-main {
    display: none;
}
#login.secondary .login-secondary {
    display: block;
}

/* CONTACT
-------------------------------------------------------------------------------*/
.contact .contact-success, .contact .contact-error {
    padding: 4px 8px 6px;
    border-radius: 5px;
    line-height: 1.5;
}
.contact .contact-success strong, .contact .contact-error strong {
    color: #fff;
}
.contact .contact-success {
    background: #00e2ac;
    border: 1px solid #00c697;
    color: #ccf9ee;
}
.contact .contact-error {
    background: #e73637;
    border: 1px solid #cb2f30;
    color: #fad6d7;
}
.contact .contact-error p {
    margin-top: 5px !important;
}
.contact .contact-submit button {
    display: block;
    width: 100%;
}

.overview .flex-viewport {
    width: 100%;
    overflow: hidden;
}

/* 404
-------------------------------------------------------------------------------*/
.notfound {
    padding: 300px 0 220px;
    text-align: center;
}
.notfound .notfound-container {
    display: inline-block;
    position: relative;
    height: 200px;
}
.notfound .notfound-text {
    display: block;
    font-size: 20px;
    line-height: 100px;
}
.notfound .notfound-background {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-size: 100px;
    font-weight: bold;
    color: rgba(231, 54, 55, 0.2);
    text-align: center;
}

/* Loader
-------------------------------------------------------------------------------*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1003;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba(0,35,50, 0.9);
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.outer-loader {
    z-index: 1999;
    position: fixed;
    margin: auto;
    width:  300px;
    height: 120px;
    top:12px;
    left: 0;
    right: 0;
    bottom: 0;
}
.loader {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;

    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 12px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 300px;
    height: 30px;
    border: 2px solid #fff;
    background-color: transparent;
}

.loader .loader-progress {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;

    -webkit-transition: width 1s ease-in-out 1s linear;
    -moz-transition: width 1s ease-in-out 1s linear;
    -ms-transition: width 1s ease-in-out 1s linear;
    -o-transition: width 1s ease-in-out 1s linear;
    transition: width 1s ease-in-out 1s linear;

    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    max-width: 290px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    left: 3px;
    top: 3px;
    height: 20px;
    font-size: 16px;
    background: #fff;
    color: #fff;
    line-height: 80px;
    font-weight: normal;
    font-family: 'Ubuntu', sans-serif;
}

.loader-logo{
    background-image: url(../images/logo.png);
    display: block;
    width: 162px;
    height: 32px;
    position: relative;
    margin: 0 0 0 5px;
}
.loader .loader-progress:after {
    content: attr(data-progress-text);
    display: inline-block;
    width: 300px;
}
.loader-text{
    font-size: 16px;
    color: #fff;
    margin: 52px 0 0 5px;
}
.loader-bg.loader-inactive {
    display: none;
}

/* Pagination
-------------------------------------------------------------------------------*/
.wp-pagenavi {
    width: 100%;
    /*text-align: center;*/
    padding-top: 15px;
    padding-bottom: 15px;
}

.bottom .wp-pagenavi {
    padding-top: 50px;
}

.wp-pagenavi a {
    background-color: #FF8800 !important;
    -webkit-box-shadow: 0px 2px 0px #f67300 !important;
    box-shadow: 0px 2px 0px #f67300 !important;
    border: 1px solid #f67300 !important;
    font-weight: bold !important;
    color: #fff !important;
    -webkit-transition: all .25s ease-in-out !important;
    -moz-transition: all .25s ease-in-out !important;
    -ms-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;
}

.wp-pagenavi span {
    background-color: #a2a2a2 !important;
    -webkit-box-shadow: 0px 2px 0px #999999 !important;
    box-shadow: 0px 2px 0px #999999 !important;
    border: 1px solid #999999 !important;
    font-weight: bold !important;
    color: #fff !important;
    -webkit-transition: all .25s ease-in-out !important;
    -moz-transition: all .25s ease-in-out !important;
    -ms-transition: all .25s ease-in-out !important;
    -o-transition: all .25s ease-in-out !important;
    transition: all .25s ease-in-out !important;    
}

/* Back link
-------------------------------------------------------------------------------*/
.navigation.back {
    padding-top: 20px;
}

.navigation.back a {
    font-size: 16px;
    color: rgb(102, 102, 102);
}

/* Breadcrumbs
-------------------------------------------------------------------------------*/
#breadcrumbs {
    margin: auto;
    max-width: 1030px;
    margin-top: 30px !important;
    margin-bottom: -20px;
    padding: 0 30px;
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
    color: rgba(255, 255, 255, 0.5);
}

#breadcrumbs ul li {
    display: inline;
}

#breadcrumbs ul .active {
    color: rgba(255, 255, 255, 1.0);
}

#breadcrumbs ul li a {
    color: rgba(255, 255, 255, 0.5);
}

#breadcrumbs ul li a:visited {
    color: rgba(255, 255, 255, 0.5);
}

#breadcrumbs ul li a:hover {
    color: rgba(255, 255, 255, 1.0);
}

/*  ------------------------------
    KLASSENÄNDERUNGEN 27.05.2014
    ------------------------------
*/
.hero-intro{
    max-width: 1009px;
}

.hero-intro.row{
    background: rgba(15,35,50, 0.3);
    line-height: 1.3;
}

/*.hero-bubble {
  position: absolute;
  right: -255px;
  top: 0px;
  max-width: 220px;
  padding: 20px;
  font-size: 22px;
  color: #fff;
  -webkit-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  transform: rotate(-10deg);
  background: #FF8800;
  line-height: 28px;
  text-align: left;
  letter-spacing: 0.7px;
  z-index: 9999;
   FONT ANTIALIASING 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
  zoom: 1;
}*/

/*.hero-bubble {
    position: absolute;
    right: -255px;
    top: -10px;
    padding: 20px;
    width: 242px;
    height: 166px;
    background: url('../images/entschaedigung_de.png') no-repeat top left;
    z-index: 9999;
}*/

.hero-bubble {
    position: relative;
    float: right;
    width: 242px; /*332px;*/
    height: 166px;
    background: url('../images/entschaedigung_de.png') no-repeat top left;
    z-index: 1;
    margin-right: 90px; /*0px;*/
    margin-bottom: -20px;
}


@media screen and (max-width: 768px){
    .hero-bubble{
        position: relative;
        top: 30px;
        left: 50%;
        margin-left: -110px;
    }
}

.hero-intro li:before {
    content: '';
    display: block;
    position: relative;
    left: 90px;
    margin: 10px auto 0px;
    width: 58px;
    height: 58px;
    background: #fff;
    border-radius: 100%;
}

.hero-intro li:after {
    position: absolute;
    top: -45px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-family: 'Arial', sans-serif;
    font-size: 100px;
    font-weight: bold;
    line-height: 170px;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2);
}

.hero-intro li{
    padding: 0px 20px;
    margin: 20px 1% !important;
    -moz-border-radius-topleft: 3%;
    -moz-border-radius-topright: 3%;
    -webkit-border-top-left-radius: 3%;
    -webkit-border-top-right-radius: 3%;
    border-top-left-radius: 3%;
    border-top-right-radius: 3%;
    /*min-height: 260px; /* DONT FORGET TO OVERWRITE IN MOBILE */
}

.hero-headline{
    line-height: 1.1;
}

.hero-intro .large-4 {
    width: 31.33333%;
}

.start-form > .hero-form .nr, 
.start-form > .hero-form .date, 
.start-form > .hero-form .submit {
    float: none;
    margin-bottom: 15px;
    width: 100%;
}

.start-form > .hero-form {
    margin: auto;
    max-width: 1030px;
    padding: 0;
    margin-top: 0px !important;
}

.hero-info-col4{
    width: 31.33333%;
    float: left;
    /*background: rgba(255,255,255, 0.2);*/
    background: rgba(15,35,50, 0.5);
    margin: 2% 1%;
    min-height: 290px;
}

.hero-info-col4.pad{
    padding: 0 30px;
}

.hero-info-col4 h4{
    color: #fff;
    padding: 20px 0 20px;
    font-size: 1.25em;
    font-weight: bolder;
}

.hero-info-col4.pad span{
    color: #fff;
    font-size: 15px;
}

.hero-info-col4.pad span font.orange{
    color: #FF8800;
    font-size: 24px;
    font-weight: bold;

}

.hero-info.row{
    font-size: 18px;
    line-height: 1.4;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 1030px;

}

.hero-info-col4 .form-label{
    font-size: 16px;
    padding: 8px 10px 6px 40px;
    width: auto;
    overflow: hidden;
}

@media screen and (max-width: 890px){
    .hero-info.row{
        padding: 0;
    }

    .hero-info-col4{
        width: 100%;
        float: none;
        margin: 0;
    }

    .hero-intro .large-4 {
        width: 100%;
        padding: 20px 0;
    }

    .hero-info-col4.pad{
        display: none;
    }

    .hero-intro li{
        min-height: 0 !important;
        margin: 0px !important;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        margin-top: 0px !important;
        text-align: center;
    }

    .hero-bubble {
        position: relative;
        top: -50px;
        /*left: 85%;*/
        margin-left: 0px;
    }

    .hero-info-col4 {
        width: 100%;
        float: left;
        background: rgba(15,35,50, 0.4);
        min-height: 280px;
        padding: 0 20px;
    }

    .hero-intro li:after {
        top: -35px;
        line-height: 175px;
    }
}
@media screen and (max-width: 767px){
    .hero-bubble {
        position: relative;
        top: 10px;
        left: -10%; 
        margin-left: -10px;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 768px){
    .hero {
        display: block;
        padding: 0px !important;
    }
}
@media screen and (max-width: 400px){
    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .ubermenu-responsive-toggle {
        margin-right:12px !important;
    }

    .hero-bubble {
        position: relative;
        top: -10px;
        left: 10px;
        margin-left: 0px;
        margin-bottom: 10px;
        display: none;
        width:300px;
        /*border:1px solid red;*/
        float:none;
        background-size: 100% auto !important;
    }

    .hero-headline {
        text-align: center;
    }
}
@media (max-width: 1280px){
    /*.header--start .header-container {
      position: static;
      padding-top: 30px;
    }*/

    .hero {
        display: block;
        padding: 0px 0;
    }

    .hero-title {
        position: relative;
        /*max-width: 620px;*/
        text-align: left;
        /*margin-top: 50px !important;*/
    }
}

/*  ---------------------------
    HERO LOGOS
    ---------------------------
*/
.icon.daserste {
    width: 110px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -734px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 20px;
    margin-right: 15px;
}

.icon.tonline {
    width: 110px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -942px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
}

.icon.stern {
    width: 70px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -962px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 20px;
    margin-right: 15px;
}

.icon.stiftungwarentest {
    width: 80px;
    height: 20px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -870px;
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
}

.icon.bildzeitung {
    width: 50px;
    height: 25px;
    background-image: url('../images/sprites/Bild_Logo_H24.png');
    background-repeat: no-repeat;
    float: left;
    margin-bottom: 15px;
}

.hero-clear{
    clear: both;
}

.hero-title {
    position: relative;
    /*max-width: 620px;*/
    text-align: left;
    margin-top: 90px;
}

.hero-headline{
    font-weight: bold !important;
    font-size:  2.55em;
    margin-bottom: 30px;
    
    max-width: 620px;
    display: inline-block;
}

.form-submit.btn--large.btn--cyan.hero-orange{
    background-color: #FF8800; 
    -webkit-box-shadow: 0px 2px 0px #d57200; 
    box-shadow: 0px 2px 0px #d57200; 
    border: 1px solid #d57200; 
    color: #fff !important;
}

.btn--orange {
    background-color: #FF8800;
    -webkit-box-shadow: 0px 2px 0px #f67300;
    box-shadow: 0px 2px 0px #f67300;
    border: 1px solid #f67300;
    font-weight: bold;
    color: #fff;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.btn--orange:hover {
    background-color: #f08000;
    -webkit-box-shadow: 0px 2px 0px #bc5800;
    box-shadow: 0px 2px 0px #bc5800;
    border: 1px solid #f67300;
    font-weight: bold;
    color: #fff;
}

.list-pros li{
    color: #fff;
    list-style-type: disc;
    margin-left: 20px;
    font-style: italic;
    font-size: 16px;
}

/* OVERALL FONT-SMOOTHING */
*{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);*/
    zoom: 1;
}

/* WIDGET AREA */
.sidebar .widget {
    margin: 0 15px;
    max-width: 820px;
    padding: 10px 10px 10px 10px;
    background: #fff;
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    -webkit-box-shadow: 0px 2px 0px #e2e2e2;
    box-shadow: 0px 2px 0px #e2e2e2;
    line-height: 1.5;
    margin-bottom: 15px;    
}

.sidebar .widget > div {

}

.sidebar .widget > div > h3 {
    text-align: center;
}

.sidebar .widget a {
    color: #000;
    text-decoration: none;
}

.sidebar .widget a:hover {
    color: #00b6de;
    text-decoration: none;
}

.sidebar .widget li > a:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;

    left: 0px;
    width: 6px;
    height: 10px;
    background-image: url('../images/sprites-safb8df8ca0.png');
    background-position: 0 -1420px;
    background-repeat: no-repeat;
}

.sidebar .widget li > a {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-left: 16px !important;
    font-weight: bold;
    line-height: 1.2;
    display: inline-block;
    position: relative;
    color: #2d2d2d;
}

.sidebar .widget li > .thumb {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.sidebar .widget li > .thumb a {
    display: inline-block;
}

/* BLOG */
.blog {
    margin-bottom: 30px;
}

.blog-title {
    margin-top: 0px !important;
    margin-bottom: 55px;
}

/* calendar widget */
.widget_calendar {float: left;}
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; /*padding:8px;*/}
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }

/* mashshare fb and twitter buttons */
.mashsharer-box {
    float: right;
}

.mashsharer-buttons > .facebook {
    width: 160px !important;
}

.mashsharer-buttons > .twitter {
    width: 148px !important;
}

/* article footer row */
.article .actions {
    margin-top: 30px;
    margin-bottom: 20px;
}

.text .actions {
    margin-top: 15px;
}

.article .actions nav {
    padding-top: 0px !important;
}

.article .actions div:second {
    float: right;
}

.article .text a:before {
    content: '';
    display: none;
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
    height: 0px;
    width: 0px;
    overflow: hidden;
}

.article .text a {
    color: #000;
    text-decoration: none;
    padding: 0 !important;
    margin: 0;
    text-transform: none;
    font-size: 100%;
    letter-spacing: normal;
}

.article .text a:hover {
    color: #00b6de;
    text-decoration: none;
    padding: 0 !important;
    margin: 0;
    text-transform: none;
    font-size: 100%;
    letter-spacing: normal;
}

.published {
    font-style: italic;
    text-align: right;
}

/** HIDDEN CONTENT UNTIL PAGELOAD **/
.hidden {
    display: none;
}

/** Nav button positioning broken.. quick fix **/
.flex-direction-nav {
    display: none;
}