/*! hash:3bcbbd413197a842be23, chunkhash:1447dd291c2c77214ec7, name:app, filebase:app.css, query:, file:stylesheets/app.css */
@import url(//fonts.googleapis.com/css?family=Arvo:400,700);@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,700&subset=latin,latin-ext,cyrillic,vietnamese,cyrillic-ext,greek-ext,greek);@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:700&subset=latin,latin-ext,cyrillic-ext,greek-ext,greek,vietnamese,cyrillic);/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}
@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

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

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

[hidden],
template {
  display: none; }

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

body {
  margin: 0; }

a {
  background: transparent; }

a:focus {
  outline: thin dotted; }

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

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

button,
select {
  text-transform: none; }

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

button[disabled],
html input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

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

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

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

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

@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) ")"; }
  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: 2cm .5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .table td,
  .table th {
    background-color: #fff !important; }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

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

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  background-color: #463a2c; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #0b63bc;
  text-decoration: none; }
  a:hover, a:focus {
    color: #073d74;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

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

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #bbb;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

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

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

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  color: #317EAC; }
  h1 small,
  h1 .small, h2 small,
  h2 .small, h3 small,
  h3 .small, h4 small,
  h4 .small, h5 small,
  h5 .small, h6 small,
  h6 .small,
  .h1 small,
  .h1 .small, .h2 small,
  .h2 .small, .h3 small,
  .h3 .small, .h4 small,
  .h4 .small, .h5 small,
  .h5 .small, .h6 small,
  .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #999; }

h1,
h2,
h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
  h1 small,
  h1 .small,
  h2 small,
  h2 .small,
  h3 small,
  h3 .small {
    font-size: 65%; }

h4,
h5,
h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
  h4 small,
  h4 .small,
  h5 small,
  h5 .small,
  h6 small,
  h6 .small {
    font-size: 75%; }

h1, .h1 {
  font-size: 38.5px; }

h2, .h2 {
  font-size: 31.5px; }

h3, .h3 {
  font-size: 24.5px; }

h4, .h4 {
  font-size: 17.5px; }

h5, .h5 {
  font-size: 14px; }

h6, .h6 {
  font-size: 12px; }

p {
  margin: 0 0 10px; }

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 21px; } }

small,
.small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-muted {
  color: #999; }

.text-primary {
  color: #948754; }
  .text-primary:hover {
    color: #736942; }

.text-warning {
  color: #8a6d3b; }
  .text-warning:hover {
    color: #66512c; }

.text-danger {
  color: #a94442; }
  .text-danger:hover {
    color: #843534; }

.text-success {
  color: #3c763d; }
  .text-success:hover {
    color: #2b542c; }

.text-info {
  color: #31708f; }
  .text-info:hover {
    color: #245269; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

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

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

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }
  .list-inline > li:first-child {
    padding-left: 0; }

dl {
  margin-top: 0;
  margin-bottom: 20px; }

dt,
dd {
  line-height: 1.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 992px) {
  .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; }
    .dl-horizontal dd:before, .dl-horizontal dd:after {
      content: " ";
      display: table; }
    .dl-horizontal dd:after {
      clear: both; } }

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

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

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #F5F5F5; }
  blockquote p {
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25; }
  blockquote p:last-child {
    margin-bottom: 0; }
  blockquote small,
  blockquote .small {
    display: block;
    line-height: 1.42857;
    color: #999; }
    blockquote small:before,
    blockquote .small:before {
      content: '\2014   \A0'; }
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #F5F5F5;
    border-left: 0; }
    blockquote.pull-right p,
    blockquote.pull-right small,
    blockquote.pull-right .small {
      text-align: right; }
    blockquote.pull-right small:before,
    blockquote.pull-right .small:before {
      content: ''; }
    blockquote.pull-right small:after,
    blockquote.pull-right .small:after {
      content: '\A0   \2014'; }

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

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

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0; }

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    display: table; }
  .container:after {
    clear: both; }
  @media (min-width: 768px) {
    .container {
      width: 750px; } }
  @media (min-width: 992px) {
    .container {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container {
      width: 1170px; } }

.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: 0%; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: 0%; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: 0%; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: 0%; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: 0%; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: 0%; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: 0%; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: 0%; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 20px; }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd; }
  .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 #ddd; }
  .table .table {
    background-color: #463a2c; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.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 col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell; }

.table > thead > tr > .active,
.table > thead > .active > td,
.table > thead > .active > th,
.table > tbody > tr > .active,
.table > tbody > .active > td,
.table > tbody > .active > th,
.table > tfoot > tr > .active,
.table > tfoot > .active > td,
.table > tfoot > .active > th {
  background-color: #f5f5f5; }

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

.table > thead > tr > .success,
.table > thead > .success > td,
.table > thead > .success > th,
.table > tbody > tr > .success,
.table > tbody > .success > td,
.table > tbody > .success > th,
.table > tfoot > tr > .success,
.table > tfoot > .success > td,
.table > tfoot > .success > th {
  background-color: #dff0d8; }

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

.table > thead > tr > .danger,
.table > thead > .danger > td,
.table > thead > .danger > th,
.table > tbody > tr > .danger,
.table > tbody > .danger > td,
.table > tbody > .danger > th,
.table > tfoot > tr > .danger,
.table > tfoot > .danger > td,
.table > tfoot > .danger > th {
  background-color: #f2dede; }

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

.table > thead > tr > .warning,
.table > thead > .warning > td,
.table > thead > .warning > th,
.table > tbody > tr > .warning,
.table > tbody > .warning > td,
.table > tbody > .warning > th,
.table > tfoot > tr > .warning,
.table > tfoot > .warning > td,
.table > tfoot > .warning > th {
  background-color: #fcf8e3; }

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

@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch; }
    .table-responsive > .table {
      margin-bottom: 0; }
      .table-responsive > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap; }
    .table-responsive > .table-bordered {
      border: 0; }
      .table-responsive > .table-bordered > thead > tr > th:first-child,
      .table-responsive > .table-bordered > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th:first-child,
      .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0; }
      .table-responsive > .table-bordered > thead > tr > th:last-child,
      .table-responsive > .table-bordered > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }

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

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

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

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

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

input[type="file"] {
  display: block; }

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

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit; }

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

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  height: auto; }

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  vertical-align: middle; }

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-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-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
  .form-control:-moz-placeholder {
    color: #999; }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: #999; }
  .form-control::-webkit-input-placeholder {
    color: #999; }
  .form-control[disabled], .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #F5F5F5; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle; }
  .radio label,
  .checkbox label {
    display: inline;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }

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

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer; }

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

input[type="radio"][disabled],
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
fieldset[disabled]
input[type="checkbox"],
.radio[disabled],
fieldset[disabled]
.radio,
.radio-inline[disabled],
fieldset[disabled]
.radio-inline,
.checkbox[disabled],
fieldset[disabled]
.checkbox,
.checkbox-inline[disabled],
fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 24px;
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 24px;
  line-height: 24px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn {
  height: auto; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 48px;
  padding: 11px 19px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 48px;
  line-height: 48px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn {
  height: auto; }

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b; }

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; }

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3; }

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442; }

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede; }

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d; }

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8; }

.form-control-static {
  margin-bottom: 0; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #959595; }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block; }
  .form-inline select.form-control, .navbar-form select.form-control {
    width: auto; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; } }

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }

.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px; }

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    display: table; }
  .form-horizontal .form-group:after {
    clear: both; }

.form-horizontal .form-control-static {
  padding-top: 7px; }

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right; } }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled],
  fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad; }
  .open .btn-default.dropdown-toggle {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active {
    background-image: none; }
  .open .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active,
  fieldset[disabled] .btn-default,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] .btn-default:active,
  fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #fff; }

.btn-primary {
  color: #fff;
  background-color: #948754;
  border-color: #84784b; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: #fff;
    background-color: #7a6f45;
    border-color: #5d5535; }
  .open .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #7a6f45;
    border-color: #5d5535; }
  .btn-primary:active, .btn-primary.active {
    background-image: none; }
  .open .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary:active,
  fieldset[disabled] .btn-primary.active {
    background-color: #948754;
    border-color: #84784b; }
  .btn-primary .badge {
    color: #948754;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #DD5600;
  border-color: #c44c00; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: #fff;
    background-color: #b44600;
    border-color: #863400; }
  .open .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #b44600;
    border-color: #863400; }
  .btn-warning:active, .btn-warning.active {
    background-image: none; }
  .open .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning:active,
  fieldset[disabled] .btn-warning.active {
    background-color: #DD5600;
    border-color: #c44c00; }
  .btn-warning .badge {
    color: #DD5600;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #C71C22;
  border-color: #b1191e; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: #fff;
    background-color: #a3171c;
    border-color: #7b1115; }
  .open .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #a3171c;
    border-color: #7b1115; }
  .btn-danger:active, .btn-danger.active {
    background-image: none; }
  .open .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger,
  fieldset[disabled] .btn-danger:hover,
  fieldset[disabled] .btn-danger:focus,
  fieldset[disabled] .btn-danger:active,
  fieldset[disabled] .btn-danger.active {
    background-color: #C71C22;
    border-color: #b1191e; }
  .btn-danger .badge {
    color: #C71C22;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #73A839;
  border-color: #669533; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: #fff;
    background-color: #5e8a2f;
    border-color: #476723; }
  .open .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #5e8a2f;
    border-color: #476723; }
  .btn-success:active, .btn-success.active {
    background-image: none; }
  .open .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active,
  fieldset[disabled] .btn-success,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success:active,
  fieldset[disabled] .btn-success.active {
    background-color: #73A839;
    border-color: #669533; }
  .btn-success .badge {
    color: #73A839;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #033C73;
  border-color: #022f5a; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: #fff;
    background-color: #02274b;
    border-color: #01101f; }
  .open .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #02274b;
    border-color: #01101f; }
  .btn-info:active, .btn-info.active {
    background-image: none; }
  .open .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active,
  fieldset[disabled] .btn-info,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info:active,
  fieldset[disabled] .btn-info.active {
    background-color: #033C73;
    border-color: #022f5a; }
  .btn-info .badge {
    color: #033C73;
    background-color: #fff; }

.btn-link {
  color: #0b63bc;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #073d74;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #999;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 11px 19px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn {
  padding: 2px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 0px 6px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

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

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

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(twbs-font-path("bootstrap/glyphicons-halflings-regular.eot"));
  src: url(twbs-font-path("bootstrap/glyphicons-halflings-regular.eot?#iefix")) format("embedded-opentype"), url(twbs-font-path("bootstrap/glyphicons-halflings-regular.woff")) format("woff"), url(twbs-font-path("bootstrap/glyphicons-halflings-regular.ttf")) format("truetype"), url(twbs-font-path("bootstrap/glyphicons-halflings-regular.svg#glyphicons-halflingsregular")) format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .glyphicon:empty {
    width: 1em; }

.glyphicon-asterisk:before {
  content: "*"; }

.glyphicon-plus:before {
  content: "+"; }

.glyphicon-euro:before {
  content: "\20AC"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270F"; }

.glyphicon-glass:before {
  content: "\E001"; }

.glyphicon-music:before {
  content: "\E002"; }

.glyphicon-search:before {
  content: "\E003"; }

.glyphicon-heart:before {
  content: "\E005"; }

.glyphicon-star:before {
  content: "\E006"; }

.glyphicon-star-empty:before {
  content: "\E007"; }

.glyphicon-user:before {
  content: "\E008"; }

.glyphicon-film:before {
  content: "\E009"; }

.glyphicon-th-large:before {
  content: "\E010"; }

.glyphicon-th:before {
  content: "\E011"; }

.glyphicon-th-list:before {
  content: "\E012"; }

.glyphicon-ok:before {
  content: "\E013"; }

.glyphicon-remove:before {
  content: "\E014"; }

.glyphicon-zoom-in:before {
  content: "\E015"; }

.glyphicon-zoom-out:before {
  content: "\E016"; }

.glyphicon-off:before {
  content: "\E017"; }

.glyphicon-signal:before {
  content: "\E018"; }

.glyphicon-cog:before {
  content: "\E019"; }

.glyphicon-trash:before {
  content: "\E020"; }

.glyphicon-home:before {
  content: "\E021"; }

.glyphicon-file:before {
  content: "\E022"; }

.glyphicon-time:before {
  content: "\E023"; }

.glyphicon-road:before {
  content: "\E024"; }

.glyphicon-download-alt:before {
  content: "\E025"; }

.glyphicon-download:before {
  content: "\E026"; }

.glyphicon-upload:before {
  content: "\E027"; }

.glyphicon-inbox:before {
  content: "\E028"; }

.glyphicon-play-circle:before {
  content: "\E029"; }

.glyphicon-repeat:before {
  content: "\E030"; }

.glyphicon-refresh:before {
  content: "\E031"; }

.glyphicon-list-alt:before {
  content: "\E032"; }

.glyphicon-lock:before {
  content: "\E033"; }

.glyphicon-flag:before {
  content: "\E034"; }

.glyphicon-headphones:before {
  content: "\E035"; }

.glyphicon-volume-off:before {
  content: "\E036"; }

.glyphicon-volume-down:before {
  content: "\E037"; }

.glyphicon-volume-up:before {
  content: "\E038"; }

.glyphicon-qrcode:before {
  content: "\E039"; }

.glyphicon-barcode:before {
  content: "\E040"; }

.glyphicon-tag:before {
  content: "\E041"; }

.glyphicon-tags:before {
  content: "\E042"; }

.glyphicon-book:before {
  content: "\E043"; }

.glyphicon-bookmark:before {
  content: "\E044"; }

.glyphicon-print:before {
  content: "\E045"; }

.glyphicon-camera:before {
  content: "\E046"; }

.glyphicon-font:before {
  content: "\E047"; }

.glyphicon-bold:before {
  content: "\E048"; }

.glyphicon-italic:before {
  content: "\E049"; }

.glyphicon-text-height:before {
  content: "\E050"; }

.glyphicon-text-width:before {
  content: "\E051"; }

.glyphicon-align-left:before {
  content: "\E052"; }

.glyphicon-align-center:before {
  content: "\E053"; }

.glyphicon-align-right:before {
  content: "\E054"; }

.glyphicon-align-justify:before {
  content: "\E055"; }

.glyphicon-list:before {
  content: "\E056"; }

.glyphicon-indent-left:before {
  content: "\E057"; }

.glyphicon-indent-right:before {
  content: "\E058"; }

.glyphicon-facetime-video:before {
  content: "\E059"; }

.glyphicon-picture:before {
  content: "\E060"; }

.glyphicon-map-marker:before {
  content: "\E062"; }

.glyphicon-adjust:before {
  content: "\E063"; }

.glyphicon-tint:before {
  content: "\E064"; }

.glyphicon-edit:before {
  content: "\E065"; }

.glyphicon-share:before {
  content: "\E066"; }

.glyphicon-check:before {
  content: "\E067"; }

.glyphicon-move:before {
  content: "\E068"; }

.glyphicon-step-backward:before {
  content: "\E069"; }

.glyphicon-fast-backward:before {
  content: "\E070"; }

.glyphicon-backward:before {
  content: "\E071"; }

.glyphicon-play:before {
  content: "\E072"; }

.glyphicon-pause:before {
  content: "\E073"; }

.glyphicon-stop:before {
  content: "\E074"; }

.glyphicon-forward:before {
  content: "\E075"; }

.glyphicon-fast-forward:before {
  content: "\E076"; }

.glyphicon-step-forward:before {
  content: "\E077"; }

.glyphicon-eject:before {
  content: "\E078"; }

.glyphicon-chevron-left:before {
  content: "\E079"; }

.glyphicon-chevron-right:before {
  content: "\E080"; }

.glyphicon-plus-sign:before {
  content: "\E081"; }

.glyphicon-minus-sign:before {
  content: "\E082"; }

.glyphicon-remove-sign:before {
  content: "\E083"; }

.glyphicon-ok-sign:before {
  content: "\E084"; }

.glyphicon-question-sign:before {
  content: "\E085"; }

.glyphicon-info-sign:before {
  content: "\E086"; }

.glyphicon-screenshot:before {
  content: "\E087"; }

.glyphicon-remove-circle:before {
  content: "\E088"; }

.glyphicon-ok-circle:before {
  content: "\E089"; }

.glyphicon-ban-circle:before {
  content: "\E090"; }

.glyphicon-arrow-left:before {
  content: "\E091"; }

.glyphicon-arrow-right:before {
  content: "\E092"; }

.glyphicon-arrow-up:before {
  content: "\E093"; }

.glyphicon-arrow-down:before {
  content: "\E094"; }

.glyphicon-share-alt:before {
  content: "\E095"; }

.glyphicon-resize-full:before {
  content: "\E096"; }

.glyphicon-resize-small:before {
  content: "\E097"; }

.glyphicon-exclamation-sign:before {
  content: "\E101"; }

.glyphicon-gift:before {
  content: "\E102"; }

.glyphicon-leaf:before {
  content: "\E103"; }

.glyphicon-fire:before {
  content: "\E104"; }

.glyphicon-eye-open:before {
  content: "\E105"; }

.glyphicon-eye-close:before {
  content: "\E106"; }

.glyphicon-warning-sign:before {
  content: "\E107"; }

.glyphicon-plane:before {
  content: "\E108"; }

.glyphicon-calendar:before {
  content: "\E109"; }

.glyphicon-random:before {
  content: "\E110"; }

.glyphicon-comment:before {
  content: "\E111"; }

.glyphicon-magnet:before {
  content: "\E112"; }

.glyphicon-chevron-up:before {
  content: "\E113"; }

.glyphicon-chevron-down:before {
  content: "\E114"; }

.glyphicon-retweet:before {
  content: "\E115"; }

.glyphicon-shopping-cart:before {
  content: "\E116"; }

.glyphicon-folder-close:before {
  content: "\E117"; }

.glyphicon-folder-open:before {
  content: "\E118"; }

.glyphicon-resize-vertical:before {
  content: "\E119"; }

.glyphicon-resize-horizontal:before {
  content: "\E120"; }

.glyphicon-hdd:before {
  content: "\E121"; }

.glyphicon-bullhorn:before {
  content: "\E122"; }

.glyphicon-bell:before {
  content: "\E123"; }

.glyphicon-certificate:before {
  content: "\E124"; }

.glyphicon-thumbs-up:before {
  content: "\E125"; }

.glyphicon-thumbs-down:before {
  content: "\E126"; }

.glyphicon-hand-right:before {
  content: "\E127"; }

.glyphicon-hand-left:before {
  content: "\E128"; }

.glyphicon-hand-up:before {
  content: "\E129"; }

.glyphicon-hand-down:before {
  content: "\E130"; }

.glyphicon-circle-arrow-right:before {
  content: "\E131"; }

.glyphicon-circle-arrow-left:before {
  content: "\E132"; }

.glyphicon-circle-arrow-up:before {
  content: "\E133"; }

.glyphicon-circle-arrow-down:before {
  content: "\E134"; }

.glyphicon-globe:before {
  content: "\E135"; }

.glyphicon-wrench:before {
  content: "\E136"; }

.glyphicon-tasks:before {
  content: "\E137"; }

.glyphicon-filter:before {
  content: "\E138"; }

.glyphicon-briefcase:before {
  content: "\E139"; }

.glyphicon-fullscreen:before {
  content: "\E140"; }

.glyphicon-dashboard:before {
  content: "\E141"; }

.glyphicon-paperclip:before {
  content: "\E142"; }

.glyphicon-heart-empty:before {
  content: "\E143"; }

.glyphicon-link:before {
  content: "\E144"; }

.glyphicon-phone:before {
  content: "\E145"; }

.glyphicon-pushpin:before {
  content: "\E146"; }

.glyphicon-usd:before {
  content: "\E148"; }

.glyphicon-gbp:before {
  content: "\E149"; }

.glyphicon-sort:before {
  content: "\E150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\E151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\E152"; }

.glyphicon-sort-by-order:before {
  content: "\E153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\E154"; }

.glyphicon-sort-by-attributes:before {
  content: "\E155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\E156"; }

.glyphicon-unchecked:before {
  content: "\E157"; }

.glyphicon-expand:before {
  content: "\E158"; }

.glyphicon-collapse-down:before {
  content: "\E159"; }

.glyphicon-collapse-up:before {
  content: "\E160"; }

.glyphicon-log-in:before {
  content: "\E161"; }

.glyphicon-flash:before {
  content: "\E162"; }

.glyphicon-log-out:before {
  content: "\E163"; }

.glyphicon-new-window:before {
  content: "\E164"; }

.glyphicon-record:before {
  content: "\E165"; }

.glyphicon-save:before {
  content: "\E166"; }

.glyphicon-open:before {
  content: "\E167"; }

.glyphicon-saved:before {
  content: "\E168"; }

.glyphicon-import:before {
  content: "\E169"; }

.glyphicon-export:before {
  content: "\E170"; }

.glyphicon-send:before {
  content: "\E171"; }

.glyphicon-floppy-disk:before {
  content: "\E172"; }

.glyphicon-floppy-saved:before {
  content: "\E173"; }

.glyphicon-floppy-remove:before {
  content: "\E174"; }

.glyphicon-floppy-save:before {
  content: "\E175"; }

.glyphicon-floppy-open:before {
  content: "\E176"; }

.glyphicon-credit-card:before {
  content: "\E177"; }

.glyphicon-transfer:before {
  content: "\E178"; }

.glyphicon-cutlery:before {
  content: "\E179"; }

.glyphicon-header:before {
  content: "\E180"; }

.glyphicon-compressed:before {
  content: "\E181"; }

.glyphicon-earphone:before {
  content: "\E182"; }

.glyphicon-phone-alt:before {
  content: "\E183"; }

.glyphicon-tower:before {
  content: "\E184"; }

.glyphicon-stats:before {
  content: "\E185"; }

.glyphicon-sd-video:before {
  content: "\E186"; }

.glyphicon-hd-video:before {
  content: "\E187"; }

.glyphicon-subtitles:before {
  content: "\E188"; }

.glyphicon-sound-stereo:before {
  content: "\E189"; }

.glyphicon-sound-dolby:before {
  content: "\E190"; }

.glyphicon-sound-5-1:before {
  content: "\E191"; }

.glyphicon-sound-6-1:before {
  content: "\E192"; }

.glyphicon-sound-7-1:before {
  content: "\E193"; }

.glyphicon-copyright-mark:before {
  content: "\E194"; }

.glyphicon-registration-mark:before {
  content: "\E195"; }

.glyphicon-cloud-download:before {
  content: "\E197"; }

.glyphicon-cloud-upload:before {
  content: "\E198"; }

.glyphicon-tree-conifer:before {
  content: "\E199"; }

.glyphicon-tree-deciduous:before {
  content: "\E200"; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.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;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333;
    white-space: nowrap; }

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

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #948754; }

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

.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: not-allowed; }

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

.open > a {
  outline: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #999; }

.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;
  content: ""; }

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

@media (min-width: 992px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus {
      outline: none; }

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

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table; }

.btn-toolbar:after {
  clear: both; }

.btn-toolbar .btn-group {
  float: left; }

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

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

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

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

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

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified > .btn,
  .btn-group-justified > .btn-group {
    float: none;
    display: table-cell;
    width: 1%; }
  .btn-group-justified > .btn-group .btn {
    width: 100%; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group[class*="col-"] {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #F5F5F5;
  border: 1px solid #ccc;
  border-radius: 4px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 11px 19px;
    font-size: 18px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  white-space: nowrap; }
  .input-group-btn:first-child > .btn {
    margin-right: -1px; }
  .input-group-btn:last-child > .btn {
    margin-left: -1px; }

.input-group-btn > .btn {
  position: relative; }
  .input-group-btn > .btn + .btn {
    margin-left: -4px; }
  .input-group-btn > .btn:hover, .input-group-btn > .btn:active {
    z-index: 2; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    display: table; }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #a99c68; }
    .nav > li.disabled > a {
      color: #999; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #a99c68;
    border-color: #0b63bc; }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 4px 4px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #F5F5F5 #F5F5F5 #ddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #222;
      background-color: #948754;
      border: 1px solid #ddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 4px; }
  .nav-pills > li + li {
    margin-left: 2px; }
  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #948754; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

#contribute-nav {
  padding-left: 35; }
  #contribute-nav > li > a {
    padding: 5px 0; }
    #contribute-nav > li > a:hover {
      background: none; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center;
      margin-bottom: 5px; }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; }
      .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd; }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 4px 4px 0 0; }
    .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: #948754; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border-color: #16120d;
  background-image: -webkit-linear-gradient(top, #483a2d 0%, #2f261d 100%);
  background-image: linear-gradient(to bottom, #483a2d 0%, #2f261d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF483A2D', endColorstr='#FF2F261D', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); }
  .navbar:before, .navbar:after {
    content: " ";
    display: table; }
  .navbar:after {
    clear: both; }
  @media (min-width: 992px) {
    .navbar {
      border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 992px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    display: table; }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 992px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none; }
      .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important; }
      .navbar-collapse.in {
        overflow-y: visible; }
      .navbar-fixed-top .navbar-collapse,
      .navbar-static-top .navbar-collapse,
      .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0; } }

.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 992px) {
    .container > .navbar-header,
    .container > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
  @media (min-width: 992px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 992px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

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

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  @media (min-width: 992px) {
    .navbar > .container .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px; }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px; }
  @media (min-width: 992px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px; }
  @media (max-width: 991px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none; }
      .navbar-nav .open .dropdown-menu > li > a,
      .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px; }
      .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 992px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 15px;
          padding-bottom: 15px; }
      .navbar-nav.navbar-right:last-child {
        margin-right: -15px; } }

@media (min-width: 992px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-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);
  margin-top: 8px;
  margin-bottom: 8px; }
  @media (max-width: 991px) {
    .navbar-form .form-group {
      margin-bottom: 5px; } }
  @media (min-width: 992px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
      .navbar-form.navbar-right:last-child {
        margin-right: -15px; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

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

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
  .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
    margin-top: 13px;
    margin-bottom: 13px; }
  .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
  @media (min-width: 992px) {
    .navbar-text {
      float: left;
      margin-left: 15px;
      margin-right: 15px; }
      .navbar-text.navbar-right:last-child {
        margin-right: 0; } }

.navbar-default {
  background-color: #2f261d; }
  .navbar-default .navbar-brand {
    color: #fff; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #e6e6e6;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777; }
  .navbar-default .navbar-nav > li > a {
    color: #fff; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #f8e413;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: transparent; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #ddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #ddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #ccc; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #16120d; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color: #555; }
  @media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #f8e413;
        background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: transparent; }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #fff; }
    .navbar-default .navbar-link:hover {
      color: #f8e413; }

.navbar-inverse {
  background-color: #033C73;
  border-color: #022241; }
  .navbar-inverse .navbar-brand {
    color: #fff; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #999; }
  .navbar-inverse .navbar-nav > li > a {
    color: #fff; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: #fff;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #022241; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: #fff; }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #022a50; }
  .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #022241;
    color: #fff; }
  @media (max-width: 991px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #022241; }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #022241; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #fff; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: transparent; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #022241; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #fff; }
    .navbar-inverse .navbar-link:hover {
      color: #fff; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\A0";
      padding: 0 5px;
      color: #ccc; }
  .breadcrumb > .active {
    color: #999; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid #ddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 4px;
      border-top-left-radius: 4px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    background-color: #F5F5F5; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #948754;
    border-color: #948754;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #999;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 11px 19px;
  font-size: 18px; }

.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }

.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 2px 10px;
  font-size: 12px; }

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    display: table; }
  .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;
      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: #999;
    background-color: #fff;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
  .label[href]:hover, .label[href]:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
  .label:empty {
    display: none; }
  .btn .label {
    position: relative;
    top: -1px; }

.label-default {
  background-color: #999; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: gray; }

.label-primary {
  background-color: #948754; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #736942; }

.label-success {
  background-color: #73A839; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #59822c; }

.label-info {
  background-color: #033C73; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #022241; }

.label-warning {
  background-color: #DD5600; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #aa4200; }

.label-danger {
  background-color: #C71C22; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #9a161a; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999;
  border-radius: 10px; }
  .badge:empty {
    display: none; }
  .btn .badge {
    position: relative;
    top: -1px; }

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

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0b63bc;
  background-color: #fff; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 200;
  line-height: 2.14286;
  color: inherit;
  background-color: #F5F5F5; }
  .jumbotron h1,
  .jumbotron .h1 {
    line-height: 1;
    color: inherit; }
  .jumbotron p {
    line-height: 1.4; }
  .container .jumbotron {
    border-radius: 6px; }
  .jumbotron .container {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px; }
      .container .jumbotron {
        padding-left: 60px;
        padding-right: 60px; }
      .jumbotron h1,
      .jumbotron .h1 {
        font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #bbb;
  border: 1px solid #999;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto; }
  .thumbnail .caption {
    padding: 9px;
    color: #555; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #0b63bc; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c9e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6e1ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7e1b5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9c0; }
  .alert-danger .alert-link {
    color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 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: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #948754;
  -webkit-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-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar {
  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: 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-size: 40px 40px; }

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

.progress-bar-success {
  background-color: #73A839; }
  .progress-striped .progress-bar-success {
    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: 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-bar-info {
  background-color: #033C73; }
  .progress-striped .progress-bar-info {
    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: 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-bar-warning {
  background-color: #DD5600; }
  .progress-striped .progress-bar-warning {
    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: 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-bar-danger {
  background-color: #C71C22; }
  .progress-striped .progress-bar-danger {
    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: 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); }

.media,
.media-body {
  overflow: hidden;
  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 {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }

a.list-group-item {
  color: #555; }
  a.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5; }
  a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #948754;
    border-color: #948754; }
    a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading {
      color: inherit; }
    a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text {
      color: #e4e0d0; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    display: table; }
  .panel-body:after {
    clear: both; }

.panel > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item {
    border-width: 1px 0; }
    .panel > .list-group .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0; }
    .panel > .list-group .list-group-item:last-child {
      border-bottom: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child th,
.panel > .table > tbody:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .panel > .table-bordered > thead > tr:last-child > th,
  .panel > .table-bordered > thead > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
  .panel-title > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden; }
  .panel-group .panel + .panel {
    margin-top: 5px; }

.panel-group .panel-heading {
  border-bottom: 0; }
  .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #ddd; }

.panel-group .panel-footer {
  border-top: 0; }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
  .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd; }
    .panel-default > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #ddd; }
  .panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ddd; }

.panel-primary {
  border-color: #948754; }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: #948754;
    border-color: #948754; }
    .panel-primary > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #948754; }
  .panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #948754; }

.panel-success {
  border-color: #d6e9c6; }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6; }
    .panel-success > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #d6e9c6; }
  .panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d6e9c6; }

.panel-warning {
  border-color: #faebcc; }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc; }
    .panel-warning > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #faebcc; }
  .panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1; }
    .panel-danger > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #ebccd1; }
  .panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ebccd1; }

.panel-info {
  border-color: #bce8f1; }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1; }
    .panel-info > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #bce8f1; }
  .panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #bce8f1; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-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-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  z-index: 1050; }

.modal-content {
  position: relative;
  background-color: none;
  border: 1px solid transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: black; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid transparent;
  min-height: 16.42857px; }

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

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 20px; }

.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid transparent; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .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; }

@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } }

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0); }
  .tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .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: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  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: #000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

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

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

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

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-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;
  border-radius: 5px 5px 0 0; }

.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 {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #fff; }

.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 {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #fff; }

.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 {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #fff; }

.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 {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #fff;
    bottom: -10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .carousel-inner > .item {
    display: none;
    position: relative;
    -webkit-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;
      max-width: 100%;
      height: auto;
      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: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-control.left {
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    left: auto;
    right: 0;
    background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:hover, .carousel-control:focus {
    outline: none;
    color: #fff;
    text-decoration: none;
    opacity: 0.9;
    filter: alpha(opacity=90); }
  .carousel-control .icon-prev,
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block; }
  .carousel-control .icon-prev,
  .carousel-control .glyphicon-chevron-left {
    left: 50%; }
  .carousel-control .icon-next,
  .carousel-control .glyphicon-chevron-right {
    right: 50%; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif; }
  .carousel-control .icon-prev:before {
    content: '\2039'; }
  .carousel-control .icon-next:before {
    content: '\203A'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0); }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn {
    text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

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

/* White icons with optional class, or on hover/focus/active states of certain elements */
.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/pages/base/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; }

.navbar .brand {
  padding: 14px 20px 16px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

.navbar li {
  line-height: 20px; }

.navbar .nav > li > a {
  padding: 16px 10px 14px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }

.navbar .search-query {
  border: 1px solid #084a8c;
  line-height: normal; }

.navbar .navbar-text {
  padding: 19px 10px 18px;
  line-height: 13px;
  color: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); }

.navbar-inverse .navbar-search .search-query {
  color: #555; }

@media (max-width: 992px) {
  .navbar .nav-collapse .navbar-nav li > a {
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
  .navbar .nav-collapse .nav .active > a {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #2B7CAC; }
  .navbar .nav-collapse .dropdown-menu li > a:hover,
  .navbar .nav-collapse .dropdown-menu li > a:focus,
  .navbar .nav-collapse .dropdown-submenu:hover > a {
    background-image: none; }
  .navbar .nav-collapse .navbar-form,
  .navbar .nav-collapse .navbar-search {
    border: none; }
  .navbar .nav-collapse .nav-header {
    color: #2B7CAC; }
  .navbar-inverse .nav-collapse .nav li > a {
    color: #999; }
    .navbar-inverse .nav-collapse .nav li > a:hover {
      background-color: rgba(0, 0, 0, 0.1); }
  .navbar-inverse .nav-collapse .nav .active > a,
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: rgba(0, 0, 0, 0.1) !important; } }

div.subnav {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); }

div.subnav-fixed {
  top: 51px; }

.btn {
  background-image: -webkit-linear-gradient(#fff, #fff 5%, white);
  background-image: linear-gradient(#fff, #fff 5%, white);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFFFF', GradientType=0);
  -webkit-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 {
    background-position: 0 0; }

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #a4955e 0%, #948754 100%);
  background-image: linear-gradient(to bottom, #a4955e 0%, #948754 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA4955E', endColorstr='#FF948754', GradientType=0);
  border-color: #948754 #948754 #635a38;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #948754;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  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: #fff;
    background-color: #948754;
    *background-color: #84784b; }
  .btn-primary:active, .btn-primary.active {
    background-color: #736942 \9; }

.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #04498c 0%, #033C73 100%);
  background-image: linear-gradient(to bottom, #04498c 0%, #033C73 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF04498C', endColorstr='#FF033C73', GradientType=0);
  border-color: #033C73 #033C73 #011528;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #033C73;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  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: #fff;
    background-color: #033C73;
    *background-color: #022f5a; }
  .btn-info:active, .btn-info.active {
    background-color: #022241 \9; }

.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #80bb3f 0%, #73A839 100%);
  background-image: linear-gradient(to bottom, #80bb3f 0%, #73A839 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF80BB3F', endColorstr='#FF73A839', GradientType=0);
  border-color: #73A839 #73A839 #4c6f26;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #73A839;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  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: #fff;
    background-color: #73A839;
    *background-color: #669533; }
  .btn-success:active, .btn-success.active {
    background-color: #59822c \9; }

.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #f76000 0%, #DD5600 100%);
  background-image: linear-gradient(to bottom, #f76000 0%, #DD5600 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF76000', endColorstr='#FFDD5600', GradientType=0);
  border-color: #DD5600 #DD5600 #913800;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #DD5600;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  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: #fff;
    background-color: #DD5600;
    *background-color: #c44c00; }
  .btn-warning:active, .btn-warning.active {
    background-color: #aa4200 \9; }

.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #dd1f26 0%, #C71C22 100%);
  background-image: linear-gradient(to bottom, #dd1f26 0%, #C71C22 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDD1F26', endColorstr='#FFC71C22', GradientType=0);
  border-color: #C71C22 #C71C22 #841317;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #C71C22;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  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: #fff;
    background-color: #C71C22;
    *background-color: #b1191e; }
  .btn-danger:active, .btn-danger.active {
    background-color: #9a161a \9; }

.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #404040 0%, #333 100%);
  background-image: linear-gradient(to bottom, #404040 0%, #333 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF404040', endColorstr='#FF333333', GradientType=0);
  border-color: #333 #333 #0d0d0d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #333;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  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: #fff;
    background-color: #333;
    *background-color: #262626; }
  .btn-inverse:active, .btn-inverse.active {
    background-color: #1a1a1a \9; }

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

.clearfix:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

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

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

.affix {
  position: fixed; }

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

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important; }
  table.visible-xs.visible-sm {
    display: table; }
  tr.visible-xs.visible-sm {
    display: table-row !important; }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important; }
  table.visible-xs.visible-md {
    display: table; }
  tr.visible-xs.visible-md {
    display: table-row !important; }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important; }
  table.visible-xs.visible-lg {
    display: table; }
  tr.visible-xs.visible-lg {
    display: table-row !important; }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important; } }

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important; }

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important; }
  table.visible-sm.visible-xs {
    display: table; }
  tr.visible-sm.visible-xs {
    display: table-row !important; }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important; }
  table.visible-sm.visible-md {
    display: table; }
  tr.visible-sm.visible-md {
    display: table-row !important; }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important; }
  table.visible-sm.visible-lg {
    display: table; }
  tr.visible-sm.visible-lg {
    display: table-row !important; }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important; } }

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important; }

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important; }
  table.visible-md.visible-xs {
    display: table; }
  tr.visible-md.visible-xs {
    display: table-row !important; }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important; }
  table.visible-md.visible-sm {
    display: table; }
  tr.visible-md.visible-sm {
    display: table-row !important; }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important; }
  table.visible-md.visible-lg {
    display: table; }
  tr.visible-md.visible-lg {
    display: table-row !important; }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important; } }

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important; }

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important; }
  table.visible-lg.visible-xs {
    display: table; }
  tr.visible-lg.visible-xs {
    display: table-row !important; }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important; }
  table.visible-lg.visible-sm {
    display: table; }
  tr.visible-lg.visible-sm {
    display: table-row !important; }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important; }
  table.visible-lg.visible-md {
    display: table; }
  tr.visible-lg.visible-md {
    display: table-row !important; }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

.hidden-xs {
  display: block !important; }

table.hidden-xs {
  display: table; }

tr.hidden-xs {
  display: table-row !important; }

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important; } }

.hidden-sm {
  display: block !important; }

table.hidden-sm {
  display: table; }

tr.hidden-sm {
  display: table-row !important; }

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important; } }

.hidden-md {
  display: block !important; }

table.hidden-md {
  display: table; }

tr.hidden-md {
  display: table-row !important; }

th.hidden-md,
td.hidden-md {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important; } }

.hidden-lg {
  display: block !important; }

table.hidden-lg {
  display: table; }

tr.hidden-lg {
  display: table-row !important; }

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important; }

@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important; } }

.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important; } }

.secret {
  display: none; }

h1, h2, h3, h4, h5, h6 {
  font-variant: small-caps; }

a {
  cursor: pointer; }

iframe {
  border: none; }

.error {
  left: 8px; }

.selectable {
  cursor: pointer; }

.modal-dialog.game {
  padding: 5px;
  margin-top: 30px;
  margin-bottom: 0px;
  padding-top: 30px; }
  .modal-dialog.game .background-wrapper {
    background: url("/images/pages/base/modal_background.png");
    background-size: 100% 100%;
    border: 0;
    -webkit-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
    width: 99%; }
  .modal-dialog.game .background-wrapper.plain {
    background: white; }
  .modal-dialog.game .plain h1, .modal-dialog.game .plain h2, .modal-dialog.game .plain h3, .modal-dialog.game .plain h4, .modal-dialog.game .plain h5, .modal-dialog.game .plain h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
  .modal-dialog.game .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none; }
  .modal-dialog.game .modal-header {
    margin: 0 14px;
    padding: 8px 0;
    border-bottom-color: #ccc; }
    .modal-dialog.game .modal-header .close {
      font-size: 28px;
      padding: 15px;
      margin-right: -15px;
      margin-top: -15px;
      opacity: 0.6;
      filter: alpha(opacity=60); }
      .modal-dialog.game .modal-header .close:hover {
        opacity: 1;
        filter: alpha(opacity=100); }
  .modal-dialog.game .modal-footer {
    background-color: transparent;
    margin: 0 14px;
    border-bottom-color: #ccc; }
  .modal-dialog.game .modal-footer.linkedin {
    text-align: center; }
    .modal-dialog.game .modal-footer.linkedin .signin-text {
      font-size: 15px;
      padding-bottom: 10px; }
  .modal-dialog.game .login-link {
    cursor: pointer; }

.loading-screen {
  margin-bottom: 20px; }
  .loading-screen .progress {
    width: 50%;
    margin: 0 25%; }

.loading-container {
  text-align: center; }
  .loading-container .progress-bar {
    width: 0%;
    transition: width 0.1s ease; }
  .loading-container .errors .alert {
    padding: 5px;
    display: block;
    margin: 10px auto; }
    .loading-container .errors .alert .btn {
      margin-left: 10px; }

.modal {
  overflow-y: auto !important; }
  .modal .wait h3 {
    text-align: center; }
  .modal .wait .progress {
    width: 50%;
    margin: 10px auto; }
  .modal .wait .progress-bar {
    width: 100%; }

table.table {
  background-color: white; }

.ui-slider {
  border: 1px solid black; }

.ui-slider-handle {
  border: 1px solid black !important; }

.ui-widget-content, .ui-widget-header, .ui-widget-overlay, .ui-widget-shadow {
  background-image: none; }

.ui-widget-content .ui-state-default, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-active, .ui-widget-content .ui-state-highlight, .ui-widget-content .ui-state-error, .ui-state-default .ui-state-default, .ui-state-default .ui-state-focus, .ui-state-default .ui-state-active, .ui-state-default .ui-state-highlight, .ui-state-default .ui-state-error, .ui-widget-header .ui-state-default, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-active, .ui-widget-header .ui-state-highlight, .ui-widget-header .ui-state-error {
  background-image: none; }

.highlight-pointer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  opacity: 0.0;
  pointer-events: none;
  z-index: 10; }

.header-font {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-variant: small-caps; }

body[lang='ja'] h1, body[lang='ja'] h2, body[lang='ja'] h3, body[lang='ja'] h4, body[lang='ja'] h5, body[lang='ja'] h6 {
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  letter-spacing: -1px !important; }

body[lang='ja'] .header-font {
  font-family: "\30D2\30E9\30AE\30CE\89D2\30B4   Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "\30E1\30A4\30EA\30AA", Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", "MS PGothic", 'Open Sans Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-variant: small-caps;
  letter-spacing: -1px !important; }

body[lang='ja'] #top-nav .navbar-nav li a.header-font {
  font-size: 16px; }

@media only screen and (max-width: 800px) {
  .main-content-area {
    width: 100%; }
  .content {
    width: 100%; }
  .footer-link-text a {
    font-size: 17px;
    margin-left: 3px;
    margin-right: 3px; }
  .share-buttons {
    margin-bottom: 20px; }
  .partner-badges {
    display: none; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("/fonts/glyphicons-halflings-regular.eot");
  src: url("/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }

.spr:after {
  content: " "; }

.spl:before {
  content: " "; }

a[data-toggle="coco-modal"] {
  cursor: pointer; }

.achievement-corner {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 1001; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }

.gem {
  display: inline-block;
  background: transparent url(/images/common/gem.png) no-repeat center;
  background-size: contain;
  width: 80px;
  height: 80px;
  margin: 0px 2px; }
  .gem.gem-20 {
    width: 20px;
    height: 20px; }
  .gem.gem-25 {
    width: 25px;
    height: 25px; }
  .gem.gem-30 {
    width: 30px;
    height: 30px; }
  .gem.gem-40 {
    width: 40px;
    height: 40px; }
  .gem.gem-60 {
    width: 60px;
    height: 60px; }

.popover {
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill stretch;
  border-width: 16px 12px; }
  .popover .arrow {
    display: none; }
  .popover .btn {
    font-size: 20px;
    width: 100%; }

.btn.btn-illustrated {
  background: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-style: solid;
  border-image: url(/images/common/button-background-active-border.png) 14 20 20 20 fill round;
  border-width: 7px 10px 10px 10px;
  padding: 0;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #f8c592; }
  .btn.btn-illustrated.btn-lg, .btn-group-lg > .btn.btn-illustrated {
    border-width: 14px 20px 20px 20px;
    height: 60px;
    line-height: 34px; }
  .btn.btn-illustrated.btn-primary {
    border-image-source: url(/images/common/button-background-primary-active-border.png); }
  .btn.btn-illustrated.btn-success {
    border-image-source: url(/images/common/button-background-success-active-border.png);
    color: #f2f2f2; }
  .btn.btn-illustrated.btn-warning {
    border-image-source: url(/images/common/button-background-warning-active-border.png);
    color: #f2f2f2; }
  .btn.btn-illustrated.btn-danger {
    border-image-source: url(/images/common/button-background-danger-active-border.png); }
  .btn.btn-illustrated:hover {
    color: #fad2aa; }
    .btn.btn-illustrated:hover.btn-success {
      color: white; }
    .btn.btn-illustrated:hover.btn-warning {
      color: white; }
  .btn.btn-illustrated:active.btn-lg, .btn-group-lg > .btn.btn-illustrated:active {
    border-image-source: url(/images/common/button-background-pressed-border.png); }
  .btn.btn-illustrated:active:not(.btn-lg) {
    border-image: url(/images/common/button-background-pressed-border.png) 14 16 16 20 fill round;
    padding: 2px 0 0 2px;
    border-width: 7px 8px 8px 10px; }
  .btn.btn-illustrated:active.btn-primary {
    border-image-source: url(/images/common/button-background-primary-pressed-border.png); }
  .btn.btn-illustrated:active.btn-success {
    border-image-source: url(/images/common/button-background-success-pressed-border.png); }
  .btn.btn-illustrated:active.btn-warning {
    border-image-source: url(/images/common/button-background-warning-pressed-border.png); }
  .btn.btn-illustrated:active.btn-danger {
    border-image-source: url(/images/common/button-background-danger-pressed-border.png); }
  .btn.btn-illustrated.disabled, .btn.btn-illustrated:disabled {
    border-image: url(/images/common/button-background-disabled-border.png) 14 20 20 20 fill round;
    opacity: 1;
    filter: alpha(opacity=100); }
    .btn.btn-illustrated.disabled.btn-primary, .btn.btn-illustrated:disabled.btn-primary {
      border-image-source: url(/images/common/button-background-primary-disabled-border.png); }
    .btn.btn-illustrated.disabled.btn-success, .btn.btn-illustrated:disabled.btn-success {
      border-image-source: url(/images/common/button-background-success-inactive-border.png); }
    .btn.btn-illustrated.disabled.btn-warning, .btn.btn-illustrated:disabled.btn-warning {
      border-image-source: url(/images/common/button-background-warning-disabled-border.png); }
    .btn.btn-illustrated.disabled.btn-danger, .btn.btn-illustrated:disabled.btn-danger {
      border-image-source: url(/images/common/button-background-danger-disabled-border.png); }
    .btn.btn-illustrated.disabled > *, .btn.btn-illustrated:disabled > * {
      opacity: 0.5;
      filter: alpha(opacity=50); }
  .btn.btn-illustrated > * {
    opacity: 0.75;
    filter: alpha(opacity=75); }
  .btn.btn-illustrated:hover > * {
    opacity: 1;
    filter: alpha(opacity=100); }

html.no-borderimage .popover {
  border: 0;
  background: transparent url(/images/level/popover_background.png);
  background-size: 100% 100%;
  padding: 10px 20px; }

html.no-borderimage .btn.btn-illustrated {
  border: 0;
  background-image: url(/images/common/button-background-active.png);
  background-size: 100% 100%;
  padding: 7px 10px 10px 10px; }
  html.no-borderimage .btn.btn-illustrated.btn-primary {
    background-image: url(/images/common/button-background-primary-active.png); }
  html.no-borderimage .btn.btn-illustrated.btn-success {
    background-image: url(/images/common/button-background-success-active.png); }
  html.no-borderimage .btn.btn-illustrated.btn-warning {
    background-image: url(/images/common/button-background-warning-active.png); }
  html.no-borderimage .btn.btn-illustrated.btn-danger {
    background-image: url(/images/common/button-background-danger-active.png); }
  html.no-borderimage .btn.btn-illustrated:active {
    background-image: url(/images/common/button-background-pressed.png);
    padding: 9px 8px 8px 12px;
    border: 0; }
    html.no-borderimage .btn.btn-illustrated:active.btn-primary {
      background-image: url(/images/common/button-background-primary-pressed.png); }
    html.no-borderimage .btn.btn-illustrated:active.btn-success {
      background-image: url(/images/common/button-background-success-pressed.png); }
    html.no-borderimage .btn.btn-illustrated:active.btn-warning {
      background-image: url(/images/common/button-background-warning-pressed.png); }
    html.no-borderimage .btn.btn-illustrated:active.btn-danger {
      background-image: url(/images/common/button-background-danger-pressed.png); }
  html.no-borderimage .btn.btn-illustrated.disabled, html.no-borderimage .btn.btn-illustrated:disabled {
    background-image: url(/images/common/button-background-disabled.png); }
    html.no-borderimage .btn.btn-illustrated.disabled.btn-primary, html.no-borderimage .btn.btn-illustrated:disabled.btn-primary {
      background-image: url(/images/common/button-background-primary-disabled.png); }
    html.no-borderimage .btn.btn-illustrated.disabled.btn-success, html.no-borderimage .btn.btn-illustrated:disabled.btn-success {
      background-image: url(/images/common/button-background-success-inactive.png); }
    html.no-borderimage .btn.btn-illustrated.disabled.btn-warning, html.no-borderimage .btn.btn-illustrated:disabled.btn-warning {
      background-image: url(/images/common/button-background-warning-disabled.png); }
    html.no-borderimage .btn.btn-illustrated.disabled.btn-danger, html.no-borderimage .btn.btn-illustrated:disabled.btn-danger {
      background-image: url(/images/common/button-background-danger-disabled.png); }

body > iframe[src^="https://apis.google.com"] {
  display: none; }

.treema-node input[type='checkbox'] {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  width: auto;
  margin: 8px 15px 8px 15px; }

.particle-man {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  pointer-events: none; }

.text-uppercase {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.well-parchment {
  border: 2px solid #14110e;
  background: #c2b695;
  color: #282116; }

.img-prize {
  border: 4px solid #fef9a3;
  padding: 2px;
  background: #693415; }

.label-banner {
  border: 2px solid #350f0d;
  background: #e6251c;
  color: white;
  padding: 0.0em 0.6em 0.1em; }

body.picoctf .picoctf-hide {
  display: none; }

body:not(.picoctf) .picoctf-show {
  display: none; }

h1 {
  text-shadow: none;
  border-radius: 5px; }

.editor-widget {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0; }

.centering_container {
  position: absolute;
  left: 25%;
  bottom: 5%;
  z-index: 1; }

#console {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0; }

#submit {
  position: relative;
  left: -50%;
  z-index: 1; }

html .lt-ie7, html .lt-ie8, html .lt-ie9, html .lt-ie10 {
  display: none; }

html.lt-ie7 .lt-ie7 {
  display: block; }

html.lt-ie8 .lt-ie8 {
  display: block; }

html.lt-ie9 .lt-ie9 {
  display: block; }

html.lt-ie10 .lt-ie10 {
  display: block; }

.achievement-popup {
  padding: 14px 0px;
  position: relative; }
  .achievement-popup .achievement-body {
    position: relative; }
    .achievement-popup .achievement-body .achievement-icon {
      position: absolute;
      z-index: 1000;
      width: 140px;
      height: 140px;
      left: -98px;
      top: -14px;
      background-size: 100% 100% !important; }
      .achievement-popup .achievement-body .achievement-icon .achievement-image {
        width: 100%;
        height: 100%; }
        .achievement-popup .achievement-body .achievement-icon .achievement-image img {
          border-radius: 25%;
          position: absolute;
          margin: auto;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          width: 91px; }
    .achievement-popup .achievement-body .achievement-content {
      background-image: url("/images/achievements/achievement_background.png");
      position: relative;
      width: 315px;
      height: 112px;
      padding: 16.8px 21px 14px 42px;
      background-size: 100% 100%;
      text-align: center;
      overflow: hidden; }
      .achievement-popup .achievement-body .achievement-content .achievement-title {
        font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-variant: small-caps;
        font-size: 19.6px;
        font-weight: bold;
        padding-left: -35px;
        white-space: nowrap;
        max-height: 2em;
        overflow: hidden;
        text-overflow: ellipsis; }
      .achievement-popup .achievement-body .achievement-content .achievement-description {
        font-size: 11.2px;
        line-height: 1.3em;
        max-height: 2.6em;
        margin-top: auto;
        margin-bottom: 0px !important;
        white-space: normal;
        padding-left: 5px;
        overflow: hidden;
        text-overflow: ellipsis; }
      .achievement-popup .achievement-body .achievement-content .progress-wrapper {
        margin-left: 14px;
        position: absolute;
        bottom: 33.6px; }
        .achievement-popup .achievement-body .achievement-content .progress-wrapper .user-level {
          font-size: 14px;
          color: white;
          position: absolute;
          left: -10.5px;
          margin-top: -5.6px;
          vertical-align: middle;
          z-index: 1000; }
        .achievement-popup .achievement-body .achievement-content .progress-wrapper > .progress-bar-wrapper {
          position: absolute;
          margin-left: 11.9px;
          width: 219.1px;
          height: 14px;
          z-index: 2; }
          .achievement-popup .achievement-body .achievement-content .progress-wrapper > .progress-bar-wrapper > .progress {
            margin-top: 3.5px;
            border-radius: 35px;
            height: 9.8px; }
        .achievement-popup .achievement-body .achievement-content .progress-wrapper > .progress-bar-border {
          position: absolute;
          width: 238px;
          height: 21px;
          margin-top: -1.4px;
          background: url("/images/achievements/bar_border.png") no-repeat;
          background-size: 100% 100%;
          z-index: 1; }
    .achievement-popup .achievement-body.locked .achievement-content {
      background-image: url("/images/achievements/achievement_background_locked.png"); }
    .achievement-popup .achievement-body:not(.locked) .achievement-content {
      background-image: url("/images/achievements/achievement_background.png"); }

.achievement-wood.locked .achievement-icon {
  background: url("/images/achievements/border_wood_locked.png") no-repeat; }

.achievement-wood:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_wood.png") no-repeat; }

.achievement-stone.locked .achievement-icon {
  background: url("/images/achievements/border_stone_locked.png") no-repeat; }

.achievement-stone:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_stone.png") no-repeat; }

.achievement-silver.locked .achievement-icon {
  background: url("/images/achievements/border_silver_locked.png") no-repeat; }

.achievement-silver:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_silver.png") no-repeat; }

.achievement-gold.locked .achievement-icon {
  background: url("/images/achievements/border_gold_locked.png") no-repeat; }

.achievement-gold:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_gold.png") no-repeat; }

.achievement-diamond.locked .achievement-icon {
  background: url("/images/achievements/border_diamond_locked.png") no-repeat; }

.achievement-diamond:not(.locked) .achievement-icon {
  background: url("/images/achievements/border_diamond.png") no-repeat; }

.xp-bar-old {
  background-color: #680080; }

.xp-bar-new {
  background-color: #0096ff; }

.xp-bar-left {
  background-color: #fffbfd; }

.achievement-category-title {
  margin-left: 20px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #5a5a5a;
  text-transform: uppercase; }

.table-layout #no-achievements {
  margin-top: 40px; }

.achievement-icon-small {
  height: 18px; }

.achievement-popup-container {
  position: fixed;
  left: 100px;
  bottom: 0px;
  z-index: 9001;
  cursor: pointer; }

.popup {
  left: -600px; }

.user-level {
  background-image: url("/images/achievements/level-bg.png");
  background-size: 100% 100%;
  width: 26.6px;
  height: 26.6px;
  line-height: 26.6px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

#home-view {
  overflow: hidden; }
  #home-view #jumbotron-container-fluid {
    background-image: url("/images/pages/home/character_jumbotron.png");
    background-position: 50% 55%; }
    @media (min-width: 1200px) {
      #home-view #jumbotron-container-fluid {
        background-size: 100% auto; } }
    @media (max-width: 1200px) {
      #home-view #jumbotron-container-fluid {
        background-size: 1200px auto; } }
    #home-view #jumbotron-container-fluid .container {
      background-repeat: no-repeat; }
      #home-view #jumbotron-container-fluid .container .btn {
        margin: 10px 0; }
      #home-view #jumbotron-container-fluid .container h1 {
        color: white; }
        @media (max-width: 992px) {
          #home-view #jumbotron-container-fluid .container h1 {
            margin-top: 60px;
            font-size: 33px;
            line-height: 45px; } }
      #home-view #jumbotron-container-fluid .container .well {
        border: none;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.5);
        margin-top: 10px; }
        #home-view #jumbotron-container-fluid .container .well p.userName {
          width: 100%;
          text-overflow: ellipsis;
          overflow: hidden; }
        #home-view #jumbotron-container-fluid .container .well #classroom-edition-header {
          margin-top: 10px; }
        #home-view #jumbotron-container-fluid .container .well #educator-header {
          white-space: nowrap; }
        #home-view #jumbotron-container-fluid .container .well #students-header {
          line-height: 25px;
          margin-top: 40px;
          margin-bottom: -5px; }
        #home-view #jumbotron-container-fluid .container .well #learn-to-code-header {
          margin-top: 80px; }
        #home-view #jumbotron-container-fluid .container .well#ideal-tickets-well {
          margin-top: 20px; }
        #home-view #jumbotron-container-fluid .container .well .form-group {
          text-align: left; }
          #home-view #jumbotron-container-fluid .container .well .form-group label {
            line-height: 14px;
            font-size: 12px; }
        @media (max-width: 992px) {
          #home-view #jumbotron-container-fluid .container .well {
            margin-top: 320px; } }
        #home-view #jumbotron-container-fluid .container .well .btn-gold {
          background: #f0ac00; }
      #home-view #jumbotron-container-fluid .container #learn-more-row {
        margin-top: 80px; }
        @media (max-height: 700px) {
          #home-view #jumbotron-container-fluid .container #learn-more-row {
            margin-top: 10px; } }
        #home-view #jumbotron-container-fluid .container #learn-more-row h2, #home-view #jumbotron-container-fluid .container #learn-more-row h6 {
          color: white; }
        #home-view #jumbotron-container-fluid .container #learn-more-row h6 {
          margin-top: 10px; }
        #home-view #jumbotron-container-fluid .container #learn-more-row a:hover {
          text-decoration: none; }
        @media (max-width: 992px) {
          #home-view #jumbotron-container-fluid .container #learn-more-row {
            margin-top: 10px; } }
    #home-view #jumbotron-container-fluid.alt-image {
      background-image: url("/images/pages/home/student_jumbotron.jpg");
      background-position: 60% 35%; }
      @media (max-width: 992px) {
        #home-view #jumbotron-container-fluid.alt-image .well {
          margin-top: 0px; } }
      #home-view #jumbotron-container-fluid.alt-image .container h1 {
        margin-top: 260px;
        margin-bottom: 20px; }
        @media (max-width: 992px) {
          #home-view #jumbotron-container-fluid.alt-image .container h1 {
            margin-top: 60px;
            margin-bottom: 60px; } }
        @media (max-width: 768px) {
          #home-view #jumbotron-container-fluid.alt-image .container h1 {
            margin-top: 60px; } }
  #home-view #classroom-in-box-row {
    margin: 40px 0; }
    #home-view #classroom-in-box-row h2 {
      line-height: 30px;
      margin-bottom: 18px; }
  #home-view .video-thumbnail img {
    max-width: 100%;
    max-height: 100%; }
  #home-view .open-video-btn.video-text {
    color: inherit;
    text-decoration: underline;
    font-style: italic; }
  #home-view .teacher-screenshots {
    padding: 10px;
    margin-bottom: 40px; }
    #home-view .teacher-screenshots .label {
      color: black;
      display: block; }
    #home-view .teacher-screenshots .screenshots {
      text-align: center; }
      #home-view .teacher-screenshots .screenshots .screenshot-grid img {
        display: inline-block;
        margin: 6.5px;
        width: 300px;
        border-radius: 4px; }
  #home-view #screenshot-lightbox .modal-dialog {
    width: auto;
    max-width: 1024px; }
  #home-view #screenshot-lightbox .modal-content {
    border: none; }
  #home-view #screenshot-carousel .item {
    padding-left: 7.5%;
    padding-right: 7.5%; }
  #home-view #screenshot-carousel .carousel-control {
    background-color: black;
    opacity: 0.8;
    width: 7.5%; }
  #home-view #screenshot-carousel .carousel-indicators {
    bottom: -40px; }
  #home-view .video-wrapper {
    position: relative;
    padding-top: 2.4%;
    padding-bottom: 56.25%;
    height: 0; }
    #home-view .video-wrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  #home-view #feature-spread-row .col-sm-4 {
    padding: 40px; }
  #home-view #feature-spread-row img {
    margin-bottom: 20px; }
  #home-view .testimonials-rows {
    background: #0E4C60;
    color: white;
    position: relative;
    padding: 60px 0 40px;
    margin: 100px 0; }
    #home-view .testimonials-rows h3, #home-view .testimonials-rows h6 {
      color: white; }
    #home-view .testimonials-rows .testimonials-filler-left {
      position: absolute;
      width: 2000px;
      left: -2000px;
      top: 0px;
      background: #0E4C60;
      height: 100%; }
    #home-view .testimonials-rows .testimonials-filler-right {
      position: absolute;
      width: 2000px;
      right: -2000px;
      top: 0px;
      background: #0E4C60;
      height: 100%; }
    #home-view .testimonials-rows img {
      margin: 0 auto 10px; }
    #home-view .testimonials-rows .row {
      margin: 20px 0; }
  #home-view #benefit-row-1, #home-view #benefit-row-2, #home-view #benefit-row-3 {
    margin: 50px 0; }
  #home-view #benefit-graphic-1, #home-view #benefit-graphic-2, #home-view #benefit-graphic-3 {
    padding: 30px 40px;
    position: relative;
    min-height: 250px;
    margin-bottom: 20px; }
    #home-view #benefit-graphic-1 h2, #home-view #benefit-graphic-2 h2, #home-view #benefit-graphic-3 h2 {
      color: white;
      width: 50%; }
  #home-view #benefit-graphic-1 {
    background: #7D0101; }
    #home-view #benefit-graphic-1 img {
      position: absolute;
      right: 0;
      bottom: 0; }
    #home-view #benefit-graphic-1 #benefit-graphic-1-filler {
      background: #7D0101;
      height: 100%;
      width: 2000px;
      position: absolute;
      left: 100%;
      top: 0; }
  #home-view #benefit-graphic-2 {
    background: #0E4C60; }
    #home-view #benefit-graphic-2 h2 {
      float: right; }
    #home-view #benefit-graphic-2 img {
      position: absolute;
      left: 0;
      bottom: 0; }
    #home-view #benefit-graphic-2 #benefit-graphic-2-filler {
      background: #0E4C60;
      height: 100%;
      width: 2000px;
      position: absolute;
      right: 100%;
      top: 0; }
  #home-view #benefit-graphic-3 {
    background: #20572B; }
    #home-view #benefit-graphic-3 img {
      position: absolute;
      right: 0;
      bottom: 0; }
    #home-view #benefit-graphic-3 #benefit-graphic-3-filler {
      background: #20572B;
      height: 100%;
      width: 2000px;
      position: absolute;
      left: 100%;
      top: 0; }
  #home-view .have-an-account {
    font-size: 10pt; }
  #home-view #school-level-label {
    margin: 15px 15px 0 0;
    display: inline-block; }
  #home-view #school-level-dropdown {
    display: inline-block;
    width: 250px; }
  #home-view .request-demo-row {
    margin: 100px 0; }
    #home-view .request-demo-row .btn {
      margin: 20px 10px; }
  #home-view #total-hours-header {
    margin-top: 10px; }
  #home-view #courses-row .media {
    width: 222px;
    margin: 20px auto 0;
    border: 1px solid #0E4C60;
    border-radius: 8px;
    padding: 50px 15px 0;
    text-align: center;
    position: relative;
    height: 340px;
    color: #0E4C60; }
    #home-view #courses-row .media:first-child {
      border-color: #20572B;
      color: #20572B; }
      #home-view #courses-row .media:first-child h6 {
        color: #20572B; }
    #home-view #courses-row .media.disabled {
      border-color: #9b9b9b;
      color: #9b9b9b; }
      #home-view #courses-row .media.disabled h6 {
        color: #9b9b9b; }
      #home-view #courses-row .media.disabled .media-object {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%); }
    #home-view #courses-row .media h6 {
      padding: 0 5px;
      color: #0E4C60; }
    #home-view #courses-row .media .media-object {
      width: 147px;
      height: 147px;
      border-radius: 74px;
      background-position: -30px -26px;
      background-repeat: no-repeat;
      background-size: 312px auto;
      margin: 15px auto;
      position: absolute;
      left: 38px;
      left: calc((100% - 147px) / 2);
      bottom: 20px; }
    #home-view #courses-row .media .course-duration {
      position: absolute;
      bottom: 25px;
      width: 192px;
      width: calc(100% - 30px);
      padding: 0; }
    #home-view #courses-row .media .free-course {
      background-color: #20572B;
      width: 100%;
      height: 33px;
      position: absolute;
      top: 0;
      left: 0px;
      border-top-left-radius: 7px;
      border-top-right-radius: 7px; }
      #home-view #courses-row .media .free-course h6 {
        margin-top: 6px;
        color: white; }
  #home-view #courses-row .text-center {
    width: 100%;
    margin-top: 30px; }
    #home-view #courses-row .text-center img {
      margin-bottom: 20px; }

#about-view {
  overflow: hidden; }
  #about-view #nav-container {
    min-height: 55px; }
    #about-view #nav-container nav {
      background: #F2BE19; }
      #about-view #nav-container nav.affix {
        z-index: 1;
        position: fixed;
        top: 0;
        width: 100%; }
      #about-view #nav-container nav ul {
        margin-top: 5px;
        padding-left: 0;
        list-style: none; }
        #about-view #nav-container nav ul li {
          height: 22pt;
          display: inline-block;
          margin: 10px 0 0; }
          @media (min-width: 480px) {
            #about-view #nav-container nav ul li {
              margin: 10px 5px 0; } }
          @media (min-width: 768px) {
            #about-view #nav-container nav ul li {
              margin: 10px 18px 0; } }
          #about-view #nav-container nav ul li a {
            color: white;
            text-transform: uppercase;
            text-decoration: none; }
        #about-view #nav-container nav ul li.active .label {
          padding-left: 0;
          padding-right: 0;
          padding-bottom: 0;
          margin-left: 0.6em;
          margin-right: 0.6em;
          border-bottom: 4px solid white;
          border-radius: 0; }
  #about-view #jumbotron {
    background-color: #0E4C60;
    background-image: url("/images/pages/about/codebackground_zoom_compressed.png");
    background-size: cover;
    background-repeat: no-repeat; }
    #about-view #jumbotron h1 {
      color: white;
      margin-top: 100px; }
    #about-view #jumbotron h2 {
      color: white;
      margin-bottom: 100px; }
  #about-view .responsive-side-margins, #about-view h3, #about-view h4, #about-view p {
    max-width: 460px;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 768px) {
      #about-view .responsive-side-margins, #about-view h3, #about-view h4, #about-view p {
        max-width: inherit; } }
  #about-view h3 {
    margin-top: 60px; }
    @media (min-width: 768px) {
      #about-view h3 {
        margin-top: 150px; } }
  #about-view #about-container {
    background-color: white; }
    @media (min-width: 768px) {
      #about-view #about-container {
        margin-top: 85px; } }
  #about-view #mission-text {
    margin-top: 30px; }
    @media (min-width: 768px) {
      #about-view #mission-text {
        margin-top: 45px; } }
  #about-view #mission-graphic, #about-view #community-graphic {
    padding: 30px 40px;
    position: relative;
    min-height: 320px; }
    @media (min-width: 768px) {
      #about-view #mission-graphic, #about-view #community-graphic {
        min-height: 250px; } }
    #about-view #mission-graphic h2, #about-view #community-graphic h2 {
      color: white;
      width: 50%; }
  #about-view #mission-graphic {
    margin-top: 30px;
    background: #0E4C60; }
    @media (min-width: 768px) {
      #about-view #mission-graphic {
        margin-top: 45px; } }
    #about-view #mission-graphic h2 {
      float: right; }
    #about-view #mission-graphic img {
      position: absolute;
      bottom: 0;
      left: 0; }
    #about-view #mission-graphic #mission-graphic-filler {
      background: #0E4C60;
      height: 100%;
      width: 2000px;
      position: absolute;
      right: 100%;
      top: 0; }
  #about-view #team ul {
    text-align: center;
    margin-top: 40px;
    padding: 0; }
    #about-view #team ul li {
      width: 200px;
      height: 230px;
      list-style: none;
      display: inline-block;
      text-align: center;
      color: black; }
      #about-view #team ul li small {
        display: block;
        white-space: nowrap; }
      #about-view #team ul li .img-thumbnail {
        border-radius: 50%;
        padding: 0;
        background-color: #7D0101; }
      #about-view #team ul li .avatar {
        display: none;
        height: 110px; }
      #about-view #team ul li .headshot {
        border: 5px solid #fff;
        height: 110px; }
    #about-view #team ul .profile-pic:hover .headshot {
      display: none; }
    #about-view #team ul .profile-pic:hover .avatar {
      display: inline;
      border: 5px solid #F2BE19; }
  #about-view #community-row-1 #community-avatars {
    width: 90%;
    margin: 20px 5%; }
  #about-view #community-row-2 {
    margin-top: 35px; }
    @media (min-width: 768px) {
      #about-view #community-row-2 {
        margin-top: 70px; } }
    #about-view #community-row-2 #community-graphic {
      background: #7D0101; }
      #about-view #community-row-2 #community-graphic img {
        position: absolute;
        right: 0;
        bottom: 0; }
      #about-view #community-row-2 #community-graphic #community-graphic-filler {
        background: #7D0101;
        height: 100%;
        width: 2000px;
        position: absolute;
        left: 100%;
        top: 0; }
  #about-view #story {
    font-family: "Arvo", serif;
    font-variant: normal; }
    #about-view #story #story-graphic-1 {
      max-width: 580px;
      margin-top: 50px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 768px) {
        #about-view #story #story-graphic-1 {
          margin-top: 80px; } }
      #about-view #story #story-graphic-1 .media-heading {
        color: #7D0101; }
    #about-view #story #story-graphic-2 {
      margin-top: 50px;
      margin-left: auto;
      margin-right: auto;
      max-width: 390px; }
      @media (min-width: 768px) {
        #about-view #story #story-graphic-2 {
          margin-top: 80px; } }
      #about-view #story #story-graphic-2 .media-heading {
        color: #20572B; }
    #about-view #story #story-graphic-3 {
      margin-top: 50px; }
      @media (min-width: 768px) {
        #about-view #story #story-graphic-3 {
          margin-top: 80px; } }
      #about-view #story #story-graphic-3 p {
        margin-top: 30px; }
      #about-view #story #story-graphic-3 img {
        margin-top: 20px; }
      #about-view #story #story-graphic-3 #story-bracketed-text {
        width: 100%;
        max-width: 640px;
        margin: 0 auto; }
        #about-view #story #story-graphic-3 #story-bracketed-text .text-h1 {
          display: inline-block;
          margin: auto 0;
          color: #0E4C60;
          width: 80%;
          vertical-align: bottom; }
        #about-view #story #story-graphic-3 #story-bracketed-text img {
          margin: auto 0; }
        #about-view #story #story-graphic-3 #story-bracketed-text #left-bracket {
          width: 10%;
          display: inline-block; }
        #about-view #story #story-graphic-3 #story-bracketed-text #right-bracket {
          width: 10%;
          display: inline-block; }
      #about-view #story #story-graphic-3 #story-languages {
        margin-top: 50px; }
        #about-view #story #story-graphic-3 #story-languages #language-icons {
          display: inline-block;
          padding-left: auto;
          padding-right: auto; }
    #about-view #story #story-graphic-4 {
      margin-left: auto;
      margin-right: auto;
      margin-top: 50px; }
      @media (min-width: 768px) {
        #about-view #story #story-graphic-4 {
          margin-top: 150px; } }
      #about-view #story #story-graphic-4 p {
        margin-top: 20px; }
      #about-view #story #story-graphic-4 figure img {
        display: block;
        margin: 0 auto; }
  #about-view #careers #careers-row #benefits, #about-view #careers #careers-row .job-listing {
    margin-top: 65px;
    border: thin solid #0E4C60;
    border-radius: 8px;
    padding: 40px;
    width: 370px;
    height: 420px;
    margin-left: auto;
    margin-right: auto; }
    #about-view #careers #careers-row #benefits h5, #about-view #careers #careers-row .job-listing h5 {
      text-align: center;
      color: inherit; }
    #about-view #careers #careers-row #benefits li, #about-view #careers #careers-row .job-listing li {
      padding-bottom: 7px; }
  #about-view #careers #careers-row #benefits {
    color: white;
    background: #0E4C60; }
    #about-view #careers #careers-row #benefits ul {
      margin-top: 20px; }
  #about-view #careers #careers-row a.benefits-link {
    color: white;
    text-decoration: underline; }
  #about-view #careers #careers-row .job-listing {
    color: #0E4C60;
    background: white;
    position: relative; }
    #about-view #careers #careers-row .job-listing .label {
      text-transform: uppercase;
      color: grey; }
    #about-view #careers #careers-row .job-listing a.job-link {
      width: 170px;
      bottom: 45px;
      position: absolute;
      left: 50%;
      margin-left: -85px; }
    #about-view #careers #careers-row .job-listing p {
      margin-top: 15px; }
  #about-view #files {
    padding: 30px 0;
    margin-top: 50px;
    border: thin solid gray;
    border-radius: 8px; }
    #about-view #files .label {
      color: black;
      display: block; }
    #about-view #files #screenshots {
      text-align: center; }
      #about-view #files #screenshots #screenshot-grid img {
        display: inline-block;
        margin: 6.5px; }
    #about-view #files #downloads-container {
      position: relative;
      height: 250px; }
      #about-view #files #downloads-container #downloads {
        margin: 20px auto 0;
        width: 260px; }
        #about-view #files #downloads-container #downloads ul {
          width: 260px;
          margin-top: 10px;
          margin-bottom: 20px;
          margin-left: -25px; }
        #about-view #files #downloads-container #downloads a {
          color: black; }
        #about-view #files #downloads-container #downloads #download-button {
          margin: 0 auto;
          color: #0E4C60; }
          #about-view #files #downloads-container #downloads #download-button .glyphicon-download-alt {
            margin-right: 15px;
            vertical-align: middle;
            font-size: 1.5em; }
  #about-view #screenshot-lightbox .modal-dialog {
    width: auto;
    max-width: 1024px; }
  #about-view #location {
    margin-top: 75px;
    margin-bottom: 100px;
    text-align: center; }
    #about-view #location p b {
      margin-top: 40px; }
    #about-view #location a {
      color: inherit;
      text-decoration: underline; }
    #about-view #location iframe {
      border: 2px solid lightgray; }

.anchor::before {
  content: "";
  display: block;
  height: 55px;
  margin: -55px 0 0 0; }

#premium-features-view {
  overflow: hidden; }
  #premium-features-view .burgundy {
    background-color: #7D0101; }
  #premium-features-view .forest {
    background-color: #20572B; }
  #premium-features-view .navy {
    background-color: #0E4C60; }
  #premium-features-view .center-text {
    text-align: center !important; }
  #premium-features-view .top-offset-200 {
    margin-top: 200px !important; }
  #premium-features-view .bottom-offset-72 {
    margin-bottom: 72px !important; }
  #premium-features-view .force-right-265 {
    right: 265px !important; }
  #premium-features-view .force-width-265 {
    width: 265px !important; }
  #premium-features-view #bannerImg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 600px;
    margin-top: -50px;
    filter: drop-shadow(4px 4px 8px black);
    pointer-events: none; }
  #premium-features-view .feature-row {
    height: 256px;
    margin: 64px; }
    #premium-features-view .feature-row .left-text {
      text-align: left; }
    #premium-features-view .feature-row .right-text {
      text-align: right; }
  #premium-features-view .void {
    height: 256px;
    width: 2000px;
    position: absolute;
    overflow: hidden; }
    #premium-features-view .void .void-text {
      position: absolute;
      width: 256px;
      padding: 30px 40px; }
      #premium-features-view .void .void-text h2 {
        color: white; }
    #premium-features-view .void .void-text-left {
      right: 0; }
    #premium-features-view .void .void-text-right {
      left: 0; }
    #premium-features-view .void .void-image {
      position: absolute; }
    #premium-features-view .void .void-image-left {
      right: 256px; }
    #premium-features-view .void .void-image-right {
      left: 256px; }
    #premium-features-view .void #heroes-void-image {
      top: -50px;
      width: 375px;
      height: 375px;
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1); }
    #premium-features-view .void #pets-void-image {
      top: 10px;
      width: 275px;
      height: 275px; }
    #premium-features-view .void #game-dev-void-image {
      top: -32px;
      width: 512px;
      height: 512px; }
  #premium-features-view .void-left {
    right: 0; }
  #premium-features-view .void-right {
    left: 0; }
  #premium-features-view #jumbotron {
    background-color: #0E4C60;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 512px; }
    #premium-features-view #jumbotron h1 {
      color: white;
      font-size: 28pt;
      line-height: 36pt;
      text-align: center;
      filter: drop-shadow(2px 2px 4px black); }
  #premium-features-view #bottom-gradient-blend {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 12.5%, white);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }
  #premium-features-view .top-jumbo {
    background-image: url("/images/pages/features/bg2.png"); }
  #premium-features-view .bottom-jumbo {
    background-image: url("/images/pages/home/character_jumbotron.png");
    margin-top: 50px;
    margin-bottom: -75px; }
  #premium-features-view .continue-playing {
    margin-top: 10px; }

@-webkit-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.06375%; }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; } }

@-moz-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.06375%; }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; } }

@-ms-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.06375%; }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; } }

@-o-keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.06375%; }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; } }

@keyframes levelStartedPulse {
  from {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; }
  50% {
    -webkit-box-shadow: 0px 0px 22px skyblue;
    box-shadow: 0px 0px 22px skyblue;
    margin-bottom: -0.06375%; }
  to {
    -webkit-box-shadow: 0px 0px 4px #333;
    box-shadow: 0px 0px 4px #333;
    margin-bottom: -0.25499%; } }

#campaign-view {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute; }
  #campaign-view .gradient {
    position: absolute;
    z-index: 0; }
    #campaign-view .gradient.horizontal-gradient {
      left: 0;
      right: 0;
      height: 3%; }
    #campaign-view .gradient.vertical-gradient {
      top: 0;
      bottom: 0;
      width: 3%; }
    #campaign-view .gradient.top-gradient {
      top: 0; }
    #campaign-view .gradient.right-gradient {
      right: 0; }
    #campaign-view .gradient.bottom-gradient {
      bottom: 0; }
    #campaign-view .gradient.left-gradient {
      left: 0; }
  #campaign-view .map {
    position: relative; }
    #campaign-view .map #brain-pop-done-banner-wrapper {
      position: absolute;
      top: 20%;
      width: 100%;
      z-index: 3; }
      #campaign-view .map #brain-pop-done-banner-wrapper #brain-pop-done-banner {
        background: url("/images/pages/base/modal_background.png");
        background-size: 100% 100%;
        width: 400px;
        margin: 0 auto;
        padding: 20px 40px;
        text-align: center; }
        #campaign-view .map #brain-pop-done-banner-wrapper #brain-pop-done-banner img {
          margin-bottom: 10px; }
    #campaign-view .map #cube-level-container {
      position: absolute;
      left: 30%;
      top: 15%;
      background-color: #5082c8; }
      #campaign-view .map #cube-level-container #spinning-cube {
        position: absolute;
        top: -32px;
        width: 32px;
        height: 32px;
        transform: translateX(-50%) scaleY(1.33);
        left: 50%;
        perspective: 800px;
        perspective-origin: 50% 100px;
        filter: drop-shadow(0px 0px 4px purple) drop-shadow(0px 0px 4px purple) drop-shadow(0px 0px 4px purple); }
        #campaign-view .map #cube-level-container #spinning-cube .cube {
          position: relative;
          width: 32px;
          transform-style: preserve-3d;
          animation: spin 5s infinite linear; }

@-webkit-keyframes spin {
  from {
    -moz-transform: rotateX(180deg) rotateY(0deg);
    -o-transform: rotateX(180deg) rotateY(0deg);
    -webkit-transform: rotateX(180deg) rotateY(0deg);
    transform: rotateX(180deg) rotateY(0deg); }
  to {
    -moz-transform: rotateX(540deg) rotateY(360deg);
    -o-transform: rotateX(540deg) rotateY(360deg);
    -webkit-transform: rotateX(540deg) rotateY(360deg);
    transform: rotateX(540deg) rotateY(360deg); } }

@-moz-keyframes spin {
  from {
    -moz-transform: rotateX(180deg) rotateY(0deg);
    -o-transform: rotateX(180deg) rotateY(0deg);
    -webkit-transform: rotateX(180deg) rotateY(0deg);
    transform: rotateX(180deg) rotateY(0deg); }
  to {
    -moz-transform: rotateX(540deg) rotateY(360deg);
    -o-transform: rotateX(540deg) rotateY(360deg);
    -webkit-transform: rotateX(540deg) rotateY(360deg);
    transform: rotateX(540deg) rotateY(360deg); } }

@-ms-keyframes spin {
  #campaign-view .map #cube-level-container #spinning-cube .cube from {
    -moz-transform: rotateX(180deg) rotateY(0deg);
    -o-transform: rotateX(180deg) rotateY(0deg);
    -webkit-transform: rotateX(180deg) rotateY(0deg);
    transform: rotateX(180deg) rotateY(0deg); }
  #campaign-view .map #cube-level-container #spinning-cube .cube to {
    -moz-transform: rotateX(540deg) rotateY(360deg);
    -o-transform: rotateX(540deg) rotateY(360deg);
    -webkit-transform: rotateX(540deg) rotateY(360deg);
    transform: rotateX(540deg) rotateY(360deg); } }

@-o-keyframes spin {
  from {
    -moz-transform: rotateX(180deg) rotateY(0deg);
    -o-transform: rotateX(180deg) rotateY(0deg);
    -webkit-transform: rotateX(180deg) rotateY(0deg);
    transform: rotateX(180deg) rotateY(0deg); }
  to {
    -moz-transform: rotateX(540deg) rotateY(360deg);
    -o-transform: rotateX(540deg) rotateY(360deg);
    -webkit-transform: rotateX(540deg) rotateY(360deg);
    transform: rotateX(540deg) rotateY(360deg); } }

@keyframes spin {
  from {
    -moz-transform: rotateX(180deg) rotateY(0deg);
    -o-transform: rotateX(180deg) rotateY(0deg);
    -webkit-transform: rotateX(180deg) rotateY(0deg);
    transform: rotateX(180deg) rotateY(0deg); }
  to {
    -moz-transform: rotateX(540deg) rotateY(360deg);
    -o-transform: rotateX(540deg) rotateY(360deg);
    -webkit-transform: rotateX(540deg) rotateY(360deg);
    transform: rotateX(540deg) rotateY(360deg); } }
          #campaign-view .map #cube-level-container #spinning-cube .cube div {
            width: 32px;
            height: 32px;
            position: absolute;
            background-size: 100% 100%;
            color: white; }
          #campaign-view .map #cube-level-container #spinning-cube .cube .front, #campaign-view .map #cube-level-container #spinning-cube .cube .back, #campaign-view .map #cube-level-container #spinning-cube .cube .left, #campaign-view .map #cube-level-container #spinning-cube .cube .right {
            background-image: url("/images/minecraft/grass_side.png"); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .top {
            background-image: url("/images/minecraft/grass_top.png"); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .bottom {
            background-image: url("/images/minecraft/dirt.png"); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .front {
            -moz-transform: translateY(-16px) rotateY(0deg) translateZ(-16px) rotateX(180deg);
            -o-transform: translateY(-16px) rotateY(0deg) translateZ(-16px) rotateX(180deg);
            -webkit-transform: translateY(-16px) rotateY(0deg) translateZ(-16px) rotateX(180deg);
            transform: translateY(-16px) rotateY(0deg) translateZ(-16px) rotateX(180deg); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .back {
            -moz-transform: translateY(-16px) rotateX(180deg) translateZ(-16px);
            -o-transform: translateY(-16px) rotateX(180deg) translateZ(-16px);
            -webkit-transform: translateY(-16px) rotateX(180deg) translateZ(-16px);
            transform: translateY(-16px) rotateX(180deg) translateZ(-16px); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .left {
            -moz-transform: translateY(-16px) rotateY(-89.9deg) translateZ(-16px) rotateX(180deg);
            -o-transform: translateY(-16px) rotateY(-89.9deg) translateZ(-16px) rotateX(180deg);
            -webkit-transform: translateY(-16px) rotateY(-89.9deg) translateZ(-16px) rotateX(180deg);
            transform: translateY(-16px) rotateY(-89.9deg) translateZ(-16px) rotateX(180deg); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .right {
            -moz-transform: translateY(-16px) rotateY(89.9deg) translateZ(-16px) rotateX(180deg);
            -o-transform: translateY(-16px) rotateY(89.9deg) translateZ(-16px) rotateX(180deg);
            -webkit-transform: translateY(-16px) rotateY(89.9deg) translateZ(-16px) rotateX(180deg);
            transform: translateY(-16px) rotateY(89.9deg) translateZ(-16px) rotateX(180deg); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .top {
            -moz-transform: translateY(-16px) rotateX(89.9deg) translateZ(-16px);
            -o-transform: translateY(-16px) rotateX(89.9deg) translateZ(-16px);
            -webkit-transform: translateY(-16px) rotateX(89.9deg) translateZ(-16px);
            transform: translateY(-16px) rotateX(89.9deg) translateZ(-16px); }
          #campaign-view .map #cube-level-container #spinning-cube .cube .bottom {
            -moz-transform: translateY(-16px) rotateX(-89.9deg) translateZ(-16px);
            -o-transform: translateY(-16px) rotateX(-89.9deg) translateZ(-16px);
            -webkit-transform: translateY(-16px) rotateX(-89.9deg) translateZ(-16px);
            transform: translateY(-16px) rotateX(-89.9deg) translateZ(-16px); }
    #campaign-view .map .map-background {
      width: 100%;
      height: 100%;
      background-size: 100%;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none; }
    #campaign-view .map .level, #campaign-view .map .level-shadow {
      position: absolute;
      border-radius: 50%;
      -webkit-transform: scaleY(0.75);
      transform: scaleY(0.75); }
    #campaign-view .map .level {
      z-index: 2;
      width: 2%;
      height: 3.0599%;
      margin-left: -1%;
      margin-bottom: -0.25499%;
      border: 2px groove white;
      -webkit-transition: margin-bottom 0.5s ease;
      transition: margin-bottom 0.5s ease;
      cursor: pointer; }
      #campaign-view .map .level .treasure-chest {
        position: absolute;
        left: 50%;
        width: 150%;
        transform: translateX(-50%) translateX(50%) translateY(-130%) scaleY(1.33) scale(0.75);
        cursor: pointer;
        z-index: -1;
        filter: drop-shadow(0px 0px 4px gold); }
      #campaign-view .map .level.disabled, #campaign-view .map .level.locked {
        opacity: 0.7;
        width: 1.34%;
        height: 2.05013%;
        margin-left: -0.67%;
        margin-bottom: -0.30089%; }
        #campaign-view .map .level.disabled .treasure-chest, #campaign-view .map .level.locked .treasure-chest {
          transform: translateX(-50%) translateY(-200%) scaleY(1.33) scale(0.95); }
      #campaign-view .map .level.started, #campaign-view .map .level.next {
        border: 3px solid lightgreen;
        -webkit-box-shadow: 0px 0px 35px skyblue;
        box-shadow: 0px 0px 35px skyblue; }
      #campaign-view .map .level.complete {
        border: 3px solid gold;
        -webkit-box-shadow: 0px 0px 35px skyblue;
        box-shadow: 0px 0px 35px skyblue; }
      #campaign-view .map .level .level-difficulty-banner-text {
        position: absolute;
        bottom: 160%;
        pointer-events: none;
        color: #f6d002;
        text-shadow: 0px 1px 0px black;
        font-size: 1.8vw;
        z-index: 1;
        width: 100%;
        text-align: center; }
      #campaign-view .map .level img.banner {
        position: absolute;
        bottom: 38%;
        width: 170%;
        left: -35%; }
      #campaign-view .map .level img.star {
        width: 100%;
        bottom: 4%;
        position: absolute;
        pointer-events: none; }
      #campaign-view .map .level .level-acronym, #campaign-view .map .level .level-kind {
        position: absolute;
        pointer-events: none;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        color: black;
        text-align: center;
        font-size: 0.8vw;
        text-shadow: 0px 1px 0px white; }
      #campaign-view .map .level .level-kind {
        bottom: auto;
        top: 100%;
        color: white;
        text-shadow: 0px 1px 0px black, 0px -1px 0px black, -1px 0px 0px black, 1px 0px 0px black; }
        #campaign-view .map .level .level-kind.demo {
          color: #80ff80; }
        #campaign-view .map .level .level-kind.usage {
          color: #8080ff; }
        #campaign-view .map .level .level-kind.mastery {
          color: #ff8080; }
        #campaign-view .map .level .level-kind.practice {
          color: #8080ff; }
        #campaign-view .map .level .level-kind.advanced {
          color: #80ffff; }
        #campaign-view .map .level .level-kind.challenge {
          color: #ffff80; }
      #campaign-view .map .level img.hero-portrait, #campaign-view .map .level img.item-portrait {
        width: 120%;
        height: auto;
        bottom: 75%;
        left: 75%;
        margin-left: 0;
        margin-bottom: 0; }
    #campaign-view .map img.premium-hero-banner {
      position: absolute;
      height: 250%;
      transform: translate(-50%, -100%) translateX(-20%) translateY(-10%) scaleY(1.33);
      filter: drop-shadow(0px 0px 10px black);
      z-index: 3; }
    #campaign-view .map img.pet-banner {
      position: absolute;
      height: 250%;
      transform: translate(-50%, -80%) translateX(-20%) translateY(-10%) scaleY(1.33) scale(0.625);
      filter: drop-shadow(0px 0px 10px black);
      z-index: 3; }
    #campaign-view .map img.hero-portrait, #campaign-view .map img.item-portrait {
      position: absolute;
      border: 1px solid black;
      border-radius: 50%;
      background: white;
      width: 3%;
      height: 2.62277%;
      margin-left: -1.5%;
      margin-bottom: -0.87426%; }
      #campaign-view .map img.hero-portrait.hero-portrait-on-banner, #campaign-view .map img.hero-portrait.item-portrait-on-banner, #campaign-view .map img.item-portrait.hero-portrait-on-banner, #campaign-view .map img.item-portrait.item-portrait-on-banner {
        bottom: 170%;
        left: 0%;
        width: 100%; }
      #campaign-view .map img.hero-portrait.item-portrait-on-banner, #campaign-view .map img.item-portrait.item-portrait-on-banner {
        background: transparent;
        border: 0;
        border-radius: 0; }
    #campaign-view .map .level-shadow {
      z-index: 1;
      width: 1.6%;
      height: 2.44792%;
      margin-left: -0.8%;
      margin-bottom: -0.81597%;
      background-color: black;
      -webkit-box-shadow: 0px 0px 10px black;
      box-shadow: 0px 0px 10px black;
      opacity: 0.75;
      filter: alpha(opacity=75); }
      #campaign-view .map .level-shadow.locked {
        opacity: 0.5;
        filter: alpha(opacity=50);
        width: 1.072%;
        height: 1.6401%;
        margin-left: -0.536%;
        margin-bottom: -0.5467%; }
    #campaign-view .map .level:hover {
      -moz-transform: rotate(0);
      margin-bottom: 0.1275%;
      -webkit-box-shadow: 0px 0px 35px skyblue;
      box-shadow: 0px 0px 35px skyblue; }
    #campaign-view .map .level a {
      display: block;
      padding: 20px;
      margin-left: -10px;
      margin-top: -10px;
      border-radius: 20px; }
    #campaign-view .map .tooltip {
      z-index: 3;
      pointer-events: none; }
      body[lang="he"] #campaign-view .map .tooltip, body[lang="ar"] #campaign-view .map .tooltip, body[lang="fa"] #campaign-view .map .tooltip, body[lang="ur"] #campaign-view .map .tooltip {
        direction: rtl; }
      #campaign-view .map .tooltip .tooltip-arrow {
        display: none; }
    #campaign-view .map .level-info-container {
      display: none;
      position: absolute;
      z-index: 3;
      width: 362px;
      padding: 17px 20px 20px 20px;
      border: 0;
      background: transparent url(/images/pages/play/level-info-background.png) no-repeat center center;
      background-size: 100% 100%; }
      #campaign-view .map .level-info-container .level-info h3 {
        color: #e8d957;
        text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
        padding: 0 2px;
        margin: 0 0 10px 31px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      #campaign-view .map .level-info-container .level-info .level-description {
        color: black; }
        #campaign-view .map .level-info-container .level-info .level-description img {
          display: block;
          margin: 0px auto;
          max-width: 100%; }
      #campaign-view .map .level-info-container .level-info kbd {
        margin: 0 2px 2px 0;
        display: inline-block;
        font-size: 12px; }
      #campaign-view .map .level-info-container .level-info .level-status {
        background: transparent url(/images/pages/play/level-info-status-spritesheet.png) no-repeat 0 0;
        width: 60px;
        height: 60px;
        position: absolute;
        left: -15px;
        top: -15px; }
      #campaign-view .map .level-info-container .level-info.complete .level-status {
        background-position: -60px 0; }
      #campaign-view .map .level-info-container .level-info.premium .level-status {
        background-position: -120px 0; }
      #campaign-view .map .level-info-container .level-info.complete.premium .level-status {
        background-position: -180px 0; }
      #campaign-view .map .level-info-container .level-info .start-level {
        min-width: 200px;
        display: block;
        margin: 10px auto 0 auto;
        position: relative; }
        #campaign-view .map .level-info-container .level-info .start-level .badge {
          position: absolute;
          top: auto;
          left: auto;
          right: -25px;
          bottom: -25px;
          font-size: 20px;
          color: black;
          border: 1px solid black;
          background-color: #e8d957;
          border-radius: 50%;
          opacity: 1;
          padding: 3px 9px; }
      #campaign-view .map .level-info-container .level-info.shows-leaderboard .start-level, #campaign-view .map .level-info-container .level-info.shows-leaderboard .view-solutions {
        min-width: calc(50% - 5px);
        display: inline-block;
        width: calc(50% - 5px); }
      #campaign-view .map .level-info-container .level-info.shows-leaderboard .start-level {
        margin: 10px 0 0 5px; }
      #campaign-view .map .level-info-container .level-info.shows-leaderboard .view-solutions {
        margin: 10px 5px 0 0; }
      #campaign-view .map .level-info-container .level-info .course-version {
        text-align: center; }
      #campaign-view .map .level-info-container .level-info .threshold-icon {
        height: 40px;
        filter: drop-shadow(2px 2px 0px #222);
        position: absolute;
        right: -13px;
        top: -17px; }
    #campaign-view .map .campaign-switch {
      color: purple;
      position: absolute;
      z-index: 1;
      font-size: 2vw;
      text-shadow: 0 0 0.3vw white, 0 0 0.3vw white; }
      #campaign-view .map .campaign-switch:hover {
        text-decoration: none; }
  #campaign-view .next-level-line {
    height: 8px;
    position: absolute; }
    #campaign-view .next-level-line .line {
      width: calc(100% - 24px);
      float: left;
      margin-top: 2px;
      margin-bottom: 2px;
      height: 4px;
      background: repeating-linear-gradient(-45deg, #AF9F7D, #DFC89C 5px, #F1EAC0 5px, #AF9F7D 10px);
      box-shadow: 0px 0px 4px black; }
    #campaign-view .next-level-line .point {
      width: 24px;
      height: 24px;
      float: right;
      margin-top: -8px;
      border-top: 12px solid transparent;
      border-bottom: 12px solid transparent;
      border-left: 24px solid #faf8ea; }
  #campaign-view .game-controls {
    position: absolute;
    right: 1%;
    bottom: 1%;
    z-index: 2; }
    #campaign-view .game-controls .btn {
      width: 80px;
      height: 80px;
      background: url(/images/pages/play/menu_icons.png) no-repeat;
      position: relative;
      background-size: cover;
      -webkit-transition: 0.5s ease;
      transition: 0.5s ease;
      -webkit-box-shadow: 2px 2px 4px black;
      box-shadow: 2px 2px 4px black;
      border: 0;
      border-radius: 12px;
      filter: none; }
      #campaign-view .game-controls .btn:not(:first-child) {
        margin-left: 30px; }
        @media only screen and (max-height: 650px) {
          #campaign-view .game-controls .btn:not(:first-child) {
            margin-left: 0; } }
      @media only screen and (max-height: 650px) {
        #campaign-view .game-controls .btn {
          -webkit-transform: scale(0.67);
          -ms-transform: scale(0.67);
          transform: scale(0.67); } }
      #campaign-view .game-controls .btn img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
      #campaign-view .game-controls .btn:hover {
        -webkit-box-shadow: 0 0 12px #bbf;
        box-shadow: 0 0 12px #bbf; }
      #campaign-view .game-controls .btn:active, #campaign-view .game-controls .btn.highlighted {
        -webkit-box-shadow: 0 0 20px white;
        box-shadow: 0 0 20px white; }
      #campaign-view .game-controls .btn.items {
        background-position: -80px 0px; }
      #campaign-view .game-controls .btn.heroes {
        background-position: -160px 0px; }
      #campaign-view .game-controls .btn.achievements {
        background-position: -240px 0px; }
      #campaign-view .game-controls .btn.account {
        background-position: -400px 0px; }
      #campaign-view .game-controls .btn.settings {
        background-position: -400px 0px; }
      #campaign-view .game-controls .btn.gems {
        background-position: -480px 0px; }
      #campaign-view .game-controls .btn.poll {
        background-position: -320px 0px; }
      #campaign-view .game-controls .btn.premium-menu-icon {
        background: url(/images/pages/play/premium-menu-icon.png) no-repeat;
        background-position: 50% 50%;
        background-size: 100%;
        transform: scale(1.31) translateY(-5px) translateX(-6px);
        box-shadow: initial;
        filter: drop-shadow(2px 2px 4px black);
        outline: none; }
        @media only screen and (max-height: 650px) {
          #campaign-view .game-controls .btn.premium-menu-icon {
            transform: scale(0.67) scale(1.31) translateY(-5px) translateX(-6px); } }
        #campaign-view .game-controls .btn.premium-menu-icon:hover {
          filter: drop-shadow(0 0 2px #bbf); }
    #campaign-view .game-controls .tooltip {
      font-size: 24px; }
      #campaign-view .game-controls .tooltip .tooltip-arrow {
        display: none; }
  #campaign-view .user-status {
    position: absolute;
    bottom: 16px;
    left: 8px;
    text-align: center;
    font-size: 24px;
    color: white;
    text-shadow: 0px 2px 1px black, 0px -2px 1px black, -2px 0px 1px black, 2px 0px 1px black;
    height: 32px;
    line-height: 32px; }
    #campaign-view .user-status .user-status-line {
      position: relative; }
      #campaign-view .user-status .user-status-line button.btn.btn-illustrated {
        margin-left: 10px;
        min-width: 90px;
        height: 32px;
        color: white; }
      #campaign-view .user-status .user-status-line .rtl-allowed {
        display: inline-block; }
      #campaign-view .user-status .user-status-line .gem, #campaign-view .user-status .user-status-line .player-hero-icon {
        position: absolute;
        top: 1px; }
      #campaign-view .user-status .user-status-line #gems-count {
        margin-left: 40px; }
      #campaign-view .user-status .user-status-line .player-level {
        margin-left: 5px; }
      #campaign-view .user-status .user-status-line .player-name {
        margin-left: 45px; }
      #campaign-view .user-status .user-status-line a {
        color: white; }
      #campaign-view .user-status .user-status-line .player-hero-icon {
        background: transparent url(/images/pages/play/play-spritesheet.png);
        background-size: cover;
        background-position: -60px 0;
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0px 2px; }
      #campaign-view .user-status .user-status-line .level-indicator {
        margin-left: 15px;
        color: white;
        display: inline-block;
        margin: 0 2px; }
      #campaign-view .user-status .user-status-line .player-hero-icon {
        margin-left: 10px;
        background-position: -120px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.knight {
          background-position: -150px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.librarian {
          background-position: -180px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.ninja {
          background-position: -210px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.potion-master {
          background-position: -240px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.samurai {
          background-position: -270px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.trapper {
          background-position: -300px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.forest-archer {
          background-position: -330px 0; }
        #campaign-view .user-status .user-status-line .player-hero-icon.sorcerer {
          background-position: -360px 0; }
  #campaign-view .campaign-control-button {
    position: absolute;
    right: 1%;
    top: 1%;
    padding: 3px 8px;
    opacity: 0.75;
    filter: alpha(opacity=75); }
    #campaign-view .campaign-control-button:hover {
      opacity: 1;
      filter: alpha(opacity=100); }
    #campaign-view .campaign-control-button .glyphicon {
      font-size: 32px; }
  #campaign-view #volume-button .glyphicon {
    display: none; }
  #campaign-view #volume-button.vol-up .glyphicon.glyphicon-volume-up {
    display: inline-block; }
  #campaign-view #volume-button.vol-off .glyphicon.glyphicon-volume-off {
    display: inline-block;
    opacity: 0.5;
    filter: alpha(opacity=50); }
    #campaign-view #volume-button.vol-off .glyphicon.glyphicon-volume-off:hover {
      opacity: 0.75;
      filter: alpha(opacity=75); }
  #campaign-view #volume-button.vol-down .glyphicon.glyphicon-volume-down {
    display: inline-block; }
  #campaign-view #back-button, #campaign-view #clear-storage-button {
    position: absolute;
    right: 70px;
    right: -webkit-calc(1% + 55px);
    right: calc(1% + 55px); }
  #campaign-view #campaign-status {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    text-align: center;
    color: #e8d957;
    font-size: 28px;
    text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0;
    z-index: 30;
    pointer-events: none; }
    #campaign-view #campaign-status .campaign-status-background {
      background: transparent url(/images/pages/play/campaign-banner.png) no-repeat center center;
      border-radius: 10px;
      padding-top: 30px;
      display: inline-block;
      min-width: 250px;
      height: 106px; }
      #campaign-view #campaign-status .campaign-status-background .campaign-name {
        line-height: 26px; }
      #campaign-view #campaign-status .campaign-status-background .levels-completed {
        font-size: 22px; }
  #campaign-view #teacher-button-container {
    position: absolute;
    right: 1%;
    top: 5%;
    top: -webkit-calc(1% + 50px);
    top: calc(1% + 50px);
    width: 194px;
    margin: 0;
    text-align: center;
    z-index: 30; }
    #campaign-view #teacher-button-container #teacher-button {
      min-width: 90%; }
  #campaign-view .particle-man {
    z-index: 2; }
  #campaign-view .portal {
    position: relative;
    width: 100%;
    height: 100%;
    background: transparent url(/images/pages/play/portal-background.png);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
    #campaign-view .portal .portals {
      height: 760.8px;
      flex-wrap: nowrap;
      display: flex;
      overflow: hidden; }
      #campaign-view .portal .portals .campaign {
        width: 317px;
        height: 634px;
        margin-top: 63.4px;
        background: transparent url(/images/pages/play/portal-campaigns.png) no-repeat 0 0;
        display: inline-block;
        flex-shrink: 0;
        position: relative;
        cursor: pointer;
        -webkit-transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42);
        transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42); }
        #campaign-view .portal .portals .campaign:hover {
          -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
          transform: scale(1.2); }
        #campaign-view .portal .portals .campaign.silhouette {
          -webkit-filter: contrast(50%) brightness(65%);
          -moz-filter: contrast(50%) brightness(65%);
          -o-filter: contrast(50%) brightness(65%);
          filter: contrast(50%) brightness(65%);
          pointer-events: none; }
        #campaign-view .portal .portals .campaign.locked {
          -webkit-filter: contrast(80%) brightness(80%);
          -moz-filter: contrast(80%) brightness(80%);
          -o-filter: contrast(80%) brightness(80%);
          filter: contrast(80%) brightness(80%);
          pointer-events: none; }
        #campaign-view .portal .portals .campaign.forest {
          background-position: -317px 0; }
        #campaign-view .portal .portals .campaign.desert {
          background-position: -634px 0; }
        #campaign-view .portal .portals .campaign.mountain {
          background-position: -951px 0; }
        #campaign-view .portal .portals .campaign.glacier {
          background-position: -1268px 0; }
        #campaign-view .portal .portals .campaign.volcano {
          background-position: -1585px 0; }
        #campaign-view .portal .portals .campaign .campaign-label {
          position: absolute;
          top: 45%;
          width: 100%;
          text-align: center; }
          #campaign-view .portal .portals .campaign .campaign-label .campaign-name, #campaign-view .portal .portals .campaign .campaign-label .levels-completed, #campaign-view .portal .portals .campaign .campaign-label .campaign-locked {
            margin: 0;
            color: white;
            text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0; }
          #campaign-view .portal .portals .campaign .campaign-label .campaign-locked {
            margin: 32px 0; }
          #campaign-view .portal .portals .campaign .campaign-label .campaign-description {
            margin: 0px 40px;
            background: transparent url(/images/level/popover_border_background.png) no-repeat;
            background-size: 100% 100%;
            padding: 12px;
            color: black; }
          #campaign-view .portal .portals .campaign .campaign-label .levels-completed {
            font-size: 22px; }
          #campaign-view .portal .portals .campaign .campaign-label .play-button {
            margin: 15px 0;
            min-width: 100px; }
      #campaign-view .portal .portals .beta-container {
        width: 317px;
        height: 634px;
        display: inline-block;
        flex-shrink: 0;
        position: relative; }
        #campaign-view .portal .portals .beta-container .beta-campaign {
          width: 317px;
          height: 317px;
          display: inline-block;
          flex-shrink: 0;
          position: relative;
          cursor: pointer;
          -webkit-transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42);
          transition: 0.25s cubic-bezier(0.11, 0.67, 0.8, 1.42); }
          #campaign-view .portal .portals .beta-container .beta-campaign:hover {
            -webkit-transform: scale(1.2);
            -ms-transform: scale(1.2);
            transform: scale(1.2); }
          #campaign-view .portal .portals .beta-container .beta-campaign.silhouette {
            -webkit-filter: contrast(50%) brightness(65%);
            -moz-filter: contrast(50%) brightness(65%);
            -o-filter: contrast(50%) brightness(65%);
            filter: contrast(50%) brightness(65%);
            pointer-events: none; }
          #campaign-view .portal .portals .beta-container .beta-campaign.locked {
            -webkit-filter: contrast(80%) brightness(80%);
            -moz-filter: contrast(80%) brightness(80%);
            -o-filter: contrast(80%) brightness(80%);
            filter: contrast(80%) brightness(80%);
            pointer-events: none; }
          #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label {
            position: absolute;
            top: 40%;
            width: 100%;
            text-align: center; }
            #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-name, #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .levels-completed, #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-locked {
              margin: 0;
              color: white;
              text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0; }
            #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-locked {
              margin: 32px 0; }
            #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .campaign-description {
              margin: 0px 40px;
              background: transparent url(/images/level/popover_border_background.png) no-repeat;
              background-size: 100% 100%;
              padding: 12px;
              color: black;
              font-size: 12px; }
            #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .levels-completed {
              font-size: 22px; }
            #campaign-view .portal .portals .beta-container .beta-campaign .campaign-label .play-button {
              margin: 10px 0;
              min-width: 100px;
              color: white; }
          #campaign-view .portal .portals .beta-container .beta-campaign .background-container {
            position: absolute;
            left: 79.25px;
            width: 158.5px;
            height: 317px;
            background: transparent url(/images/pages/play/portal-beta-campaigns.png) no-repeat 0 0;
            background-size: 951px; }
            #campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-web-dev-1 {
              background-position: -151px 0px; }
            #campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-game-dev-1 {
              background-position: -454px 0px; }
            #campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-web-dev-2 {
              background-position: -291px 0px; }
            #campaign-view .portal .portals .beta-container .beta-campaign .background-container.campaign-game-dev-2 {
              background-position: -628px 0px; }
  #campaign-view .small-nav-logo, #campaign-view .picoctf-powered-by {
    position: absolute;
    top: 1%;
    left: 1%;
    height: 60px;
    z-index: 1; }
  #campaign-view .picoctf-logo .small-nav-logo {
    height: 90px; }
  #campaign-view .under-logo {
    position: absolute;
    top: calc(1% + 64px);
    left: 1%;
    z-index: 1;
    width: 193px; }
  #campaign-view .picoctf-powered-by {
    color: #e3ad35;
    top: calc(1% + 90px);
    margin: 10px 10px 10px 15px; }
    #campaign-view .picoctf-powered-by img {
      height: 30px; }
  #campaign-view .code-ninjas-logo {
    top: calc(1% + 5px);
    left: calc(1% + 200px); }
  #campaign-view .codeplay-logo {
    top: calc(1% + 5px);
    left: calc(1% + 5px);
    height: 100px; }
  #campaign-view .ad-container {
    width: 100%;
    height: 90px;
    text-align: center; }
  #campaign-view .gameplay-container {
    position: absolute;
    height: 100%;
    width: 100%; }
  #campaign-view #codeplay-ad {
    position: absolute;
    right: 10px;
    top: 60px;
    height: calc(100% - 160px);
    z-index: 2; }
  #campaign-view #amazon-campaign-container {
    width: 200px;
    position: absolute;
    top: 60px;
    left: 20px;
    z-index: 1;
    cursor: pointer; }
    #campaign-view #amazon-campaign-container #amazon-campaign-logo {
      width: 200px; }
  #campaign-view #game-dev-hoc-license-alert {
    position: absolute;
    z-index: 1;
    bottom: -20px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 5px; }

body.ipad #campaign-view .campaign-switch {
  display: none; }

body[lang='ru'] .portals h2 {
  font-size: 26px; }

#teacher-dashboard-nav {
  vertical-align: middle;
  text-transform: uppercase; }
  #teacher-dashboard-nav .navbar {
    border-radius: 0;
    background: #0E4C60; }
    #teacher-dashboard-nav .navbar .navbar-toggle {
      border-color: white; }
    #teacher-dashboard-nav .navbar .icon-bar {
      background-color: white; }
    #teacher-dashboard-nav .navbar .navbar-brand {
      color: white;
      padding-top: 11px;
      padding-bottom: 11px; }
    #teacher-dashboard-nav .navbar li > a {
      font-family: "Open Sans", sans-serif;
      padding: 13px 12px 21px 12px; }
    #teacher-dashboard-nav .navbar li > a:hover {
      background-color: white; }
      #teacher-dashboard-nav .navbar li > a:hover small {
        color: #0E4C60; }
    #teacher-dashboard-nav .navbar li.active .label {
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 0;
      margin-left: 0.6em;
      margin-right: 0.6em;
      border-bottom: 4px solid white;
      border-radius: 0; }

.site-chrome {
  background-color: white;
  padding-top: 185px;
  max-width: 1920px;
  margin: 0 auto; }
  .site-chrome.show-background {
    background: url(/images/pages/base/background.jpg) top center no-repeat;
    background-color: #96ca44; }
    @media screen and (max-height: 800px) {
      .site-chrome.show-background {
        background-position: center -226px; } }
  @media screen and (max-height: 800px) {
    .site-chrome {
      padding-top: 50px; } }
  .site-chrome #site-nav {
    position: absolute;
    background: url(/images/pages/base/nav_background.png) top center no-repeat;
    left: 0;
    top: 56px;
    right: 0;
    height: 144px;
    text-align: center;
    min-width: 1024px;
    z-index: 1; }
    @media screen and (max-height: 800px) {
      .site-chrome #site-nav {
        top: -80px; } }
    .site-chrome #site-nav #nav-logo {
      position: absolute;
      margin-right: auto;
      margin-left: auto;
      left: 0;
      right: 0;
      top: -45px; }
      @media screen and (max-height: 800px) {
        .site-chrome #site-nav #nav-logo {
          display: none; } }
    .site-chrome #site-nav #small-nav-logo {
      display: none; }
      @media screen and (max-height: 800px) {
        .site-chrome #site-nav #small-nav-logo {
          display: inline-block;
          height: 30px; } }
    .site-chrome #site-nav #site-nav-links {
      position: absolute;
      bottom: 21px;
      left: 0;
      right: 0; }
      .site-chrome #site-nav #site-nav-links > a {
        color: #9e8777; }
        .site-chrome #site-nav #site-nav-links > a:hover {
          color: #fff; }
      .site-chrome #site-nav #site-nav-links > a, .site-chrome #site-nav #site-nav-links button, .site-chrome #site-nav #site-nav-links select {
        font-size: 18px;
        text-transform: uppercase;
        font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0 7px; }
    .site-chrome #site-nav button, .site-chrome #site-nav select {
      position: relative;
      top: -3px;
      height: 32px;
      color: #444; }
    .site-chrome #site-nav .signup-button {
      background: red;
      color: white; }
    .site-chrome #site-nav .login-button {
      background: white;
      color: black; }
    .site-chrome #site-nav .language-dropdown {
      width: auto;
      padding: 0px 10px;
      display: inline-block; }
    .site-chrome #site-nav #site-nav-smooth-edge {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 5px; }
    .site-chrome #site-nav .dropdown .account-settings-image {
      width: 18px; }
    .site-chrome #site-nav .dropdown .dropdown-menu {
      width: 180px;
      padding: 0px;
      border-radius: 0px; }
      .site-chrome #site-nav .dropdown .dropdown-menu .user-dropdown-header {
        background: #E4CF8C;
        height: auto;
        padding: 10px;
        text-align: center;
        color: black;
        border-bottom: #32281e 1px solid; }
        .site-chrome #site-nav .dropdown .dropdown-menu .user-dropdown-header .img-circle {
          background-position: center;
          background-size: cover;
          border: #e3be7a 8px solid;
          width: 98px;
          height: 98px;
          display: inline-block;
          vertical-align: middle; }
          .site-chrome #site-nav .dropdown .dropdown-menu .user-dropdown-header .img-circle:hover {
            box-shadow: 0 0 20px #e3be7a; }
        .site-chrome #site-nav .dropdown .dropdown-menu .user-dropdown-header h3 {
          font-variant: small-caps;
          font-family: Open Sans Condensed;
          margin-top: 10px;
          text-shadow: 2px 2px 3px white;
          color: #31281E; }
        .site-chrome #site-nav .dropdown .dropdown-menu .user-dropdown-header .user-level {
          position: absolute;
          top: 73px;
          right: 40px;
          color: gold;
          text-shadow: 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black; }
      .site-chrome #site-nav .dropdown .dropdown-menu li {
        color: black;
        font-size: 16px; }
      .site-chrome #site-nav .dropdown .dropdown-menu #logout-button {
        font-weight: bold; }
  .site-chrome #site-content-area {
    background: #f0e5c7;
    margin: 0 auto -20px;
    width: 1024px;
    border: 5px solid #6e5829;
    padding: 20px 12px;
    min-height: 300px; }
  .site-chrome #site-footer {
    width: 100%;
    height: 130px;
    position: relative;
    overflow: hidden; }
    .site-chrome #site-footer #footer-background {
      transform: rotate(180deg);
      margin: 0 auto;
      display: block; }
    .site-chrome #site-footer #footer-links, .site-chrome #site-footer #footer-credits {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center; }
    .site-chrome #site-footer #footer-links {
      top: 20px;
      height: 45px;
      padding: 11px; }
      .site-chrome #site-footer #footer-links a {
        color: #9e8777;
        font-size: 18px;
        text-transform: uppercase;
        font-family: Open Sans Condensed;
        margin: 0 7px; }
        .site-chrome #site-footer #footer-links a:hover {
          color: #fff; }
      .site-chrome #site-footer #footer-links .share-buttons {
        display: inline-block;
        position: relative;
        top: 3px;
        margin-left: 20px; }
      .site-chrome #site-footer #footer-links .share-buttons, .site-chrome #site-footer #footer-links .partner-badges {
        padding-bottom: 10px;
        text-align: center;
        opacity: 0.75;
        filter: alpha(opacity=75); }
        .site-chrome #site-footer #footer-links .share-buttons.fade-in, .site-chrome #site-footer #footer-links .partner-badges.fade-in {
          opacity: 0;
          filter: alpha(opacity=0); }
        .site-chrome #site-footer #footer-links .share-buttons:hover, .site-chrome #site-footer #footer-links .share-buttons:active, .site-chrome #site-footer #footer-links .partner-badges:hover, .site-chrome #site-footer #footer-links .partner-badges:active {
          opacity: 1;
          filter: alpha(opacity=100);
          -webkit-transition: opacity 0.1s linear;
          transition: opacity 0.1s linear; }
        .site-chrome #site-footer #footer-links .share-buttons .github-star-button, .site-chrome #site-footer #footer-links .partner-badges .github-star-button {
          margin-left: 20px; }
        .site-chrome #site-footer #footer-links .share-buttons > div, .site-chrome #site-footer #footer-links .partner-badges > div {
          display: inline-block;
          vertical-align: top; }
    .site-chrome #site-footer #footer-credits {
      top: 79px;
      height: 50px;
      color: #9e8777;
      font-size: 12px; }
      .site-chrome #site-footer #footer-credits > * {
        margin: 0 15px;
        width: 186px;
        display: inline-block; }
      .site-chrome #site-footer #footer-credits #footer-logo {
        width: 160px; }
      .site-chrome #site-footer #footer-credits > span {
        position: relative;
        top: 8px; }
      .site-chrome #site-footer #footer-credits a {
        color: #eee383; }

.contribute_class #homepage_screenshot {
  margin: 20px 0px; }

.contribute_class .class_detail {
  float: left; }
  .contribute_class .class_detail img {
    width: 360px; }

.contribute_class .signature {
  text-align: right; }

.contribute_class a {
  cursor: pointer; }

.contribute_class .class_image {
  float: left;
  width: 150px;
  margin: 10px 10px 20px 20px; }

.contribute_class .class-main {
  margin-left: 33%;
  padding: 0px 40px 40px 40px;
  box-sizing: border-box; }
  .contribute_class .class-main .header-scrolling-fix {
    padding-top: 65px;
    margin-top: -50px; }
  .contribute_class .class-main .well {
    padding: 5px 5px 5px 30px; }
  .contribute_class .class-main .saved-notification {
    display: none;
    float: right; }

.contribute_class .thumbnail {
  background-color: transparent;
  height: 176px; }
  .contribute_class .thumbnail:hover {
    background-color: rgba(200, 244, 255, 0.2); }
  .contribute_class .thumbnail a:not(.has-github) {
    cursor: default;
    text-decoration: none; }
  .contribute_class .thumbnail img {
    max-width: 100px;
    max-height: 100px; }
  .contribute_class .thumbnail .caption {
    background-color: transparent; }
    .contribute_class .thumbnail .caption h4 {
      text-align: center; }

.thang-component-config-view .panel-body {
  padding: 0; }
  .thang-component-config-view .panel-body .treema-root {
    border: 0;
    padding: 0 5px; }

.thang-component-config-view .is-default-component {
  background-color: lightgray; }

.delta-view .panel-heading {
  font-size: 13px;
  padding: 0 4px; }

.delta-view .row {
  padding: 5px 10px; }

.delta-view .delta-added {
  border-color: green; }
  .delta-view .delta-added > .panel-heading {
    background-color: #e6ffe6; }
    .delta-view .delta-added > .panel-heading strong {
      color: green; }

.delta-view .delta-modified {
  border-color: darkgoldenrod; }
  .delta-view .delta-modified > .panel-heading {
    background-color: #f9dc96; }
    .delta-view .delta-modified > .panel-heading strong {
      color: darkgoldenrod; }

.delta-view .delta-text-diff {
  border-color: blue; }
  .delta-view .delta-text-diff > .panel-heading {
    background-color: #e6e6ff; }
    .delta-view .delta-text-diff > .panel-heading strong {
      color: blue; }
  .delta-view .delta-text-diff table {
    width: 100%; }

.delta-view .delta-deleted {
  border-color: red; }
  .delta-view .delta-deleted > .panel-heading {
    background-color: #ffd6d6; }
    .delta-view .delta-deleted > .panel-heading strong {
      color: red; }

.delta-view .delta-moved-index {
  border-color: darkslategray; }
  .delta-view .delta-moved-index > .panel-heading {
    background-color: #cee2e2; }
    .delta-view .delta-moved-index > .panel-heading strong {
      color: darkslategray; }

.editor {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }
  .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
  .editor .dropdown-menu {
    position: absolute;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    left: 0px;
    right: auto; }
    .editor .dropdown-menu li a {
      color: #555;
      padding: 3px 20px; }
  .editor .navbar-nav {
    float: left;
    margin: 0; }
    .editor .navbar-nav > li {
      float: left; }
  .editor li.navbar-btn {
    margin-right: 5px; }
  .editor .navbar-nav > li > a {
    padding: 7px 8px 8px;
    cursor: pointer; }
    .editor .navbar-nav > li > a:hover {
      background-color: #4f4030; }
  .editor .navbar {
    min-height: 0px;
    border-radius: 0; }
  .editor .navbar-right {
    margin-right: 10px !important;
    float: right; }
    .editor .navbar-right .dropdown-menu {
      right: 0px;
      left: auto; }
  .editor .navbar-brand {
    padding-top: 7px;
    padding-bottom: 7px;
    color: #ffef99; }
  .editor .navbar-header {
    border-left: 2px solid #6e5944;
    border-right: 2px solid #6e5944;
    background: #4f4030;
    margin-left: 20px;
    float: left; }
  .editor .nav-tabs {
    margin-left: 5px;
    border-bottom: 0 !important; }
    .editor .nav-tabs li {
      float: left;
      display: block; }
    @media only screen and (max-width: 800px) {
      .editor .nav-tabs li {
        float: none;
        display: none;
        z-index: 12; }
        .editor .nav-tabs li a {
          background-color: #e4cf8c;
          border-color: #5c4b15;
          border-width: 0px 1px;
          border-radius: 0px; }
      .editor .nav-tabs li:first-child > a {
        border-radius: 5px 5px 0px 0px;
        border-top-width: 1px; }
      .editor .nav-tabs li:last-child > a {
        border-radius: 0px 0px 5px 5px;
        border-bottom-width: 1px; }
      .editor .nav-tabs li.active {
        display: block; } }
    .editor .nav-tabs .active > a, .editor .nav-tabs .active > a:hover, .editor .nav-tabs .active > a:focus {
      background-color: #e4cf8c !important;
      border-color: #5c4b15;
      border-bottom: 0; }
    .editor .nav-tabs a {
      padding: 7px 5px !important; }
  .editor .dropdown-menu a {
    cursor: pointer; }
    .editor .dropdown-menu a:hover {
      background-color: #d3d3d3; }
  .editor .badge {
    background-color: green; }
  .editor .outer-content {
    background-color: #e4cf8c;
    position: absolute;
    top: 35px;
    bottom: 0;
    left: 0;
    right: 0; }
  .editor .top-controls-area {
    position: fixed;
    background-color: #e4cf8c;
    z-index: 100;
    left: 20px;
    right: 20px;
    margin-top: -10px;
    padding-top: 10px; }
  .editor #level-editor-tabs, .editor#thang-type-edit-view .tab-content {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px; }
  .editor .treema-root {
    background-color: white;
    border-radius: 4px; }
    .editor .treema-root:focus {
      box-shadow: 0 0 10px blue; }
  .editor .editor-nano-container {
    position: static; }
  .editor .nano-content {
    outline: thin; }

.patches-view .status-buttons {
  margin-bottom: 10px; }

.patches-view .patch-row {
  cursor: pointer; }

.form-inline .help-inline, .navbar-form .help-inline {
  font-size: 12px; }

.i18n-edit-model-view .missing-identifier {
  border: 2px dashed red;
  font-size: 1.2em; }

.i18n-edit-model-view #patch-submit {
  margin-top: 5px; }

.i18n-edit-model-view .translation-table td {
  width: 40%; }

.i18n-edit-model-view .outer-content {
  padding: 10px;
  overflow-y: scroll; }

.i18n-edit-model-view select {
  margin-bottom: 10px; }

.i18n-edit-model-view td.accepted {
  background: lightgreen; }

.i18n-edit-model-view td.rejected, .i18n-edit-model-view td.withdrawn {
  background: pink; }

.i18n-edit-model-view td.pending {
  background: lightyellow; }

.search-view a.open-modal-button {
  float: right; }

.search-view input#search {
  width: 190px;
  height: 30px;
  padding-left: 5px; }

.search-view table.table {
  background-color: white; }
  .search-view table.table .body-row, .search-view table.table .name-row, .search-view table.table .description-row, .search-view table.table .small-name-row, .search-view table.table .watch-row {
    max-width: 600px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .search-view table.table .name-row {
    max-width: 300px; }
  .search-view table.table .description-row {
    max-width: 520px; }
  .search-view table.table .small-name-row {
    max-width: 200px; }
  .search-view table.table .watch-row {
    max-width: 80px;
    text-align: center; }
    .search-view table.table .watch-row.watching {
      opacity: 1.0; }
    .search-view table.table .watch-row.not-watching {
      opacity: 0.5; }
  .search-view table.table tr.mine {
    background-color: #f8ecaa; }

.search-view .loading {
  text-align: center; }

.search-view .progress {
  margin: 0 20%;
  width: 60%; }

.search-view .progress-bar {
  width: 100%; }

.ladder-submission-view button {
  text-shadow: 0px -1px 0px black; }

.ladder-submission-view .last-submitted, .ladder-submission-view .help-simulate {
  font-size: 14px;
  font-weight: normal; }

.ladder-submission-view .last-submitted {
  float: left; }

.ladder-submission-view .help-simulate {
  float: right; }

.hints-view {
  position: relative;
  width: 500px;
  padding: 10px 20px;
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill round;
  border-width: 16px 12px;
  -webkit-box-shadow: 0 0 0 #000;
  box-shadow: 0 0 0 #000;
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  -o-user-select: initial;
  user-select: initial; }
  .hints-view .close-hint-btn {
    position: absolute;
    right: 5px;
    top: 5px; }
    .hints-view .close-hint-btn .glyphicon-remove {
      position: relative;
      top: 4px; }
  .hints-view h1 {
    margin-bottom: 30px; }
  .hints-view .btn-area {
    margin-top: 5px; }
  .hints-view .hint-title {
    font-size: 18px;
    text-transform: uppercase; }
  .hints-view .hint-body {
    height: 80%;
    overflow-y: auto; }
    .hints-view .hint-body img {
      width: 100%; }
  .hints-view .hint-pagination {
    font-size: 18px;
    margin-top: 0px;
    text-transform: uppercase; }
  .hints-view pre {
    box-sizing: content-box;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; }
    .hints-view pre .ace_content .ace_marker-layer .ace_bracket {
      display: none; }
    .hints-view pre .ace_content .ace_marker-layer .ace_selection {
      display: none; }
    .hints-view pre .ace_content .ace_cursor-layer .ace_cursor {
      display: none; }

.thang-avatar-view.selected .thang-avatar-wrapper {
  -webkit-box-shadow: 0px 0px 10px #4f4fd5;
  box-shadow: 0px 0px 10px #4f4fd5; }

.thang-avatar-view .thang-avatar-wrapper {
  width: 100%;
  position: relative;
  background-color: #4f4f4f;
  background-image: -webkit-linear-gradient(top, #bdbdbd 0%, #4f4f4f 100%);
  background-image: linear-gradient(to bottom, #bdbdbd 0%, #4f4f4f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBDBDBD', endColorstr='#FF4F4F4F', GradientType=0);
  background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#bdbdbd 20%), to(#4f4f4f 70%));
  background-image: -webkit-radial-gradient(circle, #bdbdbd 20%, #4f4f4f 70%);
  background-image: -moz-radial-gradient(circle, #bdbdbd 20%, #4f4f4f 70%);
  background-image: -o-radial-gradient(circle, #bdbdbd 20%, #4f4f4f 70%);
  background-image: radial-gradient(circle, #bdbdbd 20%, #4f4f4f 70%);
  background-repeat: no-repeat; }
  .thang-avatar-view .thang-avatar-wrapper.team-humans {
    border-color: darkred;
    background-color: #e62b1e;
    background-image: -webkit-linear-gradient(top, #f28f88 0%, #e62b1e 100%);
    background-image: linear-gradient(to bottom, #f28f88 0%, #e62b1e 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF28F88', endColorstr='#FFE62B1E', GradientType=0);
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#f28f88 20%), to(#e62b1e 70%));
    background-image: -webkit-radial-gradient(circle, #f28f88 20%, #e62b1e 70%);
    background-image: -moz-radial-gradient(circle, #f28f88 20%, #e62b1e 70%);
    background-image: -o-radial-gradient(circle, #f28f88 20%, #e62b1e 70%);
    background-image: radial-gradient(circle, #f28f88 20%, #e62b1e 70%);
    background-repeat: no-repeat; }
  .thang-avatar-view .thang-avatar-wrapper.team-ogres {
    border-color: darkblue;
    background-color: #005c9e;
    background-image: -webkit-linear-gradient(top, #7ac8ff 0%, #005c9e 100%);
    background-image: linear-gradient(to bottom, #7ac8ff 0%, #005c9e 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7AC8FF', endColorstr='#FF005C9E', GradientType=0);
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#7ac8ff 20%), to(#005c9e 70%));
    background-image: -webkit-radial-gradient(circle, #7ac8ff 20%, #005c9e 70%);
    background-image: -moz-radial-gradient(circle, #7ac8ff 20%, #005c9e 70%);
    background-image: -o-radial-gradient(circle, #7ac8ff 20%, #005c9e 70%);
    background-image: radial-gradient(circle, #7ac8ff 20%, #005c9e 70%);
    background-repeat: no-repeat; }
  .thang-avatar-view .thang-avatar-wrapper.team-allies, .thang-avatar-view .thang-avatar-wrapper.team-minions {
    border-color: darkgreen;
    background-color: #188e10;
    background-image: -webkit-linear-gradient(top, #8ff288 0%, #188e10 100%);
    background-image: linear-gradient(to bottom, #8ff288 0%, #188e10 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8FF288', endColorstr='#FF188E10', GradientType=0);
    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#8ff288 20%), to(#188e10 70%));
    background-image: -webkit-radial-gradient(circle, #8ff288 20%, #188e10 70%);
    background-image: -moz-radial-gradient(circle, #8ff288 20%, #188e10 70%);
    background-image: -o-radial-gradient(circle, #8ff288 20%, #188e10 70%);
    background-image: radial-gradient(circle, #8ff288 20%, #188e10 70%);
    background-repeat: no-repeat; }
  .thang-avatar-view .thang-avatar-wrapper .avatar {
    width: 100%; }
  .thang-avatar-view .thang-avatar-wrapper .avatar-frame {
    position: absolute;
    left: -18%;
    top: -19%;
    width: 145%; }
  .thang-avatar-view .thang-avatar-wrapper .badge {
    position: absolute;
    top: -4px;
    width: 16px;
    height: 16px;
    text-align: center;
    padding: 0;
    color: white;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    border: 1px solid gray;
    border-radius: 16px;
    background-color: #aaa; }
    .thang-avatar-view .thang-avatar-wrapper .badge.problems {
      left: -4px; }
      .thang-avatar-view .thang-avatar-wrapper .badge.problems.error {
        background-color: red; }
      .thang-avatar-view .thang-avatar-wrapper .badge.problems.warning {
        background-color: #f89406; }
      .thang-avatar-view .thang-avatar-wrapper .badge.problems.info {
        background-color: #3a87ad; }
    .thang-avatar-view .thang-avatar-wrapper .badge.shared-thangs {
      background-color: blue;
      right: -4px; }

.thang-avatar-view .thang-name {
  font-variant: small-caps;
  text-align: center;
  color: #ca8;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px;
  white-space: nowrap; }

.spell-debug-view {
  position: absolute;
  z-index: 9001;
  min-width: 250px;
  max-width: 400px;
  padding: 10px;
  border-style: solid;
  border-image: url(/images/level/popover_border_background.png) 16 12 fill round;
  border-width: 8px 6px; }
  .spell-debug-view .progress {
    position: relative; }
    .spell-debug-view .progress span {
      position: absolute;
      display: block;
      color: black;
      width: 100%; }

html.no-borderimage .spell-debug-view {
  background: transparent url(/images/level/popover_background.png);
  background-size: 100% 100%;
  border: 0; }

.spell-toolbar-view {
  position: relative;
  box-sizing: border-box;
  margin: 4px 1%;
  height: 45px;
  width: 97%;
  z-index: 4; }
  .spell-toolbar-view .flow:hover .spell-progress {
    opacity: 1; }
  .spell-toolbar-view .flow .spell-progress {
    position: absolute;
    height: 100%;
    top: -50px;
    width: 65%;
    width: -webkit-calc(85% - 60px);
    width: calc(85% - 60px);
    left: 10%;
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    opacity: 0.25; }
    .spell-toolbar-view .flow .spell-progress .progress {
      position: absolute;
      left: 0px;
      top: 17.5px;
      bottom: 0px;
      width: 100%;
      height: 4px;
      overflow: visible;
      pointer-events: none; }
      .spell-toolbar-view .flow .spell-progress .progress .progress-bar {
        -webkit-transition: width 0s linear;
        transition: width 0s linear;
        position: relative;
        pointer-events: none;
        background: linear-gradient(#2c3e5f, #2c3e5f 16%, #3a537f 16%, #3a537f 83%, #2c3e5f 84%, #2c3e5f);
        width: 50%;
        pointer-events: none; }
        .spell-toolbar-view .flow .spell-progress .progress .progress-bar .scrubber-handle {
          position: absolute;
          pointer-events: none;
          right: -5px;
          top: -17.5px;
          background: linear-gradient(#2c3e5f, #2c3e5f 16%, #3a537f 16%, #3a537f 83%, #2c3e5f 84%, #2c3e5f);
          width: 14px;
          height: 40px;
          border-radius: 3px;
          box-sizing: border-box;
          border: 1px solid black;
          box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
  .spell-toolbar-view .flow:hover .steppers {
    opacity: 1; }
  .spell-toolbar-view .flow .steppers {
    position: absolute;
    z-index: 2;
    width: 60px;
    top: -50px;
    right: 2%;
    box-sizing: border-box;
    opacity: 0.25; }
    .spell-toolbar-view .flow .steppers button {
      box-sizing: border-box;
      height: 40px;
      width: 30px;
      padding: 2px; }
  .spell-toolbar-view .flow .metrics {
    display: none;
    top: 0px;
    position: absolute;
    z-index: 10;
    pointer-events: none;
    border-style: solid;
    border-image: url(/images/level/popover_border_background.png) 16 12 fill round;
    padding: 0;
    border-width: 16px 12px;
    font-variant: small-caps;
    text-overflow: ellipsis;
    font-size: 13px;
    white-space: nowrap; }

html.no-borderimage .spell-toolbar-view .metrics {
  top: 30px;
  border: 0;
  background: transparent url(/images/level/popover_background.png);
  background-size: 100% 100%;
  padding: 10px 20px; }

.spell-translation-view {
  position: absolute;
  z-index: 9001;
  max-width: 400px; }
  .spell-translation-view pre {
    margin-bottom: 0; }
    .spell-translation-view pre code {
      white-space: nowrap; }

html.no-borderimage .spell-translation-view {
  background: transparent url(/images/level/popover_background.png);
  background-size: 100% 100%;
  border: 0; }

.item-mixin, .item-view {
  width: 100%; }
  .item-mixin img, .item-view img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 5px; }
  .item-mixin .item-info, .item-view .item-info {
    float: left;
    width: 110px;
    width: -webkit-calc(100% - 50px - 5px);
    width: calc(100% - 50px - 5px); }
  .item-mixin ul, .item-view ul {
    margin-top: 5px; }
  .item-mixin .status-message span, .item-view .status-message span {
    display: none; }

.leaderboard-tab-view h1 {
  margin-top: -40px;
  color: #febc44;
  font-size: 30px;
  text-shadow: black 2px 2px 0, black -2px -2px 0, black 2px -2px 0, black -2px 2px 0, black 2px 0px 0, black 0px -2px 0, black -2px 0px 0, black 0px 2px 0; }

.leaderboard-tab-view table td {
  padding: 1px 2px;
  font-size: 16px;
  text-align: center; }

.leaderboard-tab-view table th {
  text-align: center; }

.leaderboard-tab-view table tbody tr.viewable {
  cursor: pointer; }

.leaderboard-tab-view table tbody .rank-cell {
  font-weight: bold; }

.leaderboard-tab-view table tbody .name-col-cell {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.leaderboard-tab-view table tbody .hero-portrait-cell, .leaderboard-tab-view table tbody .code-language-cell {
  background: transparent url(/images/common/code_languages/javascript_small.png) no-repeat center center;
  background-size: 30px 30px;
  height: 30px;
  width: 32px; }

body[lang='ru'] h1, body[lang='ru'] .text-h1, body[lang='ru'] h3, body[lang='ru'] .text-h3, body[lang='ru'] h5, body[lang='ru'] .text-h5, body[lang='uk'] h1, body[lang='uk'] .text-h1, body[lang='uk'] h3, body[lang='uk'] .text-h3, body[lang='uk'] h5, body[lang='uk'] .text-h5, body[lang='bg'] h1, body[lang='bg'] .text-h1, body[lang='bg'] h3, body[lang='bg'] .text-h3, body[lang='bg'] h5, body[lang='bg'] .text-h5, body[lang^='mk'] h1, body[lang^='mk'] .text-h1, body[lang^='mk'] h3, body[lang^='mk'] .text-h3, body[lang^='mk'] h5, body[lang^='mk'] .text-h5, body[lang='sr'] h1, body[lang='sr'] .text-h1, body[lang='sr'] h3, body[lang='sr'] .text-h3, body[lang='sr'] h5, body[lang='sr'] .text-h5, body[lang='pl'] h1, body[lang='pl'] .text-h1, body[lang='pl'] h3, body[lang='pl'] .text-h3, body[lang='pl'] h5, body[lang='pl'] .text-h5, body[lang='lt'] h1, body[lang='lt'] .text-h1, body[lang='lt'] h3, body[lang='lt'] .text-h3, body[lang='lt'] h5, body[lang='lt'] .text-h5, body[lang='sl'] h1, body[lang='sl'] .text-h1, body[lang='sl'] h3, body[lang='sl'] .text-h3, body[lang='sl'] h5, body[lang='sl'] .text-h5, body[lang='tr'] h1, body[lang='tr'] .text-h1, body[lang='tr'] h3, body[lang='tr'] .text-h3, body[lang='tr'] h5, body[lang='tr'] .text-h5, body[lang='vi'] h1, body[lang='vi'] .text-h1, body[lang='vi'] h3, body[lang='vi'] .text-h3, body[lang='vi'] h5, body[lang='vi'] .text-h5 {
  font-family: 'Open Sans', serif; }

.style-flat {
  background: white;
  color: black;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  line-height: 29px; }
  .style-flat h1, .style-flat h2, .style-flat h3, .style-flat h4, .style-flat h5, .style-flat h6, .style-flat .text-h1, .style-flat .text-h2, .style-flat .text-h3, .style-flat .text-h4, .style-flat .text-h5, .style-flat .text-h6 {
    font-variant: normal;
    color: black;
    margin: 0; }
  .style-flat h1, .style-flat .text-h1 {
    font-family: "Arvo", serif;
    font-weight: normal;
    font-size: 46px;
    line-height: 62px; }
  .style-flat h2, .style-flat .text-h2 {
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    font-size: 30px;
    line-height: 42px; }
  .style-flat h3, .style-flat .text-h3 {
    font-family: "Arvo", serif;
    font-weight: normal;
    font-size: 33px;
    line-height: 45px; }
  .style-flat h4, .style-flat .text-h4 {
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    font-size: 22px;
    line-height: 32px; }
  .style-flat h5, .style-flat .text-h5 {
    font-family: "Arvo", serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 31px; }
  .style-flat h6, .style-flat .text-h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px; }
  .style-flat p {
    color: black;
    margin: 0 0 14px; }
  .style-flat .small {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px; }
  .style-flat .semibold, .style-flat .student-name {
    font-weight: 600; }
  .style-flat .small-details {
    font: "Arvo", serif;
    font-size: 15px;
    line-height: 26px; }
  .style-flat blockquote {
    border: none; }
    .style-flat blockquote:before {
      font-family: "Monaco";
      content: "\201C";
      position: absolute;
      left: 0px;
      top: 20px;
      font-size: 40px;
      opacity: 0.5; }
  .style-flat hr {
    border-top: 1px solid gray; }
  .style-flat #main-nav.navbar {
    background: white;
    margin-bottom: 0;
    white-space: nowrap; }
    .style-flat #main-nav.navbar a.navbar-brand {
      color: #7D0101; }
      .style-flat #main-nav.navbar a.navbar-brand #logo-img {
        width: 230px;
        height: 65px;
        margin-right: 10px; }
        .style-flat #main-nav.navbar a.navbar-brand #logo-img.code-ninjas-powered-by {
          width: 150px;
          height: auto;
          margin-top: -10px; }
      .style-flat #main-nav.navbar a.navbar-brand .code-ninjas-logo {
        width: 150px;
        margin-right: 10px;
        margin-top: 6px;
        margin-bottom: 10px; }
      .style-flat #main-nav.navbar a.navbar-brand:hover {
        color: white;
        background: #7D0101; }
      .style-flat #main-nav.navbar a.navbar-brand .glyphicon-home {
        position: relative;
        top: 3px; }
    .style-flat #main-nav.navbar .navbar-toggle {
      color: black;
      margin: 30px 25px 0;
      border-color: #0E4C60; }
      .style-flat #main-nav.navbar .navbar-toggle .icon-bar {
        background-color: #0E4C60; }
    @media (min-width: 992px) {
      .style-flat #main-nav.navbar #navbar-collapse {
        float: right; } }
    .style-flat #main-nav.navbar #navbar-collapse {
      max-height: none; }
    .style-flat #main-nav.navbar .nav > li > a {
      font-weight: bold;
      font-family: "Open Sans", sans-serif;
      font-size: 16px;
      line-height: 31px;
      padding: 32px 15px 0;
      height: 95px;
      color: #7D0101;
      text-shadow: 0 0 0; }
      .style-flat #main-nav.navbar .nav > li > a:hover {
        background: #7D0101;
        color: white; }
    .style-flat #main-nav.navbar .nav > li.disabled > a {
      color: black; }
      .style-flat #main-nav.navbar .nav > li.disabled > a:hover {
        background: white;
        color: black;
        cursor: default; }
    .style-flat #main-nav.navbar #language-dropdown-wrapper {
      display: inline-block;
      padding: 30px 10px;
      width: 100%; }
    @media (max-width: 992px) {
      .style-flat #main-nav.navbar .nav > li > a {
        padding: 10px 20px;
        height: 45px; }
      .style-flat #main-nav.navbar #language-dropdown-wrapper {
        display: inline-block;
        padding: 10px 10px; }
        .style-flat #main-nav.navbar #language-dropdown-wrapper .language-dropdown {
          width: 150px; } }
    .style-flat #main-nav.navbar .img-circle {
      border: #F2BE19 8px solid;
      width: 98px;
      height: 98px; }
    .style-flat #main-nav.navbar .img-circle-small {
      border: #F2BE19 3px solid;
      width: 33px;
      height: 33px; }
    .style-flat #main-nav.navbar .border-burgundy {
      border-color: #7D0101; }
    .style-flat #main-nav.navbar .border-navy {
      border-color: #0E4C60; }
    .style-flat #main-nav.navbar .user-level {
      position: absolute;
      top: 76px;
      right: 42px;
      color: #F2BE19;
      text-shadow: 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black; }
  .style-flat .well {
    padding: 8px;
    background-color: transparent;
    border: thin solid lightgray;
    border-radius: 0; }
  .style-flat .btn {
    border: none;
    border-radius: 5px;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    background-image: none; }
    .style-flat .btn .disabled {
      opacity: 50%; }
  .style-flat .btn + .btn {
    margin-left: 12px; }
  .style-flat .btn-primary, .style-flat .btn-navy {
    background-color: #0E4C60;
    color: white; }
  .style-flat .btn-primary-alt, .style-flat .btn-navy-alt {
    background-color: white;
    border: 1px solid #0E4C60;
    color: #0E4C60; }
  .style-flat .btn-forest {
    background-color: #20572B;
    color: white; }
  .style-flat .btn-forest-alt {
    background-color: white;
    border: 1px solid #20572B;
    color: #20572B; }
  .style-flat .btn-gold {
    background-color: #F2BE19;
    color: white; }
  .style-flat .btn-gold-alt {
    background-color: white;
    border: 1px solid #F2BE19;
    color: #F2BE19; }
  .style-flat .btn-purple {
    background-color: #9760B3;
    color: white; }
  .style-flat .btn-gold-alt {
    background-color: white;
    border: 1px solid #9760B3;
    color: #9760B3; }
  .style-flat .btn-burgundy {
    background-color: #7D0101;
    color: white; }
  .style-flat .btn-burgundy-alt {
    background-color: white;
    border: 1px solid #7D0101;
    color: #7D0101; }
  .style-flat .btn-gray {
    background-color: #999;
    color: white; }
  .style-flat .btn-gray-alt {
    background-color: white;
    border: 1px solid #999;
    color: #999; }
  .style-flat .btn-lg, .style-flat .btn-group-lg > .btn {
    font-size: 18px; }
  .style-flat .btn-gplus {
    color: white;
    background-color: #DD4B39; }
    .style-flat .btn-gplus img {
      height: 22px; }
  .style-flat .btn-facebook {
    color: white;
    background-color: #3B5998; }
    .style-flat .btn-facebook img {
      height: 22px; }
  .style-flat select {
    height: 33px;
    background-color: white;
    border: 1px solid #0E4C60;
    color: #0E4C60; }
  .style-flat .tooltip.in {
    opacity: 1; }
  .style-flat .tooltip .tooltip-arrow::after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; }
  .style-flat .tooltip.top .tooltip-arrow {
    margin-left: -10px;
    border-width: 5px 10px 0;
    border-top-color: #333; }
    .style-flat .tooltip.top .tooltip-arrow::after {
      top: -6px;
      left: 50%;
      margin-left: -10px;
      border-width: 5px 10px 0;
      border-top-color: white; }
  .style-flat .tooltip.right .tooltip-arrow {
    border-right-color: #333;
    border-width: 5px 6px 5px 0; }
    .style-flat .tooltip.right .tooltip-arrow::after {
      top: 50%;
      left: 1px;
      margin-top: -5px;
      border-width: 5px 6px 5px 0;
      border-right-color: white; }
  .style-flat .tooltip.left .tooltip-arrow {
    border-right-color: #333;
    border-width: 5px 0 5px 6px; }
    .style-flat .tooltip.left .tooltip-arrow::after {
      top: 50%;
      right: 1px;
      margin-top: -5px;
      border-width: 5px 0 5px 6px;
      border-left-color: white; }
  .style-flat .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #333;
    margin-left: -10px;
    border-width: 0 10px 5px; }
    .style-flat .tooltip.bottom .tooltip-arrow::after {
      top: 1px;
      left: 50%;
      margin-left: -10px;
      border-width: 0 10px 5px;
      border-bottom-color: white; }
  .style-flat .tooltip-inner {
    padding: 10px 20px;
    border: 1px solid #333;
    color: black;
    background: white;
    border-radius: 20px;
    min-width: 150px;
    max-width: 600px; }
  .style-flat .checkbox-flat {
    position: relative;
    background: white;
    border: thin solid #979797;
    width: 20px;
    height: 20px; }
    .style-flat .checkbox-flat input {
      visibility: hidden; }
    .style-flat .checkbox-flat label {
      position: absolute;
      width: 18px;
      height: 18px;
      left: 1px;
      top: 1px; }
    .style-flat .checkbox-flat label:after {
      opacity: 0;
      content: '';
      position: absolute;
      width: 14px;
      height: 7px;
      background: transparent;
      top: 3px;
      left: 1px;
      border: 2px solid black;
      border-top: none;
      border-right: none;
      transform: rotate(-45deg); }
    .style-flat .checkbox-flat label:hover::after {
      opacity: 0.3; }
    .style-flat .checkbox-flat input:checked + label:after {
      opacity: 1; }
  .style-flat .text-navy {
    color: #0E4C60; }
  .style-flat .text-burgundy {
    color: #7D0101; }
  .style-flat .text-forest {
    color: #20572B; }
  .style-flat .text-gold {
    color: #F2BE19; }
  .style-flat .text-gray {
    color: #999; }
  .style-flat .bg-navy {
    background-color: #0E4C60;
    color: white; }
    .style-flat .bg-navy h1, .style-flat .bg-navy h2, .style-flat .bg-navy h3, .style-flat .bg-navy h4, .style-flat .bg-navy h5, .style-flat .bg-navy h6, .style-flat .bg-navy a {
      color: white; }
    .style-flat .bg-navy a.btn-primary-alt, .style-flat .bg-navy a.btn-navy-alt {
      color: #0E4C60; }
  .style-flat .bg-forest {
    background-color: #20572B;
    color: white; }
    .style-flat .bg-forest h1, .style-flat .bg-forest h2, .style-flat .bg-forest h3, .style-flat .bg-forest h4, .style-flat .bg-forest h5, .style-flat .bg-forest h6, .style-flat .bg-forest a {
      color: white; }
    .style-flat .bg-forest a.btn-primary-alt, .style-flat .bg-forest a.btn-forest-alt {
      color: #20572B; }
  .style-flat .m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important; }
  .style-flat .m-a-0 {
    margin: 0 0 !important; }
  .style-flat .m-t-0 {
    margin-top: 0 !important; }
  .style-flat .m-r-0 {
    margin-right: 0 !important; }
  .style-flat .m-b-0 {
    margin-bottom: 0 !important; }
  .style-flat .m-l-0 {
    margin-left: 0 !important; }
  .style-flat .m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .style-flat .m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .style-flat .m-a-1 {
    margin: 1rem 1rem !important; }
  .style-flat .m-t-1 {
    margin-top: 1rem !important; }
  .style-flat .m-r-1 {
    margin-right: 1rem !important; }
  .style-flat .m-b-1 {
    margin-bottom: 1rem !important; }
  .style-flat .m-l-1 {
    margin-left: 1rem !important; }
  .style-flat .m-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important; }
  .style-flat .m-y-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important; }
  .style-flat .m-a-2 {
    margin: 1.5rem 1.5rem !important; }
  .style-flat .m-t-2 {
    margin-top: 1.5rem !important; }
  .style-flat .m-r-2 {
    margin-right: 1.5rem !important; }
  .style-flat .m-b-2 {
    margin-bottom: 1.5rem !important; }
  .style-flat .m-l-2 {
    margin-left: 1.5rem !important; }
  .style-flat .m-x-2 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important; }
  .style-flat .m-y-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important; }
  .style-flat .m-a-3 {
    margin: 3rem 3rem !important; }
  .style-flat .m-t-3 {
    margin-top: 3rem !important; }
  .style-flat .m-r-3 {
    margin-right: 3rem !important; }
  .style-flat .m-b-3 {
    margin-bottom: 3rem !important; }
  .style-flat .m-l-3 {
    margin-left: 3rem !important; }
  .style-flat .m-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important; }
  .style-flat .m-y-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important; }
  .style-flat .m-a-4 {
    margin: 4rem 4rem !important; }
  .style-flat .m-t-4 {
    margin-top: 4rem !important; }
  .style-flat .m-r-4 {
    margin-right: 4rem !important; }
  .style-flat .m-b-4 {
    margin-bottom: 4rem !important; }
  .style-flat .m-l-4 {
    margin-left: 4rem !important; }
  .style-flat .m-x-4 {
    margin-right: 4rem !important;
    margin-left: 4rem !important; }
  .style-flat .m-y-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important; }
  .style-flat .m-a-5 {
    margin: 5rem 5rem !important; }
  .style-flat .m-t-5 {
    margin-top: 5rem !important; }
  .style-flat .m-r-5 {
    margin-right: 5rem !important; }
  .style-flat .m-b-5 {
    margin-bottom: 5rem !important; }
  .style-flat .m-l-5 {
    margin-left: 5rem !important; }
  .style-flat .m-x-5 {
    margin-right: 5rem !important;
    margin-left: 5rem !important; }
  .style-flat .m-y-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important; }
  .style-flat .p-a-0 {
    padding: 0 0 !important; }
  .style-flat .p-t-0 {
    padding-top: 0 !important; }
  .style-flat .p-r-0 {
    padding-right: 0 !important; }
  .style-flat .p-b-0 {
    padding-bottom: 0 !important; }
  .style-flat .p-l-0 {
    padding-left: 0 !important; }
  .style-flat .p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important; }
  .style-flat .p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .style-flat .p-a-1 {
    padding: 1rem 1rem !important; }
  .style-flat .p-t-1 {
    padding-top: 1rem !important; }
  .style-flat .p-r-1 {
    padding-right: 1rem !important; }
  .style-flat .p-b-1 {
    padding-bottom: 1rem !important; }
  .style-flat .p-l-1 {
    padding-left: 1rem !important; }
  .style-flat .p-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important; }
  .style-flat .p-y-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .style-flat .p-a-2 {
    padding: 1.5rem 1.5rem !important; }
  .style-flat .p-t-2 {
    padding-top: 1.5rem !important; }
  .style-flat .p-r-2 {
    padding-right: 1.5rem !important; }
  .style-flat .p-b-2 {
    padding-bottom: 1.5rem !important; }
  .style-flat .p-l-2 {
    padding-left: 1.5rem !important; }
  .style-flat .p-x-2 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important; }
  .style-flat .p-y-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important; }
  .style-flat .p-a-3 {
    padding: 3rem 3rem !important; }
  .style-flat .p-t-3 {
    padding-top: 3rem !important; }
  .style-flat .p-r-3 {
    padding-right: 3rem !important; }
  .style-flat .p-b-3 {
    padding-bottom: 3rem !important; }
  .style-flat .p-l-3 {
    padding-left: 3rem !important; }
  .style-flat .p-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important; }
  .style-flat .p-y-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important; }
  .style-flat .p-a-4 {
    padding: 4rem 4rem !important; }
  .style-flat .p-t-4 {
    padding-top: 4rem !important; }
  .style-flat .p-r-4 {
    padding-right: 4rem !important; }
  .style-flat .p-b-4 {
    padding-bottom: 4rem !important; }
  .style-flat .p-l-4 {
    padding-left: 4rem !important; }
  .style-flat .p-x-4 {
    padding-right: 4rem !important;
    padding-left: 4rem !important; }
  .style-flat .p-y-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important; }
  .style-flat .p-a-5 {
    padding: 5rem 5rem !important; }
  .style-flat .p-t-5 {
    padding-top: 5rem !important; }
  .style-flat .p-r-5 {
    padding-right: 5rem !important; }
  .style-flat .p-b-5 {
    padding-bottom: 5rem !important; }
  .style-flat .p-l-5 {
    padding-left: 5rem !important; }
  .style-flat .p-x-5 {
    padding-right: 5rem !important;
    padding-left: 5rem !important; }
  .style-flat .p-y-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important; }
  .style-flat #footer {
    background-image: url("/images/pages/home/footer_background.png");
    height: 229px;
    margin: 65px auto 0;
    color: white; }
    @media (max-width: 768px) {
      .style-flat #footer {
        background-color: #201a15;
        background-image: none;
        height: auto; } }
    .style-flat #footer ul {
      margin: 30px; }
      .style-flat #footer ul li:first-child {
        border-bottom: 1px solid white;
        margin-bottom: 10px; }
    .style-flat #footer a {
      color: white; }
  .style-flat #final-footer {
    position: absolute;
    left: 0;
    right: 0;
    height: 60px;
    color: white;
    background-color: #463a2c; }
    @media (max-width: 768px) {
      .style-flat #final-footer {
        position: inherit;
        padding: 20px;
        height: auto; } }
    .style-flat #final-footer a {
      color: white; }
    .style-flat #final-footer img {
      width: 150px;
      margin: 0 10px; }
    .style-flat #final-footer .contact-info {
      display: inline-block; }
  .style-flat.modal-content {
    padding: 10px;
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); }
  .style-flat .button.close {
    position: absolute;
    top: 10px;
    right: 10px; }

.treema-root {
  border: 1px solid black;
  background-color: #f5f5f5;
  padding: 10px 20px 10px 0; }

.treema-markdown {
  border: 1px solid gray;
  padding: 5px; }
  .treema-markdown, .treema-markdown > div.ace_editor {
    width: 100%;
    min-height: 48px; }
  .treema-markdown .buttons button {
    float: left;
    margin-bottom: 5px;
    margin-right: 5px; }
  .treema-markdown .preview {
    clear: both;
    width: 100%;
    border: 3px inset rgba(0, 100, 100, 0.2);
    box-sizing: border-box;
    padding: 5px; }

.treema-selection-map {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9001;
  background: #ffffff;
  width: 80%;
  height: 80%;
  margin: 10%;
  box-sizing: border-box;
  border: 2px solid black; }
  .treema-selection-map img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    cursor: pointer;
    max-width: 95%;
    max-height: 95%; }

.treema-sound-file .dropdown li {
  margin: 0 10px;
  cursor: pointer; }
  .treema-sound-file .dropdown li:hover {
    background-color: #dddddd; }