@charset "UTF-8"; /*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
    *zoom: 1
}

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

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup,
nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:hover, a:active {
    outline: 0
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    max-width: 100%;
    width: auto\9;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img, .google-maps img {
    max-width: none
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button, input {
    *overflow: visible;
    line-height: normal
}

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

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

label, select, button, input[type="button"], input[type="reset"],
input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

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

body {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    background-color: #ffffff
}

a {
    color: #0088cc;
    text-decoration: none
}

a:hover, a:focus {
    color: #005580;
    text-decoration: underline
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.row {
    margin-left: -16;
    *zoom: 1
}

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

.row:after {
    clear: both
}

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
    float: left;
    min-height: 1px;
    margin-left: 16
}

.container, .navbar-static-top .container, .navbar-fixed-top .container,
.navbar-fixed-bottom .container {
    width: 1008
}

.span8 {
    width: 1008
}

.span7 {
    width: 880
}

.span6 {
    width: 752
}

.span5 {
    width: 624
}

.span4 {
    width: 496
}

.span3 {
    width: 368
}

.span2 {
    width: 240
}

.span1 {
    width: 112
}

.offset8 {
    margin-left: 1040
}

.offset7 {
    margin-left: 912
}

.offset6 {
    margin-left: 784
}

.offset5 {
    margin-left: 656
}

.offset4 {
    margin-left: 528
}

.offset3 {
    margin-left: 400
}

.offset2 {
    margin-left: 272
}

.offset1 {
    margin-left: 144
}

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

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

.row-fluid:after {
    clear: both
}

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 1.5873015873015872%;
    *margin-left: 1.5376984126984126%
}

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

.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-left: 1.5873015873015872%
}

.row-fluid .span8 {
    width: 100%;
    *width: 99.95039682539682%
}

.row-fluid .span7 {
    width: 87.30158730158729%;
    *width: 87.25198412698411%
}

.row-fluid .span6 {
    width: 74.6031746031746%;
    *width: 74.55357142857142%
}

.row-fluid .span5 {
    width: 61.904761904761905%;
    *width: 61.85515873015873%
}

.row-fluid .span4 {
    width: 49.2063492063492%;
    *width: 49.156746031746025%
}

.row-fluid .span3 {
    width: 36.507936507936506%;
    *width: 36.45833333333333%
}

.row-fluid .span2-3 {
    width: 33.333%;
    *width: 33.333%
}

.row-fluid .span2 {
    width: 23.80952380952381%;
    *width: 23.759920634920636%
}

.row-fluid .span1 {
    width: 11.11111111111111%;
    *width: 11.061507936507937%
}

.row-fluid .offset8 {
    margin-left: 103.17460317460318%;
    *margin-left: 103.07539682539682%
}

.row-fluid .offset8:first-child {
    margin-left: 101.58730158730158%;
    *margin-left: 101.48809523809523%
}

.row-fluid .offset7 {
    margin-left: 90.47619047619047%;
    *margin-left: 90.37698412698411%
}

.row-fluid .offset7:first-child {
    margin-left: 88.88888888888887%;
    *margin-left: 88.78968253968252%
}

.row-fluid .offset6 {
    margin-left: 77.77777777777777%;
    *margin-left: 77.67857142857142%
}

.row-fluid .offset6:first-child {
    margin-left: 76.19047619047618%;
    *margin-left: 76.09126984126982%
}

.row-fluid .offset5 {
    margin-left: 65.07936507936508%;
    *margin-left: 64.98015873015872%
}

.row-fluid .offset5:first-child {
    margin-left: 63.492063492063494%;
    *margin-left: 63.39285714285714%
}

.row-fluid .offset4 {
    margin-left: 52.38095238095238%;
    *margin-left: 52.281746031746025%
}

.row-fluid .offset4:first-child {
    margin-left: 50.79365079365079%;
    *margin-left: 50.694444444444436%
}

.row-fluid .offset3 {
    margin-left: 39.682539682539684%;
    *margin-left: 39.58333333333333%
}

.row-fluid .offset3:first-child {
    margin-left: 38.095238095238095%;
    *margin-left: 37.99603174603174%
}

.row-fluid .offset2 {
    margin-left: 26.984126984126984%;
    *margin-left: 26.884920634920636%
}

.row-fluid .offset2:first-child {
    margin-left: 25.3968253968254%;
    *margin-left: 25.29761904761905%
}

.row-fluid .offset1 {
    margin-left: 14.285714285714285%;
    *margin-left: 14.186507936507937%
}

.row-fluid .offset1:first-child {
    margin-left: 12.698412698412698%;
    *margin-left: 12.59920634920635%
}

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

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

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

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

.container:after {
    clear: both
}

.container-fluid {
    padding-right: 16;
    padding-left: 16;
    *zoom: 1
}

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

.container-fluid:after {
    clear: both
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

em, #main i {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #999999
}

a.muted:hover, a.muted:focus {
    color: #808080
}

.text-warning {
    color: #c09853
}

a.text-warning:hover, a.text-warning:focus {
    color: #a47e3c
}

.text-error {
    color: #b94a48
}

a.text-error:hover, a.text-error:focus {
    color: #953b39
}

.text-info {
    color: #3a87ad
}

a.text-info:hover, a.text-info:focus {
    color: #2d6987
}

.text-success {
    color: #468847
}

a.text-success:hover, a.text-success:focus {
    color: #356635
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999999
}

h1, h2, h3 {
    line-height: 40px
}

h1 {
    font-size: 38.5px
}

h2 {
    font-size: 31.5px
}

h3 {
    font-size: 24.5px
}

h4 {
    font-size: 17.5px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 11.9px
}

h1 small {
    font-size: 24.5px
}

h2 small {
    font-size: 17.5px
}

h3 small {
    font-size: 14px
}

h4 small {
    font-size: 14px
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eeeeee
}

ul, ol {
    padding: 0;
    margin: 0 0 10px 25px
}

ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0
}

li {
    line-height: 20px
}

ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none
}

ul.inline, ol.inline {
    margin-left: 0;
    list-style: none
}

ul.inline>li, ol.inline>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-bottom: 20px
}

dt, dd {
    line-height: 20px
}

dt {
    font-weight: bold
}

dd {
    margin-left: 10px
}

.dl-horizontal {
    *zoom: 1
}

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

.dl-horizontal:after {
    clear: both
}

.dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-left: 180px
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #ffffff
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eeeeee
}

blockquote p {
    margin-bottom: 0;
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25
}

blockquote small {
    display: block;
    line-height: 20px;
    color: #999999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-right {
    float: right;
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0
}

blockquote.pull-right p, blockquote.pull-right small {
    text-align: right
}

blockquote.pull-right small:before {
    content: ''
}

blockquote.pull-right small:after {
    content: '\00A0 \2014'
}

q:before, q:after, blockquote:before, blockquote:after {
    content: ""
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

code, pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    font-size: 12px;
    color: #333333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    white-space: nowrap
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow-x: auto;
}

pre.prettyprint {
    margin-bottom: 20px
}

pre code {
    padding: 0;
    color: inherit;
    white-space: pre;
    background-color: transparent;
    border: 0;
    word-wrap: normal;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.label, .badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #999999
}

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

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.label:empty, .badge:empty {
    display: none
}

a.label:hover, a.label:focus, a.badge:hover, a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer
}

.label-important, .badge-important {
    background-color: #b94a48
}

.label-important[href], .badge-important[href] {
    background-color: #953b39
}

.label-warning, .badge-warning {
    background-color: #f89406
}

.label-warning[href], .badge-warning[href] {
    background-color: #c67605
}

.label-success, .badge-success {
    background-color: #468847
}

.label-success[href], .badge-success[href] {
    background-color: #356635
}

.label-info, .badge-info {
    background-color: #3a87ad
}

.label-info[href], .badge-info[href] {
    background-color: #2d6987
}

.label-inverse, .badge-inverse {
    background-color: #333333
}

.label-inverse[href], .badge-inverse[href] {
    background-color: #1a1a1a
}

.btn .label, .btn .badge {
    position: relative;
    top: -1px
}

.btn-mini .label, .btn-mini .badge {
    top: 0
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th, .table td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #dddddd
}

.table th {
    font-weight: bold
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th, .table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #dddddd
}

.table .table {
    background-color: #ffffff
}

.table-condensed th, .table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #dddddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #dddddd
}

.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered tbody:first-child tr:first-child>th:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px
}

.table-bordered thead:first-child tr:first-child>th:last-child,
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered tbody:first-child tr:first-child>th:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px
}

.table-bordered thead:last-child tr:last-child>th:first-child,
.table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}

.table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px
}

.table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px
}

.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th {
    background-color: #f5f5f5
}

table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-left: 0
}

.table td.span1, .table th.span1 {
    float: none;
    width: 96;
    margin-left: 0
}

.table td.span2, .table th.span2 {
    float: none;
    width: 224;
    margin-left: 0
}

.table td.span3, .table th.span3 {
    float: none;
    width: 352;
    margin-left: 0
}

.table td.span4, .table th.span4 {
    float: none;
    width: 480;
    margin-left: 0
}

.table td.span5, .table th.span5 {
    float: none;
    width: 608;
    margin-left: 0
}

.table td.span6, .table th.span6 {
    float: none;
    width: 736;
    margin-left: 0
}

.table td.span7, .table th.span7 {
    float: none;
    width: 864;
    margin-left: 0
}

.table td.span8, .table th.span8 {
    float: none;
    width: 992;
    margin-left: 0
}

.table td.span9, .table th.span9 {
    float: none;
    width: 1120;
    margin-left: 0
}

.table td.span10, .table th.span10 {
    float: none;
    width: 1248;
    margin-left: 0
}

.table td.span11, .table th.span11 {
    float: none;
    width: 1376;
    margin-left: 0
}

.table td.span12, .table th.span12 {
    float: none;
    width: 1504;
    margin-left: 0
}

.table tbody tr.success>td {
    background-color: #dff0d8
}

.table tbody tr.error>td {
    background-color: #f2dede
}

.table tbody tr.warning>td {
    background-color: #fcf8e3
}

.table tbody tr.info>td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover>td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover>td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover>td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover>td {
    background-color: #c4e3f3
}

form {
    margin: 0 0 20px
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 15px;
    color: #999999
}

label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px
}

input, button, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle
}

input, textarea, .uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"], input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus,
input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus,
input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    *margin-top: 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="file"], input[type="image"], input[type="submit"],
input[type="reset"], input[type="button"], input[type="radio"],
input[type="checkbox"] {
    width: auto
}

select, input[type="file"] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}

select {
    width: 220px;
    border: 1px solid #cccccc;
    background-color: #ffffff
}

select[multiple], select[size] {
    height: auto
}

select:focus, input[type="file"]:focus, input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.uneditable-input, .uneditable-textarea {
    color: #999999;
    background-color: #fcfcfc;
    border-color: #cccccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999999
}

.radio, .checkbox {
    min-height: 20px;
    padding-left: 20px
}

.radio input[type="radio"], .checkbox input[type="checkbox"] {
    float: left;
    margin-left: -20px
}

.controls>.radio:first-child, .controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline, .checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline {
    margin-left: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*="span"], select[class*="span"], textarea[class*="span"],
.uneditable-input[class*="span"], .row-fluid input[class*="span"],
.row-fluid select[class*="span"], .row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-left: 0
}

.input-append input[class*="span"], .input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"], .row-fluid select[class*="span"],
.row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] {
    display: inline-block
}

input, textarea, .uneditable-input {
    margin-left: 0
}

.controls-row [class*="span"]+[class*="span"] {
    margin-left: 16
}

input.span8, textarea.span8, .uneditable-input.span8 {
    width: 994
}

input.span7, textarea.span7, .uneditable-input.span7 {
    width: 866
}

input.span6, textarea.span6, .uneditable-input.span6 {
    width: 738
}

input.span5, textarea.span5, .uneditable-input.span5 {
    width: 610
}

input.span4, textarea.span4, .uneditable-input.span4 {
    width: 482
}

input.span3, textarea.span3, .uneditable-input.span3 {
    width: 354
}

input.span2, textarea.span2, .uneditable-input.span2 {
    width: 226
}

input.span1, textarea.span1, .uneditable-input.span1 {
    width: 98
}

.controls-row {
    *zoom: 1
}

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

.controls-row:after {
    clear: both
}

.controls-row [class*="span"], .row-fluid .controls-row [class*="span"] {
    float: left
}

.controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] {
    padding-top: 5px
}

input[disabled], select[disabled], textarea[disabled], input[readonly],
select[readonly], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eeeeee
}

input[type="radio"][disabled], input[type="checkbox"][disabled],
input[type="radio"][readonly], input[type="checkbox"][readonly] {
    background-color: transparent
}

.control-group.warning .control-label, .control-group.warning .help-block,
.control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning .checkbox, .control-group.warning .radio,
.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.warning input:focus, .control-group.warning select:focus,
.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error .control-label, .control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input,
.control-group.error select, .control-group.error textarea {
    color: #b94a48
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.error input:focus, .control-group.error select:focus,
.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392
}

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success .control-label, .control-group.success .help-block,
.control-group.success .help-inline {
    color: #468847
}

.control-group.success .checkbox, .control-group.success .radio,
.control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.success input:focus, .control-group.success select:focus,
.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.control-group.info .control-label, .control-group.info .help-block,
.control-group.info .help-inline {
    color: #3a87ad
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input,
.control-group.info select, .control-group.info textarea {
    color: #3a87ad
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.control-group.info input:focus, .control-group.info select:focus,
.control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1
}

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

.form-actions:after {
    clear: both
}

.help-block, .help-inline {
    color: #595959
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    padding-left: 5px
}

.input-append, .input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: middle;
    font-size: 0;
    white-space: nowrap
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select,
.input-append .uneditable-input, .input-prepend .uneditable-input,
.input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover,
.input-prepend .popover {
    font-size: 14px
}

.input-append input, .input-prepend input, .input-append select, .input-prepend select,
.input-append .uneditable-input, .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append input:focus, .input-prepend input:focus, .input-append select:focus,
.input-prepend select:focus, .input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
    z-index: 2
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #eeeeee;
    border: 1px solid #ccc
}

.input-append .add-on, .input-prepend .add-on, .input-append .btn,
.input-prepend .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-append .active, .input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on, .input-prepend .btn {
    margin-right: -1px
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append input, .input-append select, .input-append .uneditable-input {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append input+.btn-group .btn:last-child, .input-append select+.btn-group .btn:last-child,
.input-append .uneditable-input+.btn-group .btn:last-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append .add-on, .input-append .btn, .input-append .btn-group {
    margin-left: -1px
}

.input-append .add-on:last-child, .input-append .btn:last-child,
.input-append .btn-group:last-child>.dropdown-toggle {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append input, .input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append input+.btn-group .btn, .input-prepend.input-append select+.btn-group .btn,
.input-prepend.input-append .uneditable-input+.btn-group .btn {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search input, .form-inline input, .form-horizontal input, .form-search textarea,
.form-inline textarea, .form-horizontal textarea, .form-search select,
.form-inline select, .form-horizontal select, .form-search .help-inline,
.form-inline .help-inline, .form-horizontal .help-inline, .form-search .uneditable-input,
.form-inline .uneditable-input, .form-horizontal .uneditable-input,
.form-search .input-prepend, .form-inline .input-prepend, .form-horizontal .input-prepend,
.form-search .input-append, .form-inline .input-append, .form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .hide, .form-inline .hide, .form-horizontal .hide {
    display: none
}

.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {
    display: inline-block
}

.form-search .input-append, .form-inline .input-append, .form-search .input-prepend,
.form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio, .form-search .checkbox, .form-inline .radio,
.form-inline .checkbox {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    float: left;
    margin-right: 3px;
    margin-left: 0
}

.control-group {
    margin-bottom: 10px
}

legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom: 1
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-left: 20px;
    margin-left: 180px;
    *margin-left: 0
}

.form-horizontal .controls:first-child {
    *padding-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal input+.help-block, .form-horizontal select+.help-block,
.form-horizontal textarea+.help-block, .form-horizontal .uneditable-input+.help-block,
.form-horizontal .input-prepend+.help-block, .form-horizontal .input-append+.help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

.btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e6e6e6;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    *border: 0;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *margin-left: .3em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled,
.btn[disabled] {
    color: #333333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active, .btn.active {
    background-color: #cccccc \9
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.btn-large [class^="icon-"], .btn-large [class*=" icon-"] {
    margin-top: 4px
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-small [class^="icon-"], .btn-small [class*=" icon-"] {
    margin-top: 0
}

.btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] {
    margin-top: -1px
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%
}

.btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active,
.btn-info.active, .btn-inverse.active {
    color: rgba(255, 255, 255, 0.75)
}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #08c, #04c);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
    background-image: -webkit-linear-gradient(top, #08c, #04c);
    background-image: -o-linear-gradient(top, #08c, #04c);
    background-image: linear-gradient(to bottom, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #0044cc;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary.disabled, .btn-primary[disabled] {
    color: #ffffff;
    background-color: #0044cc;
    *background-color: #003bb3
}

.btn-primary:active, .btn-primary.active {
    background-color: #003399 \9
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #f89406;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.btn-warning.disabled, .btn-warning[disabled] {
    color: #ffffff;
    background-color: #f89406;
    *background-color: #df8505
}

.btn-warning:active, .btn-warning.active {
    background-color: #c67605 \9
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #bd362f;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
.btn-danger.disabled, .btn-danger[disabled] {
    color: #ffffff;
    background-color: #bd362f;
    *background-color: #a9302a
}

.btn-danger:active, .btn-danger.active {
    background-color: #942a25 \9
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: -moz-linear-gradient(top, #62c462, #51a351);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
    background-image: -webkit-linear-gradient(top, #62c462, #51a351);
    background-image: -o-linear-gradient(top, #62c462, #51a351);
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #51a351;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.disabled, .btn-success[disabled] {
    color: #ffffff;
    background-color: #51a351;
    *background-color: #499249
}

.btn-success:active, .btn-success.active {
    background-color: #408140 \9
}

.btn-info {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #49afcd;
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #2f96b4;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.btn-info.disabled, .btn-info[disabled] {
    color: #ffffff;
    background-color: #2f96b4;
    *background-color: #2a85a0
}

.btn-info:active, .btn-info.active {
    background-color: #24748c \9
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: -moz-linear-gradient(top, #444, #222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
    background-image: -webkit-linear-gradient(top, #444, #222);
    background-image: -o-linear-gradient(top, #444, #222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #222222;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active,
.btn-inverse.disabled, .btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515
}

.btn-inverse:active, .btn-inverse.active {
    background-color: #080808 \9
}

button.btn, input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large, input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small, input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini, input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #0088cc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-link:hover, .btn-link:focus {
    color: #005580;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover, .btn-link[disabled]:focus {
    color: #333333;
    text-decoration: none
}

[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px
}

.icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:focus>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>li>a:focus>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:focus>a>[class^="icon-"],
.dropdown-submenu:hover>a>[class*=" icon-"], .dropdown-submenu:focus>a>[class*=" icon-"] {
    background-image: url("../images/glyphicons-halflings-white.png")
}

.icon-glass {
    background-position: 0 0
}

.icon-music {
    background-position: -24px 0
}

.icon-search {
    background-position: -48px 0
}

.icon-envelope {
    background-position: -72px 0
}

.icon-heart {
    background-position: -96px 0
}

.icon-star {
    background-position: -120px 0
}

.icon-star-empty {
    background-position: -144px 0
}

.icon-user {
    background-position: -168px 0
}

.icon-film {
    background-position: -192px 0
}

.icon-th-large {
    background-position: -216px 0
}

.icon-th {
    background-position: -240px 0
}

.icon-th-list {
    background-position: -264px 0
}

.icon-ok {
    background-position: -288px 0
}

.icon-remove {
    background-position: -312px 0
}

.icon-zoom-in {
    background-position: -336px 0
}

.icon-zoom-out {
    background-position: -360px 0
}

.icon-off {
    background-position: -384px 0
}

.icon-signal {
    background-position: -408px 0
}

.icon-cog {
    background-position: -432px 0
}

.icon-trash {
    background-position: -456px 0
}

.icon-home {
    background-position: 0 -24px
}

.icon-file {
    background-position: -24px -24px
}

.icon-time {
    background-position: -48px -24px
}

.icon-road {
    background-position: -72px -24px
}

.icon-download-alt {
    background-position: -96px -24px
}

.icon-download {
    background-position: -120px -24px
}

.icon-upload {
    background-position: -144px -24px
}

.icon-inbox {
    background-position: -168px -24px
}

.icon-play-circle {
    background-position: -192px -24px
}

.icon-repeat {
    background-position: -216px -24px
}

.icon-refresh {
    background-position: -240px -24px
}

.icon-list-alt {
    background-position: -264px -24px
}

.icon-lock {
    background-position: -287px -24px
}

.icon-flag {
    background-position: -312px -24px
}

.icon-headphones {
    background-position: -336px -24px
}

.icon-volume-off {
    background-position: -360px -24px
}

.icon-volume-down {
    background-position: -384px -24px
}

.icon-volume-up {
    background-position: -408px -24px
}

.icon-qrcode {
    background-position: -432px -24px
}

.icon-barcode {
    background-position: -456px -24px
}

.icon-tag {
    background-position: 0 -48px
}

.icon-tags {
    background-position: -25px -48px
}

.icon-book {
    background-position: -48px -48px
}

.icon-bookmark {
    background-position: -72px -48px
}

.icon-print {
    background-position: -96px -48px
}

.icon-camera {
    background-position: -120px -48px
}

.icon-font {
    background-position: -144px -48px
}

.icon-bold {
    background-position: -167px -48px
}

.icon-italic {
    background-position: -192px -48px
}

.icon-text-height {
    background-position: -216px -48px
}

.icon-text-width {
    background-position: -240px -48px
}

.icon-align-left {
    background-position: -264px -48px
}

.icon-align-center {
    background-position: -288px -48px
}

.icon-align-right {
    background-position: -312px -48px
}

.icon-align-justify {
    background-position: -336px -48px
}

.icon-list {
    background-position: -360px -48px
}

.icon-indent-left {
    background-position: -384px -48px
}

.icon-indent-right {
    background-position: -408px -48px
}

.icon-facetime-video {
    background-position: -432px -48px
}

.icon-picture {
    background-position: -456px -48px
}

.icon-pencil {
    background-position: 0 -72px
}

.icon-map-marker {
    background-position: -24px -72px
}

.icon-adjust {
    background-position: -48px -72px
}

.icon-tint {
    background-position: -72px -72px
}

.icon-edit {
    background-position: -96px -72px
}

.icon-share {
    background-position: -120px -72px
}

.icon-check {
    background-position: -144px -72px
}

.icon-move {
    background-position: -168px -72px
}

.icon-step-backward {
    background-position: -192px -72px
}

.icon-fast-backward {
    background-position: -216px -72px
}

.icon-backward {
    background-position: -240px -72px
}

.icon-play {
    background-position: -264px -72px
}

.icon-pause {
    background-position: -288px -72px
}

.icon-stop {
    background-position: -312px -72px
}

.icon-forward {
    background-position: -336px -72px
}

.icon-fast-forward {
    background-position: -360px -72px
}

.icon-step-forward {
    background-position: -384px -72px
}

.icon-eject {
    background-position: -408px -72px
}

.icon-chevron-left {
    background-position: -432px -72px
}

.icon-chevron-right {
    background-position: -456px -72px
}

.icon-plus-sign {
    background-position: 0 -96px
}

.icon-minus-sign {
    background-position: -24px -96px
}

.icon-remove-sign {
    background-position: -48px -96px
}

.icon-ok-sign {
    background-position: -72px -96px
}

.icon-question-sign {
    background-position: -96px -96px
}

.icon-info-sign {
    background-position: -120px -96px
}

.icon-screenshot {
    background-position: -144px -96px
}

.icon-remove-circle {
    background-position: -168px -96px
}

.icon-ok-circle {
    background-position: -192px -96px
}

.icon-ban-circle {
    background-position: -216px -96px
}

.icon-arrow-left {
    background-position: -240px -96px
}

.icon-arrow-right {
    background-position: -264px -96px
}

.icon-arrow-up {
    background-position: -289px -96px
}

.icon-arrow-down {
    background-position: -312px -96px
}

.icon-share-alt {
    background-position: -336px -96px
}

.icon-resize-full {
    background-position: -360px -96px
}

.icon-resize-small {
    background-position: -384px -96px
}

.icon-plus {
    background-position: -408px -96px
}

.icon-minus {
    background-position: -433px -96px
}

.icon-asterisk {
    background-position: -456px -96px
}

.icon-exclamation-sign {
    background-position: 0 -120px
}

.icon-gift {
    background-position: -24px -120px
}

.icon-leaf {
    background-position: -48px -120px
}

.icon-fire {
    background-position: -72px -120px
}

.icon-eye-open {
    background-position: -96px -120px
}

.icon-eye-close {
    background-position: -120px -120px
}

.icon-warning-sign {
    background-position: -144px -120px
}

.icon-plane {
    background-position: -168px -120px
}

.icon-calendar {
    background-position: -192px -120px
}

.icon-random {
    background-position: -216px -120px;
    width: 16px
}

.icon-comment {
    background-position: -240px -120px
}

.icon-magnet {
    background-position: -264px -120px
}

.icon-chevron-up {
    background-position: -288px -120px
}

.icon-chevron-down {
    background-position: -313px -119px
}

.icon-retweet {
    background-position: -336px -120px
}

.icon-shopping-cart {
    background-position: -360px -120px
}

.icon-folder-close {
    background-position: -384px -120px;
    width: 16px
}

.icon-folder-open {
    background-position: -408px -120px;
    width: 16px
}

.icon-resize-vertical {
    background-position: -432px -119px
}

.icon-resize-horizontal {
    background-position: -456px -118px
}

.icon-hdd {
    background-position: 0 -144px
}

.icon-bullhorn {
    background-position: -24px -144px
}

.icon-bell {
    background-position: -48px -144px
}

.icon-certificate {
    background-position: -72px -144px
}

.icon-thumbs-up {
    background-position: -96px -144px
}

.icon-thumbs-down {
    background-position: -120px -144px
}

.icon-hand-right {
    background-position: -144px -144px
}

.icon-hand-left {
    background-position: -168px -144px
}

.icon-hand-up {
    background-position: -192px -144px
}

.icon-hand-down {
    background-position: -216px -144px
}

.icon-circle-arrow-right {
    background-position: -240px -144px
}

.icon-circle-arrow-left {
    background-position: -264px -144px
}

.icon-circle-arrow-up {
    background-position: -288px -144px
}

.icon-circle-arrow-down {
    background-position: -312px -144px
}

.icon-globe {
    background-position: -336px -144px
}

.icon-wrench {
    background-position: -360px -144px
}

.icon-tasks {
    background-position: -384px -144px
}

.icon-filter {
    background-position: -408px -144px
}

.icon-briefcase {
    background-position: -432px -144px
}

.icon-fullscreen {
    background-position: -456px -144px
}

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap;
    *margin-left: .3em
}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group+.btn-group {
    margin-left: 5px
}

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

.btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group {
    margin-left: 5px
}

.btn-group>.btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group>.btn+.btn {
    margin-left: -1px
}

.btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover {
    font-size: 14px
}

.btn-group>.btn-mini {
    font-size: 10.5px
}

.btn-group>.btn-small {
    font-size: 11.9px
}

.btn-group>.btn-large {
    font-size: 17.5px
}

.btn-group>.btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group>.btn:last-child, .btn-group>.dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group>.btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active,
.btn-group>.btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    *padding-top: 5px;
    *padding-bottom: 5px
}

.btn-group>.btn-mini+.dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px;
    *padding-top: 2px;
    *padding-bottom: 2px
}

.btn-group>.btn-small+.dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}

.btn-group>.btn-large+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
    *padding-top: 7px;
    *padding-bottom: 7px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0044cc
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222222
}

.btn .caret {
    margin-top: 8px;
    margin-left: 0
}

.btn-large .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.btn-mini .caret, .btn-small .caret {
    margin-top: 8px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret,
.btn-success .caret, .btn-inverse .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.btn-group-vertical>.btn {
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical>.btn+.btn {
    margin-left: 0;
    margin-top: -1px
}

.btn-group-vertical>.btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.btn-group-vertical>.btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.btn-group-vertical>.btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.btn-group-vertical>.btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.nav {
    margin-left: 0;
    margin-bottom: 20px;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #eeeeee
}

.nav>li>a>img {
    max-width: none
}

.nav>.pull-right {
    float: right
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

.nav-list>li>a, .nav-list .nav-header {
    margin-left: -15px;
    margin-right: -15px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)
}

.nav-list>li>a {
    padding: 3px 15px
}

.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: #0088cc
}

.nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
    margin-right: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff
}

.nav-tabs, .nav-pills {
    *zoom: 1
}

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

.nav-tabs:after, .nav-pills:after {
    clear: both
}

.nav-tabs>li, .nav-pills>li {
    float: left
}

.nav-tabs>li>a, .nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-right: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #dddddd
}

.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus {
    color: #ffffff;
    background-color: #0088cc
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-right: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>a:focus {
    border-color: #ddd;
    z-index: 2
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    border-top-color: #0088cc;
    border-bottom-color: #0088cc;
    margin-top: 6px
}

.nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret {
    border-top-color: #005580;
    border-bottom-color: #005580
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555
}

.nav>.dropdown.active>a:hover, .nav>.dropdown.active>a:focus {
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus {
    color: #ffffff;
    background-color: #999999;
    border-color: #999999
}

.nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus {
    border-color: #999999
}

.tabbable {
    *zoom: 1
}

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

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

.tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs {
    border-bottom: 0
}

.tab-content>.tab-pane, .pill-content>.pill-pane {
    display: none
}

.tab-content>.active, .pill-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
    border-bottom-color: transparent;
    border-top-color: #ddd
}

.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover,
.tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee
}

.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover,
.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd
}

.tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover,
.tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff
}

.nav>.disabled>a {
    color: #999999
}

.nav>.disabled>a:hover, .nav>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    cursor: default
}

.navbar {
    overflow: visible;
    margin-bottom: 20px;
    *position: relative;
    *z-index: 2
}

.navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: -o-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    *zoom: 1
}

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

.navbar-inner:after {
    clear: both
}

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible
}

.navbar .brand {
    float: left;
    display: block;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777777;
    text-shadow: 0 1px 0 #ffffff
}

.navbar .brand:hover, .navbar .brand:focus {
    text-decoration: none
}

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
    color: #777777
}

.navbar-link {
    color: #777777
}

.navbar-link:hover, .navbar-link:focus {
    color: #333333
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #ffffff
}

.navbar .btn, .navbar .btn-group {
    margin-top: 5px
}

.navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn,
.navbar .input-prepend .btn-group, .navbar .input-append .btn-group {
    margin-top: 0
}

.navbar-form {
    margin-bottom: 0;
    *zoom: 1
}

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

.navbar-form:after {
    clear: both
}

.navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox {
    margin-top: 5px
}

.navbar-form input, .navbar-form select, .navbar-form .btn {
    display: inline-block;
    margin-bottom: 0
}

.navbar-form input[type="image"], .navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
    margin-top: 3px
}

.navbar-form .input-append, .navbar-form .input-prepend {
    margin-top: 5px;
    white-space: nowrap
}

.navbar-form .input-append input, .navbar-form .input-prepend input {
    margin-top: 0
}

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0
}

.navbar-search .search-query {
    margin-bottom: 0;
    padding: 4px 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.navbar-static-top {
    position: static;
    margin-bottom: 0
}

.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    border-width: 0 0 1px
}

.navbar-fixed-bottom .navbar-inner {
    border-width: 1px 0 0
}

.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding-left: 0;
    padding-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1008
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1)
}

.navbar-fixed-bottom {
    bottom: 0
}

.navbar-fixed-bottom .navbar-inner {
    -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1)
}

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

.navbar .nav.pull-right {
    float: right;
    margin-right: 0
}

.navbar .nav>li {
    float: left
}

.navbar .nav>li>a {
    float: none;
    padding: 10px 15px 10px;
    color: #777777;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px
}

.navbar .nav>li>a:focus, .navbar .nav>li>a:hover {
    background-color: transparent;
    color: #333333;
    text-decoration: none
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
    color: #555555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125)
}

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
    background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
    background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #e5e5e5;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075)
}

.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active,
.navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #e5e5e5;
    *background-color: #d9d9d9
}

.navbar .btn-navbar:active, .navbar .btn-navbar.active {
    background-color: #cccccc \9
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25)
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px
}

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

.navbar .nav>li>.dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 10px
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
    border-top: 6px solid #ffffff;
    border-bottom: 0;
    bottom: -6px;
    top: auto
}

.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #333333;
    border-bottom-color: #333333
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #e5e5e5;
    color: #555555
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #777777;
    border-bottom-color: #777777
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret, .navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #555555;
    border-bottom-color: #555555
}

.navbar .pull-right>li>.dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.navbar .pull-right>li>.dropdown-menu:before, .navbar .nav>li>.dropdown-menu.pull-right:before {
    left: auto;
    right: 12px
}

.navbar .pull-right>li>.dropdown-menu:after, .navbar .nav>li>.dropdown-menu.pull-right:after {
    left: auto;
    right: 13px
}

.navbar .pull-right>li>.dropdown-menu .dropdown-menu, .navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top, #222, #111);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
    background-image: -webkit-linear-gradient(top, #222, #111);
    background-image: -o-linear-gradient(top, #222, #111);
    background-image: linear-gradient(to bottom, #222222, #111111);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
    border-color: #252525
}

.navbar-inverse .brand, .navbar-inverse .nav>li>a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.navbar-inverse .brand:hover, .navbar-inverse .nav>li>a:hover, .navbar-inverse .brand:focus,
.navbar-inverse .nav>li>a:focus {
    color: #ffffff
}

.navbar-inverse .brand {
    color: #999999
}

.navbar-inverse .navbar-text {
    color: #999999
}

.navbar-inverse .nav>li>a:focus, .navbar-inverse .nav>li>a:hover {
    background-color: transparent;
    color: #ffffff
}

.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover,
.navbar-inverse .nav .active>a:focus {
    color: #ffffff;
    background-color: #111111
}

.navbar-inverse .navbar-link {
    color: #999999
}

.navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus {
    color: #ffffff
}

.navbar-inverse .divider-vertical {
    border-left-color: #111111;
    border-right-color: #222222
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    background-color: #111111;
    color: #ffffff
}

.navbar-inverse .nav li.dropdown>a:hover .caret, .navbar-inverse .nav li.dropdown>a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #999999;
    border-bottom-color: #999999
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff
}

.navbar-inverse .navbar-search .search-query {
    color: #ffffff;
    background-color: #515151;
    border-color: #111111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #cccccc
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #cccccc
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #cccccc
}

.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
    padding: 5px 15px;
    color: #333333;
    text-shadow: 0 1px 0 #ffffff;
    background-color: #ffffff;
    border: 0;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    outline: 0
}

.navbar-inverse .btn-navbar {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e0e0e;
    background-image: -moz-linear-gradient(top, #151515, #040404);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
    background-image: -webkit-linear-gradient(top, #151515, #040404);
    background-image: -o-linear-gradient(top, #151515, #040404);
    background-image: linear-gradient(to bottom, #151515, #040404);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
    border-color: #040404 #040404 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    *background-color: #040404;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false)
}

.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
    color: #ffffff;
    background-color: #040404;
    *background-color: #000000
}

.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
    background-color: #000000 \9
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-shadow: 0 1px 0 #ffffff
}

.breadcrumb>li>.divider {
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999999
}

.pagination {
    margin: 20px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0
}

.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a,
.pagination ul>.active>span {
    background-color: #f5f5f5
}

.pagination ul>.active>a, .pagination ul>.active>span {
    color: #999999;
    cursor: default
}

.pagination ul>.disabled>span, .pagination ul>.disabled>a, .pagination ul>.disabled>a:hover,
.pagination ul>.disabled>a:focus {
    color: #999999;
    background-color: transparent;
    cursor: default
}

.pagination ul>li:first-child>a, .pagination ul>li:first-child>span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.pagination ul>li:last-child>a, .pagination ul>li:last-child>span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pagination-large ul>li>a, .pagination-large ul>li>span {
    padding: 11px 19px;
    font-size: 17.5px
}

.pagination-large ul>li:first-child>a, .pagination-large ul>li:first-child>span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.pagination-large ul>li:last-child>a, .pagination-large ul>li:last-child>span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.pagination-mini ul>li:first-child>a, .pagination-small ul>li:first-child>a,
.pagination-mini ul>li:first-child>span, .pagination-small ul>li:first-child>span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
}

.pagination-mini ul>li:last-child>a, .pagination-small ul>li:last-child>a,
.pagination-mini ul>li:last-child>span, .pagination-small ul>li:last-child>span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
}

.pagination-small ul>li>a, .pagination-small ul>li>span {
    padding: 2px 10px;
    font-size: 11.9px
}

.pagination-mini ul>li>a, .pagination-mini ul>li>span {
    padding: 0 6px;
    font-size: 10.5px
}

.pager {
    margin: 20px 0;
    list-style: none;
    text-align: center;
    *zoom: 1
}

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

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a, .pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager li>a:hover, .pager li>a:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next>a, .pager .next>span {
    float: right
}

.pager .previous>a, .pager .previous>span {
    float: left
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus,
.pager .disabled>span {
    color: #999999;
    background-color: #fff;
    cursor: default
}

.thumbnails {
    margin-left: -16;
    list-style: none;
    *zoom: 1
}

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

.thumbnails:after {
    clear: both
}

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails>li {
    float: left;
    margin-bottom: 20px;
    margin-left: 16
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

a.thumbnail:hover, a.thumbnail:focus {
    border-color: #0088cc;
    -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
    box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25)
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #555555
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert, .alert h4 {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 20px
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

.alert-success h4 {
    color: #468847
}

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

.alert-danger h4, .alert-error h4 {
    color: #b94a48
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

.alert-info h4 {
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p, .alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
    background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
    -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);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.progress .bar {
    width: 0%;
    height: 100%;
    color: #ffffff;
    float: left;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top, #149bdf, #0480be);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
    background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
    background-image: -o-linear-gradient(top, #149bdf, #0480be);
    background-image: linear-gradient(to bottom, #149bdf, #0480be);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease
}

.progress .bar+.bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15)
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar, .progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0)
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-success .bar, .progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top, #62c462, #57a957);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
    background-image: -webkit-linear-gradient(top, #62c462, #57a957);
    background-image: -o-linear-gradient(top, #62c462, #57a957);
    background-image: linear-gradient(to bottom, #62c462, #57a957);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0)
}

.progress-success.progress-striped .bar, .progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-info .bar, .progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
    background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
    background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
    background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0)
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-warning .bar, .progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top, #fbb450, #f89406);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
    background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
    background-image: -o-linear-gradient(top, #fbb450, #f89406);
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0)
}

.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #eeeeee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    color: inherit;
    letter-spacing: -1px
}

.hero-unit li {
    line-height: 30px
}

.media, .media-body {
    overflow: hidden;
    *overflow: visible;
    zoom: 1
}

.media, .media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

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

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow, .popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff
}

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none
}

.modal.fade {
    -webkit-transition: opacity .3s linear, top .3s ease-out;
    -moz-transition: opacity .3s linear, top .3s ease-out;
    -o-transition: opacity .3s linear, top .3s ease-out;
    transition: opacity .3s linear, top .3s ease-out;
    top: -25%
}

.modal.fade.in {
    top: 10%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
    *zoom: 1
}

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

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.dropup, .dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    text-decoration: none;
    color: #ffffff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #08c, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #08c, #0077b3);
    background-image: -o-linear-gradient(top, #08c, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #999999
}

.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: default
}

.open {
    *z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000000;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    border-bottom: 0
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative
}

.carousel-inner>.item {
    display: none;
    position: relative;
    -webkit-transition: 0.6s ease-in-out left;
    -moz-transition: 0.6s ease-in-out left;
    -o-transition: 0.6s ease-in-out left;
    transition: 0.6s ease-in-out left
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    line-height: 1
}

.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next, .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left, .carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #ffffff;
    text-align: center;
    background: #222222;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    left: auto;
    right: 15px
}

.carousel-control:hover, .carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 5px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333333;
    background: rgba(0, 0, 0, 0.75)
}

.carousel-caption h4, .carousel-caption p {
    color: #ffffff;
    line-height: 20px
}

.carousel-caption h4 {
    margin: 0 0 5px
}

.carousel-caption p {
    margin-bottom: 0
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15)
}

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease
}

.collapse.in {
    height: auto
}

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none !important
}

.visible-tablet {
    display: none !important
}

.hidden-desktop {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

@media (min-width: 641px) and (max-width: 900px){.hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }
}

@media (max-width: 640px){.hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

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

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

@media (max-width: 640px){.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: -20px;
        margin-right: -20px
    }

    .container-fluid {
        padding: 0
    }

    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left
    }

    .dl-horizontal dd {
        margin-left: 0
    }

    .container {
        width: auto
    }

    .row-fluid {
        width: 100%
    }

    .row, .thumbnails {
        margin-left: 0
    }

    .thumbnails>li {
        float: none;
        margin-left: 0
    }

    [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .span12, .row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid [class*="offset"]:first-child {
        margin-left: 0
    }

    .input-large, .input-xlarge, .input-xxlarge, input[class*="span"],
    select[class*="span"], textarea[class*="span"], .uneditable-input {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .input-prepend input, .input-append input, .input-prepend input[class*="span"],
    .input-append input[class*="span"] {
        display: inline-block;
        width: auto
    }

    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 0
    }

    .modal {
        position: fixed;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        margin: 0
    }

    .modal.fade {
        top: -100px
    }

    .modal.fade.in {
        top: 20px
    }
}

@media (max-width: 480px){.nav-collapse {
        -webkit-transform: translate3d(0, 0, 0)
    }

    .page-header h1 small {
        display: block;
        line-height: 20px
    }

    input[type="checkbox"], input[type="radio"] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }

    .media .pull-left, .media .pull-right {
        float: none;
        display: block;
        margin-bottom: 10px
    }

    .media-object {
        margin-right: 0;
        margin-left: 0
    }

    .modal {
        top: 10px;
        left: 10px;
        right: 10px
    }

    .modal-header .close {
        padding: 10px;
        margin: -10px
    }

    .carousel-caption {
        position: static
    }
}

@media (min-width: 641px) and (max-width: 900px){.row {
        margin-left: -11;
        *zoom: 1
    }

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

    .row:after {
        clear: both
    }

    .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
        float: left;
        min-height: 1px;
        margin-left: 11
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 717
    }

    .span8 {
        width: 717
    }

    .span7 {
        width: 626
    }

    .span6 {
        width: 535
    }

    .span5 {
        width: 444
    }

    .span4 {
        width: 353
    }

    .span3 {
        width: 262
    }

    .span2 {
        width: 171
    }

    .span1 {
        width: 80
    }

    .offset8 {
        margin-left: 739
    }

    .offset7 {
        margin-left: 648
    }

    .offset6 {
        margin-left: 557
    }

    .offset5 {
        margin-left: 466
    }

    .offset4 {
        margin-left: 375
    }

    .offset3 {
        margin-left: 284
    }

    .offset2 {
        margin-left: 193
    }

    .offset1 {
        margin-left: 102
    }

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

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

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 1.5341701534170153%;
        *margin-left: 1.4845669788138407%
    }

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

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 1.5341701534170153%
    }

    .row-fluid .span8 {
        width: 100%;
        *width: 99.95039682539682%
    }

    .row-fluid .span7 {
        width: 87.30822873082288%;
        *width: 87.2586255562197%
    }

    .row-fluid .span6 {
        width: 74.61645746164574%;
        *width: 74.56685428704256%
    }

    .row-fluid .span5 {
        width: 61.92468619246863%;
        *width: 61.87508301786545%
    }

    .row-fluid .span4 {
        width: 49.232914923291496%;
        *width: 49.18331174868832%
    }

    .row-fluid .span3 {
        width: 36.541143654114364%;
        *width: 36.49154047951119%
    }


    .row-fluid .span2-3 {
        width: 33.333%;
        *width: 33.333%
    }

    .row-fluid .span2 {
        width: 23.84937238493724%;
        *width: 23.799769210334066%
    }

    .row-fluid .span1 {
        width: 11.157601115760112%;
        *width: 11.107997941156938%
    }

    .row-fluid .offset8 {
        margin-left: 103.06834030683403%;
        *margin-left: 102.96913395762768%
    }

    .row-fluid .offset8:first-child {
        margin-left: 101.53417015341701%;
        *margin-left: 101.43496380421065%
    }

    .row-fluid .offset7 {
        margin-left: 90.3765690376569%;
        *margin-left: 90.27736268845055%
    }

    .row-fluid .offset7:first-child {
        margin-left: 88.84239888423988%;
        *margin-left: 88.74319253503353%
    }

    .row-fluid .offset6 {
        margin-left: 77.68479776847977%;
        *margin-left: 77.58559141927341%
    }

    .row-fluid .offset6:first-child {
        margin-left: 76.15062761506275%;
        *margin-left: 76.05142126585639%
    }

    .row-fluid .offset5 {
        margin-left: 64.99302649930266%;
        *margin-left: 64.8938201500963%
    }

    .row-fluid .offset5:first-child {
        margin-left: 63.45885634588564%;
        *margin-left: 63.35964999667929%
    }

    .row-fluid .offset4 {
        margin-left: 52.30125523012553%;
        *margin-left: 52.20204888091917%
    }

    .row-fluid .offset4:first-child {
        margin-left: 50.76708507670851%;
        *margin-left: 50.667878727502156%
    }

    .row-fluid .offset3 {
        margin-left: 39.609483960948396%;
        *margin-left: 39.51027761174204%
    }

    .row-fluid .offset3:first-child {
        margin-left: 38.07531380753138%;
        *margin-left: 37.976107458325025%
    }

    .row-fluid .offset2 {
        margin-left: 26.91771269177127%;
        *margin-left: 26.818506342564923%
    }

    .row-fluid .offset2:first-child {
        margin-left: 25.383542538354256%;
        *margin-left: 25.284336189147908%
    }

    .row-fluid .offset1 {
        margin-left: 14.225941422594143%;
        *margin-left: 14.126735073387795%
    }

    .row-fluid .offset1:first-child {
        margin-left: 12.691771269177128%;
        *margin-left: 12.59256491997078%
    }

    input, textarea, .uneditable-input {
        margin-left: 0
    }

    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 11
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 703
    }

    input.span7, textarea.span7, .uneditable-input.span7 {
        width: 612
    }

    input.span6, textarea.span6, .uneditable-input.span6 {
        width: 521
    }

    input.span5, textarea.span5, .uneditable-input.span5 {
        width: 430
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 339
    }

    input.span3, textarea.span3, .uneditable-input.span3 {
        width: 248
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 157
    }

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 66
    }
}

@media (min-width: 1200px){.row {
        margin-left: -16;
        *zoom: 1
    }

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

    .row:after {
        clear: both
    }

    .span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12 {
        float: left;
        min-height: 1px;
        margin-left: 16
    }

    .container, .navbar-static-top .container, .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 1008
    }

    .span8 {
        width: 1008
    }

    .span7 {
        width: 880
    }

    .span6 {
        width: 752
    }

    .span5 {
        width: 624
    }

    .span4 {
        width: 496
    }

    .span3 {
        width: 368
    }

    .span2 {
        width: 240
    }

    .span1 {
        width: 112
    }

    .offset8 {
        margin-left: 1040
    }

    .offset7 {
        margin-left: 912
    }

    .offset6 {
        margin-left: 784
    }

    .offset5 {
        margin-left: 656
    }

    .offset4 {
        margin-left: 528
    }

    .offset3 {
        margin-left: 400
    }

    .offset2 {
        margin-left: 272
    }

    .offset1 {
        margin-left: 144
    }

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

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

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 1.5873015873015872%;
        *margin-left: 1.5376984126984126%
    }

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

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-left: 1.5873015873015872%
    }

    .row-fluid .span8 {
        width: 100%;
        *width: 99.95039682539682%
    }

    .row-fluid .span7 {
        width: 87.30158730158729%;
        *width: 87.25198412698411%
    }

    .row-fluid .span6 {
        width: 74.6031746031746%;
        *width: 74.55357142857142%
    }

    .row-fluid .span5 {
        width: 61.904761904761905%;
        *width: 61.85515873015873%
    }

    .row-fluid .span4 {
        width: 49.2063492063492%;
        *width: 49.156746031746025%
    }

    .row-fluid .span3 {
        width: 36.507936507936506%;
        *width: 36.45833333333333%
    }


    .row-fluid .span2-3 {
        width: 33.333%;
        *width: 33.333%;
    }

    .row-fluid .span2 {
        width: 23.80952380952381%;
        *width: 23.759920634920636%
    }

    .row-fluid .span1 {
        width: 11.11111111111111%;
        *width: 11.061507936507937%
    }

    .row-fluid .offset8 {
        margin-left: 103.17460317460318%;
        *margin-left: 103.07539682539682%
    }

    .row-fluid .offset8:first-child {
        margin-left: 101.58730158730158%;
        *margin-left: 101.48809523809523%
    }

    .row-fluid .offset7 {
        margin-left: 90.47619047619047%;
        *margin-left: 90.37698412698411%
    }

    .row-fluid .offset7:first-child {
        margin-left: 88.88888888888887%;
        *margin-left: 88.78968253968252%
    }

    .row-fluid .offset6 {
        margin-left: 77.77777777777777%;
        *margin-left: 77.67857142857142%
    }

    .row-fluid .offset6:first-child {
        margin-left: 76.19047619047618%;
        *margin-left: 76.09126984126982%
    }

    .row-fluid .offset5 {
        margin-left: 65.07936507936508%;
        *margin-left: 64.98015873015872%
    }

    .row-fluid .offset5:first-child {
        margin-left: 63.492063492063494%;
        *margin-left: 63.39285714285714%
    }

    .row-fluid .offset4 {
        margin-left: 52.38095238095238%;
        *margin-left: 52.281746031746025%
    }

    .row-fluid .offset4:first-child {
        margin-left: 50.79365079365079%;
        *margin-left: 50.694444444444436%
    }

    .row-fluid .offset3 {
        margin-left: 39.682539682539684%;
        *margin-left: 39.58333333333333%
    }

    .row-fluid .offset3:first-child {
        margin-left: 38.095238095238095%;
        *margin-left: 37.99603174603174%
    }

    .row-fluid .offset2 {
        margin-left: 26.984126984126984%;
        *margin-left: 26.884920634920636%
    }

    .row-fluid .offset2:first-child {
        margin-left: 25.3968253968254%;
        *margin-left: 25.29761904761905%
    }

    .row-fluid .offset1 {
        margin-left: 14.285714285714285%;
        *margin-left: 14.186507936507937%
    }

    .row-fluid .offset1:first-child {
        margin-left: 12.698412698412698%;
        *margin-left: 12.59920634920635%
    }

    input, textarea, .uneditable-input {
        margin-left: 0
    }

    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 16
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 994
    }

    input.span7, textarea.span7, .uneditable-input.span7 {
        width: 866
    }

    input.span6, textarea.span6, .uneditable-input.span6 {
        width: 738
    }

    input.span5, textarea.span5, .uneditable-input.span5 {
        width: 610
    }

    input.span4, textarea.span4, .uneditable-input.span4 {
        width: 482
    }

    input.span3, textarea.span3, .uneditable-input.span3 {
        width: 354
    }

    input.span2, textarea.span2, .uneditable-input.span2 {
        width: 226
    }

    input.span1, textarea.span1, .uneditable-input.span1 {
        width: 98
    }

    .thumbnails {
        margin-left: -16
    }

    .thumbnails>li {
        margin-left: 16
    }

    .row-fluid .thumbnails {
        margin-left: 0
    }
}

@media (max-width: 900px){body {
        padding-top: 0
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: static
    }

    .navbar-fixed-top {
        margin-bottom: 20px
    }

    .navbar-fixed-bottom {
        margin-top: 20px
    }

    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 5px
    }

    .navbar .container {
        width: auto;
        padding: 0
    }

    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }

    .nav-collapse {
        clear: both
    }

    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px
    }

    .nav-collapse .nav>li {
        float: none
    }

    .nav-collapse .nav>li>a {
        margin-bottom: 2px
    }

    .nav-collapse .nav>.divider-vertical {
        display: none
    }

    .nav-collapse .nav .nav-header {
        color: #777777;
        text-shadow: none
    }

    .nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .nav-collapse .dropdown-menu li+li a {
        margin-bottom: 2px
    }

    .nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus, .nav-collapse .dropdown-menu a:hover,
    .nav-collapse .dropdown-menu a:focus {
        background-color: #f2f2f2
    }

    .navbar-inverse .nav-collapse .nav>li>a, .navbar-inverse .nav-collapse .dropdown-menu a {
        color: #999999
    }

    .navbar-inverse .nav-collapse .nav>li>a:hover, .navbar-inverse .nav-collapse .nav>li>a:focus,
    .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:focus {
        background-color: #111111
    }

    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0
    }

    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .nav-collapse .open>.dropdown-menu {
        display: block
    }

    .nav-collapse .dropdown-menu:before, .nav-collapse .dropdown-menu:after {
        display: none
    }

    .nav-collapse .dropdown-menu .divider {
        display: none
    }

    .nav-collapse .nav>li>.dropdown-menu:before, .nav-collapse .nav>li>.dropdown-menu:after {
        display: none
    }

    .nav-collapse .navbar-form, .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1)
    }

    .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111111;
        border-bottom-color: #111111
    }

    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0
    }

    .nav-collapse, .nav-collapse.collapse {
        overflow: hidden;
        height: 0
    }

    .navbar .btn-navbar {
        display: block
    }

    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 901px){.nav-collapse.collapse {
        height: auto !important;
        overflow: visible !important
    }
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol, ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote {
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary {
    display: block
}

.seo, .breadcrumbs {
    left: -9999px;
    display: block;
    position: absolute
}

@font-face {
    font-family: "ColfaxWebRegular";
    src: url("../../fonts/colfaxwebregular.eot");
    src: url("../../fonts/colfaxwebregular.eot?#iefix") format("embedded-opentype"), url("../../fonts/colfaxwebregular.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "ColfaxWebMedium";
    src: url("../../fonts/colfaxwebmedium.eot");
    src: url("../../fonts/colfaxwebmedium.eot?#iefix") format("embedded-opentype"), url("../../fonts/colfaxwebmedium.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "PublicoText-Italic";
    src: url("../../fonts/PublicoText-Italic-Web.eot");
    src: url("../../fonts/PublicoText-Italic-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/PublicoText-Italic-Web.woff") format("woff"), url("../../fonts/PublicoText-Italic-Web.ttf") format("truetype"), url("../../fonts/PublicoText-Italic-Web.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

strong {
    font-weight: normal;
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
}

.win strong {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.small {
    font-size: 14px !important
}

.smaller {
    font-size: 16px
}

.smaller p, .smaller h3, .smaller h4 {
    font-size: 16px
}

.text {
    font-size: 18px
}

.text p {
    font-size: 18px;
    margin-bottom: 24px
}

.text ul {
    margin-bottom: 24px
}

.text ul li {
    list-style-type: disc;
    margin-bottom: 0;
    margin-left: 18px
}

.post ul {
    margin-bottom: 24px
}

.post ul li {
    list-style-type: disc;
    margin-bottom: 0;
    margin-left: 18px
}

.bigger {
    font-size: 24px;
    line-height: 28px
}

.quiet {
    color: #8b8a8a
}

.inline-right {
    float: right;
    margin: 0 0 24px 24px
}

.row-fluid img.span2 {
    margin-bottom: 1.58%
}

a[href^="http://feeds.wordpress.com/1.0/gocomments/"] {
    display: none
}

img[src^="http://stats.wordpress.com/b.gif"] {
    display: none
}

.post p strong, .post p b {
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
}

.win .post p strong, .win .post p b {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.post p em {
    font-style: italic
}

.post ol {
    list-style: decimal
}

.post iframe {
    margin-bottom: 1em
}

.post blockquote ol {
    list-style-position: inside
}

h1 a {
    color: inherit;
    text-decoration: inherit
}

h1 small a {
    color: #ddd;
    float: right;
    font-size: 0.7em
}

.post q, .text q {
    quotes: "“" "”" "‘" "’"
}

.post q:before, .text q:before {
    content: open-quote
}

.post q:after, .text q:after {
    content: close-quote
}

h3 a {
    color: inherit;
    text-decoration: inherit
}

.main-post footer ul li {
    list-style: none
}

.main-post h3 {
    font-weight: bold
}

.search-panel {
    display: none
}

#error-image {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    margin: 0 auto;
    display: block
}

body {
    background: #f8f8f8;
    color: #1a1a1a;
    font: 18px/24px "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    overflow-x: hidden
}

img {
    border-style: none
}

a {
    text-decoration: none;
    color: #00a0db
}

a:hover {
    text-decoration: none;
    color: #00a0db
}

a:focus {
    color: #00a0db
}

a:active {
    background-color: transparent
}

figure {
    margin: 0;
    padding: 0
}

video {
    width: 100% !important;
    height: auto !important
}

.skip {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.skip:focus {
    position: static;
    width: auto;
    height: auto
}

.hidden {
    display: none
}

#wrapper {
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
    width: 100%
}

.container-fluid {
    margin: 0 auto;
    max-width: 1008px
}

#header {
    margin: 0 0 46px;
    padding: 22px 22px 19px;
    border-bottom: 1px solid #f3f3f3
}

.logo {
    display: block;
    overflow: hidden;
    margin: 4px 0 0;
    background: url(../../img/bg-sprite-desktop-newlogo.png) no-repeat;
    width: 79px;
    height: 18px;
    text-indent: -9999px
}

.logo a {
    display: block;
    height: 100%
}

.navigation {
    float: left
}

.navigation .opener {
    display: none
}

#nav {
    margin: 0;
    text-transform: uppercase;
    list-style: none
}

#nav li {
    display: inline-block;
    margin: 0 0 0 34px;
    position: relative;
}

#nav li:first-child {
    margin-left: 0
}

#nav a {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

#nav a:hover {
    color: #00a7e4
}

#nav .active a {
    color: #00a7e4
}

.search-panel {
    float: right;
    margin: 4px 3px 0
}

.search-panel .opener {
    display: block;
    overflow: hidden;
    background: url(../../img/bg-sprite-desktop-newlogo.png) no-repeat 0 -22px;
    width: 15px;
    height: 15px;
    text-indent: -9999px
}

#main {
    padding: 0 22px 25px
}

#main h1 {
    margin: 0 0 48px -2px;
    font: 32px/36px "ColfaxWebMedium", Arial, Helvetica, sans-serif
}

.win #main h1 {
    margin: 0 0 48px -2px;
    font: 32px/36px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#main h1 a:hover {
    color: inherit;
    text-decoration: none
}

.post {
    padding: 0 0 63px
}

.post .heading {
    padding-top: 40px;
    padding-bottom: 33px;
    border-top: 1px solid #e4e4e4;
    color: #7d7d7d;
    font-size: 16px;
    line-height: 20px
}

.post .heading .author-photo {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    float: left
}

.post .heading .author-photo img {
    width: 100%
}

.post .heading .author-links {
    color: #e3e3e3;
    display: block;
    clear: left;
    margin-top: 8px
}

.post .heading .author-links li {
    display: inline;
    font-size: 14px;
    margin: 0 8px 0 0
}

.post:first-child .heading, .post:first-child .holder {
    border-color: #ccc;
    border-top: none;
    padding-top: 3px
}

.post .heading [rel=author] {
    display: block;
    margin: 0 0 0 0;
    font: 16px/20px "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #1a1a1a
}

.win .post .heading [rel=author] {
    display: block;
    margin: 0 0 0 0;
    font: 16px/20px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #1a1a1a
}

.post .heading [rel=author] a {
    color: #1a1a1a;
    text-decoration: none
}

.post .heading [rel=author] a:hover {
    text-decoration: underline
}

.post .holder {
    padding-top: 40px;
    border-top: 1px solid #e4e4e4
}

.post .holder h2 {
    margin: 8px 0 16px;
    font: 24px/32px "ColfaxWebMedium", Arial, Helvetica, sans-serif
}

.win .post .holder h2 {
    margin: 8px 0 16px;
    font: 24px/32px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.post .holder h2 a {
    color: #1a1a1a;
    text-decoration: none
}

.post .holder h2 a:hover {
    text-decoration: underline
}

.post .image {
    display: block;
    margin: 0 0 38px
}

.post .image img {
    width: 100%
}

.block-posts .post .image {
    margin-bottom: 31px
}

.post .image-mobile {
    display: none
}

.post p {
    margin: 0 0 16px
}

.post p a {
    color: inherit;
    text-decoration: none
}

.post p img {
    /*width: 100%;*/
    /*min-width: 100%;*/
    max-width: 100%
}

.post p img[src^="http://feeds.feedburner.com"] {
    width: 1px;
    height: 1px;
}

.post img {
    margin-bottom: 1em
}

.post .more {
    font-size: 16px;
    text-decoration: none
}

.post .more:hover {
    text-decoration: underline
}

.post footer {
    padding: 32px 0 0
}

.block-posts .post .heading {
    width: 31.81%
}
.block-posts .post .heading.pull-left {
    width: 29.5227%;
}

.block-posts .post .holder {
    width: 65.905%;
    margin-left: 2.2873%
}
.block-posts .post .holder.pull-right {
    margin-left: 0;
}

.block-posts .post .holder h2 {
    margin-top: -8px
}

.block-posts .post img {
    margin-bottom: 0
}

.block-posts .post p a {
    color: #1a1a1a;
    text-decoration: none
}

.panel-tags {
    padding: 14px 0 0;
    border-top: 1px solid #e4e4e4;
    font-size: 16px;
    line-height: 26px
}

.panel-tags nav {
    overflow: hidden;
    margin: 0 -10px 0 0
}

.panel-tags span {
    float: left;
    margin: 0 13px 0 0
}

.panel-tags ul {
    overflow: hidden;
    margin: 0;
    list-style: none
}

.panel-tags li {
    display: inline;
    margin: 0 10px 0 0 !important;
    line-height: 26px
}

.panel-tags a {
    text-decoration: underline
}

.panel-share {
    padding: 7px 0 0;
    border-top: 1px solid #ebebeb;
    color: #9d9d9d;
    font-size: 14px;
}

.panel-share ul {
    display: inline;
    margin: 0;
    list-style: none
}

.panel-share li {
    display: inline;
    margin: 0 2px 0 6px
}

.panel-share a {
    font: 14px/24px "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    color: #1a1a1a;
}

.panel-share a:hover {
    text-decoration: underline
}

.panel-author {
    overflow: hidden;
    padding: 0 0 39px
}

.panel-author img {
    float: left;
    margin: 0 10px 0 0;
    border-radius: 37px
}

.panel-author .frame {
    overflow: hidden;
    padding: 10px 0 0
}

.panel-author h3 {
    margin: 0 0 1px;
    font: 16px/24px "ColfaxWebRegular", Arial, Helvetica, sans-serif
}

.panel-author .area-mobile {
    display: none
}

.panel-author ul {
    position: relative;
    overflow: hidden;
    margin: 0;
    list-style: none
}

.panel-author li {
    position: relative;
    float: left;
    margin: 0 6px 0 -6px;
    padding: 0 6px
}

.panel-author li:after, .panel-author li after {
    position: absolute;
    top: 5px;
    left: 0;
    background: #0094c7;
    width: 1px;
    height: 15px;
    content: ""
}

.panel-author li a {
    font-size: 16px;
    line-height: 24px;
    color: #0094c7;
    text-decoration: none
}

.panel-author li a:hover {
    text-decoration: underline
}

#main.blog .labels header.title {
    padding-bottom: 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 26px
}

.main-post {
    padding: 30px 0
}

.main-post header {
    padding-bottom: 34px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 36px
}

.main-post header h1 {
    margin-bottom: 28px !important
}

.main-post header .panel-share {
    border: none;
    margin: 0
}

.main-post .heading, .main-post .holder {
    border: none;
    padding-top: 0
}

.main-post .heading {
    padding-top: 3px
}

.main-post .subhead {
    display: block;
    margin: -8px 0 0
}

.main-post p a {
    color: #00a0db;
    text-decoration: none
}

.main-post blockquote {
    margin: 0 0 16px;
    padding: 16px 15px 18px;
    border-left: 3px solid #c2c2c2;
    background: #fafafa
}

.main-post blockquote p {
    margin: 0
}

.main-post blockquote cite {
    font-style: normal
}

.main-post footer {
    padding: 9px 0 0
}

.main-post .panel-tags {
    padding: 24px 0 28px
}

.slideshow, .slideshow-careers {
    position: relative;
    overflow: hidden;
    margin: -46px -22px 38px;
    height: 638px;
    background: #dfdcdb url(../../img/bg-slideshow.jpg) repeat-x 50% 0
}

.slideshow .slide, .slideshow-careers .slide {
    position: relative;
    overflow: hidden;
    width: 100%
}

.slideshow .holder, .slideshow-careers .holder {
    position: relative;
    left: 50%;
    float: left;
    width: 1072px
}

.slideshow .frame, .slideshow-careers .frame {
    position: relative;
    left: 50%;
    float: left;
    width: 1072px;
    left: -50%
}

.slideshow img, .slideshow-careers img {
    display: block
}

#main .block-info h1 {
    margin: 0 0 50px;
    font: 56px/60px "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    text-align: center
}

.block-info h1 small {
    display: block;
    padding: 9px 0 0;
    font-size: 16px;
    line-height: 20px;
    color: #9d9d9d
}

.block-info h2 {
    margin: 0 0 10px;
    padding: 6px 0 0;
    font: 19px/24px "ColfaxWebMedium", Arial, Helvetica, sans-serif
}

.win .block-info h2 {
    margin: 0 0 10px;
    padding: 6px 0 0;
    font: 19px/24px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.block-info p {
    margin: 0 0 16px
}

.block-info blockquote {
    position: relative;
    margin: 29px -9999px 47px;
    padding: 65px 9999px 84px;
    background: #f7f7f8;
    border: none;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #acacac
}

.block-info q {
    display: block;
    margin: 0 0 19px;
    color: #1a1a1a;
    font-size: 36px;
    line-height: 40px
}

.panel-info {
    overflow: hidden;
    margin: 0 0 51px;
    font-size: 13px;
    line-height: 16px;
    color: #9d9d9d;
    text-align: center
}

.panel-info .area {
    float: left;
    margin: 0 0 0 1.6%;
    background: #f7f7f8;
    width: 30.1%
}

.panel-info .area:first-child {
    margin-left: 0;
    width: 32.6%
}

.panel-info .area:first-child+.area {
    margin: 0 0 0 1.6%;
    width: 34.1%
}

.panel-info p {
    margin: 0;
    padding: 67px 0 64px;
    min-height: 94px
}

.panel-info p strong {
    display: block;
    margin: 0 0 5px;
    font-weight: normal;
    font-size: 57px;
    line-height: 57px;
    color: #1a1a1a
}

.block-info .block-footer {
    padding: 11px 0 57px
}

.block-info .panel-tags {
    margin: 0 0 43px;
    border: none;
    min-height: 52px
}

.block-info .panel-share {
    margin: 0 20.4% 0 0
}

.panel-related {
    padding: 0 0 67px
}

.panel-related h3 {
    margin: 0 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid #dcdcdc;
    font: 16px/20px "ColfaxWebMedium", Arial, Helvetica, sans-serif
}

.win .panel-related h3 {
    margin: 0 0 16px;
    padding: 0 0 10px;
    border-bottom: 1px solid #dcdcdc;
    font: 16px/20px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.panel-related .thumbnail {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}

.panel-related .thumbnail img {
    margin: 0 0 12px
}

.panel-related .thumbnail h4 {
    margin: 0;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px
}

.panel-related .thumbnail h4 a {
    color: #666;
    text-decoration: none
}

.panel-related .thumbnail h4 a:hover {
    text-decoration: underline
}

.menu {
    margin: 0;
    list-style: none
}

.main-post+.panel-related .menu {
    padding: 2px 0 0
}

.menu li {
    padding: 0 0 8px
}

.menu a {
    font-size: 15px;
    line-height: 18px;
    color: #00a1dc
}

.panel-related .box-authors ul {
    overflow: hidden;
    margin: 0 0 5px;
    padding: 3px 0 0;
    list-style: none
}

.panel-related .box-authors li {
    margin: 0 8px 8px 0
}

.panel-related .box-authors a {
    font-size: 14px;
    line-height: 18px;
    color: #00a1dc;
    width: 36px;
    height: 36px
}

.panel-related .box-authors a img {
    max-width: 100%
}

.box {
    padding: 26px 8px 26px;
    border-top: 1px solid #e4e4e4;
    font-size: 14px
}

.box:first-child {
    padding-top: 0;
    border-top: none
}

.box h3 {
    margin: 0 0 16px !important;
    font: 16px/20px "ColfaxWebMedium", Arial, Helvetica, sans-serif
}

.win .box h3 {
    margin: 0 0 16px !important;
    font: 16px/20px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.box .more {
    text-decoration: none
}

.box .more:hover {
    text-decoration: underline
}

.box .holder {
    overflow: hidden;
    margin: 0 0 10px
}

.box ul {
    overflow: hidden;
    margin: 0 0 22px;
    list-style: none
}

.box-menu ul {
    width: 100%;
    margin: 8px 0 0
}

.box-menu ul li {
    width: 45%;
    margin-right: 5%;
    line-height: 18px;
    padding-bottom: 4px;
    float: left
}

.box-menu ul a {
    color: #929292;
    text-decoration: none;
    line-height: 16px
}

.box-menu ul a:hover {
    text-decoration: underline
}

.box-authors li {
    float: left;
    margin: 0 6px 6px 0
}

.box-authors img {
    display: block
}

.social-networks li {
    float: left;
    margin: 0 6px 0 0
}

.social-networks li a {
    overflow: hidden;
    float: left;
    background: url(../../img/bg-sprite-desktop-newlogo.png) no-repeat;
    width: 36px;
    height: 36px;
    text-indent: -9999px
}

.social-networks li a.twitter {
    background-position: 0 -43px
}

.social-networks li a.facebook {
    background-position: -42px -43px
}

.social-networks li a.linkedin {
    background-position: -84px -43px
}

#footer {
    padding: 35px 22px 74px;
    background: #f8f8f8;
    color: #737373;
    font-size: 13px;
    line-height: 19px
}

#footer h3 {
    margin: 0 0 11px;
    color: #9d9d9d;
    font: 12px/24px "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    text-transform: uppercase
}

.win #footer h3 {
    margin: 0 0 11px;
    color: #9d9d9d;
    font: 12px/24px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

#footer address {
    margin: 0;
    line-height: 19px
}

#footer p {
    margin: 0
}

#footer a {
    color: #737373;
    text-decoration: none
}

#footer a:hover {
    text-decoration: underline
}

.footer-logo {
    display: block;
    margin: 8px 0 18px 1px;
    width: 88px;
    height: 15px
}

.footer-logo img {
    display: block;
    width: 100%
}

#main hr.divider {
    height: 0;
    border-top: 24px solid #f8f8f8;
    margin: 0 -32px 30px
}

#main .info-boxes .area {
    background: transparent;
    margin-bottom: 0
}

#main .info-boxes .area p {
    margin: 0;
    padding: 30px 0 38px;
    font-size: 12px;
    text-align: center;
    color: #8b8a8a
}

#main .info-boxes .area p strong {
    display: block;
    margin: 0 0 0;
    font-weight: normal;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: 58px;
    color: #1a1a1a
}

#main header.info-boxes {
    margin: -176px -32px 0;
    padding: 56px 32px 50px 32px;
    position: relative;
    z-index: 10;
    background: #25272e
}

#main header.info-boxes * {
    color: #fff
}

#main header.info-boxes h1 {
    font-weight: normal;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    font-size: 32px;
    line-height: 40px;
    margin: 3px 0 22px 22px
}

#main header.info-boxes .area {
    background: transparent;
    border: none;
    margin-bottom: 0
}

#main header.info-boxes .area p {
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: left;
    color: #8b8a8a
}

#main header.info-boxes .area p strong {
    display: block;
    color: #fff;
    margin: 0 0 3px;
    font-weight: normal;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    font-size: 40px;
    line-height: 40px;
    padding-bottom: 2px;
    border-bottom: 1px solid #3b3d43
}

#main ol {
    list-style-type: none;
    list-style: none;
    counter-reset: custom-counter;
    margin-bottom: 24px
}

#main ol li {
    margin: 0 0 8px 0;
    padding-left: 34px;
    display: block;
    position: relative
}

#main ol li:before {
    content: counter(custom-counter);
    counter-increment: custom-counter;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 21px;
    font: 13px "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    text-align: center;
    margin: -2px 8px 0 0;
    padding-top: 4px;
    color: #1a1a1a;
    border: 1px solid #1a1a1a;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

#main .numlisting {
    margin-bottom: 16px
}

#main .numlisting li {
    margin-bottom: 16px
}

#main .numlisting li:before {
    border-color: #00a0db;
    color: #00a7e4
}

#main .listing {
    margin: 0
}

#main .listing li {
    list-style: none;
    position: relative;
    margin-bottom: 6px;
    margin-left: 23px
}

#main .listing li:before {
    content: "— ";
    display: block;
    position: absolute;
    left: -23px;
    color: #a8a8a8
}

#main .listing2 li {
    margin-bottom: 10px
}

#main .article-listing, #main .info-listing {
    margin: 0 0 36px
}

#main .article-listing dt, #main .info-listing dt {
    font: 18px "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    padding-bottom: 22px;
    border-bottom: 1px solid #f0f0f0;
    margin: 44px 0 0 0
}

.win #main .article-listing dt, .win #main .info-listing dt {
    font: 18px Arial, Helvetica, sans-serif;
    padding-bottom: 22px;
    border-bottom: 1px solid #f0f0f0;
    margin: 44px 0 0 0;
    font-weight: bold;
}

#main .article-listing dt:first-child, #main .info-listing dt:first-child {
    margin-top: 4px
}

#main .article-listing li, #main .article-listing dd, #main .article-listing tr,
#main .info-listing li, #main .info-listing dd, #main .info-listing tr {
    list-style: none;
    font-size: 16px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #f0f0f0
}

#main .article-listing li a, #main .article-listing dd a, #main .article-listing tr a,
#main .info-listing li a, #main .info-listing dd a, #main .info-listing tr a {
    display: block;
    padding: 12px 16px 11px 0;
    color: #1a1a1a
}

#main .article-listing li a:hover, #main .article-listing dd a:hover,
#main .article-listing tr a:hover, #main .info-listing li a:hover, #main .info-listing dd a:hover,
#main .info-listing tr a:hover {
    color: #00a0db
}

#main .article-listing li a.active, #main .article-listing dd a.active,
#main .article-listing tr a.active, #main .info-listing li a.active,
#main .info-listing dd a.active, #main .info-listing tr a.active {
    color: #00a0db
}

#main .article-listing li span, #main .article-listing dd span, #main .article-listing tr span,
#main .info-listing li span, #main .info-listing dd span, #main .info-listing tr span {
    min-height: 0px
}

#main .article-listing li td, #main .article-listing dd td, #main .article-listing tr td,
#main .info-listing li td, #main .info-listing dd td, #main .info-listing tr td {
    padding: 12px 16px 11px 0;
    vertical-align: top
}

#main .article-listing li td a, #main .article-listing dd td a, #main .article-listing tr td a,
#main .info-listing li td a, #main .info-listing dd td a, #main .info-listing tr td a {
    padding: 0
}

#main .article-listing li td:first-child, #main .article-listing dd td:first-child,
#main .article-listing tr td:first-child, #main .info-listing li td:first-child,
#main .info-listing dd td:first-child, #main .info-listing tr td:first-child {
    width: 23.8095%
}

#main .article-listing li td:last-child, #main .article-listing dd td:last-child,
#main .article-listing tr td:last-child, #main .info-listing li td:last-child,
#main .info-listing dd td:last-child, #main .info-listing tr td:last-child {
    padding-right: 23.8%
}

#main .article-listing:first-child, #main .info-listing:first-child {
    margin-top: -12px
}

#main .listing-post header h2 {
    margin-right: 23.8%
}

#main .listing-post .text h2, #main .listing-post .text h3, #main .listing-post .text p,
#main .listing-post .text ul {
    margin-right: 23.8%
}

hr {
    border-top: 1px solid #f0f0f0
}

.read-more .icon {
    display: block;
    width: 29px;
    height: 23px;
    background: url("../../img/icon-sprite-2x.png") -100px -50px no-repeat;
    background-size: 500px 500px;
    float: left
}

.read-more:hover .icon {
    background: url("../../img/icon-sprite-2x.png") -100px -100px no-repeat;
    background-size: 500px 500px
}

a:hover .read-more .icon {
    background: url("../../img/icon-sprite-2x.png") -100px -50px no-repeat;
    background-size: 500px 500px
}

.expand.toggler {
    display: block
}

.expand.toggler .icon {
    display: block;
    width: 29px;
    height: 23px;
    background: url("../../img/icon-sprite-2x.png") -100px -150px no-repeat;
    background-size: 500px 500px;
    float: left
}

.expand.toggler:hover .icon {
    background: url("../../img/icon-sprite-2x.png") -100px -200px no-repeat;
    background-size: 500px 500px
}

.expand.toggler.on .icon {
    display: block;
    width: 29px;
    height: 23px;
    background: url("../../img/icon-sprite-2x.png") -100px -250px no-repeat;
    background-size: 500px 500px;
    float: left
}

.expand.toggler.on:hover .icon {
    background: url("../../img/icon-sprite-2x.png") -100px -300px no-repeat;
    background-size: 500px 500px
}

.button {
    display: inline-block;
    border: 1px solid #00a0db;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    color: #00a0db;
    font-size: 15px;
    line-height: 36px;
    padding: 0 12px
}

.button:hover {
    color: #1a1a1a;
    border-color: #1a1a1a
}

.text-carousel-wrap {
    padding: 0;
    margin: 0;
    width: 100%
}

#text-carousel {
    background: #1a1a1a;
    background-image: url("../../img/about/carousel-bg.jpg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-behavior: url("/assets/style/backgroundsize.min.htc");
    margin: 0 -22px;
    position: relative;
    min-height: 392px
}

#text-carousel ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative
}

#text-carousel ul li {
    display: block;
    float: left;
    list-style: none
}

#text-carousel ul li .text {
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 116px 26% 132px
}

#text-carousel ul li .text p {
    font-size: 32px;
    line-height: 36px;
    max-width: 590px;
    margin: 0 auto
}

#text-carousel ul li .text * {
    margin: 0
}

#text-carousel .pager {
    text-align: center;
    font-size: 1.5em;
    z-index: 10;
    position: absolute;
    bottom: 24px;
    width: 100%
}

#text-carousel .pager a {
    color: #fff;
    padding: 2px 1px
}

#text-carousel .pager a:hover {
    color: #f3f3f3
}

#text-carousel .pager a.selected, #text-carousel .pager a.selected:hover {
    color: #00a0db
}

#text-carousel .prev, #text-carousel .next {
    display: none !important
}

.head-carousel-wrap {
    padding: 0;
    width: 100%
}

#head-carousel {
    margin: 0;
    position: relative
}

#head-carousel ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative
}

#head-carousel ul li {
    display: block;
    float: left;
    list-style: none;
    padding: 24px 0 29px
}

#head-carousel ul li .text {
    display: block;
    position: relative;
    text-align: center;
    min-height: 100px;
    padding: 0 13%
}

#head-carousel ul li .text p {
    font-size: 26px;
    line-height: 32px
}

#head-carousel ul li .text * {
    margin: 0
}

#head-carousel ul li .text .course, #head-carousel ul li .text .quote {
    font-size: 13px;
    color: #b8b8b8
}

#head-carousel ul li .text .course {
    margin: -17px 0 17px 0;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif
}

#head-carousel ul li .text .quote {
    margin: 19px 0 -8px
}

#head-carousel .pager {
    text-align: center;
    font-size: 1.5em;
    margin: 0 0 -8px 0;
    z-index: 10;
    position: relative
}

#head-carousel .pager a {
    color: #eaeaea;
    padding: 2px 1px
}

#head-carousel .pager a:hover {
    color: #dfdfdf
}

#head-carousel .pager a.selected, #head-carousel .pager a.selected:hover {
    color: #00a0db
}

#head-carousel .prev, #head-carousel .next {
    display: none !important
}

.block-section {
    position: relative;
    z-index: 10;
    margin: 0 -33px;
    padding: 31px 32px;
    background: #fff;
    border-bottom: 24px solid #f8f8f8
}

.block-section .section-heading {
    padding-bottom: 1px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 24px
}

.block-section .section-heading h1 {
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    font-size: 25px !important;
    text-align: left;
    padding-bottom: 10px;
    margin: 0 !important
}

.win .block-section .section-heading h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px !important;
    text-align: left;
    padding-bottom: 10px;
    margin: 0 !important;
    font-weight: bold;
}

.block-section .section-heading h2 {
    margin-bottom: 8px
}

.block-section .section-heading.main-title {
    margin-top: 70px;
    margin-bottom: 80px
}

.block-section .section-heading.main-title h1 {
    font-size: 32px !important;
    padding-bottom: 23px
}

.block-section .section-heading.main-title .button {
    float: right;
    margin-top: -55px
}

.block-section h2 {
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    font-size: 21px;
    margin-bottom: 1px
}

.win .block-section h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    margin-bottom: 1px;
    font-weight: bold;
}

.block-section h3, .block-section h4 {
    font-size: inherit;
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: inherit;
    margin: 0
}

.win .block-section h3, .win .block-section h4 {
    font-size: inherit;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    line-height: inherit;
    margin: 0;
    font-weight: bold;
}

.block-section a:hover {
    color: #1a1a1a
}

.block-section:last-child, #main.blog .block-section {
    border-bottom: none
}

.block-section.first {
    border-bottom: 24px solid #f8f8f8
}

#main.home {
    padding-bottom: 118px
}

#main.home .hero {
    margin: 0 -22px 55px -22px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    background-image: url("../../img/home/hero4-bg.png");
    background-repeat: repeat;
    z-index: 1
}

#main.home .hero a {
    display: block;
    position: relative;
    margin: 123px 0 94px 0
}

#main.home .hero .title {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    width: 37%;
    max-width: 370px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    opacity: 0
}

#main.home .hero .title h2 {
    text-indent: -9999px;
    overflow: hidden;
    height: 1px;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    margin: 30px 0 35px 0
}

#main.home .hero .title p {
    font-size: 24px;
    line-height: 30px;
    color: #fff
}

#main.home .hero img.main-image {
    margin: -8px -2px -10px -2px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    opacity: 0
}

#main.home .hero .button {
    margin: 42px 0 28px 0;
    color: #fff;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
    border-width: 2px;
    padding: 0 65px;
    line-height: 48px;
    text-transform: uppercase;
    font-size: 20px
}

#main.home .hero a:hover .button {
    background-color: #17aaaf
}

#main.home .video-wrapper {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    z-index: 667;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

#main.home .video-wrapper a.close-video {
    text-shadow: none;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 2em
}

#main.home .video-wrapper a.close-video:hover {
    color: #00a0db
}

.masonry-wrapper {
    margin: 0 -3px 0 -3px
}

.masonry .item, .static-item {
    margin-bottom: 6px;
    float: left
}

.masonry .item .tile, .static-item .tile {
    display: block;
    border: 1px solid #f3f3f3;
    border: 1px solid rgba(243, 243, 243, 0.8);
    margin: 0 3px;
    padding: 14px 10px 18px 12px;
    color: #1a1a1a;
    background: #fff;
    text-decoration: none
}

.masonry .item .tile .work-image-wrap {
    overflow: hidden;
    height: 0;
    padding: 0 0 63% 0; /* More or less 16:9 */
    margin-bottom: 1em;
}
.masonry .item .tile .work-image-wrap img {
    position: relative;
    top: -1em;
}

.masonry .item .tile h2, .masonry .item .tile h3, .masonry .item .tile h4,
.static-item .tile h2, .static-item .tile h3, .static-item .tile h4, .masonry .item .tile .tile-title {
    display: block;
    font: 16px "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    margin: 0 0 12px 0;
    padding: 0 0 0 0
}

.win .masonry .item .tile h2, .win .masonry .item .tile h3, .win .masonry .item .tile h4,
.win .static-item .tile h2, .win .static-item .tile h3, .win .static-item .tile h4, .win .masonry .item .tile .tile-title {
    display: block;
    font: 16px Arial, Helvetica, sans-serif;
    margin: 0 0 12px 0;
    padding: 0 0 0 0;
    font-weight: bold;
}

.masonry .item .tile a, .static-item .tile a {
    display: block;
    color: inherit;
    text-decoration: none
}

.masonry .item .tile a:hover *, .static-item .tile a:hover * {
    color: #00a0db
}

.masonry .item .tile img, .static-item .tile img {
    margin-bottom: 18px;
    display: block
}

.masonry .item .tile p, .static-item .tile p {
    font-size: 16px;
    line-height: 18px
}

.masonry .item .tile p:last-child, .static-item .tile p:last-child {
    margin-bottom: 0
}

.masonry .item .tile p a, .static-item .tile p a {
    display: inline
}

.masonry .item .tile p a:hover, .static-item .tile p a:hover {
    text-decoration: underline
}

.masonry .item .tile .timeago, .static-item .tile .timeago {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.4);
    margin: 3px 0 0
}

.masonry .item .tile:hover, .static-item .tile:hover {
    -webkit-box-shadow: #eaeaea 0px 0px 5px;
    -moz-box-shadow: #eaeaea 0px 0px 5px;
    box-shadow: #eaeaea 0px 0px 5px
}

.masonry .item a.tile:hover *, .static-item a.tile:hover * {
    color: #00a0db
}

#main.worklist article.waypoint {
    background: #fff;
    margin: 0 -22px;
    padding: 0 22px
}

#main.worklist article.waypoint .row-fluid {
    padding-top: 38px;
    padding-bottom: 58px
}

#main.worklist article.waypoint h2 {
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px
}

.win #main.worklist article.waypoint h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 24px;
    font-weight: bold;
}

#main.worklist article.waypoint .more {
    margin-top: 1em
}

#main.worklist article.waypoint a {
    display: block;
    color: #1a1a1a
}

#main.worklist article.waypoint a h2 {
    color: #1a1a1a;
    margin-top: -2px
}

#main.worklist article.waypoint a p {
    color: #1a1a1a
}

#main.worklist article.waypoint a .read-more {
    margin-top: 16px;
    color: #00a0db
}

#main.worklist article.waypoint a .read-more .icon {
    background: url("../../img/icon-sprite-2x.png") -100px -50px no-repeat;
    background-size: 500px 500px
}

#main.worklist article.waypoint a:hover .read-more {
    color: #1a1a1a
}

#main.worklist article.waypoint a:hover .read-more .icon {
    background: url("../../img/icon-sprite-2x.png") -100px -100px no-repeat;
    background-size: 500px 500px
}


#main.worklist article.waypoint a .read-more .icon.external {
    background-image: url("../../img/new-window-icon.png");
    background-repeat: no-repeat;
    background-size: 38px auto;
    background-position: 0 0;
    width: 46px;
    height: 24px;
}

#main.worklist article.waypoint a:hover .read-more .icon.external {
    background-position: 0 -24px;
}


#main.worklist #client-list {
    border-top: 1px solid #ebebeb;
    background: #fff;
    padding-top: 32px
}

#main.worklist #client-list .row-fluid {
    padding: 18px 32px 30px 32px;
    margin: 0 -32px 0 -32px
}

#main.worklist #client-list .row-fluid:last-child {
    padding-bottom: 40px;
}

#main.worklist #sales {
    border-bottom: 64px solid transparent
}

#main.worklist #client-list h2 {
    border-bottom: 1px solid #f0f0f0;
    margin: 16px 0 -16px;
    padding: 0 0 8px
}

#main.worklist #client-list dl {
    font-size: 14px
}

#main.worklist #client-list dl dt {
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    padding-bottom: 2px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px
}

.win #main.worklist #client-list dl dt {
    font-family: Arial, Helvetica, sans-serif;
    padding-bottom: 2px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px;
    font-weight: bold;
}

#main .case .heading {
    padding: 32px 32px 32px;
    text-align: center
}

#main .case .heading h2 {
    font: 28px/32px "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    margin-bottom: 0
}

#main .case .heading a {
    display: inline-block;
    margin: 38px 0 6px
}

#main .case .quiet h2 {
    color: #1a1a1a
}

#main .case .quiet p {
    color: #585858
}

#main .case hr {
    margin-bottom: 57px
}

#main .case .bigger {
    text-align: center;
    margin-bottom: 80px
}

#main .case .text h2 {
    margin-bottom: 24px
}

#main .case .detail {
    margin: 58px -32px 94px -32px
}

#main .case .detail img {
    display: block;
    width: 100%
}

#main .case blockquote {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 86px 22px;
    text-align: center;
    margin: 62px 0 0
}

#main .case blockquote q {
    display: block;
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 12px
}

#main .case blockquote cite {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #8b8a8a
}

#main .case blockquote.fresh-quote {
    margin: 0 -32px;
    padding: 66px 50px;
    background-color: #44BEC4;
}

#main .case blockquote.fresh-quote q {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 0;
}

#main .case blockquote.fresh-quote cite {
    color: #E7F4F4;
}

#main .case .goal {
    margin: 0 -32px 88px 0;
    padding: 175px 0 0 0;
    background-size: 568px 493px;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: bottom right
}

#main .case .goal p,
#main .case .goal .benefit-list {
    width: 45%;
    margin-bottom: 12px
}

#main .case .goal hr {
    margin: 162px 0 0 -32px
}

#main .case .benefit-list h3 {
    text-transform: uppercase;
}

#main .case .benefit-list li {
    color: #999999;
    margin-top: 5px;
}

#main .case .sub-case-name {
    text-transform: uppercase;
    font-size: 0.8em;
}

#main .case .case-contacts {
    margin-top: 45px;
}

#main .case .case-contacts h3 {
    color: #8B8A8A;
    font-size: 13px;
    text-transform: uppercase;
    text-align: right;
    margin-right: 48px;
}

#main .case .case-contacts h4 {
    margin-bottom: 10px;
}

#main .case .case-contacts li {
    font-size: 0.85em;
}

@media only screen and (max-width: 920px) {
    #main .case .case-contacts h3 {
        text-align: left;
    }

    #main .case .case-contacts .span2 {
        width: 100%;
        margin-left: 0;
        margin-top: 25px;
    }
}

body[data-segments~=otava] header.info-boxes .area:first-child strong {
    font-size: 32px !important;
    line-height: 32px !important;
    padding: 7px 0 3px !important;
    margin-bottom: -3px
}

body[data-segments~=otava] #main .case .goal {
    padding: 0
}

body[data-segments~=otava] #main .case .goal hr {
    margin: 56px 0 0 -32px
}

body[data-segments~=saunalahti] #main .case .goal {
    padding: 0
}

body[data-segments~=saunalahti] #main .case .goal hr {
    margin: 56px 0 0 -32px
}

body[data-segments~=finnair] #main .case .goal {
    padding-top: 45px;
}

body[data-segments~=finnair] #main .case .goal hr {
    margin: 24px 0 0 -32px;
    border-color: #fff;
}

.related-pagination .row-fluid {
    padding-top: 29px;
    padding-bottom: 16px
}

.related-pagination a {
    display: block;
    color: #8b8a8a;
    padding: 16px 0 16px
}

.related-pagination a h3 {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 13px
}

.related-pagination a h4 {
    color: #1a1a1a;
    font-size: 18px;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif
}

.related-pagination .prev, .related-pagination .next {
    width: 50%;
    position: relative
}

.related-pagination .prev {
    float: left;
    border-right: 1px solid #f3f3f3;
    margin-right: 0;
    text-align: right
}

.related-pagination .prev h3, .related-pagination .prev h4 {
    padding-right: 52px;
    padding-left: 5%
}

.related-pagination .prev .arrow {
    display: block;
    width: 14px;
    height: 20px;
    background: url("../../img/icon-sprite.png") 0 -100px no-repeat;
    float: left;
    margin-top: 41px
}

.related-pagination .prev a:hover .arrow {
    background: url("../../img/icon-sprite.png") 0 -150px no-repeat
}

.related-pagination .next {
    float: right;
    border-left: 1px solid #f3f3f3;
    margin-left: -1px;
    margin-right: -1px
}

.related-pagination .next h3, .related-pagination .next h4 {
    padding-left: 52px;
    padding-right: 5%
}

.related-pagination .next .arrow {
    display: block;
    width: 14px;
    height: 20px;
    background: url("../../img/icon-sprite.png") -50px -100px no-repeat;
    float: right;
    margin-top: 41px
}

.related-pagination .next a:hover .arrow {
    background: url("../../img/icon-sprite.png") -50px -150px no-repeat
}

#main.blog .related-pagination .row-fluid {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    padding: 42px 0
}

.related-articles header {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px
}

.related-articles header h2 {
    font-size: 16px;
    padding-bottom: 14px;
    margin: 0
}

.related-articles .masonry-wrapper {
    margin: 0
}

.related-articles .masonry .item .tile {
    border-color: #f6f6f6
}

.related-articles .masonry .item .tile h2 {
    border-color: #f2f2f2
}

#main.careers #meet-our-people {
    font-size: 16px
}

#main.careers #meet-our-people .person a {
    display: block;
    color: #1a1a1a
}

#main.careers #meet-our-people .person a:hover {
    color: #00a0db
}

#main.careers #meet-our-people .person img {
    margin-bottom: 0.5em
}

#main.careers #meet-our-people .person p {
    margin-right: 30%
}

#main.careers .span2:first-child p {
    margin-bottom: 1em
}

#main.careers #fast-track hr {
    border-top: 1px solid #eee;
    margin-top: 40px
}

#main.careers #connect-with-linkedin ol {
    margin-top: 4px
}

#main.careers .listing-post header h2 {
    margin-bottom: 16px
}

#main.careers .listing-post header h1 {
    margin-bottom: 16px
}

#main.careers .listing-post .apply.button {
    margin-top: 16px
}

#main.careers .listing-post footer {
    border-top: 1px solid #f3f3f3;
    padding-top: 16px
}

#main.careers .listing-post footer hr {
    border-top: 1px solid #f3f3f3;
    margin: 24px 0
}

#main.careers .listing-post footer hr:last-child {
    margin-bottom: 24px
}

#main.careers .listing-post footer .linkedin p {
    margin-top: 8px;
    margin-bottom: 16px
}

#main.careers .listing-post footer .linkedin .li-apply-text {
    display: none
}

#main.careers .listing-post footer .inline-form fieldset {
    margin-top: 16px
}

#main.careers .listing-post footer .email-application .quiet p {
    text-align: right;
    white-space: nowrap
}

/*#main.training #courses .block-section:last-child {
    border-bottom: 24px solid #f8f8f8
}*/

#main.training #courses .all-courses li {
    border-color: #fff
}

#main.training #courses .all-courses li a {
    background-color: #fafafa;
    padding-left: 14px;
    padding-right: 14px
}

#main.training #glossary img {
    margin: 0.5em 0 8px
}

#main.training #glossary h4 {
    margin-bottom: 8px
}

#main.training #glossary p {
    line-height: 20px
}

#main.training #custom-training .requests {
    font-size: 16px
}

#main.training #custom-training .requests h4 {
    margin: 8px 0 0 8px
}

#main.training #custom-training .requests p {
    margin-left: 8px
}

#main.training #custom-training fieldset {
    margin-top: 10px
}

#main.training .listing-post header {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 36px
}

#main.training .listing-post header h2 {
    font-size: 21px
}

#main.training .listing-post h2 {
    font-size: 19px;
    margin-bottom: 11px
}

#main.training .listing-post .inline-right {
    width: 100px;
    margin: 0 0 12px 24px
}

#main.training .contact * {
    font-size: 16px
}

#main.training .contact img {
    margin-bottom: 1em
}

#main.meet-our-people .block-section:first-child {
    border-bottom: 0;
    padding-bottom: 0;
    overflow: hidden
}

#main.meet-our-people .block-section:first-child .section-heading.main-title {
    margin-bottom: 42px
}

#main.meet-our-people .block-section:first-child .section-heading.main-title .waypoint-links a.active {
    color: #8b8a8a
}

#main.meet-our-people .block-section:first-child .section-heading.main-title .waypoint-links a.active:hover {
    color: #1a1a1a
}

#main.meet-our-people figure {
    margin-bottom: 42px
}

#main.meet-our-people article.block-section {
    border-bottom: 1px solid #f8f8f8 !important
}

#main.meet-our-people article.block-section .section-heading {
    border: none
}

#main.meet-our-people article.block-section .section-heading h1 {
    font: 25px "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    padding: 0;
    margin-top: -2px !important
}

.win #main.meet-our-people article.block-section .section-heading h1 {
    font: 25px Arial, Helvetica, sans-serif;
    padding: 0;
    margin-top: -2px !important;
    font-weight: bold;
}

#main.meet-our-people article.block-section .section-heading h2 {
    font: 21px "ColfaxWebRegular", Arial, Helvetica, sans-serif
}

#main.meet-our-people article.block-section .section-heading h1,
#main.meet-our-people article.block-section .section-heading h2 {
    margin-right: 40%
}

#main.about #contact address a {
    color: inherit
}

#main.about .section-heading.hello {
    height: auto
}

#main.about .section-heading.hello h1 {
    padding: 0 0 10px 0
}

input[type=text], input[type=password] {
    background: #fff;
    border: 1px solid #ccc;
    color: #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0;
    -moz-box-shadow: rgba(255, 255, 255, 0.3) 0 0 0;
    box-shadow: rgba(255, 255, 255, 0.3) 0 0 0;
    margin: 0 0 12px 0
}

input[type=text]:focus, input[type=password]:focus {
    color: #1a1a1a
}

.mailing-list input[type=text], .inline-form input[type=text] {
    width: 50%;
    z-index: 10;
    position: relative;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0
}

.mailing-list input[type=text]:focus:invalid:focus, .inline-form input[type=text]:focus:invalid:focus {
    border-color: #ccc;
    -webkit-box-shadow: #fff 0 0 0;
    -moz-box-shadow: #fff 0 0 0;
    box-shadow: #fff 0 0 0
}

.mailing-list button, .inline-form button {
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #999;
    margin: 0px 0 12px -7px;
    padding: 3px 14px 5px 12px;
    z-index: 9;
    position: relative
}

.mailing-list button:hover, .inline-form button:hover {
    color: #1a1a1a
}

.course-registration-form {
    display: none
}

.course-registration-form .alert {
    display: none
}

.course-registration-form .legend {
    font-family: "ColfaxWebMedium", Arial, Helvetica, sans-serif;
    padding: 26px 0 26px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 0 16px
}

.win .course-registration-form .legend {
    font-family: Arial, Helvetica, sans-serif;
    padding: 26px 0 26px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0 0 16px;
    font-weight: bold;
}

.course-registration-form input[type=text], .course-registration-form textarea {
    width: 60%
}

.course-registration-form div.form-group.required:after {
    content: "*";
    font-size: 22px;
    margin-left: 15px;
    color: #aaa
}

.course-registration-form div.form-group.error input {
    border-color: red
}

.course-registration-form div.form-group.ok input {
    border-color: green
}

.course-registration-sent, .course-registration-problem {
    display: none
}

#sign-up .alert {
    margin-top: 2em
}

/* Use for content that should be only shown to screen readers etc. */
.element-invisible {
  position: absolute !important;
  height: 1px; width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){.logo, .search-panel .opener, .social-networks li a {
        background-image: url(../../img/bg-sprite-desktop-newlogo-2x.png);
        background-size: 120px 79px
    }

    .slideshow, .slideshow-careers {
        background-image: url(../../img/bg-slideshow-2x.jpg);
        background-size: auto 100%
    }

    .related-pagination .prev a .arrow, .related-pagination .next a .arrow {
        background-image: url("../../img/icon-sprite-2x.png");
        background-size: 500px 500px
    }
}

@media only screen and (max-width: 900px) {
    .search-panel {
        margin: 4px 0 0 3px
    }

    #main {
        padding-bottom: 29px
    }

    #main .block-section {
        /*margin-top: 0 !important*/
    }

    #main .block-section header {
        height: auto
    }

    #main .page-title {
        position: relative;
        top: 0;
        width: 100%
    }

    #main .page-title h1 {
        margin: -10px 0
    }

    #main .page-title .row-fluid nav {
        display: none
    }

    .info-boxes {
        margin-bottom: 0
    }

    .info-boxes .area {
        margin-bottom: 10px
    }

    #text-carousel ul li .text {
        padding-left: 64px;
        padding-right: 64px
    }

    .post .image {
        margin: 0 0 38px
    }

    .post p {
        margin: 0 0 14px
    }

    .post footer {
        padding-top: 33px
    }

    .slideshow, .slideshow-careers {
        margin-bottom: 41px
    }

    .panel-info {
        margin-bottom: 49px
    }

    .panel-info p {
        padding: 82px 0 94px
    }

    .panel-info p strong {
        margin: 0 0 9px;
        font-size: 37px;
        line-height: 37px
    }

    .block-info blockquote {
        margin: 70px -999px 39px;
        padding: 73px 999px 91px
    }

    .block-info q {
        font-size: 37px
    }

    .post .holder h2 {
        margin: 4px 0 16px;
        font-size: 19px;
        line-height: 24px
    }

    .box {
        padding: 26px 1px 23px
    }

    .box:first-child {
        padding-top: 48px
    }

    .box .holder {
        margin: 0 0 16px
    }

    .box ul {
        margin: -1px 0 22px
    }

    .box-menu ul {
        margin: 8px 0 0;
        padding: 0 1px
    }

    .box-authors li {
        margin-bottom: 6px
    }

    .box.social-networks {
        padding-top: 42px
    }

    .main-post {
        padding-bottom: 87px
    }

    .main-post p {
        margin: 0 0 16px
    }

    .main-post footer {
        padding: 10px 0 0 7px
    }

    .main-post .panel-tags {
        padding: 4px 0 33px
    }

    .panel-author {
        padding: 0 0 31px
    }

    .panel-author img {
        margin: 0 15px 0 2px
    }

    .panel-related {
        padding: 0 0 62px
    }

    #footer {
        padding: 32px 22px 74px;
        font-size: 12px;
        line-height: 16px
    }

    #footer h3 {
        margin: 0 0 8px
    }

    #footer address {
        line-height: 16px
    }

    #footer p {
        word-wrap: break-word
    }

    #main .case .goal {
        margin-left: -23px;
        padding-top: 43px;
        background-size: 568px 493px
    }

    #main .case .goal h2,
    #main .case .goal p,
    #main .case .goal .benefit-list {
        width: inherit;
        padding-left: 23px;
        padding-right: 50px
    }

    #main .case .goal hr {
        margin-top: 536px !important
    }
}

@media only screen and (max-width: 720px) {
    #nav li {
        margin: 0 0 0 14px
    }

    .post {
        padding-bottom: 71px
    }
}

@media only screen and (min-width: 641px) {

    #nav {
        position: static !important
    }

    #header {
        border-bottom: none;
        background: transparent;
        padding: 0;
        margin: 0;
        position: fixed;
        width: 100%;
        z-index: 666
    }

    #header .row-fluid {
        margin: 0 -33px 0 -34px;
        padding: 22px 33px 20px 33px;
        background: #fff;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        -webkit-box-shadow: #eee 0 0 2px;
        -moz-box-shadow: #eee 0 0 2px;
        box-shadow: #eee 0 0 2px
    }

    #main .parallax-wrap {
        position: relative;
        height: 420px;
        margin: 0 -22px;
        z-index: 1
    }

    #main .parallax-wrap .parallax {
        position: relative;
        top: 0;
        left: 0px;
        width: 100%;
        height: 420px;
        background-attachment: fixed;
        background-position: 50% -15px;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-behavior: url("/assets/style/backgroundsize.min.htc")
    }

    #main .parallax-wrap .parallax img.bg {
        display: none
    }

    #main .parallax-wrap.header {
        height: 624px
    }

    #main .parallax-wrap.header .parallax {
        height: 624px;
        background-size: cover;
    }

    #main .parallax-wrap {
        height: 576px
    }

    #main .parallax-wrap .parallax {
        position: relative;
        height: inherit;
        background-size: auto 607px
    }

    #main .parallax-wrap .parallax .inner {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 508px;
        background-size: auto 508px;
        background-position: 50% 0;
        background-repeat: no-repeat
    }

    #main .parallax-wrap.static .parallax.has-inner {
        background-size: auto 946px;
        background-attachment: scroll;
        background-position: 50% -190px
    }

    #main .parallax-wrap.first {
        height: 737px
    }

    #main .parallax-wrap.first .parallax {
        height: inherit;
        background-size: auto 946px
    }

    #main .case .parallax-wrap {
        height: 912px
    }

    #main .case .parallax-wrap .parallax {
        height: inherit;
        background-size: auto 946px
    }

    #main .case .parallax-wrap .parallax .inner {
        bottom: 174px;
        width: 100%;
        height: 553px;
        background-size: auto 553px
    }

    #main .page-title {
        display: none;
        position: fixed;
        top: 72px;
        left: 0;
        width: 100%;
        z-index: 666
    }

    #main .page-title .row-fluid {
        margin: 0 -33px;
        padding: 20px 33px 15px 33px;
        background: #fff;
        border-top: 1px solid #f3f3f3;
        -webkit-box-shadow: #eee 0 0 2px;
        -moz-box-shadow: #eee 0 0 2px;
        box-shadow: #eee 0 0 2px
    }

    #main .page-title .row-fluid h1 {
        margin: 0
    }

    #main .page-title .row-fluid nav {
        display: block;
        font-size: 14px;
        text-align: right;
        padding-top: 0;
        margin-top: -13px
    }

    #main .page-title .row-fluid nav a {
        color: #8b8a8a;
        margin: 0 6px;
        text-decoration: none;
        white-space: nowrap
    }

    #main .page-title .row-fluid nav a:hover {
        color: #1a1a1a
    }

    #main .page-title .row-fluid nav .active, #main .page-title .row-fluid nav .active:hover {
        color: #00a0db
    }

    #main .waypoints-fixed .block-section {
        padding-top: 16px;
        padding-bottom: 16px
    }

    #main .waypoints-fixed nav.page-navigation {
        text-align: center
    }

    #main .waypoints-fixed nav.page-navigation a {
        color: #8b8a8a;
        font-size: 14px;
        margin: 0 6px
    }

    #main .waypoints-fixed nav.page-navigation a.active {
        color: #00a0db
    }

    #main .waypoints-fixed.clone {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 667;
        padding-top: 0;
        padding-bottom: 0
    }

    #main .waypoints-fixed.clone .block-section {
        margin: 0 -34px;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        -webkit-box-shadow: #eee 0 0 2px;
        -moz-box-shadow: #eee 0 0 2px;
        box-shadow: #eee 0 0 2px
    }

    #main .main-title nav {
        display: block;
        font-size: 14px;
        text-align: right;
        padding-top: 0;
        margin-top: -13px
    }

    #main .main-title nav a {
        color: #8b8a8a;
        margin: 0 6px;
        text-decoration: none;
        white-space: nowrap
    }

    #main .main-title nav a:hover {
        color: #1a1a1a
    }

    #main .main-title nav .active, #main .main-title nav .active:hover {
        color: #00a0db
    }

    .masonry .item {
        width: 24.98%
    }

    .masonry .item.w2 {
        width: 49.98%
    }

    .static-item {
        width: 49.98%
    }

    .block-section.first {
        position: relative;
        z-index: 10;
        margin-top: -96px;
        padding-top: 25px
    }

    .block-section.first .section-heading {
        height: 66px
    }

    .block-section.first .section-heading h1 {
        padding: 17px 0 0
    }

    #hello-world {
        margin-bottom: -24px
    }

    #hello-world section {
        border-bottom: 24px solid #fff;
        margin-bottom: -24px;
        padding-bottom: 8px
    }

    #hello-world .info-boxes:after {
        content: "";
        display: block;
        border-top: 24px solid #f8f8f8;
        height: 0px;
        margin-left: -32px;
        margin-right: -32px
    }

    #sales img, #management img {
        margin: 0.5em 0 8px
    }

    #sales p, #management p {
        margin-bottom: 1em
    }

    #media a .icon {
        display: block;
        float: left;
        width: 20px;
        height: 15px;
        background: url("../../img/icon-sprite-2x.png") -150px -100px no-repeat;
        background-size: 500px 500px;
        text-indent: -9999px;
        overflow: hidden;
        margin-top: 4px
    }

    #media a:hover .icon {
        background: url("../../img/icon-sprite-2x.png") -150px -150px no-repeat;
        background-size: 500px 500px
    }

    #main.blog {
        margin-top: 72px
    }
}

@media only screen and (min-width: 1700px) {
    #main .parallax-wrap .parallax {
        background-size: 100% auto !important;
        /*background-position-y: -100px !important*/
    }
}

@media only screen and (max-width: 640px) {
    .search-panel {
        display: none
    }

    .post .image, .post .holder p {
        display: none
    }

    .block-posts .post .heading, .post footer {
        display: none
    }

    .box.box-authors, .box.social-networks {
        display: none
    }

    .panel-related .box-authors, #footer h3 {
        display: none
    }

    #header {
        position: relative;
        z-index: 100;
        margin: 0;
        padding: 27px 15px 13px;
        background: #fff;
        border-color: #dcdcdc
    }

    .logo {
        margin: 0 0 0 1px;
        background-image: url(../../img/bg-sprite-mobile-newlogo.png)
    }

    #header .span6 {
        min-height: 1px
    }

    .navigation {
        float: none
    }

    .navigation .opener {
        display: block;
        position: absolute;
        top: 25px;
        right: 16px;
        overflow: hidden;
        background: url(../../img/bg-sprite-mobile-newlogo.png) no-repeat 0 -23px;
        width: 20px;
        height: 17px;
        text-indent: -9999px
    }

    .navigation.active .opener {
        background: url(../../img/bg-sprite-mobile-newlogo.png) no-repeat bottom right
    }

    #nav {
        position: relative;
        padding: 12px 0 20px;
        background: #fff;
        text-transform: none;
        text-align: center
    }

    #nav li {
        display: block;
        margin: 0;
        padding: 0;
        border-top: 1px solid #dbdbdb
    }

    #nav li:first-child {
        border: none
    }

    #nav a {
        display: block;
        padding: 10px 0;
        font-size: 18px;
        line-height: 32px
    }

    #main {
        padding: 0 15px 38px
    }

    #main header.title {
        border-bottom: none !important;
        padding-bottom: 0
    }

    #main header.title h1 {
        margin-bottom: 36px
    }

    #main h1 {
        margin: 0 0 41px -1px
    }

    #main .parallax-wrap {
        position: relative;
        height: auto !important;
        margin: 0 -22px
    }

    #main .parallax-wrap .parallax {
        position: relative;
        width: 100%;
        height: auto
    }

    #main .parallax-wrap .parallax img.bg {
        display: block
    }

    #main .parallax-wrap .parallax .inner .bg {
        display: none
    }

    #main .parallax-wrap .parallax.has-inner {
        height: auto;
        background-position: 50% 50%;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-behavior: url("/assets/style/backgroundsize.min.htc")
    }

    #main .parallax-wrap .parallax.has-inner img.bg {
        display: none
    }

    #main .parallax-wrap .parallax.has-inner .inner {
        display: block;
        height: auto;
        background: none;
        margin: 0 42px 0;
        padding-top: 60px
    }

    #main .parallax-wrap .parallax.has-inner .inner img.bg {
        display: block;
        width: 100%
    }

    .post {
        padding-bottom: 20px
    }

    .post .image-mobile {
        display: block;
        margin: 0 -15px 14px
    }

    .post .heading {
        overflow: hidden;
        border: none;
        padding-top: 0;
        padding-bottom: 9px
    }

    .post .heading p {
        margin: 0
    }

    .post .holder {
        border: none;
        padding-top: 0
    }

    .post .more {
        font-size: 14px
    }

    .block-posts .post {
        margin: 0 -15px;
        padding: 17px 15px 23px;
        border-top: 1px solid #dbdbdb
    }

    .block-posts .post:first-child {
        padding-top: 14px;
        border-top-width: 2px
    }

    /* Adjusts /blog/ posts spacing on mobile. 12.6.2015 / Tomi */
    .post-type-archive-reaktor_blog .block-posts .post:not(:first-child) {
        padding: 23px 15px;
    }

    .post-type-archive-reaktor_blog .block-posts .holder h2 {
        margin-top: 0;
    }

    .post-type-archive-reaktor_blog .block-section:not(.first) {
        padding-top: 17px;
    }

    .block-posts .post .holder {
        margin: 0;
        width: 100%
    }

    .post .holder h2 {
        margin-bottom: 8px;
        font-size: 19px;
        margin-bottom: 16px
    }

    .block-posts .post .image {
        display: block;
        margin: 19px -15px 17px
    }

    .slideshow, .slideshow-careers{
        background: none;
        margin: -30px -15px 33px;
        height: auto
    }

    .slideshow .holder, .slideshow .frame, .slideshow-careers .holder, .slideshow-careers .frame {
        left: 0;
        float: none;
        width: 100%
    }

    #main .block-info h1 {
        margin: 0 25px 48px;
        min-height: 79px;
        font-size: 36px;
        line-height: 40px
    }

    .block-info h1 small {
        padding: 7px 0 0;
        font-size: 14px;
        line-height: 16px
    }

    .panel-info {
        margin-bottom: 19px
    }

    .panel-info .area {
        float: none;
        margin: 0 0 8px !important;
        width: 100% !important;
        height: auto !important
    }

    .panel-info p {
        padding: 18px 20px 16px;
        min-height: 1px
    }

    .block-info blockquote {
        margin: 25px -15px 39px;
        padding: 45px 15px 74px;
        font-size: 12px;
        line-height: 16px
    }

    .block-info q {
        margin: 0 0 9px;
        font-size: 24px;
        line-height: 28px
    }

    .block-info .block-footer {
        padding: 3px 0 70px
    }

    .panel-share {
        padding-top: 8px;
        border-top-width: 1px
    }

    .block-info .panel-share {
        margin: 0
    }

    .panel-related {
        padding: 0 1px 6px
    }

    .panel-related h3 {
        font-size: 19px;
        line-height: 24px
    }

    .panel-related .thumbnail {
        padding: 0 0 21px
    }

    .panel-related .thumbnail img {
        margin: 0 0 9px
    }

    .panel-related .thumbnail h4 {
        font-size: 16px;
        line-height: 18px
    }

    .menu {
        padding: 28px 0 0
    }

    .menu li {
        padding: 0 0 16px
    }

    .menu a {
        font-size: 18px;
        line-height: 24px
    }

    .box {
        padding: 30px 0 18px !important;
        border: none
    }

    .box .holder {
        margin: 0 15px 24px -1px
    }

    .main-post {
        padding-bottom: 47px
    }

    .main-post .heading {
        padding-top: 17px;
        padding-bottom: 22px
    }

    .main-post .heading time {
        color: #1a1a1a
    }

    .main-post .holder {
        padding-top: 22px;
        border-top: 1px solid #dfdfdf
    }

    .main-post .holder p {
        display: block
    }

    .main-post footer {
        display: block;
        padding: 17px 0 0
    }

    .main-post .panel-tags {
        padding: 5px 0 41px
    }

    .panel-author .frame {
        padding-top: 3px
    }

    .panel-author img {
        margin-right: 7px
    }

    .panel-author .area-mobile {
        display: block;
        margin: -5px 0 0;
        font-size: 16px;
        line-height: 24px
    }

    .panel-author ul {
        display: none
    }

    .main-post+.panel-related h3 {
        margin-bottom: 22px;
        padding-bottom: 8px;
        font-size: 16px
    }

    .main-post+.panel-related .menu li {
        padding-bottom: 15px
    }

    .main-post+.panel-related .menu a {
        font-size: 16px;
        line-height: 20px
    }

    #main .page-title {
        min-height: 72px;
        background: #fff;
        margin: 0 -22px 0;
        padding: 0 22px
    }

    #main .page-title h1 {
        margin-top: 17px;
        font-size: 24px
    }

    #main .page-title .page-navigation {
        display: none
    }

    #main .main-title {
        margin-top: 0;
        margin-bottom: 0
    }

    #main .main-title .page-navigation {
        display: none
    }

    #main .section-heading.main-title {
        margin-top: 0;
        margin-bottom: 32px !important
    }

    #main .section-heading.main-title h1 {
        margin-top: -16px !important;
        padding-bottom: 18px;
        font-size: 25px !important
    }

    #main .waypoints-fixed.clone {
        display: none !important
    }

    #main .masonry .item {
        width: 100%
    }

    #main .masonry .item.w2 {
        width: 100%
    }

    #main .static-item {
        width: 100%
    }

    #main header.info-boxes {
        margin: 0 -33px 0;
        padding: 34px 33px 12px 33px
    }

    body[data-segments~=finnair] #main header.info-boxes {
        margin-top: -94px;
    }

    #main header.info-boxes h1 {
        font-weight: normal;
        font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 22px 0
    }

    #main header.info-boxes .area {
        background: transparent;
        border: none;
        margin-bottom: 22px
    }

    #main .block-section .row-fluid .span2, #main .block-section .row-fluid .span4 {
        margin-bottom: 2em
    }

    #main .block-section .row-fluid .span2:last-child, #main .block-section .row-fluid .span4:last-child {
        margin-bottom: 0
    }

    #main .listing-post header h2 {
        margin-right: 0
    }

    #main .listing-post .text h2, #main .listing-post .text h3, #main .listing-post .text p,
    #main .listing-post .text ul {
        margin-right: 0
    }

    #main .row-fluid {
        padding-bottom: 0
    }

    #main .row-fluid:last-child {
        padding-bottom: 0
    }

    #main .row-fluid .span2 {
        margin-bottom: 1em
    }

    #main.home .hero {
        margin: 0 -32px 55px
    }

    #main.home .hero a {
        display: block;
        position: relative;
        margin: 30px 32px 30px 28px;
        padding: 0
    }

    #main.home .hero a .title {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 100%
    }

    #main.home .hero a .title img, #main.home .hero a .title h2 {
        display: none
    }

    #main.home .hero a .title p {
        font-size: 32px;
        line-height: 38px
    }

    #main.home .hero a .title .button {
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 32px;
        line-height: 80px
    }

    #main.home .hero a:hover .button {
        background-color: none
    }

    #main.home .hero img.main-image {
        margin: 0 !important;
        border: 0 !important;
        vertical-align: bottom;
        filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        opacity: 1 !important
    }

    #main.home .video-wrapper {
        top: 72px
    }

    #main.blog .post {
        padding-top: 20px
    }

    #main.careers .listing-post .email-application .quiet p {
        text-align: left
    }

    #main.careers #connect-with-linkedin ol {
        margin-top: 24px
    }

    #main.careers #fun-stuff .span2 {
        margin-bottom: 16px
    }

    #main.meet-our-people .section-heading.main-title {
        margin-bottom: 0 !important
    }

    #main.meet-our-people article.block-section h1, #main.meet-our-people article.block-section h2 {
        margin-right: 0
    }

    #main.meet-our-people article.block-section:first-child {
        margin-top: -16px
    }

    .related-pagination .prev, .related-pagination .next {
        width: 100%;
        position: relative
    }

    .related-pagination .prev {
        float: none;
        border-right: none;
        text-align: left
    }

    .related-pagination .prev h3, .related-pagination .prev h4 {
        padding-right: 0;
        text-align: center
    }

    .related-pagination .prev .arrow {
        display: none
    }

    .related-pagination .next {
        float: none;
        border-left: none;
        border-top: 1px solid #f3f3f3;
        margin-top: 16px;
        padding-top: 16px
    }

    .related-pagination .next h3, .related-pagination .next h4 {
        padding-left: 0;
        text-align: center
    }

    .related-pagination .next .arrow {
        display: none
    }

    #main.worklist #client-list .row-fluid {
        padding-top: 0;
        padding-bottom: 0
    }

    #main.worklist #client-list .row-fluid .waypoint-title {
        margin-bottom: 24px
    }

    #main .case .goal {
        background-size: 95% auto
    }

    #main .case .goal hr {
        margin-top: 456px
    }

    #footer {
        padding: 0 15px 26px;
        font-size: 16px;
        line-height: 20px
    }

    .footer-logo {
        margin: 0 0 8px 1px
    }

    #footer * {
        line-height: 24px
    }

    #footer .span2 {
        overflow: hidden;
        padding-bottom: 21px
    }
}

@media only screen and (min-width: 641px) and (max-width: 1045px) {
    #header .container-fluid, #main .page-title .container-fluid {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media only screen and (max-width: 640px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 640px) and (min-resolution: 144dpi){.logo, .navigation .opener, .navigation.active .opener {
        background-image: url(../../img/bg-sprite-mobile-newlogo-2x.png);
        background-size: 102px 40px
    }
}

@media only screen and (min-width: 1090px) {
    #main .page-title .row-fluid {
        -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
    }

    .block-section {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border-bottom: 0px solid transparent;
        margin-bottom: 24px
    }

    .block-section:last-child {
        margin-bottom: 0
    }

    .block-section.first {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        border-bottom: 0px solid transparent;
        margin-bottom: 24px
    }

    .block-section.first:last-child {
        margin-bottom: 0
    }

    #main.meet-our-people .block-section {
        margin-bottom: -1px;
        -moz-border-radius-bottomleft: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0
    }

    #main .main-post.block-section {
        margin-bottom: 0
    }
}

p code, h2 code, h3 code {
    background: #f8f8f8;
    padding: 0 0.3em;
    color: inherit;
    font-size: 0.75em
}

p code {
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
    border: 1px solid #eee
}

code {
    font-family: "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace
}

pre {
    margin: 1.5em 0 1.5em 0;
    background: #f8f8f9;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    -o-border-radius: 0.3em;
    border-radius: 0.3em;
    width: 100%;
    font-family: "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    font-size: 0.75em;
    padding: 1em;
    border: 1px solid #eee;
    overflow-x: auto;
}

@media only screen and (max-width: 900px) {
    pre {
        margin: 1.5em 0 1.5em -1em
    }
}

.hll {
    background-color: #ffc
}

.c {
    color: #998;
    font-style: italic
}

.err {
    color: #a61717;
    background-color: #e3d2d2
}

.k, .o {
    color: #000;
    font-weight: bold
}

.cm {
    color: #998;
    font-style: italic
}

.cp {
    color: #999;
    font-weight: bold;
    font-style: italic
}

.c1 {
    color: #998;
    font-style: italic
}

.cs {
    color: #999;
    font-weight: bold;
    font-style: italic
}

.gd {
    color: #000;
    background-color: #fdd
}

.ge {
    color: #000;
    font-style: italic
}

.gr {
    color: #a00
}

.gh {
    color: #999
}

.gi {
    color: #000;
    background-color: #dfd
}

.go {
    color: #888
}

.gp {
    color: #555
}

.gs {
    font-weight: bold
}

.gu {
    color: #aaa
}

.gt {
    color: #a00
}

.kc, .kd, .kn, .kp, .kr {
    color: #000;
    font-weight: bold
}

.kt {
    color: #458;
    font-weight: bold
}

.m {
    color: #099
}

.s {
    color: #d01040
}

.na {
    color: teal
}

.nb {
    color: #0086b3
}

.nc {
    color: #458;
    font-weight: bold
}

.no {
    color: teal
}

.nd {
    color: #3c5d5d;
    font-weight: bold
}

.ni {
    color: purple
}

.ne, .nf, .nl {
    color: #a5295d;
    font-weight: bold
}

.nn {
    color: #555
}

.nt {
    color: navy
}

.nv {
    color: #008c84
}

.ow {
    color: #000;
    font-weight: bold
}

.w {
    color: #bbb
}

.mf, .mh, .mi, .mo {
    color: #008c84
}

.sb, .sc, .sd, .s2, .se, .sh, .si, .sx {
    color: #d01040
}

.sr {
    color: #009926
}

.s1 {
    color: #d01040
}

.ss {
    color: #990073
}

.bp {
    color: #999
}

.vc, .vg, .vi {
    color: teal
}

.il {
    color: #099
}

html.win .block-section h3, html.win .block-section h4 {
    font-size: 17px
}

html.win .block-section .next h3, html.win .block-section .prev h3 {
    font-size: 13px
}

html.win .block-section .next h4, html.win .block-section .prev h4 {
    font-size: 18px
}

html.win .post .heading h2 {
    font-size: 17px
}

html.win .masonry .item .tile h2, html.win .masonry .item .tile h3, html.win .masonry .item .tile h4,
html.win .static-item .tile h2, html.win .static-item .tile h3, html.win .static-item .tile h4 {
    font-size: 17px
}

html.ie img {
    -ms-interpolation-mode: bicubic
}

html.ie .box-authors li {
    display: block;
    width: 36px;
    height: 36px
}

html.ie .box-authors li a {
    display: block;
    width: 36px;
    height: 36px
}

html.ie .box-authors li a img {
    display: block;
    width: 36px;
    height: 36px
}


/* added styles */

#nav-below .assistive-text, #nav-below .meta-nav {
    display: none !important;
}

#nav-below {
    text-align: center;
    padding-top: 30px;
}

#nav-below .previous {
    border: 1px solid #f3f3f3;
    border: 1px solid rgba(243, 243, 243, 0.8);
    background: white;
    padding: 4px 16px;
    display: inline-block;
    font-size: 1rem;
}

#nav-below .previous:hover {
    -webkit-box-shadow: #eaeaea 0px 0px 5px;
    -moz-box-shadow: #eaeaea 0px 0px 5px;
    box-shadow: #eaeaea 0px 0px 5px;
}

#infscr-loading {
    position: fixed;
    width: 46px;
    bottom: 10px;
    left: 50%;
    margin-left: -23px;
    z-index: 1;
}

#main {
    padding: 0 !important;
}


.margin-0_border-none {
    border: none;
    margin: 0;
    padding: 0 0 20px 0;
    display: inline-block;
}

.floatright {
    float: right;
}

.floatleft {
    float: left;
}

.margin-0_border-none li {
    margin: 0;
}

.margin-0_border-none li:first-child {
    margin-left: 6px;
}


.filter, .language {
    padding: 2px 8px 0px;
}

.filter-active, .language-active {
    color: #00a0db !important;
    padding: 2px 8px 0px;
    text-decoration: underline;
}

.filter.all, .language.all {
    text-transform: none;
}

.current_page_item a {
    color:  #00a0db !important;
}

.current-menu-item a {
    color:  #00a0db !important;
}

.bloglist .block-section.first {
    margin-top: 66px;
    margin-bottom: 1px;
    border-bottom: 1px solid #eee;
    border-bottom: 0;
    -webkit-box-shadow: #eee 0 0 2px;
    -moz-box-shadow: #eee 0 0 2px;
    box-shadow: #eee 0 0 2px;
    padding-bottom: 40px;
}

.rss-button {
    border: 1px solid #ddd;
    padding: 1px 12px;
    border-radius: 16px;
    font-size: 13px;
    color: gray;
    float: right;
    margin-top: -4px;
    margin-left: 20px;
}

.tagcloud_more {
    display: none;
}

.more_users {
    display: none;
}

.related-posts-container li {
    width: 24%;
    float: left;
    border: 1px solid #eee;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding: 10px;
    background: white;
    margin: 0.5%;
    min-height: 100px;
    font-size: 16px;
}

@media (max-width: 1000px) {
    .related-posts-container li {
        width: 49%;
    }
}

@media (max-width: 640px) {
    .related-posts-container li {
        width: 99%;
    }
}

.related-posts-container li a {
    color: black;
}

.social-icon {
    width: 32px;
    height: auto;
}

.social-links {
    padding-top: 20px;
}

.hr-links {
    width:75%;
    border-top: 1px solid lightgray;
    border-bottom: none;
    float:right;
}

@media (max-width: 640px) {
    .hr-links {
        width:100%;
        float:none;
    }

}

@media (max-width: 1000px) {
    .panel-share {
      display: block;
      float:none !important;
    }

    .bloglist .block-section.first {
      padding-bottom: 14px !important;
    }

}

@media (max-width: 640px) {
    .article-listing {
        display: none;
        overflow: hidden;
    }
}

.opener-careers {
    right: 50px !important;
}

@media (max-width: 640px) {
    #main .block-section {
        margin-top: 0 !important
    }
}

.contact-form .your-link input {
    margin: 0 !important;
    border: 1px solid #ccc;
    border-radius: 5px 0 0 5px;
    height: 25px;
}

.contact-form {
    margin-top: -8px;
}

.contact-form > div {
    float: right;
}

.contact-form.left > div {
    float: left;
}


@media (max-width: 640px) {
    .contact-form > div {
        float: none;
        margin-top: -30px;
    }
}


.contact-form .submit input {
    background: white;
    border: 1px solid #ccc;
    border-radius: 0 5px 5px 0;
    height: 35px;
    color: gray;
    font-size: 12px;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    padding: 0 10px;
    line-height: 34px;
    border-left: 0;
}

div.wpcf7-mail-sent-ng {
    border: 0 !important;
}

div.wpcf7-validation-errors {
    border: 0 !important;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.wpcf7-not-valid-tip {
    display: none !important;
}

div.wpcf7-mail-sent-ok {
    border: 0 !important;
}

.infinite {
    animation: fadeIn .6s;
    -webkit-animation: fadeIn .6s;
}

@keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}

@-webkit-keyframes fadeIn {
from {opacity: 0;}
to {opacity: 1;}
}

#header .row-fluid {
    border: 0;
}

.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

.person {
    text-align: center;
}

.github-below-ad {
    margin-top: 20px;
}

.github-below-ad .contact-form {
    margin: 0;
    padding: 0;
}

.github-below-ad .contact-form > div {
    float: none;
}


.item img {
    width: 100%;
    height: auto;
}

.person img {
    width: 100%;
    height: auto;
}

.share{overflow:hidden;}
.sharer{color:#00a7e4;cursor:pointer;float:left;}
.sharer img{margin-bottom:0;vertical-align:middle;margin-right:3px;}
.addthis_toolbox{float:left;margin-left:2em;}
.addthis_toolbox iframe{ margin-bottom:0;}
.addthis_toolbox .addthis_button_tweet{height:24px;}
.single-reaktor_blog .main-post header{padding-bottom:26px;}

.item {
    word-wrap: break-word;
}

@media only screen and (max-width: 640px) {
    footer#footer .row-fluid {
        margin-top: 30px;
    }

    .logo {
        margin-left: -13px;
    }
    .block-posts .post:first-child {
        border-top-width: 0;
    }
}

div.caroufredsel_wrapper {
    margin: 0 auto !important;
}

.block-section .block-posts {
    min-height:700px;
}

.reaktor-careers-widget{
    background: #25272e;
    color:#fff;
    margin-right:15%;
    margin-top:35px;
}
@media (max-width: 940px) {
    .reaktor-careers-widget{
        margin-right:5%;
    }
}
@media (max-width: 640px) {
    .reaktor-careers-widget{
        margin-right:0;
    }
}

.reaktor-careers-widget .widget-inner {
    padding:35px;
    margin-bottom:35px;
}
.reaktor-careers-widget h2,.reaktor-careers-widget h3{
    font: 20px "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    font-weight:normal;
    border-bottom:1px solid #63656a;
}
.reaktor-careers-widget h2{
    margin-top:5px;
    padding-bottom:5px;
}
.reaktor-careers-widget h3{
    font-size:16px;
    padding-bottom:5px;
    padding-left:50px;
    margin:25px 0 5px 0;
    height:31px;
    position:relative;

    background-repeat:no-repeat;
    background-position:top left;
    background-position:bottom 8px left;
    line-height: 1;
}

.reaktor-careers-widget span{
    position:absolute;
    bottom:6px;
}

.reaktor-careers-widget #careers_widget_title_1 h3 {
    background-image:url(../../img/careers-1-small.png);
}
.reaktor-careers-widget #careers_widget_title_2 h3 {
    background-image:url(../../img/careers-2-small.png);
}
.reaktor-careers-widget #careers_widget_title_3 h3 {
    background-image:url(../../img/careers-3-small.png);
}
.reaktor-careers-widget #careers_widget_title_4 h3 {
    background-image:url(../../img/careers-4-small.png);
}
.reaktor-careers-widget #careers_widget_title_5 h3 {
    background-image:url(../../img/careers-5-small.png);
}
.reaktor-careers-widget p{
    color: #8b8a87;
    font-size:11px;
    line-height:1.3;
}
#main .reaktor-careers-widget ol {
    margin:0;
}
#main .reaktor-careers-widget li {
    margin:0;
    padding:0;
    border-bottom:0;
}
#main .reaktor-careers-widget li:before{
    content:none;
}

#main .navigation .pinned {
    background: #ddd;
    padding-left: 1em;
}

.margintop30 {
    margin-top: 30px;
}

#our-extracurriculars h3 {
    margin-bottom: 6px;
}

/*#our-extracurriculars .span2-3 {
    margin: 0;
}*/

/*#our-extracurriculars .row-fluid [class*="span"] > .inner {
    margin-right: 5px;
    margin-left: 5px;
}

#our-extracurriculars .row-fluid [class*="span"]:first-child > .inner {
    margin-right: 10px;
    margin-left: 0;
}

#our-extracurriculars .row-fluid [class*="span"]:last-child > .inner {
    margin-left: 10px;
    margin-right: 0;
}*/

@media (max-width: 640px) {
/*   #our-extracurriculars .row-fluid [class*="span"] > .inner {
       margin-right: 0px !important;
       margin-left: 0px !important;
   }

   #our-extracurriculars .row-fluid {
        margin-top: 0 !important;
   }
*/
   #our-extracurriculars .row-fluid [class*="span"] {
        margin-bottom: 30px;
    }
}

#nav ul.sub-menu {
    display: none;
    background: white;
    position: absolute;
    margin-left: -20px;
    padding: 0 8px
}

#nav ul.sub-menu:hover {
    display: block;
}

#nav li a {
    display: block;
}

@media (min-width: 641px) {

    .no-touch #nav li a:hover + ul.sub-menu {
        display: block;
    }

}

#nav .sub-menu li {
    display: block;
    margin-left: 0;
    text-transform: none;
    padding: 0 10px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 3px;
    padding-bottom: 3px;
}

#nav .sub-menu li:first-child {
    padding-top: 8px;
}

#nav .sub-menu li:last-child {
    border-bottom: 0;
}

#nav .sub-menu li a {
   color: black !important;
   white-space: nowrap;
   font-size: 0.7em;
}

#nav .sub-menu li a:hover {
    color:  #00a0db !important;
}

/*#nav .sub-menu li.current-menu-item a {
    color:  #00a0db !important;
}*/

#why-apply ol li {
    margin-bottom: 25px;
}

#meet-our-people {
    padding-top: 0;
}

#contact {
    font-size: 16px;
}

#contact .span2-3 {
    margin-left: 0;
    line-height: 1.5;
}

#contact a {
    color: black;
}

@media (max-width: 640px) {
    #contact .span2-3 {
        margin-bottom: 10px;
    }
    #contact .span2-3:last-child {
        margin-bottom: 0px;
    }
}

/* Work cases with YouTube videos */

.case-video-header {
    position: relative;
    padding: 200px 0 100px;
    background-size: cover;
}

/* Copy-paste from .hero .button style, could be refactored */
.case-video-header .button {
    margin: 42px 0 36px 0;
    color: #fff;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.7);
    border-width: 2px;
    padding: 0 85px;
    line-height: 48px;
    text-transform: uppercase;
    font-size: 20px
}

.case-video-header-work-listing {
    font-size: 0.75em;
    padding-bottom: 200px;
    background-position: 0% 20%;
}

.case-video-header a:hover .button {
    background-color: rgba(0, 0, 0, 0.6);
}

.case-video-tagline-container {
    position: relative;
}

.case-video-tagline {
    color: #fff !important;
    text-transform: uppercase;
    font-size: 5.5em;
    line-height: 0.85em;
    letter-spacing: -0.05em
}

.case-video-tagline small {
    font-size: 60%;
    display: inline-block;
    vertical-align: top;
    margin: 0 0.15em;
}

@media only screen and (max-width: 900px) {
    .case-video-tagline {
        font-size: 4em;
    }
}

@media only screen and (max-height: 950px) {
    .case-video-header {
        padding: 150px 0 30px;
    }

    .case-video-tagline {
        font-size: 4em;
    }
}

@media only screen and (max-width: 640px) {
    .case-video-header {
        padding: 100px 0 0
    }

    .case-video-header-work-listing {
        padding: 50px 0 30px;
    }

    .case-video-header .button {
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 1.5em;
        line-height: 2.5em;
    }

    .case-video-tagline {
        font-size: 2em;
    }
}
.case-video-fullscreen {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: #000;
}

.case-video-fullscreen iframe {
    width: 100%;
    height: 100%;
}

.case-video-fullscreen .close-video {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    padding: 30px;
    right: 0;
    top: 0;
    font-size: 2em;
    color: #fff;
}

/* close button won't work on iphone if placed over the video */
.case-video-fullscreen-iphone .close-video {
    position: static;
    width: 100%;
    text-align: right;
}

.case-video-fullscreen .close-video:hover {
    color: #00BFC5;
}

.case-video-teaser-layout {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.case-video-teaser-overlay {
    background-color: rgba(0,0,0,0.4);
}

.case-video-teaser iframe {
    width: 100%;
    height: 100%;
}

#main .case .block-section .block-1 {
    font-size: 21px;
    line-height: 1.5;
}

#main .case .block-section .block-2 {
    margin-top: 20px;
    line-height: 1.5;
}

#main .case .block-section .block-2 h2 {
    margin-top: 40px;
}

.margintop20 {
    margin-top: 20px;
}

#main .case .block-section .block-2 blockquote {
    padding: 20px 22px;
    border-top: 0;
    border-bottom: 0;
    margin: 0;
}

#main .case .block-section .block-2 blockquote p {
    font-size: 25px;
    /*font-family: serif;*/
}

#main .case .block-section .block-2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

#main .case .block-section .block-2 ul li {
    border-top: 1px solid #f0f0f0;
    padding: 6px 0;
}

#main .case .top-headline {
    color: white;
    top: 3%;
    position: absolute;
    z-index: 2;
}

@media (min-width: 481px) {
    #main .case .top-headline {
        top: 4%;
    }
}

@media (min-width: 641px) {
    #main .case .top-headline {
        top: 370px;
    }
    #main .case.united-bankers .top-headline {
        top: 420px;
    }
    #main .case.united-bankers .span4 {
        margin-left: 2.587302%;
        width: 48.206349%;
    }
    #main .case.united-bankers .span4:first-child {
        margin-left: 0;
    }
}

#main .case.united-bankers .info-boxes p {
   text-align: center;
}

#main .case .top-headline h1 {
    font-size: 50px;
    line-height: 1;
}

#main .case .top-headline h1 span {
    font-weight: normal;
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
}

@media (min-width: 641px) {
    #main .case.nasdaq .parallax-wrap, #main .case.united-bankers .parallax-wrap {
        height: 700px;
    }
}

#main .case.nasdaq .parallax-wrap .parallax, #main .case.united-bankers .parallax-wrap .parallax {
    background-size: cover;
}

#main .case.united-bankers .parallax-wrap .parallax {
    background-position: bottom center;
}

.single-reaktor_work .menu-item a[href*="work"] {
    color: #00a0db !important;
}

@media (min-width: 641px) {
    .worklist article#nasdaq .parallax-wrap, .worklist article#united-bankers .parallax-wrap {
        height: 454px;
    }
}

.worklist article#nasdaq .parallax-wrap .parallax, .worklist article#united-bankers .parallax-wrap .parallax {
    background-size: cover;
}

.archive #open-positions article {
    background: #f2f2f2;
   /* padding-bottom: 44%;*/
    position: relative;
    margin-bottom: 1.5873015873015872%;
}

@media (min-width: 641px) {
    .archive #open-positions article {
        min-height: 190px;
        padding-bottom: 24%;
    }
}

.archive #open-positions article:nth-child(4n+1) {
    margin-left: 0 !important;
}


.archive #open-positions footer {
    border-top: 0 !important;
    padding-top: 0 !important;
}

.archive #open-positions article header {
    padding: 28px;
}

@media (min-width: 641px) {
    .archive #open-positions article header {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

.archive #open-positions article h2 {
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    font-size: 18px;
    margin: 0 !important;
    word-wrap: break-word;
}

@media (min-width: 481px) {
    .archive #open-positions article h2 {
        font-size: 25px;
    }
}

.archive #open-positions article .read-more {
    margin: 0 !important;
    padding: 0 28px 28px 28px;
}

@media (min-width: 641px) {
    .archive #open-positions article .read-more {
        position: absolute;
        bottom: 0;
        margin: 0 !important;
        padding: 28px;
    }
}

.archive #open-positions article .read-more .icon {
    background-position: -100px -100px;
}

.archive #open-positions article a:hover .read-more .icon {
    background-position: -100px -50px;
}

.archive #open-positions article a {
    color: #1A1A1A;
}

.inline-block {
    display: inline-block;
}

.single-reaktor_careers .go-to-open-position {
    color: #00a0db;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 641px) {
  .single-reaktor_careers .go-to-open-position {
      display: inline-block;
      float: right;
      margin-top: -29px;
  }
}

.single-reaktor_careers .go-to-open-position .icon {
    float: right;
    margin-left: 8px;
}

.archive #open-positions #meet-our-people {
    margin-top: -1.5873015873015872%;
    margin-bottom: 0 !important;
}

.archive #open-positions #why-apply li h2 span {
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    margin-bottom: 26px;
    display: inline-block;
}

.archive #open-positions #why-apply  {
    padding-top: 0;
}

.archive #open-positions #why-apply li {
    padding-left: 94px;
}

.archive #open-positions #why-apply ol li:before {
    width: 64px;
    height: 50px;
    padding-top: 14px;
    font-size: 28px;
}

.archive #open-positions #why-apply hr {
    margin-bottom: 30px;
}

.careers .slideshow-headline {
    position: absolute;
    top: 50%;
    z-index: 3;
    margin-top: -40px;
    width: 100%;
    text-align: center;
    color: white;
}

.careers .slideshow-headline h1 {
    margin-bottom: 20px !important;
    font-size: 60px !important;
}

.careers .slideshow-headline h2 {
    margin: 0 !important;
    font-size: 30px !important;
    font-family: "PublicoText-Italic", serif;
}

@media (max-width: 640px) {
    .careers .slideshow-headline h1 {
        margin-bottom: 0px !important;
        font-size: 26px !important;
    }
    .careers .slideshow-headline h2 {
        margin: 0 !important;
        font-size: 18px !important;
        font-family: "PublicoText-Italic", serif;
    }
    .slick-dots {
        bottom: 30px !important;
    }
}

@media (min-width: 641px) {
    .slick-slide {
        height: 638px !important;
        background-size: cover;
        background-position: top center;
    }
}

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

@media (max-width: 640px) {
    .show-for-mobile {
        display: block !important;
    }
}

.careers .slideshow, .careers .slideshow-careers {
    margin: 0 !important;
}


#main.startup .parallax-wrap.header .parallax {
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 0 !important;
}

#main.startup .top-headline {
    color: white;
    top: 4%;
    position: absolute;
    z-index: 2;
}
@media (min-width: 641px) {
    #main.startup .top-headline {
        top: 410px;
    }
}

#main.startup .top-headline h1 {
    font-size: 60px;
    line-height: 1;
}

#main.startup .top-headline h1 span {
    font-family: "ColfaxWebRegular", Arial, Helvetica, sans-serif;
    font-weight: normal;
}

@media (max-width: 640px) {
    #main.startup .top-headline h1 span {
        display: block;
    }
}

.block-section .bigger-text {
    font-size: 21px;
    line-height: 1.5;
}

.block-section .regular-text {
    font-size: 16px;
    line-height: 1.5;
}

.no-marginbottom {
    margin-bottom: 0 !important;
}

.margintop10 {
    margin-top: 10px;
}

@media (min-width: 641px) {

    #main.startup .row-fluid [class*="span"] {
        padding-right: 15px;
        padding-left: 15px;
    }

}

#main.startup #open-positions {
    padding-bottom: 80px;
}

#main.startup .archive #open-positions article .read-more {
    padding-left: 13px !important;
    font-size: 16px;
}

#main.startup .archive #open-positions article h2 {
    font-size: 22px;
}

@media (min-width: 641px) {
    #main.startup .archive #open-positions article {
        border: 10px solid white;
        padding-bottom: 22%;
        margin-bottom: 1em;
    }
}


/**
 * Additional grid breakpoint
 */


@media (min-width: 481px) and (max-width: 1000px) {

     .row-fluid .medium-span4 {
        width: 49.2063492063492%;
        *width: 49.156746031746025%;
        margin-left: 0;
        margin-right: 0;
        float: left;
     }

     .row-fluid .medium-span4:nth-child(2n) {
        margin-left: 1.5341701534170153%;
     }

}

.open-positions-title {
    font-size: 25px !important;
    padding: 17px 0 0 !important;
    margin-bottom: 10px !important;
}

@media (min-width: 901px) {
    .open-positions-title {
        margin-bottom: 0px !important;
    }

}

.nopadding {
    padding: 0 !important;
}

/* Testimonials */
#main .testimonial-section {
    margin-top: -24px !important;
}
.flexbox .testimonial-wrap {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

}
.testimonial {
    background: #5dcad1;
    width: 50%;
    float: left;
}
.testimonial p {
    margin-bottom: 1em;
    font-size: 15px;
    line-height: 1.4;
}
.testimonial h2 {
    font-size: 22px;
}

@media screen and (max-width: 700px) {
    .testimonial p {
        font-size: 15px;
    }
}

@media screen and (max-width: 500px) {
    .flexbox .testimonial-wrap {
        display: block;
    }
    .testimonial {
        width: 100%;
        float: none;
    }
    .testimonial p {
        font-size: 15px;
        line-height: 1.4;
    }
}

.testimonial-altbg {
    background: #34bdc5; /* Darker shade of turquoise */
}
.testimonial-image img {
    width: 100%;
    height: auto;
}
.testimonial-content {
    color: white;
    padding: 35px 55px;
}

.testimonial-content a:link,
.testimonial-content a:visited {
    color: white;
    text-decoration: none;
    border-bottom: 1px solid #98eaef;
}
.testimonial-content a:hover,
.testimonial-content a:focus {
    color: #98eaef;
}

.case-video-header-summerjob video {
    display: none;
}

.case-video-header-summerjob a {
    color: white;
}

/* Front page summerjobs feature */

@media screen and (min-width: 640px) {
    .case-video-header-summerjob {
        padding: 100px 0 78px;
        margin-bottom: 55px;
    }
}

@media screen and (min-width: 1024px) {
    .case-video-header-summerjob video {
        display: block;
    }
    .case-video-header-summerjob {
        padding: 120px 0 78px;
    }
}

@media screen and (min-width: 1180px) {
    .case-video-header-summerjob {
        padding: 200px 0 78px;
    }
}

@media screen and (min-width: 1360px) {
    .case-video-header-summerjob {
        padding: 200px 0 178px;
    }
}


.summerjobs-title h2, .summerjobs-title p {
    color: white;
    text-transform: uppercase;
    font-size: 88px;
    line-height: 0.9;
    letter-spacing: -4px;
}
.summerjobs-title .button {
    margin-top: 21px !important;
}

.summerjobs-wrap {
    position: relative;
    margin: 123px 0 94px 0
}

.summerjobs-title .button {
    display: inline-block !important;
}

@media screen and (max-width: 640px) {
    .summerjobs-wrap {
        margin: 30px 32px 30px 28px;
        padding: 0;
    }

    .summerjobs-title h2, .summerjobs-title p {
        font-size: 66px;
    }
    .summerjobs-title .button {
        margin-top: 11px !important;
    }
}

@media screen and (max-width: 400px) {
    .summerjobs-title h2, .summerjobs-title p {
        font-size: 44px;
    }
}

.border-bottom {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 40px;
}

@media screen and (max-width: 400px) {
    .border-bottom {
        padding-bottom: 20px;
    }
}

/* radiot.fi */

blockquote.radiot-fi {
    padding: 0px 22px 86px 22px !important;
    border-top: 0 !important;
    /*border-bottom: 0 !important;*/
    margin-bottom: 60px !important;
}

@media screen and (min-width: 861px) {

    blockquote.radiot-fi.absolute {
        text-align: left !important;
        width: 30% !important;
        position: absolute !important;
        margin-top: -350px !important;
        border-bottom: 0 !important;
    }

    blockquote.radiot-fi.absolute q {
/*        color: white;
        text-shadow: 1px 1px 3px #222;*/
    }

    #main .case .goal.radiot-fi.white p {
        color: white;
    }

}


blockquote.radiot-fi.absolute q {
    font-size: 24px !important;
    line-height: 30px !important;
}


blockquote.radiot-fi q {
    font-size: 22px !important;
    line-height: 30px !important;
}

@media screen and (max-width: 400px) {
    blockquote.radiot-fi {
        margin-bottom: 30px !important;
    }
}

#main .case .goal.radiot-fi {
    margin: 100px 0px 230px 0;
    padding: 0;
    background-position: top right;
    background-size: 50% auto;
}

@media screen and (max-width: 640) {
    #main .case .goal.radiot-fi {
        margin: 40 0px 230px 0;
    }
}

#main .case .goal.radiot-fi p, #main .case .goal.radiot-fi h2 {
    padding: 0;
}

#main .case .goal.radiot-fi.stretch {
    margin: 100px 0px 80px 0;
    margin-left: -33px;
    margin-right: -33px;
    padding: 0;
    background-position: top right;
    background-size: 100% auto;
    padding: 33px;
}

@media screen and (max-width: 900px) {
    #main .case .goal.radiot-fi {
        background-position: bottom center !important;
        background-size: 99% auto;
        padding-bottom: 65% !important;
    }
}

#main header.info-boxes.radiot-fi {
    background: #efefef;
    margin-top: 70px;
}

#main header.info-boxes.radiot-fi * {
    color: #1A1A1A;
}

#main header.info-boxes.radiot-fi .area p {
     color: #1A1A1A;
}

#main header.info-boxes.radiot-fi .area p strong {
    color: #1A1A1A;
    border-bottom: 0;
}

#main header.info-boxes.radiot-fi .span3 {
    width: 32%;
    margin-left: 2%;
    text-align: center;
    border-left: 1px solid #dcdcdc;
}

@media screen and (max-width: 640px) {
  #main header.info-boxes.radiot-fi .span3 {
      width: 100% !important;
    border-left: 0 !important;
  }
}

#main header.info-boxes.radiot-fi .span3 strong {
    margin-top: 10px;
}

#main header.info-boxes.radiot-fi .span3 strong span{
    color: #8b8a8a;
    font-size: 0.6em;
}

#main header.info-boxes.radiot-fi .span3 p {
    text-align: center;
}

#main header.info-boxes.radiot-fi .span3:first-child {
    width: 32%;
    margin-left: 0%;
    border-left: 0;
}

.radiot-fi.links {
    text-align: right;
    margin-top: 40px;
}

@media only screen and (max-width: 640px) {
    .radiot-fi.links {
        text-align: center;
    }
}

.radiot-fi.links a:first-child {
   float: left;
}

@media only screen and (max-width: 640px) {

  .radiot-fi.links a:first-child {
     float: none;
     display:  block;
     margin-bottom: 10px;
  }

}

.radiot-fi.links a:first-child img {
    height: 42px;
    vertical-align: middle;
    margin-right: 6px;
}

.radiot-fi.links img {
    width: auto;
    height: 35px;
}

@media only screen and (max-width: 640px) {
 .radiot-fi.links img {
     width: auto;
     height: 30px;
 }
}

.radiot-fi.links a {
    display: inline-block;
}

.radiot-fi.links a + br {
    display: none;
}

.worklist #radiot-fi .case-video-header {
    padding: 220px 0 30px;
}

@media only screen and (max-width: 640px) {
    .worklist #radiot-fi .case-video-header {
        padding: 100px 0 30px;
    }
}

#main .case .heading.radiot-fi {
    padding: 32px 0px 32px;
}


@media only screen and (min-width: 641px) {
    .radiot-fi.first-paragraph {
/*        padding-left: 20px;
        padding-right: 20px;*/
    }
}


pre {
     overflow-x: auto;
}