script#caching {
    content: "<script class=\"extras\" type=\"text/javascript\">localStorage.clear()br-consoleLog('You are currently NOT caching your styles.', 'warn')br-</script>";
  }
  .hidden {
    display: none;
  }
  script#console {
    content: "<script class=\"extras\">ks.opts.console=(ks.opts.console||true)</script>";
    ie8: "<script class=\"extras\">ks.opts.console=(ks.opts.console||true)</script>";
  }
  /*! normalize.css v2.1.0 | 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] {
    display: none;
  }
  html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  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) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
      content: "";
    }
    pre,
    blockquote {
      border: 1px solid #999;
      page-break-inside: avoid;
    }
    thead {
      display: table-header-group;
    }
    tr,
    img {
      page-break-inside: avoid;
    }
    img {
      max-width: 100% !important;
    }
    @page  {
      margin: 2cm .5cm;
    }
    p,
    h2,
    h3 {
      orphans: 3;
      widows: 3;
    }
    h2,
    h3 {
      page-break-after: avoid;
    }
    .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: "Open Sans", Calibri, Candara, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.428571429;
    color: #a5a5a5;
    background-color: #ffffff;
  }
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  button,
  input,
  select[multiple],
  textarea {
    background-image: none;
  }
  a {
    color: #007fff;
    text-decoration: none;
  }
  a:hover,
  a:focus {
    color: #0059b3;
    text-decoration: underline;
  }
  a:focus {
    outline: thin dotted #333;
    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: 0px;
  }
  .img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -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: 21px;
    margin-bottom: 21px;
    border: 0;
    border-top: 1px solid #e6e6e6;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
  }
  p {
    margin: 0 0 10.5px;
  }
  .lead {
    margin-bottom: 21px;
    font-size: 17.25px;
    font-weight: 200;
    line-height: 1.4;
  }
  @media (min-width: 768px) {
    .lead {
      font-size: 22.5px;
    }
  }
  small {
    font-size: 85%;
  }
  cite {
    font-style: normal;
  }
  .text-muted {
    color: #b3b3b3;
  }
  .text-primary {
    color: #007fff;
  }
  .text-warning {
    color: #ffffff;
  }
  .text-danger {
    color: #ffffff;
  }
  .text-success {
    color: #ffffff;
  }
  .text-info {
    color: #ffffff;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .text-center {
    text-align: center;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.1;
  }
  h1 small,
  h2 small,
  h3 small,
  h4 small,
  h5 small,
  h6 small,
  .h1 small,
  .h2 small,
  .h3 small,
  .h4 small,
  .h5 small,
  .h6 small {
    font-weight: normal;
    line-height: 1;
    color: #b3b3b3;
  }
  h1,
  h2,
  h3 {
    margin-top: 21px;
    margin-bottom: 10.5px;
  }
  h4,
  h5,
  h6 {
    margin-top: 10.5px;
    margin-bottom: 10.5px;
  }
  h1,
  .h1 {
    font-size: 39px;
  }
  h2,
  .h2 {
    font-size: 32px;
  }
  h3,
  .h3 {
    font-size: 26px;
  }
  h4,
  .h4 {
    font-size: 19px;
  }
  h5,
  .h5 {
    font-size: 15px;
  }
  h6,
  .h6 {
    font-size: 13px;
  }
  h1 small,
  .h1 small {
    font-size: 26px;
  }
  h2 small,
  .h2 small {
    font-size: 19px;
  }
  h3 small,
  .h3 small,
  h4 small,
  .h4 small {
    font-size: 15px;
  }
  .page-header {
    padding-bottom: 9.5px;
    margin: 42px 0 21px;
    border-bottom: 1px solid #e6e6e6;
  }
  ul,
  ol {
    margin-top: 0;
    margin-bottom: 10.5px;
  }
  ul ul,
  ol ul,
  ul ol,
  ol ol {
    margin-bottom: 0;
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .list-inline {
    padding-left: 0;
    list-style: none;
  }
  .list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
  }
  dl {
    margin-bottom: 21px;
  }
  dt,
  dd {
    line-height: 1.428571429;
  }
  dt {
    font-weight: bold;
  }
  dd {
    margin-left: 0;
  }
  @media (min-width: 768px) {
    .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: " ";
      /* 1 */
      
      display: table;
      /* 2 */
      
    }
    .dl-horizontal dd:after {
      clear: both;
    }
    .dl-horizontal dd:before,
    .dl-horizontal dd:after {
      content: " ";
      /* 1 */
      
      display: table;
      /* 2 */
      
    }
    .dl-horizontal dd:after {
      clear: both;
    }
  }
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #b3b3b3;
  }
  abbr.initialism {
    font-size: 90%;
    text-transform: uppercase;
  }
  blockquote {
    padding: 10.5px 21px;
    margin: 0 0 21px;
    border-left: 5px solid #e6e6e6;
  }
  blockquote p {
    font-size: 18.75px;
    font-weight: 300;
    line-height: 1.25;
  }
  blockquote p:last-child {
    margin-bottom: 0;
  }
  blockquote small {
    display: block;
    line-height: 1.428571429;
    color: #b3b3b3;
  }
  blockquote small:before {
    content: '\2014 \00A0';
  }
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #e6e6e6;
    border-left: 0;
  }
  blockquote.pull-right p,
  blockquote.pull-right small {
    text-align: right;
  }
  blockquote.pull-right small:before {
    content: '';
  }
  blockquote.pull-right small:after {
    content: '\00A0 \2014';
  }
  q:before,
  q:after,
  blockquote:before,
  blockquote:after {
    content: "";
  }
  address {
    display: block;
    margin-bottom: 21px;
    font-style: normal;
    line-height: 1.428571429;
  }
  code,
  pre {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  }
  code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    white-space: nowrap;
    border-radius: 0px;
  }
  pre {
    display: block;
    padding: 10px;
    margin: 0 0 10.5px;
    font-size: 14px;
    line-height: 1.428571429;
    word-break: break-all;
    word-wrap: break-word;
    color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 0px;
  }
  pre.prettyprint {
    margin-bottom: 21px;
  }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border: 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: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .container:after {
    clear: both;
  }
  .container:before,
  .container:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .container:after {
    clear: both;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row:before,
  .row:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .row:after {
    clear: both;
  }
  .row:before,
  .row:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .row:after {
    clear: both;
  }
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .col-xs-1,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9,
  .col-xs-10,
  .col-xs-11 {
    float: left;
  }
  .col-xs-1 {
    width: 8.333333333333332%;
  }
  .col-xs-2 {
    width: 16.666666666666664%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-4 {
    width: 33.33333333333333%;
  }
  .col-xs-5 {
    width: 41.66666666666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.333333333333336%;
  }
  .col-xs-8 {
    width: 66.66666666666666%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-10 {
    width: 83.33333333333334%;
  }
  .col-xs-11 {
    width: 91.66666666666666%;
  }
  .col-xs-12 {
    width: 100%;
  }
  @media (min-width: 768px) {
    .container {
      max-width: 750px;
    }
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11 {
      float: left;
    }
    .col-sm-1 {
      width: 8.333333333333332%;
    }
    .col-sm-2 {
      width: 16.666666666666664%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-4 {
      width: 33.33333333333333%;
    }
    .col-sm-5 {
      width: 41.66666666666667%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-7 {
      width: 58.333333333333336%;
    }
    .col-sm-8 {
      width: 66.66666666666666%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-10 {
      width: 83.33333333333334%;
    }
    .col-sm-11 {
      width: 91.66666666666666%;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-push-1 {
      left: 8.333333333333332%;
    }
    .col-sm-push-2 {
      left: 16.666666666666664%;
    }
    .col-sm-push-3 {
      left: 25%;
    }
    .col-sm-push-4 {
      left: 33.33333333333333%;
    }
    .col-sm-push-5 {
      left: 41.66666666666667%;
    }
    .col-sm-push-6 {
      left: 50%;
    }
    .col-sm-push-7 {
      left: 58.333333333333336%;
    }
    .col-sm-push-8 {
      left: 66.66666666666666%;
    }
    .col-sm-push-9 {
      left: 75%;
    }
    .col-sm-push-10 {
      left: 83.33333333333334%;
    }
    .col-sm-push-11 {
      left: 91.66666666666666%;
    }
    .col-sm-pull-1 {
      right: 8.333333333333332%;
    }
    .col-sm-pull-2 {
      right: 16.666666666666664%;
    }
    .col-sm-pull-3 {
      right: 25%;
    }
    .col-sm-pull-4 {
      right: 33.33333333333333%;
    }
    .col-sm-pull-5 {
      right: 41.66666666666667%;
    }
    .col-sm-pull-6 {
      right: 50%;
    }
    .col-sm-pull-7 {
      right: 58.333333333333336%;
    }
    .col-sm-pull-8 {
      right: 66.66666666666666%;
    }
    .col-sm-pull-9 {
      right: 75%;
    }
    .col-sm-pull-10 {
      right: 83.33333333333334%;
    }
    .col-sm-pull-11 {
      right: 91.66666666666666%;
    }
    .col-sm-offset-1 {
      margin-left: 8.333333333333332%;
    }
    .col-sm-offset-2 {
      margin-left: 16.666666666666664%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
    .col-sm-offset-4 {
      margin-left: 33.33333333333333%;
    }
    .col-sm-offset-5 {
      margin-left: 41.66666666666667%;
    }
    .col-sm-offset-6 {
      margin-left: 50%;
    }
    .col-sm-offset-7 {
      margin-left: 58.333333333333336%;
    }
    .col-sm-offset-8 {
      margin-left: 66.66666666666666%;
    }
    .col-sm-offset-9 {
      margin-left: 75%;
    }
    .col-sm-offset-10 {
      margin-left: 83.33333333333334%;
    }
    .col-sm-offset-11 {
      margin-left: 91.66666666666666%;
    }
  }
  @media (min-width: 992px) {
    .container {
      max-width: 970px;
    }
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11 {
      float: left;
    }
    .col-md-1 {
      width: 8.333333333333332%;
    }
    .col-md-2 {
      width: 16.666666666666664%;
    }
    .col-md-3 {
      width: 25%;
    }
    .col-md-4 {
      width: 33.33333333333333%;
    }
    .col-md-5 {
      width: 41.66666666666667%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-7 {
      width: 58.333333333333336%;
    }
    .col-md-8 {
      width: 66.66666666666666%;
    }
    .col-md-9 {
      width: 75%;
    }
    .col-md-10 {
      width: 83.33333333333334%;
    }
    .col-md-11 {
      width: 91.66666666666666%;
    }
    .col-md-12 {
      width: 100%;
    }
    .col-md-push-0 {
      left: auto;
    }
    .col-md-push-1 {
      left: 8.333333333333332%;
    }
    .col-md-push-2 {
      left: 16.666666666666664%;
    }
    .col-md-push-3 {
      left: 25%;
    }
    .col-md-push-4 {
      left: 33.33333333333333%;
    }
    .col-md-push-5 {
      left: 41.66666666666667%;
    }
    .col-md-push-6 {
      left: 50%;
    }
    .col-md-push-7 {
      left: 58.333333333333336%;
    }
    .col-md-push-8 {
      left: 66.66666666666666%;
    }
    .col-md-push-9 {
      left: 75%;
    }
    .col-md-push-10 {
      left: 83.33333333333334%;
    }
    .col-md-push-11 {
      left: 91.66666666666666%;
    }
    .col-md-pull-0 {
      right: auto;
    }
    .col-md-pull-1 {
      right: 8.333333333333332%;
    }
    .col-md-pull-2 {
      right: 16.666666666666664%;
    }
    .col-md-pull-3 {
      right: 25%;
    }
    .col-md-pull-4 {
      right: 33.33333333333333%;
    }
    .col-md-pull-5 {
      right: 41.66666666666667%;
    }
    .col-md-pull-6 {
      right: 50%;
    }
    .col-md-pull-7 {
      right: 58.333333333333336%;
    }
    .col-md-pull-8 {
      right: 66.66666666666666%;
    }
    .col-md-pull-9 {
      right: 75%;
    }
    .col-md-pull-10 {
      right: 83.33333333333334%;
    }
    .col-md-pull-11 {
      right: 91.66666666666666%;
    }
    .col-md-offset-0 {
      margin-left: 0;
    }
    .col-md-offset-1 {
      margin-left: 8.333333333333332%;
    }
    .col-md-offset-2 {
      margin-left: 16.666666666666664%;
    }
    .col-md-offset-3 {
      margin-left: 25%;
    }
    .col-md-offset-4 {
      margin-left: 33.33333333333333%;
    }
    .col-md-offset-5 {
      margin-left: 41.66666666666667%;
    }
    .col-md-offset-6 {
      margin-left: 50%;
    }
    .col-md-offset-7 {
      margin-left: 58.333333333333336%;
    }
    .col-md-offset-8 {
      margin-left: 66.66666666666666%;
    }
    .col-md-offset-9 {
      margin-left: 75%;
    }
    .col-md-offset-10 {
      margin-left: 83.33333333333334%;
    }
    .col-md-offset-11 {
      margin-left: 91.66666666666666%;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
      float: left;
    }
    .col-lg-1 {
      width: 8.333333333333332%;
    }
    .col-lg-2 {
      width: 16.666666666666664%;
    }
    .col-lg-3 {
      width: 25%;
    }
    .col-lg-4 {
      width: 33.33333333333333%;
    }
    .col-lg-5 {
      width: 41.66666666666667%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-7 {
      width: 58.333333333333336%;
    }
    .col-lg-8 {
      width: 66.66666666666666%;
    }
    .col-lg-9 {
      width: 75%;
    }
    .col-lg-10 {
      width: 83.33333333333334%;
    }
    .col-lg-11 {
      width: 91.66666666666666%;
    }
    .col-lg-12 {
      width: 100%;
    }
    .col-lg-push-0 {
      left: auto;
    }
    .col-lg-push-1 {
      left: 8.333333333333332%;
    }
    .col-lg-push-2 {
      left: 16.666666666666664%;
    }
    .col-lg-push-3 {
      left: 25%;
    }
    .col-lg-push-4 {
      left: 33.33333333333333%;
    }
    .col-lg-push-5 {
      left: 41.66666666666667%;
    }
    .col-lg-push-6 {
      left: 50%;
    }
    .col-lg-push-7 {
      left: 58.333333333333336%;
    }
    .col-lg-push-8 {
      left: 66.66666666666666%;
    }
    .col-lg-push-9 {
      left: 75%;
    }
    .col-lg-push-10 {
      left: 83.33333333333334%;
    }
    .col-lg-push-11 {
      left: 91.66666666666666%;
    }
    .col-lg-pull-0 {
      right: auto;
    }
    .col-lg-pull-1 {
      right: 8.333333333333332%;
    }
    .col-lg-pull-2 {
      right: 16.666666666666664%;
    }
    .col-lg-pull-3 {
      right: 25%;
    }
    .col-lg-pull-4 {
      right: 33.33333333333333%;
    }
    .col-lg-pull-5 {
      right: 41.66666666666667%;
    }
    .col-lg-pull-6 {
      right: 50%;
    }
    .col-lg-pull-7 {
      right: 58.333333333333336%;
    }
    .col-lg-pull-8 {
      right: 66.66666666666666%;
    }
    .col-lg-pull-9 {
      right: 75%;
    }
    .col-lg-pull-10 {
      right: 83.33333333333334%;
    }
    .col-lg-pull-11 {
      right: 91.66666666666666%;
    }
    .col-lg-offset-0 {
      margin-left: 0;
    }
    .col-lg-offset-1 {
      margin-left: 8.333333333333332%;
    }
    .col-lg-offset-2 {
      margin-left: 16.666666666666664%;
    }
    .col-lg-offset-3 {
      margin-left: 25%;
    }
    .col-lg-offset-4 {
      margin-left: 33.33333333333333%;
    }
    .col-lg-offset-5 {
      margin-left: 41.66666666666667%;
    }
    .col-lg-offset-6 {
      margin-left: 50%;
    }
    .col-lg-offset-7 {
      margin-left: 58.333333333333336%;
    }
    .col-lg-offset-8 {
      margin-left: 66.66666666666666%;
    }
    .col-lg-offset-9 {
      margin-left: 75%;
    }
    .col-lg-offset-10 {
      margin-left: 83.33333333333334%;
    }
    .col-lg-offset-11 {
      margin-left: 91.66666666666666%;
    }
  }
  table {
    max-width: 100%;
    background-color: transparent;
  }
  th {
    text-align: left;
  }
  .table {
    width: 100%;
    margin-bottom: 21px;
  }
  .table thead > tr > th,
  .table tbody > tr > th,
  .table tfoot > tr > th,
  .table thead > tr > td,
  .table tbody > tr > td,
  .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #dddddd;
  }
  .table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dddddd;
  }
  .table caption + thead tr:first-child th,
  .table colgroup + thead tr:first-child th,
  .table thead:first-child tr:first-child th,
  .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child td {
    border-top: 0;
  }
  .table tbody + tbody {
    border-top: 2px solid #dddddd;
  }
  .table .table {
    background-color: #ffffff;
  }
  .table-condensed thead > tr > th,
  .table-condensed tbody > tr > th,
  .table-condensed tfoot > tr > th,
  .table-condensed thead > tr > td,
  .table-condensed tbody > tr > td,
  .table-condensed tfoot > tr > td {
    padding: 5px;
  }
  .table-bordered {
    border: 1px solid #dddddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > tbody > tr > th,
  .table-bordered > tfoot > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #dddddd;
  }
  .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-"] {
    float: none;
    display: table-column;
  }
  table td[class*="col-"],
  table th[class*="col-"] {
    float: none;
    display: table-cell;
  }
  .table > thead > tr > td.active,
  .table > tbody > tr > td.active,
  .table > tfoot > tr > td.active,
  .table > thead > tr > th.active,
  .table > tbody > tr > th.active,
  .table > tfoot > tr > th.active,
  .table > thead > tr.active > td,
  .table > tbody > tr.active > td,
  .table > tfoot > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr.active > th,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }
  .table > thead > tr > td.success,
  .table > tbody > tr > td.success,
  .table > tfoot > tr > td.success,
  .table > thead > tr > th.success,
  .table > tbody > tr > th.success,
  .table > tfoot > tr > th.success,
  .table > thead > tr.success > td,
  .table > tbody > tr.success > td,
  .table > tfoot > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr.success > th,
  .table > tfoot > tr.success > th {
    background-color: #3fb618;
    border-color: #4e9f15;
  }
  .table-hover > tbody > tr > td.success:hover,
  .table-hover > tbody > tr > th.success:hover,
  .table-hover > tbody > tr.success:hover > td {
    background-color: #379f15;
    border-color: #438912;
  }
  .table > thead > tr > td.danger,
  .table > tbody > tr > td.danger,
  .table > tfoot > tr > td.danger,
  .table > thead > tr > th.danger,
  .table > tbody > tr > th.danger,
  .table > tfoot > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > tbody > tr.danger > td,
  .table > tfoot > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr.danger > th {
    background-color: #ff0039;
    border-color: #f0005e;
  }
  .table-hover > tbody > tr > td.danger:hover,
  .table-hover > tbody > tr > th.danger:hover,
  .table-hover > tbody > tr.danger:hover > td {
    background-color: #e60033;
    border-color: #d60054;
  }
  .table > thead > tr > td.warning,
  .table > tbody > tr > td.warning,
  .table > tfoot > tr > td.warning,
  .table > thead > tr > th.warning,
  .table > tbody > tr > th.warning,
  .table > tfoot > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > tbody > tr.warning > td,
  .table > tfoot > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr.warning > th {
    background-color: #ff7518;
    border-color: #ff4309;
  }
  .table-hover > tbody > tr > td.warning:hover,
  .table-hover > tbody > tr > th.warning:hover,
  .table-hover > tbody > tr.warning:hover > td {
    background-color: #fe6600;
    border-color: #ee3800;
  }
  @media (max-width: 768px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      overflow-x: scroll;
      border: 1px solid #dddddd;
    }
    .table-responsive > .table {
      margin-bottom: 0;
      background-color: #fff;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .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 > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td: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 > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
    }
    .table-responsive > .table-bordered > thead > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > thead > tr:last-child > td,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .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: 21px;
    font-size: 22.5px;
    line-height: inherit;
    color: #a5a5a5;
    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 #333;
    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;
  }
  .form-control:-moz-placeholder {
    color: #b3b3b3;
  }
  .form-control::-moz-placeholder {
    color: #b3b3b3;
  }
  .form-control:-ms-input-placeholder {
    color: #b3b3b3;
  }
  .form-control::-webkit-input-placeholder {
    color: #b3b3b3;
  }
  .form-control {
    display: block;
    width: 100%;
    height: 43px;
    padding: 10px 18px;
    font-size: 15px;
    line-height: 1.428571429;
    color: #a5a5a5;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 0px;
    -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 .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #e6e6e6;
  }
  textarea.form-control {
    height: auto;
  }
  .form-group {
    margin-bottom: 15px;
  }
  .radio,
  .checkbox {
    display: block;
    min-height: 21px;
    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],
  input[type="checkbox"][disabled],
  .radio[disabled],
  .radio-inline[disabled],
  .checkbox[disabled],
  .checkbox-inline[disabled],
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"],
  fieldset[disabled] .radio,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox,
  fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
  }
  .input-sm {
    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
  }
  select.input-sm {
    height: 31px;
    line-height: 31px;
  }
  textarea.input-sm {
    height: auto;
  }
  .input-lg {
    height: 66px;
    padding: 18px 30px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0px;
  }
  select.input-lg {
    height: 66px;
    line-height: 66px;
  }
  textarea.input-lg {
    height: auto;
  }
  .has-warning .help-block,
  .has-warning .control-label {
    color: #ffffff;
  }
  .has-warning .form-control {
    border-color: #ffffff;
    -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: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
  }
  .has-warning .input-group-addon {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #ff7518;
  }
  .has-error .help-block,
  .has-error .control-label {
    color: #ffffff;
  }
  .has-error .form-control {
    border-color: #ffffff;
    -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: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
  }
  .has-error .input-group-addon {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #ff0039;
  }
  .has-success .help-block,
  .has-success .control-label {
    color: #ffffff;
  }
  .has-success .form-control {
    border-color: #ffffff;
    -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: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffffff;
  }
  .has-success .input-group-addon {
    color: #ffffff;
    border-color: #ffffff;
    background-color: #3fb618;
  }
  .form-control-static {
    margin-bottom: 0;
    padding-top: 11px;
  }
  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #e5e5e5;
  }
  @media (min-width: 768px) {
    .form-inline .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .form-inline .form-control {
      display: inline-block;
    }
    .form-inline .radio,
    .form-inline .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
    }
    .form-inline .radio input[type="radio"],
    .form-inline .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: 11px;
  }
  .form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
  }
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .form-horizontal .form-group:after {
    clear: both;
  }
  .form-horizontal .form-group:before,
  .form-horizontal .form-group:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .form-horizontal .form-group:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .form-horizontal .control-label {
      text-align: right;
    }
  }
  .btn {
    display: inline-block;
    padding: 10px 18px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  .btn:focus {
    color: #ffffff;
    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: #ffffff;
    background-color: #222222;
    border-color: #222222;
  }
  .btn-default:hover,
  .btn-default:focus,
  .btn-default:active,
  .btn-default.active,
  .open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #0e0e0e;
    border-color: #040404;
  }
  .btn-default:active,
  .btn-default.active,
  .open .dropdown-toggle.btn-default {
    background-image: none;
  }
  .btn-default.disabled,
  .btn-default[disabled],
  fieldset[disabled] .btn-default,
  .btn-default.disabled:hover,
  .btn-default[disabled]:hover,
  fieldset[disabled] .btn-default:hover,
  .btn-default.disabled:focus,
  .btn-default[disabled]:focus,
  fieldset[disabled] .btn-default:focus,
  .btn-default.disabled:active,
  .btn-default[disabled]:active,
  fieldset[disabled] .btn-default:active,
  .btn-default.disabled.active,
  .btn-default[disabled].active,
  fieldset[disabled] .btn-default.active {
    background-color: #222222;
    border-color: #222222;
  }
  .btn-primary {
    color: #ffffff;
    background-color: #007fff;
    border-color: #007fff;
  }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:active,
  .btn-primary.active,
  .open .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #006bd6;
    border-color: #0061c2;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open .dropdown-toggle.btn-primary {
    background-image: none;
  }
  .btn-primary.disabled,
  .btn-primary[disabled],
  fieldset[disabled] .btn-primary,
  .btn-primary.disabled:hover,
  .btn-primary[disabled]:hover,
  fieldset[disabled] .btn-primary:hover,
  .btn-primary.disabled:focus,
  .btn-primary[disabled]:focus,
  fieldset[disabled] .btn-primary:focus,
  .btn-primary.disabled:active,
  .btn-primary[disabled]:active,
  fieldset[disabled] .btn-primary:active,
  .btn-primary.disabled.active,
  .btn-primary[disabled].active,
  fieldset[disabled] .btn-primary.active {
    background-color: #007fff;
    border-color: #007fff;
  }
  .btn-warning {
    color: #ffffff;
    background-color: #ff7518;
    border-color: #ff7518;
  }
  .btn-warning:hover,
  .btn-warning:focus,
  .btn-warning:active,
  .btn-warning.active,
  .open .dropdown-toggle.btn-warning {
    color: #ffffff;
    background-color: #ee6000;
    border-color: #da5800;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open .dropdown-toggle.btn-warning {
    background-image: none;
  }
  .btn-warning.disabled,
  .btn-warning[disabled],
  fieldset[disabled] .btn-warning,
  .btn-warning.disabled:hover,
  .btn-warning[disabled]:hover,
  fieldset[disabled] .btn-warning:hover,
  .btn-warning.disabled:focus,
  .btn-warning[disabled]:focus,
  fieldset[disabled] .btn-warning:focus,
  .btn-warning.disabled:active,
  .btn-warning[disabled]:active,
  fieldset[disabled] .btn-warning:active,
  .btn-warning.disabled.active,
  .btn-warning[disabled].active,
  fieldset[disabled] .btn-warning.active {
    background-color: #ff7518;
    border-color: #ff7518;
  }
  .btn-danger {
    color: #ffffff;
    background-color: #ff0039;
    border-color: #ff0039;
  }
  .btn-danger:hover,
  .btn-danger:focus,
  .btn-danger:active,
  .btn-danger.active,
  .open .dropdown-toggle.btn-danger {
    color: #ffffff;
    background-color: #d60030;
    border-color: #c2002b;
  }
  .btn-danger:active,
  .btn-danger.active,
  .open .dropdown-toggle.btn-danger {
    background-image: none;
  }
  .btn-danger.disabled,
  .btn-danger[disabled],
  fieldset[disabled] .btn-danger,
  .btn-danger.disabled:hover,
  .btn-danger[disabled]:hover,
  fieldset[disabled] .btn-danger:hover,
  .btn-danger.disabled:focus,
  .btn-danger[disabled]:focus,
  fieldset[disabled] .btn-danger:focus,
  .btn-danger.disabled:active,
  .btn-danger[disabled]:active,
  fieldset[disabled] .btn-danger:active,
  .btn-danger.disabled.active,
  .btn-danger[disabled].active,
  fieldset[disabled] .btn-danger.active {
    background-color: #ff0039;
    border-color: #ff0039;
  }
  .btn-success {
    color: #ffffff;
    background-color: #3fb618;
    border-color: #3fb618;
  }
  .btn-success:hover,
  .btn-success:focus,
  .btn-success:active,
  .btn-success.active,
  .open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #339213;
    border-color: #2c8011;
  }
  .btn-success:active,
  .btn-success.active,
  .open .dropdown-toggle.btn-success {
    background-image: none;
  }
  .btn-success.disabled,
  .btn-success[disabled],
  fieldset[disabled] .btn-success,
  .btn-success.disabled:hover,
  .btn-success[disabled]:hover,
  fieldset[disabled] .btn-success:hover,
  .btn-success.disabled:focus,
  .btn-success[disabled]:focus,
  fieldset[disabled] .btn-success:focus,
  .btn-success.disabled:active,
  .btn-success[disabled]:active,
  fieldset[disabled] .btn-success:active,
  .btn-success.disabled.active,
  .btn-success[disabled].active,
  fieldset[disabled] .btn-success.active {
    background-color: #3fb618;
    border-color: #3fb618;
  }
  .btn-info {
    color: #ffffff;
    background-color: #9954bb;
    border-color: #9954bb;
  }
  .btn-info:hover,
  .btn-info:focus,
  .btn-info:active,
  .btn-info.active,
  .open .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #8441a5;
    border-color: #783c96;
  }
  .btn-info:active,
  .btn-info.active,
  .open .dropdown-toggle.btn-info {
    background-image: none;
  }
  .btn-info.disabled,
  .btn-info[disabled],
  fieldset[disabled] .btn-info,
  .btn-info.disabled:hover,
  .btn-info[disabled]:hover,
  fieldset[disabled] .btn-info:hover,
  .btn-info.disabled:focus,
  .btn-info[disabled]:focus,
  fieldset[disabled] .btn-info:focus,
  .btn-info.disabled:active,
  .btn-info[disabled]:active,
  fieldset[disabled] .btn-info:active,
  .btn-info.disabled.active,
  .btn-info[disabled].active,
  fieldset[disabled] .btn-info.active {
    background-color: #9954bb;
    border-color: #9954bb;
  }
  .btn-link {
    color: #007fff;
    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: #0059b3;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  fieldset[disabled] .btn-link:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:focus {
    color: #b3b3b3;
    text-decoration: none;
  }
  .btn-lg {
    padding: 18px 30px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0px;
  }
  .btn-sm,
  .btn-xs {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
  }
  .btn-xs {
    padding: 1px 5px;
  }
  .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('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');
  }
  .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;
  }
  .glyphicon-asterisk:before {
    content: "\2a";
  }
  .glyphicon-plus:before {
    content: "\2b";
  }
  .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-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-print:before {
    content: "\e045";
  }
  .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-eye-open:before {
    content: "\e105";
  }
  .glyphicon-eye-close:before {
    content: "\e106";
  }
  .glyphicon-warning-sign:before {
    content: "\e107";
  }
  .glyphicon-plane:before {
    content: "\e108";
  }
  .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-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-tasks:before {
    content: "\e137";
  }
  .glyphicon-filter:before {
    content: "\e138";
  }
  .glyphicon-fullscreen:before {
    content: "\e140";
  }
  .glyphicon-dashboard:before {
    content: "\e141";
  }
  .glyphicon-heart-empty:before {
    content: "\e143";
  }
  .glyphicon-link:before {
    content: "\e144";
  }
  .glyphicon-phone:before {
    content: "\e145";
  }
  .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";
  }
  .glyphicon-briefcase:before {
    content: "\1f4bc";
  }
  .glyphicon-calendar:before {
    content: "\1f4c5";
  }
  .glyphicon-pushpin:before {
    content: "\1f4cc";
  }
  .glyphicon-paperclip:before {
    content: "\1f4ce";
  }
  .glyphicon-camera:before {
    content: "\1f4f7";
  }
  .glyphicon-lock:before {
    content: "\1f512";
  }
  .glyphicon-bell:before {
    content: "\1f514";
  }
  .glyphicon-bookmark:before {
    content: "\1f516";
  }
  .glyphicon-fire:before {
    content: "\1f525";
  }
  .glyphicon-wrench:before {
    content: "\1f527";
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted;
    content: "";
  }
  .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: 15px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -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: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #ffffff;
    background-color: #007fff;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #007fff;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .disabled > a:focus {
    color: #b3b3b3;
  }
  .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: 13px;
    line-height: 1.428571429;
    color: #b3b3b3;
  }
  .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 dotted;
    border-bottom: 4px solid #000000;
    content: "";
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
  }
  @media (min-width: 768px) {
    .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
    }
  }
  .btn-default .caret {
    border-top-color: #ffffff;
  }
  .btn-primary .caret,
  .btn-success .caret,
  .btn-warning .caret,
  .btn-danger .caret,
  .btn-info .caret {
    border-top-color: #fff;
  }
  .dropup .btn-default .caret {
    border-bottom-color: #ffffff;
  }
  .dropup .btn-primary .caret,
  .dropup .btn-success .caret,
  .dropup .btn-warning .caret,
  .dropup .btn-danger .caret,
  .dropup .btn-info .caret {
    border-bottom-color: #fff;
  }
  .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-vertical > .btn:hover,
  .btn-group > .btn:focus,
  .btn-group-vertical > .btn:focus,
  .btn-group > .btn:active,
  .btn-group-vertical > .btn:active,
  .btn-group > .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: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .btn-toolbar:after {
    clear: both;
  }
  .btn-toolbar:before,
  .btn-toolbar:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .btn-toolbar:after {
    clear: both;
  }
  .btn-toolbar .btn-group {
    float: left;
  }
  .btn-toolbar > .btn + .btn,
  .btn-toolbar > .btn-group + .btn,
  .btn-toolbar > .btn + .btn-group,
  .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-xs > .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
    padding: 1px 5px;
  }
  .btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
  }
  .btn-group-lg > .btn {
    padding: 18px 30px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0px;
  }
  .btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
  }
  .btn-group > .btn-lg + .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 .caret {
    margin-left: 0;
  }
  .btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
  }
  .dropup .btn-lg .caret {
    border-width: 0 5px 5px;
  }
  .btn-group-vertical > .btn,
  .btn-group-vertical > .btn-group {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .btn-group-vertical > .btn-group:before,
  .btn-group-vertical > .btn-group:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .btn-group-vertical > .btn-group:after {
    clear: both;
  }
  .btn-group-vertical > .btn-group:before,
  .btn-group-vertical > .btn-group:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .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: 0px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0px;
    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 {
    float: none;
    display: table-cell;
    width: 1%;
  }
  [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.col {
    float: none;
    padding-left: 0;
    padding-right: 0;
  }
  .input-group .form-control {
    width: 100%;
    margin-bottom: 0;
  }
  .input-group-lg > .form-control,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .btn {
    height: 66px;
    padding: 18px 30px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 0px;
  }
  select.input-group-lg > .form-control,
  select.input-group-lg > .input-group-addon,
  select.input-group-lg > .input-group-btn > .btn {
    height: 66px;
    line-height: 66px;
  }
  textarea.input-group-lg > .form-control,
  textarea.input-group-lg > .input-group-addon,
  textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
  }
  .input-group-sm > .form-control,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .btn {
    height: 31px;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0px;
  }
  select.input-group-sm > .form-control,
  select.input-group-sm > .input-group-addon,
  select.input-group-sm > .input-group-btn > .btn {
    height: 31px;
    line-height: 31px;
  }
  textarea.input-group-sm > .form-control,
  textarea.input-group-sm > .input-group-addon,
  textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
  }
  .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: 10px 18px;
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    background-color: #e6e6e6;
    border: 1px solid #cccccc;
    border-radius: 0px;
  }
  .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 0px;
  }
  .input-group-addon.input-lg {
    padding: 18px 30px;
    font-size: 19px;
    border-radius: 0px;
  }
  .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 > .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: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .nav:after {
    clear: both;
  }
  .nav:before,
  .nav:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .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: #e6e6e6;
  }
  .nav > li.disabled > a {
    color: #b3b3b3;
  }
  .nav > li.disabled > a:hover,
  .nav > li.disabled > a:focus {
    color: #b3b3b3;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #e6e6e6;
    border-color: #007fff;
  }
  .nav .nav-divider {
    height: 1px;
    margin: 9.5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .nav > li > a > img {
    max-width: none;
  }
  .nav-tabs {
    border-bottom: 1px solid #dddddd;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
  }
  .nav-tabs > li > a:hover {
    border-color: #e6e6e6 #e6e6e6 #dddddd;
  }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    color: #555555;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
  }
  .nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
  }
  .nav-tabs.nav-justified > li {
    float: none;
  }
  .nav-tabs.nav-justified > li > a {
    text-align: center;
  }
  @media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
    }
  }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    margin-right: 0;
  }
  .nav-tabs.nav-justified > .active > a {
    border-bottom-color: #ffffff;
  }
  .nav-pills > li {
    float: left;
  }
  .nav-pills > li > a {
    border-radius: 5px;
  }
  .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: #ffffff;
    background-color: #007fff;
  }
  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
  }
  .nav-justified {
    width: 100%;
  }
  .nav-justified > li {
    float: none;
  }
  .nav-justified > li > a {
    text-align: center;
  }
  @media (min-width: 768px) {
    .nav-justified > li {
      display: table-cell;
      width: 1%;
    }
  }
  .nav-tabs-justified {
    border-bottom: 0;
  }
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    margin-right: 0;
  }
  .nav-tabs-justified > .active > a {
    border-bottom-color: #ffffff;
  }
  .tabbable:before,
  .tabbable:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .tabbable:after {
    clear: both;
  }
  .tabbable:before,
  .tabbable:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .tabbable:after {
    clear: both;
  }
  .tab-content > .tab-pane,
  .pill-content > .pill-pane {
    display: none;
  }
  .tab-content > .active,
  .pill-content > .active {
    display: block;
  }
  .nav .caret {
    border-top-color: #007fff;
    border-bottom-color: #007fff;
  }
  .nav a:hover .caret {
    border-top-color: #0059b3;
    border-bottom-color: #0059b3;
  }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .navbar {
    position: relative;
    z-index: 1000;
    min-height: 50px;
    margin-bottom: 21px;
    border: 1px solid transparent;
  }
  .navbar:before,
  .navbar:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .navbar:after {
    clear: both;
  }
  .navbar:before,
  .navbar:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .navbar:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 0px;
    }
  }
  .navbar-header:before,
  .navbar-header:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .navbar-header:after {
    clear: both;
  }
  .navbar-header:before,
  .navbar-header:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .navbar-header:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .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: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .navbar-collapse:after {
    clear: both;
  }
  .navbar-collapse:before,
  .navbar-collapse:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .navbar-collapse:after {
    clear: both;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  @media (min-width: 768px) {
    .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-collapse .navbar-nav.navbar-left:first-child {
      margin-left: -15px;
    }
    .navbar-collapse .navbar-nav.navbar-right:last-child {
      margin-right: -15px;
    }
    .navbar-collapse .navbar-text:last-child {
      margin-right: 0;
    }
  }
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  .navbar-static-top {
    border-width: 0 0 1px;
  }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0;
    }
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px;
  }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0;
    }
  }
  .navbar-fixed-top {
    z-index: 1030;
    top: 0;
  }
  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
  }
  .navbar-brand {
    float: left;
    padding: 14.5px 15px;
    font-size: 19px;
    line-height: 21px;
  }
  .navbar-brand:hover,
  .navbar-brand:focus {
    text-decoration: none;
  }
  @media (min-width: 768px) {
    .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;
    border: 1px solid transparent;
    border-radius: 0px;
  }
  .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: 768px) {
    .navbar-toggle {
      display: none;
    }
  }
  .navbar-nav {
    margin: 7.25px -15px;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 21px;
  }
  @media (max-width: 767px) {
    .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: 21px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
  }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .navbar-nav > li {
      float: left;
    }
    .navbar-nav > li > a {
      padding-top: 14.5px;
      padding-bottom: 14.5px;
    }
  }
  @media (min-width: 768px) {
    .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: 3.5px;
    margin-bottom: 3.5px;
  }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .form-control {
      display: inline-block;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      float: none;
      margin-left: 0;
    }
  }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px;
    }
  }
  @media (min-width: 768px) {
    .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-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: 3.5px;
    margin-bottom: 3.5px;
  }
  .navbar-text {
    float: left;
    margin-top: 14.5px;
    margin-bottom: 14.5px;
  }
  @media (min-width: 768px) {
    .navbar-text {
      margin-left: 15px;
      margin-right: 15px;
    }
  }
  .navbar-default {
    background-color: #222222;
    border-color: #121212;
  }
  .navbar-default .navbar-brand {
    color: #ffffff;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #ffffff;
    background-color: none;
  }
  .navbar-default .navbar-text {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #090909;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #090909;
  }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #090909;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #111111;
  }
  .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    background-color: #090909;
    color: #ffffff;
  }
  .navbar-default .navbar-nav > .open > a .caret,
  .navbar-default .navbar-nav > .open > a:hover .caret,
  .navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #ffffff;
      background-color: #090909;
    }
    .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: #ffffff;
      background-color: #090909;
    }
    .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: #cccccc;
      background-color: transparent;
    }
  }
  .navbar-default .navbar-link {
    color: #ffffff;
  }
  .navbar-default .navbar-link:hover {
    color: #ffffff;
  }
  .navbar-inverse {
    background-color: #007fff;
    border-color: #0066cc;
  }
  .navbar-inverse .navbar-brand {
    color: #ffffff;
  }
  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-brand:focus {
    color: #ffffff;
    background-color: none;
  }
  .navbar-inverse .navbar-text {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: #0066cc;
  }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: #0066cc;
  }
  .navbar-inverse .navbar-nav > .disabled > a,
  .navbar-inverse .navbar-nav > .disabled > a:hover,
  .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-toggle {
    border-color: transparent;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #0066cc;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffffff;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #006ddb;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0066cc;
    color: #ffffff;
  }
  .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  .navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  .navbar-inverse .navbar-nav > .open > a .caret,
  .navbar-inverse .navbar-nav > .open > a:hover .caret,
  .navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
  }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #0066cc;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #ffffff;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #ffffff;
      background-color: #0066cc;
    }
    .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: #ffffff;
      background-color: #0066cc;
    }
    .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: #ffffff;
      background-color: transparent;
    }
  }
  .navbar-inverse .navbar-link {
    color: #ffffff;
  }
  .navbar-inverse .navbar-link:hover {
    color: #ffffff;
  }
  .breadcrumb {
    padding: 8px 15px;
    margin-bottom: 21px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0px;
  }
  .breadcrumb > li {
    display: inline-block;
  }
  .breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
  }
  .breadcrumb > .active {
    color: #b3b3b3;
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 21px 0;
    border-radius: 0px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 18px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    background-color: #e6e6e6;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #b3b3b3;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    cursor: default;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #b3b3b3;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 18px 30px;
    font-size: 19px;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 13px;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }
  .pager {
    padding-left: 0;
    margin: 21px 0;
    list-style: none;
    text-align: center;
  }
  .pager:before,
  .pager:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .pager:after {
    clear: both;
  }
  .pager:before,
  .pager:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .pager:after {
    clear: both;
  }
  .pager li {
    display: inline;
  }
  .pager li > a,
  .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0px;
  }
  .pager li > a:hover,
  .pager li > a:focus {
    text-decoration: none;
    background-color: #e6e6e6;
  }
  .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: #b3b3b3;
    background-color: #ffffff;
    cursor: not-allowed;
  }
  .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
  }
  .label[href]:hover,
  .label[href]:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
  }
  .label:empty {
    display: none;
  }
  .label-default {
    background-color: #222222;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
    background-color: #090909;
  }
  .label-primary {
    background-color: #007fff;
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
    background-color: #0066cc;
  }
  .label-success {
    background-color: #3fb618;
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
    background-color: #2f8912;
  }
  .label-info {
    background-color: #9954bb;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
    background-color: #7e3f9d;
  }
  .label-warning {
    background-color: #ff7518;
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #e45c00;
  }
  .label-danger {
    background-color: #ff0039;
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
    background-color: #cc002e;
  }
  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #b3b3b3;
    border-radius: 10px;
  }
  .badge:empty {
    display: none;
  }
  a.badge:hover,
  a.badge:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
  }
  .btn .badge {
    position: relative;
    top: -1px;
  }
  a.list-group-item.active > .badge,
  .nav-pills > .active > a > .badge {
    color: #007fff;
    background-color: #ffffff;
  }
  .nav-pills > li > a > .badge {
    margin-left: 3px;
  }
  .jumbotron {
    padding: 30px;
    margin-bottom: 30px;
    font-size: 22.5px;
    font-weight: 200;
    line-height: 2.1428571435;
    color: inherit;
    background-color: #e6e6e6;
  }
  .jumbotron h1 {
    line-height: 1;
    color: inherit;
  }
  .jumbotron p {
    line-height: 1.4;
  }
  .container .jumbotron {
    border-radius: 0px;
  }
  @media screen and (min-width: 768px) {
    .jumbotron {
      padding-top: 48px;
      padding-bottom: 48px;
    }
    .container .jumbotron {
      padding-left: 60px;
      padding-right: 60px;
    }
    .jumbotron h1 {
      font-size: 67.5px;
    }
  }
  .thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 0px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
    display: block;
  }
  .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
  }
  a.thumbnail:hover,
  a.thumbnail:focus {
    border-color: #007fff;
  }
  .thumbnail > img {
    margin-left: auto;
    margin-right: auto;
  }
  .thumbnail .caption {
    padding: 9px;
    color: #a5a5a5;
  }
  .alert {
    padding: 15px;
    margin-bottom: 21px;
    border: 1px solid transparent;
    border-radius: 0px;
  }
  .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: #3fb618;
    border-color: #4e9f15;
    color: #ffffff;
  }
  .alert-success hr {
    border-top-color: #438912;
  }
  .alert-success .alert-link {
    color: #e6e6e6;
  }
  .alert-info {
    background-color: #9954bb;
    border-color: #7643a8;
    color: #ffffff;
  }
  .alert-info hr {
    border-top-color: #693c96;
  }
  .alert-info .alert-link {
    color: #e6e6e6;
  }
  .alert-warning {
    background-color: #ff7518;
    border-color: #ff4309;
    color: #ffffff;
  }
  .alert-warning hr {
    border-top-color: #ee3800;
  }
  .alert-warning .alert-link {
    color: #e6e6e6;
  }
  .alert-danger {
    background-color: #ff0039;
    border-color: #f0005e;
    color: #ffffff;
  }
  .alert-danger hr {
    border-top-color: #d60054;
  }
  .alert-danger .alert-link {
    color: #e6e6e6;
  }
  @-webkit-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @-moz-keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  @-o-keyframes progress-bar-stripes {
    from {
      background-position: 0 0;
    }
    to {
      background-position: 40px 0;
    }
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .progress {
    overflow: hidden;
    height: 21px;
    margin-bottom: 21px;
    background-color: #cccccc;
    border-radius: 0px;
    -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: 13px;
    color: #ffffff;
    text-align: center;
    background-color: #007fff;
    -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-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: 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;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
  }
  .progress-bar-success {
    background-color: #3fb618;
  }
  .progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: 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: #9954bb;
  }
  .progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: 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: #ff7518;
  }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: 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: #ff0039;
  }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: 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: #ffffff;
    border: 1px solid #dddddd;
  }
  .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
  .list-group-item > .badge {
    float: right;
  }
  .list-group-item > .badge + .badge {
    margin-right: 5px;
  }
  a.list-group-item {
    color: #555555;
  }
  a.list-group-item .list-group-item-heading {
    color: #333333;
  }
  a.list-group-item:hover,
  a.list-group-item:focus {
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .list-group-item.active,
  .list-group-item.active:hover,
  .list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #007fff;
    border-color: #007fff;
  }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading {
    color: inherit;
  }
  .list-group-item.active .list-group-item-text,
  .list-group-item.active:hover .list-group-item-text,
  .list-group-item.active:focus .list-group-item-text {
    color: #cce5ff;
  }
  .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }
  .panel {
    margin-bottom: 21px;
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0px;
    -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: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .panel-body:after {
    clear: both;
  }
  .panel-body:before,
  .panel-body:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .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 {
    margin-bottom: 0;
  }
  .panel > .panel-body + .table {
    border-top: 1px solid #dddddd;
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: -1px;
    border-top-left-radius: -1px;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
  }
  .panel-title > a {
    color: inherit;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #dddddd;
    border-bottom-right-radius: -1px;
    border-bottom-left-radius: -1px;
  }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
    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 #dddddd;
  }
  .panel-group .panel-footer {
    border-top: 0;
  }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd;
  }
  .panel-default {
    border-color: #dddddd;
  }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
  }
  .panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #dddddd;
  }
  .panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd;
  }
  .panel-primary {
    border-color: #007fff;
  }
  .panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #007fff;
    border-color: #007fff;
  }
  .panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #007fff;
  }
  .panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #007fff;
  }
  .panel-success {
    border-color: #4e9f15;
  }
  .panel-success > .panel-heading {
    color: #ffffff;
    background-color: #3fb618;
    border-color: #4e9f15;
  }
  .panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #4e9f15;
  }
  .panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #4e9f15;
  }
  .panel-warning {
    border-color: #ff4309;
  }
  .panel-warning > .panel-heading {
    color: #ffffff;
    background-color: #ff7518;
    border-color: #ff4309;
  }
  .panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ff4309;
  }
  .panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ff4309;
  }
  .panel-danger {
    border-color: #f0005e;
  }
  .panel-danger > .panel-heading {
    color: #ffffff;
    background-color: #ff0039;
    border-color: #f0005e;
  }
  .panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #f0005e;
  }
  .panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #f0005e;
  }
  .panel-info {
    border-color: #7643a8;
  }
  .panel-info > .panel-heading {
    color: #ffffff;
    background-color: #9954bb;
    border-color: #7643a8;
  }
  .panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #7643a8;
  }
  .panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #7643a8;
  }
  .well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -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: 0px;
  }
  .well-sm {
    padding: 9px;
    border-radius: 0px;
  }
  .close {
    float: right;
    font-size: 22.5px;
    font-weight: bold;
    line-height: 1;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
  }
  .close:hover,
  .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50);
  }
  button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
  }
  .modal-open {
    overflow: hidden;
  }
  body.modal-open,
  .modal-open .navbar-fixed-top,
  .modal-open .navbar-fixed-bottom {
    margin-right: 15px;
  }
  .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 {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    padding: 10px;
    z-index: 1050;
  }
  .modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    -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: #000000;
  }
  .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 #e5e5e5;
    min-height: 16.428571429px;
  }
  .modal-header .close {
    margin-top: -2px;
  }
  .modal-title {
    margin: 0;
    line-height: 1.428571429;
  }
  .modal-body {
    position: relative;
    padding: 20px;
  }
  .modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer:before,
  .modal-footer:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .modal-footer:after {
    clear: both;
  }
  .modal-footer:before,
  .modal-footer:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .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 {
      left: 50%;
      right: auto;
      width: 600px;
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .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: 13px;
    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: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 0px;
  }
  .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: rgba(0, 0, 0, 0.9);
  }
  .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(0, 0, 0, 0.9);
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    right: 5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(0, 0, 0, 0.9);
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(0, 0, 0, 0.9);
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(0, 0, 0, 0.9);
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(0, 0, 0, 0.9);
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(0, 0, 0, 0.9);
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: rgba(0, 0, 0, 0.9);
  }
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    -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: 15px;
    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: #999999;
    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: #ffffff;
  }
  .popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    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: #ffffff;
  }
  .popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    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: #ffffff;
  }
  .popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
  }
  .popover.left .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    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: #ffffff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  }
  .carousel-control.left {
    background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
    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: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, 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-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
    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: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, 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 {
    color: #ffffff;
    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%;
    left: 50%;
    z-index: 5;
    display: inline-block;
  }
  .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 #ffffff;
    border-radius: 10px;
    cursor: pointer;
  }
  .carousel-indicators .active {
    margin: 0;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
  }
  .carousel-caption {
    position: absolute;
    left: 15%;
    right: 15%;
    bottom: 20px;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #ffffff;
    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 .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;
    }
  }
  .clearfix:before,
  .clearfix:after {
    content: " ";
    /* 1 */

    display: table;
    /* 2 */

  }
  .clearfix:after {
    clear: both;
  }
  .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;
  }
  .affix {
    position: fixed;
  }
  @-ms-viewport {
    width: device-width;
  }
  @media screen and (max-width: 400px) {
    @-ms-viewport {
      width: 320px;
    }
  }
  .hidden {
    display: none !important;
    visibility: hidden !important;
  }
  .visible-xs {
    display: none !important;
  }
  tr.visible-xs {
    display: none !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-xs {
      display: block !important;
    }
    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;
    }
    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;
    }
    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;
    }
    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 {
    display: none !important;
  }
  tr.visible-sm {
    display: none !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-sm.visible-xs {
      display: block !important;
    }
    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;
    }
    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;
    }
    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;
    }
    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 {
    display: none !important;
  }
  tr.visible-md {
    display: none !important;
  }
  th.visible-md,
  td.visible-md {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-md.visible-xs {
      display: block !important;
    }
    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;
    }
    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;
    }
    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;
    }
    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 {
    display: none !important;
  }
  tr.visible-lg {
    display: none !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-lg.visible-xs {
      display: block !important;
    }
    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;
    }
    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;
    }
    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;
    }
    tr.visible-lg {
      display: table-row !important;
    }
    th.visible-lg,
    td.visible-lg {
      display: table-cell !important;
    }
  }
  .hidden-xs {
    display: block !important;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
    tr.hidden-xs {
      display: none !important;
    }
    th.hidden-xs,
    td.hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm {
      display: none !important;
    }
    tr.hidden-xs.hidden-sm {
      display: none !important;
    }
    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 {
      display: none !important;
    }
    tr.hidden-xs.hidden-md {
      display: none !important;
    }
    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-xs.hidden-lg {
      display: none !important;
    }
    tr.hidden-xs.hidden-lg {
      display: none !important;
    }
    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
      display: none !important;
    }
  }
  .hidden-sm {
    display: block !important;
  }
  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 {
      display: none !important;
    }
    tr.hidden-sm.hidden-xs {
      display: none !important;
    }
    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
    tr.hidden-sm {
      display: none !important;
    }
    th.hidden-sm,
    td.hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md {
      display: none !important;
    }
    tr.hidden-sm.hidden-md {
      display: none !important;
    }
    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-sm.hidden-lg {
      display: none !important;
    }
    tr.hidden-sm.hidden-lg {
      display: none !important;
    }
    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
      display: none !important;
    }
  }
  .hidden-md {
    display: block !important;
  }
  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 {
      display: none !important;
    }
    tr.hidden-md.hidden-xs {
      display: none !important;
    }
    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 {
      display: none !important;
    }
    tr.hidden-md.hidden-sm {
      display: none !important;
    }
    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
      display: none !important;
    }
  }
  @media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
      display: none !important;
    }
    tr.hidden-md {
      display: none !important;
    }
    th.hidden-md,
    td.hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-md.hidden-lg {
      display: none !important;
    }
    tr.hidden-md.hidden-lg {
      display: none !important;
    }
    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
      display: none !important;
    }
  }
  .hidden-lg {
    display: block !important;
  }
  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 {
      display: none !important;
    }
    tr.hidden-lg.hidden-xs {
      display: none !important;
    }
    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 {
      display: none !important;
    }
    tr.hidden-lg.hidden-sm {
      display: none !important;
    }
    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 {
      display: none !important;
    }
    tr.hidden-lg.hidden-md {
      display: none !important;
    }
    th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
      display: none !important;
    }
  }
  @media (min-width: 1200px) {
    .hidden-lg {
      display: none !important;
    }
    tr.hidden-lg {
      display: none !important;
    }
    th.hidden-lg,
    td.hidden-lg {
      display: none !important;
    }
  }
  .visible-print {
    display: none !important;
  }
  tr.visible-print {
    display: none !important;
  }
  th.visible-print,
  td.visible-print {
    display: none !important;
  }
  @media print {
    .visible-print {
      display: block !important;
    }
    tr.visible-print {
      display: table-row !important;
    }
    th.visible-print,
    td.visible-print {
      display: table-cell !important;
    }
    .hidden-print {
      display: none !important;
    }
    tr.hidden-print {
      display: none !important;
    }
    th.hidden-print,
    td.hidden-print {
      display: none !important;
    }
  }
/*
   .hidden-hd         { display: inherit !important; }
   .visible-hd        { display: none !important; }

   @media all and (-webkit-min-device-pixel-ratio : 1.5) {
     .hidden-hd         { display: none !important; }
     .visible-hd        { display: inherit !important; }
     }   */@font-face {
      font-family: 'icomoon';
      src: url('fonts/icons/icomoon.eot?10aom8');
      src: url('fonts/icons/icomoon.eot?10aom8#iefix') format('embedded-opentype'), url('fonts/icons/icomoon.ttf?10aom8') format('truetype'), url('fonts/icons/icomoon.woff?10aom8') format('woff'), url('fonts/icons/icomoon.svg?10aom8#icomoon') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    [class^="icon-"],
    [class*=" icon-"] {
      /* use !important to prevent issues with browser extensions that change fonts */

      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */

      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .icon-Oterabout:before {
      content: "\e900";
    }
    .icon-acceso:before {
      content: "\e901";
    }
    .icon-adtactics .path1:before {
      content: "\e902";
      color: #e25527;
    }
    .icon-adtactics .path2:before {
      content: "\e903";
      margin-left: -1em;
      color: #e25527;
    }
    .icon-adtactics .path3:before {
      content: "\e904";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-adtactics .path4:before {
      content: "\e905";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-adtactics .path5:before {
      content: "\e906";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-adtactics .path6:before {
      content: "\e907";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-adtactics .path7:before {
      content: "\e908";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-adtactics .path8:before {
      content: "\e909";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-adtactics .path9:before {
      content: "\e90a";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-androide:before {
      content: "\e90b";
    }
    .icon-angular:before {
      content: "\e90c";
    }
    .icon-apcelerator:before {
      content: "\e90d";
    }
    .icon-API:before {
      content: "\e90e";
    }
    .icon-app-movil:before {
      content: "\e90f";
    }
    .icon-Aps_moviles:before {
      content: "\e910";
    }
    .icon-avisos_pago:before {
      content: "\e911";
    }
    .icon-beutelspacher .path1:before {
      content: "\e912";
      color: #ffffff;
    }
    .icon-beutelspacher .path2:before {
      content: "\e913";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path3:before {
      content: "\e914";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path4:before {
      content: "\e915";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path5:before {
      content: "\e916";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path6:before {
      content: "\e917";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path7:before {
      content: "\e918";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path8:before {
      content: "\e919";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path9:before {
      content: "\e91a";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path10:before {
      content: "\e91b";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path11:before {
      content: "\e91c";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path12:before {
      content: "\e91d";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-beutelspacher .path13:before {
      content: "\e91e";
      margin-left: -1em;
      color: #dd1e26;
    }
    .icon-bootstrap:before {
      content: "\e91f";
    }
    .icon-candado2:before {
      content: "\e920";
    }
    .icon-catalogizacion:before {
      content: "\e921";
    }
    .icon-cerrar:before {
      content: "\e922";
    }
    .icon-chat:before {
      content: "\e923";
    }
    .icon-chavascript:before {
      content: "\e924";
    }
    .icon-chompu:before {
      content: "\e925";
    }
    .icon-citas:before {
      content: "\e926";
    }
    .icon-config_users:before {
      content: "\e927";
    }
    .icon-contacto:before {
      content: "\e928";
    }
    .icon-contingencias:before {
      content: "\e929";
    }
    .icon-control-informa:before {
      content: "\e92a";
    }
    .icon-control-paqueteria:before {
      content: "\e92b";
    }
    .icon-cotizaciones:before {
      content: "\e92c";
    }
    .icon-cotizador:before {
      content: "\e92d";
    }
    .icon-ctrl_comp:before {
      content: "\e92e";
    }
    .icon-ejecuciones:before {
      content: "\e92f";
    }
    .icon-estadisticas:before {
      content: "\e930";
    }
    .icon-evento:before {
      content: "\e931";
    }
    .icon-eventos:before {
      content: "\e932";
    }
    .icon-facturas:before {
      content: "\e933";
    }
    .icon-folder:before {
      content: "\e934";
    }
    .icon-galeria:before {
      content: "\e935";
    }
    .icon-html5:before {
      content: "\e936";
    }
    .icon-ico_koha:before {
      content: "\e937";
    }
    .icon-ico_mysql:before {
      content: "\e938";
    }
    .icon-ico_pentaho:before {
      content: "\e939";
    }
    .icon-ico1:before {
      content: "\e93a";
    }
    .icon-info_lotes:before {
      content: "\e93b";
    }
    .icon-informes:before {
      content: "\e93c";
    }
    .icon-ios:before {
      content: "\e93d";
    }
    .icon-IT:before {
      content: "\e93e";
    }
    .icon-java:before {
      content: "\e93f";
    }
    .icon-jquery:before {
      content: "\e940";
    }
    .icon-juego:before {
      content: "\e941";
    }
    .icon-koha:before {
      content: "\e942";
    }
    .icon-laravel:before {
      content: "\e943";
    }
    .icon-linia_codigo:before {
      content: "\e944";
    }
    .icon-logo_adtactics .path1:before {
      content: "\e945";
      color: #ff7c00;
    }
    .icon-logo_adtactics .path2:before {
      content: "\e946";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path3:before {
      content: "\e947";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path4:before {
      content: "\e948";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path5:before {
      content: "\e949";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path6:before {
      content: "\e94a";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path7:before {
      content: "\e94b";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path8:before {
      content: "\e94c";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path9:before {
      content: "\e94d";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path10:before {
      content: "\e94e";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path11:before {
      content: "\e94f";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path12:before {
      content: "\e950";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path13:before {
      content: "\e951";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path14:before {
      content: "\e952";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path15:before {
      content: "\e953";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path16:before {
      content: "\e954";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path17:before {
      content: "\e955";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path18:before {
      content: "\e956";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path19:before {
      content: "\e957";
      margin-left: -4.4228515625em;
      color: #1b1f23;
    }
    .icon-logo_adtactics .path20:before {
      content: "\e958";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_adtactics .path21:before {
      content: "\e959";
      margin-left: -4.4228515625em;
      color: #ff7c00;
    }
    .icon-logo_scancube_black .path1:before {
      content: "\e95a";
      color: #94d900;
    }
    .icon-logo_scancube_black .path2:before {
      content: "\e95b";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path3:before {
      content: "\e95c";
      margin-left: -2.884765625em;
      color: #ffffff;
    }
    .icon-logo_scancube_black .path4:before {
      content: "\e95d";
      margin-left: -2.884765625em;
      color: #ffffff;
    }
    .icon-logo_scancube_black .path5:before {
      content: "\e95e";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path6:before {
      content: "\e95f";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path7:before {
      content: "\e960";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path8:before {
      content: "\e961";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path9:before {
      content: "\e962";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path10:before {
      content: "\e963";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path11:before {
      content: "\e964";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path12:before {
      content: "\e965";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path13:before {
      content: "\e966";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path14:before {
      content: "\e967";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path15:before {
      content: "\e968";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path16:before {
      content: "\e969";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path17:before {
      content: "\e96a";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path18:before {
      content: "\e96b";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path19:before {
      content: "\e96c";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path20:before {
      content: "\e96d";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path21:before {
      content: "\e96e";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path22:before {
      content: "\e96f";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path23:before {
      content: "\e970";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path24:before {
      content: "\e971";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path25:before {
      content: "\e972";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path26:before {
      content: "\e973";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path27:before {
      content: "\e974";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path28:before {
      content: "\e975";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path29:before {
      content: "\e976";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path30:before {
      content: "\e977";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path31:before {
      content: "\e978";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path32:before {
      content: "\e979";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path33:before {
      content: "\e97a";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-logo_scancube_black .path34:before {
      content: "\e97b";
      margin-left: -2.884765625em;
      color: #000000;
    }
    .icon-mabe:before {
      content: "\e97c";
    }
    .icon-mapa .path1:before {
      content: "\e97d";
      color: #433d4d;
    }
    .icon-mapa .path2:before {
      content: "\e97e";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path3:before {
      content: "\e97f";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path4:before {
      content: "\e980";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path5:before {
      content: "\e981";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path6:before {
      content: "\e982";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path7:before {
      content: "\e983";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path8:before {
      content: "\e984";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path9:before {
      content: "\e985";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path10:before {
      content: "\e986";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path11:before {
      content: "\e987";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path12:before {
      content: "\e988";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path13:before {
      content: "\e989";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path14:before {
      content: "\e98a";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path15:before {
      content: "\e98b";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path16:before {
      content: "\e98c";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path17:before {
      content: "\e98d";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path18:before {
      content: "\e98e";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path19:before {
      content: "\e98f";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path20:before {
      content: "\e990";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path21:before {
      content: "\e991";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path22:before {
      content: "\e992";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path23:before {
      content: "\e993";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path24:before {
      content: "\e994";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path25:before {
      content: "\e995";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path26:before {
      content: "\e996";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path27:before {
      content: "\e997";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path28:before {
      content: "\e998";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path29:before {
      content: "\e999";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path30:before {
      content: "\e99a";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path31:before {
      content: "\e99b";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path32:before {
      content: "\e99c";
      margin-left: -1.4150390625em;
      color: #c9af98;
    }
    .icon-mapa .path33:before {
      content: "\e99d";
      margin-left: -1.4150390625em;
      color: #433d4d;
    }
    .icon-mapa .path34:before {
      content: "\e99e";
      margin-left: -1.4150390625em;
      color: #c3e6f9;
    }
    .icon-mapa .path35:before {
      content: "\e99f";
      margin-left: -1.4150390625em;
      color: #c3e6f9;
    }
    .icon-mapa .path36:before {
      content: "\e9a0";
      margin-left: -1.4150390625em;
      color: #4a8ec8;
    }
    .icon-mapa .path37:before {
      content: "\e9a1";
      margin-left: -1.4150390625em;
      color: #4a8ec8;
    }
    .icon-mapa .path38:before {
      content: "\e9a2";
      margin-left: -1.4150390625em;
      color: #fefefe;
    }
    .icon-mas:before {
      content: "\e9a3";
    }
    .icon-mensajeria:before {
      content: "\e9a4";
    }
    .icon-mensajero:before {
      content: "\e9a5";
    }
    .icon-monitor:before {
      content: "\e9a6";
    }
    .icon-mundo:before {
      content: "\e9a7";
    }
    .icon-mundo1:before {
      content: "\e9a8";
    }
    .icon-nodos:before {
      content: "\e9a9";
    }
    .icon-opac_ico-02:before {
      content: "\e9aa";
    }
    .icon-orden_compra:before {
      content: "\e9ab";
    }
    .icon-php:before {
      content: "\e9ac";
    }
    .icon-plugins:before {
      content: "\e9ad";
    }
    .icon-programadores:before {
      content: "\e9ae";
    }
    .icon-proyectos:before {
      content: "\e9af";
    }
    .icon-pto_cancun_logo:before {
      content: "\e9b0";
    }
    .icon-rails:before {
      content: "\e9b1";
    }
    .icon-reportes:before {
      content: "\e9b2";
    }
    .icon-rest_api:before {
      content: "\e9b3";
    }
    .icon-robot:before {
      content: "\e9b4";
    }
    .icon-scancube .path1:before {
      content: "\e9b5";
      color: #93d800;
    }
    .icon-scancube .path2:before {
      content: "\e9b6";
      margin-left: -1em;
      color: #000000;
    }
    .icon-scancube .path3:before {
      content: "\e9b7";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-scancube .path4:before {
      content: "\e9b8";
      margin-left: -1em;
      color: #ffffff;
    }
    .icon-scancube .path5:before {
      content: "\e9b9";
      margin-left: -1em;
      color: #000000;
    }
    .icon-secciones:before {
      content: "\e9ba";
    }
    .icon-servicios:before {
      content: "\e9bb";
    }
    .icon-servidor2:before {
      content: "\e9bc";
    }
    .icon-sipad_logo:before {
      content: "\e9bd";
    }
    .icon-starbucks .path1:before {
      content: "\e9be";
      color: #067655;
    }
    .icon-starbucks .path2:before {
      content: "\e9bf";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path3:before {
      content: "\e9c0";
      margin-left: -1em;
      color: #067555;
    }
    .icon-starbucks .path4:before {
      content: "\e9c1";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path5:before {
      content: "\e9c2";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path6:before {
      content: "\e9c3";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path7:before {
      content: "\e9c4";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path8:before {
      content: "\e9c5";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path9:before {
      content: "\e9c6";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path10:before {
      content: "\e9c7";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path11:before {
      content: "\e9c8";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path12:before {
      content: "\e9c9";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path13:before {
      content: "\e9ca";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path14:before {
      content: "\e9cb";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path15:before {
      content: "\e9cc";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path16:before {
      content: "\e9cd";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path17:before {
      content: "\e9ce";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path18:before {
      content: "\e9cf";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path19:before {
      content: "\e9d0";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path20:before {
      content: "\e9d1";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path21:before {
      content: "\e9d2";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path22:before {
      content: "\e9d3";
      margin-left: -1em;
      color: #fdfdfd;
    }
    .icon-starbucks .path23:before {
      content: "\e9d4";
      margin-left: -1em;
      color: #fdfdfd;
    }
    .icon-starbucks .path24:before {
      content: "\e9d5";
      margin-left: -1em;
      color: #010101;
    }
    .icon-starbucks .path25:before {
      content: "\e9d6";
      margin-left: -1em;
      color: #067655;
    }
    .icon-starbucks .path26:before {
      content: "\e9d7";
      margin-left: -1em;
      color: #067655;
    }
    .icon-starbucks .path27:before {
      content: "\e9d8";
      margin-left: -1em;
      color: #067655;
    }
    .icon-starbucks .path28:before {
      content: "\e9d9";
      margin-left: -1em;
      color: #077655;
    }
    .icon-starbucks .path29:before {
      content: "\e9da";
      margin-left: -1em;
      color: #067655;
    }
    .icon-starbucks .path30:before {
      content: "\e9db";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path31:before {
      content: "\e9dc";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path32:before {
      content: "\e9dd";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path33:before {
      content: "\e9de";
      margin-left: -1em;
      color: #fefefe;
    }
    .icon-starbucks .path34:before {
      content: "\e9df";
      margin-left: -1em;
      color: #fcfcfc;
    }
    .icon-starbucks .path35:before {
      content: "\e9e0";
      margin-left: -1em;
      color: #fbfbfb;
    }
    .icon-starbucks .path36:before {
      content: "\e9e1";
      margin-left: -1em;
      color: #020202;
    }
    .icon-starbucks .path37:before {
      content: "\e9e2";
      margin-left: -1em;
      color: #020202;
    }
    .icon-starbucks .path38:before {
      content: "\e9e3";
      margin-left: -1em;
      color: #050505;
    }
    .icon-taza_cafe:before {
      content: "\e9e4";
    }
    .icon-tickets:before {
      content: "\e9e5";
    }
    .icon-tiempo:before {
      content: "\e9e6";
    }
    .icon-TT:before {
      content: "\e9e7";
    }
    .icon-usuarios:before {
      content: "\e9e8";
    }
    .icon-web:before {
      content: "\e9e9";
    }
    .icon-wordpress:before {
      content: "\e9ea";
    }
    .icon-pizza:before {
      content: "\e9eb";
    }
    .icon-pago:before {
      content: "\e9ec";
    }
    .icon-c_inventario:before {
      content: "\e9ee";
    }
    .icon-staff:before {
      content: "\e9ef";
    }
    .icon-lealtad:before {
      content: "\e9ed";
    }
    .icon-reservaciones:before {
      content: "\e9fa";
    }
    .icon-m_pedidos:before {
      content: "\e9fb";
    }
    .icon-envio:before {
      content: "\e9fc";
    }
    .icon-productos:before {
      content: "\e9fd";
    }
    .icon-i_ventas:before {
      content: "\e9fe";
    }
    .icon-gps:before {
      content: "\e9ff";
    }
    .icon-flotilla:before {
      content: "\effa";
    }
    @font-face {
      font-family: 'icomoon';
      src: url('fonts/icons2/icomoon.eot?64riak');
      src: url('fonts/icons2/icomoon.eot?64riak#iefix') format('embedded-opentype'), url('fonts/icons2/icomoon.ttf?64riak') format('truetype'), url('fonts/icons2/icomoon.woff?64riak') format('woff'), url('fonts/icons2/icomoon.svg?64riak#icomoon') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    [class^="icon-"],
    [class*=" icon-"] {
      /* use !important to prevent issues with browser extensions that change fonts */

      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      /* Better Font Rendering =========== */

      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    .icon-suricata_programador:before {
      content: "\e900";
    }
    .icon-suricata_pm:before {
      content: "\e901";
    }
    .icon-suricata_disenador:before {
      content: "\e9ae";
    }
    .icon-acceso:before {
      content: "\e901";
      color: #f26e21;
    }
    .icon-about:before {
      content: "\e900";
      /*color: #fff;*/

    }
    .icon-grails:before {
      content: "\e904";
      /*color: #6d6e71;*/

    }
/*
@txt-tam20: 16px;
@txt-tam25: 19px;
@txt-tam30: 20px;
@txt-tam70: 50px;

*/
@font-face {
  font-family: 'Fairview';
  src: url('fonts/fairview/fairview_regular-webfont.eot');
  src: url('fonts/fairview/fairview_regular-webfont.otf') format('opentype'), url('fonts/fairview/fairview_regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/fairview/fairview_regular-webfont.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/fairview/fairview_regular-webfont.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'Fairview_SmallCaps';
  src: url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.eot');
  src: url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.otf') format('opentype'), url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'Featured_Item';
  src: url('fonts/featured/featureditem-webfont.eot');
  src: url('fonts/featured/featureditem-webfont.otf') format('opentype'), url('fonts/featured/featureditem-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/featured/featureditem-webfont.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/featured/featureditem-webfont.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaLTStd-Cond';
  src: url('fonts/Helvetica/HelveticaLTStd-Cond.eot');
  src: url('fonts/Helvetica/HelveticaLTStd-Cond.otf') format('opentype'), url('fonts/Helvetica/HelveticaLTStd-Cond.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaLTStd-Cond.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaLTStd-Cond.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaLTStd-LightCond';
  src: url('fonts/Helvetica/HelveticaLTStd-LightCond.eot');
  src: url('fonts/Helvetica/HelveticaLTStd-LightCond.otf') format('opentype'), url('fonts/Helvetica/HelveticaLTStd-LightCond.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaLTStd-LightCond.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaLTStd-LightCond.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaLTStd-BoldCond';
  src: url('fonts/Helvetica/HelveticaLTStd-BoldCond.eot');
  src: url('fonts/Helvetica/HelveticaLTStd-BoldCond.otf') format('opentype'), url('fonts/Helvetica/HelveticaLTStd-BoldCond.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaLTStd-BoldCond.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaLTStd-BoldCond.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaLTStd-BoldCondObl';
  src: url('fonts/Helvetica/HelveticaLTStd-BoldCondObl.eot');
  src: url('fonts/Helvetica/HelveticaLTStd-BoldCondObl.otf') format('opentype'), url('fonts/Helvetica/HelveticaLTStd-BoldCondObl.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaLTStd-BoldCondObl.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaLTStd-BoldCondObl.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url('fonts/Helvetica/HelveticaNeueLTStd-Cn.eot');
  src: url('fonts/Helvetica/HelveticaNeueLTStd-Cn.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-Cn.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-Cn.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-Cn.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaNeueLTStd-LtCn';
  src: url('fonts/Helvetica/HelveticaNeueLTStd-LtCn.eot');
  src: url('fonts/Helvetica/HelveticaNeueLTStd-LtCn.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-LtCn.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-LtCn.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-LtCn.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Lt';
  src: url('fonts/Helvetica/HelveticaNeueLTStd-Lt.eot');
  src: url('fonts/Helvetica/HelveticaNeueLTStd-Lt.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-Lt.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-Lt.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-Lt.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaNeueLTStd-Md';
  src: url('fonts/Helvetica/HelveticaNeueLTStd-Md.eot');
  src: url('fonts/Helvetica/HelveticaNeueLTStd-Md.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-Md.ttf') format('truetype'), /* Safari, Android, iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-Md.svg#svgFontName') format('svg'), /* Legacy iOS */
  url('fonts/Helvetica/HelveticaNeueLTStd-Md.woff') format('woff');/* IE9 Compat Modes */
}
@font-face {
  font-family: 'HelveticaLTStd-ExtraComp';
  src: url('fonts/Helvetica/HelveticaLTStd-ExtraComp.otf') format('opentype');
}
html,
body {
  width: 100%;
  min-height: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
.pdf20 {
  padding-left: 30px;
}
.mt30 {
  margin-top: 30px;
}
a,
a:hover,
a:active,
a:focus {
  outline: none !important;
}
img {
  max-width: 100%;
}
.size18 {
  font-size: 32px !important;
}
.txt-orange2,
.txt-orange2:hover {
  color: #f98009;
}
.id-desarrollo .icon-Aps_moviles {
  color: #d52e36 !important;
}
.bg-orange2 {
  color: #f98009;
}
.bg-web {
  background: #000000;
}
.bg-web p {
  color: #fff !important;
}
.bg-stb {
  background: #0c7145;
}
.bg-stb p {
  color: #fff !important;
}
.bg-artec {
  background: #0076bd;
}
.bg-artec p {
  color: #fff !important;
}
.bg-pul {
  background: #00f2ae;
}
.bg-pul p {
  color: #4A4A4A !important;
}
.bg-dib {
  background: #4b5424;
}
.bg-dib p {
  color: #fff !important;
}
.txt-scancube,
.txt-black2:hover {
  color: #94d900;
}
.txt-blackScan,
.txt-blackScan:hover {
  color: #4a4a4a;
}
.bg-scancube {
  background: #94d900;
}
.txt-dilmun,
.txt-dilmun:hover {
  color: #01ab40;
}
.txt-marketplace,
.txt-marketplace:hover {
  color: #f7b033;
}
.txt-fleet {
  color: #402f50;
}
.txt-black2,
.txt-black2:hover {
  color: #5e5e5e;
}
.txt-white1,
.txt-white1:hover {
  color: #ffdcd7;
}
.txt-green2,
.txt-green2:hover {
  color: #3abaa1;
}
.bg-green2 {
  background: #3abaa1;
}
.txt-pink,
.txt-pink:hover {
  color: #fd7f6a;
}
.bg-pink {
  background: #fd7f6a;
}
.txt-gris4,
.txt-gris4:hover {
  color: #6e6f72;
}
.bg-gris4 {
  background: #6e6f72;
}
.txt-brown,
.text-brown:hover {
  color: #cab097;
}
.bg-brown {
  background: #cab097;
}
.bg-verde1 {
  background-color: #8ec63f;
}
.bg-zenit {
  background: black;
}
.txt-verde1 {
  color: #8ec63f;
}
.txt-red,
.txt-red:hover {
  color: #d52e36;
}
.txt-red1,
.txt-red1:hover {
  color: #d42f36;
}
.txt-gris,
.txt-gris:hover {
  color: #585858;
}
.txt-yellow,
.txt-yellow:hover {
  color: #fdb53c;
}
.txt-white,
.txt-white:hover {
  color: #ffffff;
}
.txt-pc,
.txt-pc:hover {
  color: #27c0be;
}
.txt-pc-prin,
.txt-pc-prin:hover {
  color: #2fadd3;
}
.txt-naranja1 {
  color: #fe8b76;
}
.margin-bottom25 {
  margin-bottom: 25px !important;
}
.margin-bottom40 {
  margin-bottom: 40px !important;
}
.margin-bottom50 {
  margin-bottom: 50px !important;
}
.margin-top50 {
  margin-top: 50px;
}
.div-close-nav-desktop {
  display: block;
}
a.txt-red,
a:focus.txt-red {
  color: #d52e36;
}
a.txt-white1,
a:focus.txt-white1 {
  color: #ffdcd7;
}
a.txt-green2,
a:focus.txt-green2 {
  color: #3abaa1;
}
a.txt-red1,
a:focus.txt-red1 {
  color: #d42f36;
}
.scroll-fix {
  z-index: 2;
}
.logo {
  width: 100%;
}
.logo img {
  max-width: 100%;
  width: 120px;
}
.navbar-nav {
  font-family: "Featured Item", sans-serif;
  font-size: 20px;
}
.navbar-inverse {
  background-color: #000000;
  border-bottom: #000;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #d52e36;
}
.navbar > .container .navbar-brand {
  margin-left: 0;
}
.navbar-brand {
  float: left;
  padding: 0 12px;
  font-size: 19px;
  line-height: 60px;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #d52e36;
}
.navbar-header.slide-active {
  z-index: 3;
  width: 100%;
  background: #ffffff;
}
.container-znt {
  background: black;
}
.container-znt.pdv {
  padding-top: 300px;
}
.container-znt.dilmun {
  margin-top: 280px;
}
.container-znt.fleet {
  margin-top: 245px;
}
.container-znt.sipad {
  margin-top: 300px;
}
.container-znt.tracking {
  margin-top: 335px;
}
.container-znt.puerto {
  margin-top: 248px;
}
.container-znt.scancube {
  margin-top: 340px;
}
.container-znt.cuervo {
  margin-top: 270px;
}
.container-znt.libros {
  margin-top: 245px;
}
.container-znt.proyectos {
  margin-top: 245px;
}
.container-znt.mensajeria {
  margin-top: 270px;
}
.container-logo-znt {
  display: inline-block;
  margin: 0 auto;
  width: 75%;
  height: 100%;
  padding-top: 10px;
  text-align: center;
}
.container-logo-znt img {
  height: 45px;
}
.video-znt {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.header-znt #header-proyecto {
  background-image: none !important;
}
/*test*/
.navbar-toggle {
  display: block;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
  margin-top: 0px;
}
/* put toggle bars on the left :: not using button */
.slide-nav .navbar-toggle {
  cursor: pointer;
  position: absolute;
  margin: 0;
  width: 50px;
  height: 40px;
  padding: 4px 8px;
  border: 0;
  /*background: @white;*/

  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}
.navbar-inverse .navbar-toggle:hover .icon-bar,
.navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: #ffffff;
}
.menu .navbar-toggle:hover,
.menu .navbar-toggle:focus {
  background-color: transparent;
  text-decoration: none;
}
.menu .navbar-header.slide-active {
  background: transparent;
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 20%;
  margin: auto;
  left: 0;
  right: 0;
  top: inherit;
  display: block;
}
.menu .navbar-header {
  background: transparent;
  height: 30px;
  width: 30px;
  position: absolute;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  top: initial;
  display: block;
}
.menu .navbar-toggle:hover,
.menu .navbar-toggle:focus {
  background-color: transparent;
  text-decoration: none;
}
.fadeico {
  display: none;
  transform: scale(1, 1);
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1, 1);
  }
  10% {
    -webkit-transform: scale(1.1, 1.1);
  }
  100% {
    -webkit-transform: scale(1, 1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  10% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.increase {
  -webkit-animation: pulse 1s linear 1;
  animation: pulse 1s linear 1;
}
@-webkit-keyframes decrease {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(0.2, 0.2);
  }
}
@keyframes decrease {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(0.2, 0.2);
  }
}
/*.decrease {
    -webkit-animation: decrease 0.3s linear 1;
    animation: decrease 0.3s linear 1;
    }*/
    .slide-nav #slidemenu .menu .navbar-nav li a span.title {
      font-size: 18px;
      text-align: center;
      position: relative;
      display: block;
      line-height: 22px;
    }
    .slide-nav #slidemenu .menu .navbar-nav li a {
      color: #fff;
    }
    .slide-nav #slidemenu .menu .navbar-nav li a:hover {
      text-decoration: none;
    }
    .menu .navbar-toggle {
      cursor: pointer;
      position: absolute;
      margin: 0;
      width: 60px;
      height: 60px;
      padding: 0;
      border: 0;
      background: transparent;
      font-size: 60px;
      color: #fff;
      line-height: 60px;
      margin: auto;
      right: 0;
      left: 0;
      bottom: inherit;
      top: 0;
    }
    .div-close-nav-desktop {
      position: relative;
    }
    .close-nav-desktop {
      cursor: pointer;
      position: absolute;
      margin: 0;
      width: 60px;
      height: 60px;
      padding: 0;
      border: 0;
      background: transparent;
      font-size: 60px;
      color: #fff;
      line-height: 60px;
      margin: auto;
      right: 30px;
    }
    .close-nav-desktop:hover {
      text-decoration: none;
      color: #fff;
    }
    @media (min-width: 768px) {
      .navbar-header {
        float: right;
      }
    }
    /* icon bar prettyup - optional */
    .slide-nav .navbar-toggle > .icon-bar {
      width: 100%;
      display: block;
      height: 3px;
      margin: 5px 0 0 0;
    }
    .slide-nav .navbar-toggle.slide-active .icon-bar {
      background: #d52e36;
    }
    .slide-nav .navbar-toggle.slide-active .icon-bar:last-child,
    .slide-nav .navbar-toggle.slide-active .icon-bar:nth-child(2) {
      background: transparent;
    }
    .navbar-header {
      position: relative;
      left: 0;
    }
    /* un fix the navbar when active so that all the menu items are accessible */
    .navbar.navbar-fixed-top.slide-active {
      position: fixed;
    }
    /* screw writing importants and shit, just stick it in max width since these classes are not shared between sizes */
    .padre {
      height: 250px;
    }
    .hijo {
      clear: both;
      height: 100px;
    }
    .slide-nav .container {
      margin: 0;
      padding: 0;
    }
    .slide-nav .navbar-header {
      margin: 0 auto;
      padding: 0 15px;
      height: 60px;
      width: 80px;
      right: 0;
      float: right;
    }
    .slide-nav .navbar.slide-active {
      position: absolute;
      width: 80%;
      top: 0;
      z-index: 1000;
    }
    .menu {
      position: relative;
  /* height: 100%;
  max-height: 100%;*/

  background: transparent;
  width: 100%;
  z-index: 2;
  /* min-height: 800px;*/

  top: 5px;
}
.submenu {
  text-align: center;
  color: #fff;
}
.submenu h1 {
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .slide-nav #slidemenu .menu .navbar-nav {
    min-width: 300px;
    max-width: 600px;
    margin: auto;
    position: absolute;
    top: 100px;
    bottom: 0;
    height: 100%;
    right: 0;
    left: 0;
    max-height: 800px;
    min-height: 200px;
  }
  .nav > li > .fadeico {
    margin: 15px 0;
  }
  .slide-nav #slidemenu {
    background: #f7f7f7;
    left: 0;
    width: 100%;
    min-width: 0;
    position: fixed;
    padding-left: 0;
    z-index: 2;
    top: 0;
    margin: 0;
    overflow: hidden;
    height: 0;
  }
}
@media (max-width: 1200px) {
  .slide-nav #slidemenu {
    background: #f7f7f7;
    left: 0;
    width: 100%;
    min-width: 0;
    position: fixed;
    padding-left: 0;
    z-index: 2;
    top: 0;
    margin: 0;
    /*overflow-x: hidden;
    overflow-y:scroll;*/
    
    height: 0;
  }
  /*.menu {
              min-height: 537px;
              }*/
              .slide-nav #slidemenu .menu .navbar-nav {
                min-width: 250px;
                max-width: 90%;
                margin: auto;
                position: absolute;
                bottom: 0;
                height: 100%;
                right: 0;
                left: 0;
    /* max-height: 800px;
    min-height: 200px;*/
    
    z-index: -1;
  }
  .nav > li > .fadeico {
    margin: 10px 0;
  }
}
.slide-nav #slidemenu .menu .navbar-nav li {
  min-width: 0;
  margin: 0;
  padding: 0;
}
.slide-nav #slidemenu .menu .navbar-nav .dropdown-menu li a {
  min-width: 0;
  width: 80%;
  white-space: normal;
}
.slide-nav {
  border-top: 0;
}
.slide-nav.navbar-inverse #slidemenu {
  background: #d52e36;
}
/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
.slide-nav #navbar-height-col {
  position: fixed;
  top: -100%;
  height: 100%;
  width: 100%;
  left: 0;
  background: #eee;
}
.slide-nav.navbar-inverse #navbar-height-col {
  background-color: #d52e36;
  z-index: 1;
  border: 0;
  background-image: url(http://zenit.mx/img/bg-menu.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}
.slide-nav .navbar-form {
  width: 100%;
  margin: 8px 0;
  text-align: center;
  overflow: hidden;
  /*fast clearfixer*/

}
.slide-nav .navbar-form .form-control {
  text-align: center;
}
.slide-nav .navbar-form .btn {
  width: 100%;
}
.slide-nav #slidemenu .menu .navbar-nav li a .scalehover:hover span {
  transform-origin: 50% 50% 0px;
  transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1.3, 1.3);
  opacity: 0;
  background-color: transparent;
  -webkit-transition: all .8s linear;
  -moz-transition: all .8s linear;
  -ms-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
  width: 100%;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: transparent;
}
span.scalehover {
  position: relative;
  height: auto;
  opacity: 1;
  display: block;
  margin-bottom: 15px;
}
span.scaleabsolute {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  right: 0;
  left: 0;
  margin: auto;
  top: 0;
  display: block;
}
.scalehover-ico:hover span {
  transform-origin: 50% 50% 0px;
  transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1.3, 1.3);
  opacity: 0;
  background-color: transparent;
  -webkit-transition: all .8s linear;
  -moz-transition: all .8s linear;
  -ms-transition: all .8s linear;
  -o-transition: all .8s linear;
  transition: all .8s linear;
  width: 100%;
}
.cont-scalehover-ico {
  text-align: center;
  cursor: pointer;
}
.cont-scalehover-ico a,
.cont-scalehover-ico a:hover {
  text-decoration: none;
}
.scalehover-ico {
  position: relative;
  opacity: 1;
  display: block;
  margin-bottom: 15px;
  font-size: 17em;
}
.scalehover-ico-proyectos {
  position: relative;
  opacity: 1;
  display: block;
  margin-bottom: 15px;
  font-size: 6em;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .slide-nav #slidemenu .menu .navbar-nav li a {
    text-align: center;
    text-transform: uppercase;
    font-size: 120px;
    line-height: 87px;
    margin: 7px 0;
    padding: 7px 0;
  }
  .slide-nav #slidemenu .menu .navbar-nav li.cerrar a {
    display: block;
    margin: auto;
    font-size: 70px;
    line-height: 52px;
  }
}
@media (max-width: 768px) {
  .slide-nav #slidemenu .menu .navbar-nav li a {
    text-align: center;
    text-transform: uppercase;
    font-size: 100px;
    line-height: 100px;
    margin: 7px 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  li.cerrar > .fadeico {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .div-close-nav-desktop {
    display: none;
  }
  .slide-nav #slidemenu .menu .navbar-nav li.cerrar > .increase {
    position: fixed;
    height: 50px;
    clear: both;
    background: black;
    width: 100%;
    bottom: 0;
    margin: 0;
  }
  .slide-nav #slidemenu .menu .navbar-nav .cerrarit {
    position: absolute;
    margin: 0px auto;
    left: 0;
    right: 0;
    text-align: center;
    height: 60px;
    width: 60px;
    line-height: 50px;
  }
  .slide-nav #slidemenu .menu .navbar-nav .cerrarit .icon-cerrar {
    font-size: 50px;
  }
  .slide-nav #slidemenu .menu .navbar-nav li a {
    font-size: 70px;
    line-height: 50px;
  }
  span.scalehover {
    margin-bottom: 12px;
  }
  .submenu h1 {
    text-transform: uppercase;
    margin: 12px 0 0px 0;
  }
  .slide-nav #slidemenu .menu .navbar-nav {
    margin: auto;
    position: relative;
    /* max-height: 700px;
    min-height: 700px;*/
    
    max-width: 100%;
    /* overflow-y: scroll;*/
    
    overflow-x: hidden;
    z-index: 0 !important;
  }
  .link-proy {
    min-width: initial !important;
    padding-top: .6em !important;
    padding-bottom: .6em !important;
    height: 35px;
  }
  .proy-name-znt {
    display: none;
  }
  #header-proyecto .link-proy.der {
    padding-left: 4px !important;
  }
  #header-proyecto .link-proy.izq {
    padding-right: 4px !important;
  }
  .flecha-proy.sig {
    right: 12px !important;
  }
  .flecha-proy.ant {
    left: 12px !important;
  }
}
/*@media (max-height: 760px){
    .slide-nav #slidemenu{
        overflow-y: scroll;
    }
    }*/
    h1,
    h2,
    p {
      font-family: "Featured Item", sans-serif;
    }
    h3,
    h4 {
      font-family: "Fairview", sans-serif;
    }
    h5,
    h6 {
      font-family: "Fairview SmallCaps", sans-serif;
    }
    h1,
    h2 {
      margin-top: 21px;
      margin-bottom: 10.5px;
    }
    h3,
    h4 {
      margin-top: 10.5px;
      margin-bottom: 10.5px;
    }
    h5,
    h6 {
      margin-top: 10.5px;
      margin-bottom: 10.5px;
    }
    h6 {
      font-size: 26px;
    }
    .show-red {
      color: #d52e36;
      text-align: center;
    }
    .show-yellow {
      color: #fdb53c;
      text-align: center;
    }
    @media (min-width: 991px) {
      h1 {
        font-size: 70px;
      }
      h2 {
        font-size: 45px;
      }
      p {
        font-size: 16px;
      }
      h3 {
        font-size: 30px;
      }
      h4 {
        font-size: 24px;
      }
      h5 {
        font-size: 32px;
      }
    }
    #cont-img-logo-principal {
      text-align: center;
    }
    #id-desarrollo {
      position: relative;
      margin-top: 2em;
      margin-bottom: 5em;
    }
    .block {
      background-color: #000;
    }
    .block:hover {
      background-color: #000;
    }
    .block:hover .icon {
      color: #d52e36;
    }
    .block:hover .block-title {
      background-color: #d52e36;
    }
    .block-title {
      position: absolute;
      bottom: -25px;
      margin: auto;
      right: 0;
      left: 0;
      text-align: center;
      background: rgba(0, 0, 0, 0.99);
      max-width: 80%;
      color: #fff;
    }
    @media (min-width: 768px) {
      .block {
        position: relative;
        width: 100%;
        cursor: pointer;
        min-height: 300px;
        margin: auto auto 50px auto;
      }
      .block .icon {
        text-align: center;
        font-size: 17em;
        display: block;
        margin: auto;
        color: #ffffff;
      }
    }
    .header-znt #header-proyecto:before {
      background: none;
    }
    @media only screen and (max-width: 991px) and (min-width: 768px) {
      .block {
        position: relative;
        width: 100%;
        cursor: pointer;
        min-height: 200px;
        margin: auto auto 50px auto;
      }
      .block .icon {
        text-align: center;
        font-size: 10em;
        display: block;
        margin: auto;
        color: #ffffff;
      }
    }
    @media (max-width: 767px) {
      .block {
        position: relative;
        width: 100%;
        cursor: pointer;
        min-height: 200px;
        margin: auto auto 50px auto;
      }
      .block .icon {
        text-align: center;
        font-size: 173px;
        display: block;
        margin: auto;
        color: #ffffff;
        line-height: 175px;
      }
    }
    .portfolio-item {
      margin-bottom: 30px;
    }
    .portfolio-items li {
      margin: 0;
      padding: 0;
    }
    .portfolio-sorting li {
      margin: 0;
      padding: 12px 5px;
    }
    .portfolio {
      margin: 48px 0;
    }
    .portfolio-sorting {
      text-transform: uppercase;
      font-size: 16px;
      margin-bottom: 48px;
      background: #232121;
      padding: 0;
      position: relative;
    }
    .portfolio-sorting li a {
      color: #808080;
      text-decoration: none;
      padding: 12px 6px;
    }
    .portfolio-sorting li a:hover,
    .portfolio-sorting li a.active {
      color: #ffffff;
      background-color: #d52e36;
    }
    .portfolio-sorting .list-inline > li {
      display: inline-block;
      padding-left: 0;
      padding-right: 0;
    }
    .info {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto;
      height: 50px;
    }
    .view {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      float: left;
      overflow: hidden;
      position: relative;
      cursor: default;
    }
    .view-third:hover .barraTitulo {
      opacity: 0;
    }
    .view .mask {
      width: 100%;
      height: 100%;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      bottom: 0;
      margin: auto;
      right: 0;
      z-index: 1;
    }
    .view .img {
      position: absolute;
      right: 0;
      left: 0;
      margin: auto;
      top: 0;
    }
    .view .mask .img img {
      display: block;
      margin: auto;
      max-width: 100%;
      width: auto;
    }
    .view .mask .img {
      display: block;
      min-width: 200px;
    }
    .view .mask h2 {
      text-transform: uppercase;
      color: #fff;
      text-align: center;
      position: relative;
      font-size: 17px;
      padding: 10px;
      background: rgba(0, 0, 0, 0.8);
      margin: 20px 0 0 0;
    }
    .view .mask p {
      font-family: "HelveticaLTStd-LightCond";
      font-style: normal;
      position: absolute;
      color: #fff;
      padding: 0px 10px;
      text-align: center;
      top: 95px;
      bottom: 50px;
      margin: auto;
      display: block;
      overflow: hidden;
      left: 0;
      right: 0;
      font-size: 16px;
    }
    .formato-txt-menu {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
    }
    .view .mask info {
      display: inline-block;
      text-decoration: none;
      padding: 0;
      color: #fff;
      text-transform: uppercase;
    }
    .view-third img {
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      width: 100%;
    }
    .view-third .mask {
      background-color: rgba(255, 231, 179, 0.3);
      -webkit-transition: all 0.4s linear;
      -moz-transition: all 0.4s linear;
      -o-transition: all 0.4s linear;
      -ms-transition: all 0.4s linear;
      transition: all 0.4s linear;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .view-third .mask .img {
      margin: auto;
    }
    .view .mask .img img {
      height: 65px;
      margin: 5px auto;
    }
    @media (max-width: 767px) {
      
    }
    @media (min-width: 1500px) {
      .info img {
        display: block;
        width: 45px;
        height: 45px;
        margin: auto;
      }
      .view .mask .img img {
        height: 75px;
      }
    }
    @media only screen and (max-width: 1500px) and (min-width: 768px) {
      .view {
        height: 300px;
      }
      .view a {
        width: 100%;
        height: 100%;
        display: inline-block;
      }
      .view-third img {
        height: 100%;
        width: auto;
        max-width: none;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
      }
      .view .mask .img img {
        height: 85px;
        position: relative;
        left: 0;
        transform: translateX(0px);
      }
    }
    @media only screen and (max-width: 767px) {
      .view .img {
        top: 10px;
      }
      .view .mask .img img {
        height: 120px;
      }
      .view-third .mask p {
        font-size: 18px;
        top: 130px;
      }
      .mask > .info {
        bottom: 30px;
      }
      .mask > .info > img {
        height: 50px;
      }
    }
    @media (max-width: 560px) and (min-width: 400px) {
      .mask > .info {
        bottom: 20px;
        height: 35px;
      }
      .view .mask .img img {
        height: 80px;
        margin: 0 auto;
      }
    }
    @media (max-width: 400px) {
      .mask > .info {
        bottom: 4px;
        height: 35px;
      }
      .view .mask .img img {
        height: 60px;
        margin: 0 auto;
      }
    }
    @media only screen and (max-width: 560px) {
      .view .mask .img {
        top: 8px;
      }
      #iconos-desarrollo > .icono {
        box-sizing: border-box;
        display: inline-block !important;
        margin-right: 0 !important;
        width: 20%;
      }
      .mask > .info > img {
        height: 35px;
        margin: auto;
      }
      .view-third .mask p {
        font-size: 13px;
        top: 100px;
      }
    }
    .view-third .mask .img {
      background: transparent;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -o-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transition-delay: 0.35s;
      -moz-transition-delay: 0.35s;
      -o-transition-delay: 0.35s;
      -ms-transition-delay: 0.35s;
      transition-delay: 0.35s;
    }
    .view-third .mask h2 {
      border-bottom: 1px solid rgba(0, 0, 0, 0.3);
      background: transparent;
      margin: 20px 40px 0px 40px;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -o-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      color: #333;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .view-third .mask p {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(1.5);
      -moz-transform: scale(1.5);
      -o-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear;
      -webkit-transition-delay: 0.45s;
      -moz-transition-delay: 0.45s;
      -o-transition-delay: 0.45s;
      -ms-transition-delay: 0.45s;
      transition-delay: 0.45s;
    }
    .view-third .mask .info {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
      -webkit-transform: scale(2);
      -moz-transform: scale(2);
      -o-transform: scale(2);
      -ms-transform: scale(2);
      transform: scale(2);
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      transition: all 0.3s linear;
      -webkit-transition-delay: 0.55s;
      -moz-transition-delay: 0.55s;
      -o-transition-delay: 0.55s;
      -ms-transition-delay: 0.55s;
      transition-delay: 0.55s;
    }
    .view-third:hover .mask {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .view-third:hover .mask {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .view-third:hover .mask h2,
    .view-third:hover .mask p,
    .view-third:hover .mask .info,
    .view-third:hover .mask .img {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .view-third .mask.bg-alfa {
      background-color: rgba(4, 164, 138, 0.8);
    }
    .view-third .mask.bg-autokr {
      background-color: rgba(37, 167, 195, 0.8);
    }
    .view-third .mask.bg-fgnzo {
      background-color: rgba(253, 101, 2, 0.8);
    }
    .view-third .mask.bg-porfteatro {
      background-color: rgba(2, 75, 2, 0.6);
    }
    /**********/
    .view-third .mask.bg-starbucks {
      background-color: rgba(3, 71, 52, 0.95);
    }
    .view-third .mask.bg-zenit {
      background-color: rgba(21, 23, 22, 0.95);
    }
    .view-third .mask.bg-beutel {
      background-color: rgba(18, 29, 56, 0.95);
    }
    .view-third .mask.bg-mensajeria {
      background-color: rgba(32, 35, 41, 0.95);
    }
    .view-third .mask.bg-pdv {
      background-color: rgba(0, 0, 0, 0.9);
    }
    .view-third .mask.bg-dilmun {
      background-color: rgba(247, 176, 51, 0.95);
    }
    .view-third .mask.bg-marketplace {
      background-color: rgba(247, 176, 51, 0.95);
    }
    .view-third .mask.bg-fleet {
      background-color: rgba(64, 47, 80, 0.95);
    }
    /**noDefinidos,checarmasadelanteconJonnas!***/
    .view-third .mask.bg-teatro {
      background-color: rgba(32, 35, 41, 0.8);
    }
    .view-third .mask.bg-mabe {
      background-color: rgba(32, 14, 54, 0.95);
    }
    .view-third .mask.bg-puertoCC {
      background-color: rgba(0, 113, 139, 0.8);
    }
    .view-third .mask.bg-as2 {
      background-color: rgba(49, 100, 100, 0.75);
    }
    .view-third .mask.bg-amg {
      background-color: rgba(0, 150, 180, 0.95);
    }
    .view-third .mask.bg-mundo {
      background-color: rgba(5, 95, 99, 0.95);
    }
    .view-third .mask.cuervo {
      background-color: rgba(12, 46, 40, 0.9);
      color: rgba(12, 46, 40, 0.9);
    }
    .view-third .mask.bg-scancube {
      background-color: rgba(56, 56, 56, 0.95);
    }
    .view-third .mask.bg-tracking {
      background-color: rgba(87, 48, 0, 0.95);
    }
    .form-control {
      display: block;
      width: 100%;
      padding: 0 15px;
      font-size: 24px;
      line-height: 1.428571429;
      color: #fff;
      vertical-align: middle;
      background-color: transparent;
      border: 0;
      border-radius: 0px;
      -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;
      border-bottom: 1px solid #fff;
      font-family: "Fairview", sans-serif;
    }
    textarea.form-control {
      overflow: hidden;
    }
    #comentario {
      resize: none;
    }
    /* all */
    .form-control::-webkit-input-placeholder {
      color: #fff;
      text-transform: none;
    }
    .form-control::-moz-placeholder {
      color: #fff;
      text-transform: none;
    }
    /* firefox 19+ */
    .form-control:-ms-input-placeholder {
      color: #fff;
      text-transform: none;
    }
    /* ie */
    .form-controlinput:-moz-placeholder {
      color: #fff;
      text-transform: none;
    }
    .btn {
      display: inline-block;
      margin-bottom: 0;
      font-size: 25px;
      font-weight: normal;
      line-height: 1.428571429;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      border: 1px solid transparent;
      border-radius: 0px;
      white-space: nowrap;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      text-transform: uppercase;
    }
    .btn-default {
      color: #ffffff;
      background-color: #d52e36 !important;
      border-color: #d52e36 !important;
      width: 100%;
    }
    .footer {
      font-family: "Fairview", sans-serif;
      background-image: -moz-linear-gradient(90deg, #222222, #222222 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 4px, #222222 4px);
      background-image: -webkit-linear-gradient(90deg, #222222, #222222 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 4px, #222222 4px);
      background-repeat: repeat;
      background-size: 2px 4px;
      padding: 20px;
      position: relative;
      z-index: 100;
    }
    .footer button {
  /* background-image: -moz-linear-gradient(90deg, rgba(34, 34, 34, 0.22), rgba(34, 34, 34, 0.37) 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 4px, rgba(34, 34, 34, 0.33) 4px);
    background-image: -webkit-linear-gradient(90deg, rgba(34, 34, 34, 0.22), rgba(34, 34, 34, 0.37) 2px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0) 4px, rgba(34, 34, 34, 0.33) 4px);
    background-repeat: repeat;*/

    background-size: 2px 4px;
    padding: 3px;
    box-sizing: ;
  }
  .footer button:hover {
    border: 1px solid #d52e36;
  }
  .footer button:active {
    border: 3px solid #d52e36;
    box-sizing: border-box;
    padding: 1px 3px;
  }
  .pie-footer {
    font-family: "Featured Item", sans-serif;
    background: #000;
    border-top: 2px solid #d52e36;
  }
  .pie-footer .sub-footer {
    padding: 40px;
  }
  .pie-footer .nav > li > a:hover,
  .pie-footer .nav > li > a:focus {
    text-decoration: none;
    background-color: rgba(230, 230, 230, 0);
  }
  .pie-footer .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px 10px 0;
    color: #d52e36;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 30px;
  }
  .pie-footer .collapse.in > li > a {
    color: #ffffff;
  }
  .pie-footer .caret-container {
    display: inline-block;
  }
  .pie-footer .caret-container .caret {
    border-top-color: #d52e36;
    border-bottom-color: #d52e36;
  }
  .pie-footer .hr {
    display: inline-block;
    min-height: 350px;
    background: #d52e36;
    height: auto;
    width: 3px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .pie-footer .mail,
  .pie-footer .fon,
  .pie-footer .address {
    color: #ffffff;
    text-transform: uppercase;
  }
  @media (min-width: 991px) {
    .pie-footer .mail,
    .pie-footer .fon,
    .pie-footer .address {
      font-size: 24px;
      line-height: 26px;
    }
  }
  .pie-footer .mail .text-red,
  .pie-footer .fon .text-red,
  .pie-footer .address .text-red {
    font-style: italic;
    color: #d52e36;
  }
  .pie-footer .address {
    z-index: 555;
    position: absolute;
    background: rgba(0, 0, 0, 0.88);
    padding: 7px;
    bottom: 0;
    margin: 10px;
  }
  @media (min-width: 991px) {
    .redes-sociales {
      margin: auto;
      max-width: 235px;
      min-width: 235px;
    }
    .redes-sociales .rs {
      display: inline-block;
      vertical-align: top;
      width: auto;
      height: 40px;
      margin-right: 24px;
    }
    .redes-sociales .rss:last-child {
      margin-right: 0;
    }
    .datos-zenit {
      margin: auto;
      max-width: 235px;
      min-width: 235px;
    }
    .datos-etiquetas {
      position: relative;
      height: 100%;
      width: 100%;
      min-height: 200px;
    }
    .datos-etiquetas .sub-etiquetas {
      position: absolute;
      bottom: 0;
      margin: auto;
    }
    .datos-etiquetas .sub-etiquetas a {
      color: #fff;
      font-size: 27px;
      line-height: 29px;
    }
    .datos-etiquetas .sub-etiquetas a:hover {
      text-decoration: none;
      color: #d52e36;
    }
    .datos-etiquetas .sub-etiquetas .red {
      color: #d52e36;
    }
  }
  @media (max-width: 990px) {
    .redes-sociales {
      margin: auto;
      max-width: 100%;
      min-width: 100%;
    }
    .redes-sociales .rs {
      display: inline-block;
      vertical-align: top;
      width: auto;
      height: 30px;
      margin-right: 10px;
    }
    .redes-sociales .rss:last-child {
      margin-right: 0;
    }
    .redes-sociales .rs img {
      width: auto;
      height: 30px;
    }
    .datos-etiquetas {
      position: relative;
      height: 100%;
      width: 100%;
      min-height: 100%;
    }
    .datos-etiquetas .sub-etiquetas {
      position: relative;
      bottom: 0;
      margin: auto;
      padding-top: 60px;
    }
    .datos-etiquetas a {
      color: #fff;
      font-size: 20px;
      line-height: 22px;
    }
    .datos-etiquetas a:hover {
      text-decoration: none;
      color: #d52e36;
    }
    .datos-etiquetas .red {
      color: #d52e36;
    }
  }
  @media (max-width: 767px) {
    .datos-etiquetas .sub-etiquetas {
      padding-top: 0px;
    }
  }
  @media all and (max-width: 767px) {
    .formato-mapa {
      display: none;
    }
  }
  .section-title {
    font-family: "Featured Item", sans-serif;
  }
  .section-title {
    position: relative;
    margin: 2em auto;
    display: block;
    max-height: 100%;
  }
  .section-title h1 {
    display: inline-block;
    margin: 0;
    padding-right: 30px;
    position: relative;
    vertical-align: middle;
    text-align: right;
    font-family: "HelveticaLTStd-BoldCond";
  }
  .section-title .slope {
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    padding-left: 20px;
    position: relative;
  }
  .section-title .slope::after {
    content: "";
    background-color: #d52e36;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    margin: auto;
    height: 100%;
    width: 8px;
  }
  .section-title .slope p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
    font-family: "HelveticaLTStd-BoldCondObl";
  }
  .section-title span.red {
    color: #d52e36;
  }
  .section-title-info {
    margin-bottom: 42px;
  }
  .section-title-info p {
    font-family: "HelveticaLTStd-Cond";
  }
  @media (max-width: 768px) {
    .section-title h1 {
      font-size: 30px;
      line-height: 0.6em;
    }
    .slope p {
      font-size: 30px;
      line-height: 30px;
    }
    .section-title {
      min-width: 500px;
      max-width: 400px;
      margin: 12px auto;
      height: auto;
      min-height: 70px;
    }
    .section-title h1::after {
      height: 60px;
      width: 4px;
    }
  }
  @media (max-width: 580px) {
    .section-title {
      min-width: 400px;
      max-width: 400px;
      margin: 12px auto;
      min-height: 90px;
    }
    .section-title h1 {
      font-size: 22px;
    }
    .slope p {
      font-size: 22px;
      line-height: 22px;
    }
    .section-title h1 {
      padding-right: 14px;
    }
    .section-title .slope {
      padding-left: 14px;
    }
  }
  @media (min-width: 767px) {
    .section-title h1 {
      font-size: 70px;
      line-height: 72px;
    }
    .section-title {
      min-width: 735px;
      max-width: 400px;
    }
    .slope p {
      font-size: 43px;
      line-height: 50px;
    }
  }
  @media (max-width: 320px) {
    .section-title {
      min-width: 300px ;
      max-width: 300px !important;
    }
  }
  .content-proyecto {
    padding: 15px 0 30px 0;
  }
  .content-proyecto.bg-mensajeria {
    background-color: #202329;
  }
  .fondo-img-proyectos {
    width: 100%;
    height: 220px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    box-sizing: border-box;
  }
  .post-carousel .carousel-control.left {
    background-image: none;
  }
  .post-carousel .carousel-control.right {
    background-image: none;
  }
  .post-carousel .carousel-inner .item {
    background: white;
  }
  .posts-proyecto-slider {
    margin: 1em auto;
  }
  .visitarsitio h2 {
    text-align: center;
    color: #ffffff;
  }
  .posts-proyecto p {
    color: #58595b;
  }
  .posts-proyecto .red {
    color: #d52e37;
  }
  #cont-total {
    min-height: 100%;
    height: auto;
    position: relative;
  }
  .cont-int-total {
    position: relative;
    min-height: 100%;
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    z-index: 200;
  }
  .img-responsive-880 {
    width: 100%;
    max-width: 880px;
  }
  .cont-int-pad {
    padding: 0 15px;
  }
  .img-logo-proy {
    margin-bottom: 10px;
    margin-left: 15px;
    max-width: 300px;
    width: 100%;
  }
  .img-proyectos {
    max-width: 500px;
    width: 100%;
    margin: 15px auto;
  }
  .cont-info-proyectos {
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .titulo-info-proyectos {
    color: #D52E37;
    font-size: 40px;
    font-family: "Helvetica Neue LT Std";
    text-transform: uppercase;
  }
  .titulo-info-proyectos:first-letter {
    font-size: 50px;
  }
  .txt-info-proyectos {
    color: #58595B;
    font-size: 20px;
    line-height: 25px;
    font-family: "Helvetica Neue LT Std";
  }
  .boton-pagina {
    text-decoration: none;
    display: inline-block;
    margin: 15px auto;
    width: 100%;
    max-width: 250px;
    background-color: #d42f36;
    text-align: center;
    color: #ffffff;
    font-family: "HelveticaNeueLTStd-Lt";
    text-transform: uppercase;
    padding: 5px 0 0;
  }
  .letter-max50 {
    font-size: 2rem;
  }
  .boton-pagina:hover {
    color: #ffffff;
    text-decoration: none;
  }
  .header-proy {
    font-family: "Helvetica Neue LT Std";
  }
  .header-proy .header-int {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    min-height: 100px;
    float: left;
  }
  .header-proy .titulo-preyeto01 {
    color: #ffffff;
    font-family: "HelveticaNeueLTStd-Md";
    margin-bottom: 15px;
  }
  .header-proy .txt-preyeto01 {
    font-family: "HelveticaNeueLTStd-Lt";
    color: #ffffff;
  }
  .header-proy > .header-cont-int01 {
    padding-left: 15px;
    padding-top: 60px;
    padding-bottom: 15px;
    padding-right: 15px;
  }
  .header-proy .header-cont-int02 {
    background-color: blue;
    position: relative;
  }
  .header-proy .header-cont-int02:after {
    width: 100%;
    max-width: 400px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.68+25,0+68 */

    background: -moz-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.68) 25%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.68) 25%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0.68) 25%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=1);
    /* IE6-9 */

  }
  .header-proy .section-title {
    min-width: auto;
    width: 100%;
    max-width: 600px;
    margin-top: 15px;
    float: right;
  }
  .header-proy .section-cont-izq {
    float: left;
    margin-top: 15px;
    max-width: 600px;
    min-width: auto;
    width: 100%;
    margin-left: 15px;
  }
  .header-proy .cont-section-title {
    display: inline-block;
    margin-bottom: 25px;
  }
  .header-proy .section-title h1 {
    font-size: 35px;
    line-height: 40px;
    text-align: right;
    text-transform: uppercase;
    font-family: 'HelveticaLTStd-BoldCond';
  }
  .header-proy .section-title h1:first-letter {
    font-size: 45px;
  }
  .header-proy .letter-max {
    font-size: 45px;
  }
  .header-proy .slope:after {
    top: -10px;
  }
  .header-proy .slope p {
    font-size: 43px;
    line-height: 40px;
    font-family: 'HelveticaLTStd-BoldCondObl';
    text-transform: none;
  }
  .cont-img-galeria-proy {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 200px;
    border: 1px solid;
    margin-bottom: 30px;
  }
  .padding-top-bottom {
    padding: 80px 0;
  }
  .flecha-proy {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position: center;
    display: inline-block;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
  }
  .flecha-proy.sig {
    background-image: url('http://zenit.mx/img/flechita-der.png');
    right: 15px;
  }
  .flecha-proy.ant {
    background-image: url('http://zenit.mx/img/flechita-izq.png');
    left: 15px;
  }
  .flecha {
    width: 75px;
    margin: auto;
    text-align: center;
  }
  .boton {
    width: 100%;
    max-width: 450px;
    text-align: center;
    line-height: 0.9em;
    margin: auto;
    margin-bottom: 15px;
    display: block;
    text-decoration: none;
    padding: 0.4em 0.8em 0.2em;
    font-family: "HelveticaNeueLTStd-LtCn";
    font-size: 20px;
  }
  .boton:hover {
    text-decoration: none;
  }
  .boton.red {
    background-color: #d52e36;
    color: #ffffff;
  }
  .boton.red:hover {
    background-color: #c2272f;
  }
  .cc-map-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */

    padding-top: 10px;
    height: 0;
  }
  .cc-map-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* does the trick */

  }
  #map {
    overflow: hidden;
    height: 100%;
    margin: 0 0 10px;
  }
  @media (max-width: 767px) {
    #map {
      overflow: hidden;
      height: 250px;
      margin: 20px 0;
    }
  }
  .mapa1 {
    position: relative;
    margin: 25px 0 40px;
  }
  #cont-titulo-maps {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 2;
    color: #e0a547;
    font-size: 20px;
    padding: 10px 15px;
  }
  #cont-titulo-maps > span {
    color: #fff;
  }
  .marcos {
    display: none;
  }
  .img-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
  #cont-contacto {
    position: relative;
  }
  #footer-cont-contacto {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 600px;
    background-image: url('http://zenit.mx/img/footer_BG.png');
    background-size: 1920px auto;
    background-position: bottom center;
    background-repeat: no-repeat;
  }
  #footer-efect {
    position: relative;
    overflow: hidden;
  }
  #cont-footer {
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
  }
  #fondo-completo {
    width: 100%;
    height: 200%;
    position: fixed;
    top: 0;
    left: 0;
    background-image: url('http://zenit.mx/img/bg_stars.jpg');
  }
  #cont-asteroides {
    background-image: url('http://zenit.mx/img/parallax/asteroides.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 250px;
    position: absolute;
    top: 500px;
    left: 0;
  }
  #cont-luna {
    width: 100%;
    position: absolute;
    top: 650px;
    left: 0;
    text-align: center;
    margin: auto;
    transform-origin: center 0 0;
  }
  #cont-luna > img {
    max-width: 1500px;
    width: 100%;
  }
  #cont-suricata01 {
    width: 100%;
    max-width: 160px;
    position: absolute;
    top: 540px;
    right: 20%;
    text-align: center;
    margin: auto;
  }
  #cont-suricata01 > img {
    max-width: 150px;
    width: 100%;
  }
  #cont-tierra {
    width: 100%;
    max-width: 90px;
    position: absolute;
    top: 540px;
    left: 5%;
    text-align: center;
    margin: auto;
  }
  #cont-tierra > img {
    max-width: 84px;
    width: 100%;
  }
  .bg-me {
    background-color: #413d4c;
    color: #ffffff;
  }
  .bg-me p {
    color: #ffffff;
  }
  .bg-tokio {
    background-color: #000000;
    color: #ffffff;
  }
  .bg-tokio p {
    color: #ffffff;
  }
  .bg-fleet {
    background-color: #402f50;
    color: #ffffff;
  }
  .bg-fleet p {
    color: #ffffff;
  }
  .bg-dilmun {
    background-color: #f7b033;
    color: #ffffff;
  }
  .bg-dilmun p {
    color: #ffffff;
  }
  .bg-dilmun .lista-detalles-proy li {
    color: #01ab40;
  }
  .bg-dilmun .lista-detalles-proy span {
    color: #ffffff;
  }
  .bg-marketplace {
    background-color: #f7b033;
    color: #ffffff;
  }
  .bg-marketplace p {
    color: #ffffff;
  }
  .bg-marketplace .lista-detalles-proy li {
    color: #01ab40;
  }
  .bg-marketplace .lista-detalles-proy span {
    color: #ffffff;
  }
  .proy-znt {
    z-index: 500;
  }
  /* ============== Pagina de proyectos ============== */
  #proyectos {
    padding-top: 60px;
    font-family: "HelveticaNeueLTStd-Lt";
    font-size: 16px;
    background-color: #ffffff;
    color: #000000;
  }
  #proyectos .section-title h1 {
    line-height: 0.8em;
  }
  #proyectos h3 {
    font-family: "HelveticaLTStd-LightCond";
    font-size: 25px;
  }
  #header-proyecto {
    position: relative;
    background-size: 65% auto;
    background-position: 100% 0;
    background-repeat: no-repeat;
    padding-top: 40px;
    padding-bottom: 0px;
  }
  #header-proyecto:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+60,ffffff+100&1+45,0+100 */

    background: -moz-linear-gradient(left, #000000 45%, rgba(0, 0, 0, 0.73) 60%, rgba(255, 255, 255, 0) 100%);
    /* FF3.6-15 */

    background: -webkit-linear-gradient(left, #000000 45%, rgba(0, 0, 0, 0.73) 60%, rgba(255, 255, 255, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to right, #000000 45%, rgba(0, 0, 0, 0.73) 60%, rgba(255, 255, 255, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ffffff', GradientType=1);
    /* IE6-9 */

  }
  #header-proyecto.activo {
    position: fixed;
    width: 100%;
    height: 135px;
    z-index: 100;
  }
  #header-proyecto.activo .section-title {
    margin: 5px auto 10px;
  }
  #header-proyecto.activo .section-title-info {
    display: none;
  }
  #header-proyecto .link-proy {
    display: inline-block;
    line-height: 1em;
    min-width: 250px;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    position: absolute;
    text-decoration: none;
    top: 0;
    z-index: 100;
  }
  #header-proyecto .link-proy.izq {
    left: 0;
    padding-left: 40px;
    padding-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #header-proyecto .link-proy.der {
    right: 0;
    text-align: right;
    padding-right: 40px;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #header-proyecto .link-proy.red {
    background-color: #d52e36;
    color: #ffffff;
  }
  #header-proyecto .link-proy.red:hover {
    background-color: #c2272f;
  }
  .txt-red {
    color: #d52e36;
  }
  .separa-bloque {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  .txt-variant {
    font-variant: small-caps;
    font-size: 25px;
  }
  .small-caps {
    font-variant: small-caps;
  }
  .cont-proyecto {
    position: relative;
    padding: 0;
    min-height: 450px;
    margin-top: -6px;
  }
  .cont-proyecto .titulo {
    font-size: 30px;
    text-align: center;
    font-variant: small-caps;
    font-family: "HelveticaNeueLTStd-LtCn";
  }
  .cont-proyecto.img-izq {
    text-align: left;
  }
  .cont-proyecto.img-izq .cont-img-proy {
    left: 0;
  }
  .cont-proyecto.img-der {
    text-align: right;
  }
  .cont-proyecto.img-der .cont-img-proy {
    right: 0;
  }
  .cont-proyecto .cont-img-proy {
    position: absolute;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 0;
  }
  .cont-proyecto .seccion-info {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .cont-proyecto.bg-blck {
    background: black;
  }
  .cont-proyecto.bg-wht {
    background: white;
  }
  .cont-proyecto.bg-dib {
    min-height: auto;
  }
  .lista-detalles-proy {
    padding-left: 20px;
    margin-top: 15px;
  }
  .lista-detalles-proy li {
    list-style-type: square;
    color: #d52e36;
  }
  .lista-detalles-proy span {
    color: #000000;
  }
  .lista-detalles-proy.margin-top li {
    margin-bottom: 15px;
  }
  .negrita {
    font-weight: bolder;
  }
  .anchoProyecto {
    width: 75%;
  }
  .cont-proceso {
    padding-left: 0;
    margin-top: 15px;
  }
  .cont-proceso li {
    list-style: none;
    display: inline-block;
    width: 15.5%;
    transition: width 1.5s;
    -moz-transition: width 1.5s;
    -ms-transition: width 1.5s;
    -webkit-transition: width 1.5s;
    -o-transition: width 1.5s;
    box-sizing: border-box;
    padding: 5px 15px;
    vertical-align: top;
  }
  .cont-proceso li div:first-child {
    margin: auto;
    width: 100%;
    max-width: 95px;
  }
  @media (max-width: 1200px) {
    #header-proyecto {
      background-size: cover;
    }
    #header-proyecto:before {
      background: rgba(0, 0, 0, 0.85);
    }
  }
  @media (max-width: 992px) {
    .cont-proyecto.img-izq,
    .cont-proyecto.img-der {
      text-align: left;
    }
    .cont-proyecto .cont-img-proy {
      position: static;
      width: 100%;
      height: 250px;
      top: 0;
    }
    .cont-proceso li {
      width: 30%;
    }
    .section-title h1,
    .section-title h2 {
      font-size: 30px !important;
      font-family: "HelveticaLTStd-BoldCond";
    }
    hr {
      margin-top: 3px;
      margin-bottom: 3px;
    }
    #header-proyecto.activo {
      height: 170px;
    }
  }
  @media (max-width: 767px) {
    .cont-proceso li {
      width: 45%;
    }
  }
  @media (max-width: 517px) {
    #header-proyecto .link-proy {
      min-width: initial;
    }
  }
  @media (max-width: 400px) {
    #header-proyecto .link-proy.der {
      width: 50%;
      padding-right: 25px;
    }
    #header-proyecto .link-proy.izq {
      width: 50%;
      padding-left: 25px;
    }
    #header-proyecto {
      padding-top: 45px;
    }
    .section-title .slope p {
      font-size: 20px !important;
    }
    .txt-may-titulo {
      font-size: 20px !important;
    }
    .flecha-proy.ant {
      background-image: url('http://zenit.mx/img/flechita-izq.png');
      left: 3px;
    }
    .flecha-proy.sig {
      background-image: url('http://zenit.mx/img/flechita-der.png');
      right: 3px;
    }
    #header-proyecto .link-proy.red {
      background: transparent !important;
    }
    #header-proyecto:before {
      /*background: transparent !important;*/
    }
    .flecha-proy {
      width: 30px;
      height: 30px;
    }
  }
  /* ============== thumbnail-info ============== */
  .thumbnail-info {
    margin-bottom: 25px;
    margin-top: 15px;
  }
  /* ============== imagenes respon ============== */
  .img-resp-gran {
    width: 100%;
    max-width: 280px;
    margin-bottom: 15px;
  }
  .img-resp-med {
    width: 100%;
    max-width: 220px;
    margin-bottom: 15px;
  }
  .img-resp-peque {
    width: 100%;
    max-width: 150px;
    margin-bottom: 15px;
  }
  .img-mapa {
    width: 100%;
    max-width: 650px;
    margin-bottom: 15px;
  }
  .img-responsivo {
    max-width: 100%;
    margin-bottom: 15px;
  }
  /* ============== iconos ============== */
  .cont-icono {
    margin: 25px auto 15px;
    text-align: center;
  }
  .ico-serv {
    display: inline-block;
    margin: 0 15px;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .ico-serv:first-child {
    margin-left: 0;
  }
  .ico-serv:last-child {
    margin-right: 0;
  }
  .ico-html5 {
    background-image: url('http://zenit.mx/img/proyectos/html5.svg');
  }
  .ico-java {
    background-image: url('http://zenit.mx/img/proyectos/java.svg');
  }
  .oculto {
    display: none;
  }
  .visible {
    display: block;
  }
  .linea {
    width: 100%;
    border: 2px solid #d52e36;
  }
  /* ============== colores de seccion de proyectos ============== */
  .bg-me {
    background-color: #413d4c;
    color: #ffffff;
  }
  .bg-me p {
    color: #ffffff;
  }
  /* mensajes */
  .msg_ok p {
    color: #47a447;
  }
  .msg_error p {
    color: #d52e36;
  }
  /************** SIPAD **************/
  .bg-sipad {
    background-color: #81a2a6;
    color: #ffffff;
  }
  .bg-sipad p {
    color: #ffffff;
  }
  .bg-sipad .lista-detalles-proy li {
    color: #ffa800;
  }
  .bg-sipad .lista-detalles-proy span {
    color: #ffffff;
  }
  .txt-orange {
    color: #ffa800;
  }
  .txt-gold {
    color: #C6B19A;
  }
  .bg-orange {
    background-color: #ffa800;
    color: #ffffff;
  }
  .bg-orange:hover {
    background-color: #e69700;
    color: #ffffff;
  }
  .ico-javaOrange {
    background-image: url("http://zenit.mx/img/proyectos/sipad/java.svg");
  }
  .ico-mysqlOrange {
    background-image: url("http://zenit.mx/img/proyectos/sipad/mysql.png");
  }
  .ico-pentahoOrange {
    background-image: url("http://zenit.mx/img/proyectos/sipad/pentaho.png");
  }
  /************** FIN SIPAD **************/
  /************** tracking-tool **************/
  .ico-javablue {
    background-image: url("http://zenit.mx/img/proyectos/tracking_tool/java.svg");
  }
  .ico-msqlblue {
    background-image: url("http://zenit.mx/img/proyectos/tracking_tool/mysql.png");
  }
  .bg-blue {
    background-color: #2fadd3;
    color: #ffffff;
  }
  .bg-blue a {
    color: #ffffff;
  }
  .bg-orange1 {
    background-color: #f26e21;
    color: #ffffff;
  }
  .bg-orange1:hover {
    color: #ffffff;
    background: #d4560c;
  }
  .txt-blue {
    color: #2fadd3 !important;
  }
  .txt-white {
    color: #ffffff;
  }
  .txt-orange1 {
    color: #f26e21;
  }
  .txt-black1 {
    color: #000000;
  }
  .bg-tracking {
    background-color: #f26e21;
  }
  .bg-tracking ul li {
    color: #2fadd3;
  }
  .bg-tracking p {
    color: #ffffff;
  }
  .bg-tracking h3 {
    color: #ffffff;
  }
  .ul-tracking li {
    color: #f26e21;
  }
  .imgMactt {
    max-width: 500px;
    width: 100%;
  }
  .bg-grisO {
    background-color: #4d4d4d;
    color: #ffffff;
  }
  .bg-grisO p {
    color: #ffffff;
  }
  /**************** Fin ********/
  .bg-pc {
    background-color: #2fadd3;
    color: #0a4654;
  }
  .bg-pc p {
    color: #0a4654;
  }
  .boton.pc {
    background-color: #2fadd3;
    color: #ffffff;
  }
  .boton.pc:hover {
    background-color: #299dc0;
  }
  .ico-html5-pc {
    background-image: url('http://zenit.mx/img/proyectos/puerto_cancun/html5.svg');
  }
  .ico-php-pc {
    background-image: url('http://zenit.mx/img/proyectos/puerto_cancun/php.svg');
  }
  /* ============= iconos Seguridad ============ */
  .size-ico-seguridad {
    font-size: 180px;
  }
  .size-ico-150 {
    font-size: 150px;
  }
  .size-ico-95 {
    font-size: 95px;
  }
  .size-ico-60 {
    font-size: 60px;
  }
  .size-ico-280 {
    font-size: 300px;
  }
  /************ cuervo ******************/
  .bg-cuervo {
    background-color: #fd7f6a;
    color: #ffdcd7;
  }
  .bg-cuervo .titulo,
  .bg-cuervo p,
  .bg-cuervo h3 {
    color: #ffdcd7;
  }
  .logo-Cuervo {
    margin-bottom: 15px;
    max-width: 140px;
    width: 100%;
  }
  .ulCuervo li {
    color: #3abaa1;
  }
  .cuervoInfo b {
    color: #fe8b76;
  }
  .cuervoInfo .size-ico-95 {
    color: #fe8b76;
  }
  /************ fin cuervo ******************/
  /************ scancube ******************/
  .bg-scancube {
    background-color: #94d900;
  }
  .bg-scancube p {
    color: #4a4a4a;
  }
  .logo-Cuervo {
    margin-bottom: 15px;
    max-width: 140px;
    width: 100%;
  }
  .ulscancube li {
    color: #94d900;
  }
  .ulscancube2 li {
    color: #ffffff;
  }
  .colorFondo {
    background-color: #ffffff;
  }
  /************ fin cuervo ******************/
  /************ Mundo de Libros ******************/
  .bg-mundoblue {
    background: #00aeef;
  }
  .mundoL span {
    color: #8ec63f;
  }
  .mundoL h3 {
    color: #d52e36;
  }
  /************ Fin Mundo de Libros ******************/
  .barraTitulo {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    color: #ffffff;
    padding: 15px;
  }
  .barraTitulo h4 {
    magin: 0 ;
    margin-bottom: 0px;
    margin-top: 0px;
  }
  /************ Personalizados Scroll ******************/
  .fix-header {
    height: 140px;
    position: fixed;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .frontal {
    z-index: 202;
  }
  .hide-mensaje {
    display: hidden;
  }
  .add_padding {
    margin: 2em auto;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .menu-chico {
    height: 200px !important;
  }
  .menu-chico-proyWeb {
    height: 178px !important;
    font-weight: normal;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
  }
  .menu-chico-scancube {
    height: 169px !important;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .menu-chico-mundo {
    height: 220px !important;
    font-weight: normal;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .menu-chico-sipad {
    height: 190px !important;
  }
  .menu-chico-track {
    height: 201px !important;
  }
  .menu-chico-ops {
    height: 150px !important;
  }
  .paddingrow {
    margin-left: 15px;
    margin-right: 15px;
  }
  /************ FIN Scroll ******************/
  /************* servicios ***************/
  .desarrolloM,
  .solucionesti,
  .desarrolloweb {
    margin-bottom: 25px;
  }
  .desarrolloM h6,
  .solucionesti h6,
  .desarrolloweb h6 {
    text-align: center;
  }
  .desarrolloM .scalehover-ico,
  .solucionesti .scalehover-ico,
  .desarrolloweb .scalehover-ico {
    text-align: center;
  }
  .desarrolloM a,
  .solucionesti a,
  .desarrolloweb a {
    text-decoration: none;
  }
  .desarrolloM .postxt,
  .solucionesti .postxt,
  .desarrolloweb .postxt {
    display: flex;
    align-items: center;
  }
  /*Estilos CAmbios version n+1*/
  .section-title {
    transition: all .5s;
  }
  /************* Fin servicios ***************/
  /* PDV*/
  .proy-znt {
    transition: max-height 0.6s ease-out;
  }
  .header-znt {
    max-height: 35px !important;
    overflow-y: hidden;
  }
  .video-znt {
    width: 100%;
  }
  /* END PDV*/
  .img-scroll-znt {
    display: none;
  }
  video:focus {
    border: none;
    outline: none;
  }
  /************ Medias querys ******************/
  @media (max-width: 1197px) {
    .scalehover-ico {
      font-size: 15em;
    }
  }
  @media (max-width: 1199px) {
    .pie-footer .hr:last-child {
      display: none;
    }
    .m-G {
      margin-bottom: 40px;
    }
  }
  @media (max-width: 767px) {
    .pie-footer .hr {
      background: transparent;
    }
    .desarrolloM .postxt,
    .solucionesti .postxt,
    .desarrolloweb .postxt {
      display: initial;
      align-items: center;
    }
  }
  @media (max-width: 991px) {
    
  }
  @media (max-width: 991px) {
    .section-title .slope p {
      font-size: 20px !important;
    }
    .txt-may-titulo {
      font-size: 20px !important;
    }
    .oculto {
      display: inline-block;
    }
    .visible {
      display: none;
    }
    .section-title .slope::after {
      background-color: transparent !important;
    }
    .section-title h1 {
      padding-right: 0px;
    }
    .section-title .slope {
      padding-left: 0px;
    }
    #proyectos .section-title h1 {
      width: auto;
      line-height: 0.6em;
    }
  }
  @media (max-width: 912px) {
    .container-logo-znt {
      width: 63%;
    }
  }
  @media (max-width: 621px) {
    .container-logo-znt {
      width: 52%;
    }
  }
  @media (max-width: 483px) {
    .container-logo-znt {
      width: 40%;
    }
  }
  @media (max-width: 420px) {
    .nav > li > .fadeico {
      min-height: 130px;
    }
    #id-desarrollo .scalehover-ico {
      font-size: 13em;
    }
    #iconos-desarrollo > .icono {
      width: 30%;
    }
    .sub-footer .col-xs-6 {
      width: 100%;
      margin-bottom: 20px;
    }
    .sub-footer {
      text-align: center;
    }
    .slide-nav #slidemenu .menu .navbar-nav li.cerrar > .increase {
      min-height: 50px !important;
    }
  /*.grails{
      text-overflow: ellipsis;
      overflow:hidden;
      white-space: nowrap;
      }*/
    }
    @media (max-width: 389px) {
      .container-logo-znt {
        width: 32%;
      }
      .container-logo-znt img {
        height: 35px;
        width: auto;
        margin-top: 5px;
      }
    }
    @media (max-width: 281px) {
      .txt-may-titulo {
        font-size: 25px !important;
      }
    }
    /*TRANSICIONES*/
    /*Animación de elementos*/
    .animation-element {
      opacity: 0;
      position: relative;
    }
    /* ANIM OPACITY */
    .animation-element.slide-opacity {
      opacity: 0;
      -moz-transition: all 1000ms linear;
      -webkit-transition: all 1000ms linear;
      -o-transition: all 1000ms linear;
      transition: all 1000ms linear;
    }
    .animation-element.slide-opacity.in-view {
      opacity: 1;
    }
    /* LEFT SLIDE ANIM */
    /* Animación, desplazamiento a la izquierda. */
    .animation-element.slide-left {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(-100px, 0px, 0px);
      -webkit-transform: translate3d(-100px, 0px, 0px);
      -o-transform: translate(-100px, 0px);
      -ms-transform: translate(-100px, 0px);
      transform: translate3d(-100px, 0px, 0px);
    }
    .animation-element.slide-left.in-view {
      opacity: 0.95;
      -moz-transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    /* RIGHT SLIDE ANIM */
    /* Animación, desplazamiento a la derecha. */
    .animation-element.slide-right {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(100px, 0px, 0px);
      -webkit-transform: translate3d(100px, 0px, 0px);
      -o-transform: translate(100px, 0px);
      -ms-transform: translate(100px, 0px);
      transform: translate3d(100px, 0px, 0px);
    }
    .animation-element.slide-right.in-view {
      opacity: 0.97;
      -moz-transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    /* RIGHT SLIDE ANIM 2 */
    .animation-element.slide-right2 {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(1000px, 0px, 0px);
      -webkit-transform: translate3d(1000px, 0px, 0px);
      -o-transform: translate(1000px, 0px);
      -ms-transform: translate(1000px, 0px);
      transform: translate3d(1000px, 0px, 0px);
    }
    .animation-element.slide-right2.in-view {
      opacity: 0.7;
      -moz-transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    /* TOP SLIDE ANIM */
    .animation-element.slide-top {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(0px, 100px, 0px);
      -webkit-transform: translate3d(0px, 100px, 0px);
      -o-transform: translate(0px, 100px);
      -ms-transform: translate(0px, 100px);
      transform: translate3d(0px, 100px, 0px);
    }
    .animation-element.slide-top.in-view {
      opacity: 1;
      -moz-transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    /* BOTTOM SLIDE ANIM */
    .animation-element.slide-bottom {
      opacity: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      transition: all 500ms linear;
      -moz-transform: translate3d(0px, 100px, 0px);
      -webkit-transform: translate3d(0px, 100px, 0px);
      -o-transform: translate(0px, 100px);
      -ms-transform: translate(0px, 100px);
      transform: translate3d(0px, 100px, 0px);
    }
    .animation-element.slide-bottom.in-view {
      opacity: 1;
      -moz-transform: translate3d(0px, 0px, 0px);
      -webkit-transform: translate3d(0px, 0px, 0px);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
/* ROTATE - TRANSITION
.rotate_r {
  -webkit-transform: rotateZ(90deg);
          transform: rotateZ(90deg);
          -moz-transform:rotate(90deg);
          -o-transform:rotate(90deg);
          -ms-transform:rotate(90deg);
          }*/
          /**/
          .transition_r {
            transform: translate(51%, 0%) rotate(90deg);
            -webkit-transform: translate(51%, 0%) rotate(90deg);
            -moz-transform: translate(51%, 0%) rotate(90deg);
            -o-transform: translate(51%, 0%) rotate(90deg);
            -ms-transform: translate(51%, 0%) rotate(90deg);
          }
          .transition_l {
            transform: translate(-51%, 50%) rotate(-90deg);
            -webkit-transform: translate(-51%, 50%) rotate(-90deg);
            -moz-transform: translate(-51%, 50%) rotate(-90deg);
            -o-transform: translate(-51%, 50%) rotate(-90deg);
            -ms-transform: translate(-51%, 50%) rotate(-90deg);
          }
          @font-face {
            font-family: 'Fairview';
            src: url('fonts/fairview/fairview_regular-webfont.eot');
            src: url('fonts/fairview/fairview_regular-webfont.otf') format('opentype'), url('fonts/fairview/fairview_regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/fairview/fairview_regular-webfont.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/fairview/fairview_regular-webfont.woff') format('woff');/* IE9 Compat Modes */
          }
          @font-face {
            font-family: 'Fairview SmallCaps';
            src: url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.eot');
            src: url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.otf') format('opentype'), url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/fairviewsmallcaps/fairview_smallcaps-webfont.woff') format('woff');/* IE9 Compat Modes */
          }
          @font-face {
            font-family: 'Featured Item';
            src: url('fonts/featured/featureditem-webfont.eot');
            src: url('fonts/featured/featureditem-webfont.otf') format('opentype'), url('fonts/featured/featureditem-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/featured/featureditem-webfont.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/featured/featureditem-webfont.woff') format('woff');/* IE9 Compat Modes */
          }
          @font-face {
            font-family: 'Helvetica Neue LT Std';
            src: url('fonts/Helvetica/HelveticaNeueLTStd-Cn.eot');
            src: url('fonts/Helvetica/HelveticaNeueLTStd-Cn.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-Cn.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/Helvetica/HelveticaNeueLTStd-Cn.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/Helvetica/HelveticaNeueLTStd-Cn.woff') format('woff');/* IE9 Compat Modes */
          }
          @font-face {
            font-family: 'HelveticaNeueLTStd-Lt';
            src: url('fonts/Helvetica/HelveticaNeueLTStd-Lt.eot');
            src: url('fonts/Helvetica/HelveticaNeueLTStd-Lt.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-Lt.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/Helvetica/HelveticaNeueLTStd-Lt.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/Helvetica/HelveticaNeueLTStd-Lt.woff') format('woff');/* IE9 Compat Modes */
          }
          @font-face {
            font-family: 'HelveticaNeueLTStd-Md';
            src: url('fonts/Helvetica/HelveticaNeueLTStd-Md.eot');
            src: url('fonts/Helvetica/HelveticaNeueLTStd-Md.otf') format('opentype'), url('fonts/Helvetica/HelveticaNeueLTStd-Md.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/Helvetica/HelveticaNeueLTStd-Md.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/Helvetica/HelveticaNeueLTStd-Md.woff') format('woff');/* IE9 Compat Modes */
          }
          @font-face {
            font-family: 'HelveticaLTStd-BoldCond';
            src: url('fonts/Helvetica/HelveticaLTStd-BoldCond.eot');
            src: url('fonts/Helvetica/HelveticaLTStd-BoldCond.otf') format('opentype'), url('fonts/Helvetica/HelveticaLTStd-BoldCond.ttf') format('truetype'), /* Safari, Android, iOS */
            url('fonts/Helvetica/HelveticaLTStd-BoldCond.svg#svgFontName') format('svg'), /* Legacy iOS */
            url('fonts/Helvetica/HelveticaLTStd-BoldCond.woff') format('woff');/* IE9 Compat Modes */
          }
          .informal {
            display: none;
          }
          p {
            font-family: "HelveticaLTStd-LightCond";
            font-size: 18px;
            color: #585858;
          }
          .cont-int-total {
            padding-bottom: 20px;
            padding-top: 40px;
            background: #ffffff;
          }
          .size-ico-130 {
            font-size: 130px;
          }
          .block {
            background-color: rgba(255, 255, 255, 0);
          }
          .block .icon {
            color: #d52e36;
          }
          .block:hover .icon {
            color: #ffffff;
            background-color: #000;
          }
          .block-title {
            color: #d52e36;
            background-color: #ffffff;
          }
          .block-title:hover {
            color: #ffffff;
          }
          .block:hover .block-title {
            background-color: #000;
            color: #ffffff;
          }
          /************ Inicio *********************/
          #id-home {
            background-image: url('http://zenit.mx/img/formal/cover-home.jpg');
            background-size: cover;
            background-position: top center;
            background-repeat: no-repeat;
          }
          #cont-img-logo-principal {
            margin-top: 4em;
            margin-bottom: 2.5em;
          }
          .MenuICo {
            display: inline-block;
            margin-right: 15px;
            text-align: center;
            color: #6e6f71;
            cursor: pointer;
          }
          .MenuICo span {
            font-size: 100px;
          }
          .MenuICo h6 {
            color: #6e6f71;
            font-family: 'HelveticaLTStd-BoldCond';
            font-size: 20px;
          }
          .MenuICo a {
            color: #6e6f71 !important;
            text-decoration: none !important;
          }
          .formula {
            background-color: #000;
          }
          .formula button {
            background-image: initial !important;
          }
          .scalehover:hover span {
            background-color: transparent;
            opacity: 0;
            transform: translate(0px, 0px) translateZ(0px) rotate(0deg) scale(1.3, 1.3);
            transform-origin: 50% 50% 0;
            transition: all 0.8s linear 0s;
            width: 100%;
          }
          #iconos-desarrollo h5 {
            font-size: 25px;
          }
          .flecha {
            margin-top: 4.5em;
            margin-bottom: 5em;
          }
          /************* porta folio ***************/
          .portfolio {
            margin: 40px 0 25px;
          }
          .iconos-desarrollo .activoD {
            color: #6d6e71;
          }
          .activoD h5 {
            text-decoration: underline;
            color: #6d6e71;
          }
          .activoD .laravel {
            display: block !important;
          }
          .descripTecnologia p {
            text-align: justify;
          }
          /************* proyectos ***************/
          .bntEnviar {
            margin-top: 30px;
          }
          .bntEnviar .col-sm-5 {
            padding-top: 18px;
          }
          .txt-may-titulo {
            text-transform: uppercase;
            font-size: 60px;
          }
          .bg-nosotros {
            background-color: #ffffff;
          }
          .img-responsive-600 {
            max-width: 600px;
            padding: 10px;
            text-align: center;
            vertical-align: middle;
            width: 100%;
          }
          .listRed {
            font-family: "HelveticaLTStd-LightCond";
            font-size: 18px;
            color: #585858;
            list-style: none;
          }
          .listRed li:before {
            content: "";
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: #d52e36;
            display: inline-block;
            margin-right: 10px;
          }
          .listServices {
            color: #d52e36;
            text-align: center;
            margin-top: 4em;
          }
          .listServices ul {
            list-style: none;
            font-size: 30px;
            font-family: "HelveticaLTStd-ExtraComp";
            text-transform: uppercase;
            padding: 0;
          }
          .listServices li {
            display: inline-block;
            margin-right: 5px;
          }
          .section-title {
            max-width: 100%;
            min-width: 100%;
            text-align: center;
          }
          .section-title h1,
          .section-title h2 {
            font-family: 'HelveticaLTStd-BoldCond';
            font-size: 70px;
            color: #58595b;
          }
          .section-title p {
            font-family: 'Helvetica Neue LT Std';
          }
          .section-title .slope p {
            font-size: 43px;
            line-height: 1em;
            text-transform: capitalize;
          }
          .icono {
            font-size: 4em;
            color: #a8a8a8;
            cursor: pointer;
          }
          .iconos-desarrollo {
            margin-top: 15px;
          }
          .iconos-desarrollo > .icono {
            display: inline-block;
            margin-right: 5%;
          }
          .iconos-desarrollo > .icono:last-child {
            margin-right: 0;
          }
          .iconos-desarrollo > .icono:hover {
            color: #6e6f71;
          }
          .btn.disabled,
          .btn[disabled],
          fieldset[disabled] .btn {
            opacity: 1 !important;
          }
          /*============= contacto =============*/
          #cont-meteoritos-contac {
            margin-bottom: 25px;
          }
          .footer {
            background-image: none;
          }
          .form-control {
            font-family: "Helvetica Neue LT Std";
            font-size: 24px;
          }
          .form-control:focus {
            border-color: #000;
            /*box-shadow:0px 0px 0px rgba(255, 255, 255, 0);*/

            outline: 0 none;
          }
          .larabel,
          .java,
          .script,
          .rails,
          .word,
          .jquery,
          .grails,
          .html,
          .php {
            display: none;
            margin: 0 auto;
            width: 90%;
            margin-top: 35px;
            background-image: url("http://zenit.mx/img/llaveIzq.png"), url("http://zenit.mx/img/llaveDer.png");
            background-position: 0% 0%, 100% 0;
            background-repeat: no-repeat;
            background-size: contain;
            padding-right: 20px;
            padding-left: 20px;
            min-height: 80px;
          }
          @media (max-width: 991px) {
            .larabel,
            .java,
            .script,
            .rails,
            .word,
            .jquery,
            .grails,
            .html,
            .php {
              min-height: 120px;
            }
          }
          @media (max-width: 767px) {
            .larabel,
            .java,
            .script,
            .rails,
            .word,
            .jquery,
            .grails,
            .html,
            .php {
              width: 85%;
              padding-right: 35px;
              padding-left: 35px;
              min-height: auto;
            }
          }
          @media (max-width: 420px) {
            .larabel,
            .java,
            .script,
            .rails,
            .word,
            .jquery,
            .grails,
            .html,
            .php {
              width: 100%;
              padding-right: 45px;
              padding-left: 40px;
              padding-top: 10px;
              padding-bottom: 10px;
            }
          }
          .container.demo {
            padding-top: 100px;
          }
          .container.demo img {
            display: block;
            margin: 0px auto;
          }
          .container.demo h3,
          .container.demo p {
            text-align: center;
          }
          #caching {
            ie8: "<script></script>";
          }
          #appList {
            content: "tinygrowl, bootstrap, retina, //bootstrap/transition, //knockout, //updater";
            ie8: "tinygrowl, bootstrap, retina, //bootstrap/transition, //knockout, //updater";
          }
          #appList::after {
            content: "tinygrowl, bootstrap, retina, //bootstrap/transition, //knockout, //updater";
          }
          script#rootDir {
            content: "<script>setDir('/', 'root')br-setDir('none', 'universal')</script>";
            ie8: "<script>setDir('/', 'root')br-setDir('none', 'universal')</script>";
          }