* {
	font-family:Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif
}

meta.foundation-version {
    font-family: "/5.5.1/";
}

meta.foundation-mq-small {
    font-family: "/only screen/";
    width: 0em;
}

meta.foundation-mq-small-only {
    font-family: "/only screen and (max-width: 40em)/";
    width: 0em;
}

meta.foundation-mq-medium {
    font-family: "/only screen and (min-width:40.063em)/";
    width: 40.063em;
}

meta.foundation-mq-medium-only {
    font-family: "/only screen and (min-width:40.063em) and (max-width:64em)/";
    width: 40.063em;
}

meta.foundation-mq-large {
    font-family: "/only screen and (min-width:64.063em)/";
    width: 64.063em;
}

meta.foundation-mq-large-only {
    font-family: "/only screen and (min-width:64.063em) and (max-width:90em)/";
    width: 64.063em;
}

meta.foundation-mq-xlarge {
    font-family: "/only screen and (min-width:90.063em)/";
    width: 90.063em;
}

meta.foundation-mq-xlarge-only {
    font-family: "/only screen and (min-width:90.063em) and (max-width:120em)/";
    width: 90.063em;
}

meta.foundation-mq-xxlarge {
    font-family: "/only screen and (min-width:120.063em)/";
    width: 120.063em;
}

meta.foundation-data-attribute-namespace {
    font-family: false;
}

html, body {
    height: 100%;
}

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

html, body {
    font-size: 12px;
    font-family:Calibri,Candara,Segoe,'Segoe UI',Optima,Arial,sans-serif;
}

body {
    background: #fff;
    color: #313131;
    padding: 0;
    margin: 0;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    position: relative;
    cursor: auto;
}

a:hover, .step-short-description:hover, .phase-widget:hover {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
}

img {
    -ms-interpolation-mode: bicubic;
}

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
    max-width: none !important;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

.bottom-most-wrap {
	top: inherit !important;
}

.login-signup-header-text {
	float: right;
	margin-right: 180px;
}

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

.clearfix:after {
    clear: both;
}

.hide {
    display: none;
}

.invisible {
    visibility: hidden;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    display: inline-block;
    vertical-align: middle;
}

textarea {
    height: auto;
    min-height: 50px;
}

select {
    width: 100%;
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 86.66667rem;
}

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

    .row:after {
        clear: both;
    }

    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row .row {
        width: auto;
        margin-left: -0.83333rem;
        margin-right: -0.83333rem;
        margin-top: 0;
        margin-bottom: 0;
        max-width: none;
    }

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

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

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

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

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

.column, .columns {
    padding-left: 0.83333rem;
    padding-right: 0.83333rem;
    width: 100%;
    float: left;
}



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

@media only screen {
    .small-push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column, .columns {
        position: relative;
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        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%;
    }

    .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 {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .column.small-centered, .columns.small-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.small-uncentered, .columns.small-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.small-centered:last-child, .columns.small-centered:last-child {
        float: none;
    }

    .column.small-uncentered:last-child, .columns.small-uncentered:last-child {
        float: left;
    }

    .column.small-uncentered.opposite, .columns.small-uncentered.opposite {
        float: right;
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.small-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.small-uncollapse > .column, .row.small-uncollapse > .columns {
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        float: left;
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column, .columns {
        position: relative;
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        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%;
    }

    .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 {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .column.medium-centered, .columns.medium-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.medium-uncentered, .columns.medium-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.medium-centered:last-child, .columns.medium-centered:last-child {
        float: none;
    }

    .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child {
        float: left;
    }

    .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite {
        float: right;
    }

    .row.medium-collapse > .column, .row.medium-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.medium-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (min-width: 64.063em) {
    .large-push-0 {
        position: relative;
        left: 0%;
        right: auto;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .column, .columns {
        position: relative;
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        float: left;
    }

    .large-1 {
        width: 8.33333%;
    }

    .large-2 {
        width: 16.66667%;
    }

    .large-3 {
        width: 25%;
    }

    .large-4 {
        width: 33.33333%;
    }

    .large-5 {
        width: 41.66667%;
    }

    .large-6 {
        width: 50%;
    }

    .large-7 {
        width: 58.33333%;
    }

    .large-8 {
        width: 66.66667%;
    }

    .large-9 {
        width: 75%;
    }

    .large-10 {
        width: 83.33333%;
    }

    .large-11 {
        width: 91.66667%;
    }

    .large-12 {
        width: 100%;
    }

    .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 {
        margin-left: 0;
        margin-right: 0;
        left: auto;
        right: auto;
        float: left;
    }

    .column.large-centered, .columns.large-centered {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }

    .column.large-uncentered, .columns.large-uncentered {
        margin-left: 0;
        margin-right: 0;
        float: left;
    }

    .column.large-centered:last-child, .columns.large-centered:last-child {
        float: none;
    }

    .column.large-uncentered:last-child, .columns.large-uncentered:last-child {
        float: left;
    }

    .column.large-uncentered.opposite, .columns.large-uncentered.opposite {
        float: right;
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .row.large-collapse .row {
        margin-left: 0;
        margin-right: 0;
    }

    .row.large-uncollapse > .column, .row.large-uncollapse > .columns {
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        float: left;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.accordion {
    margin-bottom: 0;
}

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

    .accordion:after {
        clear: both;
    }

    .accordion .accordion-navigation, .accordion dd {
        display: block;
        margin-bottom: 0 !important;
    }

        .accordion .accordion-navigation.active > a, .accordion dd.active > a {
            background: #e8e8e8;
        }

        .accordion .accordion-navigation > a, .accordion dd > a {
            background: #EFEFEF;
            color: #222;
            padding: 1.33333rem;
            display: block;
            font-size: 1.33333rem;
        }

            .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
                background: #e3e3e3;
            }

        .accordion .accordion-navigation > .content, .accordion dd > .content {
            display: none;
            padding: 0.83333rem;
        }

            .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
                display: block;
                background: #fff;
            }

.alert-box {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-weight: normal;
    margin-bottom: 1.66667rem;
    position: relative;
    padding: 1.16667rem 2rem 1.16667rem 1.16667rem;
    font-size: 1.08333rem;
    transition: opacity 300ms ease-out;
    background-color: #cc0000;
    border-color: #ac0202;
    color: #fff;
}

    .alert-box .close {
        font-size: 1.83333rem;
        padding: 0 6px 4px;
        line-height: .9;
        position: absolute;
        top: 50%;
        margin-top: -0.91667rem;
        right: 0.33333rem;
        color: #333;
        opacity: 0.3;
        background: inherit;
    }

        .alert-box .close:hover, .alert-box .close:focus {
            opacity: 0.5;
        }

    .alert-box.radius {
        border-radius: 3px;
    }

    .alert-box.round {
        border-radius: 1000px;
    }

    .alert-box.success {
        background-color: #43AC6A;
        border-color: #3a945b;
        color: #fff;
    }

    .alert-box.alert {
        background-color: #f04124;
        border-color: #de2d0f;
        color: #fff;
    }

    .alert-box.secondary {
        background-color: #e7e7e7;
        border-color: #c7c7c7;
        color: #4f4f4f;
    }

    .alert-box.warning {
        background-color: #f08a24;
        border-color: #de770f;
        color: #fff;
    }

    .alert-box.info {
        background-color: #a0d3e8;
        border-color: #74bfdd;
        color: #4f4f4f;
    }

    .alert-box.alert-close {
        opacity: 0;
    }

[class*="block-grid-"] {
    display: block;
    padding: 0;
    margin: 0 -0.83333rem;
}

    [class*="block-grid-"]:before, [class*="block-grid-"]:after {
        content: " ";
        display: table;
    }

    [class*="block-grid-"]:after {
        clear: both;
    }

    [class*="block-grid-"] > li {
        display: block;
        height: auto;
        float: left;
        padding: 0 0.83333rem 1.66667rem;
    }

@media only screen {
    .small-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

        .small-block-grid-1 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both;
        }

    .small-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

        .small-block-grid-2 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both;
        }

    .small-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

        .small-block-grid-3 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both;
        }

    .small-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

        .small-block-grid-4 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both;
        }

    .small-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

        .small-block-grid-5 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both;
        }

    .small-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

        .small-block-grid-6 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both;
        }

    .small-block-grid-7 > li {
        width: 14.28571%;
        list-style: none;
    }

        .small-block-grid-7 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both;
        }

    .small-block-grid-8 > li {
        width: 12.5%;
        list-style: none;
    }

        .small-block-grid-8 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both;
        }

    .small-block-grid-9 > li {
        width: 11.11111%;
        list-style: none;
    }

        .small-block-grid-9 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both;
        }

    .small-block-grid-10 > li {
        width: 10%;
        list-style: none;
    }

        .small-block-grid-10 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both;
        }

    .small-block-grid-11 > li {
        width: 9.09091%;
        list-style: none;
    }

        .small-block-grid-11 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both;
        }

    .small-block-grid-12 > li {
        width: 8.33333%;
        list-style: none;
    }

        .small-block-grid-12 > li:nth-of-type(1n) {
            clear: none;
        }

        .small-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both;
        }
}

@media only screen and (min-width: 40.063em) {
    .medium-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

        .medium-block-grid-1 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both;
        }

    .medium-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

        .medium-block-grid-2 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both;
        }

    .medium-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

        .medium-block-grid-3 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both;
        }

    .medium-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

        .medium-block-grid-4 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both;
        }

    .medium-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

        .medium-block-grid-5 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both;
        }

    .medium-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

        .medium-block-grid-6 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both;
        }

    .medium-block-grid-7 > li {
        width: 14.28571%;
        list-style: none;
    }

        .medium-block-grid-7 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both;
        }

    .medium-block-grid-8 > li {
        width: 12.5%;
        list-style: none;
    }

        .medium-block-grid-8 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both;
        }

    .medium-block-grid-9 > li {
        width: 11.11111%;
        list-style: none;
    }

        .medium-block-grid-9 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both;
        }

    .medium-block-grid-10 > li {
        width: 10%;
        list-style: none;
    }

        .medium-block-grid-10 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both;
        }

    .medium-block-grid-11 > li {
        width: 9.09091%;
        list-style: none;
    }

        .medium-block-grid-11 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both;
        }

    .medium-block-grid-12 > li {
        width: 8.33333%;
        list-style: none;
    }

        .medium-block-grid-12 > li:nth-of-type(1n) {
            clear: none;
        }

        .medium-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both;
        }
}

@media only screen and (min-width: 64.063em) {
    .large-block-grid-1 > li {
        width: 100%;
        list-style: none;
    }

        .large-block-grid-1 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-1 > li:nth-of-type(1n+1) {
            clear: both;
        }

    .large-block-grid-2 > li {
        width: 50%;
        list-style: none;
    }

        .large-block-grid-2 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-2 > li:nth-of-type(2n+1) {
            clear: both;
        }

    .large-block-grid-3 > li {
        width: 33.33333%;
        list-style: none;
    }

        .large-block-grid-3 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-3 > li:nth-of-type(3n+1) {
            clear: both;
        }

    .large-block-grid-4 > li {
        width: 25%;
        list-style: none;
    }

        .large-block-grid-4 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-4 > li:nth-of-type(4n+1) {
            clear: both;
        }

    .large-block-grid-5 > li {
        width: 20%;
        list-style: none;
    }

        .large-block-grid-5 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-5 > li:nth-of-type(5n+1) {
            clear: both;
        }

    .large-block-grid-6 > li {
        width: 16.66667%;
        list-style: none;
    }

        .large-block-grid-6 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-6 > li:nth-of-type(6n+1) {
            clear: both;
        }

    .large-block-grid-7 > li {
        width: 14.28571%;
        list-style: none;
    }

        .large-block-grid-7 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-7 > li:nth-of-type(7n+1) {
            clear: both;
        }

    .large-block-grid-8 > li {
        width: 12.5%;
        list-style: none;
    }

        .large-block-grid-8 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-8 > li:nth-of-type(8n+1) {
            clear: both;
        }

    .large-block-grid-9 > li {
        width: 11.11111%;
        list-style: none;
    }

        .large-block-grid-9 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-9 > li:nth-of-type(9n+1) {
            clear: both;
        }

    .large-block-grid-10 > li {
        width: 10%;
        list-style: none;
    }

        .large-block-grid-10 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-10 > li:nth-of-type(10n+1) {
            clear: both;
        }

    .large-block-grid-11 > li {
        width: 9.09091%;
        list-style: none;
    }

        .large-block-grid-11 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-11 > li:nth-of-type(11n+1) {
            clear: both;
        }

    .large-block-grid-12 > li {
        width: 8.33333%;
        list-style: none;
    }

        .large-block-grid-12 > li:nth-of-type(1n) {
            clear: none;
        }

        .large-block-grid-12 > li:nth-of-type(12n+1) {
            clear: both;
        }
}

.breadcrumbs {
    display: block;
    padding: 0.75rem 1.16667rem 0.75rem;
    overflow: hidden;
    margin-left: 0;
    list-style: none;
    border-style: solid;
    border-width: 1px;
    background-color: #f4f4f4;
    border-color: #dcdcdc;
    border-radius: 3px;
}

    .breadcrumbs > * {
        margin: 0;
        float: left;
        font-size: 0.91667rem;
        line-height: 0.91667rem;
        text-transform: uppercase;
        color: #cc0000;
    }

        .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
            text-decoration: underline;
        }

        .breadcrumbs > * a {
            color: #cc0000;
        }

        .breadcrumbs > *.current {
            cursor: default;
            color: #333;
        }

            .breadcrumbs > *.current a {
                cursor: default;
                color: #333;
            }

            .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
                text-decoration: none;
            }

        .breadcrumbs > *.unavailable {
            color: #999;
        }

            .breadcrumbs > *.unavailable a {
                color: #999;
            }

                .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus {
                    text-decoration: none;
                    color: #999;
                    cursor: not-allowed;
                }

        .breadcrumbs > *:before {
            content: "/";
            color: #aaa;
            margin: 0 1rem;
            position: relative;
            top: 1px;
        }

        .breadcrumbs > *:first-child:before {
            content: " ";
            margin: 0;
        }

[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
    content: "/";
}

button, .button {
    border-style: solid;
    border-width: 0;
    cursor: pointer;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.66667rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    display: inline-block;
    padding-top: 1.33333rem;
    padding-right: 2.66667rem;
    padding-bottom: 1.41667rem;
    padding-left: 2.66667rem;
    font-size: 1.33333rem;
    background-color: #cc0000;
    border-color: #890000;
    color: #fff;
    transition: background-color 300ms ease-out;
}

    button:hover, button:focus, .button:hover, .button:focus {
        background-color: #890000;
    }

    button:hover, button:focus, .button:hover, .button:focus {
        color: #fff;
    }

    button.secondary, .button.secondary {
        background-color: #e7e7e7;
        border-color: #b9b9b9;
        color: #333;
    }

        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
            background-color: #b9b9b9;
        }

        button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
            color: #333;
        }

    button.success, .button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #fff;
    }

        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
            background-color: #368a55;
        }

        button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
            color: #fff;
        }

    button.alert, .button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #fff;
    }

        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
            background-color: #cf2a0e;
        }

        button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
            color: #fff;
        }

    button.warning, .button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #fff;
    }

        button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
            background-color: #cf6e0e;
        }

        button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
            color: #fff;
        }

    button.info, .button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333;
    }

        button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
            background-color: #61b6d9;
        }

        button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
            color: #fff;
        }

    button.large, .button.large {
        padding-top: 1.5rem;
        padding-right: 3rem;
        padding-bottom: 1.58333rem;
        padding-left: 3rem;
        font-size: 1.66667rem;
    }

    button.small, .button.small {
        padding-top: 1.16667rem;
        padding-right: 2.33333rem;
        padding-bottom: 1.25rem;
        padding-left: 2.33333rem;
        font-size: 1.08333rem;
    }

    button.tiny, .button.tiny {
        padding-top: 0.83333rem;
        padding-right: 1.66667rem;
        padding-bottom: 0.91667rem;
        padding-left: 1.66667rem;
        font-size: 0.91667rem;
    }

    button.expand, .button.expand {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
    }

    button.left-align, .button.left-align {
        text-align: left;
        text-indent: 1rem;
    }

    button.right-align, .button.right-align {
        text-align: right;
        padding-right: 1rem;
    }

    button.radius, .button.radius {
        border-radius: 3px;
    }

    button.round, .button.round {
        border-radius: 1000px;
    }

    button.disabled, button[disabled], .button.disabled, .button[disabled] {
        background-color: #cc0000;
        border-color: #890000;
        color: #fff;
        cursor: default;
        opacity: 0.7;
        box-shadow: none;
    }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: #890000;
        }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            color: #fff;
        }

        button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
            background-color: #cc0000;
        }

        button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
            background-color: #e7e7e7;
            border-color: #b9b9b9;
            color: #333;
            cursor: default;
            opacity: 0.7;
            box-shadow: none;
        }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #b9b9b9;
            }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                color: #333;
            }

            button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
                background-color: #e7e7e7;
            }

        button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
            background-color: #43AC6A;
            border-color: #368a55;
            color: #fff;
            cursor: default;
            opacity: 0.7;
            box-shadow: none;
        }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #368a55;
            }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                color: #fff;
            }

            button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
                background-color: #43AC6A;
            }

        button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
            background-color: #f04124;
            border-color: #cf2a0e;
            color: #fff;
            cursor: default;
            opacity: 0.7;
            box-shadow: none;
        }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #cf2a0e;
            }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                color: #fff;
            }

            button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
                background-color: #f04124;
            }

        button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
            background-color: #f08a24;
            border-color: #cf6e0e;
            color: #fff;
            cursor: default;
            opacity: 0.7;
            box-shadow: none;
        }

            button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
                background-color: #cf6e0e;
            }

            button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
                color: #fff;
            }

            button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
                background-color: #f08a24;
            }

        button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
            background-color: #a0d3e8;
            border-color: #61b6d9;
            color: #333;
            cursor: default;
            opacity: 0.7;
            box-shadow: none;
        }

            button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
                background-color: #61b6d9;
            }

            button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
                color: #fff;
            }

            button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
                background-color: #a0d3e8;
            }

    button::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

@media only screen and (min-width: 40.063em) {
    button, .button {
        display: inline-block;
    }
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0;
}

    .button-group:before, .button-group:after {
        content: " ";
        display: table;
    }

    .button-group:after {
        clear: both;
    }

    .button-group.even-2 li {
        margin: 0 -2px;
        display: inline-block;
        width: 50%;
    }

        .button-group.even-2 li > button, .button-group.even-2 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-2 li button, .button-group.even-2 li .button {
            width: 100%;
        }

    .button-group.even-3 li {
        margin: 0 -2px;
        display: inline-block;
        width: 33.33333%;
    }

        .button-group.even-3 li > button, .button-group.even-3 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-3 li button, .button-group.even-3 li .button {
            width: 100%;
        }

    .button-group.even-4 li {
        margin: 0 -2px;
        display: inline-block;
        width: 25%;
    }

        .button-group.even-4 li > button, .button-group.even-4 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-4 li button, .button-group.even-4 li .button {
            width: 100%;
        }

    .button-group.even-5 li {
        margin: 0 -2px;
        display: inline-block;
        width: 20%;
    }

        .button-group.even-5 li > button, .button-group.even-5 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-5 li button, .button-group.even-5 li .button {
            width: 100%;
        }

    .button-group.even-6 li {
        margin: 0 -2px;
        display: inline-block;
        width: 16.66667%;
    }

        .button-group.even-6 li > button, .button-group.even-6 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-6 li button, .button-group.even-6 li .button {
            width: 100%;
        }

    .button-group.even-7 li {
        margin: 0 -2px;
        display: inline-block;
        width: 14.28571%;
    }

        .button-group.even-7 li > button, .button-group.even-7 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-7 li button, .button-group.even-7 li .button {
            width: 100%;
        }

    .button-group.even-8 li {
        margin: 0 -2px;
        display: inline-block;
        width: 12.5%;
    }

        .button-group.even-8 li > button, .button-group.even-8 li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
            border-left: 0;
        }

        .button-group.even-8 li button, .button-group.even-8 li .button {
            width: 100%;
        }

    .button-group > li {
        margin: 0 -2px;
        display: inline-block;
    }

        .button-group > li > button, .button-group > li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group > li:first-child button, .button-group > li:first-child .button {
            border-left: 0;
        }

    .button-group.stack > li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
        float: none;
    }

        .button-group.stack > li > button, .button-group.stack > li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
            border-left: 0;
        }

        .button-group.stack > li > button, .button-group.stack > li .button {
            border-top: 1px solid;
            border-color: rgba(255,255,255,0.5);
            border-left-width: 0;
            margin: 0;
            display: block;
        }

        .button-group.stack > li > button {
            width: 100%;
        }

        .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
            border-top: 0;
        }

    .button-group.stack-for-small > li {
        margin: 0 -2px;
        display: inline-block;
    }

        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
            border-left: 0;
        }

@media only screen and (max-width: 40em) {
    .button-group.stack-for-small > li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
            border-left: 0;
        }

        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
            border-top: 1px solid;
            border-color: rgba(255,255,255,0.5);
            border-left-width: 0;
            margin: 0;
            display: block;
        }

        .button-group.stack-for-small > li > button {
            width: 100%;
        }

        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
            border-top: 0;
        }
}

.button-group.radius > * {
    margin: 0 -2px;
    display: inline-block;
}

    .button-group.radius > * > button, .button-group.radius > * .button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,0.5);
    }

    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
        border-left: 0;
    }

    .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
        border-radius: 0;
    }

        .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

        .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border-top-right-radius: 3px;
        }

.button-group.radius.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
}

    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,0.5);
    }

    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
        border-left: 0;
    }

    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
        border-top: 1px solid;
        border-color: rgba(255,255,255,0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .button-group.radius.stack > * > button {
        width: 100%;
    }

    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
        border-top: 0;
    }

    .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
        border-radius: 0;
    }

        .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
            -webkit-top-left-radius: 3px;
            -webkit-top-right-radius: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
            -webkit-bottom-left-radius: 3px;
            -webkit-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

@media only screen and (min-width: 40.063em) {
    .button-group.radius.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
    }

        .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
            border-left: 0;
        }

        .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
            border-radius: 0;
        }

            .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
                -webkit-border-bottom-left-radius: 3px;
                -webkit-border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
                border-top-left-radius: 3px;
            }

            .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
                -webkit-border-bottom-right-radius: 3px;
                -webkit-border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
                border-top-right-radius: 3px;
            }
}

@media only screen and (max-width: 40em) {
    .button-group.radius.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

        .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
            border-left: 0;
        }

        .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
            border-top: 1px solid;
            border-color: rgba(255,255,255,0.5);
            border-left-width: 0;
            margin: 0;
            display: block;
        }

        .button-group.radius.stack-for-small > * > button {
            width: 100%;
        }

        .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
            border-top: 0;
        }

        .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
            border-radius: 0;
        }

            .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
                -webkit-top-left-radius: 3px;
                -webkit-top-right-radius: 3px;
                border-top-left-radius: 3px;
                border-top-right-radius: 3px;
            }

            .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
                -webkit-bottom-left-radius: 3px;
                -webkit-bottom-right-radius: 3px;
                border-bottom-left-radius: 3px;
                border-bottom-right-radius: 3px;
            }
}

.button-group.round > * {
    margin: 0 -2px;
    display: inline-block;
}

    .button-group.round > * > button, .button-group.round > * .button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,0.5);
    }

    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
        border-left: 0;
    }

    .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
        border-radius: 0;
    }

        .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
            -webkit-border-bottom-left-radius: 1000px;
            -webkit-border-top-left-radius: 1000px;
            border-bottom-left-radius: 1000px;
            border-top-left-radius: 1000px;
        }

        .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
            -webkit-border-bottom-right-radius: 1000px;
            -webkit-border-top-right-radius: 1000px;
            border-bottom-right-radius: 1000px;
            border-top-right-radius: 1000px;
        }

.button-group.round.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
}

    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
        border-left: 1px solid;
        border-color: rgba(255,255,255,0.5);
    }

    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
        border-left: 0;
    }

    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
        border-top: 1px solid;
        border-color: rgba(255,255,255,0.5);
        border-left-width: 0;
        margin: 0;
        display: block;
    }

    .button-group.round.stack > * > button {
        width: 100%;
    }

    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
        border-top: 0;
    }

    .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
        border-radius: 0;
    }

        .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
            -webkit-top-left-radius: 1.33333rem;
            -webkit-top-right-radius: 1.33333rem;
            border-top-left-radius: 1.33333rem;
            border-top-right-radius: 1.33333rem;
        }

        .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
            -webkit-bottom-left-radius: 1.33333rem;
            -webkit-bottom-right-radius: 1.33333rem;
            border-bottom-left-radius: 1.33333rem;
            border-bottom-right-radius: 1.33333rem;
        }

@media only screen and (min-width: 40.063em) {
    .button-group.round.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
    }

        .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
            border-left: 0;
        }

        .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
            border-radius: 0;
        }

            .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
                -webkit-border-bottom-left-radius: 1000px;
                -webkit-border-top-left-radius: 1000px;
                border-bottom-left-radius: 1000px;
                border-top-left-radius: 1000px;
            }

            .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
                -webkit-border-bottom-right-radius: 1000px;
                -webkit-border-top-right-radius: 1000px;
                border-bottom-right-radius: 1000px;
                border-top-right-radius: 1000px;
            }
}

@media only screen and (max-width: 40em) {
    .button-group.round.stack-for-small > * {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0;
    }

        .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
            border-left: 1px solid;
            border-color: rgba(255,255,255,0.5);
        }

        .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
            border-left: 0;
        }

        .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
            border-top: 1px solid;
            border-color: rgba(255,255,255,0.5);
            border-left-width: 0;
            margin: 0;
            display: block;
        }

        .button-group.round.stack-for-small > * > button {
            width: 100%;
        }

        .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
            border-top: 0;
        }

        .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
            border-radius: 0;
        }

            .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
                -webkit-top-left-radius: 1.33333rem;
                -webkit-top-right-radius: 1.33333rem;
                border-top-left-radius: 1.33333rem;
                border-top-right-radius: 1.33333rem;
            }

            .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
                -webkit-bottom-left-radius: 1.33333rem;
                -webkit-bottom-right-radius: 1.33333rem;
                border-bottom-left-radius: 1.33333rem;
                border-bottom-right-radius: 1.33333rem;
            }
}

.button-bar:before, .button-bar:after {
    content: " ";
    display: table;
}

.button-bar:after {
    clear: both;
}

.button-bar .button-group {
    float: left;
    margin-right: 0.83333rem;
}

    .button-bar .button-group div {
        overflow: hidden;
    }

.clearing-thumbs, [data-clearing] {
    margin-bottom: 0;
    margin-left: 0;
    list-style: none;
}

    .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
        content: " ";
        display: table;
    }

    .clearing-thumbs:after, [data-clearing]:after {
        clear: both;
    }

    .clearing-thumbs li, [data-clearing] li {
        float: left;
        margin-right: 10px;
    }

    .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
        margin-right: 0;
    }

.clearing-blackout {
    background: #333;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 998;
}

    .clearing-blackout .clearing-close {
        display: block;
    }

.clearing-container {
    position: relative;
    z-index: 998;
    height: 100%;
    overflow: hidden;
    margin: 0;
}

.clearing-touch-label {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #aaa;
    font-size: 0.6em;
}

.visible-img {
    height: 95%;
    position: relative;
}

    .visible-img img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        -ms-transform: translateY(-50%) translateX(-50%);
        max-height: 100%;
        max-width: 100%;
    }

.clearing-caption {
    color: #ccc;
    font-size: 0.875em;
    line-height: 1.3;
    margin-bottom: 0;
    text-align: center;
    bottom: 0;
    background: #333;
    width: 100%;
    padding: 10px 30px 20px;
    position: absolute;
    left: 0;
}

.clearing-close {
    z-index: 999;
    padding-left: 20px;
    padding-top: 10px;
    font-size: 30px;
    line-height: 1;
    color: #ccc;
    display: none;
}

    .clearing-close:hover, .clearing-close:focus {
        color: #ccc;
    }

.clearing-assembled .clearing-container {
    height: 100%;
}

    .clearing-assembled .clearing-container .carousel > ul {
        display: none;
    }

.clearing-feature li {
    display: none;
}

    .clearing-feature li.clearing-featured-img {
        display: block;
    }

@media only screen and (min-width: 40.063em) {
    .clearing-main-prev, .clearing-main-next {
        position: absolute;
        height: 100%;
        width: 40px;
        top: 0;
    }

        .clearing-main-prev > span, .clearing-main-next > span {
            position: absolute;
            top: 50%;
            display: block;
            width: 0;
            height: 0;
            border: solid 12px;
        }

            .clearing-main-prev > span:hover, .clearing-main-next > span:hover {
                opacity: 0.8;
            }

    .clearing-main-prev {
        left: 0;
    }

        .clearing-main-prev > span {
            left: 5px;
            border-color: transparent;
            border-right-color: #ccc;
        }

    .clearing-main-next {
        right: 0;
    }

        .clearing-main-next > span {
            border-color: transparent;
            border-left-color: #ccc;
        }

        .clearing-main-prev.disabled, .clearing-main-next.disabled {
            opacity: 0.3;
        }

    .clearing-assembled .clearing-container .carousel {
        background: rgba(51,51,51,0.8);
        height: 120px;
        margin-top: 10px;
        text-align: center;
    }

        .clearing-assembled .clearing-container .carousel > ul {
            display: inline-block;
            z-index: 999;
            height: 100%;
            position: relative;
            float: none;
        }

            .clearing-assembled .clearing-container .carousel > ul li {
                display: block;
                width: 120px;
                min-height: inherit;
                float: left;
                overflow: hidden;
                margin-right: 0;
                padding: 0;
                position: relative;
                cursor: pointer;
                opacity: 0.4;
                clear: none;
            }

                .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
                    height: 100%;
                    max-width: none;
                }

                .clearing-assembled .clearing-container .carousel > ul li a.th {
                    border: none;
                    box-shadow: none;
                    display: block;
                }

                .clearing-assembled .clearing-container .carousel > ul li img {
                    cursor: pointer !important;
                    width: 100% !important;
                }

                .clearing-assembled .clearing-container .carousel > ul li.visible {
                    opacity: 1;
                }

                .clearing-assembled .clearing-container .carousel > ul li:hover {
                    opacity: 0.8;
                }

    .clearing-assembled .clearing-container .visible-img {
        background: #333;
        overflow: hidden;
        height: 85%;
    }

    .clearing-close {
        position: absolute;
        top: 10px;
        right: 20px;
        padding-left: 0;
        padding-top: 0;
    }
}

.f-dropdown {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: #fff;
    border: solid 1px #ccc;
    font-size: 1.16667rem;
    z-index: 89;
    margin-top: 0px;
    max-width: 200px;
}

    .f-dropdown > *:first-child {
        margin-top: 0;
    }

    .f-dropdown > *:last-child {
        margin-bottom: 0;
    }

    .f-dropdown:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 6px;
        border-color: transparent transparent #fff transparent;
        border-bottom-style: solid;
        position: absolute;
        top: -12px;
        left: 10px;
        z-index: 89;
    }

    .f-dropdown:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 7px;
        border-color: transparent transparent #ccc transparent;
        border-bottom-style: solid;
        position: absolute;
        top: -14px;
        left: 9px;
        z-index: 88;
    }

    .f-dropdown.right:before {
        left: auto;
        right: 10px;
    }

    .f-dropdown.right:after {
        left: auto;
        right: 9px;
    }

    .f-dropdown.drop-right {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #fff;
        border: solid 1px #ccc;
        font-size: 1.16667rem;
        z-index: 89;
        margin-top: 0;
        margin-left: 0px;
        max-width: 200px;
    }

        .f-dropdown.drop-right > *:first-child {
            margin-top: 0;
        }

        .f-dropdown.drop-right > *:last-child {
            margin-bottom: 0;
        }

        .f-dropdown.drop-right:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            border-color: transparent #fff transparent transparent;
            border-right-style: solid;
            position: absolute;
            top: 10px;
            left: -12px;
            z-index: 89;
        }

        .f-dropdown.drop-right:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 7px;
            border-color: transparent #ccc transparent transparent;
            border-right-style: solid;
            position: absolute;
            top: 9px;
            left: -14px;
            z-index: 88;
        }

    .f-dropdown.drop-left {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #fff;
        border: solid 1px #ccc;
        font-size: 1.16667rem;
        z-index: 89;
        margin-top: 0;
        margin-left: 0px;
        max-width: 200px;
    }

        .f-dropdown.drop-left > *:first-child {
            margin-top: 0;
        }

        .f-dropdown.drop-left > *:last-child {
            margin-bottom: 0;
        }

        .f-dropdown.drop-left:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            border-color: transparent transparent transparent #fff;
            border-left-style: solid;
            position: absolute;
            top: 10px;
            right: -12px;
            left: auto;
            z-index: 89;
        }

        .f-dropdown.drop-left:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 7px;
            border-color: transparent transparent transparent #ccc;
            border-left-style: solid;
            position: absolute;
            top: 9px;
            right: -14px;
            left: auto;
            z-index: 88;
        }

    .f-dropdown.drop-top {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        width: 100%;
        max-height: none;
        height: auto;
        background: #fff;
        border: solid 1px #ccc;
        font-size: 1.16667rem;
        z-index: 89;
        margin-top: 0px;
        margin-left: 0;
        max-width: 200px;
    }

        .f-dropdown.drop-top > *:first-child {
            margin-top: 0;
        }

        .f-dropdown.drop-top > *:last-child {
            margin-bottom: 0;
        }

        .f-dropdown.drop-top:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 6px;
            border-color: #fff transparent transparent transparent;
            border-top-style: solid;
            position: absolute;
            top: auto;
            bottom: -12px;
            left: 10px;
            right: auto;
            z-index: 89;
        }

        .f-dropdown.drop-top:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 7px;
            border-color: #ccc transparent transparent transparent;
            border-top-style: solid;
            position: absolute;
            top: auto;
            bottom: -14px;
            left: 9px;
            right: auto;
            z-index: 88;
        }

    .f-dropdown li {
        font-size: 1.16667rem;
        cursor: pointer;
        line-height: 1.5rem;
        margin: 0;
    }

        .f-dropdown li:hover, .f-dropdown li:focus {
            background: #eee;
        }

        .f-dropdown li.radius {
            border-radius: 3px;
        }

        .f-dropdown li a {
            display: block;
            padding: 0.5rem;
            color: #555;
        }

    .f-dropdown.content {
        position: absolute;
        left: -9999px;
        list-style: none;
        margin-left: 0;
        outline: none;
        padding: 1.66667rem;
        width: 100%;
        height: auto;
        max-height: none;
        background: #fff;
        border: solid 1px #ccc;
        font-size: 1.16667rem;
        z-index: 89;
        max-width: 200px;
    }

        .f-dropdown.content > *:first-child {
            margin-top: 0;
        }

        .f-dropdown.content > *:last-child {
            margin-bottom: 0;
        }

    .f-dropdown.tiny {
        max-width: 200px;
    }

    .f-dropdown.small {
        max-width: 300px;
    }

    .f-dropdown.medium {
        max-width: 500px;
    }

    .f-dropdown.large {
        max-width: 800px;
    }

    .f-dropdown.mega {
        width: 100% !important;
        max-width: 100% !important;
    }

        .f-dropdown.mega.open {
            left: 0 !important;
        }

.dropdown.button, button.dropdown {
    position: relative;
    outline: none;
    padding-right: 4.75rem;
}

    .dropdown.button::after, button.dropdown::after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        display: block;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        top: 50%;
    }

    .dropdown.button::after, button.dropdown::after {
        border-width: 0.5rem;
        right: 1.875rem;
        margin-top: -0.20833rem;
    }

    .dropdown.button::after, button.dropdown::after {
        border-color: #fff transparent transparent transparent;
    }

    .dropdown.button.tiny, button.dropdown.tiny {
        padding-right: 3.5rem;
    }

        .dropdown.button.tiny:after, button.dropdown.tiny:after {
            border-width: 0.5rem;
            right: 1.5rem;
            margin-top: -0.16667rem;
        }

        .dropdown.button.tiny::after, button.dropdown.tiny::after {
            border-color: #fff transparent transparent transparent;
        }

    .dropdown.button.small, button.dropdown.small {
        padding-right: 4.08333rem;
    }

        .dropdown.button.small::after, button.dropdown.small::after {
            border-width: 0.58333rem;
            right: 1.75rem;
            margin-top: -0.20833rem;
        }

        .dropdown.button.small::after, button.dropdown.small::after {
            border-color: #fff transparent transparent transparent;
        }

    .dropdown.button.large, button.dropdown.large {
        padding-right: 4.83333rem;
    }

        .dropdown.button.large::after, button.dropdown.large::after {
            border-width: 0.41667rem;
            right: 2.29167rem;
            margin-top: -0.20833rem;
        }

        .dropdown.button.large::after, button.dropdown.large::after {
            border-color: #fff transparent transparent transparent;
        }

    .dropdown.button.secondary:after, button.dropdown.secondary:after {
        border-color: #333 transparent transparent transparent;
    }

.flex-video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border: solid 1px #999;
	border-radius: 2px;
}

    .flex-video.widescreen {
        padding-bottom: 56.34%;
    }

    .flex-video.vimeo {
       padding-top: 0;
    }

    .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    }

form {
    margin: 0 0 1.33333rem;
}

    form .row .row {
        margin: 0 -0.66667rem;
    }

        form .row .row .column, form .row .row .columns {
            padding: 0 0.66667rem;
        }

        form .row .row.collapse {
            margin: 0;
        }

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

            form .row .row.collapse input {
                -webkit-border-bottom-right-radius: 0;
                -webkit-border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

    form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns {
        padding-left: 0.66667rem;
    }

label {
    font-size: 1.16667rem;
    color: #4d4d4d;
/*    cursor: pointer;*/
    display: block;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 0;
}

    label.right {
        float: none !important;
        text-align: right;
    }

    label.inline {
        margin: 0 0 1.33333rem 0;
        padding: 0.75rem 0;
    }

    label small {
        text-transform: capitalize;
        color: #676767;
    }

.prefix, .postfix {
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    border-style: solid;
    border-width: 1px;
    overflow: visible;
    font-size: 1.16667rem;
    height: 3.08333rem;
    line-height: 3.08333rem;
}

    .postfix.button {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        border: none;
    }

    .prefix.button {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        text-align: center;
        border: none;
    }

        .prefix.button.radius {
            border-radius: 0;
            -webkit-border-bottom-left-radius: 3px;
            -webkit-border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

    .postfix.button.radius {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .prefix.button.round {
        border-radius: 0;
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px;
    }

    .postfix.button.round {
        border-radius: 0;
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
    }

span.prefix, label.prefix {
    background: #f2f2f2;
    border-right: none;
    color: #333;
    border-color: #ccc;
}

span.postfix, label.postfix {
    background: #f2f2f2;
    border-left: none;
    color: #333;
    border-color: #ccc;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    border-radius: 0;
    background-color: #fff;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    display: block;
    font-size: 1.16667rem;
    margin: 0 0 1.33333rem 0;
    padding: 0.66667rem;
    height: 3.08333rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.15s linear;
}

    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus {
        background: #fafafa;
        border-color: #999;
        outline: none;
    }

    input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled {
        background-color: #ddd;
        cursor: default;
    }

    input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea {
        background-color: #ddd;
        cursor: default;
    }

    input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius {
        border-radius: 3px;
    }

form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

form .row .prefix-radius.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

form .row .postfix-radius.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

form .row .prefix-round.row.collapse .prefix {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button {
    border-radius: 0;
    -webkit-border-bottom-left-radius: 1000px;
    -webkit-border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
}

form .row .postfix-round.row.collapse .postfix {
    border-radius: 0;
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
}

input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

textarea[rows] {
    height: auto;
}

textarea {
    max-width: 100%;
}

select {
    -webkit-appearance: none !important;
    border-radius: 0;
    background-color: #FAFAFA;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
    background-position: 100% center;
    background-repeat: no-repeat;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    padding: 0.66667rem;
    font-size: 1.16667rem;
    color: rgba(0,0,0,0.75);
    line-height: normal;
    border-radius: 0;
    height: 3.08333rem;
}

    select::-ms-expand {
        display: none;
    }

    select.radius {
        border-radius: 3px;
    }

    select:hover {
        background-color: #f3f3f3;
        border-color: #999;
    }

    select:disabled {
        background-color: #ddd;
        cursor: default;
    }

    select[multiple] {
        height: auto;
    }

input[type="file"], input[type="checkbox"], input[type="radio"], select {
    margin: 0 0 1.33333rem 0;
}

    input[type="checkbox"] + label, input[type="radio"] + label {
        display: inline-block;
        margin-left: 0.66667rem;
        margin-right: 1.33333rem;
        margin-bottom: 0;
        vertical-align: baseline;
    }

input[type="file"] {
    width: 100%;
}

fieldset {
    border: 1px solid #ddd;
    padding: 1.66667rem;
    margin: 1.5rem 0;
}

    fieldset legend {
        font-weight: bold;
        background: #fff;
        padding: 0 0.25rem;
        margin: 0;
        margin-left: -0.25rem;
    }

[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
    display: block;
    padding: 0.5rem 0.75rem 0.75rem;
    margin-top: -1px;
    margin-bottom: 1.33333rem;
    font-size: 1rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff;
}

[data-abide] span.error, [data-abide] small.error {
    display: none;
}

span.error, small.error {
    display: block;
    padding: 0.5rem 0.75rem 0.75rem;
    margin-top: -1px;
    margin-bottom: 1.33333rem;
    font-size: 1rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff;
}

.error input, .error textarea, .error select {
    margin-bottom: 0;
}

    .error input[type="checkbox"], .error input[type="radio"] {
        margin-bottom: 1.33333rem;
    }

.error label, .error label.error {
    color: #f04124;
}

.error small.error {
    display: block;
    padding: 0.5rem 0.75rem 0.75rem;
    margin-top: -1px;
    margin-bottom: 1.33333rem;
    font-size: 1rem;
    font-weight: normal;
    font-style: italic;
    background: #f04124;
    color: #fff;
}

.error > label > small {
    color: #676767;
    background: transparent;
    padding: 0;
    text-transform: capitalize;
    font-style: normal;
    font-size: 60%;
    margin: 0;
    display: inline;
}

.error span.error-message {
    display: block;
}

input.error, textarea.error, select.error {
    margin-bottom: 0;
}

label.error {
    color: #f04124;
}

.icon-bar {
    width: 100%;
    font-size: 0;
    display: inline-block;
    background: #333;
}

    .icon-bar > * {
        text-align: center;
        font-size: 1rem;
        width: 25%;
        margin: 0 auto;
        display: block;
        padding: 1.25rem;
        float: left;
    }

        .icon-bar > * i, .icon-bar > * img {
            display: block;
            margin: 0 auto;
        }

            .icon-bar > * i + label, .icon-bar > * img + label {
                margin-top: .0625rem;
            }

        .icon-bar > * i {
            font-size: 1.875rem;
            vertical-align: middle;
        }

        .icon-bar > * img {
            width: 1.875rem;
            height: 1.875rem;
        }

    .icon-bar.label-right > * i, .icon-bar.label-right > * img {
        margin: 0 .0625rem 0 0;
        display: inline-block;
    }

        .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
            margin-top: 0;
        }

    .icon-bar.label-right > * label {
        display: inline-block;
    }

    .icon-bar.vertical.label-right > * {
        text-align: left;
    }

    .icon-bar.vertical, .icon-bar.small-vertical {
        height: 100%;
        width: auto;
    }

        .icon-bar.vertical .item, .icon-bar.small-vertical .item {
            width: auto;
            margin: auto;
            float: none;
        }

@media only screen and (min-width: 40.063em) {
    .icon-bar.medium-vertical {
        height: 100%;
        width: auto;
    }

        .icon-bar.medium-vertical .item {
            width: auto;
            margin: auto;
            float: none;
        }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.large-vertical {
        height: 100%;
        width: auto;
    }

        .icon-bar.large-vertical .item {
            width: auto;
            margin: auto;
            float: none;
        }
}

.icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem;
}

    .icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: .0625rem;
    }

    .icon-bar > * i {
        font-size: 1.875rem;
    }

    .icon-bar > * img {
        width: 1.875rem;
        height: 1.875rem;
    }

    .icon-bar > * label {
        color: #fff;
    }

    .icon-bar > * i {
        color: #fff;
    }

.icon-bar > a:hover {
    background: #cc0000;
}

    .icon-bar > a:hover label {
        color: #fff;
    }

    .icon-bar > a:hover i {
        color: #fff;
    }

.icon-bar > a.active {
    background: #cc0000;
}

    .icon-bar > a.active label {
        color: #fff;
    }

    .icon-bar > a.active i {
        color: #fff;
    }

.icon-bar .item.disabled {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none;
}

    .icon-bar .item.disabled > * {
        opacity: 0.7;
        cursor: not-allowed;
    }

.icon-bar.two-up .item {
    width: 50%;
}

.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.two-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.two-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.three-up .item {
    width: 33.3333%;
}

.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.three-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.three-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.four-up .item {
    width: 25%;
}

.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.four-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.four-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.five-up .item {
    width: 20%;
}

.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.five-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.five-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.six-up .item {
    width: 16.66667%;
}

.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.six-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.six-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.seven-up .item {
    width: 14.28571%;
}

.icon-bar.seven-up.vertical .item, .icon-bar.seven-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.seven-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.seven-up.large-vertical .item {
        width: auto;
    }
}

.icon-bar.eight-up .item {
    width: 12.5%;
}

.icon-bar.eight-up.vertical .item, .icon-bar.eight-up.small-vertical .item {
    width: auto;
}

@media only screen and (min-width: 40.063em) {
    .icon-bar.eight-up.medium-vertical .item {
        width: auto;
    }
}

@media only screen and (min-width: 64.063em) {
    .icon-bar.eight-up.large-vertical .item {
        width: auto;
    }
}

.inline-list {
    margin: 0 auto 1.41667rem auto;
    margin-left: -1.83333rem;
    margin-right: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

    .inline-list > li {
        list-style: none;
        float: left;
        margin-left: 1.83333rem;
        display: block;
    }

        .inline-list > li > * {
            display: block;
        }

.joyride-list {
    display: none;
}

.joyride-tip-guide {
    display: none;
    position: absolute;
    background: #333;
    color: #fff;
    z-index: 101;
    top: 0;
    left: 2.5%;
    font-family: inherit;
    font-weight: normal;
    width: 95%;
}

.lt-ie9 .joyride-tip-guide {
    max-width: 800px;
    left: 50%;
    margin-left: -400px;
}

.joyride-content-wrapper {
    width: 100%;
    padding: 1.5rem 1.66667rem 2rem;
}

    .joyride-content-wrapper .button {
        margin-bottom: 0 !important;
    }

    .joyride-content-wrapper .joyride-prev-tip {
        margin-right: 10px;
    }

.joyride-tip-guide .joyride-nub {
    display: block;
    position: absolute;
    left: 22px;
    width: 0;
    height: 0;
    border: 10px solid #333;
}

    .joyride-tip-guide .joyride-nub.top {
        border-top-style: solid;
        border-color: #333;
        border-top-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        top: -20px;
    }

    .joyride-tip-guide .joyride-nub.bottom {
        border-bottom-style: solid;
        border-color: #333 !important;
        border-bottom-color: transparent !important;
        border-left-color: transparent !important;
        border-right-color: transparent !important;
        bottom: -20px;
    }

    .joyride-tip-guide .joyride-nub.right {
        right: -20px;
    }

    .joyride-tip-guide .joyride-nub.left {
        left: -20px;
    }

.joyride-tip-guide h1, .joyride-tip-guide h2, .joyride-tip-guide h3, .joyride-tip-guide h4, .joyride-tip-guide h5, .joyride-tip-guide h6 {
    line-height: 1.25;
    margin: 0;
    font-weight: bold;
    color: #fff;
}

.joyride-tip-guide p {
    margin: 0 0 1.5rem 0;
    font-size: 1.16667rem;
    line-height: 1.3;
}

.joyride-timer-indicator-wrap {
    width: 50px;
    height: 3px;
    border: solid 1px #555;
    position: absolute;
    right: 1.41667rem;
    bottom: 1.33333rem;
}

.joyride-timer-indicator {
    display: block;
    width: 0;
    height: inherit;
    background: #666;
}

.joyride-close-tip {
    position: absolute;
    right: 12px;
    top: 10px;
    color: #777 !important;
    text-decoration: none;
    font-size: 24px;
    font-weight: normal;
    line-height: .5 !important;
}

    .joyride-close-tip:hover, .joyride-close-tip:focus {
        color: #eee !important;
    }

.joyride-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: transparent;
    background: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    cursor: pointer;
}

.joyride-expose-wrapper {
    background-color: #fff;
    position: absolute;
    border-radius: 3px;
    z-index: 102;
    box-shadow: 0 0 15px #fff;
}

.joyride-expose-cover {
    background: transparent;
    border-radius: 3px;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
}

@media only screen and (min-width: 40.063em) {
    .joyride-tip-guide {
        width: 300px;
        left: inherit;
    }

        .joyride-tip-guide .joyride-nub.bottom {
            border-color: #333 !important;
            border-bottom-color: transparent !important;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            bottom: -20px;
        }

        .joyride-tip-guide .joyride-nub.right {
            border-color: #333 !important;
            border-top-color: transparent !important;
            border-right-color: transparent !important;
            border-bottom-color: transparent !important;
            top: 22px;
            left: auto;
            right: -20px;
        }

        .joyride-tip-guide .joyride-nub.left {
            border-color: #333 !important;
            border-top-color: transparent !important;
            border-left-color: transparent !important;
            border-bottom-color: transparent !important;
            top: 22px;
            left: -20px;
            right: auto;
        }
}

.keystroke, kbd {
    background-color: #ededed;
    border-color: #ddd;
    color: #222;
    border-style: solid;
    border-width: 1px;
    margin: 0;
    font-size: inherit;
    padding: 0.16667rem 0.33333rem 0;
    border-radius: 3px;
}

.label {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    margin-bottom: auto;
    padding: 0.33333rem 0.66667rem 0.33333rem;
    font-size: 0.91667rem;
    background-color: #cc0000;
    color: #fff;
}

    .label.radius {
        border-radius: 3px;
    }

    .label.round {
        border-radius: 1000px;
    }

    .label.alert {
        background-color: #f04124;
        color: #fff;
    }

    .label.warning {
        background-color: #f08a24;
        color: #fff;
    }

    .label.success {
        background-color: #43AC6A;
        color: #fff;
    }

    .label.secondary {
        background-color: #e7e7e7;
        color: #333;
    }

    .label.info {
        background-color: #a0d3e8;
        color: #333;
    }

[data-magellan-expedition], [data-magellan-expedition-clone] {
    background: #fff;
    z-index: 50;
    min-width: 100%;
    padding: 10px;
}

    [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
        margin-bottom: 0;
    }

        [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
            margin-bottom: 0;
        }

        [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
            line-height: 1.8em;
        }

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.slideshow-wrapper {
    position: relative;
}

    .slideshow-wrapper ul {
        list-style-type: none;
        margin: 0;
    }

        .slideshow-wrapper ul li, .slideshow-wrapper ul li .orbit-caption {
            display: none;
        }

            .slideshow-wrapper ul li:first-child {
                display: block;
            }

    .slideshow-wrapper .orbit-container {
        background-color: transparent;
    }

        .slideshow-wrapper .orbit-container li {
            display: block;
        }

            .slideshow-wrapper .orbit-container li .orbit-caption {
                display: block;
            }

        .slideshow-wrapper .orbit-container .orbit-bullets li {
            display: inline-block;
        }

    .slideshow-wrapper .preloader {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -20px;
        margin-left: -20px;
        border: solid 3px;
        border-color: #555 #fff;
        border-radius: 1000px;
        animation-name: rotate;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

.orbit-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    background: none;
}

    .orbit-container .orbit-slides-container {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        -webkit-transform: translateZ(0);
    }

        .orbit-container .orbit-slides-container img {
            display: block;
            max-width: 100%;
        }

        .orbit-container .orbit-slides-container > * {
            position: absolute;
            top: 0;
            width: 100%;
            margin-left: 100%;
        }

            .orbit-container .orbit-slides-container > *:first-child {
                margin-left: 0;
            }

            .orbit-container .orbit-slides-container > * .orbit-caption {
                position: absolute;
                bottom: 0;
                background-color: rgba(51,51,51,0.8);
                color: #fff;
                width: 100%;
                padding: 0.83333rem 1.16667rem;
                font-size: 1.16667rem;
            }

    .orbit-container .orbit-slide-number {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 12px;
        color: #fff;
        background: transparent;
        z-index: 10;
    }

        .orbit-container .orbit-slide-number span {
            font-weight: 700;
            padding: 0.41667rem;
        }

    .orbit-container .orbit-timer {
        position: absolute;
        top: 12px;
        right: 10px;
        height: 6px;
        width: 100px;
        z-index: 10;
    }

        .orbit-container .orbit-timer .orbit-progress {
            height: 3px;
            background-color: rgba(255,255,255,0.3);
            display: block;
            width: 0;
            position: relative;
            right: 20px;
            top: 5px;
        }

        .orbit-container .orbit-timer > span {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            width: 11px;
            height: 14px;
            border: solid 4px #fff;
            border-top: none;
            border-bottom: none;
        }

        .orbit-container .orbit-timer.paused > span {
            right: -4px;
            top: 0;
            width: 11px;
            height: 14px;
            border: inset 8px;
            border-left-style: solid;
            border-color: transparent;
            border-left-color: #fff;
        }

            .orbit-container .orbit-timer.paused > span.dark {
                border-left-color: #333;
            }

    .orbit-container:hover .orbit-timer > span {
        display: block;
    }

    .orbit-container .orbit-prev, .orbit-container .orbit-next {
        position: absolute;
        top: 45%;
        margin-top: -25px;
        width: 36px;
        height: 60px;
        line-height: 50px;
        color: white;
        background-color: transparent;
        text-indent: -9999px !important;
        z-index: 10;
    }

        .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {
            background-color: rgba(0,0,0,0.3);
        }

        .orbit-container .orbit-prev > span, .orbit-container .orbit-next > span {
            position: absolute;
            top: 50%;
            margin-top: -10px;
            display: block;
            width: 0;
            height: 0;
            border: inset 10px;
        }

    .orbit-container .orbit-prev {
        left: 0;
    }

        .orbit-container .orbit-prev > span {
            border-right-style: solid;
            border-color: transparent;
            border-right-color: #fff;
        }

        .orbit-container .orbit-prev:hover > span {
            border-right-color: #fff;
        }

    .orbit-container .orbit-next {
        right: 0;
    }

        .orbit-container .orbit-next > span {
            border-color: transparent;
            border-left-style: solid;
            border-left-color: #fff;
            left: 50%;
            margin-left: -4px;
        }

        .orbit-container .orbit-next:hover > span {
            border-left-color: #fff;
        }

.orbit-bullets-container {
    text-align: center;
}

.orbit-bullets {
    margin: 0 auto 30px auto;
    overflow: hidden;
    position: relative;
    top: 10px;
    float: none;
    text-align: center;
    display: block;
}

    .orbit-bullets li {
        cursor: pointer;
        display: inline-block;
        width: 0.75rem;
        height: 0.75rem;
        background: #ccc;
        float: none;
        margin-right: 6px;
        border-radius: 1000px;
    }

        .orbit-bullets li.active {
            background: #999;
        }

        .orbit-bullets li:last-child {
            margin-right: 0;
        }

.touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
    display: none;
}

.touch .orbit-bullets {
    display: none;
}

@media only screen and (min-width: 40.063em) {
    .touch .orbit-container .orbit-prev, .touch .orbit-container .orbit-next {
        display: inherit;
    }

    .touch .orbit-bullets {
        display: block;
    }
}

@media only screen and (max-width: 40em) {
    .orbit-stack-on-small .orbit-slides-container {
        height: auto !important;
    }

        .orbit-stack-on-small .orbit-slides-container > * {
            position: relative;
            margin: 0 !important;
            opacity: 1 !important;
        }

    .orbit-stack-on-small .orbit-slide-number {
        display: none;
    }

    .orbit-timer {
        display: none;
    }

    .orbit-next, .orbit-prev {
        display: none;
    }

    .orbit-bullets {
        display: none;
    }
}

ul.pagination {
    display: block;
    min-height: 2rem;
    margin-left: -0.41667rem;
}

    ul.pagination li {
        height: 2rem;
        color: #222;
        font-size: 1.16667rem;
        margin-left: 0.41667rem;
    }

        ul.pagination li a, ul.pagination li button {
            display: block;
            padding: 0.08333rem 0.83333rem 0.08333rem;
            color: #999;
            background: none;
            border-radius: 3px;
            font-weight: normal;
            font-size: 1em;
            line-height: inherit;
            transition: background-color 300ms ease-out;
        }

            ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus {
                background: #e6e6e6;
            }

        ul.pagination li.unavailable a, ul.pagination li.unavailable button {
            cursor: default;
            color: #999;
        }

            ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
                background: transparent;
            }

        ul.pagination li.current a, ul.pagination li.current button {
            background: #cc0000;
            color: #fff;
            font-weight: bold;
            cursor: default;
        }

            ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
                background: #cc0000;
            }

    ul.pagination li {
        float: left;
        display: block;
    }

.pagination-centered {
    text-align: center;
}

    .pagination-centered ul.pagination li {
        float: none;
        display: inline-block;
    }

.panel {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    margin-bottom: 1.66667rem;
    padding: 1.66667rem;
    background: #f2f2f2;
    color: #333;
}

    .panel > :first-child {
        margin-top: 0;
    }

    .panel > :last-child {
        margin-bottom: 0;
    }

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
        color: #333;
    }

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
        line-height: 1;
        margin-bottom: 0.83333rem;
    }

        .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
            line-height: 1.4;
        }

    .panel.callout {
        border-style: solid;
        border-width: 1px;
        border-color: #f9cec0;
        margin-bottom: 1.66667rem;
        padding: 1.66667rem;
        background: #fef5f2;
        color: #333;
    }

        .panel.callout > :first-child {
            margin-top: 0;
        }

        .panel.callout > :last-child {
            margin-bottom: 0;
        }

        .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
            color: #333;
        }

        .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
            line-height: 1;
            margin-bottom: 0.83333rem;
        }

            .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
                line-height: 1.4;
            }

        .panel.callout a:not(.button) {
            color: #cc0000;
        }

            .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
                color: #ac0202;
            }

    .panel.radius {
        border-radius: 3px;
    }

.pricing-table {
    border: solid 1px #ddd;
    margin-left: 0;
    margin-bottom: 1.66667rem;
}

    .pricing-table * {
        list-style: none;
        line-height: 1;
    }

    .pricing-table .title {
        background-color: #333;
        padding: 1.25rem 1.66667rem;
        text-align: center;
        color: #eee;
        font-weight: normal;
        font-size: 1.33333rem;
    }

    .pricing-table .price {
        background-color: #F6F6F6;
        padding: 1.25rem 1.66667rem;
        text-align: center;
        color: #333;
        font-weight: normal;
        font-size: 2.66667rem;
    }

    .pricing-table .description {
        background-color: #fff;
        padding: 1.25rem;
        text-align: center;
        color: #777;
        font-size: 1rem;
        font-weight: normal;
        line-height: 1.4;
        border-bottom: dotted 1px #ddd;
    }

    .pricing-table .bullet-item {
        background-color: #fff;
        padding: 1.25rem;
        text-align: center;
        color: #333;
        font-size: 1.16667rem;
        font-weight: normal;
        border-bottom: dotted 1px #ddd;
    }

    .pricing-table .cta-button {
        background-color: #fff;
        text-align: center;
        padding: 1.66667rem 1.66667rem 0;
    }

.progress {
    background-color: #F6F6F6;
    height: 2.08333rem;
    border: 1px solid #fff;
    padding: 0.16667rem;
    /* margin-bottom: 0.83333rem; */
}

    .progress .meter {
        background: #cc0000;
        height: 100%;
        display: block;
    }

    .progress.secondary .meter {
        background: #e7e7e7;
        height: 100%;
        display: block;
    }

    .progress.success .meter {
        background: #43AC6A;
        height: 100%;
        display: block;
    }

    .progress.alert .meter {
        background: #f04124;
        height: 100%;
        display: block;
    }

    .progress.radius {
        border-radius: 3px;
    }

        .progress.radius .meter {
            border-radius: 2px;
        }

    .progress.round {
        border-radius: 1000px;
    }

        .progress.round .meter {
            border-radius: 999px;
        }

.range-slider {
    position: relative;
    border: 1px solid #ddd;
    margin: 1.66667rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: block;
    width: 100%;
    height: 1.33333rem;
    background: #FAFAFA;
}

    .range-slider.vertical-range {
        position: relative;
        border: 1px solid #ddd;
        margin: 1.66667rem 0;
        -ms-touch-action: none;
        touch-action: none;
        display: inline-block;
        width: 1.33333rem;
        height: 16.66667rem;
    }

        .range-slider.vertical-range .range-slider-handle {
            margin-top: 0;
            margin-left: -0.66667rem;
            position: absolute;
            bottom: -14.0rem;
        }

        .range-slider.vertical-range .range-slider-active-segment {
            width: 1.16667rem;
            height: auto;
            bottom: 0;
        }

    .range-slider.radius {
        background: #FAFAFA;
        border-radius: 3px;
    }

        .range-slider.radius .range-slider-handle {
            background: #cc0000;
            border-radius: 3px;
        }

            .range-slider.radius .range-slider-handle:hover {
                background: #980000;
            }

    .range-slider.round {
        background: #FAFAFA;
        border-radius: 1000px;
    }

        .range-slider.round .range-slider-handle {
            background: #cc0000;
            border-radius: 1000px;
        }

            .range-slider.round .range-slider-handle:hover {
                background: #980000;
            }

    .range-slider.disabled, .range-slider[disabled] {
        background: #FAFAFA;
        cursor: not-allowed;
        opacity: 0.7;
    }

        .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
            background: #cc0000;
            cursor: default;
            opacity: 0.7;
        }

            .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
                background: #980000;
            }

.range-slider-active-segment {
    display: inline-block;
    position: absolute;
    height: 1.16667rem;
    background: #e5e5e5;
}

.range-slider-handle {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: -0.41667rem;
    width: 2.66667rem;
    height: 1.83333rem;
    border: 1px solid none;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #cc0000;
}

    .range-slider-handle:hover {
        background: #980000;
    }

.reveal-modal-bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    background: rgba(0,0,0,0.45);
    z-index: 1004;
    display: none;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    z-index: 1005;
    width: 100%;
    top: 0;
    border-radius: 3px;
    left: 0;
    background-color: #fff;
    padding: 2.5rem;
    border: solid 1px #666;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

@media only screen and (max-width: 40em) {
    .reveal-modal {
        min-height: 100vh;
    }
}

.reveal-modal .column, .reveal-modal .columns {
    min-width: 0;
}

.reveal-modal > :first-child {
    margin-top: 0;
}

.reveal-modal > :last-child {
    margin-bottom: 0;
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal {
        width: 80%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal {
        top: 8.33333rem;
    }
}

.reveal-modal.radius {
    border-radius: 3px;
}

.reveal-modal.round {
    border-radius: 1000px;
}

.reveal-modal.collapse {
    padding: 0;
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.tiny {
        width: 30%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.small {
        width: 40%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.medium {
        width: 60%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.large {
        width: 70%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.xlarge {
        width: 95%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.reveal-modal.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none !important;
    margin-left: 0 !important;
}

@media only screen and (min-width: 40.063em) {
    .reveal-modal.full {
        width: 100%;
        max-width: 86.66667rem;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.reveal-modal.toback {
    z-index: 1003;
}

.reveal-modal .close-reveal-modal {
    font-size: 3.33333rem;
    line-height: 1;
    position: absolute;
    top: 0.83333rem;
    right: 1.83333rem;
    color: #aaa;
    font-weight: bold;
    cursor: pointer;
}

.side-nav {
    display: block;
    margin: 0;
    padding: 1.16667rem 0;
    list-style-type: none;
    list-style-position: outside;
}

    .side-nav li {
        margin: 0 0 0.58333rem 0;
        font-size: 1.16667rem;
        font-weight: normal;
    }

        .side-nav li a:not(.button) {
            display: block;
            color: #cc0000;
            margin: 0;
            padding: 0.58333rem 1.16667rem;
        }

            .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
                background: rgba(0,0,0,0.025);
            }

        .side-nav li.active > a:first-child:not(.button) {
            color: #f08969;
            font-weight: normal;
        }

        .side-nav li.divider {
            border-top: 1px solid;
            height: 0;
            padding: 0;
            list-style: none;
            border-top-color: #fff;
        }

        .side-nav li.heading {
            color: #cc0000;
            font-size: 1.16667rem;
            font-weight: bold;
            text-transform: uppercase;
        }

.split.button {
    position: relative;
    padding-right: 6.75rem;
}

    .split.button span {
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border-left: solid 1px;
    }

        .split.button span:after {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            display: block;
            border-style: inset;
            top: 50%;
            left: 50%;
        }

        .split.button span:active {
            background-color: rgba(0,0,0,0.1);
        }

    .split.button span {
        border-left-color: rgba(255,255,255,0.5);
    }

    .split.button span {
        width: 4.125rem;
    }

        .split.button span:after {
            border-top-style: solid;
            border-width: 0.5rem;
            top: 48%;
            margin-left: -0.5rem;
        }

        .split.button span:after {
            border-color: #fff transparent transparent transparent;
        }

    .split.button.secondary span {
        border-left-color: rgba(255,255,255,0.5);
    }

        .split.button.secondary span:after {
            border-color: #fff transparent transparent transparent;
        }

    .split.button.alert span {
        border-left-color: rgba(255,255,255,0.5);
    }

    .split.button.success span {
        border-left-color: rgba(255,255,255,0.5);
    }

    .split.button.tiny {
        padding-right: 5rem;
    }

        .split.button.tiny span {
            width: 3rem;
        }

            .split.button.tiny span:after {
                border-top-style: solid;
                border-width: 0.5rem;
                top: 48%;
                margin-left: -0.5rem;
            }

    .split.button.small {
        padding-right: 5.83333rem;
    }

        .split.button.small span {
            width: 3.5rem;
        }

            .split.button.small span:after {
                border-top-style: solid;
                border-width: 0.58333rem;
                top: 48%;
                margin-left: -0.5rem;
            }

    .split.button.large {
        padding-right: 7.33333rem;
    }

        .split.button.large span {
            width: 4.58333rem;
        }

            .split.button.large span:after {
                border-top-style: solid;
                border-width: 0.41667rem;
                top: 48%;
                margin-left: -0.5rem;
            }

    .split.button.expand {
        padding-left: 2rem;
    }

    .split.button.secondary span:after {
        border-color: #333 transparent transparent transparent;
    }

    .split.button.radius span {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .split.button.round span {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px;
    }

    .split.button.no-pip span:before {
        border-style: none;
    }

    .split.button.no-pip span:after {
        border-style: none;
    }

    .split.button.no-pip span > i {
        top: 50%;
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -0.28889em;
        margin-top: -0.48889em;
    }

.sub-nav {
    display: block;
    width: auto;
    overflow: hidden;
    margin-bottom: -0.33333rem 0 1.5rem;
    padding-top: 0.33333rem;
}

    .sub-nav dt {
        text-transform: uppercase;
    }

    .sub-nav dt, .sub-nav dd, .sub-nav li {
        float: left;
        margin-left: 1.33333rem;
        margin-bottom: 0;
        font-weight: normal;
        font-size: 1.16667rem;
        color: #999;
    }

        .sub-nav dt a, .sub-nav dd a, .sub-nav li a {
            text-decoration: none;
            color: #999;
            padding: 0.25rem 1.33333rem;
        }

            .sub-nav dt a:hover, .sub-nav dd a:hover, .sub-nav li a:hover {
                color: #737373;
            }

        .sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
            border-radius: 3px;
            font-weight: normal;
            background: #cc0000;
            padding: 0.25rem 1.33333rem;
            cursor: default;
            color: #fff;
        }

            .sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
                background: #ac0202;
            }

.switch {
    padding: 0;
    border: none;
    position: relative;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

    .switch label {
        display: block;
        margin-bottom: 1rem;
        position: relative;
        color: transparent;
        background: #ddd;
        text-indent: 100%;
        width: 4rem;
        height: 2rem;
        cursor: pointer;
        transition: left 0.15s ease-out;
    }

    .switch input {
        opacity: 0;
        position: absolute;
        top: 9px;
        left: 10px;
        padding: 0;
    }

        .switch input + label {
            margin-left: 0;
            margin-right: 0;
        }

    .switch label:after {
        content: "";
        display: block;
        background: #fff;
        position: absolute;
        top: .25rem;
        left: .25rem;
        width: 1.5rem;
        height: 1.5rem;
        -webkit-transition: left 0.15s ease-out;
        -moz-transition: left 0.15s ease-out;
        -o-transition: translate3d(0, 0, 0);
        transition: left 0.15s ease-out;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .switch input:checked + label {
        background: #cc0000;
    }

        .switch input:checked + label:after {
            left: 2.25rem;
        }

    .switch label {
        width: 4rem;
        height: 2rem;
    }

        .switch label:after {
            width: 1.5rem;
            height: 1.5rem;
        }

    .switch input:checked + label:after {
        left: 2.25rem;
    }

    .switch label {
        color: transparent;
        background: #ddd;
    }

        .switch label:after {
            background: #fff;
        }

    .switch input:checked + label {
        background: #cc0000;
    }

    .switch.large label {
        width: 5rem;
        height: 2.5rem;
    }

        .switch.large label:after {
            width: 2rem;
            height: 2rem;
        }

    .switch.large input:checked + label:after {
        left: 2.75rem;
    }

    .switch.small label {
        width: 3.5rem;
        height: 1.75rem;
    }

        .switch.small label:after {
            width: 1.25rem;
            height: 1.25rem;
        }

    .switch.small input:checked + label:after {
        left: 2rem;
    }

    .switch.tiny label {
        width: 3rem;
        height: 1.5rem;
    }

        .switch.tiny label:after {
            width: 1rem;
            height: 1rem;
        }

    .switch.tiny input:checked + label:after {
        left: 1.75rem;
    }

    .switch.radius label {
        border-radius: 4px;
    }

        .switch.radius label:after {
            border-radius: 3px;
        }

    .switch.round {
        border-radius: 1000px;
    }

        .switch.round label {
            border-radius: 2rem;
        }

            .switch.round label:after {
                border-radius: 2rem;
            }

table {
    background: #fff;
    margin-bottom: 1.66667rem;
    border: solid 1px #ddd;
    table-layout: auto;
}

    table caption {
        background: transparent;
        color: #222;
        font-size: 1.33333rem;
        font-weight: bold;
    }

    table thead {
        background: #F5F5F5;
    }

        table thead tr th, table thead tr td {
            padding: 0.66667rem 0.83333rem 0.83333rem;
            font-size: 1.16667rem;
            font-weight: bold;
            color: #222;
        }

    table tfoot {
        background: #F5F5F5;
    }

        table tfoot tr th, table tfoot tr td {
            padding: 0.66667rem 0.83333rem 0.83333rem;
            font-size: 1.16667rem;
            font-weight: bold;
            color: #222;
        }

    table tr th, table tr td {
        padding: 0.75rem 0.83333rem;
        font-size: 1.16667rem;
        color: #222;
        text-align: left;
    }

    table tr.even, table tr.alt, table tr:nth-of-type(even) {
        background: #F9F9F9;
    }

    table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
        display: table-cell;
        line-height: 1.5rem;
    }

.tabs {
    margin-bottom: 0 !important;
    margin-left: 0;
}

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

    .tabs:after {
        clear: both;
    }

    .tabs dd, .tabs .tab-title {
        position: relative;
        margin-bottom: 0 !important;
        list-style: none;
        float: left;
    }

        .tabs dd > a, .tabs .tab-title > a {
            display: block;
            background-color: #EFEFEF;
            color: #222;
            padding: 1.33333rem 2.66667rem;
            font-size: 1.33333rem;
        }

            .tabs dd > a:hover, .tabs .tab-title > a:hover {
                background-color: #e1e1e1;
            }

            .tabs dd > a:focus, .tabs .tab-title > a:focus {
                outline: none;
            }

        .tabs dd.active a, .tabs .tab-title.active a {
            background-color: #fff;
            color: #222;
        }

    .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px;
    }

    .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
    }

    .tabs.vertical dd, .tabs.vertical .tab-title {
        position: inherit;
        float: none;
        display: block;
        top: auto;
    }

.tabs-content {
    margin-bottom: 2rem;
    width: 100%;
}

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

    .tabs-content:after {
        clear: both;
    }

    .tabs-content > .content {
        display: none;
        float: left;
        padding: 0.83333rem 0;
        width: 100%;
    }

        .tabs-content > .content.active {
            display: block;
            float: none;
        }

        .tabs-content > .content.contained {
            padding: 0.83333rem;
        }

    .tabs-content.vertical {
        display: block;
    }

        .tabs-content.vertical > .content {
            padding: 0 0.83333rem;
        }

@media only screen and (min-width: 40.063em) {
    .tabs.vertical {
        width: 20%;
        max-width: 20%;
        float: left;
        margin: 0 0 1.25rem;
    }

    .tabs-content.vertical {
        width: 80%;
        max-width: 80%;
        float: left;
        margin-left: -1px;
        padding-left: 1rem;
    }
}

.no-js .tabs-content > .content {
    display: block;
    float: none;
}

.th {
    line-height: 0;
    display: inline-block;
    border: solid 4px #fff;
    max-width: 100%;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    transition: all 200ms ease-out;
}

    .th:hover, .th:focus {
        box-shadow: 0 0 6px 1px rgba(234,87,40,0.5);
    }

    .th.radius {
        border-radius: 3px;
    }

.has-tip {
    border-bottom: dotted 1px #ccc;
    cursor: help;
    font-weight: bold;
    color: #333;
}

    .has-tip:hover, .has-tip:focus {
        border-bottom: dotted 1px #70240b;
        color: #cc0000;
    }

    .has-tip.tip-left, .has-tip.tip-right {
        float: none !important;
    }

.tooltip {
    display: none;
    position: absolute;
    z-index: 1006;
    font-weight: normal;
    font-size: 1.16667rem;
    line-height: 1.3;
    padding: 1rem;
    max-width: 300px;
    left: 50%;
    width: 100%;
    color: #fff;
    background: #333;
}

    .tooltip > .nub {
        display: block;
        left: 5px;
        position: absolute;
        width: 0;
        height: 0;
        border: solid 5px;
        border-color: transparent transparent #333 transparent;
        top: -10px;
        pointer-events: none;
    }

        .tooltip > .nub.rtl {
            left: auto;
            right: 5px;
        }

    .tooltip.radius {
        border-radius: 3px;
    }

    .tooltip.round {
        border-radius: 1000px;
    }

        .tooltip.round > .nub {
            left: 2rem;
        }

    .tooltip.opened {
        color: #cc0000 !important;
        border-bottom: dotted 1px #70240b !important;
    }

.tap-to-close {
    display: block;
    font-size: 0.83333rem;
    color: #777;
    font-weight: normal;
}

@media only screen and (min-width: 40.063em) {
    .tooltip > .nub {
        border-color: transparent transparent #333 transparent;
        top: -10px;
    }

    .tooltip.tip-top > .nub {
        border-color: #333 transparent transparent transparent;
        top: auto;
        bottom: -10px;
    }

    .tooltip.tip-left, .tooltip.tip-right {
        float: none !important;
    }

        .tooltip.tip-left > .nub {
            border-color: transparent transparent transparent #333;
            right: -10px;
            left: auto;
            top: 50%;
            margin-top: -5px;
        }

        .tooltip.tip-right > .nub {
            border-color: transparent #333 transparent transparent;
            right: auto;
            left: -10px;
            top: 50%;
            margin-top: -5px;
        }
}

meta.foundation-mq-topbar {
    font-family: "/only screen and (min-width: 1025px)/";
    width: 1025px;
}

.contain-to-grid {
    width: 100%;
    background: #fff;
}

    .contain-to-grid .top-bar {
        margin-bottom: 0;
    }

.fixed {
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 99;
}

    .fixed.expanded:not(.top-bar) {
        overflow-y: auto;
        height: auto;
        width: 100%;
        max-height: 100%;
    }

        .fixed.expanded:not(.top-bar) .title-area {
            position: fixed;
            width: 100%;
            z-index: 99;
        }

        .fixed.expanded:not(.top-bar) .top-bar-section {
            z-index: 98;
            margin-top: 5.83333rem;
        }

.top-bar {
    overflow: hidden;
    height: 5.83333rem;
    line-height: 5.83333rem;
    position: relative;
    background: #fff;
    margin-bottom: 0;
}

    .top-bar ul {
        margin-bottom: 0;
        list-style: none;
    }

    .top-bar .row {
        max-width: none;
    }

    .top-bar form, .top-bar input {
        margin-bottom: 0;
    }

    .top-bar input {
        height: 2.33333rem;
        padding-top: .35rem;
        padding-bottom: .35rem;
        font-size: 0.75rem;
    }

    .top-bar .button, .top-bar button {
        padding-top: 0.43333rem;
        padding-bottom: 0.43333rem;
        margin-bottom: 0;
        font-size: 0.75rem;
    }

@media only screen and (max-width: 40em) {
    .top-bar .button, .top-bar button {
        position: relative;
        top: -1px;
    }
}

.top-bar .title-area {
    position: relative;
    margin: 0;
}

.top-bar .name {
    height: 5.83333rem;
    margin: 0;
    font-size: 12px;
}

    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
        line-height: 5.83333rem;
        font-size: 1.41667rem;
        margin: 0;
    }

        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
            font-weight: normal;
            color: #B7B0A9;
            width: 75%;
            display: block;
            padding: 0 1.94444rem;
        }

.top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0;
}

    .top-bar .toggle-topbar a {
        color: #B7B0A9;
        text-transform: uppercase;
        font-size: 1.08333rem;
        font-weight: bold;
        position: relative;
        display: block;
        padding: 0 1.94444rem;
        height: 5.83333rem;
        line-height: 5.83333rem;
    }

    .top-bar .toggle-topbar.menu-icon {
        top: 50%;
        margin-top: -16px;
    }

        .top-bar .toggle-topbar.menu-icon a {
            height: 34px;
            line-height: 33px;
            padding: 0 4.02778rem 0 1.94444rem;
            color: #fff;
            position: relative;
        }

/*             .top-bar .toggle-topbar.menu-icon a span::after {
                content: "";
                position: absolute;
                display: block;
                height: 0;
                top: 50%;
                margin-top: -8px;
                right: 1.94444rem;
                box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
                width: 16px;
            } */

            .top-bar .toggle-topbar.menu-icon a span:hover:after {
                box-shadow: 0 0 0 1px "",0 7px 0 1px "",0 14px 0 1px "";
            }

.top-bar.expanded {
    height: auto;
    background: transparent;
}

    .top-bar.expanded .title-area {
        background: #fff;
    }

    .top-bar.expanded .toggle-topbar a {
        color: #888;
    }

        .top-bar.expanded .toggle-topbar a span::after {
            box-shadow: 0 0 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888;
        }

.top-bar-section {
    left: 0;
    position: relative;
    width: auto;
    transition: left 300ms ease-out;
}

    .top-bar-section ul {
        padding: 0;
        width: 100%;
        height: auto;
        display: block;
        font-size: 12px;
        margin: 0;
    }

    .top-bar-section .divider, .top-bar-section [role="separator"] {
        border-top: solid 1px #1a1a1a;
        clear: both;
        height: 1px;
        width: 100%;
    }

    .top-bar-section ul li {
        background: #cc0000;
    }

        .top-bar-section ul li > a {
            display: block;
            width: 100%;
            color: #a5a098;
            padding: 12px 0 12px 0;
            padding-left: 1.94444rem;
            font-size: 1rem;
            font-weight: normal;
            text-transform: none;
        }

            .top-bar-section ul li > a.button {
                font-size: 1rem;
                padding-right: 1.94444rem;
                padding-left: 1.94444rem;
                background-color: #cc0000;
                border-color: #890000;
                color: #fff;
            }

                .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
                    background-color: #890000;
                }

                .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
                    color: #fff;
                }

                .top-bar-section ul li > a.button.secondary {
                    background-color: #e7e7e7;
                    border-color: #b9b9b9;
                    color: #333;
                }

                    .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
                        background-color: #b9b9b9;
                    }

                    .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
                        color: #333;
                    }

                .top-bar-section ul li > a.button.success {
                    background-color: #43AC6A;
                    border-color: #368a55;
                    color: #fff;
                }

                    .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
                        background-color: #368a55;
                    }

                    .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
                        color: #fff;
                    }

                .top-bar-section ul li > a.button.alert {
                    background-color: #f04124;
                    border-color: #cf2a0e;
                    color: #fff;
                }

                    .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
                        background-color: #cf2a0e;
                    }

                    .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
                        color: #fff;
                    }

                .top-bar-section ul li > a.button.warning {
                    background-color: #f08a24;
                    border-color: #cf6e0e;
                    color: #fff;
                }

                    .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
                        background-color: #cf6e0e;
                    }

                    .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
                        color: #fff;
                    }

        .top-bar-section ul li > button {
            font-size: 1rem;
            padding-right: 1.94444rem;
            padding-left: 1.94444rem;
            background-color: #cc0000;
            border-color: #890000;
            color: #fff;
        }

            .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
                background-color: #890000;
            }

            .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
                color: #fff;
            }

            .top-bar-section ul li > button.secondary {
                background-color: #e7e7e7;
                border-color: #b9b9b9;
                color: #333;
            }

                .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
                    background-color: #b9b9b9;
                }

                .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
                    color: #333;
                }

            .top-bar-section ul li > button.success {
                background-color: #43AC6A;
                border-color: #368a55;
                color: #fff;
            }

                .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
                    background-color: #368a55;
                }

                .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
                    color: #fff;
                }

            .top-bar-section ul li > button.alert {
                background-color: #f04124;
                border-color: #cf2a0e;
                color: #fff;
            }

                .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
                    background-color: #cf2a0e;
                }

                .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
                    color: #fff;
                }

            .top-bar-section ul li > button.warning {
                background-color: #f08a24;
                border-color: #cf6e0e;
                color: #fff;
            }

                .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
                    background-color: #cf6e0e;
                }

                .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
                    color: #fff;
                }

        .top-bar-section ul li:hover:not(.has-form) > a {
            background-color: #555;
            background: #fff;
            color: #6F6C62;
        }

        .top-bar-section ul li.active > a {
            background: #cc0000;
            color: #fff;
        }

            .top-bar-section ul li.active > a:hover {
                background: #ac0202;
                color: #fff;
            }

    .top-bar-section .has-form {
        padding: 1.94444rem;
    }

    .top-bar-section .has-dropdown {
        position: relative;
    }

        .top-bar-section .has-dropdown > a:after {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: inset 5px;
            border-color: transparent transparent transparent rgba(255,255,255,0.4);
            border-left-style: solid;
            margin-right: 1.94444rem;
            margin-top: -4.5px;
            position: absolute;
            top: 50%;
            right: 0;
        }

        .top-bar-section .has-dropdown.moved {
            position: static;
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                display: block;
                position: static !important;
                height: auto;
                width: auto;
                overflow: visible;
                clip: auto;
                position: absolute !important;
                width: 100%;
            }

            .top-bar-section .has-dropdown.moved > a:after {
                display: none;
            }

    .top-bar-section .dropdown {
        padding: 0;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 99;
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

        .top-bar-section .dropdown li {
            width: 100%;
            height: auto;
        }

            .top-bar-section .dropdown li a {
                font-weight: normal;
                padding: 8px 1.94444rem;
            }

                .top-bar-section .dropdown li a.parent-link {
                    font-weight: normal;
                }

            .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
                margin-bottom: 0;
                margin-top: 0;
                font-size: 1.5rem;
            }

                .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
                    color: #B7B0A9;
                    display: block;
                }

                    .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
                        background: none;
                    }

            .top-bar-section .dropdown li.has-form {
                padding: 8px 1.94444rem;
            }

            .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
                top: auto;
            }

        .top-bar-section .dropdown label {
            padding: 8px 1.94444rem 2px;
            margin-bottom: 0;
            text-transform: uppercase;
            color: #777;
            font-weight: bold;
            font-size: 0.83333rem;
        }

.js-generated {
    display: block;
}

@media only screen and (min-width: 1025px) {
    .top-bar {
        background: #fff;
        overflow: visible;
    }

        .top-bar:before, .top-bar:after {
            content: " ";
            display: table;
        }

        .top-bar:after {
            clear: both;
        }

        .top-bar .toggle-topbar {
            display: none;
        }

        .top-bar .title-area {
            float: left;
        }

        .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name h5 a, .top-bar .name h6 a {
            width: auto;
        }

        .top-bar input, .top-bar .button, .top-bar button {
            font-size: 1.16667rem;
            position: relative;
            height: 2.33333rem;
            top: 1.75rem;
        }

        .top-bar.expanded {
            background: #fff;
        }

    .contain-to-grid .top-bar {
        max-width: 86.66667rem;
        margin: 0 auto;
        margin-bottom: 0;
    }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
        margin-right: 264px;
    }

        .top-bar-section ul {
            width: auto;
            height: auto !important;
            display: inline;
        }

            .top-bar-section ul li {
                float: left;
            }

                .top-bar-section ul li .js-generated {
                    display: none;
                }

        .top-bar-section li.hover > a:not(.button) {
            background-color: #555;
            background: #fff;
            color: #6F6C62;
        }

        .top-bar-section li:not(.has-form) a:not(.button) {
            padding: 0 1.94444rem;
            line-height: 5.83333rem;
            background: #fff;
        }

            .top-bar-section li:not(.has-form) a:not(.button):hover {
                background-color: #555;
                background: #fff;
            }

        .top-bar-section li.active:not(.has-form) a:not(.button) {
            padding: 0 1.94444rem;
            line-height: 5.83333rem;
            color: #fff;
            background: #cc0000;
        }

            .top-bar-section li.active:not(.has-form) a:not(.button):hover {
                background: #ac0202;
                color: #fff;
            }

        .top-bar-section .has-dropdown > a {
            padding-right: 3.61111rem !important;
        }

            .top-bar-section .has-dropdown > a:after {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border: inset 5px;
                border-color: rgba(255,255,255,0.4) transparent transparent transparent;
                border-top-style: solid;
                margin-top: -2.5px;
                top: 2.91667rem;
            }

        .top-bar-section .has-dropdown.moved {
            position: relative;
        }

            .top-bar-section .has-dropdown.moved > .dropdown {
                display: block;
                position: absolute !important;
                height: 1px;
                width: 1px;
                overflow: hidden;
                clip: rect(1px, 1px, 1px, 1px);
            }

        .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
            display: block;
            position: static !important;
            height: auto;
            width: auto;
            overflow: visible;
            clip: auto;
            position: absolute !important;
        }

        .top-bar-section .has-dropdown > a:focus + .dropdown {
            display: block;
            position: static !important;
            height: auto;
            width: auto;
            overflow: visible;
            clip: auto;
            position: absolute !important;
        }

        .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
            border: none;
            content: "\00bb";
            top: 1rem;
            margin-top: -1px;
            right: 5px;
            line-height: 1.2;
        }

        .top-bar-section .dropdown {
            left: 0;
            top: auto;
            background: transparent;
            min-width: 100%;
        }

            .top-bar-section .dropdown li a {
                color: #fff;
                line-height: 5.83333rem;
                white-space: nowrap;
                padding: 12px 1.94444rem;
                background: #cc0000;
            }

            .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
                color: #fff;
                background: #cc0000;
            }

            .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
                color: #6F6C62;
                background-color: #555;
                background: #333;
            }

            .top-bar-section .dropdown li label {
                white-space: nowrap;
                background: #333;
            }

            .top-bar-section .dropdown li .dropdown {
                left: 100%;
                top: 0;
            }

        .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
            border-bottom: none;
            border-top: none;
            border-right: solid 1px #4e4e4e;
            clear: none;
            height: 5.83333rem;
            width: 0;
        }

        .top-bar-section .has-form {
            background: #fff;
            padding: 0 1.94444rem;
            height: 5.83333rem;
        }

        .top-bar-section .right li .dropdown {
            left: auto;
            right: 0;
        }

            .top-bar-section .right li .dropdown li .dropdown {
                right: 100%;
            }

        .top-bar-section .left li .dropdown {
            right: auto;
            left: 0;
        }

            .top-bar-section .left li .dropdown li .dropdown {
                left: 100%;
            }

    .no-js .top-bar-section ul li:hover > a {
        background-color: #555;
        background: #fff;
        color: #6F6C62;
    }

    .no-js .top-bar-section ul li:active > a {
        background: #cc0000;
        color: #fff;
    }

    .no-js .top-bar-section .has-dropdown:hover > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }

    .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
    }

}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.text-justify {
    text-align: justify !important;
}

@media only screen and (max-width: 40em) {
    .small-only-text-left {
        text-align: left !important;
    }

    .small-only-text-right {
        text-align: right !important;
    }

    .small-only-text-center {
        text-align: center !important;
    }

    .small-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen {
    .small-text-left {
        text-align: left !important;
    }

    .small-text-right {
        text-align: right !important;
    }

    .small-text-center {
        text-align: center !important;
    }

    .small-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .medium-only-text-left {
        text-align: left !important;
    }

    .medium-only-text-right {
        text-align: right !important;
    }

    .medium-only-text-center {
        text-align: center !important;
    }

    .medium-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 40.063em) {
    .medium-text-left {
        text-align: left !important;
    }

    .medium-text-right {
        text-align: right !important;
    }

    .medium-text-center {
        text-align: center !important;
    }

    .medium-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .large-only-text-left {
        text-align: left !important;
    }

    .large-only-text-right {
        text-align: right !important;
    }

    .large-only-text-center {
        text-align: center !important;
    }

    .large-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .large-text-left {
        text-align: left !important;
    }

    .large-text-right {
        text-align: right !important;
    }

    .large-text-center {
        text-align: center !important;
    }

    .large-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .xlarge-only-text-left {
        text-align: left !important;
    }

    .xlarge-only-text-right {
        text-align: right !important;
    }

    .xlarge-only-text-center {
        text-align: center !important;
    }

    .xlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 90.063em) {
    .xlarge-text-left {
        text-align: left !important;
    }

    .xlarge-text-right {
        text-align: right !important;
    }

    .xlarge-text-center {
        text-align: center !important;
    }

    .xlarge-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
    .xxlarge-only-text-left {
        text-align: left !important;
    }

    .xxlarge-only-text-right {
        text-align: right !important;
    }

    .xxlarge-only-text-center {
        text-align: center !important;
    }

    .xxlarge-only-text-justify {
        text-align: justify !important;
    }
}

@media only screen and (min-width: 120.063em) {
    .xxlarge-text-left {
        text-align: left !important;
    }

    .xxlarge-text-right {
        text-align: right !important;
    }

    .xxlarge-text-center {
        text-align: center !important;
    }

    .xxlarge-text-justify {
        text-align: justify !important;
    }
}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

a {
    color: #cc0000;
    text-decoration: none;
    line-height: inherit;
}

    a:hover, a:focus {
        color: #ac0202;
    }

    a img {
        border: none;
    }

p {
    font-family: inherit;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 1.66667rem;
    text-rendering: optimizeLegibility;
}

    p.lead {
        font-size: 1.29167rem;
        line-height: 1.6;
    }

    p aside {
        font-size: 1.16667rem;
        line-height: 1.35;
        font-style: italic;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-style: normal;
    color: #222;
    text-rendering: optimizeLegibility;
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.4;
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
        font-size: 60%;
        color: #6f6f6f;
        line-height: 0;
    }

h1 {
    font-size: 2.83333rem;
}

h2 {
    font-size: 2.25rem;
}

h3 {
    font-size: 1.83333rem;
}

h4 {
    font-size: 1.5rem;
}

h5 {
    font-size: 1.5rem;
}

h6 {
    font-size: 1rem;
}

.subheader {
    line-height: 1.4;
    color: #6f6f6f;
    font-weight: normal;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 1.66667rem 0 1.58333rem;
    height: 0;
}

em, i {
    font-style: italic;
    line-height: inherit;
}

strong, b {
    font-weight: bold;
    line-height: inherit;
}

small {
    font-size: 60%;
    line-height: inherit;
}

code {
    font-weight: normal;
    color: #333;
    background-color: #f8f8f8;
    border-width: 1px;
    border-style: solid;
    border-color: #dfdfdf;
    padding: 0.16667rem 0.41667rem 0.08333rem;
}

ul, ol, dl {
    font-size: 1rem;
    line-height: 1.6;
     margin-bottom: 1.66667rem; 
    list-style-position: outside;
    font-family: inherit;
}

ul {
    margin-left: 1.4rem;
}

    ul.no-bullet {
        margin-left: 0;
    }

        ul.no-bullet li ul, ul.no-bullet li ol {
            margin-left: 1.66667rem;
            margin-bottom: 0;
            list-style: none;
        }

    ul li ul, ul li ol {
        margin-left: 1.66667rem;
        margin-bottom: 0;
    }

    ul.square li ul, ul.circle li ul, ul.disc li ul {
        list-style: inherit;
    }

    ul.square {
        list-style-type: square;
        margin-left: 1.1rem;
    }

    ul.circle {
        list-style-type: circle;
        margin-left: 1.1rem;
    }

    ul.disc {
        list-style-type: disc;
        margin-left: 1.1rem;
    }

    ul.no-bullet {
        list-style: none;
    }

ol {
    margin-left: 1.4rem;
}

    ol li ul, ol li ol {
        margin-left: 1.66667rem;
        margin-bottom: 0;
    }

dl dt {
    margin-bottom: 0.3rem;
    font-weight: bold;
}

dl dd {
    margin-bottom: 1rem;
}

abbr, acronym {
    text-transform: uppercase;
    font-size: 90%;
    color: #313131;
    cursor: help;
}

abbr {
    text-transform: none;
}

    abbr[title] {
        border-bottom: 1px dotted #ddd;
    }

blockquote {
    margin: 0 0 1.66667rem;
    padding: 0.75rem 1.66667rem 0 1.58333rem;
    border-left: 1px solid #ddd;
}

    blockquote cite {
        display: block;
        font-size: 1.08333rem;
        color: #555;
    }

        blockquote cite:before {
            content: "\2014 \0020";
        }

        blockquote cite a, blockquote cite a:visited {
            color: #555;
        }

    blockquote, blockquote p {
        line-height: 1.6;
        color: #6f6f6f;
    }

.vcard {
    display: inline-block;
    margin: 0 0 1.66667rem 0;
    border: 1px solid #ddd;
    padding: 0.83333rem 1rem;
}

    .vcard li {
        margin: 0;
        display: block;
    }

    .vcard .fn {
        font-weight: bold;
        font-size: 1.25rem;
    }

.vevent .summary {
    font-weight: bold;
}

.vevent abbr {
    cursor: default;
    text-decoration: none;
    font-weight: bold;
    border: none;
    padding: 0 0.08333rem;
}

@media only screen and (min-width: 40.063em) {
    h1, h2, h3, h4, h5, h6 {
        line-height: 1.4;
    }

    h1 {
        font-size: 3.66667rem;
    }

    h2 {
        font-size: 3.08333rem;
    }

    h3 {
        font-size: 2.25rem;
    }

    h4 {
        font-size: 1.91667rem;
        margin: 20px 50px;
    }

    h5 {
        font-size: 1.5rem;
    }

    h6 {
        font-size: 1rem;
    }
}

.off-canvas-wrap {
    -webkit-backface-visibility: hidden;
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
        min-height: 100%;
        -webkit-overflow-scrolling: touch;
    }

.inner-wrap {
    position: relative;
    width: 100%;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

    .inner-wrap:before, .inner-wrap:after {
        content: " ";
        display: table;
    }

    .inner-wrap:after {
        clear: both;
    }

.tab-bar {
    -webkit-backface-visibility: hidden;
    background: #333;
    color: #fff;
    height: 3.75rem;
    line-height: 3.75rem;
    position: relative;
}

    .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
        color: #fff;
        font-weight: bold;
        line-height: 3.75rem;
        margin: 0;
    }

    .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
        font-size: 1.5rem;
    }

.left-small {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    top: 0;
    border-right: solid 1px #1a1a1a;
    left: 0;
}

.right-small {
    width: 3.75rem;
    height: 3.75rem;
    position: absolute;
    top: 0;
    border-left: solid 1px #1a1a1a;
    right: 0;
}

.tab-bar-section {
    padding: 0 0.83333rem;
    position: absolute;
    text-align: center;
    height: 3.75rem;
    top: 0;
}

@media only screen and (min-width: 40.063em) {
    .tab-bar-section.left {
        text-align: left;
    }

    .tab-bar-section.right {
        text-align: right;
    }
}

.tab-bar-section.left {
    left: 0;
    right: 3.75rem;
}

.tab-bar-section.right {
    left: 3.75rem;
    right: 0;
}

.tab-bar-section.middle {
    left: 3.75rem;
    right: 3.75rem;
}

.tab-bar .menu-icon {
    text-indent: 2.91667rem;
    width: 3.75rem;
    height: 3.75rem;
    display: block;
    padding: 0;
    color: #fff;
    position: relative;
    transform: translate3d(0, 0, 0);
}

    .tab-bar .menu-icon span::after {
        content: "";
        position: absolute;
        display: block;
        height: 0;
        top: 50%;
        margin-top: -0.66667rem;
        left: 1.20833rem;
        box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
        width: 1.33333rem;
    }

    .tab-bar .menu-icon span:hover:after {
        box-shadow: 0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3;
    }

.left-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 20.83333rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
}

    .left-off-canvas-menu * {
        -webkit-backface-visibility: hidden;
    }

.right-off-canvas-menu {
    -webkit-backface-visibility: hidden;
    width: 20.83333rem;
    top: 0;
    bottom: 0;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1001;
    box-sizing: content-box;
    transition: transform 500ms ease 0s;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
}

    .right-off-canvas-menu * {
        -webkit-backface-visibility: hidden;
    }

ul.off-canvas-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.off-canvas-list li label {
        display: block;
        padding: 0.3rem 1.25rem;
        color: #999;
        text-transform: uppercase;
        font-size: 1rem;
        font-weight: bold;
        background: #444;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        margin: 0;
    }

    ul.off-canvas-list li a {
        display: block;
        padding: 0.66667rem;
        color: rgba(255,255,255,0.7);
        border-bottom: 1px solid #262626;
        transition: background 300ms ease;
    }

        ul.off-canvas-list li a:hover {
            background: #242424;
        }

.move-right > .inner-wrap {
    -ms-transform: translate(20.83333rem, 0);
    -webkit-transform: translate3d(20.83333rem, 0, 0);
    -moz-transform: translate3d(20.83333rem, 0, 0);
    -ms-transform: translate3d(20.83333rem, 0, 0);
    -o-transform: translate3d(20.83333rem, 0, 0);
    transform: translate3d(20.83333rem, 0, 0);
}

.move-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
        background: rgba(255,255,255,0.05);
    }
}

.move-left > .inner-wrap {
    -ms-transform: translate(-20.83333rem, 0);
    -webkit-transform: translate3d(-20.83333rem, 0, 0);
    -moz-transform: translate3d(-20.83333rem, 0, 0);
    -ms-transform: translate3d(-20.83333rem, 0, 0);
    -o-transform: translate3d(-20.83333rem, 0, 0);
    transform: translate3d(-20.83333rem, 0, 0);
}

.move-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
        background: rgba(255,255,255,0.05);
    }
}

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
        background: rgba(255,255,255,0.05);
    }
}

.offcanvas-overlap-left .right-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-left .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
        background: rgba(255,255,255,0.05);
    }
}

.offcanvas-overlap-right .left-off-canvas-menu {
    -ms-transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    z-index: 1003;
}

.offcanvas-overlap-right .exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    box-shadow: -4px 0 4px rgba(0,0,0,0.5),4px 0 4px rgba(0,0,0,0.5);
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: transparent;
}

@media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
        background: rgba(255,255,255,0.05);
    }
}

.no-csstransforms .left-off-canvas-menu {
    left: -20.83333rem;
}

.no-csstransforms .right-off-canvas-menu {
    right: -20.83333rem;
}

.no-csstransforms .move-left > .inner-wrap {
    right: 20.83333rem;
}

.no-csstransforms .move-right > .inner-wrap {
    left: 20.83333rem;
}

.left-submenu {
    -webkit-backface-visibility: hidden;
    width: 20.83333rem;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1002;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

    .left-submenu * {
        -webkit-backface-visibility: hidden;
    }

    .left-submenu .back > a {
        padding: 0.3rem 1.25rem;
        color: #999;
        text-transform: uppercase;
        font-weight: bold;
        background: #444;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        margin: 0;
    }

        .left-submenu .back > a:hover {
            background: #303030;
            border-top: 1px solid #5e5e5e;
            border-bottom: none;
        }

        .left-submenu .back > a:before {
            content: "\AB";
            margin-right: 0.5rem;
            display: inline;
        }

    .left-submenu.move-right, .left-submenu.offcanvas-overlap-right, .left-submenu.offcanvas-overlap {
        -ms-transform: translate(0%, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        -moz-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

.right-submenu {
    -webkit-backface-visibility: hidden;
    width: 20.83333rem;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    background: #333;
    z-index: 1002;
    box-sizing: content-box;
    -webkit-overflow-scrolling: touch;
    -ms-transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: -webkit-transform 500ms ease;
    -moz-transition: -moz-transform 500ms ease;
    -ms-transition: -ms-transform 500ms ease;
    -o-transition: -o-transform 500ms ease;
    transition: transform 500ms ease;
}

    .right-submenu * {
        -webkit-backface-visibility: hidden;
    }

    .right-submenu .back > a {
        padding: 0.3rem 1.25rem;
        color: #999;
        text-transform: uppercase;
        font-weight: bold;
        background: #444;
        border-top: 1px solid #5e5e5e;
        border-bottom: none;
        margin: 0;
    }

        .right-submenu .back > a:hover {
            background: #303030;
            border-top: 1px solid #5e5e5e;
            border-bottom: none;
        }

        .right-submenu .back > a:after {
            content: "\BB";
            margin-left: 0.5rem;
            display: inline;
        }

    .right-submenu.move-left, .right-submenu.offcanvas-overlap-left, .right-submenu.offcanvas-overlap {
        -ms-transform: translate(0%, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        -moz-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
    content: "\BB";
    margin-left: 0.5rem;
    display: inline;
}

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
    content: "\AB";
    margin-right: 0.5rem;
    display: inline;
}

@media only screen {
    .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 40.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 64.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 90.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

@media only screen and (min-width: 120.063em) {
    .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
        display: inherit !important;
    }

    .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
        display: none !important;
    }

    .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
    }

    .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px);
    }

    table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
        display: table !important;
    }

    thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
        display: table-header-group !important;
    }

    tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
        display: table-row-group !important;
    }

    tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
        display: table-row;
    }

    th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
        display: table-cell !important;
    }
}

.show-for-landscape, .hide-for-portrait {
    display: inherit !important;
}

.hide-for-landscape, .show-for-portrait {
    display: none !important;
}

table.hide-for-landscape, table.show-for-portrait {
    display: table !important;
}

thead.hide-for-landscape, thead.show-for-portrait {
    display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
    display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
    display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait {
    display: table-cell !important;
}

@media only screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display: inherit !important;
    }

    .hide-for-landscape, .show-for-portrait {
        display: none !important;
    }

    table.show-for-landscape, table.hide-for-portrait {
        display: table !important;
    }

    thead.show-for-landscape, thead.hide-for-portrait {
        display: table-header-group !important;
    }

    tbody.show-for-landscape, tbody.hide-for-portrait {
        display: table-row-group !important;
    }

    tr.show-for-landscape, tr.hide-for-portrait {
        display: table-row !important;
    }

    td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait {
        display: table-cell !important;
    }
}

@media only screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display: inherit !important;
    }

    .hide-for-portrait, .show-for-landscape {
        display: none !important;
    }

    table.show-for-portrait, table.hide-for-landscape {
        display: table !important;
    }

    thead.show-for-portrait, thead.hide-for-landscape {
        display: table-header-group !important;
    }

    tbody.show-for-portrait, tbody.hide-for-landscape {
        display: table-row-group !important;
    }

    tr.show-for-portrait, tr.hide-for-landscape {
        display: table-row !important;
    }

    td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape {
        display: table-cell !important;
    }
}

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

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

.touch .show-for-touch {
    display: inherit !important;
}

.touch .hide-for-touch {
    display: none !important;
}

table.hide-for-touch {
    display: table !important;
}

.touch table.show-for-touch {
    display: table !important;
}

thead.hide-for-touch {
    display: table-header-group !important;
}

.touch thead.show-for-touch {
    display: table-header-group !important;
}

tbody.hide-for-touch {
    display: table-row-group !important;
}

.touch tbody.show-for-touch {
    display: table-row-group !important;
}

tr.hide-for-touch {
    display: table-row !important;
}

.touch tr.show-for-touch {
    display: table-row !important;
}

td.hide-for-touch {
    display: table-cell !important;
}

.touch td.show-for-touch {
    display: table-cell !important;
}

th.hide-for-touch {
    display: table-cell !important;
}

.touch th.show-for-touch {
    display: table-cell !important;
}

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

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }

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

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

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

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

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

    thead {
        display: table-header-group;
    }

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

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

    @page {
        margin: 0.5cm;
    }

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

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

    .hide-on-print {
        display: none !important;
    }

    .print-only {
        display: block !important;
    }

    .hide-for-print {
        display: none !important;
    }

    .show-for-print {
        display: inherit !important;
    }
}

@media print {
    .show-for-print {
        display: block;
    }

    .hide-for-print {
        display: none;
    }

    table.show-for-print {
        display: table !important;
    }

    thead.show-for-print {
        display: table-header-group !important;
    }

    tbody.show-for-print {
        display: table-row-group !important;
    }

    tr.show-for-print {
        display: table-row !important;
    }

    td.show-for-print {
        display: table-cell !important;
    }

    th.show-for-print {
        display: table-cell !important;
    }
}

.mk-s {
    background-image: url("/-/media/MakerIO/Images/Sprites/sidebar_sprite.png");
}

.mk-s-head {
    background-position: -14px -605px;
    background-repeat: no-repeat;
}

.mk-s-monitor {
    background-position: -14px -296px;
    background-repeat: no-repeat;
}

.mk-s-monitor-dark {
    background-position: -14px -338px;
    background-repeat: no-repeat;
}

.mk-s-tag {
    background-position: -14px -514px;
    background-repeat: no-repeat;
}

.mk-s-plus {
    background-position: -14px -91px;
    background-repeat: no-repeat;
}

.mk-s-mail {
    background-position: -14px -10px;
    background-repeat: no-repeat;
}

.mk-s-mail-dark {
    background-position: -14px -170px;
    background-repeat: no-repeat;
}

.mk-s-box-dark {
    background-position: -14px -48px;
    background-repeat: no-repeat;
}

.mk-s-people-dark {
    background-position: -14px -253px;
    background-repeat: no-repeat;
}

.mk-s-folder-dark {
    background-position: -14px -131px;
    background-repeat: no-repeat;
}

.mk-s-upload-dark {
    background-position: -14px -212px;
    background-repeat: no-repeat;
}

.mk-s-thumbsup-dark {
    background-position: -14px -410px;
    background-repeat: no-repeat;
}

.mk-s-write-dark {
    background-position: -14px -379px;
    background-repeat: no-repeat;
}

.mk-s-tag-dark {
    background-position: -14px -468px;
    background-repeat: no-repeat;
}

.mk-s-micro-dark {
    background-position: -14px -560px;
    background-repeat: no-repeat;
}

.mk-s-star-dark {
    background-position: -14px -671px;
    background-repeat: no-repeat;
}

.mk-s-bookmark-dark {
    background-position: -14px -694px;
    background-repeat: no-repeat;
}

.mk-s-license-dark {
    background-image: url("/-/media/MakerIO/Images/Sprites/cc.png") !important;
    background-repeat: no-repeat;
    background-size: 20px;
}

.mk-g {
    background-image: url("/-/media/MakerIO/Images/Sprites/global_sprite.png");
}

.mk-g-camera {
    background-position: -205px -20px;
    background-repeat: no-repeat;
}

.mk-g-circle-check-o {
    background-position: -20px -147px;
    background-repeat: no-repeat;
}

.mk-g-circle-check-w {
    background-position: -149px -20px;
    background-repeat: no-repeat;
}

.mk-g-down {
    background-position: -149px -75px;
    background-repeat: no-repeat;
}

.mk-g-up {
    background-position: -76px -147px;
    background-repeat: no-repeat;
}

.mk-g-link {
    background-position: -83px -85px;
    background-repeat: no-repeat;
}

.mk-g-locked {
    background-position: -20px -20px;
    background-repeat: no-repeat;
}

.mk-g-note {
    background-position: -205px -73px;
    background-repeat: no-repeat;
}

.mk-g-search {
    background-position: -20px -85px;
    background-repeat: no-repeat;
}

.mk-g-video {
    background-position: -132px -147px;
    background-repeat: no-repeat;
}

.mk-g-search-white {
    background-position: -86px -20px;
    background-repeat: no-repeat;
}

.mk-g-selected-up {
    background-position: -78px -200px;
    background-repeat: no-repeat;
}

.mk-g-selected-down {
    background-position: -20px -199px;
    background-repeat: no-repeat;
}

.mk-g-plus-square {
    background-position: -133px -200px;
    background-repeat: no-repeat;
}

.mk-g-minus-square {
    background-position: -184px -200px;
    background-repeat: no-repeat;
}

.mk-sc {
    background-image: url("../img/social_sprite.png");
}

.mk-sc-facebook {
    background-position: -91px -20px;
    background-repeat: no-repeat;
}

.mk-sc-googleplus {
    background-position: -20px -20px;
    background-repeat: no-repeat;
}

.mk-sc-rss {
    background-position: -91px -91px;
    background-repeat: no-repeat;
}

.mk-sc-twitter {
    background-position: -20px -91px;
    background-repeat: no-repeat;
}

ul.bjqs {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: none;
}

li.bjqs-slide {
    position: absolute;
    display: none;
}

ul.bjqs-controls {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 9999;
}

    ul.bjqs-controls.v-centered li a {
        position: absolute;
    }

    ul.bjqs-controls.v-centered li.bjqs-next a {
        right: 0;
    }

    ul.bjqs-controls.v-centered li.bjqs-prev a {
        left: 0;
    }

ol.bjqs-markers {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    ol.bjqs-markers.h-centered {
        text-align: center;
    }

    ol.bjqs-markers li {
        display: inline;
    }

        ol.bjqs-markers li a {
            display: inline-block;
        }

p.bjqs-caption {
    display: block;
    width: 96%;
    margin: 0;
    padding: 2%;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 40em) {
    body {
        padding: 0 !important;
    }

    .fixed {
        position: initial;
    }

    .top-bar {
        line-height: initial;
    }

        .top-bar .toggle-topbar.menu-icon {
            margin-top: -20px;
        }

            .top-bar .toggle-topbar.menu-icon a {
                color: #a5a098;
            }

        .top-bar .toggle-topbar a span::after {
            box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888 !important;
        }

        .top-bar .title-area {
            padding: 0 0 8px;
            border-bottom: 1px solid #a5a098;
        }

    .top-bar-section ul li:not(.has-form) > a {
        color: #FFF;
    }

    .top-bar-section ul li:hover:not(.has-form) > a {
        color: #FFF;
        background: none !important;
    }

    .top-bar-section ul li.active > a {
        padding: 12px 0;
        background: #980000  !important;
    }

    .top-bar-section ul li.start-project a {
        padding: 12px 25px !important;
    }

    .top-bar-section .logged-wrap {
        padding: 0 0 10px;
        background: #cc0000 !important;
    }

        .top-bar-section .logged-wrap li.logged {
            background: #cc0000 !important;
        }

        .top-bar-section .logged-wrap .avatar {
            max-width: 100px !important;
            padding: 0 0 0 10px;
        }

    .top-bar-section .logged .dropdown {
        border-radius: 0 !important;
    }

        .top-bar-section .logged .dropdown li.back {
            padding: 16px 0 10px;
        }

            .top-bar-section .logged .dropdown li.back a {
                color: #FFF;
                text-transform: uppercase;
            }

                .top-bar-section .logged .dropdown li.back a:hover {
                    background: none !important;
                }

        .top-bar-section .logged .dropdown li.parent-link {
            display: none !important;
        }

    .top-bar-section .logged.has-dropdown > a::after {
        border-color: rgba(255,255,255,0) !important;
        border-left-color: #ffffff !important;
    }

    .new-project-tabs ul {
        width: 100%;
    }

    .new-project-tabs li a {
        font-size: 0.8em;
    }

        .new-project-tabs li a span {
            padding: 0 10px 2px !important;
        }

    #top-wrapper {
        box-shadow: none !important;
    }

        #top-wrapper .top-most-wrap .top-access {
            text-align: center !important;
        }

        #top-wrapper .top-bar-wrap .top-bar .main-logo {
            margin: 8px 0 0 20px !important;
        }

    .top-bar-wrap.row-20 {
        padding: 0;
    }

    .box-wrap.no-pad-left {
        padding: 0;
    }

    .box-wrap.no-pad-right {
        padding: 20px 0 0;
    }

    .box-wrap .box-products, .box-wrap .member-activity {
        /* padding-bottom: 20px; */
    }

    .foot-logos.show-for-small-only {
        text-align: center;
    }

    #footer-wrapper .foot-menu {
        padding: 0 !important;
    }

        #footer-wrapper .foot-menu li {
            text-align: center !important;
        }

    #footer-wrapper .foot-text-area {
        margin: 35px 0 0;
    }

    #footer-wrapper .foot-social-icons {
        text-align: center !important;
        width: 100%;
    }

    .top-bar-section .dropdown li > a:not(.button) {
        height: auto;
        line-height: 3rem !important;
    }

    #content-wrapper .signup-wrap .signup-cont .pass, #content-wrapper .signup-wrap .signup-cont .renter, #content-wrapper .signup-wrap .signup-cont .firstname, #content-wrapper .signup-wrap .signup-cont .lastname {
        width: 100% !important;
        margin: 0 0 1.33333rem !important;
    }
    
    

    .graphics-l, .graphics-r {
        display: none;
    }

    #banner-in-page {
        max-height: 467px !important;
    }

    .steps-wrap {
        height: 13px !important;
        margin: 0 0 40px !important;
    }

        .steps-wrap .steps li .nmbr {
            width: 25px !important;
            height: 25px !important;
            line-height: 22px !important;
        }

        .steps-wrap .steps li .lbl {
            display: none;
        }

    .sidebar .related.projects, .sidebar .related.products {
        padding: 0;
    }

    .roadmap-cont .description {
        padding: 0 20px !important;
    }

    .pad-right-55.comments-cont, .pad-right-55.content-cont {
        padding: 0 !important;
    }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) and (max-width: 64em) {
    body {
        padding: 0 !important;
    }

    .fixed {
        position: initial;
    }

    .graphics-l, .graphics-r {
        display: none;
    }

    #top-wrapper {
        box-shadow: none !important;
    }

        #top-wrapper .top-bar-wrap .top-bar .main-logo {
            margin: 8px 0 0 20px !important;
        }

    .top-bar-wrap.row-20 {
        padding: 0;
    }

    .top-bar {
        line-height: initial;
    }

        .top-bar .toggle-topbar.menu-icon {
            margin-top: -20px;
        }

            .top-bar .toggle-topbar.menu-icon a {
                color: #a5a098;
            }

        .top-bar .toggle-topbar a span::after {
            box-shadow: 0 0 0 1px #888, 0 7px 0 1px #888, 0 14px 0 1px #888 !important;
        }

        .top-bar .title-area {
            padding: 0 0 8px;
            border-bottom: 1px solid #a5a098;
        }

    .top-bar-section {
        background: #cc0000;
    }

        .top-bar-section ul li:not(.has-form) > a {
            color: #FFF;
        }

        .top-bar-section ul li:hover:not(.has-form) > a {
            color: #FFF;
            background: none !important;
        }

        .top-bar-section ul li.active > a {
            padding: 12px 0;
            background: #980000  !important;
        }

        .top-bar-section ul li.start-project a {
            padding: 12px 25px !important;
        }

        .top-bar-section .logged-wrap {
            padding: 0 0 10px;
            background: #cc0000 !important;
        }

            .top-bar-section .logged-wrap li.logged {
                background: #cc0000 !important;
            }

            .top-bar-section .logged-wrap .avatar {
                max-width: 100px !important;
                padding: 0 0 0 10px;
            }

        .top-bar-section .r-menu {
            float: none !important;
        }

        .top-bar-section .logged .dropdown {
            border-radius: 0 !important;
        }

            .top-bar-section .logged .dropdown li.back {
                padding: 16px 0 10px;
            }

                .top-bar-section .logged .dropdown li.back h5 a {
                    color: #FFF;
                    text-transform: uppercase;
                }

            .top-bar-section .logged .dropdown li.parent-link {
                display: none !important;
            }

        .top-bar-section .logged.has-dropdown > a::after {
            border-color: rgba(255,255,255,0) !important;
            border-left-color: #ffffff !important;
        }

    #banner .steps-wrap {
        margin: 0 0 40px !important;
    }

        #banner {
            padding-bottom:10px; /* fix ipad issue for displaying labels under navigation steps */
        }

    #banner-in-page {
        max-height: 467px !important;
    }

    .sidebar .related.projects {
        padding: 0 10px 0 0;
    }

    .sidebar .related.products {
        padding: 0 0 0 10px;
    }

    .article-s-side .box-wrap .box-cont .box-details {
        min-height: 165px;
    }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) {
    .new-project-breadcrumbs ul {
        width: 500px;
    }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) and (min-width: 64.063em) and (-webkit-min-device-pixel-ratio: 0) {
    .top-bar-section .start-project {
        height: 70px;
    }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) and (min-width: 64.063em) {
    .sidebar .related.projects, .sidebar .related.products {
        padding: 0;
    }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) and (min-device-width: 1025px) and (max-device-width: 1366px) and (orientation: landscape) {
    .graphics-l {
        left: -150px !important;
    }

    .graphics-r {
        right: -150px !important;
    }
}

html, body {
    width: 100%;
}

body {
    position: relative;
    padding: 119px 0 0;
    text-rendering: optimizeSpeed;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-osx-font-smoothing: grayscale;
    letter-spacing: 0.02rem;
    background: #EFEFEF;
}

    body.white {
        background: #FFF;
    }

p {
    color: #444;
}

h1, h2, h3, h4, h5, h6 {
}

.dt {
    display: table-row;
    height: 1px;
}

.ed {
    height: auto;
    margin-bottom: 20px;
}

.group:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

* html .group {
    zoom: 1;
}

*:first-child + html .group {
    zoom: 1;
}

#wrapper {
    background: #fff;
}

.grid {
    margin: 20px 0 0;
}

.gridv2 {
    margin: 45px 0 0;
}

.no-padding {
    padding: 0;
}

.no-pad-left {
    padding-left: 0;
}

.no-pad-right {
    padding-right: 0;
}

.pad-left-10 {
    padding: 0 0 0 10px;
}

.pad-right-10 {
    padding: 0 10px 0 0;
}

.pad-right-53 {
    padding: 0 53px 0 0;
}

.pad-right-55 {
    padding: 0 55px 0 0;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-lr-10 {
    padding: 0 10px;
}

.pad-lr-40 {
    padding: 0 40px;
}

.pad-lr-214 {
    padding: 0 214px;
}

.grid2 {
    min-height: 50px;
    margin: 20px 0 0;
    text-align: center;
    line-height: 50px;
}

    .grid2 div {
        background: #FBEDED;
    }

.row-20 {
    padding-left: 1.6875rem;
    padding-right: 1.6875rem;
}

.row-10 {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
}

.dashboard-cards .row-10,
.dashboard-cards h2 {
    padding:0;
}

.row-30 {
    padding-left: 2.500rem;
    padding-right: 2.500rem;
}

.row-50 {
    padding-left: 4.167rem;
    padding-right: 4.167rem;
}

.sub-pages {
    background: #FFF;
}

#top-wrapper {
    background: #FFF;
    -webkit-box-shadow: 0px 3px 2px -2px rgba(50,50,50,0.41);
    -moz-box-shadow: 0px 3px 2px -2px rgba(50,50,50,0.41);
    box-shadow: 0px 3px 2px -2px rgba(50,50,50,0.41);
}

    #top-wrapper .top-most-wrap {
        padding: 18px 0 8px;
        color: #a5a098;
        border-bottom: 1px solid #a5a098;
    }

        #top-wrapper .top-most-wrap p {
            margin: 0;
            font-size: 1.083em;
            color: #6F6C67;
        }

        #top-wrapper .top-most-wrap .top-access {
            font-size: 1.167em;
            text-align: right;
        }

            #top-wrapper .top-most-wrap .top-access a:hover {
                text-decoration: underline;
            }

@media only screen and (max-width: 64em) {
    #top-wrapper .top-most-wrap .row-50 {
        padding: 0 20px !important;
    }
}

#top-wrapper .top-bar-wrap {
    text-align: right;
}

    #top-wrapper .top-bar-wrap .top-bar .toggle-topbar a {
        padding: 0;
    }

        #top-wrapper .top-bar-wrap .top-bar .toggle-topbar a span {
            color: transparent;
        }

    #top-wrapper .top-bar-wrap .top-bar .sb-search {
        position: relative;
        width: 0%;
        min-width: 60px;
        height: 45px;
        float: right;
        overflow: hidden;
        -webkit-transition: width 0.4s;
        -moz-transition: width 0.4s;
        transition: width 0.4s;
        -webkit-backface-visibility: hidden;
    }

    #top-wrapper .top-bar-wrap .top-bar .sb-search-input {
        z-index: 10;
        position: absolute;
        top: 0;
        right: 0;
        outline: none;
        width: 100%;
        height: 45px;
        margin: 0;
        padding: 5px 65px 4px 5px;
        font-family: inherit;
        font-size: 18px;
        color: #2c3e50;
        border: 1px solid #cc0000;
        background: #fff;
    }

        #top-wrapper .top-bar-wrap .top-bar .sb-search-input::-webkit-input-placeholder {
            color: #efb480;
        }

        #top-wrapper .top-bar-wrap .top-bar .sb-search-input:-moz-placeholder {
            color: #efb480;
        }

        #top-wrapper .top-bar-wrap .top-bar .sb-search-input::-moz-placeholder {
            color: #efb480;
        }

        #top-wrapper .top-bar-wrap .top-bar .sb-search-input:-ms-input-placeholder {
            color: #efb480;
        }

    #top-wrapper .top-bar-wrap .top-bar .sb-icon-search, #top-wrapper .top-bar-wrap .top-bar .sb-search-submit {
        width: 60px;
        height: 45px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        margin: 0;
        line-height: 60px;
        text-align: center;
        cursor: pointer;
    }

    #top-wrapper .top-bar-wrap .top-bar .sb-search-submit {
        background: #fff;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        color: transparent;
        border: none;
        outline: none;
        z-index: -1;
    }

    #top-wrapper .top-bar-wrap .top-bar .sb-icon-search {
        color: #fff;
        z-index: 90;
        font-size: 22px;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        background-color: #FFF;
    }

    #top-wrapper .top-bar-wrap .top-bar .sb-search.sb-search-open, #top-wrapper .top-bar-wrap .top-bar .no-js .sb-search {
        width: 100%;
    }

        #top-wrapper .top-bar-wrap .top-bar .sb-search.sb-search-open .sb-icon-search, #top-wrapper .top-bar-wrap .top-bar .no-js .sb-search .sb-icon-search {
            background-color: #cc0000;
            color: #fff;
            z-index: 11;
        }

        #top-wrapper .top-bar-wrap .top-bar .sb-search.sb-search-open .sb-icon-search, #top-wrapper .top-bar-wrap .top-bar .no-js .mkg-search {
            background-position: -68px -10px;
        }

        #top-wrapper .top-bar-wrap .top-bar .sb-search.sb-search-open .sb-search-submit, #top-wrapper .top-bar-wrap .top-bar .no-js .sb-search .sb-search-submit {
            z-index: 90;
        }

    #top-wrapper .top-bar-wrap .top-bar .m-search {
        position: absolute;
        top: 6px;
        right: 59px;
        padding: 0;
    }

        #top-wrapper .top-bar-wrap .top-bar .m-search .mk-g-search {
            background-position: -2px -75px;
        }

        #top-wrapper .top-bar-wrap .top-bar .m-search .sb-search-wrap {
            width: 240px;
        }

    #top-wrapper .top-bar-wrap .top-bar .search {
        position: absolute;
        right: 107px;
        top: 0;
        width: 50px;
    }

        #top-wrapper .top-bar-wrap .top-bar .search a {
            height: 28px;
        }

    #top-wrapper .top-bar-wrap .top-bar .search-l {
        position: absolute;
        top: 12px;
        left: -145px;
        min-width: 200px;
    }

        #top-wrapper .top-bar-wrap .top-bar .search-l .mk-g-search {
            background-position: -2px -75px;
        }

        #top-wrapper .top-bar-wrap .top-bar .search-l a, #top-wrapper .top-bar-wrap .top-bar .search a {
            min-width: 66px;
            margin: 0 5px 0 0;
            padding: 0 20px 0 0;
            text-indent: -9999px;
            background: #FFF url(../img/search-icon.png) center center no-repeat;
        }

            #top-wrapper .top-bar-wrap .top-bar .search-l a.open, #top-wrapper .top-bar-wrap .top-bar .search a.open {
                background: #FFF url(../img/search-icon-hover.png) -3px 15px no-repeat;
            }

        #top-wrapper .top-bar-wrap .top-bar .search-l .f-dropdown.drop-left::before, #top-wrapper .top-bar-wrap .top-bar .search-l .f-dropdown.drop-left::after, #top-wrapper .top-bar-wrap .top-bar .search .f-dropdown.drop-left::before, #top-wrapper .top-bar-wrap .top-bar .search .f-dropdown.drop-left::after {
            content: none;
        }

    #top-wrapper .top-bar-wrap .top-bar .title-area {
        position: relative;
        z-index: 5;
    }

        #top-wrapper .top-bar-wrap .top-bar .title-area a {
            display: block;
        }

    #top-wrapper .top-bar-wrap .top-bar .main-logo {
        max-width: 169px;
        margin: 8px 0 0;
        position: relative;
        z-index: 10;
    }

    #top-wrapper .top-bar-wrap .top-bar-section ul.right li > a {
        color: #FFF;
    }

    #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu {
        position: relative;
        display: inline-block;
        z-index: 10;
        text-align: left;
    }

        #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li > a {
            text-transform: uppercase;
            font-size: 1.2rem;
            font-weight: bold;
        }

        #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li.active > a {
            padding: 12px 0;
            background: #cc0000;
        }

        #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li.start-project a {
            padding: 0 25px;
        }

        #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li:hover:not(.has-form):not(.active) > a:not(.button) {
            color: #fff;
            background: #cc0000;
        }

        #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li.has-dropdown > a::after {
            right: 0px;
            margin-top: -4.5px;
        }

        #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li.has-dropdown:hover > a::after {
            border-color: #fff transparent transparent !important;
        }

@media only screen and (max-width: 64em) {
    #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li.has-dropdown > a::after, #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li.has-dropdown:hover > a::after {
        border-color: transparent transparent transparent #fff !important;
    }
}

#top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li.back a {
    color: #fff;
}

#top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li.parent-link {
    display: none !important;
}

#top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li a {
    min-width: 200px;
    font-size: 1.2rem;
}

#top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li:hover:not(.has-form):not(.active) > a:not(.button) {
    background: #980000;
}

@media only screen and (min-width: 64em) {
    #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li:last-child, #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li:last-child a {
        -webkit-border-bottom-right-radius: 7px;
        -webkit-border-bottom-left-radius: 7px;
        -moz-border-radius-bottomright: 7px;
        -moz-border-radius-bottomleft: 7px;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
    }
}

@media only screen and (max-width: 64em) {
    #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li:last-child, #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu li ul li:last-child a {
        border-radius: 0 !important;
    }
}

#top-wrapper .top-bar-wrap .top-bar-section .has-dropdown > a::after {
    right: -12px;
    margin-top: -4.5px;
    border-color: rgba(0,0,0,0.4) transparent transparent;
}

#top-wrapper .top-bar-wrap .top-bar-section .dropdown li > a:not(.button) {
    height: 50px;
    line-height: 50px;
}

#top-wrapper .top-bar-wrap .top-bar-section .avatar {
    max-width: 100pxx;
    background: #FFF;
}

    #top-wrapper .top-bar-wrap .top-bar-section .avatar a {
        display: block;
        padding: 0 30px 0 15px !important;
    }

    #top-wrapper .top-bar-wrap .top-bar-section .avatar img {
        border: 1px solid #a5a098;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color:#ffffff;
        max-width:50px;
		max-height:50px;
    }

#top-wrapper .top-bar-wrap .top-bar-section .start-project a {
    font-size: 1.333em;
    text-align: center;
}

#top-wrapper .top-bar-wrap .top-bar-section .logged.has-dropdown:hover:not(.has-form) > a {
    background: #cc0000;
}

#top-wrapper .top-bar-wrap .top-bar-section .logged .dropdown {
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    background: #cc0000;
}

    #top-wrapper .top-bar-wrap .top-bar-section .logged .dropdown li {
        text-align: left;
        font-size: 1.2rem;
    }

        #top-wrapper .top-bar-wrap .top-bar-section .logged .dropdown li a {
            min-width: 200px;
            padding: 0 22px;
            font-size: 1.2rem;
        }

            #top-wrapper .top-bar-wrap .top-bar-section .logged .dropdown li a:hover {
                background: #980000 ;
            }

        #top-wrapper .top-bar-wrap .top-bar-section .logged .dropdown li:last-child, #top-wrapper .top-bar-wrap .top-bar-section .logged .dropdown li:last-child a {
            -webkit-border-bottom-right-radius: 9px;
            -webkit-border-bottom-left-radius: 9px;
            -moz-border-radius-bottomright: 9px;
            -moz-border-radius-bottomleft: 9px;
            border-bottom-right-radius: 9px;
            border-bottom-left-radius: 9px;
        }

#top-wrapper .top-bar-wrap .top-bar-section .r-menu {
    position: relative;
    width: 60px;
    height: 70px;
    margin: 0 0 0 10px;
}

@media only screen and (max-width: 64em) {
    #top-wrapper .top-bar-wrap {
        padding: 0 !important;
    }
}

#banner {
    position: relative;
    border-bottom: 1px solid #a5a098;
    background: #FFF;
}

    #banner h2 {
        margin: 0;
        padding: 25px 0 0;
        font-weight: 600;
        text-align: center;
    }

    #banner .wall ul {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        min-height: 440px;
        font-size: 0;
        letter-spacing: initial;
    }

        #banner .wall ul:hover li a {
            opacity: 0.2;
        }

        #banner .wall ul li a {
            position: absolute;
            display: inline-block;
            z-index: 1;
            max-width: 282px;
            height: 236px;
            transition: opacity .25s ease-in-out;
            -moz-transition: opacity .25s ease-in-out;
            -webkit-transition: opacity .25s ease-in-out;
        }

            #banner .wall ul li a:first-child {
                margin: 0;
            }

            #banner .wall ul li a:hover, #banner .wall ul li a.hovered {
                z-index: 11;
                cursor: pointer;
                opacity: 1.0;
                -webkit-transform: scale(1.005);
                -moz-transform: scale(1.005);
                -o-transform: scale(1.005);
                transform: scale(1.005);
                -webkit-transform-origin: top right;
                -moz-transform-origin: top right;
                -o-transform-origin: top right;
                transform-origin: top right;
            }

            #banner .wall ul li a.support {
                top: 0;
                left: 0;
                width: 224px;
                height: 220px;
                background: url(../img/b-support.png) center top no-repeat;
            }

            #banner .wall ul li a.research {
                z-index: 2;
                top: 2px;
                left: 142px;
                width: 257px;
                height: 258px;
                background: url(../img/b-research.png) center top no-repeat;
            }

            #banner .wall ul li a.production {
                top: 4px;
                left: 343px;
                width: 271px;
                height: 246px;
                background: url(../img/b-production.png) center top no-repeat;
            }

            #banner .wall ul li a.design {
                top: 6px;
                right: 153px;
                width: 282px;
                height: 228px;
                background: url(../img/b-design.png) center top no-repeat;
            }

            #banner .wall ul li a.funding {
                top: 4px;
                right: 0;
                width: 183px;
                height: 234px;
                background: url(../img/b-funding.png) center top no-repeat;
            }

            #banner .wall ul li a.concept {
                bottom: 9px;
                left: -4px;
                width: 189px;
                height: 226px;
                background: url(../img/b-concept.png) center top no-repeat;
            }

            #banner .wall ul li a.distribution {
                bottom: 13px;
                left: 173px;
                width: 263px;
                height: 246px;
                background: url(../img/b-distribution.png) center top no-repeat;
            }

            #banner .wall ul li a.evaluation {
                z-index: 2;
                bottom: 9px;
                left: 362px;
                width: 262px;
                height: 218px;
                background: url(../img/b-evaluation.png) center top no-repeat;
            }

            #banner .wall ul li a.marketing {
                bottom: 6px;
                right: 186px;
                width: 234px;
                height: 218px;
                background: url(../img/b-marketing.png) center top no-repeat;
            }

            #banner .wall ul li a.prototyping {
                bottom: 6px;
                right: 0;
                width: 230px;
                height: 220px;
                background: url(../img/b-prototyping.png) center top no-repeat;
            }

    #banner .wall-logged ul {
        position: relative;
        list-style: none;
        margin: 40px 0 25px;
        padding: 0;
        font-size: 0;
        letter-spacing: initial;
    }

        #banner .wall-logged ul li {
            display: inline-block;
            width: calc(100% / 10);
            font-size: 1rem;
            text-align: center;
        }

            #banner .wall-logged ul li a {
                display: block;
            }

#banner-in-page {
    background: #333;
    display: block;
    width: 100%;
}

.error-wrap .error-page {
    padding: 20px 1.6875rem;
}

    .error-wrap .error-page h2 {
        margin: 105px 0 0;
        font-size: 14px;
        color: #cc0000;
        text-transform: uppercase;
    }

    .error-wrap .error-page h3 {
        margin: 20px 0;
        font-size: 24px;
    }

    .error-wrap .error-page p {
        font-size: 1.1em;
        color: #323232;
        line-height: 2em;
    }

#content-wrapper .login-wrap, #content-wrapper .signup-wrap, #content-wrapper .welcome-wrap {
    margin: 60px 0;
}

    #content-wrapper .login-wrap .login-cont, #content-wrapper .login-wrap .signup-cont, #content-wrapper .login-wrap .welcome-cont, #content-wrapper .signup-wrap .login-cont, #content-wrapper .signup-wrap .signup-cont, #content-wrapper .signup-wrap .welcome-cont, #content-wrapper .welcome-wrap .login-cont, #content-wrapper .welcome-wrap .signup-cont, #content-wrapper .welcome-wrap .welcome-cont {
        max-width: 650px;
        margin: 0 auto;
        font-size: 1.3rem;
        text-align: center;
    }

        #content-wrapper .login-wrap .login-cont h2, #content-wrapper .login-wrap .signup-cont h2, #content-wrapper .login-wrap .welcome-cont h2, #content-wrapper .signup-wrap .login-cont h2, #content-wrapper .signup-wrap .signup-cont h2, #content-wrapper .signup-wrap .welcome-cont h2, #content-wrapper .welcome-wrap .login-cont h2, #content-wrapper .welcome-wrap .signup-cont h2, #content-wrapper .welcome-wrap .welcome-cont h2 {
            margin: 0 0 5px;
            font-size: 36px;
            font-weight: 600;
        }

        #content-wrapper .login-wrap .login-cont p, #content-wrapper .login-wrap .signup-cont p, #content-wrapper .login-wrap .welcome-cont p, #content-wrapper .signup-wrap .login-cont p, #content-wrapper .signup-wrap .signup-cont p, #content-wrapper .signup-wrap .welcome-cont p, #content-wrapper .welcome-wrap .login-cont p, #content-wrapper .welcome-wrap .signup-cont p, #content-wrapper .welcome-wrap .welcome-cont p {
            margin: 0;
            padding: 0 0 35px;
            font-size: 19px;
        }

            #content-wrapper .login-wrap .login-cont p a, #content-wrapper .login-wrap .signup-cont p a, #content-wrapper .login-wrap .welcome-cont p a, #content-wrapper .signup-wrap .login-cont p a, #content-wrapper .signup-wrap .signup-cont p a, #content-wrapper .signup-wrap .welcome-cont p a, #content-wrapper .welcome-wrap .login-cont p a, #content-wrapper .welcome-wrap .signup-cont p a, #content-wrapper .welcome-wrap .welcome-cont p a {
                text-decoration: underline;
            }

        #content-wrapper .login-wrap .login-cont form, #content-wrapper .login-wrap .signup-cont form, #content-wrapper .login-wrap .welcome-cont form, #content-wrapper .signup-wrap .login-cont form, #content-wrapper .signup-wrap .signup-cont form, #content-wrapper .signup-wrap .welcome-cont form, #content-wrapper .welcome-wrap .login-cont form, #content-wrapper .welcome-wrap .signup-cont form, #content-wrapper .welcome-wrap .welcome-cont form {
            max-width: 350px;
            margin: 0 auto;
        }

            #content-wrapper .login-wrap .login-cont form p, #content-wrapper .login-wrap .signup-cont form p, #content-wrapper .login-wrap .welcome-cont form p, #content-wrapper .signup-wrap .login-cont form p, #content-wrapper .signup-wrap .signup-cont form p, #content-wrapper .signup-wrap .welcome-cont form p, #content-wrapper .welcome-wrap .login-cont form p, #content-wrapper .welcome-wrap .signup-cont form p, #content-wrapper .welcome-wrap .welcome-cont form p {
                margin: 0;
                padding: 0 0 20px;
                font-size: 12px;
            }

        #content-wrapper .login-wrap .login-cont input, #content-wrapper .login-wrap .signup-cont input, #content-wrapper .login-wrap .welcome-cont input, #content-wrapper .signup-wrap .login-cont input, #content-wrapper .signup-wrap .signup-cont input, #content-wrapper .signup-wrap .welcome-cont input, #content-wrapper .welcome-wrap .login-cont input, #content-wrapper .welcome-wrap .signup-cont input, #content-wrapper .welcome-wrap .welcome-cont input {
            font-size: 16px;
            border: 1px solid #a5a098;
        }

        #content-wrapper .login-wrap .login-cont button, #content-wrapper .login-wrap .signup-cont button, #content-wrapper .login-wrap .welcome-cont button, #content-wrapper .signup-wrap .login-cont button, #content-wrapper .signup-wrap .signup-cont button, #content-wrapper .signup-wrap .welcome-cont button, #content-wrapper .welcome-wrap .login-cont button, #content-wrapper .welcome-wrap .signup-cont button, #content-wrapper .welcome-wrap .welcome-cont button {
            width: 180px;
            padding: 10px 0;
            font-size: 18px;
            color: #FFF;
        }

            #content-wrapper .login-wrap .login-cont button.p2, #content-wrapper .login-wrap .signup-cont button.p2, #content-wrapper .login-wrap .welcome-cont button.p2, #content-wrapper .signup-wrap .login-cont button.p2, #content-wrapper .signup-wrap .signup-cont button.p2, #content-wrapper .signup-wrap .welcome-cont button.p2, #content-wrapper .welcome-wrap .login-cont button.p2, #content-wrapper .welcome-wrap .signup-cont button.p2, #content-wrapper .welcome-wrap .welcome-cont button.p2 {
                width: 210px;
            }

        #content-wrapper .login-wrap .login-cont .p2.button, #content-wrapper .login-wrap .signup-cont .p2.button, #content-wrapper .login-wrap .welcome-cont .p2.button, #content-wrapper .signup-wrap .login-cont .p2.button, #content-wrapper .signup-wrap .signup-cont .p2.button, #content-wrapper .signup-wrap .welcome-cont .p2.button, #content-wrapper .welcome-wrap .login-cont .p2.button, #content-wrapper .welcome-wrap .signup-cont .p2.button, #content-wrapper .welcome-wrap .welcome-cont .p2.button {
            padding: 0 !important;
        }

            #content-wrapper .login-wrap .login-cont .p2.button a, #content-wrapper .login-wrap .signup-cont .p2.button a, #content-wrapper .login-wrap .welcome-cont .p2.button a, #content-wrapper .signup-wrap .login-cont .p2.button a, #content-wrapper .signup-wrap .signup-cont .p2.button a, #content-wrapper .signup-wrap .welcome-cont .p2.button a, #content-wrapper .welcome-wrap .login-cont .p2.button a, #content-wrapper .welcome-wrap .signup-cont .p2.button a, #content-wrapper .welcome-wrap .welcome-cont .p2.button a {
                display: block;
                color: #FFF;
                padding: 1.33333rem 2.66667rem 1.41667rem;
            }

        #content-wrapper .login-wrap .login-cont .p2.create, #content-wrapper .login-wrap .login-cont .p2.tour, #content-wrapper .login-wrap .signup-cont .p2.create, #content-wrapper .login-wrap .signup-cont .p2.tour, #content-wrapper .login-wrap .welcome-cont .p2.create, #content-wrapper .login-wrap .welcome-cont .p2.tour, #content-wrapper .signup-wrap .login-cont .p2.create, #content-wrapper .signup-wrap .login-cont .p2.tour, #content-wrapper .signup-wrap .signup-cont .p2.create, #content-wrapper .signup-wrap .signup-cont .p2.tour, #content-wrapper .signup-wrap .welcome-cont .p2.create, #content-wrapper .signup-wrap .welcome-cont .p2.tour, #content-wrapper .welcome-wrap .login-cont .p2.create, #content-wrapper .welcome-wrap .login-cont .p2.tour, #content-wrapper .welcome-wrap .signup-cont .p2.create, #content-wrapper .welcome-wrap .signup-cont .p2.tour, #content-wrapper .welcome-wrap .welcome-cont .p2.create, #content-wrapper .welcome-wrap .welcome-cont .p2.tour {
            width: 250px;
        }

        #content-wrapper .login-wrap .login-cont .pass, #content-wrapper .login-wrap .login-cont .renter, #content-wrapper .login-wrap .login-cont .firstname, #content-wrapper .login-wrap .login-cont .lastname, #content-wrapper .login-wrap .signup-cont .pass, #content-wrapper .login-wrap .signup-cont .renter, #content-wrapper .login-wrap .signup-cont .firstname, #content-wrapper .login-wrap .signup-cont .lastname, #content-wrapper .login-wrap .welcome-cont .pass, #content-wrapper .login-wrap .welcome-cont .renter, #content-wrapper .login-wrap .welcome-cont .firstname, #content-wrapper .login-wrap .welcome-cont .lastname, #content-wrapper .signup-wrap .login-cont .pass, #content-wrapper .signup-wrap .login-cont .renter, #content-wrapper .signup-wrap .login-cont .firstname, #content-wrapper .signup-wrap .login-cont .lastname, #content-wrapper .signup-wrap .signup-cont .pass, #content-wrapper .signup-wrap .signup-cont .renter, #content-wrapper .signup-wrap .signup-cont .firstname, #content-wrapper .signup-wrap .signup-cont .lastname, #content-wrapper .signup-wrap .welcome-cont .pass, #content-wrapper .signup-wrap .welcome-cont .renter, #content-wrapper .signup-wrap .welcome-cont .firstname, #content-wrapper .signup-wrap .welcome-cont .lastname, #content-wrapper .welcome-wrap .login-cont .pass, #content-wrapper .welcome-wrap .login-cont .renter, #content-wrapper .welcome-wrap .login-cont .firstname, #content-wrapper .welcome-wrap .login-cont .lastname, #content-wrapper .welcome-wrap .signup-cont .pass, #content-wrapper .welcome-wrap .signup-cont .renter, #content-wrapper .welcome-wrap .signup-cont .firstname, #content-wrapper .welcome-wrap .signup-cont .lastname, #content-wrapper .welcome-wrap .welcome-cont .pass, #content-wrapper .welcome-wrap .welcome-cont .renter, #content-wrapper .welcome-wrap .welcome-cont .firstname, #content-wrapper .welcome-wrap .welcome-cont .lastname {
            display: inline-block;
            width: 167px;
        }

        #content-wrapper .login-wrap .login-cont .pass, #content-wrapper .login-wrap .login-cont .firstname, #content-wrapper .login-wrap .signup-cont .pass, #content-wrapper .login-wrap .signup-cont .firstname, #content-wrapper .login-wrap .welcome-cont .pass, #content-wrapper .login-wrap .welcome-cont .firstname, #content-wrapper .signup-wrap .login-cont .pass, #content-wrapper .signup-wrap .login-cont .firstname, #content-wrapper .signup-wrap .signup-cont .pass, #content-wrapper .signup-wrap .signup-cont .firstname, #content-wrapper .signup-wrap .welcome-cont .pass, #content-wrapper .signup-wrap .welcome-cont .firstname, #content-wrapper .welcome-wrap .login-cont .pass, #content-wrapper .welcome-wrap .login-cont .firstname, #content-wrapper .welcome-wrap .signup-cont .pass, #content-wrapper .welcome-wrap .signup-cont .firstname, #content-wrapper .welcome-wrap .welcome-cont .pass, #content-wrapper .welcome-wrap .welcome-cont .firstname {
            margin: 0 10px 0 0;
        }

        #content-wrapper .login-wrap .login-cont .title-welcome, #content-wrapper .login-wrap .signup-cont .title-welcome, #content-wrapper .login-wrap .welcome-cont .title-welcome, #content-wrapper .signup-wrap .login-cont .title-welcome, #content-wrapper .signup-wrap .signup-cont .title-welcome, #content-wrapper .signup-wrap .welcome-cont .title-welcome, #content-wrapper .welcome-wrap .login-cont .title-welcome, #content-wrapper .welcome-wrap .signup-cont .title-welcome, #content-wrapper .welcome-wrap .welcome-cont .title-welcome {
            margin: 0 0 20px;
        }

    #content-wrapper .login-wrap .signup-p2 button, #content-wrapper .signup-wrap .signup-p2 button, #content-wrapper .welcome-wrap .signup-p2 button {
        width: initial;
        margin: 15px 0 0;
        padding: 10px 30px;
    }

#content-wrapper .box-wrap h2 {
    font-size: 22px;
}

    #content-wrapper .box-wrap h2 span {
        float: right;
        margin: 16px 0 0;
        font-size: 0.458em;
        text-transform: uppercase;
    }

        #content-wrapper .box-wrap h2 span a {
            color: #6F6C62;
        }

            #content-wrapper .box-wrap h2 span a:hover {
                text-decoration: underline;
            }

#content-wrapper .box-wrap .community .box-cont .grid {
    margin: 35px 0 0;
    color: #808080;
}

#content-wrapper .box-wrap .box-cont {
    border: 1px solid #a5a098;
    -webkit-border-radius: 3px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius: 3px;
    -moz-border-radius-topright: 2px;
    border-radius: 3px;
    border-top-right-radius: 2px;
    background: #FFF;
    height: auto;
}

    #content-wrapper .box-wrap .box-cont.min-height {
        min-height: 561px;
    }

    #content-wrapper .box-wrap .box-cont .box-thumb {
        max-height: 362px;
        text-align: center;
    }

    #content-wrapper .box-wrap .box-cont .box-thumb-sm {
/*        position: relative;*/
/*        height: 174px;*/
        text-align: center;
    }

    #content-wrapper .box-wrap .box-cont .box-thumb, #content-wrapper .box-wrap .box-cont .box-thumb-sm {
/*        position: relative;*/
/*        overflow: hidden;*/
        -webkit-border-top-left-radius: 2px;
        -webkit-border-top-right-radius: 2px;
        -moz-border-radius-topleft: 2px;
        -moz-border-radius-topright: 2px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }

        #content-wrapper .box-wrap .box-cont .box-thumb .locked, #content-wrapper .box-wrap .box-cont .box-thumb-sm .locked {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 26px;
            height: 25px;
        }

        #content-wrapper .box-wrap .box-cont .box-thumb a, #content-wrapper .box-wrap .box-cont .box-thumb-sm a {
            display: block;
        }

    #content-wrapper .box-wrap .box-cont .box-details {
        padding: 15px;
    }

        #content-wrapper .box-wrap .box-cont .box-details h1 a, #content-wrapper .box-wrap .box-cont .box-details .price a {
            color: #222;
        }

        #content-wrapper .box-wrap .box-cont .box-details h1 {
            margin: 0;
            font-size: 1.506em;
        }

        #content-wrapper .box-wrap .box-cont .box-details .price {
            margin: 15px 0 3px;
            font-size: 1.8em;
        }

        #content-wrapper .box-wrap .box-cont .box-details .title a {
            font-size:1.506em;
            color:#222;
        }

        #content-wrapper .box-wrap .box-cont .box-details h2, #content-wrapper .box-wrap .box-cont .box-details .author,  #content-wrapper .box-wrap .box-cont .box-details .date, #content-wrapper .box-wrap .box-cont .box-details .subtitle {
            margin: 4px 0 0;
            font-size: 0.920em;
            color: #a5a098;
            text-transform: uppercase;
        }

            #content-wrapper .box-wrap .box-cont .box-details h2 a, #content-wrapper .box-wrap .box-cont .box-details .author a, #content-wrapper .box-wrap .box-cont .box-details .date a, #content-wrapper .box-wrap .box-cont .box-details .subtitle a {
                color: #a5a098;
            }

                #content-wrapper .box-wrap .box-cont .box-details h2 a:hover, #content-wrapper .box-wrap .box-cont .box-details .author a:hover, #content-wrapper .box-wrap .box-cont .box-details .date a:hover, #content-wrapper .box-wrap .box-cont .box-details .subtitle a:hover {
                    color: #6F6C62;
                }

        #content-wrapper .box-wrap .box-cont .box-details p {
            margin: 12px 0 0;
            font-size: 1.087em;
            color: #706C68;
        }

        #content-wrapper .box-wrap .box-cont .box-details .working-on a {
            font-weight: 600;
        }

        #content-wrapper .box-wrap .box-cont .box-details .author {
            margin: 16px 0 0;
        }

        #content-wrapper .box-wrap .box-cont .box-details .research-phase {
            line-height: 54px;
        }

            #content-wrapper .box-wrap .box-cont .box-details .research-phase.rphase {
                line-height: normal;
            }

            #content-wrapper .box-wrap .box-cont .box-details .research-phase span {
                font-size: 1.255em;
                color: #6F6C62;
            }

                #content-wrapper .box-wrap .box-cont .box-details .research-phase span.phase {
                    display: block;
                    margin: 2px 0 0;
                    padding: 1px 0 0 22px;
                    font-weight: bold;
                    line-height: 22px;
                }

                #content-wrapper .box-wrap .box-cont .box-details .research-phase span.research {
                    display: block;
                    font-weight: bold;
                    display: inline-block;
                    vertical-align: middle;
                    line-height: normal;
                }

                #content-wrapper .box-wrap .box-cont .box-details .research-phase span.evaluation {
                    padding: 0 0 0 22px;
                }

                #content-wrapper .box-wrap .box-cont .box-details .research-phase span a {
                    color: #cc0000;
                }

        #content-wrapper .box-wrap .box-cont .box-details.tools p {
            margin: 0;
            font-size: 1.087em;
        }

        #content-wrapper .box-wrap .box-cont .box-details .count-members {
            margin: 50px 0 0;
            font-size: 18px;
            color: #313131;
        }

            #content-wrapper .box-wrap .box-cont .box-details .count-members span {
                font-size: 11px;
                color: #a5a098;
            }

    #content-wrapper .box-wrap .box-cont .box-post-tags {
        list-style: none;
        margin: 40px 0 0;
        padding: 0;
        font-size: 1.087em;
        color: #a5a098;
    }

        #content-wrapper .box-wrap .box-cont .box-post-tags li {
            display: inline-block;
            margin: 0 0 0 20px;
            text-transform: uppercase;
        }

            #content-wrapper .box-wrap .box-cont .box-post-tags li:first-child {
                margin: 0;
            }

        #content-wrapper .box-wrap .box-cont .box-post-tags a {
            color: #a5a098;
        }

            #content-wrapper .box-wrap .box-cont .box-post-tags a:hover {
                text-decoration: underline;
            }

    #content-wrapper .box-wrap .box-cont.add-new-cont {
        position: relative;
        cursor: pointer;
        min-height: 314px;
        text-align: center;
        background: url(../img/add-icon.png) 50% 30% no-repeat;
    }

        #content-wrapper .box-wrap .box-cont.add-new-cont:hover {
            border: 1px solid #cc0000;
        }

        #content-wrapper .box-wrap .box-cont.add-new-cont a {
            display: block;
        }

        #content-wrapper .box-wrap .box-cont.add-new-cont h2 {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 56px;
            max-width: 117px;
            margin: 0 auto;
            font-size: 1.506em;
            color: #706C68;
        }

            #content-wrapper .box-wrap .box-cont.add-new-cont h2 a {
                color: #706C68;
            }

#content-wrapper .content-cont h2, #content-wrapper .content-cont .date, #content-wrapper .comments-cont h2, #content-wrapper .comments-cont .date {
    font-size: 0.917em;
    color: #706C68;
    text-transform: uppercase;
}

    #content-wrapper .content-cont h2 a, #content-wrapper .content-cont .date a, #content-wrapper .comments-cont h2 a, #content-wrapper .comments-cont .date a {
        color: #6F6C62;
    }

#content-wrapper .content-cont h1 {
    margin: 0 0 20px;
    font-size: 2.500em;
}

#content-wrapper .content-cont h3 {
    margin: 0 0 20px;
    font-size: 2.00em;
}

#content-wrapper .content-cont p, #content-wrapper .content-cont ul {
	font-size:18px;
	color:#323232;
	line-height:1.5em;
	word-wrap:break-word;
	hyphens:auto;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	overflow-wrap:hyphenate
}
    #content-wrapper .content-cont ul li p {
        margin:0px;
    }
    #content-wrapper .content-cont ul li p + p {
        margin:5px 0 !important;
    }

    #content-wrapper .content-cont p span {
        font-size: 17px;
    }

#content-wrapper .content-cont .part-list-wrap {
    margin: 40px 0 0;
    border-top: 1px solid #DDD;
}

    #content-wrapper .content-cont .part-list-wrap h2 {
        margin: 30px 0 5px;
        font-size: 1.65em;
        font-weight: bold;
        text-transform: none;
        color: #313131;
    }

    #content-wrapper .content-cont .part-list-wrap .the-part-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #content-wrapper .content-cont .part-list-wrap .the-part-list .box-thumb {
            text-align: center;
        }

            #content-wrapper .content-cont .part-list-wrap .the-part-list .box-thumb a {
                display: block;
            }

        #content-wrapper .content-cont .part-list-wrap .the-part-list h1 {
            margin: 0;
            font-size: 1.5em;
            color: #333;
        }

            #content-wrapper .content-cont .part-list-wrap .the-part-list h1 a {
                display: block;
                color: #333;
            }

                #content-wrapper .content-cont .part-list-wrap .the-part-list h1 a:hover {
                    color: #ac0202;
                }

        #content-wrapper .content-cont .part-list-wrap .the-part-list h3 {
            margin: 0;
            font-size: 0.917em;
            color: #CBC4BB;
            text-transform: uppercase;
        }

        #content-wrapper .content-cont .part-list-wrap .the-part-list .serial {
            color: #706C68;
            font-size: 1.2em;
        }

        #content-wrapper .content-cont .part-list-wrap .the-part-list .price {
            font-size: 1.506em;
        }

    #content-wrapper .content-cont .part-list-wrap .shopping {
        list-style: none;
        margin: 10px 0 0;
        padding: 0;
    }

        #content-wrapper .content-cont .part-list-wrap .shopping li {
            padding: 10px 0;
            font-size: 1.125em;
            border-bottom: 1px solid #DDD;
        }

            #content-wrapper .content-cont .part-list-wrap .shopping li:first-child {
                border-top: 1px solid #DDD;
            }

            #content-wrapper .content-cont .part-list-wrap .shopping li a {
                display: block;
                color: #333;
            }

                #content-wrapper .content-cont .part-list-wrap .shopping li a:hover {
                    color: #cc0000;
                }

            #content-wrapper .content-cont .part-list-wrap .shopping li .cart-icn {
                text-align: right;
            }

#content-wrapper .content-cont img.alignleft {
    display: inline;
    float: left;
	margin-right:20px;
	margin-top:4px;
	padding:1px;
	border:solid 1px #ccc;
}

#content-wrapper .content-cont img.alignright {
    display: inline;
    float: right;
	margin-left:20px;
	margin-top:4px;
	padding:1px;
	border:solid 1px #ccc;
}

#content-wrapper .content-cont img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
	margin-right:auto;
	padding:1px;
	border:solid 1px #ccc;
}

#content-wrapper .content-cont img.sm-max {
	max-width:275px;
	width:100%;
}

#content-wrapper .content-cont img.md-max {
    max-width: 375px;
    width:100%;
}

#content-wrapper .content-cont img.lg-max {
    max-width: 744px;
    width:100%;
}

#content-wrapper .comments-cont {
    margin: 20px 50px;
    clear: both;
}

    #content-wrapper .comments-cont ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #content-wrapper .comments-cont ul li {
            margin: 0 0 15px;
            padding: 15px;
            color: #6F6C62;
        }

            #content-wrapper .comments-cont ul li p {
                margin: 15px 0 0;
                font-size: 1.255em;
                color: #6F6C62;
            }

            #content-wrapper .comments-cont ul li .cmmt-name {
                font-size: 1.506em;
                font-weight: bold;
                color: #313131;
            }

                #content-wrapper .comments-cont ul li .cmmt-name a {
                    color: #313131;
                }

            #content-wrapper .comments-cont ul li .cmmt-time {
                font-size: 1.255em;
            }

            #content-wrapper .comments-cont ul li:last-child {
                margin: 0;
            }

            #content-wrapper .comments-cont ul li.the-comments-cont {
                position: relative;
                background: #f9f9f9;
            }

                #content-wrapper .comments-cont ul li.the-comments-cont .reduce, #content-wrapper .comments-cont ul li.the-comments-cont .expand {
                    float: right;
                    width: 11px;
                    height: 11px;
                }

                    #content-wrapper .comments-cont ul li.the-comments-cont .reduce a, #content-wrapper .comments-cont ul li.the-comments-cont .expand a {
                        display: block;
                        width: 11px;
                        height: 11px;
                    }

    #content-wrapper .comments-cont .cmmt-write {
        margin: 20px 0 0;
    }

        #content-wrapper .comments-cont .cmmt-write .cmmt-write-input {
            border: 1px solid #DDD;
        }

            #content-wrapper .comments-cont .cmmt-write .cmmt-write-input textarea {
                resize: vertical;
                min-height: 130px;
                margin: 0;
                font-size: 1.3rem;
                color: #222;
                border: 0;
            }

        #content-wrapper .comments-cont .cmmt-write .cmmt-write-tools {
            padding: 5px;
            border-top: 1px solid #DDD;
            background: #f9f9f9;
        }

            #content-wrapper .comments-cont .cmmt-write .cmmt-write-tools ul {
                float: left;
                max-width: 400px;
            }

                #content-wrapper .comments-cont .cmmt-write .cmmt-write-tools ul li {
                    display: inline-block;
                    margin: 0;
                    padding: 10px 5px 0;
                }

                    #content-wrapper .comments-cont .cmmt-write .cmmt-write-tools ul li a {
                        display: block;
                        width: 18px;
                        color: transparent;
                    }

        #content-wrapper .comments-cont .cmmt-write .cmmt-post {
            float: right !important;
            margin: 0;
            padding: 8px 30px 5px;
            font-size: 1.4rem;
            color: #FFF;
        }

    #content-wrapper .comments-cont .cmmt-avatar {
        padding: 0 7px 0 0;
    }

        #content-wrapper .comments-cont .cmmt-avatar img {
            border: 1px solid #a5a098;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

    #content-wrapper .comments-cont .cmmt-rank {
        font-size: 1.255em;
        text-align: right;
    }

        #content-wrapper .comments-cont .cmmt-rank .vote-up, #content-wrapper .comments-cont .cmmt-rank .vote-down {
            display: inline-block;
            width: 16px;
            height: 15px;
            margin: 0 5px 0 0;
        }

        #content-wrapper .comments-cont .cmmt-rank .vote-up-selected, #content-wrapper .comments-cont .cmmt-rank .vote-down-selected {
            color: #cc0000;
        }

#content-wrapper .no-projects p, #content-wrapper .no-articles p, #content-wrapper .no-liked p {
    display: block;
    margin: 18px 0;
    font-size: 1.506em;
    color: #6F6C62;
}

#content-wrapper .sidebar h1 {
    margin: 15px 0;
    font-size: 1.506em;
    color: #6F6C67;
    text-align: center;
}

#content-wrapper .sidebar h2 {
    margin: 0;
    font-size: 1.255em;
    color: #6F6C67;
}

#content-wrapper .sidebar p {
    font-size: 1.255em;
    color: #8b8885;
}

#content-wrapper .sidebar .sidebar-cont {
    margin: 0 0 40px;
    color: #6F6C62;
}

#content-wrapper .sidebar .flag {
    margin: 0 0 40px;
}

    #content-wrapper .sidebar .flag a {
        color: #a5a098;
    }

        #content-wrapper .sidebar .flag a:hover {
            color: #ac0202;
        }

    #content-wrapper .sidebar .flag span {
        display: inline-block;
    }

        #content-wrapper .sidebar .flag span.flag-icn {
            width: 14px;
            height: 14px;
            margin: 0 8px 0 2px;
            background: url(../img/flag.png) no-repeat;
        }

#content-wrapper .project-s-side.sidebar, #content-wrapper .profile-side.sidebar ul, #content-wrapper .article-s-side {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #content-wrapper .project-s-side.sidebar li {
        margin: 0 0 25px;
        padding: 15px 0 0;
    }

        #content-wrapper .project-s-side.sidebar li h2 {
            font-size: 1.506em;
            color: #313131;
        }

        #content-wrapper .project-s-side.sidebar li p {
            margin: 0;
        }

        #content-wrapper .project-s-side.sidebar li a {
            color: #6F6C62;
        }

            #content-wrapper .project-s-side.sidebar li a:hover {
                text-decoration: underline;
            }

        #content-wrapper .project-s-side.sidebar li ul {
            list-style: none;
            margin: 0;
            padding: 0;
            border: 0;
        }

            #content-wrapper .project-s-side.sidebar li ul li {
                margin: 0;
                padding: 0;
            }

                #content-wrapper .project-s-side.sidebar li ul li ul li {
                    font-size: 1.255em;
                    word-wrap: break-word;
                }

                    #content-wrapper .project-s-side.sidebar li ul li ul li a {
                        color: #6F6C62;
                    }

                        #content-wrapper .project-s-side.sidebar li ul li ul li a:hover {
                            text-decoration: underline;
                        }

        #content-wrapper .project-s-side.sidebar li .project-n-private {
            min-height: 25px;
            margin: 0 0 18px;
            padding: 0 0 0 35px;
            font-size: 1.171em;
            line-height: 18px;
            color: #6F6C62;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2RUVFNDcxRENCQjExRTRCNTRCQ0U0ODFBN0Y3RjQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2RUVFNDcyRENCQjExRTRCNTRCQ0U0ODFBN0Y3RjQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZFRUU0NkZEQ0JCMTFFNEI1NEJDRTQ4MUE3RjdGNDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFRUU0NzBEQ0JCMTFFNEI1NEJDRTQ4MUE3RjdGNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zJ5QuAAAC+klEQVRIS8WWW0hUQRjH/3t2zct6g0y7eUGRXFcphEQJMqKwECJS0qAehIQKIvMlQRF6iR7MHiKCTKNCySTQIDQkyYe0rIRczR7UzbUCjU3WdHWv08zseNndc3KVqB/MmTP/8+1+35z5vpmjIhQoQBx22D90wz7QA8eoAa4pE0zNBv4s6VweNPGpCMrIQci+Akibt3JdCXlHLicWOh7B+qwBX+pfC1GZhOJ0BOfmQ3uqAurYnUL1xs+R67sRszcvY7y2XSiBk3h6D8JLqxBysEgoK3g5cowOwnLtLCbuvxPKxtj18DrCz1wRIw/LjlzfxjBTVYKJB+/5A1+SKwuxKTMXKm0UXNOTsPV10oD6xVN/dK23EVZ0QYwozJHbbiPmigJCXci2+bZ6ZuaFe85CZu/WyNqzNl2sI3ZDn7Cmk2GX+ad3ZI1Zm2uq5YYLXS3EfPEw+VGaTX5WFpLFvg6uW+rKZX/HmvlSPiFOJ7dTuRetxHw+T3FdsuYssBt6MZR7VCgrZA72QtJG4mNKhlD80fe0I2T/MUi2/i5FJ6l15XRNIul6vBCKNw4agCZZj8TSbKH4s9jdynvJPvCK32wE19RXcaeM4/MAiPUXNM6xISF5w6JkRbhEWlMtz7jVqOM8xRl66CQSaS+XhaaWT4iuGYFqukRPTI+HhbzCbhqAOi6eRj2J+eYbCM45wl+THMxOaR0Z+p42qFh2iPEybDYxjW9hbb+HkeNlQlVG11bPa0wpKdI7myAllMhHKQd7fWymrHjXgypUC0m9ZbsYrs3S64souyqUwFDHbIOk+UMN+GJ708n7hZdPeB8IbGfXJOkgbco6IKS1cY4P8+amCRIoQWlZUIVFQHZnWEoGNgOlYl0NKwN1bLxsMiztDIp7Hdvb1gPbE33/w2uv41d6ZM9UnoCx7rmIwwPLLhbpWjiNwzDe6hIjDwnFOkRXN/KjnhHwebRefM8jSfRQ70hBVHUDXZ+9Qtk47IT1OvQo/+ebYZl/8RW0mr/3XQf8Bgz1CoaYnVY1AAAAAElFTkSuQmCC") no-repeat;
        }

        #content-wrapper .project-s-side.sidebar li .publish-project {
            margin: 0 0 37px;
            font-size: 1.506em;
            text-align: center;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            background: #cc0000;
        }

            #content-wrapper .project-s-side.sidebar li .publish-project a {
                display: block;
                padding: 8px 0;
                color: #fff;
                text-decoration: none;
            }

        #content-wrapper .project-s-side.sidebar li .edit-project, #content-wrapper .project-s-side.sidebar li .edit-progress {
            font-size: 1.506em;
            text-align: center;
            border: 1px solid #a5a098;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
        }

            #content-wrapper .project-s-side.sidebar li .edit-project a, #content-wrapper .project-s-side.sidebar li .edit-progress a {
                display: block;
                padding: 8px 0;
                color: #6F6C62;
            }

                #content-wrapper .project-s-side.sidebar li .edit-project a:hover, #content-wrapper .project-s-side.sidebar li .edit-progress a:hover {
                    color: #a5a098;
                    text-decoration: none;
                }

    #content-wrapper .project-s-side.sidebar .recent-updates .stage-icn {
        padding: 0.50rem 0 0 0.83333rem;
        text-align: center;
    }

    #content-wrapper .project-s-side.sidebar .recent-updates .research-phase {
        line-height: 54px;
    }

        #content-wrapper .project-s-side.sidebar .recent-updates .research-phase.rphase {
            line-height: normal;
        }

        #content-wrapper .project-s-side.sidebar .recent-updates .research-phase span {
            font-size: 1.255em;
            color: #6F6C62;
        }

            #content-wrapper .project-s-side.sidebar .recent-updates .research-phase span.phase {
                display: block;
                margin: 2px 0 0;
                padding: 1px 0 0 22px;
                font-weight: bold;
                line-height: 22px;
            }

            #content-wrapper .project-s-side.sidebar .recent-updates .research-phase span.research {
                display: block;
                font-weight: bold;
                display: inline-block;
                vertical-align: middle;
                line-height: normal;
            }

            #content-wrapper .project-s-side.sidebar .recent-updates .research-phase span.evaluation {
                padding: 0 0 0 22px;
            }

            #content-wrapper .project-s-side.sidebar .recent-updates .research-phase span a {
                color: #cc0000;
            }

    #content-wrapper .project-s-side.sidebar .project-details h2 {
        padding: 0 0 13px;
    }

    #content-wrapper .project-s-side.sidebar .project-details ul li h3 {
        padding: 0 0 4px 30px;
        font-size: 1.255em;
        font-weight: bold;
        color: #6F6C62;
    }

    #content-wrapper .project-s-side.sidebar .project-details ul li ul {
        margin: 0 0 18px;
        padding: 0 0 12px;
        border-bottom: 1px solid #a5a098;
    }

        #content-wrapper .project-s-side.sidebar .project-details ul li ul li {
            margin: 0 0 0 10px;
        }

    #content-wrapper .project-s-side.sidebar .project-details ul li:last-child ul {
        margin: 0;
        padding: 0;
        border: 0;
    }

    #content-wrapper .project-s-side.sidebar .project-team ul li {
        display: inline-block;
        padding: 10px 5px 0;
    }

        #content-wrapper .project-s-side.sidebar .project-team ul li a {
            display: block;
        }

    #content-wrapper .project-s-side.sidebar .project-team ul .avatar img {
        border: 1px solid #a5a098;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    #content-wrapper .project-s-side.sidebar .get-involved ul li {
        font-size: 1.255em;
    }

        #content-wrapper .project-s-side.sidebar .get-involved ul li a {
            padding: 0 0 0 28px;
        }

    #content-wrapper .article-s-side h2 {
        margin: 0 0 20px;
        font-size: 1.506em;
        color: #313131;
    }

        #content-wrapper .article-s-side h2 span {
            float: right;
            margin: 5px 0px 0px;
            font-size: 0.658em;
            text-transform: uppercase;
        }

            #content-wrapper .article-s-side h2 span a {
                color: #6F6C62;
            }

    #content-wrapper .article-s-side .box-wrap {
        margin: 0 0 20px;
    }

        #content-wrapper .article-s-side .box-wrap h1 {
            text-align: left;
        }

    #content-wrapper .profile-side.sidebar ul li {
        margin: 0 0 15px;
        padding: 15px 0 0;
        border-top: 1px solid #a5a098;
    }

        #content-wrapper .profile-side.sidebar ul li h2 {
            padding: 0 0 3px 30px;
        }

        #content-wrapper .profile-side.sidebar ul li p {
            margin: 0;
        }

        #content-wrapper .profile-side.sidebar ul li ul li {
            margin: 0;
            padding: 0;
            border: 0;
        }

#content-wrapper .profile-side.sidebar .avatar {
    padding: 0 20px;
    text-align: center;
}

    #content-wrapper .profile-side.sidebar .avatar img {
        border: 1px solid #a5a098;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

#content-wrapper .profile-side.sidebar .avatar-platform {
    text-align: center;
}

#content-wrapper .profile-side.sidebar .add-details a:hover {
    text-decoration: underline;
}

#content-wrapper .profile-side.sidebar .interact, #content-wrapper .profile-side.sidebar .skills, #content-wrapper .profile-side.sidebar .interest, #content-wrapper .profile-side.sidebar .join {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #content-wrapper .profile-side.sidebar .interact a:hover, #content-wrapper .profile-side.sidebar .skills a:hover, #content-wrapper .profile-side.sidebar .interest a:hover, #content-wrapper .profile-side.sidebar .join a:hover {
        text-decoration: underline;
    }

    #content-wrapper .profile-side.sidebar .interact li a, #content-wrapper .profile-side.sidebar .join li a {
        color: #6F6C67;
    }

        #content-wrapper .profile-side.sidebar .interact li a:hover, #content-wrapper .profile-side.sidebar .join li a:hover {
            text-decoration: none;
        }

    #content-wrapper .profile-side.sidebar .interact li:first-child, #content-wrapper .profile-side.sidebar .join li:first-child {
        padding: 0;
    }

#content-wrapper .profile-side.sidebar .join {
    padding: 0 0 10px;
    border-bottom: 1px solid #a5a098;
}

#content-wrapper .profile-side.sidebar .skills, #content-wrapper .profile-side.sidebar .interest {
    margin: 0 0 20px;
    font-size: 1.250rem;
    color: #6F6C67;
}

    #content-wrapper .profile-side.sidebar .skills a, #content-wrapper .profile-side.sidebar .interest a {
        color: #8b8885;
    }

#content-wrapper .profile-side.sidebar .box-wrap {
    margin: 0 0 30px;
}

#content-wrapper .profile-side.sidebar .edit-profile {
    font-size: 1.506em;
    text-align: center;
    border: 1px solid #a5a098;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

    #content-wrapper .profile-side.sidebar .edit-profile a {
        display: block;
        padding: 8px 0;
        color: #6F6C62;
    }

        #content-wrapper .profile-side.sidebar .edit-profile a:hover {
            color: #a5a098;
            text-decoration: none;
        }

#content-wrapper .new-project-side .box-details h1, #content-wrapper .new-blog-side .box-details h1, #content-wrapper .edit-profile-side .box-details h1 {
    text-align: left !important;
}

#content-wrapper .new-project-side .box-details h2, #content-wrapper .new-blog-side .box-details h2, #content-wrapper .edit-profile-side .box-details h2 {
    padding: 0;
    border: 0 !important;
}

#content-wrapper .new-project-tabs {
    margin: 35px 0;
}

    #content-wrapper .new-project-tabs ul {
        list-style: none;
        max-width: 555px;
        margin: 0 auto;
        padding: 0;
        font-size: 0;
        letter-spacing: initial;
        border: 1px solid #a5a098;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        #content-wrapper .new-project-tabs ul li {
            vertical-align: top;
            display: inline-block;
            width: calc(100% / 3);
            font-size: 1.4rem;
            word-wrap: break-word;
            border-left: 1px solid #a5a098;
            text-align: center;
        }

            #content-wrapper .new-project-tabs ul li a {
                display: block;
                padding: 18px 10px;
                color: #706C68;
                text-decoration: none;
            }

                #content-wrapper .new-project-tabs ul li a.active {
                    color: #323232;
                }

                #content-wrapper .new-project-tabs ul li a span {
                    padding: 0 14px 2px;
                }

            #content-wrapper .new-project-tabs ul li:first-child {
                border: 0;
            }

#content-wrapper .new-project-title, #content-wrapper .new-blog-title, #content-wrapper .edit-profile-title {
    font-size: 3.0rem;
    font-weight: 600;
    text-align: center;
}

#content-wrapper .new-blog-title, #content-wrapper .edit-profile-title {
    margin: 45px 0;
}

#content-wrapper .new-project-form, #content-wrapper .new-blog-form, #content-wrapper .edit-profile-form {
    font-size: 1.2rem;
}

    #content-wrapper .new-project-form .group, #content-wrapper .new-blog-form .group, #content-wrapper .edit-profile-form .group {
        padding: 0 0 50px;
    }

    #content-wrapper .new-project-form input, #content-wrapper .new-project-form textarea, #content-wrapper .new-blog-form input, #content-wrapper .new-blog-form textarea, #content-wrapper .edit-profile-form input, #content-wrapper .edit-profile-form textarea {
        width: 100%;
        padding: 9px 9px;
        font-size: 1.2rem;
        font-weight: 400;
        color: #706C68;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: 1px solid #a5a098;
    }

        #content-wrapper .new-project-form input::-webkit-input-placeholder, #content-wrapper .new-project-form textarea::-webkit-input-placeholder, #content-wrapper .new-blog-form input::-webkit-input-placeholder, #content-wrapper .new-blog-form textarea::-webkit-input-placeholder, #content-wrapper .edit-profile-form input::-webkit-input-placeholder, #content-wrapper .edit-profile-form textarea::-webkit-input-placeholder {
            font-weight: 400;
            color: #706C68;
        }

        #content-wrapper .new-project-form input:-moz-placeholder, #content-wrapper .new-project-form textarea:-moz-placeholder, #content-wrapper .new-blog-form input:-moz-placeholder, #content-wrapper .new-blog-form textarea:-moz-placeholder, #content-wrapper .edit-profile-form input:-moz-placeholder, #content-wrapper .edit-profile-form textarea:-moz-placeholder {
            font-weight: 400;
            color: #706C68;
            opacity: 1;
        }

        #content-wrapper .new-project-form input::-moz-placeholder, #content-wrapper .new-project-form textarea::-moz-placeholder, #content-wrapper .new-blog-form input::-moz-placeholder, #content-wrapper .new-blog-form textarea::-moz-placeholder, #content-wrapper .edit-profile-form input::-moz-placeholder, #content-wrapper .edit-profile-form textarea::-moz-placeholder {
            font-weight: 400;
            color: #706C68;
            opacity: 1;
        }

        #content-wrapper .new-project-form input:-ms-input-placeholder, #content-wrapper .new-project-form textarea:-ms-input-placeholder, #content-wrapper .new-blog-form input:-ms-input-placeholder, #content-wrapper .new-blog-form textarea:-ms-input-placeholder, #content-wrapper .edit-profile-form input:-ms-input-placeholder, #content-wrapper .edit-profile-form textarea:-ms-input-placeholder {
            font-weight: 400;
            color: #706C68;
        }

    #content-wrapper .new-project-form textarea, #content-wrapper .new-blog-form textarea, #content-wrapper .edit-profile-form textarea {
        resize: vertical;
        min-height: 130px;
        line-height: 21px;
        font-size: 1.352rem;
    }

    #content-wrapper .new-project-form label, #content-wrapper .new-blog-form label, #content-wrapper .edit-profile-form label {
        font-size: 22px;
        font-weight: 600;
        color: #323232;
    }

        #content-wrapper .new-project-form label span, #content-wrapper .new-blog-form label span, #content-wrapper .edit-profile-form label span {
            font-size: 0.9rem;
            font-weight: normal;
            color: #706C68;
        }

    #content-wrapper .new-project-form .sc, #content-wrapper .new-blog-form .sc, #content-wrapper .edit-profile-form .sc {
        width: 170px;
        padding: 10px 0;
        font-size: 18px;
        color: #FFF;
    }

    #content-wrapper .new-project-form .file-upload-hidden, #content-wrapper .new-blog-form .file-upload-hidden, #content-wrapper .edit-profile-form .file-upload-hidden {
        display: none;
        visibility: hidden;
        position: absolute;
        left: -9999px;
    }

    #content-wrapper .new-project-form .file-upload, #content-wrapper .new-blog-form .file-upload, #content-wrapper .edit-profile-form .file-upload {
        position: relative;
        display: block;
        margin: 0 auto;
        font-size: 16px;
    }

        #content-wrapper .new-project-form .file-upload label, #content-wrapper .new-blog-form .file-upload label, #content-wrapper .edit-profile-form .file-upload label {
            display: block;
            margin-bottom: 5px;
        }

    #content-wrapper .new-project-form .file-upload-input, #content-wrapper .new-blog-form .file-upload-input, #content-wrapper .edit-profile-form .file-upload-input {
        height: 37px;
        margin: 0;
        padding: 10px 42px 7px 7px;
        font-size: 16px;
        color: #cc0000;
        border: 1px solid #a5a098;
    }

        #content-wrapper .new-project-form .file-upload-input:hover, #content-wrapper .new-project-form .file-upload-input:focus, #content-wrapper .new-blog-form .file-upload-input:hover, #content-wrapper .new-blog-form .file-upload-input:focus, #content-wrapper .edit-profile-form .file-upload-input:hover, #content-wrapper .edit-profile-form .file-upload-input:focus {
            outline: none;
        }

    #content-wrapper .new-project-form .file-upload-button, #content-wrapper .new-blog-form .file-upload-button, #content-wrapper .edit-profile-form .file-upload-button {
        position: absolute;
        top: 1px;
        right: 2px;
        cursor: pointer;
        margin: 0;
        padding: 17px 20px;
        text-transform: uppercase;
        border-left: 1px solid #DDD;
        background-color: #FFF;
    }

    #content-wrapper .new-project-form .mk-g-link, #content-wrapper .new-blog-form .mk-g-link, #content-wrapper .edit-profile-form .mk-g-link {
        background-position: -72px -77px;
    }

    #content-wrapper .new-project-form label, #content-wrapper .new-blog-form label, #content-wrapper .edit-profile-form label {
        margin: 0 0 10px;
    }

    #content-wrapper .new-project-form .project-descript-cont, #content-wrapper .new-project-form .blog-body-cont, #content-wrapper .new-blog-form .project-descript-cont, #content-wrapper .new-blog-form .blog-body-cont, #content-wrapper .edit-profile-form .project-descript-cont, #content-wrapper .edit-profile-form .blog-body-cont {
        position: relative;
    }

        #content-wrapper .new-project-form .project-descript-cont textarea, #content-wrapper .new-project-form .blog-body-cont textarea, #content-wrapper .new-blog-form .project-descript-cont textarea, #content-wrapper .new-blog-form .blog-body-cont textarea, #content-wrapper .edit-profile-form .project-descript-cont textarea, #content-wrapper .edit-profile-form .blog-body-cont textarea {
            padding: 30px 9px 9px;
        }

        #content-wrapper .new-project-form .project-descript-cont ul, #content-wrapper .new-project-form .blog-body-cont ul, #content-wrapper .new-blog-form .project-descript-cont ul, #content-wrapper .new-blog-form .blog-body-cont ul, #content-wrapper .edit-profile-form .project-descript-cont ul, #content-wrapper .edit-profile-form .blog-body-cont ul {
            position: absolute;
            top: 0;
            left: 0;
            max-width: 400px;
            margin: 0 0 0 7px;
        }

            #content-wrapper .new-project-form .project-descript-cont ul li, #content-wrapper .new-project-form .blog-body-cont ul li, #content-wrapper .new-blog-form .project-descript-cont ul li, #content-wrapper .new-blog-form .blog-body-cont ul li, #content-wrapper .edit-profile-form .project-descript-cont ul li, #content-wrapper .edit-profile-form .blog-body-cont ul li {
                display: inline-block;
                margin: 0;
                padding: 10px 5px 0;
            }

                #content-wrapper .new-project-form .project-descript-cont ul li a, #content-wrapper .new-project-form .blog-body-cont ul li a, #content-wrapper .new-blog-form .project-descript-cont ul li a, #content-wrapper .new-blog-form .blog-body-cont ul li a, #content-wrapper .edit-profile-form .project-descript-cont ul li a, #content-wrapper .edit-profile-form .blog-body-cont ul li a {
                    display: block;
                    width: 18px;
                    color: transparent;
                }

    #content-wrapper .new-project-form .sc, #content-wrapper .new-blog-form .sc {
        width: 170px;
    }

    #content-wrapper .edit-profile-form .sc {
        width: 75px;
    }

#content-wrapper .projects h1, #content-wrapper .platforms h1, #content-wrapper .blogs h1 {
    margin: 0 0 18px;
    font-size: 2.007em;
    font-weight: 500;
}

#content-wrapper .projects .box-wrap, #content-wrapper .platforms .box-wrap, #content-wrapper .blogs .box-wrap {
    margin: 0 0 20px;
}

#content-wrapper .edit-profile-side .box-cont .box-thumb-sm {
    background: #f5f1ef;
}

    #content-wrapper .edit-profile-side .box-cont .box-thumb-sm a.button {
        position: absolute;
        top: 40%;
        bottom: 40%;
        left: 0;
        right: 0;
        width: 156px;
        margin: 0 auto;
        padding: 10px 20px 5px;
        color: #6F6C62;
        border: 1px solid #a5a098;
        background: #f5f1ef;
    }

        #content-wrapper .edit-profile-side .box-cont .box-thumb-sm a.button.change {
            display: none;
        }

    #content-wrapper .edit-profile-side .box-cont .box-thumb-sm.pictured:hover .change {
        display: block !important;
    }

#content-wrapper .results-side h2 {
    padding: 0 0 10px;
    font-size: 1.45em;
    border: 0;
}

#content-wrapper .results-side ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #content-wrapper .results-side ul li {
        font-size: 1.25rem;
    }

        #content-wrapper .results-side ul li a {
            color: #6F6C62;
        }

            #content-wrapper .results-side ul li a:hover {
                text-decoration: underline;
            }

        #content-wrapper .results-side ul li.active a {
            color: #cc0000;
        }

    #content-wrapper .results-side ul.sort-by {
        margin: 0 0 20px;
    }

    #content-wrapper .results-side ul.tags li {
        display: inline-block;
        font-size: 1.1em;
        padding: 0 15px 0 0;
        letter-spacing: 0.1rem;
    }

        #content-wrapper .results-side ul.tags li a {
            color: #a5a098;
        }

#content-wrapper .roadmap-wrap {
    text-align: center;
}

    #content-wrapper .roadmap-wrap h1 {
        margin: 55px 0 0;
        font-size: 2.5em;
        font-weight: 600;
    }

    #content-wrapper .roadmap-wrap p {
        margin: 0 0 50px;
        font-size: 1.5em;
        color: #6F6C62;
    }

    #content-wrapper .roadmap-wrap .road-box {
        position: relative;
        max-width: 485px;
        margin: 0 auto 85px;
        text-align: center;
        border: 1px solid #a5a098;
    }

        #content-wrapper .roadmap-wrap .road-box a {
            display: block;
        }

        #content-wrapper .roadmap-wrap .road-box img {
            padding: 30px;
        }

        #content-wrapper .roadmap-wrap .road-box h2 {
            font-size: 2.9em;
            font-weight: 600;
        }

        #content-wrapper .roadmap-wrap .road-box.connect-more:after {
            content: "";
            position: absolute;
            bottom: -62px;
            left: 0;
            right: 0;
            margin: 0 auto;
            width: 0;
            height: 61px;
            border-right: 1px solid #a5a098;
        }

        #content-wrapper .roadmap-wrap .road-box .num {
            position: absolute;
            top: -26px;
            left: 0;
            right: 0;
            width: 50px;
            height: 50px;
            margin: 0 auto;
            padding: 0 0 0 3px;
            font-size: 2.9em;
            font-weight: 600;
            color: #cc0000;
            line-height: 53px;
            border-radius: 50%;
            border: 2px solid #a5a098;
            background: #FFF;
        }

            #content-wrapper .roadmap-wrap .road-box .num.connect:before {
                content: "";
                position: absolute;
                top: -63px;
                left: 0;
                width: 23px;
                height: 61px;
                border-right: 1px solid #a5a098;
            }

#content-wrapper .roadmap-box h1 {
    margin: 0 0 18px;
    font-size: 2.007em;
}

#content-wrapper .roadmap-box .box-wrap {
    margin: 0 0 20px;
}

    #content-wrapper .roadmap-box .box-wrap h1 {
        padding: 0;
    }

    #content-wrapper .roadmap-box .box-wrap .box-cont {
        min-height: 339px;
    }

#content-wrapper .roadmap-cont .wall {
    margin: 30px 0 18px;
}

#content-wrapper .roadmap-cont h2 {
    margin: 0 0 18px;
    text-align: center;
}

#content-wrapper .roadmap-cont .description {
    padding: 0 25px;
    font-size: 16px;
}

#content-wrapper .roadmap-cont .description2 {
    padding: 100px 155px 0 !important;
}

#content-wrapper .roadmap-cont .description, #content-wrapper .roadmap-cont .description2 {
    clear: both;
}

    #content-wrapper .roadmap-cont .description p, #content-wrapper .roadmap-cont .description2 p {
        font-size: 1.5em;
        line-height: 2em;
        text-align: center;
    }

        #content-wrapper .roadmap-cont .description p span, #content-wrapper .roadmap-cont .description2 p span {
        }

#content-wrapper .about h1 {
    margin: 30px 0 40px;
    font-size: 36px;
    text-align: center;
}

#content-wrapper .about p {
    margin: 0 0 2.6667rem;
    font-size: 20px;
    color: #313131;
}

    #content-wrapper .about p span {
        color: #E95727;
    }

#footer-wrapper {
    margin: 50px 0 0;
    font-size: 1.2rem;
    color: #FFF;
    background: #323232;
}

    #footer-wrapper.sticky {
        position: fixed;
        bottom: 0;
        width: 100%;
    }

    #footer-wrapper .foot-logos {
        padding: 0;
        text-align: center;
    }

        #footer-wrapper .foot-logos .foot-logos-cont {
            float: left;
            max-width: 164px;
        }

        #footer-wrapper .foot-logos h2 {
            margin: 15px 0 8px;
            font-size: 1.2rem;
            color: #FFF;
        }

    #footer-wrapper .foot-menu, #footer-wrapper .foot-menu-social {
        list-style: none;
        margin: 0;
        font-size: 0;
    }

    #footer-wrapper .foot-menu {
        padding: 0;
    }

        #footer-wrapper .foot-menu li {
            display: inline-block;
            width: 100%;
            font-size: 1.2rem;
            text-align: right;
        }

            #footer-wrapper .foot-menu li a {
                display: block;
                width: 100%;
                color: #FFF;
            }

                #footer-wrapper .foot-menu li a:hover {
                    text-decoration: underline;
                }

    #footer-wrapper .foot-menu-social li {
        font-size: 1.2rem;
    }

        #footer-wrapper .foot-menu-social li a {
            display: block;
            color: #FFF;
        }

            #footer-wrapper .foot-menu-social li a:hover {
                text-decoration: underline;
            }

    #footer-wrapper .foot-social-icons {
        min-height: 66px;
        text-align: right;
        letter-spacing: initial;
    }

        #footer-wrapper .foot-social-icons ul {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 0;
        }

            #footer-wrapper .foot-social-icons ul li {
                display: inline-block;
                font-size: 12px;
                margin: 0 10px;
            }

                #footer-wrapper .foot-social-icons ul li:first-child {
                    margin: 0 10px 0 0 !important;
                }

                #footer-wrapper .foot-social-icons ul li:last-child {
                    margin: 0 0 0 10px !important;
                }

                #footer-wrapper .foot-social-icons ul li a {
                    display: block;
                }

                    #footer-wrapper .foot-social-icons ul li a span {
                        display: block;
                        width: 35px;
                        height: 34px;
                    }

    #footer-wrapper .foot-text-area {
        font-size: 1.2rem;
    }

        #footer-wrapper .foot-text-area p {
            font-size: 1.2rem;
        }

    #footer-wrapper .foot-label {
        text-align: center;
    }

        #footer-wrapper .foot-label p {
            margin: 0;
            padding: 0 0 10px;
            font-size: 1.2rem;
            color: #FFF;
        }

@media only screen and (max-width: 64em) {
    #footer-wrapper .row-50 {
        padding: 0 20px !important;
    }
}

.wall {
    margin: 0 0 10px;
    text-align: center;
}

.roadmap-cont .wall img {
    width: 25%;
}

.steps-wrap {
    position: relative;
    z-index: 1;
    height: 16px;
    margin: 0 0 64px;
    border-bottom: 1px solid #a5a098;
}

    .steps-wrap:before, .steps-wrap:after {
        content: "";
        position: absolute;
        width: 5%;
        height: 30px;
        background: #FFF;
    }

    .steps-wrap:after {
        top: 0;
        right: 0;
    }

    .steps-wrap .steps {
        position: relative;
        z-index: 2;
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0;
        font-size: 0;
        letter-spacing: initial;
    }

        .steps-wrap .steps li {
            display: inline-block;
            width: calc(100%/10);
            text-align: center;
        }

            .steps-wrap .steps li:hover .nmbr, .steps-wrap .steps li.active .nmbr, .steps-wrap .steps li.active-marker .nmbr {
                color: #FFF;
                border: 1px solid #cc0000;
                background: #cc0000;
            }

                .steps-wrap .steps li:hover .nmbr a, .steps-wrap .steps li.active .nmbr a, .steps-wrap .steps li.active-marker .nmbr a {
                    color: #FFF;
                }

            .steps-wrap .steps li:hover .lbl a, .steps-wrap .steps li.active .lbl a, .steps-wrap .steps li.active-marker .lbl a {
                color: #333;
            }

            .steps-wrap .steps li .nmbr {
                display: block;
                width: 30px;
                height: 30px;
                margin: 0 auto;
                font-size: 14px;
                color: #B7B0A9;
                text-align: center;
                line-height: 28px;
                border: 1px solid #a5a098;
                border-radius: 50%;
                background: #FFF;
            }

                .steps-wrap .steps li .nmbr a {
                    display: block;
                    color: #B7B0A9;
                    border-radius: 50%;
                }

            .steps-wrap .steps li .lbl {
                font-size: 12px;
                color: #a5a098;
            }

                .steps-wrap .steps li .lbl a {
                    display: block;
                    padding: 10px 0 0;
                    color: #B7B0A9;
                }

ul.pagination {
    margin: 40px 0 25px;
    font-size: 0;
    letter-spacing: 0 !important;
}

    ul.pagination li {
        height: auto !important;
        margin: 0 !important;
        line-height: initial;
        font-weight: 600;
    }

        ul.pagination li:nth-child(even) {
            border: 1px solid #a5a098;
        }

        ul.pagination li:nth-child(odd) {
            border-top: 1px solid #a5a098;
            border-bottom: 1px solid #a5a098;
        }

        ul.pagination li.current {
            border: 1px solid #cc0000;
        }

        ul.pagination li a {
            padding: 10px 15px 8px;
            font-size: 12px;
            font-weight: 600;
            color: #cc0000;
            letter-spacing: 0.05em;
        }

            ul.pagination li a:hover {
                color: #fff;
                border-radius: 0;
                background: #FFD7CC;
            }

        ul.pagination li.current a {
            border-radius: 0;
        }

        ul.pagination li.unavailable a {
            color: #a5a098;
            background: #f9f9f9;
        }

            ul.pagination li.unavailable a:hover {
                color: #a5a098;
                background: #f9f9f9;
            }

    ul.pagination .previous {
        border-top: 1px solid #a5a098;
        border-left: 1px solid #a5a098;
        border-bottom: 1px solid #a5a098;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    ul.pagination .next {
        border-top: 1px solid #a5a098;
        border-right: 1px solid #a5a098;
        border-bottom: 1px solid #a5a098;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

#the-modal {
    text-align: center;
}

    #the-modal .file-upload-hidden {
        display: none;
        visibility: hidden;
        position: absolute;
        left: -9999px;
    }

    #the-modal .file-upload {
        position: relative;
        display: block;
        max-width: 405px;
        margin: 0 auto;
        font-size: 16px;
    }

        #the-modal .file-upload label {
            display: block;
            margin-bottom: 5px;
        }

    #the-modal .file-upload-input {
        max-width: 405px;
        height: 37px;
        margin: 0;
        padding: 10px 42px 7px 7px;
        font-size: 16px;
        color: #cc0000;
        border: 1px solid #a5a098;
    }

        #the-modal .file-upload-input:hover, #the-modal .file-upload-input:focus {
            outline: none;
        }

    #the-modal .file-upload-button {
        position: absolute;
        top: 1px;
        right: 2px;
        cursor: pointer;
        margin: 0;
        padding: 17px 20px;
        text-transform: uppercase;
        border-left: 1px solid #DDD;
        background-color: #FFF;
    }

    #the-modal .mk-g-link {
        background-position: -72px -77px;
    }

    #the-modal .avatar {
        max-width: 150px;
        margin: 0 auto;
        background: #FFF;
    }

        #the-modal .avatar a {
            display: block;
            padding: 0 25px 0 0;
        }

        #the-modal .avatar img {
            border: 1px solid #a5a098;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

    #the-modal h2 {
        margin: 20px 0 0;
        font-size: 3.346em;
        font-weight: bold;
    }

        #the-modal h2.intro {
            margin: 20px 0 30px;
        }

    #the-modal p {
        font-size: 1.673em;
        color: #6F6C62;
    }

    #the-modal span {
        display: block;
        margin: 20px 0 0;
        font-size: 1.171em;
    }

        #the-modal span a {
            color: #6F6C62;
        }

            #the-modal span a:hover {
                text-decoration: underline;
            }

    #the-modal textarea {
        resize: vertical;
        max-width: 510px;
        min-height: 100px;
        margin: 0 auto;
        font-size: 1.352rem;
    }

    #the-modal .button {
        width: 166px;
        margin: 20px 0 0;
        padding: 12px 10px 8px;
    }

    #the-modal .navi-dots {
        list-style: none;
        margin: 20px 0 0;
        padding: 0;
    }

        #the-modal .navi-dots li {
            display: inline-block;
            width: 12px;
            height: 12px;
            -moz-border-radius: 50px/50px;
            -webkit-border-radius: 50px 50px;
            border-radius: 50px/50px;
            border: 1px solid #a5a098;
        }

            #the-modal .navi-dots li.active {
                background: #a5a098;
            }

            #the-modal .navi-dots li a {
                display: block;
                width: 12px;
                height: 12px;
            }

.roadmap-select-wrap {
    width: 585px;
}

@media only screen and (max-width: 640px) {
    .roadmap-select-wrap {
        left: 0;
        right: 0;
        max-width: 90%;
        margin: 0 auto;
    }
}

.roadmap-select-wrap .roadmap-select {
    margin: 55px 0 25px;
}

    .roadmap-select-wrap .roadmap-select a {
    }

.product-video-link, .product-alt-link {
	float:right; padding-left:5px;
}

.box-details .mk-s-thumbsup-dark, .box-details .mk-s-star-dark {
	margin:10px 10px 0 0;
}

.code {
    /*! margin:.5em !important; */
    /*! padding:.5em !important; */
}

/* to make youtube videos responsive in 16:9 format */

.videoWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

/*FROM APP-EXTENDED*/

/* Absolute Center CSS Spinner */
.loading {
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.project-photos > img {
    max-width: 600px;
    min-width: 400px;
}

.caption {
    font-size: 1.7em;
}

.banner-img-content {
    float: left;
    margin: 10px !important;
    width: 50%;
}

body.logged-in {
    padding-top: 128px;
}

body.not-logged-in {
    padding-top: 150px;
}

.addthis_toolbox {
    display: inline-block;
    margin-top: 8px;
}

input#submitButton {
    padding: 14px;
    border: 2px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 4px;
    color: white;
    background-color: #cc0000;
    cursor: pointer;
}

input#submitButton.disabled {
    background: lightgrey;
    cursor: auto;
}

.project .group, .profile .group {
    padding: 0 0 40px;
}

.project input[type="text"], .profile input[type="text"] {
    border-radius: 4px;
}

.project input[type="file"], .profile input[type="file"] {
    border: 1px solid #CAC4BA;
    padding: 6px;
    border-radius: 4px;
}

.comment-search-facets input[type="text"] {
    width: initial;
    display: initial;
}

.profile button[type="button"] {
    position: absolute;
    top: 1px;
    right: 2px;
    cursor: pointer;
    margin: 0;
    padding: 17px 20px;
    text-transform: uppercase;
    border-left: 1px solid #DDD;
    background-color: #FFF;
    background-position: -76px -79px;
}

label {
    font-size: 22px;
    font-weight: 600;
    color: #323232;
}

.part-list-wrap, .comment-edit {
    clear: both;
}

.mk-s {
    background-image: url("/-/media/MakerIO/Images/Sprites/sidebar_sprite.png");
}

.mk-g {
    background-image: url("/-/media/MakerIO/Images/Sprites/global_sprite.png");
}

#content-wrapper .box-wrap .box-cont.add-new-cont {
    background: url(/-/media/MakerIO/Images/Icons/add-icon.png) 50% 30% no-repeat;
}

.mk-sc {
    background-image: url("/-/media/MakerIO/Images/Sprites/social_sprite.png");
}

#content-wrapper .results-side ul.tags li.active a {
    color: #cc0000;
}

#content-wrapper .results-side ul.tags li {
    display: block;
}

#search-results {
    float: left;
    width: 149px;
}

input#search-results {
    margin: 0 0 5px 0;
}

button#apply-filter {
    margin: 0 0 5px 0;
}

#search-dk-link {
    display: inline-block;
    margin-bottom: 10px;
}

.mce-tinymce.mce-container.mce-panel {
    border-radius: 4px;
}

.mce-toolbar-grp.mce-container.mce-panel.mce-stack-layout-item.mce-first {
    border-radius: 4px;
}

.mce-statusbar {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mce-content-body {
    color: #706C68;
    font-family: Edmondsans-Regular, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}

.search-field input[type="text"] {
    padding: 0px !important;
}

.danger, div.danger div ul li {
    color: red;
    font-size: 18px;
}

.project-image-other {
    padding: 10px;
}

#project-title {
    margin: 0;
}

#title-character-countdown {
    margin: 0 0 1.33333rem 0;
}

.removePartId {
    border: solid 1px rgb(49, 49, 49);
    border-radius: 3px;
    padding: 1px 5px 1px 5px;
    background-color: #eeeeee;
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
}

.card-list {
    float: left !important;
    padding-bottom: 20px;
}

/*Overrides*/
#banner .wall-logged ul li {
    width: 10%;
}

.steps-wrap .steps li {
    width: 10%;
}

.box-wrap.large-6.medium-6.columns.no-pad-left.grid-two-column {
    float: left;
}

.sortby-generic select {
    width: 74%;
}

.sortby-generic {
    width: 28%;
    float: right;
}

/*Media Queries**/
@media only screen and (max-width: 40em) {
    .fixed {
        position: static;
    }
}

@media only screen and (min-width: 40.063em) and (min-width: 40.063em) and (max-width: 64em) {
    .fixed {
        position: static;
    }
}

@media screen and (max-width: 614px) {
    .top-bar-section ul {
        display: block !important;
    }
}

.delete-project {
    color: #CAC4BA;
    text-decoration: none;
    display: block;
    padding: 8px 0;
    color: #6F6C62;
    font-size: 1.506em;
    text-align: center;
    border: 1px solid #CAC4BA;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.delete-profile {
    color: #CAC4BA;
    text-decoration: none;
    display: block;
    padding: 8px 0;
    color: #6F6C62;
    font-size: 1.506em;
    text-align: center;
    border: 1px solid #CAC4BA;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#content-wrapper input#partIdTextBox {
    display: inline;
    width: 75%;
}

#content-wrapper button#addPartIdLink {
    background-color: #cc0000;
    cursor: pointer;
    width: 133px;
}

#content-wrapper input#schemeItProjectIdTextBox {
    display: inline;
    width: 75%;
}

#content-wrapper button#addSchemeItProjectIdLink {
    background-color: #cc0000;
    cursor: pointer;
    width: 133px;
}

#t-and-c {
    width: 25px !important;
	padding: 0px !important;
    border:none !important;
}

.code {
    background-color: #F0F0F0;
    color: #777777;
    margin-bottom: 1em;
    padding: 5px;
}

.code span {
    color: #cc0000;
    /*! font-weight: 600; */
    /*! float: right; */
}

.code span.copy-text {
    float: right;
    color: #cc0000;
    font-weight: 600;
    padding: 5px;
    cursor: pointer;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    clear: both;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image-padding {
    margin-bottom: 10px;
}

#tinymce {
    font-size: 12px;
}

.vote-up, .vote-down {
    cursor: pointer;
}

.user-vote.vote-down {
    background-position: -21px -200px;
    background-repeat: no-repeat;
}

.user-vote.vote-up {
    background-position: -78px -200px;
    background-repeat: no-repeat;
}

.voted {
    color: #cc0000;
}

.maker-button {
    display: inline-block;
    cursor: pointer;
    background-color: #cc0000;
    color: #FFF;
    border: 2px solid #CCC; 
    border-radius: 4px;
    padding: 4px;
    margin: 0 1px 10px;
}

.maker-button.maker-button-disabled {
    background-color: #BBB;
    border-color: #999;
}

#content-wrapper .comments-cont .the-comments-cont.cmmt-redacted {
    background-color: #FCC;
    border: 3px solid #F00;
}

.cmmt-moderation {
    border: 1px solid #777;
    margin: 10px 0;
    padding: 5px;
}

#content-wrapper .comments-cont .cmmt-mod-info {
    color: #F00;
    margin: 0;
}

.cmmt-mod-show {
    float: right;
}

#content-wrapper .comments-cont ul li p.comment-text {
    margin: 15px 1px;
    white-space: pre-wrap;
}

.edit-comment-text  {
    margin: 14px 0px;
    padding: 0;
    font-size: 1.255em;
    color: #6F6C62;
    font-family: inherit;
    font-weight: normal;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.02rem;
}

#content-wrapper .comments-cont .cmmt-write .cmmt-write-input textarea {
    font-size: 1.255em;
    color: #6F6C62;
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.02rem;
}

.cmmt-name, .cmmt-time {
    display: block;
}

#commentsContainer .loading {
    position: relative;
    padding: 26px 0;
}

#commentsContainer .loading:before {
    display: none;
}

/*Begin of dialog styles for adding DK on projects*/
.dialog-info-text {
    font-size:16px;
    padding-left:12px;
    margin-bottom: 3px;
}

.dialog-button {
    padding-left:55%;
    padding-top: 11px;
}

.dialog-button button{
    padding: 14px;
    border-radius: 3px;
    width: 100px;
}

#partsAdded #input-part {
    display: inline-block;
    width:73%;
}

#partsAdded #add-part-form.sc.buttons.radius {
    float: right;
    width: 26%;
}

.ui-dialog {
    background-color: #FFFFFF;
    border: 1px solid #ddd; 
    width: 480px; 
}

.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    display: none;
}

.ui-dialog-titlebar.ui-widget-header button {    
    background-image: url("/-/media/MakerIO/Images/Icons/close.png");
    background-repeat: no-repeat;
    background-color: white;
    margin-top: 11px;
    padding-right: 7px;
}

.ui-dialog-titlebar {
    font-size: 27px;
    font-weight: bold;
    padding-left: 12px;
}

.ui-button-text {
    display: none;
}

.ui-button.ui-widget {
    margin: 0px;
    float: right;
}

.ui-dialog-content.ui-widget-content hr {
    margin: 1px 0px 10px;
}

.ui-dialog-content label {
    font-size: 16px;
    padding: 6px;
    font-weight: 100;
}
.ui-dialog-content input[type=radio] {
    margin: 4px;
}

.divider {
    width:5px;
    height:auto;
    display:inline-block;
}
/*End of dialog styles for adding DK on projects*/

/*tag modal custom CSS*/
div.tags span {
    display: block;
}

#modal-buttons {
    float: right;
}

#modal-buttons button{
    margin:0;
}

#modalTitle {
    font-size: 24px;
}

#modal-tags {
    max-height: 300px;
    overflow: scroll;
    overflow-x: hidden;
    margin-bottom: 25px;
}

#tag-modal-content {
    max-width: 400px;
}

#uploadModal{
    max-width: 400px;
}

input#alt-text-box{
    margin-bottom:0;
}

#tag-modal-content label {
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    cursor: default;
}
/*end custom tag modal CSS*/

#error-container span {
    float:left;
}

.error-border, .input-validation-error {
    border-color: red !important;
}

#sign-up {
    padding-bottom: 20px !important;
}

span.field-validation-error, div#error-summary {
    display:block;
    font-size: 20px;
}

.validation-summary-valid {
    display: none;
}

#OptOutFromContact {
    margin: 20px;
}

.comment-error {
    color: red;
    font-size: 18px;
}

textarea.error-border-color {
    border: solid 1px red !important;
}

.inline {
    display:inline-block;
}

.project-card-icon {
    padding: 0 0 0 24px;
}

#required {
    color: red;
    cursor: default;
}

.type-label {
    color: #6F6C62;
    font-size: 16px;
    font-weight: 100;
}

.type-filter, .tag-filter {
    margin: 0 !important;
}
 li.active label.type-label, li.active label.tag-label {
     color: #cc0000;
 }

 .tag-label {
    color: #6F6C62;
    font-size: 13px;
    font-weight: 100;
}

 .project div.medium-3.columns {
     padding-top: 18px;
     
 }

 .project div.medium-3.columns a {
    cursor: default;
 }

 .error-wrap #error-500 {
     font-size:22px;
 }

 .error-wrap #binary {
     margin: 5px 0 20px 0;
 }
 
 .file-upload-button {
    font-size:0px !important;
 }
 
 .product-popup-opener {
	cursor: pointer;
 }
 
 .product-detail-popup-container {
    overflow: auto;
}

.popup-left {
    float: left;
    margin-right: 5px;
}

.popup-right {
    overflow: auto;
}

.popup-large-image {
    width: 286px;
    height: 286px;
}

.popup-left-arrow, .popup-right-arrow {
    float: left;
    width: 32px;
    height: 70px;
    cursor: pointer;
	margin-top: 20px;
}

.popup-left-arrow {
	background-image: url("/-/media/MakerIO/Images/Icons/left-arrow.png");
    background-repeat: no-repeat;
}

.popup-right-arrow {
	background-image: url("/-/media/MakerIO/Images/Icons/right-arrow.png");
    background-repeat: no-repeat;
}

.popup-small-image {
    float: left;
    margin: 0 2px;
    padding: 2px;
    border: 1px solid #fff;
}

.popup-image-selected {
    border: 1px solid #000;
}

.popup-thumbnail-container {
    float: left;
    width: 222px;
}

.popup-thumbnails {
    overflow: auto;
}

.popup-part-group-title {
    font-size: 2em;
    margin: 0;
}

.popup-part-group-subtitle {
    font-size: 1.5em;
}

.popup-part-group-supplier {
    margin: 0;
}

.popup-section-title {
    font-size: 1.25em;
    margin: 0;
}

.popup-right .column {
    float: left;
    width: 49%;
}

.popup-actions-container {
    float: right;
}

.popup-buy-now-button {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #cc0000;
    font-size: 1.506em;
    text-align: center;
    margin-bottom: 5px;
}

.popup-actions-container .popup-buy-now-button {
    color: #fff;
}

a.popup-view-more {
    color: #000;
    font-size: 1.506em;
    font-weight: bold;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {
    z-index:9999 !important;
    box-shadow: 0px 5px 15px #000;
}

.product-detail-popup-container.ui-dialog-content.ui-widget-content {
    padding:20px;
    width:100% !important;;
}

.phases-list {
    width: 100%;
    float:left;
    height: 580px;
    max-height: 100%;
    list-style-type:none;
    margin-left: 0;
}

.steps-list {
    list-style-type:none;
    margin-left: 0;
}

.phase-widget-icon {
    width: 25%;
    padding: 6px;
}



/* DASHBOARD STYLES */
.dashboard-wrapper .phase-widget-title {
    font-size:14px;
}

.dashboard-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.dashboard-navigation,
.dashboard-content {
    display: table-cell;
    vertical-align: top;
}

.dashboard-navigation {
    width: 22%;
    padding-right:2%;
    padding-top:10px;
}

.phase-widget {
    border: solid 1px #eee;
    border-radius: 2px;
}

.phase-widget:not(.selected-phase):hover {
    border: solid 1px #ccc;
    border-radius: 2px;
}

.dashboard-content {
    font-size:14px;
    width: 100%;
}

.dashboard-headline span {
    font-size:14px;
}


.dashboard-headline h3,
.dashboard-content h3 {
    margin-top: 0;
    /*! line-height: initial; */
}


.dashboard-project-title {
    color: #595959;
}


.dashboard-to-do {
    clear: both;
    padding-top:15px;
}

.dashboard-to-do ul {
    font-size: 14px;
}

.dashboard-to-do ul li {
    padding:3px 0 3px 5px;
}

.step-span {
    position: relative;
    display: block;
}

.dashboard-content h3,
.dashboard-video h3,
#content-wrapper .dashboard-cards .box-wrap h2,
#projectStepsHeading {
    color: #000;
    font-size: 24px;
    margin-bottom:5px;
}


.dashboard-cards .grid .grid {
    width:25% !important;
    padding: 0 0 0 2%;
}

.dashboard-cards .grid .grid:first-of-type {
    width:25% !important;
    padding: 0;
}


.dashboard-steps {
    width:48%;
    float:left;
    padding-right:10px;
}

.dashboard-steps-text {
    width:48%;
    float:left;
}

.selected-phase {
    border: solid 1px;
    border-color: gray;
    background-color: #f2f2f2;
    border-radius: 3px;
}


.project-image {
    text-align:center;
    margin-bottom: 10px;
    border: 1px solid;
    border-color: gray;
    border-radius: 3px;
}

.project-image img {
    width:100%;
}

.project-image a:hover {
    text-decoration: underline;
}

.dashboard-step {
    margin-right: 20px;
    float: left;
    max-height: 120px;
    height: auto;
}

.box-wrap.box-products.large-3.medium-3.columns.dashboard-3 {
    width: 100%;
    float: left;
}

.box-wrap.grid.group.dashboard-columns {
    margin-bottom: -16%;
    
}

.subSteps-hidden {
    background: url("/-/media/MakerIO/Images/Icons/down-arrow.png") no-repeat top right;
    padding: 15px;
    background-size: 30px;
    /*! margin-top: -3%; */
    /*! float: right; */
    position: absolute;
    top: -5px;
    right: 0;
}

.subSteps-shown {
    background: url("/-/media/MakerIO/Images/Icons/up-arrow.png") no-repeat top right;
    padding: 15px;
    background-size: 30px;
    /*! margin-top: -3.2%; */
    /*! float: right; */
    position: absolute;
    right: 0;
    top: -5px;
}



.step {
    border: solid 1px darkgray;
    border-radius: 3px;
    padding: 2px;
}

.step-span input[type="checkbox"] {
    margin: 0px;
}

.step-short-description {
    padding-left: 3px;
    color: #666;
}

.step-short-description:hover {
    color: #cc0000;
}

.step-short-description ~ span.step-description {
  display: none;
}


.step-short-description.expanded-description ~ span.step-description {
  display: block;
  padding: 0 1.6rem;
} 

.inner-category {
    padding-left:15px !important;
}

.hide {
    display:none;
}

.clear-all {
    color:#cc0000;
    cursor:pointer;
}

.tags-title {
    display:inline-flex;
}


 li.active label.type-label, label.tag-label.active , label.category-label.active {
    color: #cc0000 !important;
 }
 
.category-label {
    color: #6F6C62;
    font-size: 16px;
    font-weight: 150;
}

.clear-all {
    padding:5px
}

.expandable-tags {
    font-size:16px;
}

#tag-list input[type="checkbox"] {
    margin:0px;
}
label.uncollapsed {
    color:#cc0000 !important
}

label.uncollapsed:after {
    content:" -"
}

label.collapsed:after {
    content:" +"
}

body.not-logged-in,
body.logged-in {
    padding-top:100px;
}


#top-wrapper .top-most-wrap {
    padding: 0px;
}

#top-wrapper .top-most-wrap div {
    vertical-align: middle;
}

#top-wrapper .top-most-wrap div.medium-9.small-8 {
    display:none;
}

#top-wrapper .top-most-wrap .top-access {
    text-align: right !important;
}
.top-access {
    white-space: nowrap;
    width: 100%
}

.top-access br {
    display: none;
}

.addthis_toolbox {
    margin-left: 15px;
}


@media only screen and (min-width: 64em) {
    .top-bar-section li:not(.has-form) a:not(.button) {
        padding:0 1.35rem;
    }
}

.ui-datepicker-header {
    padding: 5px;
    border:solid 1px #ccc;
    border-bottom:none;
    background-color:#eee;
}

.ui-datepicker-header a {
    border:solid 1px #ccc;
    padding:1px 3px;
    background-color:#fff;
    border-radius: 3px;
}

.ui-datepicker-header a:hover {
    border-color:#999;
}

.ui-datepicker-prev {
    float:left;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-title {
    text-align: center;
    font-weight: bold;
    font-size:14px;
}

@media only screen {
.digikey-image img {
    max-height:69px;
    float:right;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.top-bar-section ul li.start-project:hover {
  background-color: #ac0202;
}

@media only screen and (min-width: 0.063em) and (max-width: 80em) {
.digikey-image img,
.right .start-project.active,
.r-menu.right.show-for-large-up {
  display:none;
  }
    
.top-bar-section {
  margin-right: 0px;
    }  
}

@media only screen and (min-width: 64.063em) {
.top-bar-section ul li.start-project {
  background-color: #cc0000;
  height:auto;
  margin-right: 10px;
}

.start-project {
  padding:0px 5px !important;
  background-color: #cc0000;
}

.start-project a {
  width: 100px !important;
  padding:0px !important;
  white-space:nowrap;
}
}
    
.no-padding.medium-9.small-8.columns p {
  display: none;
}

.row-50.group.top-bar-wrap {
  padding: 0rem 2rem;
}

.rmv-disc {
    margin: 0 0 18px;
    padding: 0 0 0 35px;
    font-size: 1.171em;
    line-height: 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2RUVFNDcxRENCQjExRTRCNTRCQ0U0ODFBN0Y3RjQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2RUVFNDcyRENCQjExRTRCNTRCQ0U0ODFBN0Y3RjQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZFRUU0NkZEQ0JCMTFFNEI1NEJDRTQ4MUE3RjdGNDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFRUU0NzBEQ0JCMTFFNEI1NEJDRTQ4MUE3RjdGNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zJ5QuAAAC+klEQVRIS8WWW0hUQRjH/3t2zct6g0y7eUGRXFcphEQJMqKwECJS0qAehIQKIvMlQRF6iR7MHiKCTKNCySTQIDQkyYe0rIRczR7UzbUCjU3WdHWv08zseNndc3KVqB/MmTP/8+1+35z5vpmjIhQoQBx22D90wz7QA8eoAa4pE0zNBv4s6VweNPGpCMrIQci+Akibt3JdCXlHLicWOh7B+qwBX+pfC1GZhOJ0BOfmQ3uqAurYnUL1xs+R67sRszcvY7y2XSiBk3h6D8JLqxBysEgoK3g5cowOwnLtLCbuvxPKxtj18DrCz1wRIw/LjlzfxjBTVYKJB+/5A1+SKwuxKTMXKm0UXNOTsPV10oD6xVN/dK23EVZ0QYwozJHbbiPmigJCXci2+bZ6ZuaFe85CZu/WyNqzNl2sI3ZDn7Cmk2GX+ad3ZI1Zm2uq5YYLXS3EfPEw+VGaTX5WFpLFvg6uW+rKZX/HmvlSPiFOJ7dTuRetxHw+T3FdsuYssBt6MZR7VCgrZA72QtJG4mNKhlD80fe0I2T/MUi2/i5FJ6l15XRNIul6vBCKNw4agCZZj8TSbKH4s9jdynvJPvCK32wE19RXcaeM4/MAiPUXNM6xISF5w6JkRbhEWlMtz7jVqOM8xRl66CQSaS+XhaaWT4iuGYFqukRPTI+HhbzCbhqAOi6eRj2J+eYbCM45wl+THMxOaR0Z+p42qFh2iPEybDYxjW9hbb+HkeNlQlVG11bPa0wpKdI7myAllMhHKQd7fWymrHjXgypUC0m9ZbsYrs3S64souyqUwFDHbIOk+UMN+GJ708n7hZdPeB8IbGfXJOkgbco6IKS1cY4P8+amCRIoQWlZUIVFQHZnWEoGNgOlYl0NKwN1bLxsMiztDIp7Hdvb1gPbE33/w2uv41d6ZM9UnoCx7rmIwwPLLhbpWjiNwzDe6hIjDwnFOkRXN/KjnhHwebRefM8jSfRQ70hBVHUDXZ+9Qtk47IT1OvQo/+ebYZl/8RW0mr/3XQf8Bgz1CoaYnVY1AAAAAElFTkSuQmCC") no-repeat;
        }

.rmv-disclaimer {
    margin: 0 0 18px;
    padding: 0 0 0 35px;
    font-size: 1.171em;
    line-height: 18px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAZCAYAAAAv3j5gAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADJGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2RUVFNDcxRENCQjExRTRCNTRCQ0U0ODFBN0Y3RjQ1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ2RUVFNDcyRENCQjExRTRCNTRCQ0U0ODFBN0Y3RjQ1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZFRUU0NkZEQ0JCMTFFNEI1NEJDRTQ4MUE3RjdGNDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFRUU0NzBEQ0JCMTFFNEI1NEJDRTQ4MUE3RjdGNDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4zJ5QuAAAC+klEQVRIS8WWW0hUQRjH/3t2zct6g0y7eUGRXFcphEQJMqKwECJS0qAehIQKIvMlQRF6iR7MHiKCTKNCySTQIDQkyYe0rIRczR7UzbUCjU3WdHWv08zseNndc3KVqB/MmTP/8+1+35z5vpmjIhQoQBx22D90wz7QA8eoAa4pE0zNBv4s6VweNPGpCMrIQci+Akibt3JdCXlHLicWOh7B+qwBX+pfC1GZhOJ0BOfmQ3uqAurYnUL1xs+R67sRszcvY7y2XSiBk3h6D8JLqxBysEgoK3g5cowOwnLtLCbuvxPKxtj18DrCz1wRIw/LjlzfxjBTVYKJB+/5A1+SKwuxKTMXKm0UXNOTsPV10oD6xVN/dK23EVZ0QYwozJHbbiPmigJCXci2+bZ6ZuaFe85CZu/WyNqzNl2sI3ZDn7Cmk2GX+ad3ZI1Zm2uq5YYLXS3EfPEw+VGaTX5WFpLFvg6uW+rKZX/HmvlSPiFOJ7dTuRetxHw+T3FdsuYssBt6MZR7VCgrZA72QtJG4mNKhlD80fe0I2T/MUi2/i5FJ6l15XRNIul6vBCKNw4agCZZj8TSbKH4s9jdynvJPvCK32wE19RXcaeM4/MAiPUXNM6xISF5w6JkRbhEWlMtz7jVqOM8xRl66CQSaS+XhaaWT4iuGYFqukRPTI+HhbzCbhqAOi6eRj2J+eYbCM45wl+THMxOaR0Z+p42qFh2iPEybDYxjW9hbb+HkeNlQlVG11bPa0wpKdI7myAllMhHKQd7fWymrHjXgypUC0m9ZbsYrs3S64souyqUwFDHbIOk+UMN+GJ708n7hZdPeB8IbGfXJOkgbco6IKS1cY4P8+amCRIoQWlZUIVFQHZnWEoGNgOlYl0NKwN1bLxsMiztDIp7Hdvb1gPbE33/w2uv41d6ZM9UnoCx7rmIwwPLLhbpWjiNwzDe6hIjDwnFOkRXN/KjnhHwebRefM8jSfRQ70hBVHUDXZ+9Qtk47IT1OvQo/+ebYZl/8RW0mr/3XQf8Bgz1CoaYnVY1AAAAAElFTkSuQmCC") no-repeat;
        }

#dashboard-container {
    margin: 0px 10px;
}

.dashboard-project-title {
    font-size: 24px;
}

.box-wrap.grid.group.dashboard-columns {
    width: 89%;
    height: 390px;
}

.box-wrap.grid.group div:nth-child(n+6) { 
    display: none;
}

.box-cont div {
    /*! margin-bottom: 15px; */
}

.dashboard-cards.tools .title {
    line-height: 15px;
    margin-top: -20px;
    margin-bottom: 15px;
    vertical-align: top;
}

.box-cont .box-thumb-sm img {
    max-width: 100%;
    height: auto;
    max-height: 230px;
}

.box-cont p {
    line-height: 18px;
}



.phase-title {
    padding-top: 3%;
}

.progress {
    border: 1px solid red;
    border-radius: 5px;
    height: 10px;
    width: 55%;
    /* margin-left: 26%; */
    padding: 0px;
}

.progress-bar {
    background-color: lightblue;
    display: block;
    border-radius: 5px;
    padding-top: 8px;
}

.percent-0 {
    width:0%;
}

.percent-10 {
    width:10%;
}

.percent-20 {
    width: 20%;
}

.percent-30 {
    width:30%;
}

.percent-40 {
    width:40%;
}

.percent-50 {
    width:50%;
}

.percent-60 {
    width:60%;
}

.percent-70 {
    width:70%;
}

.percent-80 {
    width:80%;
}

.percent-90 {
    width:90%;
}

.percent-100 {
    width:100%;
}

.box-wrap.box-products.large-3.medium-3.columns.dashboard-3 h3 {
    font-size: 18px;
    /* white-space: nowrap; */
}


@media only screen and (max-width: 40em) {

#dashboard-container {
     min-width: 300px;
    /* width: 100%; */
}

.phase-widget-icon {
    padding: 0%;
}

.phases-list {
    position: relative;
    width: 100%;
    min-width: 25%;
    height: 50%;
}

.project-image {
    width:100%;
    border:none;
}
    
    .project-image img {
        max-height:150px;
        width:auto;
    }
    
    .project-image a {
        display: block;
    }

.phase-widget-icon {
    min-width: 39px;
    /* margin-top: 4px; */
}
    
.progress {
    /* margin-left: 44px; */
}  

.progress-bar {
    padding-top: 10px;
}

.dashboard-content {
    padding-top: 20px;
}

.dashboard-navigation {
    width: 100%;
    float: left;
    padding: 0;
}

.phase-widget .phase-title {
    display: none;
}

.selected-phase .phase-title {
    display: block;
    /* position: absolute; */
    /* margin-bottom: 5px; */
}

.selected-phase .phase-title .phase-widget-title {
    font-size: 0;
    border-bottom: solid 1px red;
    display: block;
    padding-bottom: 10%;
}

.selected-phase {
    border: none;
    background-color: white;
}

.phase-widget .progress {
    display: none;
}

.selected-phase .progress {
    display: block;
    position: absolute;
    top: 125%;
    left: 62px;
    /* margin-left: -11%; */
    /* transform: translate(2%, -50%); */
}

    
   .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 + div:nth-child(2) {
    width: 60%;
}

   .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 + div:nth-child(3) {
    width: 100%;
}
    
    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 iframe {
    /* width: 388px; */
    /* height: 218px; */
}
    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 img {
    min-height: 84px;
    height: auto;
    width: 100%;
    max-width: 147px;
}

    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 + div:first-child {
    width: auto;
}

    .box-wrap.grid.group.dashboard-columns {
    height: 160px;
    /* margin-left: 40px; */
}

    .phase-overview-content {
    /* padding-left: 2%; */
    /* padding-right: 2%; */
    /* float: left; */
    width: 100%;
    /* background-color: #f2f2f2; */
}

    .to-do {
    width: 99%;
    float: left;
    background-color: white;
}
    .dashboard-content {
     /* background-color: #f2f2f2; */
}

    .box-wrap.grid.group.dashboard-columns  {
     width: 99%;
}

    .dashboard-cards .large-6 .box-cont .box-thumb-sm {
        max-height: 145px;
    }
    
        .subSteps-hidden {
        /* background-position: right 6px bottom 5px; */
    }
    
        .subSteps-shown {
        /* background-position: right 5px bottom 7px; */
    }

    .phase-widget-icon {
    /* min-width: 20px; */
    width: 100%;
    height: auto;
}
    
    .progress {
    /* margin: 20px auto; */
    /* text-align: center; */
    /* width: 100%; */
    height: 12px;
    /* max-width: 81%; */
    width: calc(100% - 63px);
    }
    
    .phases-list li {
    float: left;
    width: 10%;
    /* min-width: 5px; */
    /* margin-top: 10px; */
    /* max-height: 57px; */
    height: auto;
    /* max-width: 100%; */
}


   
        .box-wrap.box-products.large-3.medium-3.columns {
        padding-left: 3px;
        padding-right: 3px;
        margin: 5px 0;
        padding: 0;
    }

    .dashboard-cards .box-wrap.box-products.large-3.medium-3.columns {
	margin: 0px;
	}
    
    .dashboard-content {
        width: 100%;
        min-width: 50%;
        float: left;
    }

    .dashboard-step {
    margin-right: 20px;
    float: left;
    height: auto;
    max-width: 135px;
}
    
    .dashboard-cards .grid .grid {
        padding-left: 0;
    }
    
    .dashboard-cards .box-wrap .box-cont {
        max-height:145px
    }
    .dashboard-cards .grid .grid:first-of-type,
    .dashboard-cards .grid .grid {
        width:100% !important;
    }
    
    .dashboard-cards .grid .box-details {
        padding:0 !important;
    }
    
    .dashboard-cards .grid .box-details .title,
    .dashboard-cards .grid .box-details p {
        padding:5px;
    }
    
    .dashboard-cards .grid .box-cont {
        height: auto !important;
        max-height:none !important;
        margin-bottom:10px;
    }
    
    .dashboard-cards .grid .box-cont .box-thumb-sm {
        border:none;
        height: auto !important;
        width: 120px;
    }
    .dashboard-cards .grid .box-cont div {
        margin-bottom:0;
    }
    
    .dashboard-cards .grid .box-cont .box-thumb-sm img {
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px;
        width:120px;
    }

    .dashboard-cards .box-wrap .box-cont .box-details {
        padding:5px;
    }
    .dashboard-cards .box-wrap .box-cont .box-details .title {
        margin-bottom:5px;
    }
    .dashboard-cards .box-thumb-sm {
        width:150px;
        float: left;
        border-right:solid 1px #ccc;
        margin-right:10px;
    }
    
    .dashboard-cards .tools .title {
        margin-top: 0px;
    }

    .progress:before {
    content: "Progress:";
    /* padding-top: 7%; */
    font-size: 15px;
    /* top: 160%; */
    /* left: 0%; */
    /* margin-right: 50%; */
    transform: translate(-107%, -30%);
    position: absolute;
}
}

@media only screen and (min-width: 40.063em) {

        .phases-list li {
    height: 9%;
}


    .phase-widget-icon {
    /* padding: 5%; */
}

    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 iframe {
    /* width: 284px; */
    /* height: 160px; */
    padding-right: 10px;
}
    
    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 img {
    height: 160px;
}

    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 + div:first-child {
    width: 25%;
}

    .box-wrap.grid.group.dashboard-columns {
    height: 360px;  
}      


    .to-do {
    width: 100%;
    float: left;
    background-color: white;
}

    .dashboard-content {
     /* background-color: #f2f2f2; */
     margin-left: 22%;
     width: 79%;
}

    .box-wrap.grid.group.dashboard-columns  {
     width: 89%;
}
    
    #content-wrapper .dashboard-cards .large-6 .box-cont .box-thumb-sm {
        max-height: 130px;
    }
    
        .subSteps-hidden {
        /*! background-position: right 1px top 7px; */
    }
    
        .subSteps-shown {
        /*! background-position: right 5px top 7px; */
    }
    
    .phase-widget-icon {
    min-width: 43px;
    margin-top: 1px;
   }
    
    .progress {
    margin-left: 47px;
    }    
    
        .box-wrap.box-products.large-3.medium-3.columns {
        padding-left: 5px;
        padding-right: 5px;
    }
       
}

@media only screen and (min-width: 64.063em) {

    .phases-list li {
    height: 10%;
}

    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 iframe {
    width: 100%;
    /* height: auto; */
}

    .box-wrap.box-products.large-3.medium-3.columns.dashboard-3 img {
    height: 175px;
}

    .box-wrap.grid.group.dashboard-columns {
    height: 400px;
}

    .to-do {
    width: 100%;
    background-color: white;
}

.dashboard-content {
     /* background-color: #f2f2f2; */
}
    
    .box-wrap.grid.group.dashboard-columns  {
     width: 89%;
}
    
        #content-wrapper .dashboard-cards .large-6 .box-cont .box-thumb-sm {
        max-height: 136px;
    }
    
            .subSteps-hidden {
        /*! background-position: right 1px top 1px; */
    }
    
        .subSteps-shown {
        /*! background-position: right 5px top 1px; */
    }
    
    .phase-widget-icon {
    width: 25%;
    padding: 4px;
}
    
    .progress {
    margin-left: 55px;
    }
    
            .box-wrap.box-products.large-3.medium-3.columns {
            padding-left: 0.83333rem;
            padding-right: 0.83333rem;
    }
    
    
}

@media screen and (max-width:768px) {
    
    .box-thumb-sm img {
        max-height: 300px;
    }
    
    
}

@media only screen and (max-width: 450px) {

    .phase-widget {
        border: none;
}

   .phase-widget-icon {
       min-width: 29px;
   }

}

.phase-widget img {
    float: left;
    margin-right: 5px;
}

.box-wrap.grid.group.dashboard-columns a {
    display: block;
    text-align: center;
}

.large-6.medium-6.columns.grid {
    width: 33%;
}

.dashboard-content .grid {
    margin: 0px;
}

.show-hide {
  display: none;
}

.dashboard-content .show-hide-area {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
  letter-spacing: 0rem;
}

.dashboard-content .show-hide:checked ~ .main-text .show-hide-area {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
}

.dashboard-content .show-hide ~ .show-hide-link:before {
  content: '+ More';
}

.dashboard-content .show-hide:checked ~ .show-hide-link:before {
  content: '- Less';
}

.dashboard-content .show-hide-link {
  cursor: pointer;
  display: inline-block;
  padding-right: 1.5em;
  color: #666;
  font-size: .9em;
  border-radius: .25em;
  float: right;
}
.geoPush {
    position: fixed;
    height: 100%;
    width:100%;
    background-color:rgba(0, 0, 0, 0.8);
    z-index:9999;
    top: 0;
  }
  
  .geoPush div {
    background-color:#fff;
    width:300px;
    margin:20% auto;
    padding:20px 20px 0 20px;
    text-align: center;
    position: relative;
  }
  
  .geoPush div span.close-button {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color:#000;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    border-radius: 100%;
    height: 24px;
    width:24px;
    border:solid 1px #999;
    cursor: pointer;
  }
  
  .geoPush div p {
    font-size:14px;
    font-weight: bold;
  }
  
  .geoPush div button {
    padding:10px 15px;
  }

.header-locale-row {
    display: inline;
    margin-left:15px;
}
.header-locale-row select {
    width: inherit;
    display:inline;
    padding: 0px 15px 0 5px;
    height: auto;
    background-position: right -4px center;
    margin-bottom:8px;
}

#toggleMaker {
    display: none;
}

.box-wrap.grid.group.card-parent div.card-list {
  width: 33.333333%;
}

.box-wrap.grid.group.card-parent div.card-list:first-of-type {
    padding-left: 0;
    padding-right: 12px;
}

.box-wrap.grid.group.card-parent div.card-list:last-child {
    padding-right: 0;
    padding-left: 015px;
}

@media screen and (max-width:1500px) {

.digikey-image img,
.right .start-project.active,
.r-menu.right.show-for-large-up {
  display:none;
  }

    .top-bar-section {
        transition: none 0 0;
        left: 0 !important;
        margin-right: 0px;
    }

}

@media screen and (max-width:1200px) {

    #top-wrapper .top-bar-wrap .top-bar-section ul.main-menu {
        position: relative;
        display: none;
        z-index: 10;
        text-align: left;
    }
}

@media screen and (max-width:1100px) {

    .medium-block-grid-3 > li,
    .box-wrap.grid.group.card-parent div.card-list {
        width: 49.333%;
        list-style: none;
    }
  
      .card-parent li:nth-child(3n),
      .box-wrap.grid.group.card-parent div.card-list:nth-child(4n)  {
        width: 98.5%;
  }
    
    .card-parent.group .box-wrap.box-products.large-3.medium-3.columns.card-list:nth-child(3n) {
        padding-right: 0;
  }
    
    
    .box-wrap.grid.group.card-parent.group div.card-list:last-child {
        padding-left: 0;
  }
    

}


@media screen and (max-width:800px) {

    .medium-block-grid-3 > li,
    .box-wrap.grid.group.card-parent div.card-list {
        width: 100%;
        list-style: none;
  }
    
      .card-parent li:nth-child(3n),
      .box-wrap.grid.group.card-parent div.card-list:nth-child(4n)  {
         width: 100%;
  }
    
     .box-wrap.grid.group.card-parent.group div.card-list:first-of-type {
         padding-right: 0;
  }
    
     .card-parent.group .box-wrap.box-products.large-3.medium-3.columns.card-list {
         padding-left: 0;
         padding-right: 0;   
  }

}



.image_left, 
.image_center, 
.image_right {
  display: table;
  margin: 10px auto;
}

.image_left {
  margin-right: 20px;
  float: left;
}

.rtl .image_left {
  margin-left: 20px;
  float: right;
}

.image_right {
  margin-left: 20px;
  float: right;
}

.rtl .image_right {
  margin-right: 20px;
  float: left;
}

.image_left span, 
.image_center span, 
.image_right span {
  display: table-caption; 
  caption-side: bottom;
  text-align: center;
  font-size:12px;
  line-height:normal;
  padding-bottom:10px; 
}

.image_center img {
  width: 100%;
  height: auto;
}

.image_left img,
.image_right img {
  width: 100%;
  height: auto;
  max-width: 450px;
}

@media screen and (max-width:614px) {

            .top-bar .toggle-topbar.menu-icon a span::after {
                content: "";
                position: absolute;
                display: block;
                height: 0;
                top: 50%;
                margin-top: -8px;
                right: 1.94444rem;
                box-shadow: 0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
                width: 16px;
            }
}

@media screen and (max-width:400px) {
  
.image_left, 
.image_center, 
.image_right {
  margin: 0px auto;
}

  .blog-container p {
    max-width: 100%;
    width: 100%;
  }
  
}

.dk-btn, .dk-btn__primary, .dk-btn__alternate, .dk-btn__secondary, .button,
.btn {
  /* appearance: none; */
  -moz-appearance: none;
  -webkit-appearance: none;
  text-decoration: none;
  font-weight: bold;
  box-sizing: border-box;
  /* background-color: #fff; */
  color: #fff;
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  padding: 8px 24px;
  margin: 5px 8px;
  margin-left: 0;
  min-width: 101px;
  text-align: center;
  border-radius: 100px;
  transition: all 150ms ease-out;
  cursor: pointer;
  outline: none;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}

.dk-btn:focus, .dk-btn__primary:focus, .dk-btn__alternate:focus, .dk-btn__secondary:focus, .button:focus,
  .btn:focus {
  box-shadow: 0 0 1px 2px #1a1552;
  box-shadow: 0 0 1px 2px var(--blurple-blue);
}

.dk-btn:active, .dk-btn__primary:active, .dk-btn__alternate:active, .dk-btn__secondary:active, .button:active,
  .btn:active {
  box-shadow: none;
}

.dk-btn:disabled, .dk-btn__primary:disabled, .dk-btn__alternate:disabled, .dk-btn__secondary:disabled, .button:disabled,
  .btn:disabled, .dk-btn.disabled, .disabled.dk-btn__primary, .disabled.dk-btn__alternate, .disabled.dk-btn__secondary, .disabled.button,
  .disabled.btn {
  pointer-events: none;
  color: #cccccc;
  color: var(--cloud-grey);
  border: none;
  background-color: #eaeaea;
  background-color: var(--wispy-grey);
  box-shadow: inset 0 0 0 2px #cccccc;
  box-shadow: inset 0 0 0 2px var(--cloud-grey);
}

.dk-btn--lg {
  min-width: 120px !important;
  padding: 12px 40px !important;
  border-radius: 22px;
}

.dk-btn--sm {
  min-width: 69px !important;
  padding: 5px 18px !important;
  font-size: 0.858em !important;
}

.dk-btn--block {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.dk-btn__primary {
  background-color: #cc0000;
  /* background-color: var(--red); */
}

.dk-btn__primary:hover, .dk-btn__primary.hover-primary:hover {
  background-color: #a20000;
/*   background-color: var(--red--hover); */
}

.dk-btn__primary:active {
  background-color: #890000;
  background-color: var(--red--clicked);
}

.comments-cont {
      width: 75%;
}

.comments-cont .comment-search-facets {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: inline-block;
  flex-direction: column;
  width: 80%;
}

.comment-search-facets span {
    flex-direction: column;
}

.comment-search-facets input {
    margin-right: 20px;
    max-width: fit-content;
    display: inline-block;
}

.comment-search-facets input.hasAutocomplete.ui-autocomplete-input,
.comment-search-facets input.hasDatepicker {
    display: block;
}