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

html {
    font-size : 62.5%
}

body {
    background             : #fff;
    font-family            : "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight            : normal;
    font-style             : normal;
    font-size              : 14px;
    line-height            : 1;
    color                  : #222;
    position               : relative;
    -webkit-font-smoothing : antialiased
}

a img {
    border : none
}

a {
    color           : #2ba6cb;
    text-decoration : none;
    line-height     : inherit
}

a:hover {
    color : #2795b6
}

a:focus {
    color : #2795b6
}

p a, p a:visited {
    line-height : inherit
}

.left {
    float : left
}

.right {
    float : right
}

.text-left {
    text-align : left
}

.text-right {
    text-align : right
}

.text-center {
    text-align : center
}

.hide {
    display : none
}

.hide-override {
    display : none !important
}

.highlight {
    background : #ff9
}

#googlemap img, object, embed {
    max-width : none
}

#map_canvas embed {
    max-width : none
}

#map_canvas img {
    max-width : none
}

#map_canvas object {
    max-width : none
}

figure {
    margin : 0
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin    : 0;
    padding   : 0;
    font-size : 14px;
    direction : ltr
}

p {
    font-family   : inherit;
    font-weight   : normal;
    font-size     : 14px;
    line-height   : 1.6;
    margin-bottom : 17px
}

p.lead {
    font-size     : 17.5px;
    line-height   : 1.6;
    margin-bottom : 17px
}

aside p {
    font-size   : 13px;
    line-height : 1.35;
    font-style  : italic
}

h1, h2, h3, h4, h5, h6 {
    font-family    : "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight    : bold;
    font-style     : normal;
    color          : #222;
    text-rendering : optimizeLegibility;
    line-height    : 1.1;
    margin-bottom  : 14px;
    margin-top     : 14px
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size   : 60%;
    color       : #6f6f6f;
    line-height : 0
}

h1 {
    font-size : 44px
}

h2 {
    font-size : 37px
}

h3 {
    font-size : 27px
}

h4 {
    font-size : 23px
}

h5 {
    font-size : 17px
}

h6 {
    font-size : 14px
}

hr {
    border       : solid #ddd;
    border-width : 1px 0 0;
    clear        : both;
    margin       : 22px 0 21px;
    height       : 0
}

.subheader {
    line-height   : 1.3;
    color         : #6f6f6f;
    font-weight   : 300;
    margin-bottom : 17px
}

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 : bold;
    background  : #ff9
}

ul, ol, dl {
    font-size           : 14px;
    line-height         : 1.6;
    margin-bottom       : 17px;
    list-style-position : outside
}

ul li ul, ul li ol {
    margin-left   : 20px;
    margin-bottom : 0
}

ul.square, ul.circle, ul.disc {
    margin-left : 17px
}

ul.square {
    list-style-type : square
}

ul.square li ul {
    list-style : inherit
}

ul.circle {
    list-style-type : circle
}

ul.circle li ul {
    list-style : inherit
}

ul.disc {
    list-style-type : disc
}

ul.disc li ul {
    list-style : inherit
}

ul.no-bullet {
    list-style : none
}

ul.large li {
    line-height : 21px
}

ol {
    margin-left : 20px
}

ol li ul, ol li ol {
    margin-left   : 20px;
    margin-bottom : 0
}

blockquote, blockquote p {
    line-height : 1.5;
    color       : #6f6f6f
}

blockquote {
    margin      : 0 0 17px;
    padding     : 9px 20px 0 19px;
    border-left : 1px solid #ddd
}

blockquote cite {
    display   : block;
    font-size : 13px;
    color     : #555
}

blockquote cite:before {
    content : "\2014 \0020"
}

blockquote cite a, blockquote cite a:visited {
    color : #555
}

abbr, acronym {
    text-transform : uppercase;
    font-size      : 90%;
    color          : #222;
    border-bottom  : 1px solid #ddd;
    cursor         : help
}

abbr {
    text-transform : none
}

.print-only {
    display : none !important
}

@media print {
    * {
        background  : transparent !important;
        color       : #000 !important;
        box-shadow  : none !important;
        text-shadow : none !important;
        filter      : none !important;
        -ms-filter  : none !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
    }
}

form {
    margin : 0 0 19.41641px
}

.row form .row {
    margin : 0 -6px
}

.row form .row .column, .row form .row .columns {
    padding : 0 6px
}

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

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

label {
    font-size     : 14px;
    color         : #4d4d4d;
    cursor        : pointer;
    display       : block;
    font-weight   : 500;
    margin-bottom : 3px
}

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

label.inline {
    line-height : 32px;
    margin      : 0 0 12px 0
}

.prefix, .postfix {
    display        : block;
    position       : relative;
    z-index        : 2;
    text-align     : center;
    width          : 100%;
    padding-top    : 0;
    padding-bottom : 0;
    height         : 32px;
    line-height    : 31px
}

a.button.prefix, a.button.postfix {
    padding-left  : 0;
    padding-right : 0;
    text-align    : center
}

span.prefix, span.postfix {
    background : #f2f2f2;
    border     : 1px solid #ccc
}

.prefix {
    left                              : 2px;
    -moz-border-radius-topleft        : 2px;
    -webkit-border-top-left-radius    : 2px;
    border-top-left-radius            : 2px;
    -moz-border-radius-bottomleft     : 2px;
    -webkit-border-bottom-left-radius : 2px;
    border-bottom-left-radius         : 2px;
    overflow                          : hidden
}

.postfix {
    right                              : 2px;
    -moz-border-radius-topright        : 2px;
    -webkit-border-top-right-radius    : 2px;
    border-top-right-radius            : 2px;
    -moz-border-radius-bottomright     : 2px;
    -webkit-border-bottom-right-radius : 2px;
    border-bottom-right-radius         : 2px
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    background-color      : #fff;
    font-family           : inherit;
    border                : 1px solid #ccc;
    -webkit-border-radius : 2px;
    -moz-border-radius    : 2px;
    -ms-border-radius     : 2px;
    -o-border-radius      : 2px;
    border-radius         : 2px;
    -webkit-box-shadow    : inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow       : inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow            : inset 0 1px 2px rgba(0, 0, 0, 0.1);
    color                 : rgba(0, 0, 0, 0.75);
    display               : block;
    font-size             : 14px;
    margin                : 0 0 12px 0;
    padding               : 6px;
    height                : 32px;
    width                 : 100%;
    -webkit-transition    : all 0.15s linear;
    -moz-transition       : all 0.15s linear;
    -o-transition         : all 0.15s linear;
    transition            : all 0.15s linear
}

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
    font-size : 17px;
    padding   : 4px 6px
}

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]: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, textarea:focus {
    background   : #fafafa;
    border-color : #b3b3b3
}

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][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], textarea[disabled] {
    background-color : #ddd
}

textarea {
    height : auto
}

select {
    width : 100%
}

fieldset {
    border                : solid 1px #ddd;
    -webkit-border-radius : 3px;
    -moz-border-radius    : 3px;
    -ms-border-radius     : 3px;
    -o-border-radius      : 3px;
    border-radius         : 3px;
    padding               : 12px;
    margin                : 18px 0
}

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

.error input, input.error, .error textarea, textarea.error, .error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
    border-color     : #c60f13;
    background-color : rgba(198, 15, 19, 0.1)
}

.error input:focus, input.error:focus, .error textarea:focus, textarea.error:focus {
    outline-color : #f5797c
}

.error label, label.error {
    color : #c60f13
}

.error small, small.error {
    display                            : block;
    padding                            : 6px 4px;
    margin-top                         : -13px;
    margin-bottom                      : 12px;
    background                         : #c60f13;
    color                              : #fff;
    font-size                          : 12px;
    font-weight                        : bold;
    -moz-border-radius-bottomleft      : 2px;
    -webkit-border-bottom-left-radius  : 2px;
    border-bottom-left-radius          : 2px;
    -moz-border-radius-bottomright     : 2px;
    -webkit-border-bottom-right-radius : 2px;
    border-bottom-right-radius         : 2px
}

form.custom span.custom {
    display    : inline-block;
    width      : 16px;
    height     : 16px;
    position   : relative;
    top        : 2px;
    border     : solid 1px #ccc;
    background : #fff
}

form.custom span.custom.radio {
    -webkit-border-radius : 100px;
    -moz-border-radius    : 100px;
    -ms-border-radius     : 100px;
    -o-border-radius      : 100px;
    border-radius         : 100px
}

form.custom span.custom.checkbox:before {
    content     : "";
    display     : block;
    line-height : 0.8;
    height      : 14px;
    width       : 14px;
    text-align  : center;
    position    : absolute;
    top         : 0;
    left        : 0;
    font-size   : 14px;
    color       : #fff
}

form.custom span.custom.radio.checked:before {
    content               : "";
    display               : block;
    width                 : 8px;
    height                : 8px;
    -webkit-border-radius : 100px;
    -moz-border-radius    : 100px;
    -ms-border-radius     : 100px;
    -o-border-radius      : 100px;
    border-radius         : 100px;
    background            : #222;
    position              : relative;
    top                   : 3px;
    left                  : 3px
}

form.custom span.custom.checkbox.checked:before {
    content : "\00d7";
    color   : #222
}

form.custom div.custom.dropdown {
    display       : block;
    position      : relative;
    width         : auto;
    height        : 28px;
    margin-bottom : 9px;
    margin-top    : 2px
}

form.custom div.custom.dropdown ul {
    overflow-y : auto;
    max-height : 200px
}

form.custom div.custom.dropdown a.current {
    display          : block;
    width            : auto;
    line-height      : 26px;
    min-height       : 28px;
    padding          : 0;
    padding-left     : 6px;
    padding-right    : 38px;
    border           : solid 1px #ddd;
    color            : #141414;
    background-color : #fff;
    white-space      : nowrap
}

form.custom div.custom.dropdown a.selector {
    position : absolute;
    width    : 27px;
    height   : 28px;
    display  : block;
    right    : 0;
    top      : 0;
    border   : solid 1px #ddd
}

form.custom div.custom.dropdown a.selector:after {
    content      : "";
    display      : block;
    content      : "";
    display      : block;
    width        : 0;
    height       : 0;
    border       : solid 5px;
    border-color : #aaa transparent transparent transparent;
    position     : absolute;
    left         : 50%;
    top          : 50%;
    margin-top   : -2px;
    margin-left  : -5px
}

form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
    content      : "";
    display      : block;
    width        : 0;
    height       : 0;
    border       : solid 5px;
    border-color : #222 transparent transparent transparent
}

form.custom div.custom.dropdown.open ul {
    display : block;
    z-index : 10
}

form.custom div.custom.dropdown.small {
    width : 134px !important
}

form.custom div.custom.dropdown.medium {
    width : 254px !important
}

form.custom div.custom.dropdown.large {
    width : 434px !important
}

form.custom div.custom.dropdown.expand {
    width : 100% !important
}

form.custom div.custom.dropdown.open.small ul {
    width : 134px !important
}

form.custom div.custom.dropdown.open.medium ul {
    width : 254px !important
}

form.custom div.custom.dropdown.open.large ul {
    width : 434px !important
}

form.custom div.custom.dropdown.open.expand ul {
    width : 100% !important
}

form.custom div.custom.dropdown ul {
    position   : absolute;
    width      : auto;
    display    : none;
    margin     : 0;
    left       : 0;
    top        : 27px;
    margin     : 0;
    padding    : 0;
    background : #fff;
    background : rgba(255, 255, 255, 0.95);
    border     : solid 1px #ccc
}

form.custom div.custom.dropdown ul li {
    color         : #555;
    font-size     : 13px;
    cursor        : pointer;
    padding       : 3px;
    padding-left  : 6px;
    padding-right : 38px;
    min-height    : 18px;
    line-height   : 18px;
    margin        : 0;
    white-space   : nowrap;
    list-style    : none
}

form.custom div.custom.dropdown ul li.selected {
    background : #cdebf5;
    color      : #000
}

form.custom div.custom.dropdown ul li.selected:after {
    content  : "\2013";
    position : absolute;
    right    : 10px
}

form.custom div.custom.dropdown ul li:hover {
    background-color : #cdebf5;
    color            : #000
}

form.custom div.custom.dropdown ul li:hover:after {
    content  : "\2013";
    position : absolute;
    right    : 10px;
    color    : #a3dbec
}

form.custom div.custom.dropdown ul li.selected:hover {
    background : #cdebf5;
    cursor     : default;
    color      : #000
}

form.custom div.custom.dropdown ul li.selected:hover:after {
    color : #000
}

form.custom div.custom.dropdown ul.show {
    display : block
}

form.custom .custom.disabled {
    background-color : #ddd
}

@-moz-document url-prefix(){form.custom div.custom.dropdown a.selector{height:28px}} .lt-ie9 form.custom div.custom.dropdown a.selector {
                                                                                         height : 28px
                                                                                     }

.row {
    /*width     : 940px;*/
    max-width : 100%;
    min-width : 641px;
    margin    : 0 auto
}

.row .row {
    width     : auto;
    max-width : none;
    min-width : 0;
    margin    : 0 -15px
}

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

.row .row {
    width     : auto;
    max-width : none;
    min-width : 0;
    margin    : 0 -15px
}

.row .row.collapse {
    margin : 0
}

.column, .columns {
    float      : left;
    min-height : 1px;
    padding    : 0 15px;
    position   : relative
}

.column.centered, .columns.centered {
    float  : none;
    margin : 0 auto
}

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

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

.one, .row .one {
    width : 8.33333%
}

.two, .row .two {
    width : 16.66667%
}

.three, .row .three {
    width : 25%
}

.four, .row .four {
    width : 33.33333%
}

.five, .row .five {
    width : 41.66667%
}

.six, .row .six {
    width : 50%
}

.seven, .row .seven {
    width : 58.33333%
}

.eight, .row .eight {
    width : 66.66667%
}

.nine, .row .nine {
    width : 75%
}

.ten, .row .ten {
    width : 83.33333%
}

.eleven, .row .eleven {
    width : 91.66667%
}

.twelve, .row .twelve {
    width : 100%
}

.row .offset-by-one {
    margin-left : 8.33333%
}

.row .offset-by-two {
    margin-left : 16.66667%
}

.row .offset-by-three {
    margin-left : 25%
}

.row .offset-by-four {
    margin-left : 33.33333%
}

.row .offset-by-five {
    margin-left : 41.66667%
}

.row .offset-by-six {
    margin-left : 50%
}

.row .offset-by-seven {
    margin-left : 58.33333%
}

.row .offset-by-eight {
    margin-left : 66.66667%
}

.row .offset-by-nine {
    margin-left : 75%
}

.row .offset-by-ten {
    margin-left : 83.33333%
}

.push-two {
    left : 16.66667%
}

.pull-two {
    right : 16.66667%
}

.push-three {
    left : 25%
}

.pull-three {
    right : 25%
}

.push-four {
    left : 33.33333%
}

.pull-four {
    right : 33.33333%
}

.push-five {
    left : 41.66667%
}

.pull-five {
    right : 41.66667%
}

.push-six {
    left : 50%
}

.pull-six {
    right : 50%
}

.push-seven {
    left : 58.33333%
}

.pull-seven {
    right : 58.33333%
}

.push-eight {
    left : 66.66667%
}

.pull-eight {
    right : 66.66667%
}

.push-nine {
    left : 75%
}

.pull-nine {
    right : 75%
}

.push-ten {
    left : 83.33333%
}

.pull-ten {
    right : 83.33333%
}

img {
    height : auto
}

img, object, embed {
    max-width : 100%
}

img {
    -ms-interpolation-mode : bicubic
}

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

.row {
    *zoom : 1
}

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

.row:after {
    clear : both
}

.block-grid {
    display  : block;
    overflow : hidden;
    padding  : 0
}

.block-grid>li {
    display : block;
    height  : auto;
    float   : left
}

.block-grid.one-up {
    margin : 0
}

.block-grid.one-up>li {
    width   : 100%;
    padding : 0 0 15px
}

.block-grid.two-up {
    margin : 0 -15px
}

.block-grid.two-up>li {
    width   : 50%;
    padding : 0 15px 15px
}

.block-grid.two-up>li:nth-child(2n+1) {
    clear : both
}

.block-grid.three-up {
    margin : 0 -12px
}

.block-grid.three-up>li {
    width   : 33.33333%;
    padding : 0 12px 12px
}

.block-grid.three-up>li:nth-child(3n+1) {
    clear : both
}

.block-grid.four-up {
    margin : 0 -10px
}

.block-grid.four-up>li {
    width   : 25%;
    padding : 0 10px 10px
}

.block-grid.four-up>li:nth-child(4n+1) {
    clear : both
}

.block-grid.five-up {
    margin : 0 -8px
}

.block-grid.five-up>li {
    width   : 20%;
    padding : 0 8px 8px
}

.block-grid.five-up>li:nth-child(5n+1) {
    clear : both
}

.block-grid.six-up {
    margin : 0 -8px
}

.block-grid.six-up>li {
    width   : 16.66667%;
    padding : 0 8px 8px
}

.block-grid.six-up>li:nth-child(6n+1) {
    clear : both
}

.block-grid.seven-up {
    margin : 0 -8px
}

.block-grid.seven-up>li {
    width   : 14.28571%;
    padding : 0 8px 8px
}

.block-grid.seven-up>li:nth-child(7n+1) {
    clear : both
}

.block-grid.eight-up {
    margin : 0 -8px
}

.block-grid.eight-up>li {
    width   : 12.5%;
    padding : 0 8px 8px
}

.block-grid.eight-up>li:nth-child(8n+1) {
    clear : both
}

.block-grid.nine-up {
    margin : 0 -8px
}

.block-grid.nine-up>li {
    width   : 11.11111%;
    padding : 0 8px 8px
}

.block-grid.nine-up>li:nth-child(9n+1) {
    clear : both
}

.block-grid.ten-up {
    margin : 0 -8px
}

.block-grid.ten-up>li {
    width   : 10%;
    padding : 0 8px 8px
}

.block-grid.ten-up>li:nth-child(10n+1) {
    clear : both
}

.block-grid.eleven-up {
    margin : 0 -8px
}

.block-grid.eleven-up>li {
    width   : 9.09091%;
    padding : 0 8px 8px
}

.block-grid.eleven-up>li:nth-child(11n+1) {
    clear : both
}

.block-grid.twelve-up {
    margin : 0 -8px
}

.block-grid.twelve-up>li {
    width   : 8.33333%;
    padding : 0 8px 8px
}

.block-grid.twelve-up>li:nth-child(12n+1) {
    clear : both
}

.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge, .show-for-print {
    display : none !important
}

.hide-for-small, .hide-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .hide-for-xlarge, .hide-for-print {
    display : inherit !important
}

@media only screen and (min-width: 1441px) {
    .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
        display : inherit !important
    }

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

@media only screen and (max-width: 1279px) and (min-width: 641px) {
    .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display : inherit !important
    }

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

@media only screen and (max-width: 640px) {
    .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
        display : inherit !important
    }

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

.show-for-landscape, .hide-for-portrait {
    display : inherit !important
}

.hide-for-landscape, .show-for-portrait {
    display : none !important
}

@media screen and (orientation: landscape) {
    .show-for-landscape, .hide-for-portrait {
        display : inherit !important
    }

    .hide-for-landscape, .show-for-portrait {
        display : none !important
    }
}

@media screen and (orientation: portrait) {
    .show-for-portrait, .hide-for-landscape {
        display : inherit !important
    }

    .hide-for-portrait, .show-for-landscape {
        display : none !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.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
    display : table !important
}

@media only screen and (max-width: 1279px) and (min-width: 641px) {
    .touch table.hide-for-xlarge, .touch table.hide-for-large, .touch table.hide-for-small, .touch table.show-for-medium {
        display : table !important
    }
}

@media only screen and (max-width: 640px) {
    table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
        display : table !important
    }
}

@media only screen and (max-device-width: 1280px) {
    .touch .nav-bar li.has-flyout>a {
        padding-right : 36px !important
    }
}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 640px) {
    .flex-video {
        padding-top : 0
    }
}

@media only screen and (max-width: 1279px) and (min-width: 641px) {
    .touch .nav-bar li a {
        font-size : 13px
    }

    .touch .nav-bar li.has-flyout>a.flyout-toggle {
        padding : 20px !important
    }

    .touch .nav-bar li.has-flyout>a {
        padding-right : 36px !important
    }

    .clearing-main-right, .clearing-main-left {
        height : 100%;
        width  : 40px;
        top    : 0;
        border : none
    }

    .clearing-main-right:before, .clearing-main-left:before {
        position : absolute;
        top      : 50%
    }

    .clearing-main-left {
        left : 0
    }

    .clearing-main-left:before {
        left         : 5px;
        content      : "";
        display      : block;
        width        : 0;
        height       : 0;
        border       : solid 16px;
        border-color : transparent #fff transparent transparent
    }

    .clearing-main-right {
        height : 100%;
        right  : 0
    }

    .clearing-main-right:before {
        content      : "";
        display      : block;
        width        : 0;
        height       : 0;
        border       : solid 16px;
        border-color : transparent transparent transparent #fff
    }
}

@media only screen and (max-width: 640px) {
    .left, .right {
        float : none
    }

    body {
        -webkit-text-size-adjust : none;
        -ms-text-size-adjust     : none;
        width                    : 100%;
        min-width                : 0;
        margin-left              : 0;
        margin-right             : 0;
        padding-left             : 0;
        padding-right            : 0
    }

    .row {
        width        : auto;
        min-width    : 0;
        margin-left  : 0;
        margin-right : 0
    }

    .column, .columns {
        width : auto !important;
        float : none
    }

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

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

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

    .column:after, .columns:after {
        clear : both
    }

    .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
        margin-left : 0 !important
    }

    .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
        left : auto
    }

    .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
        right : auto
    }

    .row .mobile-one {
        width   : 25% !important;
        float   : left;
        padding : 0 15px
    }

    .row .mobile-one:last-child {
        float : right
    }

    .row .mobile-one.end {
        float : left
    }

    .row.collapse .mobile-one {
        padding : 0
    }

    .row .mobile-two {
        width   : 50% !important;
        float   : left;
        padding : 0 15px
    }

    .row .mobile-two:last-child {
        float : right
    }

    .row .mobile-two.end {
        float : left
    }

    .row.collapse .mobile-two {
        padding : 0
    }

    .row .mobile-three {
        width   : 75% !important;
        float   : left;
        padding : 0 15px
    }

    .row .mobile-three:last-child {
        float : right
    }

    .row .mobile-three.end {
        float : left
    }

    .row.collapse .mobile-three {
        padding : 0
    }

    .row .mobile-four {
        width   : 100% !important;
        float   : left;
        padding : 0 15px
    }

    .row .mobile-four:last-child {
        float : right
    }

    .row .mobile-four.end {
        float : left
    }

    .row.collapse .mobile-four {
        padding : 0
    }

    .push-one-mobile {
        left : 25%
    }

    .pull-one-mobile {
        right : 25%
    }

    .push-two-mobile {
        left : 50%
    }

    .pull-two-mobile {
        right : 50%
    }

    .push-three-mobile {
        left : 75%
    }

    .pull-three-mobile {
        right : 75%
    }

    .block-grid.mobile>li {
        float       : none;
        width       : 100%;
        margin-left : 0
    }

    .block-grid>li {
        clear : none
    }

    .block-grid.mobile-one-up>li {
        width : 100%
    }

    .block-grid.mobile-two-up>li {
        width : 50%
    }

    .block-grid.mobile-two-up>li:nth-child(2n+1) {
        clear : both
    }

    .block-grid.mobile-three-up>li {
        width : 33.33333%
    }

    .block-grid.mobile-three-up>li:nth-child(3n+1) {
        clear : both
    }

    .block-grid.mobile-four-up>li {
        width : 25%
    }

    .block-grid.mobile-four-up>li:nth-child(4n+1) {
        clear : both
    }

    .block-grid.mobile-five-up>li {
        width : 20%
    }

    .block-grid.mobile-five-up>li:nth-child(5n+1) {
        clear : both
    }

    .block-grid.mobile-six-up>li {
        width : 16.66667%
    }

    .block-grid.mobile-six-up>li:nth-child(6n+1) {
        clear : both
    }

    .block-grid.mobile-seven-up>li {
        width : 14.28571%
    }

    .block-grid.mobile-seven-up>li:nth-child(7n+1) {
        clear : both
    }

    .block-grid.mobile-eight-up>li {
        width : 12.5%
    }

    .block-grid.mobile-eight-up>li:nth-child(8n+1) {
        clear : both
    }

    .block-grid.mobile-nine-up>li {
        width : 11.11111%
    }

    .block-grid.mobile-nine-up>li:nth-child(9n+1) {
        clear : both
    }

    .block-grid.mobile-ten-up>li {
        width : 10%
    }

    .block-grid.mobile-ten-up>li:nth-child(10n+1) {
        clear : both
    }

    .block-grid.mobile-eleven-up>li {
        width : 9.09091%
    }

    .block-grid.mobile-eleven-up>li:nth-child(11n+1) {
        clear : both
    }

    .block-grid.mobile-twelve-up>li {
        width : 8.33333%
    }

    .block-grid.mobile-twelve-up>li:nth-child(12n+1) {
        clear : both
    }

    label.right {
        text-align : left
    }

    input[type="text"].one, .row input[type="text"].one, input[type="password"].one, .row input[type="password"].one, input[type="date"].one, .row input[type="date"].one, input[type="datetime"].one, .row input[type="datetime"].one, input[type="email"].one, .row input[type="email"].one, input[type="number"].one, .row input[type="number"].one, input[type="search"].one, .row input[type="search"].one, input[type="tel"].one, .row input[type="tel"].one, input[type="time"].one, .row input[type="time"].one, input[type="url"].one, .row input[type="url"].one, textarea.one, .row textarea.one {
        width : 100% !important
    }

    input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
        width : 100% !important
    }

    input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
        width : 100% !important
    }

    input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
        width : 100% !important
    }

    input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
        width : 100% !important
    }

    input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
        width : 100% !important
    }

    input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
        width : 100% !important
    }

    input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
        width : 100% !important
    }

    input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
        width : 100% !important
    }

    input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
        width : 100% !important
    }

    input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
        width : 100% !important
    }

    input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
        width : 100% !important
    }

    .button {
        display : block
    }

    button.button, input[type="submit"].button, input[type="reset"].button {
        width         : 100%;
        padding-left  : 0;
        padding-right : 0
    }

    .button-group button.button, .button-group input[type="submit"].button {
        width   : auto;
        padding : 10px 20px 11px
    }

    .button-group button.button.large, .button-group input[type="submit"].button.large {
        padding : 15px 30px 16px
    }

    .button-group button.button.medium, .button-group input[type="submit"].button.medium {
        padding : 10px 20px 11px
    }

    .button-group button.button.small, .button-group input[type="submit"].button.small {
        padding : 7px 14px 8px
    }

    .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
        padding : 5px 10px 6px
    }

    .button-group.even button.button, .button-group.even input[type="submit"].button {
        width         : 100%;
        padding-left  : 0;
        padding-right : 0
    }

    .nav-bar {
        height : auto
    }

    .nav-bar>li {
        float        : none;
        display      : block;
        border-right : none
    }

    .nav-bar>li>a.main {
        text-align   : left;
        border-top   : 1px solid #ddd;
        border-right : none
    }

    .nav-bar>li:first-child>a.main {
        border-top : none
    }

    .nav-bar>li.has-flyout>a.flyout-toggle {
        position : absolute;
        right    : 0;
        top      : 0;
        padding  : 22px;
        z-index  : 2;
        display  : block
    }

    .nav-bar>li.has-flyout.is-touch>a.flyout-toggle span {
        content : "";
        width   : 0;
        height  : 0;
        display : block
    }

    .nav-bar>li.has-flyout>a.flyout-toggle:hover span {
        border-top-color : #141414
    }

    .nav-bar.vertical>li.has-flyout>.flyout {
        left : 0
    }

    .flyout {
        position     : relative;
        width        : 100% !important;
        top          : auto;
        margin-right : -2px;
        border-width : 1px 1px 0 1px
    }

    .flyout.right {
        float : none;
        right : auto;
        left  : -1px
    }

    .flyout.small, .flyout.large {
        width : 100% !important
    }

    .flyout p:last-child {
        margin-bottom : 18px
    }

    .reveal-modal-bg {
        position : absolute
    }

    .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
        width       : 80%;
        top         : 15px;
        left        : 50%;
        margin-left : -40%;
        padding     : 20px;
        height      : auto
    }

    .clearing-container {
        margin : 0
    }

    .clearing-close {
        z-index   : 99;
        font-size : 37px;
        top       : 0px;
        right     : 5px
    }

    .clearing-caption {
        position    : fixed;
        bottom      : 0;
        left        : 0;
        padding     : 10px !important;
        line-height : 1.3
    }

    .clearing-main-right, .clearing-main-left {
        display : none
    }

    .clearing-blackout.clearing-assembled .visible-img, .clearing-blackout.clearing-assembled .clearing-container {
        height : 100%
    }

    .clearing-blackout.clearing-assembled ul[data-clearing] {
        display : none
    }

    .joyride-tip-guide {
        width                 : 95% !important;
        left                  : 2.5% !important;
        -webkit-border-radius : 4px;
        -moz-border-radius    : 4px;
        -ms-border-radius     : 4px;
        -o-border-radius      : 4px;
        border-radius         : 4px
    }

    .joyride-tip-guide-wrapper {
        width : 100%
    }

    .tabs.mobile {
        width         : auto;
        margin        : 20px -20px 40px;
        border-bottom : solid 1px #ccc;
        height        : auto;
        margin        : 20px -15px 0px -15px
    }

    .tabs.mobile dt, .tabs.mobile li, .tabs.mobile dd {
        float  : none;
        height : auto
    }

    .tabs.mobile dd a, .tabs.mobile li a {
        font-size    : 15px;
        display      : block;
        width        : auto;
        height       : auto;
        padding      : 18px 20px;
        margin       : 0;
        color        : #555;
        line-height  : 1;
        border       : none;
        border-left  : none;
        border-right : none;
        border-top   : 1px solid #ccc;
        background   : #fff
    }

    .tabs.mobile dd a.active, .tabs.mobile li a.active {
        border     : none;
        background : #2ba6cb;
        color      : #fff;
        margin     : 0;
        position   : static;
        top        : 0;
        height     : auto
    }

    .tabs.mobile dd:first-child a.active, .tabs.mobile li:first-child a.active {
        margin : 0
    }

    .tabs.mobile+.tabs-content.contained {
        margin-left  : -15px;
        margin-right : -15px
    }

    .tabs.mobile .section-title {
        padding-left : 20px !important
    }

    .contained.mobile {
        margin-bottom : 0
    }

    .contained.tabs.mobile dd a, .contained.tabs.mobile li a {
        padding : 18px 20px
    }

    .tabs.mobile+ul.contained {
        margin-left  : -20px;
        margin-right : -20px;
        border-width : 0 0 1px 0
    }

    .tooltip {
        font-size   : 14px;
        line-height : 1.4;
        padding     : 7px 10px 9px 10px;
        left        : 50% !important;
        max-width   : 80% !important;
        margin-left : -40%;
        font-size   : 110%
    }

    .tooltip>.nub, .tooltip.top>.nub, .tooltip.left>.nub, .tooltip.right>.nub {
        border-color : transparent transparent #000 transparent;
        border-color : transparent transparent rgba(0, 0, 0, 0.85) transparent;
        top          : -12px;
        left         : 10px
    }
}

@media only screen and (max-width: 940px) {
    .top-bar {
        margin-bottom : 0;
        overflow      : hidden;
        height        : 45px;
        background    : #222
    }

    .top-bar .js-generated {
        display : block
    }

    .contain-to-grid .top-bar {
        width : auto
    }

    .top-bar section {
        left               : 0;
        position           : relative;
        width              : auto;
        -webkit-transition : left 300ms 0;
        -moz-transition    : left 300ms 0;
        -o-transition      : left 300ms 0;
        transition         : left 300ms 0
    }

    .top-bar ul {
        width         : 100%;
        height        : 100%;
        margin-bottom : 0;
        display       : block
    }

    .top-bar ul>li {
        float : none
    }

    .top-bar ul>li.active, .top-bar ul>li:hover {
        background : #151515
    }

    .top-bar ul>li.name {
        height : 45px
    }

    .top-bar ul>li.name h1 {
        line-height : 1
    }

    .top-bar ul>li.name h1 a {
        color        : #fff;
        display      : block;
        line-height  : 45px !important;
        padding-left : 15px;
        height       : 45px
    }

    .top-bar ul>li:hover a, .top-bar ul>li.active a {
        color : #fff
    }

    .top-bar ul>li a:not(.button) {
        color : #fff
    }

    .top-bar ul>li.toggle-topbar {
        cursor   : pointer;
        display  : block;
        height   : 45px;
        position : absolute;
        right    : 0;
        top      : 0;
        width    : 50%
    }

    .top-bar ul>li.toggle-topbar a {
        content      : "";
        display      : block;
        width        : 0;
        height       : 0;
        border       : solid 8px;
        border-color : #fff transparent transparent transparent;
        padding      : 0;
        position     : absolute;
        top          : 50%;
        right        : 22.5px;
        margin-top   : -4px
    }

    .top-bar ul>li.toggle-topbar:hover {
        background : inherit
    }

    .top-bar ul>li.toggle-topbar a {
        padding : 0 !important
    }

    .top-bar ul>li.divider {
        border-bottom : solid 1px #3c3c3c;
        border-top    : solid 1px #000;
        clear         : both;
        height        : 1px !important;
        margin        : 8px 0 !important;
        width         : 100%
    }

    .top-bar ul>li.search {
        padding : 0 22.5px
    }

    .top-bar ul>li.search form {
        width : 100%
    }

    .top-bar ul>li.search form input[type=text] {
        width : 75%
    }

    .top-bar ul>li.search form .button {
        top   : -1px;
        width : 25%
    }

    .top-bar ul>li.has-dropdown a {
        padding-right : 33.75px
    }

    .top-bar ul>li.has-dropdown a:after {
        content      : "";
        display      : block;
        width        : 0;
        height       : 0;
        border       : solid 5px;
        border-color : transparent transparent transparent rgba(255, 255, 255, 0.5);
        margin-right : 15px;
        margin-top   : -4.5px;
        position     : absolute;
        top          : 50%
    }

    .top-bar ul>li.has-dropdown:hover>.dropdown {
        display    : block;
        visibility : hidden
    }

    .top-bar ul>li.has-dropdown .dropdown {
        visibility : hidden;
        z-index    : 0 !important
    }

    .top-bar ul>li.has-dropdown.moved {
        position : static
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown {
        top        : 0;
        visibility : visible
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li label {
        margin-bottom : 6px;
        padding-top   : 6px !important;
        font-size     : 11px
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) {
        padding-bottom : 0
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li:not(.title) a {
        padding   : 8px 22.5px;
        font-size : 14px
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li a, .top-bar ul>li.has-dropdown.moved>.dropdown li label {
        padding : 0 22.5px
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li a:hover {
        background : #3c3c3c;
        display    : block
    }

    .top-bar ul>li.has-dropdown.moved>.dropdown li.divider {
        border-bottom : solid 1px rgba(255, 255, 255, 0.1);
        margin-top    : 8px !important;
        margin-bottom : 8px !important
    }

    .top-bar ul>li.has-dropdown.moved .back.title {
        padding-bottom : 0
    }

    .top-bar ul>li.has-dropdown.moved .back.title a:before {
        position     : absolute;
        top          : 50%;
        left         : 17.5px;
        margin-top   : -5px;
        width        : 0;
        height       : 0;
        content      : "";
        display      : block;
        width        : 0;
        height       : 0;
        border       : solid 5px;
        border-color : transparent #fff transparent transparent
    }

    .top-bar ul>li.has-dropdown.moved .back.title h5 {
        margin       : 0;
        padding-left : 15px;
        position     : relative
    }

    .top-bar ul>li.has-dropdown.moved .back.title h5 a {
        background     : transparent;
        padding-top    : 8px;
        padding-bottom : 8px;
        font-size      : 23px;
        font-weight    : bold
    }

    .top-bar ul>li.has-dropdown .dropdown li {
        background : transparent
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown .dropdown {
        left  : 100% !important;
        top   : 0;
        right : auto !important
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a {
        padding-right : 33.75px
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a:after {
        content      : "";
        margin-right : 15px;
        content      : "";
        display      : block;
        width        : 0;
        height       : 0;
        border       : solid 5px;
        border-color : transparent transparent transparent rgba(255, 255, 255, 0.5);
        position     : absolute;
        top          : 50%;
        margin-top   : -4.5px
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown>a li a:hover {
        background : #3c3c3c
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved {
        position : static
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
        top        : 0;
        visibility : visible
    }

    .top-bar ul>li.has-dropdown .dropdown li.has-dropdown:hover {
        display : block
    }

    .top-bar ul.left, .top-bar ul.right {
        float : none;
        width : 100%
    }

    .top-bar ul.left>li, .top-bar ul.right>li {
        display : block;
        float   : none;
        margin  : 0 !important
    }

    .top-bar ul.left>li.has-dropdown .dropdown, .top-bar ul.right>li.has-dropdown .dropdown {
        left  : 100% !important;
        top   : 0;
        right : auto !important
    }

    .top-bar section>ul li a:not(.button) {
        padding-left : 22.5px !important
    }

    .top-bar.expanded {
        height : 100%
    }

    .top-bar.expanded ul li.toggle-topbar a {
        content       : "";
        display       : block;
        width         : 0;
        height        : 0;
        border        : solid 8px;
        border-color  : transparent transparent #ccc transparent;
        top           : auto;
        bottom        : 50%;
        margin-bottom : -4px
    }

    .top-bar ul li.has-button {
        padding : 5px 15px
    }

    .top-bar ul li .button.small {
        margin  : 0 !important;
        display : inline-block;
        width   : 100%
    }

    .top-bar ul>li.has-button a.button {
        margin : 0
    }
}