@charset "UTF-8";
/*!
  * Theme Bootstrap 2017
  * @version du 30/05/2018 13:49:49 
  * @author : SD
  * @description : styles du projet XXXXXXXX
*/
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 1 : 10 / 2019
 * @author : SD
 * @description : styles du footer
 * @projet : Elevage Van Drie (of Sobeval)
 */
/**
  * Theme Bootstrap 2017
  * @version du 28/08/2018 15:19:13  
  * @projet : cms étalon
  * @author : SD
  * @description : de classes utilitaire pour le thème Bootstrap
*/
.debug * {
  outline: 1px solid gold;
}

.debug-f * {
  outline: 1px solid magenta;
}

.debug-g * {
  outline: 1px solid #00ff00;
}

.debug-w * {
  outline: 1px solid white;
}

.debug-b * {
  outline: 1px solid black;
}

.ovh {
  overflow: hidden;
}

.clear {
  clear: both;
}

.clearfix:after,
.line:after {
  display: table;
  clear: both;
  border-collapse: collapse;
  content: '';
}

.left-auto {
  margin-right: auto;
}

.right-auto {
  margin-left: auto;
}

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

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.fll {
  float: left;
}

.flr {
  float: right;
}

body > script {
  display: none !important;
}

.inbl {
  display: inline-block;
  vertical-align: top;
}

.flexbox-h,
.flexbox-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}

.flexbox-v {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flexitem-fluid {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.flexitem-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.flexitem-medium {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.flexitem-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.flexitem-center {
  margin: auto;
}

.flexitem-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-content {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.flex100vh {
  min-height: 100vh;
}

.bz-cb * {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.fz12 {
  font-size: 12px !important;
}

.fz14 {
  font-size: 14px !important;
}

.fz16 {
  font-size: 16px !important;
}

.fz18 {
  font-size: 18px !important;
}

.fz20 {
  font-size: 20px !important;
}

.fz24 {
  font-size: 24px !important;
}

.fz28 {
  font-size: 28px !important;
}

.fz32 {
  font-size: 32px !important;
}

.man,
.ma0 {
  margin: 0;
}

.pan,
.pa0 {
  padding: 0;
}

.mas {
  margin: 5px;
}

.mam {
  margin: 10px;
}

.mal {
  margin: 20px;
}

.pas {
  padding: 5px;
}

.pam {
  padding: 10px;
}

.pal {
  padding: 20px;
}

.mtn,
.mt0 {
  margin-top: 0;
}

.mts {
  margin-top: 5px;
}

.mtm {
  margin-top: 10px;
}

.mtl {
  margin-top: 20px;
}

.mrn,
.mr0 {
  margin-right: 0;
}

.mrs {
  margin-right: 5px;
}

.mrm {
  margin-right: 10px;
}

.mrl {
  margin-right: 20px;
}

.mbn,
.mb0 {
  margin-bottom: 0;
}

.mbs {
  margin-bottom: 5px;
}

.mbm {
  margin-bottom: 10px;
}

.mbl {
  margin-bottom: 20px;
}

.mln,
.ml0 {
  margin-left: 0;
}

.mls {
  margin-left: 5px;
}

.mlm {
  margin-left: 10px;
}

.mll {
  margin-left: 20px;
}

.ptn,
.pt0 {
  padding-top: 0;
}

.pts {
  padding-top: 5px;
}

.ptm {
  padding-top: 10px;
}

.ptl {
  padding-top: 20px;
}

.prn,
.pr0 {
  padding-right: 0;
}

.prs {
  padding-right: 5px;
}

.prm {
  padding-right: 10px;
}

.prl {
  padding-right: 20px;
}

.pbn,
.pb0 {
  padding-bottom: 0;
}

.pbs {
  padding-bottom: 5px;
}

.pbm {
  padding-bottom: 10px;
}

.pbl {
  padding-bottom: 20px;
}

.pln,
.pl0 {
  padding-left: 0;
}

.pls {
  padding-left: 5px;
}

.plm {
  padding-left: 10px;
}

.pll {
  padding-left: 20px;
}

/*
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

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

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

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

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

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: 1em 40px;
}

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

pre {
  overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

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;
}

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

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: textfield;
  -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;
}

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

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]: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;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

body {
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}

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

a {
  color: #283583;
  text-decoration: none;
}

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

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

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

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

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

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

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

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

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

[role="button"] {
  cursor: pointer;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

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

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%;
}

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
  font-size: 75%;
}

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

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

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

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

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

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

p {
  margin: 0 0 10px;
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}

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

mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

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

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

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

.text-muted {
  color: #777777;
}

.text-primary {
  color: #283583;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #1c255c;
}

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

a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}

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

a.text-info:hover,
a.text-info:focus {
  color: #245269;
}

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

a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}

.text-danger {
  color: #a94442;
}

a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #283583;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #1c255c;
}

.bg-success {
  background-color: #dff0d8;
}

a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}

.bg-info {
  background-color: #d9edf7;
}

a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}

.bg-warning {
  background-color: #fcf8e3;
}

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}

.bg-danger {
  background-color: #f2dede;
}

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}

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

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

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

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

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}

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

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

dt,
dd {
  line-height: 1.428571429;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table;
}

.dl-horizontal dd:after {
  clear: both;
}

@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;
  }
}

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

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}

blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #777777;
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}

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

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

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

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

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

.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

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

.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .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, .col-xs-12 {
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .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 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .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 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .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 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}

table {
  background-color: transparent;
}

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}

th {
  text-align: left;
}

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

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

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

.table > tbody + tbody {
  border-top: 2px solid #ddd;
}

.table .table {
  background-color: #fff;
}

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

.table-bordered {
  border: 1px solid #ddd;
}

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

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}

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

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

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

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

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

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

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

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

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

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

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

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}

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

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

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

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

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

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

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

input[type="range"] {
  display: block;
  width: 100%;
}

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

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

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -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;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  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, -webkit-box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #283583;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 53, 131, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(40, 53, 131, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm, .input-group-sm > input.form-control[type="date"],
  .input-group-sm > input.input-group-addon[type="date"],
  .input-group-sm > .input-group-btn > input.btn[type="date"],
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input.form-control[type="time"],
  .input-group-sm > input.input-group-addon[type="time"],
  .input-group-sm > .input-group-btn > input.btn[type="time"],
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input.form-control[type="datetime-local"],
  .input-group-sm > input.input-group-addon[type="datetime-local"],
  .input-group-sm > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input.form-control[type="month"],
  .input-group-sm > input.input-group-addon[type="month"],
  .input-group-sm > .input-group-btn > input.btn[type="month"],
  .input-group-sm
  input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg, .input-group-lg > input.form-control[type="date"],
  .input-group-lg > input.input-group-addon[type="date"],
  .input-group-lg > .input-group-btn > input.btn[type="date"],
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input.form-control[type="time"],
  .input-group-lg > input.input-group-addon[type="time"],
  .input-group-lg > .input-group-btn > input.btn[type="time"],
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input.form-control[type="datetime-local"],
  .input-group-lg > input.input-group-addon[type="datetime-local"],
  .input-group-lg > .input-group-btn > input.btn[type="datetime-local"],
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input.form-control[type="month"],
  .input-group-lg > input.input-group-addon[type="month"],
  .input-group-lg > .input-group-btn > input.btn[type="month"],
  .input-group-lg
  input[type="month"] {
    line-height: 46px;
  }
}

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

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}

.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  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"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}

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

.radio-inline,
.checkbox-inline {
  position: relative;
  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="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed;
}

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

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled]
.checkbox label {
  cursor: not-allowed;
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}

.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn {
  padding-left: 0;
  padding-right: 0;
}

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

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

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

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

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

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

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}

.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

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

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

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

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

.has-success .form-control-feedback {
  color: #3c763d;
}

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

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

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

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

.has-warning .form-control-feedback {
  color: #8a6d3b;
}

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

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

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

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

.has-error .form-control-feedback {
  color: #a94442;
}

.has-feedback label ~ .form-control-feedback {
  top: 25px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}

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

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

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

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

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}

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

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

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  text-decoration: none !important;
  background-image: none;
  border-color: transparent;
  border-style: solid !important;
  border-width: 1px !important;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none !important;
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none !important;
  -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;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-default {
  color: #333 !important;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:focus, .btn-default.focus {
  color: #333 !important;
  text-decoration: none !important;
  background-color: white;
  border-color: white;
}

.btn-default:hover {
  color: #333 !important;
  text-decoration: none !important;
  background-color: white;
  border-color: #ebebeb;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333 !important;
  text-decoration: none !important;
  background-color: white;
  border-color: #ebebeb;
}

.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333 !important;
  text-decoration: none !important;
  background-color: white;
  border-color: white;
}

.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-primary {
  color: #fff !important;
  background-color: #283583;
  border-color: #222d6f;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3445aa;
  border-color: #495bc8;
}

.btn-primary:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3445aa;
  border-color: #30409e;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3445aa;
  border-color: #30409e;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #3e51c4;
  border-color: #495bc8;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #283583;
  border-color: #222d6f;
}

.btn-primary .badge {
  color: #283583;
  background-color: #fff;
}

.btn-success {
  color: #fff !important;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:focus, .btn-success.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #80c780;
  border-color: #a3d7a3;
}

.btn-success:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #80c780;
  border-color: #75c375;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #80c780;
  border-color: #75c375;
}

.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #98d298;
  border-color: #a3d7a3;
}

.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #fff !important;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:focus, .btn-info.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #85d0e7;
  border-color: #b0e1ef;
}

.btn-info:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #85d0e7;
  border-color: #79cbe4;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #85d0e7;
  border-color: #79cbe4;
}

.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #a3dced;
  border-color: #b0e1ef;
}

.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-warning {
  color: #fff !important;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #f4c37d;
  border-color: #f8d9ac;
}

.btn-warning:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #f4c37d;
  border-color: #f3bc6f;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #f4c37d;
  border-color: #f3bc6f;
}

.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #f7d29e;
  border-color: #f8d9ac;
}

.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #fff !important;
  background-color: red;
  border-color: #e60000;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ff3333;
  border-color: #ff6666;
}

.btn-danger:hover {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ff3333;
  border-color: #ff2424;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ff3333;
  border-color: #ff2424;
}

.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff !important;
  text-decoration: none !important;
  background-color: #ff5757;
  border-color: #ff6666;
}

.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
  background-color: red;
  border-color: #e60000;
}

.btn-danger .badge {
  color: red;
  background-color: #fff;
}

.btn-gray {
  color: #333 !important;
  background-color: #ccc;
  border-color: #bbb;
  text-decoration: none !important;
  color: #333;
}

.btn-gray:focus, .btn-gray.focus {
  color: #333 !important;
  text-decoration: none !important;
  background-color: #e6e5e5;
  border-color: #fbfbfb;
}

.btn-gray:hover {
  color: #333 !important;
  text-decoration: none !important;
  background-color: #e6e5e5;
  border-color: #dadada;
}

.btn-gray:active, .btn-gray.active,
.open > .btn-gray.dropdown-toggle {
  color: #333 !important;
  text-decoration: none !important;
  background-color: #e6e5e5;
  border-color: #dadada;
}

.btn-gray:active:hover, .btn-gray:active:focus, .btn-gray:active.focus, .btn-gray.active:hover, .btn-gray.active:focus, .btn-gray.active.focus,
.open > .btn-gray.dropdown-toggle:hover,
.open > .btn-gray.dropdown-toggle:focus,
.open > .btn-gray.dropdown-toggle.focus {
  color: #333 !important;
  text-decoration: none !important;
  background-color: #f7f7f7;
  border-color: #fbfbfb;
}

.btn-gray:active, .btn-gray.active,
.open > .btn-gray.dropdown-toggle {
  background-image: none;
}

.btn-gray.disabled:hover, .btn-gray.disabled:focus, .btn-gray.disabled.focus, .btn-gray[disabled]:hover, .btn-gray[disabled]:focus, .btn-gray[disabled].focus,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #ccc;
  border-color: #bbb;
}

.btn-gray .badge {
  color: #ccc;
  background-color: #333;
}

.btn-link {
  color: #283583;
  font-weight: normal;
  border-radius: 0;
}

.btn-link, .btn-link:active, .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: #3a4dbe;
  text-decoration: underline;
  background-color: transparent;
}

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

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}

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

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

.btn-block {
  display: block;
  width: 100%;
}

.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;
}

tr.collapse.in {
  display: table-row;
}

tbody.collapse.in {
  display: table-row-group;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

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

.dropup,
.dropdown {
  position: relative;
}

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}

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

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

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

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

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

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

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

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

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #777777;
  white-space: nowrap;
}

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

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

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

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

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

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}

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

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

.btn-toolbar {
  margin-left: -5px;
}

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

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

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

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-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:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

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

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-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:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

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

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}

.btn-group-justified > .btn-group .btn {
  width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 3;
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}

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

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

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 0;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}

.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}

.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}

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

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

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-btn > .btn {
  position: relative;
}

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

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

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}

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

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

.nav:after {
  clear: both;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

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

.nav > li.disabled > a {
  color: #777777;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #283583;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

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

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

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

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}

.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}

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

.nav-pills > li {
  float: left;
}

.nav-pills > li > a {
  border-radius: 0;
}

.nav-pills > li + li {
  margin-left: 2px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #283583;
}

.nav-stacked > li {
  float: none;
}

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

.nav-justified, .nav-tabs.nav-justified {
  width: 100%;
}

.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none;
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}

.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0;
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}

.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}

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

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

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

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

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

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

.navbar:after {
  clear: both;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0;
  }
}

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

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

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

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}

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

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

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

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

.navbar-static-top {
  z-index: 1000;
  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;
  z-index: 1030;
}

@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

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

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

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}

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

.navbar-brand > img {
  display: block;
}

@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}

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

.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.5px -15px;
}

.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}

@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 {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn {
  margin-top: 10px;
  margin-bottom: 10px;
}

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

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-default .navbar-brand {
  color: #777;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5d5d;
  background-color: transparent;
}

.navbar-default .navbar-text {
  color: #777;
}

.navbar-default .navbar-nav > li > a {
  color: #777;
}

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

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}

.navbar-default .navbar-toggle {
  border-color: #ddd;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-default .navbar-link {
  color: #777;
}

.navbar-default .navbar-link:hover {
  color: #333;
}

.navbar-default .btn-link {
  color: #777;
}

.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333;
}

.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}

.navbar-inverse {
  background-color: #222;
  border-color: #090808;
}

.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}

.navbar-inverse .navbar-text {
  color: #9d9d9d;
}

.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}

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

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

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

.navbar-inverse .navbar-toggle {
  border-color: #333;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090808;
  color: #fff;
}

@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

.navbar-inverse .navbar-link {
  color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
  color: #fff;
}

.navbar-inverse .btn-link {
  color: #9d9d9d;
}

.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}

.label:empty {
  display: none;
}

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

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

.label-default {
  background-color: #777777;
}

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

.label-primary {
  background-color: #283583;
}

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

.label-success {
  background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44;
}

.label-info {
  background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5;
}

.label-warning {
  background-color: #f0ad4e;
}

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

.label-danger {
  background-color: red;
}

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

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}

.badge:empty {
  display: none;
}

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

.btn-xs .badge, .btn-group-xs > .btn .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}

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

.list-group-item > .badge {
  float: right;
}

.list-group-item > .badge + .badge {
  margin-right: 5px;
}

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

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

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
}

.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,
.alert-dismissible {
  padding-right: 35px;
}

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

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

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

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

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

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #283583;
  -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,
.progress-bar-striped {
  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,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-bar-success {
  background-color: #5cb85c;
}

.progress-striped .progress-bar-success {
  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: #5bc0de;
}

.progress-striped .progress-bar-info {
  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: #f0ad4e;
}

.progress-striped .progress-bar-warning {
  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: red;
}

.progress-striped .progress-bar-danger {
  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);
}

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

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

a.list-group-item,
button.list-group-item {
  color: #555;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}

a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #283583;
  border-color: #283583;
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  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: #98a2df;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}

a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}

a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}

a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}

a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

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

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

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

.panel-body {
  padding: 15px;
}

.panel-body:before, .panel-body:after {
  content: " ";
  display: table;
}

.panel-body:after {
  clear: both;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

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

.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}

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

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

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

.list-group + .panel-footer {
  border-top-width: 0;
}

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

.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: -1;
  border-bottom-right-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}

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

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

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}

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

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

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

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

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

.panel-group {
  margin-bottom: 20px;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}

.panel-group .panel + .panel {
  margin-top: 5px;
}

.panel-group .panel-heading {
  border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
  border-top: 0;
}

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

.panel-default {
  border-color: #ddd;
}

.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.panel-primary {
  border-color: #283583;
}

.panel-primary > .panel-heading {
  color: #fff;
  background-color: #283583;
  border-color: #283583;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #283583;
}

.panel-primary > .panel-heading .badge {
  color: #283583;
  background-color: #fff;
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #283583;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}

.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}

.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}

.panel-warning {
  border-color: #faebcc;
}

.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}

.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}

.panel-danger {
  border-color: #ebccd1;
}

.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}

.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}

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

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

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

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.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;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

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

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

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

.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;
}

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

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

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

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

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

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

.modal-footer:after {
  clear: both;
}

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

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

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

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

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

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

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

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

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

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

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0;
}

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

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

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

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

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

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

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

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

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

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Raleway", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.428571429;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

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

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

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

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

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  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: #fff;
}

.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: #fff;
}

.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: #fff;
}

.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: #fff;
  bottom: -10px;
}

.carousel {
  position: relative;
}

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

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

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

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

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

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

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

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

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

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

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

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}

.carousel-control.left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
}

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.25)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.25) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=1);
}

.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}

.carousel-control .glyphicon-chevron-left::after,
.carousel-control .glyphicon-chevron-right::after {
  font-family: "FontAwesome", serif;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  display: block;
  content: '\f054';
}

.carousel-control .glyphicon-chevron-left::after {
  content: '\f053';
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: sans-serif;
}

.carousel-control .icon-prev:before {
  content: '\2039';
}

.carousel-control .icon-next:before {
  content: '\203a';
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}

.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}

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

.carousel-caption .btn {
  text-shadow: none;
}

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

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

.clearfix:after {
  clear: both;
}

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

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

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

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

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

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

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

.visible-xs {
  display: none !important;
}

.visible-sm {
  display: none !important;
}

.visible-md {
  display: none !important;
}

.visible-lg {
  display: none !important;
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}

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

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}

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

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}

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

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}

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

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}

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

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

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

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

.visible-print {
  display: none !important;
}

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

.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}

.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}

.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}

@media print {
  .hidden-print {
    display: none !important;
  }
}

/* MegaNavbar v2.2.0 (http://www.MegaNavbar.com) Copyright 2014 MegaNavbar.com. All Rights Reserved.
** Licensed under Regular License (http://codecanyon.net/licenses/regular) or Extended License (http://codecanyon.net/licenses/extended)
** We will take legal action against those who copy our HTML content, CSS style sheets and JavaScript functions without a license.
Correction Floatingpoint 3.3.7 by SD 2017 | version 0.7
*/
/* --- Set Collapsed navbar - in % of window height (for small devices ) --- */
@media (max-width: 768px) {
  .navbar.xs-height25.navbar-fixed-top .navbar-collapse, .navbar.xs-height25.navbar-fixed-bottom .navbar-collapse {
    max-height: 25vh;
  }
  .navbar.xs-height33.navbar-fixed-top .navbar-collapse, .navbar.xs-height33.navbar-fixed-bottom .navbar-collapse {
    max-height: 33vh;
  }
  .navbar.xs-height50.navbar-fixed-top .navbar-collapse, .navbar.xs-height50.navbar-fixed-bottom .navbar-collapse {
    max-height: 50vh;
  }
  .navbar.xs-height66.navbar-fixed-top .navbar-collapse, .navbar.xs-height66.navbar-fixed-bottom .navbar-collapse {
    max-height: 66vh;
  }
  .navbar.xs-height75.navbar-fixed-top .navbar-collapse, .navbar.xs-height75.navbar-fixed-bottom .navbar-collapse {
    max-height: 75vh;
  }
  .navbar.xs-height100.navbar-fixed-top .navbar-collapse, .navbar.xs-height100.navbar-fixed-bottom .navbar-collapse {
    max-height: 100vh;
  }
}

/* Carousel-indicators */
.navbar-carousel-indicators {
  position: relative;
  bottom: inherit;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  text-align: inherit;
  list-style: none;
}

.navbar-carousel-indicators li {
  width: 100%;
  height: auto;
  margin: 0;
  text-indent: inherit;
  cursor: pointer;
  border: 0;
  border-radius: 0;
  display: block;
}

.navbar-carousel-indicators .active {
  width: 100%;
  height: auto;
  margin: 0;
  background-color: transparent;
}

/* ---GENERAL ---*/
.navbar, .dropdown-menu {
  min-width: 35px;
}

.navbar .container, .navbar .container-fluid {
  position: relative;
}

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

.navbar a.navbar-link, .navbar .navbar-text {
  line-height: 20px;
  padding: 15px;
  margin: 0;
}

.navbar p > a.navbar-link, .navbar p > .navbar-text {
  padding: 15px 0;
}

.navbar .dropdown-menu {
  overflow: visible !important;
  -webkit-transition: height 1ms;
  transition: height 1ms;
}

.navbar .navbar-nav .dropdown-menu li.disabled:hover > a, .navbar .navbar-nav .dropdown-menu li.disabled:focus > a {
  cursor: not-allowed;
}

.navbar.navbar-fixed-top, .navbar.navbar-fixed-bottom {
  -webkit-transform: none;
  transform: none;
  -ms-transform: none;
}

.navbar .nav > li > a {
  display: inline-block;
}

@media (max-width: 768px) {
  .navbar {
    border-bottom: 0;
  }
  .navbar .navbar-nav > li.divider {
    display: none;
  }
  .navbar .navbar-header a.navbar-link {
    display: block;
    margin: 0;
    padding: 15px 15px;
  }
  .navbar a.navbar-link, .navbar .navbar-text {
    display: block;
    margin: 0;
    padding: 10px 15px;
    line-height: 20px;
  }
  .navbar p > a.navbar-link {
    display: inline-block;
    padding: 0 !important;
  }
  .navbar .navbar-header .navbar-text {
    padding: 15px;
    margin: 0;
  }
  .navbar .navbar-form {
    border: 0;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}

.navbar .navbar-nav .dropdown-menu ul, .navbar .navbar-nav .dropdown-menu ul .dropdown-menu {
  padding: 0;
}

.navbar .navbar-nav .dropdown-menu li {
  list-style: none;
}

.navbar .navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

/*ltr*/
.navbar .navbar-header {
  z-index: 1;
  position: relative;
}

.navbar .container-fluid .navbar-collapse, .navbar .container .navbar-collapse {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}

.navbar.navbar-static-top .container .navbar-collapse, .navbar.navbar-static-top .container-fluid .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar.navbar-static-top .container .navbar-header, .navbar.navbar-static-top .container-fluid .navbar-header {
  margin-left: -15px;
  margin-right: 0;
}

/*ltr*/
.navbar.navbar-static-top.brand-right .container .navbar-header, .navbar.navbar-static-top.brand-right .container-fluid .navbar-header {
  margin-left: 0;
  margin-right: -15px;
}

.navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
  margin-left: 0;
  margin-right: 0 !important;
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 0;
}

/*ltr*/
/*Headers, labels, buttons*/
.navbar .dropdown-menu li.dropdown-header {
  display: block;
  padding: 5px 15px;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  font-weight: bold;
}

.navbar .dropdown-short .dropdown-menu li.dropdown-header {
  display: block;
  padding: 5px 0;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  font-weight: bold;
}

.navbar h1, .navbar .h1, .navbar h2, .navbar .h2, .navbar h3, .navbar .h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 10px;
}

.navbar h4, .navbar .h4, .navbar h5, .navbar .h5, .navbar h6, .navbar .h6 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar .panel-title {
  padding-top: 0;
  padding-bottom: 0;
}

.navbar .label {
  line-height: 14px;
  margin: 0 0 0 10px;
  padding: 3px 5px;
  vertical-align: top;
}

.navbar-nav > .btn-group {
  margin: 8px 10px 8px 0;
}

.navbar .btn-group > .dropdown-menu, .navbar .navbar-form > .input-group .dropdown-menu {
  margin-top: 8px;
}

.navbar .dropdown-menu li > a.dropdown-toggle {
  display: block;
  padding: 5px 30px 5px 15px;
  clear: both;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*ltr*/
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle, .navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle, .navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle {
  padding: 5px 15px 5px 30px;
}

.navbar .dropdown-menu li > a {
  display: block;
  padding: 5px 15px 5px 15px;
  clear: both;
  font-weight: 400;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}

.navbar a > span.desc {
  display: block;
  font-size: smaller;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 768px) {
  .navbar .navbar-collapse .navbar-nav > .navbar-form, .navbar .navbar-collapse > .navbar-form {
    margin: 0;
    border-top: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .navbar .navbar-collapse .navbar-nav > a.navbar-link, .navbar .navbar-collapse > a.navbar-link, .navbar .navbar-collapse .navbar-nav > .navbar-text, .navbar .navbar-collapse > .navbar-text, .navbar .navbar-collapse .navbar-nav > li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .navbar .navbar-collapse .navbar-nav > li > a {
    padding-top: 9px;
    margin-top: 1px;
  }
  .navbar .navbar-collapse .navbar-nav > li.open > a, .navbar .navbar-collapse .navbar-nav > li.xs-hover:hover > a, .navbar-nav > li.active > a {
    padding-top: 10px;
    padding-bottom: 11px;
    margin-top: 0;
  }
  .navbar .navbar-nav > li {
    clear: both;
  }
  .navbar .navbar-header .navbar-nav > li {
    clear: none;
  }
  .navbar.navbar-fixed-bottom .navbar-collapse {
    position: absolute !important;
    bottom: 100%;
    width: 100%;
    border-bottom: 1px solid;
  }
  .navbar .navbar-nav > li > a {
    display: block;
  }
  .navbar .navbar-nav .dropdown-menu {
    padding: 0;
    border-radius: 0 !important;
  }
  .navbar.navbar-fixed-top.brand-right .container .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container .navbar-header, .navbar.navbar-fixed-top.brand-right .container-fluid .navbar-header, .navbar.navbar-fixed-bottom.brand-right .container-fluid .navbar-header {
    margin-left: -15px !important;
    margin-right: -15px !important;
  }
  .navbar .navbar-nav > button {
    display: block;
    width: 100%;
  }
  .navbar .navbar-nav > .btn-group {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    margin: 8px 10px 8px 0;
  }
  .navbar .navbar-nav > .btn-group > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  .navbar .navbar-nav > .btn-group > .btn-group .btn {
    width: 100%;
  }
  .navbar .navbar-header .navbar-nav.navbar-right {
    float: right;
  }
  /*ltr*/
  .navbar .navbar-header .navbar-nav.navbar-left {
    float: left;
  }
  /*ltr*/
  .navbar .navbar-toggle {
    margin-left: 15px;
  }
  .navbar .navbar-nav {
    margin: 1px;
  }
}

/* --- END GENERAL ---*/
/* --- FORM EXPANDED ---*/
@media (min-width: 768px) {
  .navbar .navbar-form-expanded input, .navbar .navbar-form-expanded input:focus:hover {
    -webkit-transition: width 0.25s ease;
    transition: width 0.25s ease;
  }
  .navbar input[data-width="70px"], .navbar .navbar-form-expanded input[data-width-expanded="70px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="70px"] {
    width: 70px !important;
  }
  .navbar input[data-width="80px"], .navbar .navbar-form-expanded input[data-width-expanded="80px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="80px"] {
    width: 80px !important;
  }
  .navbar input[data-width="90px"], .navbar .navbar-form-expanded input[data-width-expanded="90px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="90px"] {
    width: 90px !important;
  }
  .navbar .navbar-form-expanded input, .navbar input[data-width="100px"], .navbar .navbar-form-expanded input[data-width-expanded="100px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="100px"] {
    width: 100px !important;
  }
  .navbar input[data-width="110px"], .navbar .navbar-form-expanded input[data-width-expanded="110px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="110px"] {
    width: 110px !important;
  }
  .navbar input[data-width="120px"], .navbar .navbar-form-expanded input[data-width-expanded="120px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="120px"] {
    width: 120px !important;
  }
  .navbar input[data-width="130px"], .navbar .navbar-form-expanded input[data-width-expanded="130px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="130px"] {
    width: 130px !important;
  }
  .navbar input[data-width="140px"], .navbar .navbar-form-expanded input[data-width-expanded="140px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="140px"] {
    width: 140px !important;
  }
  .navbar input[data-width="150px"], .navbar .navbar-form-expanded input[data-width-expanded="150px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="150px"] {
    width: 150px !important;
  }
  .navbar input[data-width="160px"], .navbar .navbar-form-expanded input[data-width-expanded="160px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="160px"] {
    width: 160px !important;
  }
  .navbar input[data-width="170px"], .navbar .navbar-form-expanded input[data-width-expanded="170px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="170px"] {
    width: 170px !important;
  }
  .navbar .navbar-form-expanded input:focus, .navbar .navbar-form-expanded:hover input, .navbar input[data-width="180px"], .navbar .navbar-form-expanded input[data-width-expanded="180px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="180px"] {
    width: 180px !important;
  }
  .navbar input[data-width="190px"], .navbar .navbar-form-expanded input[data-width-expanded="190px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="190px"] {
    width: 190px !important;
  }
  .navbar input[data-width="200px"], .navbar .navbar-form-expanded input[data-width-expanded="200px"]:focus, .navbar .navbar-form-expanded:hover input[data-width-expanded="200px"] {
    width: 200px !important;
  }
}

/* --- END FORM EXPANDED ---*/
/* --- HELPERS CLASSES ---*/
.navbar .no-border, .navbar.no-border, .navbar .no-border > *, .navbar.no-border > * {
  border: none !important;
  border-radius: 0 !important;
}

.navbar .no-border-radius, .navbar.no-border-radius, .navbar .no-border-radius > *, .navbar.no-border-radius > * {
  border-radius: 0 !important;
}

.navbar .no-padding {
  padding: 0 !important;
}

.navbar .padding15 {
  padding: 15px !important;
}

.navbar .no-margin {
  margin: 0 !important;
}

.navbar .margin15 {
  margin: 15px !important;
}

.navbar .no-shadow, .navbar.no-shadow, .navbar .no-shadow > *, .navbar.no-shadow > * {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.navbar .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after, .navbar .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after {
  content: '';
  display: block;
  z-index: -1;
  top: 15px;
  outline-width: 1px;
  outline-style: solid;
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
}

/* --- END HELPERS CLASSES ---*/
/* --- DIVIDERS --- */
@media (min-width: 768px) {
  .navbar .navbar-nav > li.divider {
    position: relative;
    width: 1px;
    height: 50px;
  }
}

.navbar .navbar-nav .divided {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.navbar .navbar-nav .dropdown-short .divided > *:before {
  margin: -1px -1px -1px 0;
}

.navbar .navbar-nav .dropdown-short .divided > *.h-divided:before {
  margin: -1px -1px 0 0;
}

.navbar .navbar-nav .divided.row:before {
  display: block;
}

.navbar .navbar-nav .divided > *:before {
  margin: -1px -1px 0 0;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  border-width: 1px;
  border-style: solid;
  background: transparent !important;
}

.navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h1, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h2, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h3, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h4, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h5, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > h6, .navbar .navbar-nav .dropdown-menu .divided li:not(.row) > a {
  margin-left: 1px;
  margin-bottom: 1px;
}

.navbar .navbar-nav .h-divider:after {
  content: '';
  margin-top: -1px;
  width: 100%;
  display: block;
  height: 1px;
  z-index: 2;
}

.navbar .navbar-nav .h-divider {
  position: relative !important;
}

.navbar .navbar-nav .h-divided > *:after {
  content: '';
  margin-top: -1px;
  width: 100%;
  height: 1px;
  display: block;
  z-index: 1;
}

.navbar .navbar-nav .h-divided > *:first-child:before {
  content: '';
  margin-top: -1px;
  width: 100%;
  height: 1px;
  display: block;
  z-index: 1;
}

.navbar .navbar-nav .h-divided > *.collapse-up-onclick:after, .navbar .navbar-nav .h-divided > *.collapse-down-onclick:after, .navbar .navbar-nav .h-divided > *.collapse-up-onhover:after, .navbar .navbar-nav .h-divided > *.collapse-down-onhover:after {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: -1;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 1 0 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}

/* --- END DIVIDERS --- */
/* --- BRAND, TOGGLE BOTTON --- */
.navbar .navbar-header > .navbar-nav > li, .navbar .navbar-header > .navbar-nav.navbar-left > li, .navbar.brand-right .navbar-header > .navbar-nav.navbar-left > li {
  float: left;
}

.navbar .navbar-header > .navbar-nav.navbar-right > li, .navbar.brand-right .navbar-header > .navbar-nav > li, .navbar.brand-right .navbar-header > .navbar-nav.navbar-right > li {
  float: right;
}

.navbar.brand-right .navbar-header > .navbar-brand {
  float: right;
  margin-left: 0;
  margin-right: 0;
}

/*ltr*/
.navbar.brand-right .navbar-header > .navbar-toggle {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
}

.navbar.brand-right .navbar-nav.navbar-right:last-child {
  margin-right: 0;
}

.navbar.menu-lg .navbar-brand, .navbar .menu-lg .navbar-brand, .navbar-brand.menu-lg {
  padding: 10px 20px;
  font-size: 24px;
  line-height: 30px;
}

.navbar.menu-sm .navbar-brand, .navbar .menu-sm .navbar-brand, .navbar-brand.menu-sm {
  padding: 10px 10px;
  font-size: 16px;
  line-height: 30px;
}

.navbar.menu-xs .navbar-brand, .navbar .menu-xs .navbar-brand, .navbar-brand.menu-xs {
  padding: 10px 5px;
  font-size: 14px;
  line-height: 30px;
}

.navbar.menu-lg .navbar-toggle, .navbar .menu-lg .navbar-toggle, .navbar .navbar-toggle.menu-lg {
  margin-top: 7px;
  margin-right: 20px;
  margin-bottom: 7px;
}

.navbar.menu-lg .navbar-toggle > .icon-bar, .navbar .menu-lg .navbar-toggle > .icon-bar, .navbar .navbar-toggle.menu-lg > .icon-bar {
  height: 3px;
}

.navbar.brand-right.menu-lg .navbar-toggle, .navbar.brand-right .menu-lg .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-lg {
  margin-left: 20px;
}

.navbar.menu-sm .navbar-toggle, .navbar .menu-sm .navbar-toggle, .navbar .navbar-toggle.menu-sm {
  padding: 6px 7px;
  margin-top: 11px;
  margin-right: 10px;
  margin-bottom: 11px;
}

.navbar.brand-right.menu-sm .navbar-toggle, .navbar.brand-right .menu-sm .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-sm {
  margin-left: 10px;
}

.navbar.menu-xs .navbar-toggle, .navbar .menu-xs .navbar-toggle, .navbar .navbar-toggle.menu-xs {
  padding: 3px 4px;
  margin-top: 14px;
  margin-right: 5px;
  margin-bottom: 14px;
}

.navbar.brand-right.menu-xs .navbar-toggle, .navbar.brand-right .menu-xs .navbar-toggle, .navbar.brand-right .navbar-toggle.menu-xs {
  margin-left: 5px;
}

@media (min-width: 768px) {
  .navbar.brand-right .navbar-header {
    float: right;
  }
  /*ltr*/
}

@media (max-width: 768px) {
  .navbar .navbar.brand-right .navbar-header {
    float: none;
  }
  .navbar .navbar-header .nav.navbar-left {
    margin: 0 0 0 15px;
  }
  /*ltr*/
  .navbar .navbar-header .nav.navbar-right {
    margin: 0 15px 0 0;
  }
  /*ltr*/
  .navbar .navbar-header .nav > li > a {
    padding: 15px 8px;
    display: table;
    float: left;
  }
  /*ltr*/
}

/* --- END BRAND, TOGGLE BOTTON --- */
/* --- MAINBAR ACTIVE/OPEN ARROW --- */
@media (min-width: 768px) {
  .navbar .navbar-nav > li.dropdown-onhover:hover > ul, .navbar.dropdown-onhover .navbar-nav > li:hover > ul, .navbar.dropdown-onhover .navbar-nav > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
    z-index: 1001;
  }
  .navbar:not(.no-open-arrow).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a.dropdown-toggle:before, .navbar:not(.no-open-arrow) .navbar-nav.dropdown-onhover > li:hover > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav.dropdown-onhover > li:hover > a.dropdown-toggle:before, .navbar:not(.no-open-arrow) .navbar-nav > li.dropdown-onhover:hover > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav > li.dropdown-onhover:hover > a.dropdown-toggle:before, .navbar:not(.no-active-arrow) .navbar-nav > .active > a:after, .navbar:not(.no-border):not(.no-active-arrow) .navbar-nav > .active > a:before, .navbar:not(.no-open-arrow) .navbar-nav > .open > a.dropdown-toggle:after, .navbar:not(.no-border):not(.no-open-arrow) .navbar-nav > .open > a.dropdown-toggle:before {
    content: " ";
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    line-height: 0;
    margin-left: -8px;
    border-color: transparent;
  }
  .navbar.dropdown-onhover.no-fix .navbar-nav > .open:not(.active):not(:hover) > a.dropdown-toggle:after, .navbar.dropdown-onhover.no-fix .navbar-nav > .open:not(.active):not(:hover) > a.dropdown-toggle:before, .navbar .navbar-nav.dropdown-onhover.no-fix > .open:not(.active):not(:hover) > a.dropdown-toggle:after, .navbar .navbar-nav.dropdown-onhover.no-fix > .open:not(.active):not(:hover) > a.dropdown-toggle:before, .navbar .navbar-nav > .dropdown-onhover.no-fix.open:not(.active):not(:hover) > a.dropdown-toggle:after, .navbar .navbar-nav > .dropdown-onhover.no-fix.open:not(.active):not(:hover) > a.dropdown-toggle:before {
    content: none;
  }
  .navbar.navbar-fixed-bottom .navbar-nav > .active > a:before {
    top: -8px;
    border-width: 0 8px 8px 8px;
  }
  .navbar.navbar-fixed-bottom .navbar-nav > .active > a:after {
    top: -7px;
    border-width: 0 8px 8px 8px;
  }
  .navbar.no-border.navbar-fixed-bottom .navbar-nav > .active > a:after {
    top: -8px;
  }
  .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before, .navbar.navbar-fixed-bottom .navbar-nav > .open > a:before {
    top: 0;
    border-width: 8px 8px 0 8px;
  }
  .navbar.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after, .navbar.navbar-fixed-bottom .navbar-nav > .open > a:after {
    top: -1px;
    border-width: 8px 8px 0 8px;
  }
  .navbar.no-border.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after, .navbar.no-border.navbar-fixed-bottom .navbar-nav > .open > a:after {
    top: 0;
  }
  .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before {
    bottom: -9px;
    border-width: 8px 8px 0 8px;
  }
  .navbar:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
    bottom: -8px;
    border-width: 8px 8px 0 8px;
  }
  .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:before, .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:before {
    bottom: 0;
    border-width: 0 8px 8px 8px;
  }
  .navbar:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after, .navbar:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after {
    bottom: -1px;
    border-width: 0 8px 8px 8px;
  }
  .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > li:not(.disabled).dropdown-onhover:hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after, .navbar.no-border:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after {
    bottom: 0;
  }
  .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:before, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:before, .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
    top: -8px;
    border-width: 0 8px 8px 8px;
  }
  .navbar.dropdown-onhover.no-fix.navbar-fixed-bottom .navbar-nav > .active > a:after, .navbar.navbar-fixed-bottom .navbar-nav.dropdown-onhover.no-fix > .active > a:after, .navbar.navbar-fixed-bottom .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
    top: -7px;
    border-width: 0 8px 8px 8px;
  }
  .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:before, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:before {
    bottom: -9px;
    border-width: 8px 8px 0 8px;
  }
  .navbar.dropdown-onhover.no-fix:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover.no-fix > .active > a:after, .navbar:not(.navbar-fixed-bottom) .navbar-nav > .dropdown-onhover.no-fix.active > a:after {
    bottom: -8px;
    border-width: 8px 8px 0 8px;
  }
}

/* --- END MAINBAR ACTIVE/OPEN ARROW --- */
/* --- MAINBAR CARET --- */
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
  position: relative;
  width: 8px;
  height: 20px;
  vertical-align: top;
  font-family: FontAwesome;
  margin-left: 8px;
  border: none;
}

/*ltr*/
.navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret:before {
  content: "\f107";
}

.navbar.navbar-fixed-bottom:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret:before {
  content: "\f106";
}

@media (max-width: 768px) {
  .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) li:not(.caret-bootstrap) > a.dropdown-toggle:not(.caret-bootstrap) > span:not(.caret-bootstrap).caret {
    float: right;
  }
  /*ltr*/
}

.navbar.caret-bootstrap .navbar-nav li > a.dropdown-toggle > span.caret, .navbar .navbar-nav.caret-bootstrap li > a.dropdown-toggle > span.caret, .navbar .navbar-nav li.caret-bootstrap > a.dropdown-toggle > span.caret, .navbar .navbar-nav li > a.dropdown-toggle.caret-bootstrap > span.caret, .navbar .navbar-nav li > a.dropdown-toggle > span.caret.caret-bootstrap {
  float: right;
  margin-top: 8px;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  margin-right: 0;
  vertical-align: middle;
  border-top: 4px solid;
  border-bottom: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*ltr*/
.navbar.navbar-fixed-bottom.caret-bootstrap .navbar-nav li > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav.caret-bootstrap li > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li.caret-bootstrap > a.dropdown-toggle > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li > a.dropdown-toggle.caret-bootstrap > span.caret, .navbar.navbar-fixed-bottom .navbar-nav li > a.dropdown-toggle > span.caret.caret-bootstrap {
  float: right;
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 8px;
  margin-right: 0;
  vertical-align: middle;
  border-top: 0;
  border-bottom: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*ltr*/
.navbar.caret-left .navbar-nav li > a.dropdown-toggle > span.caret, .navbar .navbar-nav.caret-left li > a.dropdown-toggle > span.caret, .navbar .navbar-nav li.caret-left > a.dropdown-toggle > span.caret {
  margin-right: 8px !important;
  margin-left: 0 !important;
  float: left !important;
}

/*ltr*/
/* --- END MAINBAR CARET --- */
/* --- SUBMENU CARET --- */
.navbar.caret-bootstrap .navbar-nav .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav.caret-bootstrap .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-bootstrap > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle.caret-bootstrap:before {
  width: 0;
  height: 0;
  position: absolute;
  border-top: 4px solid;
  border-bottom: 0;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "" !important;
  margin-top: 8px;
  float: right;
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
  position: absolute;
  width: 10px;
  left: auto;
  right: 10px;
  font-family: FontAwesome;
  content: "";
}

/*ltr*/
.navbar.caret-left .navbar-nav .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav.caret-left .dropdown-menu li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu.caret-left li > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.caret-left > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li > a.caret-left.dropdown-toggle:before {
  left: 10px;
  right: auto;
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li.dropup-left-onclick > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onclick > a.dropdown-toggle:not(.collapsed):before {
  content: "\f104";
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li.dropup-right-onclick > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onclick > a.dropdown-toggle:not(.collapsed):before {
  content: "\f105";
}

/*ltr*/
.navbar .navbar-nav .dropdown-menu li[class*="dropup-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-center-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-up-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
  content: "\f106";
}

.navbar .navbar-nav .dropdown-menu li[class*="dropdown-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li[class*="collapse-down-"] > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-center-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.collapse-down-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
  content: "\f107";
}

@media (min-width: 768px) {
  .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-left-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-left-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
    content: "\f104";
  }
  /*ltr*/
  .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:hover > a.dropdown-toggle:before, .navbar .navbar-nav .dropdown-menu li.dropup-right-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before, .navbar .navbar-nav .dropdown-menu li.dropdown-right-onhover:not(.no-fix) > a.dropdown-toggle:not(.collapsed):before {
    content: "\f105";
  }
  /*ltr*/
}

@media (max-width: 768px) {
  .navbar .navbar-nav .dropdown-menu li[class*="collapse-up-"] > a.dropdown-toggle:before {
    content: "\f106" !important;
  }
  .navbar .navbar-nav .dropdown-menu li > a.dropdown-toggle:before {
    content: "\f107" !important;
  }
  .navbar:not(.caret-bootstrap) .navbar-nav:not(.caret-bootstrap) .dropdown-menu:not(.caret-bootstrap) li:not(.caret-bootstrap).collapse-up-onclick > a:not(.caret-bootstrap).dropdown-toggle.collapsed:before {
    content: "\f106" !important;
  }
}

/* --- END SUBMENU CARET --- */
/* --- MAINMENU --- */
.navbar .dropdown-menu {
  position: absolute;
}

.navbar .navbar-nav > li:not(.dropdown-short)[class*="dropdown-"] {
  position: static;
}

.navbar:not(.no-border) .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar:not(.no-border) .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
  margin-top: 1px;
  margin-bottom: 1px;
}

.navbar.no-border .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar.no-border .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
  margin-top: 0;
  margin-bottom: 0;
}

.navbar.navbar-fixed-bottom .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
  top: auto;
  bottom: 100%;
  border-top-width: 1px;
  border-bottom-width: 0;
  border-radius: 4px 4px 0 0;
}

.navbar .navbar-nav > li[class*="dropdown"] > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
  top: 100%;
  bottom: auto;
  border-top-width: 0;
  border-bottom-width: 1px;
  border-radius: 0 0 4px 4px;
}

.navbar .navbar-nav > li.dropdown > .dropdown-menu {
  padding: 0;
}

.navbar .navbar-nav > li.dropdown-short > .dropdown-menu {
  padding: 15px;
}

.navbar .navbar-nav.navbar-left > li.dropdown-grid > .dropdown-grid-wrapper, .navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper.dropdown-menu-left {
  direction: ltr;
  float: left;
}

/*ltr*/
.navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper, .navbar .navbar-nav.navbar-left > li.dropdown-grid > .dropdown-grid-wrapper.dropdown-menu-right {
  direction: rtl;
  float: right;
}

/*ltr*/
.navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
  left: auto;
  direction: ltr;
  padding: 15px;
}

/*ltr*/
.navbar .navbar-nav.navbar-right > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu {
  right: auto;
}

/*ltr*/
.navbar .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu {
  display: block;
}

.navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu {
  left: 0;
  right: 0;
  padding: 15px;
  margin-left: 0;
  margin-right: 0;
}

.navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu {
  margin-left: 15px;
  margin-right: 15px;
}

.navbar:not(.no-border) .navbar-nav > li.dropdown-full > .dropdown-menu {
  margin-left: -16px;
  margin-right: -16px;
}

.navbar.no-border .navbar-nav > li.dropdown-full > .dropdown-menu {
  margin-left: -15px;
  margin-right: -15px;
}

.navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-full > .dropdown-menu, .navbar.no-border.navbar-static-top .navbar-nav > li.dropdown-full > .dropdown-menu {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 768px) {
  .navbar.dropdown-onhover.no-fix .navbar-nav > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover.no-fix > li.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li.dropdown-onhover.no-fix.dropdown-grid.open > .dropdown-grid-wrapper > .dropdown-menu, .navbar.dropdown-onhover.no-fix .navbar-nav > li > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover.no-fix > li > .dropdown-menu, .navbar .navbar-nav > li.dropdown-onhover.no-fix > .dropdown-menu {
    display: none;
  }
  .navbar:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a, .navbar:not(.no-border) li.dropdown-onhover:hover > a, .navbar:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-style: solid;
    margin-bottom: -1px;
    margin-top: 0;
  }
  .navbar.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a, .navbar.navbar-fixed-bottom:not(.no-border) li.dropdown-onhover:hover > a, .navbar.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a {
    border-top-width: 1px;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 0;
    border-style: solid;
    margin-bottom: 0;
    margin-top: -1px;
  }
  .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-menu, .navbar.dropdown-onhover .navbar-nav > li:hover > .dropdown-grid-wrapper > .dropdown-menu, .navbar li.dropdown-onhover:hover > .dropdown-menu, .navbar li.dropdown-onhover:hover > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-menu, .navbar .navbar-nav.dropdown-onhover > li:hover > .dropdown-grid-wrapper > .dropdown-menu {
    display: block !important;
    visibility: visible;
    z-index: 1001 !important;
  }
}

@media (max-width: 768px) {
  .navbar .navbar-nav > li.dropdown-short > .dropdown-menu .h-divided {
    width: 100%;
  }
  .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper {
    float: none !important;
  }
  .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li > .dropdown-menu {
    border-top-style: solid;
    border-top-width: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;
  }
  .navbar.navbar-fixed-bottom .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-fixed-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar.navbar-static-top .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-wide > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full > .dropdown-menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }
  .navbar .navbar-nav > li.dropdown-wide.open > .dropdown-menu, .navbar .navbar-nav > li.dropdown-full.open > .dropdown-menu {
    display: inline-block;
    visibility: visible;
  }
  .navbar .navbar-nav > li.dropdown-grid > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav > li.dropdown-grid > a {
    margin-right: 0 !important;
  }
  .navbar .navbar-nav.navbar-right > li > .dropdown-grid-wrapper > .dropdown-menu, .navbar .navbar-nav.navbar-right > li > a, .navbar .navbar-nav.navbar-right > li > ul {
    margin-right: 1px !important;
  }
  /*Hover force v2.0.1 new*/
  .navbar li.xs-hover:hover > .dropdown-menu {
    display: block;
    visibility: visible;
    height: inherit !important;
    float: none;
    width: auto;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu {
    display: block;
    visibility: visible;
    height: inherit !important;
    float: none;
    width: auto;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-menu,
  .navbar li.xs-hover.no-fix:not(:hover) > .dropdown-grid-wrapper > .dropdown-menu {
    display: none;
  }
  .navbar li.dropdown-wide.xs-hover:hover > .dropdown-menu, .navbar li.dropdown-full.xs-hover:hover > .dropdown-menu {
    display: inline-block !important;
    visibility: visible;
  }
  .navbar li.xs-hover:hover > .dropdown-menu .dropdown-menu {
    position: static;
    float: none;
    border: 0;
  }
  .navbar li.xs-hover:hover > .dropdown-grid-wrapper > .dropdown-menu .dropdown-menu {
    position: static;
    float: none;
    border: 0;
  }
}

/* --- END MAINMENU --- */
/* --- SUBMENUS --- */
.navbar .navbar-nav > li ul li[class*="-onhover"], .navbar .navbar-nav > li ul li[class*="-onclick"] {
  position: relative;
}

.navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle.collapsed + .collapsing, .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle.collapsed + .collapsing {
  display: none;
  height: inherit !important;
}

.navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-toggle:not(.collapsed) + .collapsing, .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-toggle:not(.collapsed) + .collapsing {
  display: block;
  visibility: visible;
  height: inherit !important;
}

.navbar .navbar-nav > li ul li[class*="-onhover"]:not([class*="collapse-"]):hover > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-onclick"]:hover > .dropdown-menu {
  z-index: 1002;
}

/*center*/
.navbar .navbar-nav > li ul li.dropup-center-onclick > .dropdown-menu {
  left: 0;
  right: 0;
  top: auto;
  bottom: 100%;
  z-index: 1001;
  padding: 15px;
  margin: 0;
  width: 100%;
}

.navbar .navbar-nav > li ul li.dropup-center-onhover > .dropdown-menu {
  left: 0;
  right: 0;
  top: auto;
  bottom: 100%;
  z-index: 1001;
  padding: 15px;
  display: none;
  overflow: visible;
  margin: 0;
  width: 100%;
}

.navbar .navbar-nav > li ul li.dropdown-center-onclick > .dropdown-menu {
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  z-index: 1001;
  padding: 15px;
  margin: 0;
  width: 100%;
}

.navbar .navbar-nav > li ul li.dropdown-center-onhover > .dropdown-menu {
  left: 0;
  right: 0;
  top: 100%;
  bottom: auto;
  z-index: 1001;
  padding: 15px;
  display: none;
  overflow: visible;
  margin: 0;
  width: 100%;
}

.navbar .navbar-nav > li ul li.ltr[class*="-center-"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-center-"] > .dropdown-menu.ltr {
  left: 0;
  right: auto;
  width: auto;
}

.navbar .navbar-nav > li ul li.rtl[class*="-center-"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-center-"] > .dropdown-menu.rtl {
  left: auto;
  right: 0;
  width: auto;
}

.navbar .navbar-nav > li ul li.dropup-right-onclick > .dropdown-menu {
  left: 100%;
  right: auto;
  top: auto;
  bottom: 0;
  z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropup-right-onhover > .dropdown-menu {
  left: 100%;
  right: auto;
  top: auto;
  bottom: 0;
  z-index: 1001;
  display: none;
  overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-right-onclick > .dropdown-menu {
  left: 100%;
  right: auto;
  top: 0;
  bottom: auto;
  z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-right-onhover > .dropdown-menu {
  left: 100%;
  right: auto;
  top: 0;
  bottom: auto;
  z-index: 1001;
  display: none;
  overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropup-left-onclick > .dropdown-menu {
  left: auto;
  right: 100%;
  top: auto;
  bottom: 0;
  z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropup-left-onhover > .dropdown-menu {
  left: auto;
  right: 100%;
  top: auto;
  bottom: 0;
  z-index: 1001;
  display: none;
  overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-left-onclick > .dropdown-menu {
  left: auto;
  right: 100%;
  top: 0;
  bottom: auto;
  z-index: 1001;
}

/*ltr*/
.navbar .navbar-nav > li ul li.dropdown-left-onhover > .dropdown-menu {
  left: auto;
  right: 100%;
  top: 0;
  bottom: auto;
  z-index: 1001;
  display: none;
  overflow: visible;
}

/*ltr*/
.navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-right-onhover > .dropdown-menu {
  margin: 0 0 0 -1px;
  padding: 15px;
}

.navbar .navbar-nav > li:not(.dropdown) ul li.dropup-left-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-left-onclick > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropup-left-onhover > .dropdown-menu, .navbar .navbar-nav > li:not(.dropdown) ul li.dropdown-left-onhover > .dropdown-menu {
  margin: 0 -1px 0 0;
  padding: 15px;
}

.navbar .navbar-nav > li.dropdown ul li.dropup-right-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-right-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropup-right-onhover > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-right-onhover > .dropdown-menu {
  margin: 0 0 0 -10px;
  padding: 0;
}

.navbar .navbar-nav > li.dropdown ul li.dropup-left-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-left-onclick > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropup-left-onhover > .dropdown-menu, .navbar .navbar-nav > li.dropdown ul li.dropdown-left-onhover > .dropdown-menu {
  margin: 0 -10px 0 0;
  padding: 0;
}

.navbar .navbar-nav > li ul li[class*="collapse-down-"] > .dropdown-menu {
  background: transparent;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar .navbar-nav > li ul li.collapse-down-onhover > .dropdown-menu, .navbar .navbar-nav > li ul li.collapse-up-onhover > .dropdown-menu {
  display: none;
  overflow: visible;
}

.navbar .navbar-nav > li ul li[class*="collapse-up-"] {
  float: none;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.navbar .navbar-nav > li ul li[class*="collapse-up-"] > a, .navbar .navbar-nav > li ul li[class*="collapse-up-"] > ul.dropdown-menu {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
      align-self: auto;
}

.navbar .navbar-nav > li ul li[class*="collapse-up-"] > .dropdown-menu {
  background: transparent;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
  z-index: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.navbar .navbar-nav > li ul li[class*="collapse-up-"] {
  width: 100%;
  -moz-box-sizing: border-box;
}

.navbar .navbar-nav .dropdown-menu li[class*="collapse-"] > .dropdown-menu li:not([class*="collapse-"]) > .dropdown-menu li > a {
  padding-left: 15px !important;
}

.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li > a {
  padding-left: 30px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
  padding-left: 45px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
  padding-left: 60px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
  padding-left: 75px;
}

/*ltr*/
.navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li[class*="collapse-"] .dropdown-menu li > a {
  padding-left: 90px;
}

/*ltr*/
@media (max-width: 768px) {
  .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu.collapse.in {
    display: block;
    visibility: visible;
    height: inherit !important;
  }
  .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle.collapsed + .dropdown-menu.collapsing {
    display: none;
    height: inherit !important;
  }
  .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-toggle:not(.collapsed) + .dropdown-menu.collapsing {
    display: block;
    visibility: visible;
    height: inherit !important;
  }
  .navbar .navbar-nav > li ul li[class*="-onclick"] > .dropdown-menu, .navbar .navbar-nav > li ul li[class*="-onhover"] > .dropdown-menu {
    padding: 0 !important;
    margin: 1px 0 1px 0;
    width: auto;
  }
  .navbar .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding-left: 15px;
  }
  .navbar .navbar-nav .dropdown-menu, .navbar .navbar-nav .dropdown-menu {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  .navbar.caret-left .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle, .navbar-nav.caret-left .open .dropdown-menu > li > a.dropdown-toggle, .navbar-nav .open.caret-left .dropdown-menu > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu.caret-left > li > a.dropdown-toggle, .navbar-nav .open .dropdown-menu > li.caret-left > a.dropdown-toggle, .navbar-nav .open .dropdown-menu > li > a.dropdown-toggle.caret-left {
    padding-left: 30px;
  }
  .navbar .navbar-nav > li ul li[class*="collapse-"] .dropdown-menu li > a {
    padding-left: 15px !important;
  }
  .navbar-nav .dropdown-menu .dropdown-menu {
    margin-left: 15px !important;
    margin-right: 0 !important;
    margin-top: 1px !important;
  }
}

@media (min-width: 768px) {
  .navbar .navbar-nav > li ul li[class*="-onhover"]:hover > .dropdown-menu,
  .navbar .navbar-nav > li ul li[class*="-onhover"]:not(.no-fix) > .dropdown-menu.collapse.in {
    display: block !important;
    visibility: visible;
    height: inherit !important;
  }
}

/* --- END SUBMENUS --- */
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */
.flickity-button {
  position: absolute;
  background: rgba(255, 255, 255, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #19F;
          box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  background: white;
  background: rgba(255, 255, 255, 0.75);
}

.flickity-prev-next-button:hover {
  background: white;
}

.flickity-prev-next-button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 0 5px #09F;
          box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  right: 10px;
  left: auto;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  cursor: auto;
  opacity: 0.3;
}

.flickity-prev-next-button svg {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* ---- page dots ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/*

VARIABLES

*/
/*

  DEBUG CHILDREN
  Docs: http://tachyons.io/docs/debug/

  Just add the debug class to any element to see outlines on its
  children.

*/
.debug * {
  outline: 1px solid gold;
}

.debug-white * {
  outline: 1px solid white;
}

.debug-black * {
  outline: 1px solid black;
}

/*

   DEBUG GRID
   http://tachyons.io/docs/debug-grid/

   Can be useful for debugging layout issues
   or helping to make sure things line up perfectly.
   Just tack one of these classes onto a parent element.

*/
.debug-grid {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTRDOTY4N0U2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTRDOTY4N0Q2N0VFMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3NjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3NzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsBS+GMAAAAjSURBVHjaYvz//z8DLsD4gcGXiYEAGBIKGBne//fFpwAgwAB98AaF2pjlUQAAAABJRU5ErkJggg==) repeat top left;
}

.debug-grid-16 {
  background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODYyRjhERDU2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODYyRjhERDQ2N0YyMTFFNjg2MzZDQjkwNkQ4MjgwMEIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QTY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3QjY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCS01IAAABMSURBVHjaYmR4/5+BFPBfAMFm/MBgx8RAGWCn1AAmSg34Q6kBDKMGMDCwICeMIemF/5QawEipAWwUhwEjMDvbAWlWkvVBwu8vQIABAEwBCph8U6c0AAAAAElFTkSuQmCC) repeat top left;
}

.debug-grid-8-solid {
  background: white url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAAAAAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzExMSA3OS4xNTgzMjUsIDIwMTUvMDkvMTAtMDE6MTA6MjAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMjI0OTczNjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMjI0OTc0NjdCMzExRTZCMkJDRTI0MDgxMDAyMTcxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjEyMjQ5NzE2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjEyMjQ5NzI2N0IzMTFFNkIyQkNFMjQwODEwMDIxNzEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAbGhopHSlBJiZBQi8vL0JHPz4+P0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHAR0pKTQmND8oKD9HPzU/R0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0f/wAARCAAIAAgDASIAAhEBAxEB/8QAWQABAQAAAAAAAAAAAAAAAAAAAAYBAQEAAAAAAAAAAAAAAAAAAAIEEAEBAAMBAAAAAAAAAAAAAAABADECA0ERAAEDBQAAAAAAAAAAAAAAAAARITFBUWESIv/aAAwDAQACEQMRAD8AoOnTV1QTD7JJshP3vSM3P//Z) repeat top left;
}

.debug-grid-16-solid {
  background: white url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzY3MkJEN0U2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzY3MkJEN0Y2N0M1MTFFNkIyQkNFMjQwODEwMDIxNzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3NjcyQkQ3QzY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3NjcyQkQ3RDY3QzUxMUU2QjJCQ0UyNDA4MTAwMjE3MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pve6J3kAAAAzSURBVHjaYvz//z8D0UDsMwMjSRoYP5Gq4SPNbRjVMEQ1fCRDg+in/6+J1AJUxsgAEGAA31BAJMS0GYEAAAAASUVORK5CYII=) repeat top left;
}

/*

  BOX SIZING

*/
html,
body,
div,
article,
section,
main,
footer,
header,
form,
fieldset,
legend,
pre,
code,
a,
h1, h2, h3, h4, h5, h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
textarea,
table,
td,
th,
tr,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="text"],
input[type="url"],
.border-box {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*

   ASPECT RATIOS

*/
/* This is for fluid media that is embedded from third party sites like youtube, vimeo etc.
 * Wrap the outer element in aspect-ratio and then extend it with the desired ratio i.e
 * Make sure there are no height and width attributes on the embedded media.
 * Adapted from: https://github.com/suitcss/components-flex-embed
 *
 * Example:
 *
 * <div class="aspect-ratio aspect-ratio--16x9">
 *  <iframe class="aspect-ratio--object"></iframe>
 * </div>
 *
 * */
.aspect-ratio {
  height: 0;
  position: relative;
}

.aspect-ratio--16x9 {
  padding-bottom: 56.25%;
}

.aspect-ratio--9x16 {
  padding-bottom: 177.77%;
}

.aspect-ratio--4x3 {
  padding-bottom: 75%;
}

.aspect-ratio--3x4 {
  padding-bottom: 133.33%;
}

.aspect-ratio--6x4 {
  padding-bottom: 66.6%;
}

.aspect-ratio--4x6 {
  padding-bottom: 150%;
}

.aspect-ratio--8x5 {
  padding-bottom: 62.5%;
}

.aspect-ratio--5x8 {
  padding-bottom: 160%;
}

.aspect-ratio--7x5 {
  padding-bottom: 71.42%;
}

.aspect-ratio--5x7 {
  padding-bottom: 140%;
}

.aspect-ratio--1x1 {
  padding-bottom: 100%;
}

.aspect-ratio--object {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

@media screen and (min-width: 768px) {
  .aspect-ratio-ns {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-ns {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-ns {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-ns {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-ns {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-ns {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-ns {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-ns {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-ns {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-ns {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-ns {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-ns {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-ns {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .aspect-ratio-m {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-m {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-m {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-m {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-m {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-m {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-m {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-m {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-m {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-m {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-m {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-m {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-m {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

@media screen and (min-width: 992px) {
  .aspect-ratio-l {
    height: 0;
    position: relative;
  }
  .aspect-ratio--16x9-l {
    padding-bottom: 56.25%;
  }
  .aspect-ratio--9x16-l {
    padding-bottom: 177.77%;
  }
  .aspect-ratio--4x3-l {
    padding-bottom: 75%;
  }
  .aspect-ratio--3x4-l {
    padding-bottom: 133.33%;
  }
  .aspect-ratio--6x4-l {
    padding-bottom: 66.6%;
  }
  .aspect-ratio--4x6-l {
    padding-bottom: 150%;
  }
  .aspect-ratio--8x5-l {
    padding-bottom: 62.5%;
  }
  .aspect-ratio--5x8-l {
    padding-bottom: 160%;
  }
  .aspect-ratio--7x5-l {
    padding-bottom: 71.42%;
  }
  .aspect-ratio--5x7-l {
    padding-bottom: 140%;
  }
  .aspect-ratio--1x1-l {
    padding-bottom: 100%;
  }
  .aspect-ratio--object-l {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
  }
}

/*

   IMAGES
   Docs: http://tachyons.io/docs/elements/images/

*/
/* Responsive images! */
img {
  max-width: 100%;
}

/*

   BACKGROUND SIZE
   Docs: http://tachyons.io/docs/themes/background-size/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
  Often used in combination with background image set as an inline style
  on an html element.
*/
.cover {
  background-size: cover !important;
}

.contain {
  background-size: contain !important;
}

@media screen and (min-width: 768px) {
  .cover-ns {
    background-size: cover !important;
  }
  .contain-ns {
    background-size: contain !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .cover-m {
    background-size: cover !important;
  }
  .contain-m {
    background-size: contain !important;
  }
}

@media screen and (min-width: 992px) {
  .cover-l {
    background-size: cover !important;
  }
  .contain-l {
    background-size: contain !important;
  }
}

/*

    BACKGROUND POSITION

    Base:
    bg = background

    Modifiers:
    -center = center center
    -top = top center
    -right = center right
    -bottom = bottom center
    -left = center left

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.bg-center {
  background-repeat: no-repeat;
  background-position: center center;
}

.bg-top {
  background-repeat: no-repeat;
  background-position: top center;
}

.bg-right {
  background-repeat: no-repeat;
  background-position: center right;
}

.bg-bottom {
  background-repeat: no-repeat;
  background-position: bottom center;
}

.bg-left {
  background-repeat: no-repeat;
  background-position: center left;
}

@media screen and (min-width: 768px) {
  .bg-center-ns {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-top-ns {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-right-ns {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-bottom-ns {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-left-ns {
    background-repeat: no-repeat;
    background-position: center left;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .bg-center-m {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-top-m {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-right-m {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-bottom-m {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-left-m {
    background-repeat: no-repeat;
    background-position: center left;
  }
}

@media screen and (min-width: 992px) {
  .bg-center-l {
    background-repeat: no-repeat;
    background-position: center center;
  }
  .bg-top-l {
    background-repeat: no-repeat;
    background-position: top center;
  }
  .bg-right-l {
    background-repeat: no-repeat;
    background-position: center right;
  }
  .bg-bottom-l {
    background-repeat: no-repeat;
    background-position: bottom center;
  }
  .bg-left-l {
    background-repeat: no-repeat;
    background-position: center left;
  }
}

/*

   OUTLINES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.outline {
  outline: 1px solid;
}

.outline-transparent {
  outline: 1px solid transparent;
}

.outline-0 {
  outline: 0;
}

@media screen and (min-width: 768px) {
  .outline-ns {
    outline: 1px solid;
  }
  .outline-transparent-ns {
    outline: 1px solid transparent;
  }
  .outline-0-ns {
    outline: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .outline-m {
    outline: 1px solid;
  }
  .outline-transparent-m {
    outline: 1px solid transparent;
  }
  .outline-0-m {
    outline: 0;
  }
}

@media screen and (min-width: 992px) {
  .outline-l {
    outline: 1px solid;
  }
  .outline-transparent-l {
    outline: 1px solid transparent;
  }
  .outline-0-l {
    outline: 0;
  }
}

/*

    BORDERS
    Docs: http://tachyons.io/docs/themes/borders/

    Base:
      b = border

    Modifiers:
      a = all
      t = top
      r = right
      b = bottom
      l = left
      n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ba {
  border-style: solid;
  border-width: 1px;
}

.bt {
  border-top-style: solid;
  border-top-width: 1px;
}

.br {
  border-right-style: solid;
  border-right-width: 1px;
}

.bb {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.bl {
  border-left-style: solid;
  border-left-width: 1px;
}

.bn {
  border-style: none;
  border-width: 0;
}

@media screen and (min-width: 768px) {
  .ba-ns {
    border-style: solid;
    border-width: 1px;
  }
  .bt-ns {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-ns {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-ns {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-ns {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-ns {
    border-style: none;
    border-width: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .ba-m {
    border-style: solid;
    border-width: 1px;
  }
  .bt-m {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-m {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-m {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-m {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-m {
    border-style: none;
    border-width: 0;
  }
}

@media screen and (min-width: 992px) {
  .ba-l {
    border-style: solid;
    border-width: 1px;
  }
  .bt-l {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .br-l {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .bb-l {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .bl-l {
    border-left-style: solid;
    border-left-width: 1px;
  }
  .bn-l {
    border-style: none;
    border-width: 0;
  }
}

/*

   BORDER COLORS
   Docs: http://tachyons.io/docs/themes/borders/

   Border colors can be used to extend the base
   border classes ba,bt,bb,br,bl found in the _borders.css file.

   The base border class by default will set the color of the border
   to that of the current text color. These classes are for the cases
   where you desire for the text and border colors to be different.

   Base:
     b = border

   Modifiers:
   --color-name = each color variable name is also a border color name

*/
.b--black {
  border-color: #000;
}

.b--near-black {
  border-color: #111;
}

.b--dark-gray {
  border-color: #333;
}

.b--mid-gray {
  border-color: #555;
}

.b--gray {
  border-color: #555555;
}

.b--silver {
  border-color: #999;
}

.b--light-silver {
  border-color: #aaa;
}

.b--moon-gray {
  border-color: #ccc;
}

.b--light-gray {
  border-color: #eee;
}

.b--near-white {
  border-color: #f4f4f4;
}

.b--white {
  border-color: #fff;
}

.b--white-90 {
  border-color: rgba(255, 255, 255, 0.9);
}

.b--white-80 {
  border-color: rgba(255, 255, 255, 0.8);
}

.b--white-70 {
  border-color: rgba(255, 255, 255, 0.7);
}

.b--white-60 {
  border-color: rgba(255, 255, 255, 0.6);
}

.b--white-50 {
  border-color: rgba(255, 255, 255, 0.5);
}

.b--white-40 {
  border-color: rgba(255, 255, 255, 0.4);
}

.b--white-30 {
  border-color: rgba(255, 255, 255, 0.3);
}

.b--white-20 {
  border-color: rgba(255, 255, 255, 0.2);
}

.b--white-10 {
  border-color: rgba(255, 255, 255, 0.1);
}

.b--white-05 {
  border-color: rgba(255, 255, 255, 0.05);
}

.b--white-025 {
  border-color: rgba(255, 255, 255, 0.025);
}

.b--white-0125 {
  border-color: rgba(255, 255, 255, 0.0125);
}

.b--black-90 {
  border-color: rgba(0, 0, 0, 0.9);
}

.b--black-80 {
  border-color: rgba(0, 0, 0, 0.8);
}

.b--black-70 {
  border-color: rgba(0, 0, 0, 0.7);
}

.b--black-60 {
  border-color: rgba(0, 0, 0, 0.6);
}

.b--black-50 {
  border-color: rgba(0, 0, 0, 0.5);
}

.b--black-40 {
  border-color: rgba(0, 0, 0, 0.4);
}

.b--black-30 {
  border-color: rgba(0, 0, 0, 0.3);
}

.b--black-20 {
  border-color: rgba(0, 0, 0, 0.2);
}

.b--black-10 {
  border-color: rgba(0, 0, 0, 0.1);
}

.b--black-05 {
  border-color: rgba(0, 0, 0, 0.05);
}

.b--black-025 {
  border-color: rgba(0, 0, 0, 0.025);
}

.b--black-0125 {
  border-color: rgba(0, 0, 0, 0.0125);
}

.b--dark-red {
  border-color: #e7040f;
}

.b--red {
  border-color: #ff4136;
}

.b--light-red {
  border-color: #ff725c;
}

.b--orange {
  border-color: #ff6300;
}

.b--gold {
  border-color: #ffb700;
}

.b--yellow {
  border-color: #ffd700;
}

.b--light-yellow {
  border-color: #fbf1a9;
}

.b--purple {
  border-color: #5e2ca5;
}

.b--light-purple {
  border-color: #a463f2;
}

.b--dark-pink {
  border-color: #d5008f;
}

.b--hot-pink {
  border-color: #ff41b4;
}

.b--pink {
  border-color: #ff80cc;
}

.b--light-pink {
  border-color: #ffa3d7;
}

.b--dark-green {
  border-color: #137752;
}

.b--green {
  border-color: #19a974;
}

.b--light-green {
  border-color: #9eebcf;
}

.b--navy {
  border-color: #001b44;
}

.b--dark-blue {
  border-color: #00449e;
}

.b--blue {
  border-color: #357edd;
}

.b--light-blue {
  border-color: #96ccff;
}

.b--lightest-blue {
  border-color: #cdecff;
}

.b--washed-blue {
  border-color: #f6fffe;
}

.b--washed-green {
  border-color: #e8fdf5;
}

.b--washed-yellow {
  border-color: #fffceb;
}

.b--washed-red {
  border-color: #ffdfdf;
}

.b--transparent {
  border-color: transparent;
}

.b--inherit {
  border-color: inherit;
}

/*

   BORDER RADIUS
   Docs: http://tachyons.io/docs/themes/border-radius/

   Base:
     br   = border-radius

   Modifiers:
     0    = 0/none
     1    = 1st step in scale
     2    = 2nd step in scale
     3    = 3rd step in scale
     4    = 4th step in scale

   Literal values:
     -100 = 100%
     -pill = 9999px

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.br0 {
  border-radius: 0;
}

.br1 {
  border-radius: 0.125rem;
}

.br2 {
  border-radius: 0.25rem;
}

.br3 {
  border-radius: 0.5rem;
}

.br4 {
  border-radius: 1rem;
}

.br-100 {
  border-radius: 100%;
}

.br-pill {
  border-radius: 9999px;
}

.br--bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.br--top {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.br--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.br--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (min-width: 768px) {
  .br0-ns {
    border-radius: 0;
  }
  .br1-ns {
    border-radius: 0.125rem;
  }
  .br2-ns {
    border-radius: 0.25rem;
  }
  .br3-ns {
    border-radius: 0.5rem;
  }
  .br4-ns {
    border-radius: 1rem;
  }
  .br-100-ns {
    border-radius: 100%;
  }
  .br-pill-ns {
    border-radius: 9999px;
  }
  .br--bottom-ns {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-ns {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br--right-ns {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br--left-ns {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .br0-m {
    border-radius: 0;
  }
  .br1-m {
    border-radius: 0.125rem;
  }
  .br2-m {
    border-radius: 0.25rem;
  }
  .br3-m {
    border-radius: 0.5rem;
  }
  .br4-m {
    border-radius: 1rem;
  }
  .br-100-m {
    border-radius: 100%;
  }
  .br-pill-m {
    border-radius: 9999px;
  }
  .br--bottom-m {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-m {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br--right-m {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br--left-m {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

@media screen and (min-width: 992px) {
  .br0-l {
    border-radius: 0;
  }
  .br1-l {
    border-radius: 0.125rem;
  }
  .br2-l {
    border-radius: 0.25rem;
  }
  .br3-l {
    border-radius: 0.5rem;
  }
  .br4-l {
    border-radius: 1rem;
  }
  .br-100-l {
    border-radius: 100%;
  }
  .br-pill-l {
    border-radius: 9999px;
  }
  .br--bottom-l {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .br--top-l {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .br--right-l {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .br--left-l {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/*

   BORDER STYLES
   Docs: http://tachyons.io/docs/themes/borders/

   Depends on base border module in _borders.css

   Base:
     b = border-style

   Modifiers:
     --none   = none
     --dotted = dotted
     --dashed = dashed
     --solid  = solid

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

 */
.b--dotted {
  border-style: dotted;
}

.b--dashed {
  border-style: dashed;
}

.b--solid {
  border-style: solid;
}

.b--none {
  border-style: none;
}

@media screen and (min-width: 768px) {
  .b--dotted-ns {
    border-style: dotted;
  }
  .b--dashed-ns {
    border-style: dashed;
  }
  .b--solid-ns {
    border-style: solid;
  }
  .b--none-ns {
    border-style: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .b--dotted-m {
    border-style: dotted;
  }
  .b--dashed-m {
    border-style: dashed;
  }
  .b--solid-m {
    border-style: solid;
  }
  .b--none-m {
    border-style: none;
  }
}

@media screen and (min-width: 992px) {
  .b--dotted-l {
    border-style: dotted;
  }
  .b--dashed-l {
    border-style: dashed;
  }
  .b--solid-l {
    border-style: solid;
  }
  .b--none-l {
    border-style: none;
  }
}

/*

   BORDER WIDTHS
   Docs: http://tachyons.io/docs/themes/borders/

   Base:
     bw = border-width

   Modifiers:
     0 = 0 width border
     1 = 1st step in border-width scale
     2 = 2nd step in border-width scale
     3 = 3rd step in border-width scale
     4 = 4th step in border-width scale
     5 = 5th step in border-width scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.bw0 {
  border-width: 0;
}

.bw1 {
  border-width: 0.125rem;
}

.bw2 {
  border-width: 0.25rem;
}

.bw3 {
  border-width: 0.5rem;
}

.bw4 {
  border-width: 1rem;
}

.bw5 {
  border-width: 2rem;
}

/* Resets */
.bt-0 {
  border-top-width: 0;
}

.br-0 {
  border-right-width: 0;
}

.bb-0 {
  border-bottom-width: 0;
}

.bl-0 {
  border-left-width: 0;
}

@media screen and (min-width: 768px) {
  .bw0-ns {
    border-width: 0;
  }
  .bw1-ns {
    border-width: 0.125rem;
  }
  .bw2-ns {
    border-width: 0.25rem;
  }
  .bw3-ns {
    border-width: 0.5rem;
  }
  .bw4-ns {
    border-width: 1rem;
  }
  .bw5-ns {
    border-width: 2rem;
  }
  .bt-0-ns {
    border-top-width: 0;
  }
  .br-0-ns {
    border-right-width: 0;
  }
  .bb-0-ns {
    border-bottom-width: 0;
  }
  .bl-0-ns {
    border-left-width: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .bw0-m {
    border-width: 0;
  }
  .bw1-m {
    border-width: 0.125rem;
  }
  .bw2-m {
    border-width: 0.25rem;
  }
  .bw3-m {
    border-width: 0.5rem;
  }
  .bw4-m {
    border-width: 1rem;
  }
  .bw5-m {
    border-width: 2rem;
  }
  .bt-0-m {
    border-top-width: 0;
  }
  .br-0-m {
    border-right-width: 0;
  }
  .bb-0-m {
    border-bottom-width: 0;
  }
  .bl-0-m {
    border-left-width: 0;
  }
}

@media screen and (min-width: 992px) {
  .bw0-l {
    border-width: 0;
  }
  .bw1-l {
    border-width: 0.125rem;
  }
  .bw2-l {
    border-width: 0.25rem;
  }
  .bw3-l {
    border-width: 0.5rem;
  }
  .bw4-l {
    border-width: 1rem;
  }
  .bw5-l {
    border-width: 2rem;
  }
  .bt-0-l {
    border-top-width: 0;
  }
  .br-0-l {
    border-right-width: 0;
  }
  .bb-0-l {
    border-bottom-width: 0;
  }
  .bl-0-l {
    border-left-width: 0;
  }
}

/*

  BOX-SHADOW
  Docs: http://tachyons.io/docs/themes/box-shadow/

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

 */
.shadow-1 {
  -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-2 {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

.shadow-3 {
  -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

.shadow-4 {
  -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
}

.shadow-5 {
  -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 768px) {
  .shadow-1-ns {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-2-ns {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-3-ns {
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-4-ns {
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .shadow-5-ns {
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .shadow-1-m {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-2-m {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-3-m {
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-4-m {
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .shadow-5-m {
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}

@media screen and (min-width: 992px) {
  .shadow-1-l {
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-2-l {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-3-l {
    -webkit-box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
  }
  .shadow-4-l {
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .shadow-5-l {
    -webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  }
}

/*

   CODE

*/
.pre {
  overflow-x: auto;
  overflow-y: hidden;
  overflow: scroll;
}

/*

   COORDINATES
   Docs: http://tachyons.io/docs/layout/position/

   Use in combination with the position module.

   Base:
     top
     bottom
     right
     left

   Modifiers:
     -0  = literal value 0
     -1  = literal value 1
     -2  = literal value 2
     --1 = literal value -1
     --2 = literal value -2

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-1 {
  top: 1rem;
}

.right-1 {
  right: 1rem;
}

.bottom-1 {
  bottom: 1rem;
}

.left-1 {
  left: 1rem;
}

.top-2 {
  top: 2rem;
}

.right-2 {
  right: 2rem;
}

.bottom-2 {
  bottom: 2rem;
}

.left-2 {
  left: 2rem;
}

.top--1 {
  top: -1rem;
}

.right--1 {
  right: -1rem;
}

.bottom--1 {
  bottom: -1rem;
}

.left--1 {
  left: -1rem;
}

.top--2 {
  top: -2rem;
}

.right--2 {
  right: -2rem;
}

.bottom--2 {
  bottom: -2rem;
}

.left--2 {
  left: -2rem;
}

.absolute--fill {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .top-0-ns {
    top: 0;
  }
  .left-0-ns {
    left: 0;
  }
  .right-0-ns {
    right: 0;
  }
  .bottom-0-ns {
    bottom: 0;
  }
  .top-1-ns {
    top: 1rem;
  }
  .left-1-ns {
    left: 1rem;
  }
  .right-1-ns {
    right: 1rem;
  }
  .bottom-1-ns {
    bottom: 1rem;
  }
  .top-2-ns {
    top: 2rem;
  }
  .left-2-ns {
    left: 2rem;
  }
  .right-2-ns {
    right: 2rem;
  }
  .bottom-2-ns {
    bottom: 2rem;
  }
  .top--1-ns {
    top: -1rem;
  }
  .right--1-ns {
    right: -1rem;
  }
  .bottom--1-ns {
    bottom: -1rem;
  }
  .left--1-ns {
    left: -1rem;
  }
  .top--2-ns {
    top: -2rem;
  }
  .right--2-ns {
    right: -2rem;
  }
  .bottom--2-ns {
    bottom: -2rem;
  }
  .left--2-ns {
    left: -2rem;
  }
  .absolute--fill-ns {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .top-0-m {
    top: 0;
  }
  .left-0-m {
    left: 0;
  }
  .right-0-m {
    right: 0;
  }
  .bottom-0-m {
    bottom: 0;
  }
  .top-1-m {
    top: 1rem;
  }
  .left-1-m {
    left: 1rem;
  }
  .right-1-m {
    right: 1rem;
  }
  .bottom-1-m {
    bottom: 1rem;
  }
  .top-2-m {
    top: 2rem;
  }
  .left-2-m {
    left: 2rem;
  }
  .right-2-m {
    right: 2rem;
  }
  .bottom-2-m {
    bottom: 2rem;
  }
  .top--1-m {
    top: -1rem;
  }
  .right--1-m {
    right: -1rem;
  }
  .bottom--1-m {
    bottom: -1rem;
  }
  .left--1-m {
    left: -1rem;
  }
  .top--2-m {
    top: -2rem;
  }
  .right--2-m {
    right: -2rem;
  }
  .bottom--2-m {
    bottom: -2rem;
  }
  .left--2-m {
    left: -2rem;
  }
  .absolute--fill-m {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

@media screen and (min-width: 992px) {
  .top-0-l {
    top: 0;
  }
  .left-0-l {
    left: 0;
  }
  .right-0-l {
    right: 0;
  }
  .bottom-0-l {
    bottom: 0;
  }
  .top-1-l {
    top: 1rem;
  }
  .left-1-l {
    left: 1rem;
  }
  .right-1-l {
    right: 1rem;
  }
  .bottom-1-l {
    bottom: 1rem;
  }
  .top-2-l {
    top: 2rem;
  }
  .left-2-l {
    left: 2rem;
  }
  .right-2-l {
    right: 2rem;
  }
  .bottom-2-l {
    bottom: 2rem;
  }
  .top--1-l {
    top: -1rem;
  }
  .right--1-l {
    right: -1rem;
  }
  .bottom--1-l {
    bottom: -1rem;
  }
  .left--1-l {
    left: -1rem;
  }
  .top--2-l {
    top: -2rem;
  }
  .right--2-l {
    right: -2rem;
  }
  .bottom--2-l {
    bottom: -2rem;
  }
  .left--2-l {
    left: -2rem;
  }
  .absolute--fill-l {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}

/*

   CLEARFIX
   http://tachyons.io/docs/layout/clearfix/

*/
/* Nicolas Gallaghers Clearfix solution
   Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cb {
  clear: both;
}

.cn {
  clear: none;
}

@media screen and (min-width: 768px) {
  .cl-ns {
    clear: left;
  }
  .cr-ns {
    clear: right;
  }
  .cb-ns {
    clear: both;
  }
  .cn-ns {
    clear: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .cl-m {
    clear: left;
  }
  .cr-m {
    clear: right;
  }
  .cb-m {
    clear: both;
  }
  .cn-m {
    clear: none;
  }
}

@media screen and (min-width: 992px) {
  .cl-l {
    clear: left;
  }
  .cr-l {
    clear: right;
  }
  .cb-l {
    clear: both;
  }
  .cn-l {
    clear: none;
  }
}

/*

  FLEXBOX

  Media Query Extensions:
   -ns = not-small
   -m  = medium
   -l  = large

*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* 1. Fix for Chrome 44 bug.
 * https://code.google.com/p/chromium/issues/detail?id=506893 */
.flex-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  /* 1 */
  min-height: 0;
  /* 1 */
}

.flex-none {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.items-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.items-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.items-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.items-baseline {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.items-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.self-end {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.self-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.self-baseline {
  -ms-flex-item-align: baseline;
      align-self: baseline;
}

.self-stretch {
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.justify-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.justify-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.justify-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.content-start {
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.content-end {
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.content-center {
  -ms-flex-line-pack: center;
      align-content: center;
}

.content-between {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.content-around {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.content-stretch {
  -ms-flex-line-pack: stretch;
      align-content: stretch;
}

.order-0 {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
      -ms-flex-order: 5;
          order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
      -ms-flex-order: 6;
          order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
      -ms-flex-order: 7;
          order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}

.order-last {
  -webkit-box-ordinal-group: 100000;
      -ms-flex-order: 99999;
          order: 99999;
}

.flex-grow-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.flex-shrink-1 {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

@media screen and (min-width: 768px) {
  .flex-ns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex-ns {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-auto-ns {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
  }
  .flex-none-ns {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .flex-column-ns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row-ns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-wrap-ns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap-ns {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-wrap-reverse-ns {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-ns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row-reverse-ns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .items-start-ns {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end-ns {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-center-ns {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-baseline-ns {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-stretch-ns {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .self-start-ns {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-end-ns {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-center-ns {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .self-baseline-ns {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-stretch-ns {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .justify-start-ns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end-ns {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center-ns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between-ns {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-around-ns {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .content-start-ns {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-end-ns {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-center-ns {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-between-ns {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-around-ns {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .content-stretch-ns {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .order-0-ns {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1-ns {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2-ns {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3-ns {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4-ns {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5-ns {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6-ns {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-7-ns {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-8-ns {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-last-ns {
    -webkit-box-ordinal-group: 100000;
        -ms-flex-order: 99999;
            order: 99999;
  }
  .flex-grow-0-ns {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-grow-1-ns {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-shrink-0-ns {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-shrink-1-ns {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .flex-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex-m {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-auto-m {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
  }
  .flex-none-m {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .flex-column-m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row-m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-wrap-m {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap-m {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-wrap-reverse-m {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-m {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row-reverse-m {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .items-start-m {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end-m {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-center-m {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-baseline-m {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-stretch-m {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .self-start-m {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-end-m {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-center-m {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .self-baseline-m {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-stretch-m {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .justify-start-m {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end-m {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center-m {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between-m {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-around-m {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .content-start-m {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-end-m {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-center-m {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-between-m {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-around-m {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .content-stretch-m {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .order-0-m {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1-m {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2-m {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3-m {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4-m {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5-m {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6-m {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-7-m {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-8-m {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-last-m {
    -webkit-box-ordinal-group: 100000;
        -ms-flex-order: 99999;
            order: 99999;
  }
  .flex-grow-0-m {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-grow-1-m {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-shrink-0-m {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-shrink-1-m {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

@media screen and (min-width: 992px) {
  .flex-l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .inline-flex-l {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .flex-auto-l {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
    /* 1 */
    min-height: 0;
    /* 1 */
  }
  .flex-none-l {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .flex-column-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .flex-row-l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flex-wrap-l {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .flex-nowrap-l {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .flex-wrap-reverse-l {
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
  .flex-column-reverse-l {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .flex-row-reverse-l {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .items-start-l {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .items-end-l {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .items-center-l {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .items-baseline-l {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .items-stretch-l {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .self-start-l {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .self-end-l {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .self-center-l {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .self-baseline-l {
    -ms-flex-item-align: baseline;
        align-self: baseline;
  }
  .self-stretch-l {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
  }
  .justify-start-l {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .justify-end-l {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .justify-center-l {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .justify-between-l {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .justify-around-l {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .content-start-l {
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .content-end-l {
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .content-center-l {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .content-between-l {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }
  .content-around-l {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }
  .content-stretch-l {
    -ms-flex-line-pack: stretch;
        align-content: stretch;
  }
  .order-0-l {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .order-1-l {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .order-2-l {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .order-3-l {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .order-4-l {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .order-5-l {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .order-6-l {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .order-7-l {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  .order-8-l {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
  .order-last-l {
    -webkit-box-ordinal-group: 100000;
        -ms-flex-order: 99999;
            order: 99999;
  }
  .flex-grow-0-l {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .flex-grow-1-l {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .flex-shrink-0-l {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .flex-shrink-1-l {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
}

/*

   DISPLAY
   Docs: http://tachyons.io/docs/layout/display

   Base:
    d = display

   Modifiers:
    n     = none
    b     = block
    ib    = inline-block
    it    = inline-table
    t     = table
    tc    = table-cell
    tr    = table-row
    tcol  = table-column
    tcolg = table-column-group

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.dn {
  display: none;
}

.di {
  display: inline;
}

.db {
  display: block;
}

.dib {
  display: inline-block;
}

.dit {
  display: inline-table;
}

.dt {
  display: table;
}

.dtc {
  display: table-cell;
}

.dt-row {
  display: table-row;
}

.dt-row-group {
  display: table-row-group;
}

.dt-column {
  display: table-column;
}

.dt-column-group {
  display: table-column-group;
}

/*
  This will set table to full width and then
  all cells will be equal width
*/
.dt--fixed {
  table-layout: fixed;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .dn-ns {
    display: none;
  }
  .di-ns {
    display: inline;
  }
  .db-ns {
    display: block;
  }
  .dib-ns {
    display: inline-block;
  }
  .dit-ns {
    display: inline-table;
  }
  .dt-ns {
    display: table;
  }
  .dtc-ns {
    display: table-cell;
  }
  .dt-row-ns {
    display: table-row;
  }
  .dt-row-group-ns {
    display: table-row-group;
  }
  .dt-column-ns {
    display: table-column;
  }
  .dt-column-group-ns {
    display: table-column-group;
  }
  .dt--fixed-ns {
    table-layout: fixed;
    width: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .dn-m {
    display: none;
  }
  .di-m {
    display: inline;
  }
  .db-m {
    display: block;
  }
  .dib-m {
    display: inline-block;
  }
  .dit-m {
    display: inline-table;
  }
  .dt-m {
    display: table;
  }
  .dtc-m {
    display: table-cell;
  }
  .dt-row-m {
    display: table-row;
  }
  .dt-row-group-m {
    display: table-row-group;
  }
  .dt-column-m {
    display: table-column;
  }
  .dt-column-group-m {
    display: table-column-group;
  }
  .dt--fixed-m {
    table-layout: fixed;
    width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .dn-l {
    display: none;
  }
  .di-l {
    display: inline;
  }
  .db-l {
    display: block;
  }
  .dib-l {
    display: inline-block;
  }
  .dit-l {
    display: inline-table;
  }
  .dt-l {
    display: table;
  }
  .dtc-l {
    display: table-cell;
  }
  .dt-row-l {
    display: table-row;
  }
  .dt-row-group-l {
    display: table-row-group;
  }
  .dt-column-l {
    display: table-column;
  }
  .dt-column-group-l {
    display: table-column-group;
  }
  .dt--fixed-l {
    table-layout: fixed;
    width: 100%;
  }
}

/*

   FLOATS
   http://tachyons.io/docs/layout/floats/

   1. Floated elements are automatically rendered as block level elements.
      Setting floats to display inline will fix the double margin bug in
      ie6. You know... just in case.

   2. Don't forget to clearfix your floats with .cf

   Base:
     f = float

   Modifiers:
     l = left
     r = right
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.fll {
  float: left;
  _display: inline;
}

.flr {
  float: right;
  _display: inline;
}

.fln {
  float: none;
}

@media screen and (min-width: 768px) {
  .fll-ns {
    float: left;
    _display: inline;
  }
  .flr-ns {
    float: right;
    _display: inline;
  }
  .fln-ns {
    float: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .fll-m {
    float: left;
    _display: inline;
  }
  .flr-m {
    float: right;
    _display: inline;
  }
  .fln-m {
    float: none;
  }
}

@media screen and (min-width: 992px) {
  .fll-l {
    float: left;
    _display: inline;
  }
  .flr-l {
    float: right;
    _display: inline;
  }
  .fln-l {
    float: none;
  }
}

/*

   FONT FAMILY GROUPS
   Docs: http://tachyons.io/docs/typography/font-family/

*/
.sans-serif {
  font-family: -apple-system, BlinkMacSystemFont, "avenir next", avenir, helvetica, "helvetica neue", ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
}

.serif {
  font-family: georgia, serif;
}

.system-sans-serif {
  font-family: sans-serif;
}

.system-serif {
  font-family: serif;
}

/* Monospaced Typefaces (for code) */
/* From http://cssfontstack.com */
code, .code {
  font-family: Consolas, monaco, monospace;
}

.courier {
  font-family: 'Courier Next', courier, monospace;
}

/* Sans-Serif Typefaces */
/*

   FONT STYLE
   Docs: http://tachyons.io/docs/typography/font-style/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.i {
  font-style: italic;
}

.fs-normal {
  font-style: normal;
}

@media screen and (min-width: 768px) {
  .i-ns {
    font-style: italic;
  }
  .fs-normal-ns {
    font-style: normal;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .i-m {
    font-style: italic;
  }
  .fs-normal-m {
    font-style: normal;
  }
}

@media screen and (min-width: 992px) {
  .i-l {
    font-style: italic;
  }
  .fs-normal-l {
    font-style: normal;
  }
}

/*

   FONT WEIGHT
   Docs: http://tachyons.io/docs/typography/font-weight/

   Base
     fw = font-weight

   Modifiers:
     1 = literal value 100
     2 = literal value 200
     3 = literal value 300
     4 = literal value 400
     5 = literal value 500
     6 = literal value 600
     7 = literal value 700
     8 = literal value 800
     9 = literal value 900

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.normal {
  font-weight: normal;
}

.b {
  font-weight: bold;
}

.fw1 {
  font-weight: 100;
}

.fw2 {
  font-weight: 200;
}

.fw3 {
  font-weight: 300;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.fw7 {
  font-weight: 700;
}

.fw8 {
  font-weight: 800;
}

.fw9 {
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  .normal-ns {
    font-weight: normal;
  }
  .b-ns {
    font-weight: bold;
  }
  .fw1-ns {
    font-weight: 100;
  }
  .fw2-ns {
    font-weight: 200;
  }
  .fw3-ns {
    font-weight: 300;
  }
  .fw4-ns {
    font-weight: 400;
  }
  .fw5-ns {
    font-weight: 500;
  }
  .fw6-ns {
    font-weight: 600;
  }
  .fw7-ns {
    font-weight: 700;
  }
  .fw8-ns {
    font-weight: 800;
  }
  .fw9-ns {
    font-weight: 900;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .normal-m {
    font-weight: normal;
  }
  .b-m {
    font-weight: bold;
  }
  .fw1-m {
    font-weight: 100;
  }
  .fw2-m {
    font-weight: 200;
  }
  .fw3-m {
    font-weight: 300;
  }
  .fw4-m {
    font-weight: 400;
  }
  .fw5-m {
    font-weight: 500;
  }
  .fw6-m {
    font-weight: 600;
  }
  .fw7-m {
    font-weight: 700;
  }
  .fw8-m {
    font-weight: 800;
  }
  .fw9-m {
    font-weight: 900;
  }
}

@media screen and (min-width: 992px) {
  .normal-l {
    font-weight: normal;
  }
  .b-l {
    font-weight: bold;
  }
  .fw1-l {
    font-weight: 100;
  }
  .fw2-l {
    font-weight: 200;
  }
  .fw3-l {
    font-weight: 300;
  }
  .fw4-l {
    font-weight: 400;
  }
  .fw5-l {
    font-weight: 500;
  }
  .fw6-l {
    font-weight: 600;
  }
  .fw7-l {
    font-weight: 700;
  }
  .fw8-l {
    font-weight: 800;
  }
  .fw9-l {
    font-weight: 900;
  }
}

/*

   FORMS
   
*/
.input-reset {
  -webkit-appearance: none;
  -moz-appearance: none;
}

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

/*

   HEIGHTS
   Docs: http://tachyons.io/docs/layout/heights/

   Base:
     h = height
     min-h = min-height
     min-vh = min-height vertical screen height
     vh = vertical screen height

   Modifiers
     1 = 1st step in height scale
     2 = 2nd step in height scale
     3 = 3rd step in height scale
     4 = 4th step in height scale
     5 = 5th step in height scale

     -25   = literal value 25%
     -50   = literal value 50%
     -75   = literal value 75%
     -100  = literal value 100%

     -auto = string value of auto
     -inherit = string value of inherit

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Height Scale */
.h-1 {
  height: 1rem;
}

.h-2 {
  height: 2rem;
}

.h-3 {
  height: 4rem;
}

.h-4 {
  height: 8rem;
}

.h-5 {
  height: 16rem;
}

/* Height Percentages - Based off of height of parent */
.h-25 {
  height: 25%;
}

.h-50 {
  height: 50%;
}

.h-75 {
  height: 75%;
}

.h-100 {
  height: 100%;
}

.min-h-100 {
  min-height: 100%;
}

/* Screen Height Percentage */
.vh-25 {
  height: 25vh;
}

.vh-50 {
  height: 50vh;
}

.vh-75 {
  height: 75vh;
}

.vh-100 {
  height: 100vh;
}

.min-vh-100 {
  min-height: 100vh;
}

/* String Properties */
.h-auto {
  height: auto;
}

.h-inherit {
  height: inherit;
}

@media screen and (min-width: 768px) {
  .h-1-ns {
    height: 1rem;
  }
  .h-2-ns {
    height: 2rem;
  }
  .h-3-ns {
    height: 4rem;
  }
  .h-4-ns {
    height: 8rem;
  }
  .h-5-ns {
    height: 16rem;
  }
  .h-25-ns {
    height: 25%;
  }
  .h-50-ns {
    height: 50%;
  }
  .h-75-ns {
    height: 75%;
  }
  .h-100-ns {
    height: 100%;
  }
  .min-h-100-ns {
    min-height: 100%;
  }
  .vh-25-ns {
    height: 25vh;
  }
  .vh-50-ns {
    height: 50vh;
  }
  .vh-75-ns {
    height: 75vh;
  }
  .vh-100-ns {
    height: 100vh;
  }
  .min-vh-100-ns {
    min-height: 100vh;
  }
  .h-auto-ns {
    height: auto;
  }
  .h-inherit-ns {
    height: inherit;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .h-1-m {
    height: 1rem;
  }
  .h-2-m {
    height: 2rem;
  }
  .h-3-m {
    height: 4rem;
  }
  .h-4-m {
    height: 8rem;
  }
  .h-5-m {
    height: 16rem;
  }
  .h-25-m {
    height: 25%;
  }
  .h-50-m {
    height: 50%;
  }
  .h-75-m {
    height: 75%;
  }
  .h-100-m {
    height: 100%;
  }
  .min-h-100-m {
    min-height: 100%;
  }
  .vh-25-m {
    height: 25vh;
  }
  .vh-50-m {
    height: 50vh;
  }
  .vh-75-m {
    height: 75vh;
  }
  .vh-100-m {
    height: 100vh;
  }
  .min-vh-100-m {
    min-height: 100vh;
  }
  .h-auto-m {
    height: auto;
  }
  .h-inherit-m {
    height: inherit;
  }
}

@media screen and (min-width: 992px) {
  .h-1-l {
    height: 1rem;
  }
  .h-2-l {
    height: 2rem;
  }
  .h-3-l {
    height: 4rem;
  }
  .h-4-l {
    height: 8rem;
  }
  .h-5-l {
    height: 16rem;
  }
  .h-25-l {
    height: 25%;
  }
  .h-50-l {
    height: 50%;
  }
  .h-75-l {
    height: 75%;
  }
  .h-100-l {
    height: 100%;
  }
  .min-h-100-l {
    min-height: 100%;
  }
  .vh-25-l {
    height: 25vh;
  }
  .vh-50-l {
    height: 50vh;
  }
  .vh-75-l {
    height: 75vh;
  }
  .vh-100-l {
    height: 100vh;
  }
  .min-vh-100-l {
    min-height: 100vh;
  }
  .h-auto-l {
    height: auto;
  }
  .h-inherit-l {
    height: inherit;
  }
}

/*

   LETTER SPACING
   Docs: http://tachyons.io/docs/typography/tracking/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.tracked {
  letter-spacing: 0.1em;
}

.tracked-tight {
  letter-spacing: -0.05em;
}

.tracked-mega {
  letter-spacing: 0.25em;
}

@media screen and (min-width: 768px) {
  .tracked-ns {
    letter-spacing: 0.1em;
  }
  .tracked-tight-ns {
    letter-spacing: -0.05em;
  }
  .tracked-mega-ns {
    letter-spacing: 0.25em;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .tracked-m {
    letter-spacing: 0.1em;
  }
  .tracked-tight-m {
    letter-spacing: -0.05em;
  }
  .tracked-mega-m {
    letter-spacing: 0.25em;
  }
}

@media screen and (min-width: 992px) {
  .tracked-l {
    letter-spacing: 0.1em;
  }
  .tracked-tight-l {
    letter-spacing: -0.05em;
  }
  .tracked-mega-l {
    letter-spacing: 0.25em;
  }
}

/*

   LINE HEIGHT / LEADING
   Docs: http://tachyons.io/docs/typography/line-height

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.lh-solid {
  line-height: 1;
}

.lh-title {
  line-height: 1.25;
}

.lh-copy {
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .lh-solid-ns {
    line-height: 1;
  }
  .lh-title-ns {
    line-height: 1.25;
  }
  .lh-copy-ns {
    line-height: 1.5;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .lh-solid-m {
    line-height: 1;
  }
  .lh-title-m {
    line-height: 1.25;
  }
  .lh-copy-m {
    line-height: 1.5;
  }
}

@media screen and (min-width: 992px) {
  .lh-solid-l {
    line-height: 1;
  }
  .lh-title-l {
    line-height: 1.25;
  }
  .lh-copy-l {
    line-height: 1.5;
  }
}

/*

   LINKS
   Docs: http://tachyons.io/docs/elements/links/

*/
.link {
  text-decoration: none;
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.link:link,
.link:visited {
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.link:hover {
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.link:active {
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.link:focus {
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
  outline: 1px dotted currentColor;
}

/*

   LISTS
   http://tachyons.io/docs/elements/lists/

*/
.list {
  list-style-type: none;
}

/*

   MAX WIDTHS
   Docs: http://tachyons.io/docs/layout/max-widths/

   Base:
     mw = max-width

   Modifiers
     1 = 1st step in width scale
     2 = 2nd step in width scale
     3 = 3rd step in width scale
     4 = 4th step in width scale
     5 = 5th step in width scale
     6 = 6st step in width scale
     7 = 7nd step in width scale
     8 = 8rd step in width scale
     9 = 9th step in width scale

     -100 = literal value 100%

     -none  = string value none


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Max Width Percentages */
.mw-100 {
  max-width: 100%;
}

/* Max Width Scale */
.mw1 {
  max-width: 1rem;
}

.mw2 {
  max-width: 2rem;
}

.mw3 {
  max-width: 4rem;
}

.mw4 {
  max-width: 8rem;
}

.mw5 {
  max-width: 16rem;
}

.mw6 {
  max-width: 32rem;
}

.mw7 {
  max-width: 48rem;
}

.mw8 {
  max-width: 64rem;
}

.mw9 {
  max-width: 96rem;
}

/* Max Width String Properties */
.mw-none {
  max-width: none;
}

@media screen and (min-width: 768px) {
  .mw-100-ns {
    max-width: 100%;
  }
  .mw1-ns {
    max-width: 1rem;
  }
  .mw2-ns {
    max-width: 2rem;
  }
  .mw3-ns {
    max-width: 4rem;
  }
  .mw4-ns {
    max-width: 8rem;
  }
  .mw5-ns {
    max-width: 16rem;
  }
  .mw6-ns {
    max-width: 32rem;
  }
  .mw7-ns {
    max-width: 48rem;
  }
  .mw8-ns {
    max-width: 64rem;
  }
  .mw9-ns {
    max-width: 96rem;
  }
  .mw-none-ns {
    max-width: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .mw-100-m {
    max-width: 100%;
  }
  .mw1-m {
    max-width: 1rem;
  }
  .mw2-m {
    max-width: 2rem;
  }
  .mw3-m {
    max-width: 4rem;
  }
  .mw4-m {
    max-width: 8rem;
  }
  .mw5-m {
    max-width: 16rem;
  }
  .mw6-m {
    max-width: 32rem;
  }
  .mw7-m {
    max-width: 48rem;
  }
  .mw8-m {
    max-width: 64rem;
  }
  .mw9-m {
    max-width: 96rem;
  }
  .mw-none-m {
    max-width: none;
  }
}

@media screen and (min-width: 992px) {
  .mw-100-l {
    max-width: 100%;
  }
  .mw1-l {
    max-width: 1rem;
  }
  .mw2-l {
    max-width: 2rem;
  }
  .mw3-l {
    max-width: 4rem;
  }
  .mw4-l {
    max-width: 8rem;
  }
  .mw5-l {
    max-width: 16rem;
  }
  .mw6-l {
    max-width: 32rem;
  }
  .mw7-l {
    max-width: 48rem;
  }
  .mw8-l {
    max-width: 64rem;
  }
  .mw9-l {
    max-width: 96rem;
  }
  .mw-none-l {
    max-width: none;
  }
}

/*

   WIDTHS
   Docs: http://tachyons.io/docs/layout/widths/

   Base:
     w = width

     Modifiers
       1 = 1st step in width scale
       2 = 2nd step in width scale
       3 = 3rd step in width scale
       4 = 4th step in width scale
       5 = 5th step in width scale

       -10  = literal value 10%
       -20  = literal value 20%
       -25  = literal value 25%
       -30  = literal value 30%
       -33  = literal value 33%
       -34  = literal value 34%
       -40  = literal value 40%
       -50  = literal value 50%
       -60  = literal value 60%
       -70  = literal value 70%
       -75  = literal value 75%
       -80  = literal value 80%
       -90  = literal value 90%
       -100 = literal value 100%

       -third      = 100% / 3 (Not supported in opera mini or IE8)
       -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8)
       -auto       = string value auto


     Media Query Extensions:
       -ns = not-small
       -m  = medium
       -l  = large

  */
/* Width Scale */
.w1 {
  width: 1rem;
}

.w2 {
  width: 2rem;
}

.w3 {
  width: 4rem;
}

.w4 {
  width: 8rem;
}

.w5 {
  width: 16rem;
}

.w-10 {
  width: 10%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-33 {
  width: 33%;
}

.w-34 {
  width: 34%;
}

.w-40 {
  width: 40%;
}

.w-50 {
  width: 50%;
}

.w-60 {
  width: 60%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-90 {
  width: 90%;
}

.w-100 {
  width: 100%;
}

.w-third {
  width: 33.3333333333%;
}

.w-two-thirds {
  width: 66.6666666667%;
}

.w-auto {
  width: auto;
}

@media screen and (min-width: 768px) {
  .w1-ns {
    width: 1rem;
  }
  .w2-ns {
    width: 2rem;
  }
  .w3-ns {
    width: 4rem;
  }
  .w4-ns {
    width: 8rem;
  }
  .w5-ns {
    width: 16rem;
  }
  .w-10-ns {
    width: 10%;
  }
  .w-20-ns {
    width: 20%;
  }
  .w-25-ns {
    width: 25%;
  }
  .w-30-ns {
    width: 30%;
  }
  .w-33-ns {
    width: 33%;
  }
  .w-34-ns {
    width: 34%;
  }
  .w-40-ns {
    width: 40%;
  }
  .w-50-ns {
    width: 50%;
  }
  .w-60-ns {
    width: 60%;
  }
  .w-70-ns {
    width: 70%;
  }
  .w-75-ns {
    width: 75%;
  }
  .w-80-ns {
    width: 80%;
  }
  .w-90-ns {
    width: 90%;
  }
  .w-100-ns {
    width: 100%;
  }
  .w-third-ns {
    width: 33.3333333333%;
  }
  .w-two-thirds-ns {
    width: 66.6666666667%;
  }
  .w-auto-ns {
    width: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .w1-m {
    width: 1rem;
  }
  .w2-m {
    width: 2rem;
  }
  .w3-m {
    width: 4rem;
  }
  .w4-m {
    width: 8rem;
  }
  .w5-m {
    width: 16rem;
  }
  .w-10-m {
    width: 10%;
  }
  .w-20-m {
    width: 20%;
  }
  .w-25-m {
    width: 25%;
  }
  .w-30-m {
    width: 30%;
  }
  .w-33-m {
    width: 33%;
  }
  .w-34-m {
    width: 34%;
  }
  .w-40-m {
    width: 40%;
  }
  .w-50-m {
    width: 50%;
  }
  .w-60-m {
    width: 60%;
  }
  .w-70-m {
    width: 70%;
  }
  .w-75-m {
    width: 75%;
  }
  .w-80-m {
    width: 80%;
  }
  .w-90-m {
    width: 90%;
  }
  .w-100-m {
    width: 100%;
  }
  .w-third-m {
    width: 33.3333333333%;
  }
  .w-two-thirds-m {
    width: 66.6666666667%;
  }
  .w-auto-m {
    width: auto;
  }
}

@media screen and (min-width: 992px) {
  .w1-l {
    width: 1rem;
  }
  .w2-l {
    width: 2rem;
  }
  .w3-l {
    width: 4rem;
  }
  .w4-l {
    width: 8rem;
  }
  .w5-l {
    width: 16rem;
  }
  .w-10-l {
    width: 10%;
  }
  .w-20-l {
    width: 20%;
  }
  .w-25-l {
    width: 25%;
  }
  .w-30-l {
    width: 30%;
  }
  .w-33-l {
    width: 33%;
  }
  .w-34-l {
    width: 34%;
  }
  .w-40-l {
    width: 40%;
  }
  .w-50-l {
    width: 50%;
  }
  .w-60-l {
    width: 60%;
  }
  .w-70-l {
    width: 70%;
  }
  .w-75-l {
    width: 75%;
  }
  .w-80-l {
    width: 80%;
  }
  .w-90-l {
    width: 90%;
  }
  .w-100-l {
    width: 100%;
  }
  .w-third-l {
    width: 33.3333333333%;
  }
  .w-two-thirds-l {
    width: 66.6666666667%;
  }
  .w-auto-l {
    width: auto;
  }
}

/*

    OVERFLOW

    Media Query Extensions:
      -ns = not-small
      -m  = medium
      -l  = large

 */
.overflow-visible {
  overflow: visible;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

@media screen and (min-width: 768px) {
  .overflow-visible-ns {
    overflow: visible;
  }
  .overflow-hidden-ns {
    overflow: hidden;
  }
  .overflow-scroll-ns {
    overflow: scroll;
  }
  .overflow-auto-ns {
    overflow: auto;
  }
  .overflow-x-visible-ns {
    overflow-x: visible;
  }
  .overflow-x-hidden-ns {
    overflow-x: hidden;
  }
  .overflow-x-scroll-ns {
    overflow-x: scroll;
  }
  .overflow-x-auto-ns {
    overflow-x: auto;
  }
  .overflow-y-visible-ns {
    overflow-y: visible;
  }
  .overflow-y-hidden-ns {
    overflow-y: hidden;
  }
  .overflow-y-scroll-ns {
    overflow-y: scroll;
  }
  .overflow-y-auto-ns {
    overflow-y: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .overflow-visible-m {
    overflow: visible;
  }
  .overflow-hidden-m {
    overflow: hidden;
  }
  .overflow-scroll-m {
    overflow: scroll;
  }
  .overflow-auto-m {
    overflow: auto;
  }
  .overflow-x-visible-m {
    overflow-x: visible;
  }
  .overflow-x-hidden-m {
    overflow-x: hidden;
  }
  .overflow-x-scroll-m {
    overflow-x: scroll;
  }
  .overflow-x-auto-m {
    overflow-x: auto;
  }
  .overflow-y-visible-m {
    overflow-y: visible;
  }
  .overflow-y-hidden-m {
    overflow-y: hidden;
  }
  .overflow-y-scroll-m {
    overflow-y: scroll;
  }
  .overflow-y-auto-m {
    overflow-y: auto;
  }
}

@media screen and (min-width: 992px) {
  .overflow-visible-l {
    overflow: visible;
  }
  .overflow-hidden-l {
    overflow: hidden;
  }
  .overflow-scroll-l {
    overflow: scroll;
  }
  .overflow-auto-l {
    overflow: auto;
  }
  .overflow-x-visible-l {
    overflow-x: visible;
  }
  .overflow-x-hidden-l {
    overflow-x: hidden;
  }
  .overflow-x-scroll-l {
    overflow-x: scroll;
  }
  .overflow-x-auto-l {
    overflow-x: auto;
  }
  .overflow-y-visible-l {
    overflow-y: visible;
  }
  .overflow-y-hidden-l {
    overflow-y: hidden;
  }
  .overflow-y-scroll-l {
    overflow-y: scroll;
  }
  .overflow-y-auto-l {
    overflow-y: auto;
  }
}

/*

   POSITIONING
   Docs: http://tachyons.io/docs/layout/position/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.static {
  position: static;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.fixed {
  position: fixed;
}

@media screen and (min-width: 768px) {
  .static-ns {
    position: static;
  }
  .relative-ns {
    position: relative;
  }
  .absolute-ns {
    position: absolute;
  }
  .fixed-ns {
    position: fixed;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .static-m {
    position: static;
  }
  .relative-m {
    position: relative;
  }
  .absolute-m {
    position: absolute;
  }
  .fixed-m {
    position: fixed;
  }
}

@media screen and (min-width: 992px) {
  .static-l {
    position: static;
  }
  .relative-l {
    position: relative;
  }
  .absolute-l {
    position: absolute;
  }
  .fixed-l {
    position: fixed;
  }
}

/*

    OPACITY
    Docs: http://tachyons.io/docs/themes/opacity/

*/
.o-100 {
  opacity: 1;
}

.o-90 {
  opacity: .9;
}

.o-80 {
  opacity: .8;
}

.o-70 {
  opacity: .7;
}

.o-60 {
  opacity: .6;
}

.o-50 {
  opacity: .5;
}

.o-40 {
  opacity: .4;
}

.o-30 {
  opacity: .3;
}

.o-20 {
  opacity: .2;
}

.o-10 {
  opacity: .1;
}

.o-05 {
  opacity: .05;
}

.o-025 {
  opacity: .025;
}

.o-0 {
  opacity: 0;
}

/*

   ROTATIONS

*/
.rotate-45 {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rotate-90 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.rotate-135 {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.rotate-180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.rotate-225 {
  -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
          transform: rotate(225deg);
}

.rotate-270 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

.rotate-315 {
  -webkit-transform: rotate(315deg);
      -ms-transform: rotate(315deg);
          transform: rotate(315deg);
}

@media screen and (min-width: 768px) {
  .rotate-45-ns {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .rotate-90-ns {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .rotate-135-ns {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .rotate-180-ns {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .rotate-225-ns {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .rotate-270-ns {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .rotate-315-ns {
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .rotate-45-m {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .rotate-90-m {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .rotate-135-m {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .rotate-180-m {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .rotate-225-m {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .rotate-270-m {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .rotate-315-m {
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

@media screen and (min-width: 992px) {
  .rotate-45-l {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .rotate-90-l {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .rotate-135-l {
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .rotate-180-l {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .rotate-225-l {
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .rotate-270-l {
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
  }
  .rotate-315-l {
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
  }
}

/*

   SKINS
   Docs: http://tachyons.io/docs/themes/skins/

   Classes for setting foreground and background colors on elements.
   If you haven't declared a border color, but set border on an element, it will
   be set to the current text color.

*/
/* Text colors */
.black-90 {
  color: rgba(0, 0, 0, 0.9);
}

.black-80 {
  color: rgba(0, 0, 0, 0.8);
}

.black-70 {
  color: rgba(0, 0, 0, 0.7);
}

.black-60 {
  color: rgba(0, 0, 0, 0.6);
}

.black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.black-40 {
  color: rgba(0, 0, 0, 0.4);
}

.black-30 {
  color: rgba(0, 0, 0, 0.3);
}

.black-20 {
  color: rgba(0, 0, 0, 0.2);
}

.black-10 {
  color: rgba(0, 0, 0, 0.1);
}

.black-05 {
  color: rgba(0, 0, 0, 0.05);
}

.white-90 {
  color: rgba(255, 255, 255, 0.9);
}

.white-80 {
  color: rgba(255, 255, 255, 0.8);
}

.white-70 {
  color: rgba(255, 255, 255, 0.7);
}

.white-60 {
  color: rgba(255, 255, 255, 0.6);
}

.white-50 {
  color: rgba(255, 255, 255, 0.5);
}

.white-40 {
  color: rgba(255, 255, 255, 0.4);
}

.white-30 {
  color: rgba(255, 255, 255, 0.3);
}

.white-20 {
  color: rgba(255, 255, 255, 0.2);
}

.white-10 {
  color: rgba(255, 255, 255, 0.1);
}

.black {
  color: #000;
}

.near-black {
  color: #111;
}

.dark-gray {
  color: #333;
}

.mid-gray {
  color: #555;
}

.gray {
  color: #555555;
}

.silver {
  color: #999;
}

.light-silver {
  color: #aaa;
}

.moon-gray {
  color: #ccc;
}

.light-gray {
  color: #eee;
}

.near-white {
  color: #f4f4f4;
}

.white {
  color: #fff;
}

.dark-red {
  color: #e7040f;
}

.red {
  color: #ff4136;
}

.light-red {
  color: #ff725c;
}

.orange {
  color: #ff6300;
}

.gold {
  color: #ffb700;
}

.yellow {
  color: #ffd700;
}

.light-yellow {
  color: #fbf1a9;
}

.purple {
  color: #5e2ca5;
}

.light-purple {
  color: #a463f2;
}

.dark-pink {
  color: #d5008f;
}

.hot-pink {
  color: #ff41b4;
}

.pink {
  color: #ff80cc;
}

.light-pink {
  color: #ffa3d7;
}

.dark-green {
  color: #137752;
}

.green {
  color: #19a974;
}

.light-green {
  color: #9eebcf;
}

.navy {
  color: #001b44;
}

.dark-blue {
  color: #00449e;
}

.blue {
  color: #357edd;
}

.light-blue {
  color: #96ccff;
}

.lightest-blue {
  color: #cdecff;
}

.washed-blue {
  color: #f6fffe;
}

.washed-green {
  color: #e8fdf5;
}

.washed-yellow {
  color: #fffceb;
}

.washed-red {
  color: #ffdfdf;
}

.color-inherit {
  color: inherit;
}

.bg-black-90 {
  background-color: rgba(0, 0, 0, 0.9);
}

.bg-black-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-70 {
  background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-50 {
  background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-30 {
  background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-20 {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-10 {
  background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-05 {
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-white-90 {
  background-color: rgba(255, 255, 255, 0.9);
}

.bg-white-80 {
  background-color: rgba(255, 255, 255, 0.8);
}

.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7);
}

.bg-white-60 {
  background-color: rgba(255, 255, 255, 0.6);
}

.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5);
}

.bg-white-40 {
  background-color: rgba(255, 255, 255, 0.4);
}

.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3);
}

.bg-white-20 {
  background-color: rgba(255, 255, 255, 0.2);
}

.bg-white-10 {
  background-color: rgba(255, 255, 255, 0.1);
}

/* Background colors */
.bg-black {
  background-color: #000;
}

.bg-near-black {
  background-color: #111;
}

.bg-dark-gray {
  background-color: #333;
}

.bg-mid-gray {
  background-color: #555;
}

.bg-gray {
  background-color: #555555;
}

.bg-silver {
  background-color: #999;
}

.bg-light-silver {
  background-color: #aaa;
}

.bg-moon-gray {
  background-color: #ccc;
}

.bg-light-gray {
  background-color: #eee;
}

.bg-near-white {
  background-color: #f4f4f4;
}

.bg-white {
  background-color: #fff;
}

.bg-transparent {
  background-color: transparent;
}

.bg-dark-red {
  background-color: #e7040f;
}

.bg-red {
  background-color: #ff4136;
}

.bg-light-red {
  background-color: #ff725c;
}

.bg-orange {
  background-color: #ff6300;
}

.bg-gold {
  background-color: #ffb700;
}

.bg-yellow {
  background-color: #ffd700;
}

.bg-light-yellow {
  background-color: #fbf1a9;
}

.bg-purple {
  background-color: #5e2ca5;
}

.bg-light-purple {
  background-color: #a463f2;
}

.bg-dark-pink {
  background-color: #d5008f;
}

.bg-hot-pink {
  background-color: #ff41b4;
}

.bg-pink {
  background-color: #ff80cc;
}

.bg-light-pink {
  background-color: #ffa3d7;
}

.bg-dark-green {
  background-color: #137752;
}

.bg-green {
  background-color: #19a974;
}

.bg-light-green {
  background-color: #9eebcf;
}

.bg-navy {
  background-color: #001b44;
}

.bg-dark-blue {
  background-color: #00449e;
}

.bg-blue {
  background-color: #357edd;
}

.bg-light-blue {
  background-color: #96ccff;
}

.bg-lightest-blue {
  background-color: #cdecff;
}

.bg-washed-blue {
  background-color: #f6fffe;
}

.bg-washed-green {
  background-color: #e8fdf5;
}

.bg-washed-yellow {
  background-color: #fffceb;
}

.bg-washed-red {
  background-color: #ffdfdf;
}

.bg-inherit {
  background-color: inherit;
}

/*

   SKINS:PSEUDO

   Customize the color of an element when
   it is focused or hovered over.

 */
.hover-black:hover,
.hover-black:focus {
  color: #000;
}

.hover-near-black:hover,
.hover-near-black:focus {
  color: #111;
}

.hover-dark-gray:hover,
.hover-dark-gray:focus {
  color: #333;
}

.hover-mid-gray:hover,
.hover-mid-gray:focus {
  color: #555;
}

.hover-gray:hover,
.hover-gray:focus {
  color: #555555;
}

.hover-silver:hover,
.hover-silver:focus {
  color: #999;
}

.hover-light-silver:hover,
.hover-light-silver:focus {
  color: #aaa;
}

.hover-moon-gray:hover,
.hover-moon-gray:focus {
  color: #ccc;
}

.hover-light-gray:hover,
.hover-light-gray:focus {
  color: #eee;
}

.hover-near-white:hover,
.hover-near-white:focus {
  color: #f4f4f4;
}

.hover-white:hover,
.hover-white:focus {
  color: #fff;
}

.hover-black-90:hover,
.hover-black-90:focus {
  color: rgba(0, 0, 0, 0.9);
}

.hover-black-80:hover,
.hover-black-80:focus {
  color: rgba(0, 0, 0, 0.8);
}

.hover-black-70:hover,
.hover-black-70:focus {
  color: rgba(0, 0, 0, 0.7);
}

.hover-black-60:hover,
.hover-black-60:focus {
  color: rgba(0, 0, 0, 0.6);
}

.hover-black-50:hover,
.hover-black-50:focus {
  color: rgba(0, 0, 0, 0.5);
}

.hover-black-40:hover,
.hover-black-40:focus {
  color: rgba(0, 0, 0, 0.4);
}

.hover-black-30:hover,
.hover-black-30:focus {
  color: rgba(0, 0, 0, 0.3);
}

.hover-black-20:hover,
.hover-black-20:focus {
  color: rgba(0, 0, 0, 0.2);
}

.hover-black-10:hover,
.hover-black-10:focus {
  color: rgba(0, 0, 0, 0.1);
}

.hover-white-90:hover,
.hover-white-90:focus {
  color: rgba(255, 255, 255, 0.9);
}

.hover-white-80:hover,
.hover-white-80:focus {
  color: rgba(255, 255, 255, 0.8);
}

.hover-white-70:hover,
.hover-white-70:focus {
  color: rgba(255, 255, 255, 0.7);
}

.hover-white-60:hover,
.hover-white-60:focus {
  color: rgba(255, 255, 255, 0.6);
}

.hover-white-50:hover,
.hover-white-50:focus {
  color: rgba(255, 255, 255, 0.5);
}

.hover-white-40:hover,
.hover-white-40:focus {
  color: rgba(255, 255, 255, 0.4);
}

.hover-white-30:hover,
.hover-white-30:focus {
  color: rgba(255, 255, 255, 0.3);
}

.hover-white-20:hover,
.hover-white-20:focus {
  color: rgba(255, 255, 255, 0.2);
}

.hover-white-10:hover,
.hover-white-10:focus {
  color: rgba(255, 255, 255, 0.1);
}

.hover-inherit:hover,
.hover-inherit:focus {
  color: inherit;
}

.hover-bg-black:hover,
.hover-bg-black:focus {
  background-color: #000;
}

.hover-bg-near-black:hover,
.hover-bg-near-black:focus {
  background-color: #111;
}

.hover-bg-dark-gray:hover,
.hover-bg-dark-gray:focus {
  background-color: #333;
}

.hover-bg-mid-gray:hover,
.hover-bg-mid-gray:focus {
  background-color: #555;
}

.hover-bg-gray:hover,
.hover-bg-gray:focus {
  background-color: #555555;
}

.hover-bg-silver:hover,
.hover-bg-silver:focus {
  background-color: #999;
}

.hover-bg-light-silver:hover,
.hover-bg-light-silver:focus {
  background-color: #aaa;
}

.hover-bg-moon-gray:hover,
.hover-bg-moon-gray:focus {
  background-color: #ccc;
}

.hover-bg-light-gray:hover,
.hover-bg-light-gray:focus {
  background-color: #eee;
}

.hover-bg-near-white:hover,
.hover-bg-near-white:focus {
  background-color: #f4f4f4;
}

.hover-bg-white:hover,
.hover-bg-white:focus {
  background-color: #fff;
}

.hover-bg-transparent:hover,
.hover-bg-transparent:focus {
  background-color: transparent;
}

.hover-bg-black-90:hover,
.hover-bg-black-90:focus {
  background-color: rgba(0, 0, 0, 0.9);
}

.hover-bg-black-80:hover,
.hover-bg-black-80:focus {
  background-color: rgba(0, 0, 0, 0.8);
}

.hover-bg-black-70:hover,
.hover-bg-black-70:focus {
  background-color: rgba(0, 0, 0, 0.7);
}

.hover-bg-black-60:hover,
.hover-bg-black-60:focus {
  background-color: rgba(0, 0, 0, 0.6);
}

.hover-bg-black-50:hover,
.hover-bg-black-50:focus {
  background-color: rgba(0, 0, 0, 0.5);
}

.hover-bg-black-40:hover,
.hover-bg-black-40:focus {
  background-color: rgba(0, 0, 0, 0.4);
}

.hover-bg-black-30:hover,
.hover-bg-black-30:focus {
  background-color: rgba(0, 0, 0, 0.3);
}

.hover-bg-black-20:hover,
.hover-bg-black-20:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

.hover-bg-black-10:hover,
.hover-bg-black-10:focus {
  background-color: rgba(0, 0, 0, 0.1);
}

.hover-bg-white-90:hover,
.hover-bg-white-90:focus {
  background-color: rgba(255, 255, 255, 0.9);
}

.hover-bg-white-80:hover,
.hover-bg-white-80:focus {
  background-color: rgba(255, 255, 255, 0.8);
}

.hover-bg-white-70:hover,
.hover-bg-white-70:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

.hover-bg-white-60:hover,
.hover-bg-white-60:focus {
  background-color: rgba(255, 255, 255, 0.6);
}

.hover-bg-white-50:hover,
.hover-bg-white-50:focus {
  background-color: rgba(255, 255, 255, 0.5);
}

.hover-bg-white-40:hover,
.hover-bg-white-40:focus {
  background-color: rgba(255, 255, 255, 0.4);
}

.hover-bg-white-30:hover,
.hover-bg-white-30:focus {
  background-color: rgba(255, 255, 255, 0.3);
}

.hover-bg-white-20:hover,
.hover-bg-white-20:focus {
  background-color: rgba(255, 255, 255, 0.2);
}

.hover-bg-white-10:hover,
.hover-bg-white-10:focus {
  background-color: rgba(255, 255, 255, 0.1);
}

.hover-dark-red:hover,
.hover-dark-red:focus {
  color: #e7040f;
}

.hover-red:hover,
.hover-red:focus {
  color: #ff4136;
}

.hover-light-red:hover,
.hover-light-red:focus {
  color: #ff725c;
}

.hover-orange:hover,
.hover-orange:focus {
  color: #ff6300;
}

.hover-gold:hover,
.hover-gold:focus {
  color: #ffb700;
}

.hover-yellow:hover,
.hover-yellow:focus {
  color: #ffd700;
}

.hover-light-yellow:hover,
.hover-light-yellow:focus {
  color: #fbf1a9;
}

.hover-purple:hover,
.hover-purple:focus {
  color: #5e2ca5;
}

.hover-light-purple:hover,
.hover-light-purple:focus {
  color: #a463f2;
}

.hover-dark-pink:hover,
.hover-dark-pink:focus {
  color: #d5008f;
}

.hover-hot-pink:hover,
.hover-hot-pink:focus {
  color: #ff41b4;
}

.hover-pink:hover,
.hover-pink:focus {
  color: #ff80cc;
}

.hover-light-pink:hover,
.hover-light-pink:focus {
  color: #ffa3d7;
}

.hover-dark-green:hover,
.hover-dark-green:focus {
  color: #137752;
}

.hover-green:hover,
.hover-green:focus {
  color: #19a974;
}

.hover-light-green:hover,
.hover-light-green:focus {
  color: #9eebcf;
}

.hover-navy:hover,
.hover-navy:focus {
  color: #001b44;
}

.hover-dark-blue:hover,
.hover-dark-blue:focus {
  color: #00449e;
}

.hover-blue:hover,
.hover-blue:focus {
  color: #357edd;
}

.hover-light-blue:hover,
.hover-light-blue:focus {
  color: #96ccff;
}

.hover-lightest-blue:hover,
.hover-lightest-blue:focus {
  color: #cdecff;
}

.hover-washed-blue:hover,
.hover-washed-blue:focus {
  color: #f6fffe;
}

.hover-washed-green:hover,
.hover-washed-green:focus {
  color: #e8fdf5;
}

.hover-washed-yellow:hover,
.hover-washed-yellow:focus {
  color: #fffceb;
}

.hover-washed-red:hover,
.hover-washed-red:focus {
  color: #ffdfdf;
}

.hover-bg-dark-red:hover,
.hover-bg-dark-red:focus {
  background-color: #e7040f;
}

.hover-bg-red:hover,
.hover-bg-red:focus {
  background-color: #ff4136;
}

.hover-bg-light-red:hover,
.hover-bg-light-red:focus {
  background-color: #ff725c;
}

.hover-bg-orange:hover,
.hover-bg-orange:focus {
  background-color: #ff6300;
}

.hover-bg-gold:hover,
.hover-bg-gold:focus {
  background-color: #ffb700;
}

.hover-bg-yellow:hover,
.hover-bg-yellow:focus {
  background-color: #ffd700;
}

.hover-bg-light-yellow:hover,
.hover-bg-light-yellow:focus {
  background-color: #fbf1a9;
}

.hover-bg-purple:hover,
.hover-bg-purple:focus {
  background-color: #5e2ca5;
}

.hover-bg-light-purple:hover,
.hover-bg-light-purple:focus {
  background-color: #a463f2;
}

.hover-bg-dark-pink:hover,
.hover-bg-dark-pink:focus {
  background-color: #d5008f;
}

.hover-bg-hot-pink:hover,
.hover-bg-hot-pink:focus {
  background-color: #ff41b4;
}

.hover-bg-pink:hover,
.hover-bg-pink:focus {
  background-color: #ff80cc;
}

.hover-bg-light-pink:hover,
.hover-bg-light-pink:focus {
  background-color: #ffa3d7;
}

.hover-bg-dark-green:hover,
.hover-bg-dark-green:focus {
  background-color: #137752;
}

.hover-bg-green:hover,
.hover-bg-green:focus {
  background-color: #19a974;
}

.hover-bg-light-green:hover,
.hover-bg-light-green:focus {
  background-color: #9eebcf;
}

.hover-bg-navy:hover,
.hover-bg-navy:focus {
  background-color: #001b44;
}

.hover-bg-dark-blue:hover,
.hover-bg-dark-blue:focus {
  background-color: #00449e;
}

.hover-bg-blue:hover,
.hover-bg-blue:focus {
  background-color: #357edd;
}

.hover-bg-light-blue:hover,
.hover-bg-light-blue:focus {
  background-color: #96ccff;
}

.hover-bg-lightest-blue:hover,
.hover-bg-lightest-blue:focus {
  background-color: #cdecff;
}

.hover-bg-washed-blue:hover,
.hover-bg-washed-blue:focus {
  background-color: #f6fffe;
}

.hover-bg-washed-green:hover,
.hover-bg-washed-green:focus {
  background-color: #e8fdf5;
}

.hover-bg-washed-yellow:hover,
.hover-bg-washed-yellow:focus {
  background-color: #fffceb;
}

.hover-bg-washed-red:hover,
.hover-bg-washed-red:focus {
  background-color: #ffdfdf;
}

.hover-bg-inherit:hover,
.hover-bg-inherit:focus {
  background-color: inherit;
}

/* Variables */
/*
   SPACING
   Docs: http://tachyons.io/docs/layout/spacing/

   An eight step powers of two scale ranging from 0 to 16rem.

   Base:
     p = padding
     m = margin

   Modifiers:
     a = all
     h = horizontal
     v = vertical
     t = top
     r = right
     b = bottom
     l = left

     0 = none
     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.pa0 {
  padding: 0;
}

.pa1 {
  padding: 0.25rem;
}

.pa2 {
  padding: 0.5rem;
}

.pa3 {
  padding: 1rem;
}

.pa4 {
  padding: 2rem;
}

.pa5 {
  padding: 4rem;
}

.pa6 {
  padding: 8rem;
}

.pa7 {
  padding: 16rem;
}

.pl0 {
  padding-left: 0;
}

.pl1 {
  padding-left: 0.25rem;
}

.pl2 {
  padding-left: 0.5rem;
}

.pl3 {
  padding-left: 1rem;
}

.pl4 {
  padding-left: 2rem;
}

.pl5 {
  padding-left: 4rem;
}

.pl6 {
  padding-left: 8rem;
}

.pl7 {
  padding-left: 16rem;
}

.pr0 {
  padding-right: 0;
}

.pr1 {
  padding-right: 0.25rem;
}

.pr2 {
  padding-right: 0.5rem;
}

.pr3 {
  padding-right: 1rem;
}

.pr4 {
  padding-right: 2rem;
}

.pr5 {
  padding-right: 4rem;
}

.pr6 {
  padding-right: 8rem;
}

.pr7 {
  padding-right: 16rem;
}

.pb0 {
  padding-bottom: 0;
}

.pb1 {
  padding-bottom: 0.25rem;
}

.pb2 {
  padding-bottom: 0.5rem;
}

.pb3 {
  padding-bottom: 1rem;
}

.pb4 {
  padding-bottom: 2rem;
}

.pb5 {
  padding-bottom: 4rem;
}

.pb6 {
  padding-bottom: 8rem;
}

.pb7 {
  padding-bottom: 16rem;
}

.pt0 {
  padding-top: 0;
}

.pt1 {
  padding-top: 0.25rem;
}

.pt2 {
  padding-top: 0.5rem;
}

.pt3 {
  padding-top: 1rem;
}

.pt4 {
  padding-top: 2rem;
}

.pt5 {
  padding-top: 4rem;
}

.pt6 {
  padding-top: 8rem;
}

.pt7 {
  padding-top: 16rem;
}

.pv0 {
  padding-top: 0;
  padding-bottom: 0;
}

.pv1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.pv2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.pv3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.pv4 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.pv5 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.pv6 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pv7 {
  padding-top: 16rem;
  padding-bottom: 16rem;
}

.ph0 {
  padding-left: 0;
  padding-right: 0;
}

.ph1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.ph2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ph3 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ph4 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ph5 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.ph6 {
  padding-left: 8rem;
  padding-right: 8rem;
}

.ph7 {
  padding-left: 16rem;
  padding-right: 16rem;
}

.ma0 {
  margin: 0;
}

.ma1 {
  margin: 0.25rem;
}

.ma2 {
  margin: 0.5rem;
}

.ma3 {
  margin: 1rem;
}

.ma4 {
  margin: 2rem;
}

.ma5 {
  margin: 4rem;
}

.ma6 {
  margin: 8rem;
}

.ma7 {
  margin: 16rem;
}

.ml0 {
  margin-left: 0;
}

.ml1 {
  margin-left: 0.25rem;
}

.ml2 {
  margin-left: 0.5rem;
}

.ml3 {
  margin-left: 1rem;
}

.ml4 {
  margin-left: 2rem;
}

.ml5 {
  margin-left: 4rem;
}

.ml6 {
  margin-left: 8rem;
}

.ml7 {
  margin-left: 16rem;
}

.mr0 {
  margin-right: 0;
}

.mr1 {
  margin-right: 0.25rem;
}

.mr2 {
  margin-right: 0.5rem;
}

.mr3 {
  margin-right: 1rem;
}

.mr4 {
  margin-right: 2rem;
}

.mr5 {
  margin-right: 4rem;
}

.mr6 {
  margin-right: 8rem;
}

.mr7 {
  margin-right: 16rem;
}

.mb0 {
  margin-bottom: 0;
}

.mb1 {
  margin-bottom: 0.25rem;
}

.mb2 {
  margin-bottom: 0.5rem;
}

.mb3 {
  margin-bottom: 1rem;
}

.mb4 {
  margin-bottom: 2rem;
}

.mb5 {
  margin-bottom: 4rem;
}

.mb6 {
  margin-bottom: 8rem;
}

.mb7 {
  margin-bottom: 16rem;
}

.mt0 {
  margin-top: 0;
}

.mt1 {
  margin-top: 0.25rem;
}

.mt2 {
  margin-top: 0.5rem;
}

.mt3 {
  margin-top: 1rem;
}

.mt4 {
  margin-top: 2rem;
}

.mt5 {
  margin-top: 4rem;
}

.mt6 {
  margin-top: 8rem;
}

.mt7 {
  margin-top: 16rem;
}

.mv0 {
  margin-top: 0;
  margin-bottom: 0;
}

.mv1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.mv2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mv3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.mv4 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.mv5 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.mv6 {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.mv7 {
  margin-top: 16rem;
  margin-bottom: 16rem;
}

.mh0 {
  margin-left: 0;
  margin-right: 0;
}

.mh1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.mh2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mh3 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mh4 {
  margin-left: 2rem;
  margin-right: 2rem;
}

.mh5 {
  margin-left: 4rem;
  margin-right: 4rem;
}

.mh6 {
  margin-left: 8rem;
  margin-right: 8rem;
}

.mh7 {
  margin-left: 16rem;
  margin-right: 16rem;
}

@media screen and (min-width: 768px) {
  .pa0-ns {
    padding: 0;
  }
  .pa1-ns {
    padding: 0.25rem;
  }
  .pa2-ns {
    padding: 0.5rem;
  }
  .pa3-ns {
    padding: 1rem;
  }
  .pa4-ns {
    padding: 2rem;
  }
  .pa5-ns {
    padding: 4rem;
  }
  .pa6-ns {
    padding: 8rem;
  }
  .pa7-ns {
    padding: 16rem;
  }
  .pl0-ns {
    padding-left: 0;
  }
  .pl1-ns {
    padding-left: 0.25rem;
  }
  .pl2-ns {
    padding-left: 0.5rem;
  }
  .pl3-ns {
    padding-left: 1rem;
  }
  .pl4-ns {
    padding-left: 2rem;
  }
  .pl5-ns {
    padding-left: 4rem;
  }
  .pl6-ns {
    padding-left: 8rem;
  }
  .pl7-ns {
    padding-left: 16rem;
  }
  .pr0-ns {
    padding-right: 0;
  }
  .pr1-ns {
    padding-right: 0.25rem;
  }
  .pr2-ns {
    padding-right: 0.5rem;
  }
  .pr3-ns {
    padding-right: 1rem;
  }
  .pr4-ns {
    padding-right: 2rem;
  }
  .pr5-ns {
    padding-right: 4rem;
  }
  .pr6-ns {
    padding-right: 8rem;
  }
  .pr7-ns {
    padding-right: 16rem;
  }
  .pb0-ns {
    padding-bottom: 0;
  }
  .pb1-ns {
    padding-bottom: 0.25rem;
  }
  .pb2-ns {
    padding-bottom: 0.5rem;
  }
  .pb3-ns {
    padding-bottom: 1rem;
  }
  .pb4-ns {
    padding-bottom: 2rem;
  }
  .pb5-ns {
    padding-bottom: 4rem;
  }
  .pb6-ns {
    padding-bottom: 8rem;
  }
  .pb7-ns {
    padding-bottom: 16rem;
  }
  .pt0-ns {
    padding-top: 0;
  }
  .pt1-ns {
    padding-top: 0.25rem;
  }
  .pt2-ns {
    padding-top: 0.5rem;
  }
  .pt3-ns {
    padding-top: 1rem;
  }
  .pt4-ns {
    padding-top: 2rem;
  }
  .pt5-ns {
    padding-top: 4rem;
  }
  .pt6-ns {
    padding-top: 8rem;
  }
  .pt7-ns {
    padding-top: 16rem;
  }
  .pv0-ns {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-ns {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-ns {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-ns {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-ns {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-ns {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-ns {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-ns {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-ns {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-ns {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-ns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-ns {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-ns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-ns {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-ns {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-ns {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-ns {
    margin: 0;
  }
  .ma1-ns {
    margin: 0.25rem;
  }
  .ma2-ns {
    margin: 0.5rem;
  }
  .ma3-ns {
    margin: 1rem;
  }
  .ma4-ns {
    margin: 2rem;
  }
  .ma5-ns {
    margin: 4rem;
  }
  .ma6-ns {
    margin: 8rem;
  }
  .ma7-ns {
    margin: 16rem;
  }
  .ml0-ns {
    margin-left: 0;
  }
  .ml1-ns {
    margin-left: 0.25rem;
  }
  .ml2-ns {
    margin-left: 0.5rem;
  }
  .ml3-ns {
    margin-left: 1rem;
  }
  .ml4-ns {
    margin-left: 2rem;
  }
  .ml5-ns {
    margin-left: 4rem;
  }
  .ml6-ns {
    margin-left: 8rem;
  }
  .ml7-ns {
    margin-left: 16rem;
  }
  .mr0-ns {
    margin-right: 0;
  }
  .mr1-ns {
    margin-right: 0.25rem;
  }
  .mr2-ns {
    margin-right: 0.5rem;
  }
  .mr3-ns {
    margin-right: 1rem;
  }
  .mr4-ns {
    margin-right: 2rem;
  }
  .mr5-ns {
    margin-right: 4rem;
  }
  .mr6-ns {
    margin-right: 8rem;
  }
  .mr7-ns {
    margin-right: 16rem;
  }
  .mb0-ns {
    margin-bottom: 0;
  }
  .mb1-ns {
    margin-bottom: 0.25rem;
  }
  .mb2-ns {
    margin-bottom: 0.5rem;
  }
  .mb3-ns {
    margin-bottom: 1rem;
  }
  .mb4-ns {
    margin-bottom: 2rem;
  }
  .mb5-ns {
    margin-bottom: 4rem;
  }
  .mb6-ns {
    margin-bottom: 8rem;
  }
  .mb7-ns {
    margin-bottom: 16rem;
  }
  .mt0-ns {
    margin-top: 0;
  }
  .mt1-ns {
    margin-top: 0.25rem;
  }
  .mt2-ns {
    margin-top: 0.5rem;
  }
  .mt3-ns {
    margin-top: 1rem;
  }
  .mt4-ns {
    margin-top: 2rem;
  }
  .mt5-ns {
    margin-top: 4rem;
  }
  .mt6-ns {
    margin-top: 8rem;
  }
  .mt7-ns {
    margin-top: 16rem;
  }
  .mv0-ns {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-ns {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-ns {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-ns {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-ns {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-ns {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-ns {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-ns {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-ns {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-ns {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-ns {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-ns {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-ns {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-ns {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-ns {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-ns {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .pa0-m {
    padding: 0;
  }
  .pa1-m {
    padding: 0.25rem;
  }
  .pa2-m {
    padding: 0.5rem;
  }
  .pa3-m {
    padding: 1rem;
  }
  .pa4-m {
    padding: 2rem;
  }
  .pa5-m {
    padding: 4rem;
  }
  .pa6-m {
    padding: 8rem;
  }
  .pa7-m {
    padding: 16rem;
  }
  .pl0-m {
    padding-left: 0;
  }
  .pl1-m {
    padding-left: 0.25rem;
  }
  .pl2-m {
    padding-left: 0.5rem;
  }
  .pl3-m {
    padding-left: 1rem;
  }
  .pl4-m {
    padding-left: 2rem;
  }
  .pl5-m {
    padding-left: 4rem;
  }
  .pl6-m {
    padding-left: 8rem;
  }
  .pl7-m {
    padding-left: 16rem;
  }
  .pr0-m {
    padding-right: 0;
  }
  .pr1-m {
    padding-right: 0.25rem;
  }
  .pr2-m {
    padding-right: 0.5rem;
  }
  .pr3-m {
    padding-right: 1rem;
  }
  .pr4-m {
    padding-right: 2rem;
  }
  .pr5-m {
    padding-right: 4rem;
  }
  .pr6-m {
    padding-right: 8rem;
  }
  .pr7-m {
    padding-right: 16rem;
  }
  .pb0-m {
    padding-bottom: 0;
  }
  .pb1-m {
    padding-bottom: 0.25rem;
  }
  .pb2-m {
    padding-bottom: 0.5rem;
  }
  .pb3-m {
    padding-bottom: 1rem;
  }
  .pb4-m {
    padding-bottom: 2rem;
  }
  .pb5-m {
    padding-bottom: 4rem;
  }
  .pb6-m {
    padding-bottom: 8rem;
  }
  .pb7-m {
    padding-bottom: 16rem;
  }
  .pt0-m {
    padding-top: 0;
  }
  .pt1-m {
    padding-top: 0.25rem;
  }
  .pt2-m {
    padding-top: 0.5rem;
  }
  .pt3-m {
    padding-top: 1rem;
  }
  .pt4-m {
    padding-top: 2rem;
  }
  .pt5-m {
    padding-top: 4rem;
  }
  .pt6-m {
    padding-top: 8rem;
  }
  .pt7-m {
    padding-top: 16rem;
  }
  .pv0-m {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-m {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-m {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-m {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-m {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-m {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-m {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-m {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-m {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-m {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-m {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-m {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-m {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-m {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-m {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-m {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-m {
    margin: 0;
  }
  .ma1-m {
    margin: 0.25rem;
  }
  .ma2-m {
    margin: 0.5rem;
  }
  .ma3-m {
    margin: 1rem;
  }
  .ma4-m {
    margin: 2rem;
  }
  .ma5-m {
    margin: 4rem;
  }
  .ma6-m {
    margin: 8rem;
  }
  .ma7-m {
    margin: 16rem;
  }
  .ml0-m {
    margin-left: 0;
  }
  .ml1-m {
    margin-left: 0.25rem;
  }
  .ml2-m {
    margin-left: 0.5rem;
  }
  .ml3-m {
    margin-left: 1rem;
  }
  .ml4-m {
    margin-left: 2rem;
  }
  .ml5-m {
    margin-left: 4rem;
  }
  .ml6-m {
    margin-left: 8rem;
  }
  .ml7-m {
    margin-left: 16rem;
  }
  .mr0-m {
    margin-right: 0;
  }
  .mr1-m {
    margin-right: 0.25rem;
  }
  .mr2-m {
    margin-right: 0.5rem;
  }
  .mr3-m {
    margin-right: 1rem;
  }
  .mr4-m {
    margin-right: 2rem;
  }
  .mr5-m {
    margin-right: 4rem;
  }
  .mr6-m {
    margin-right: 8rem;
  }
  .mr7-m {
    margin-right: 16rem;
  }
  .mb0-m {
    margin-bottom: 0;
  }
  .mb1-m {
    margin-bottom: 0.25rem;
  }
  .mb2-m {
    margin-bottom: 0.5rem;
  }
  .mb3-m {
    margin-bottom: 1rem;
  }
  .mb4-m {
    margin-bottom: 2rem;
  }
  .mb5-m {
    margin-bottom: 4rem;
  }
  .mb6-m {
    margin-bottom: 8rem;
  }
  .mb7-m {
    margin-bottom: 16rem;
  }
  .mt0-m {
    margin-top: 0;
  }
  .mt1-m {
    margin-top: 0.25rem;
  }
  .mt2-m {
    margin-top: 0.5rem;
  }
  .mt3-m {
    margin-top: 1rem;
  }
  .mt4-m {
    margin-top: 2rem;
  }
  .mt5-m {
    margin-top: 4rem;
  }
  .mt6-m {
    margin-top: 8rem;
  }
  .mt7-m {
    margin-top: 16rem;
  }
  .mv0-m {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-m {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-m {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-m {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-m {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-m {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-m {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-m {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-m {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-m {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-m {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-m {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-m {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-m {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-m {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-m {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

@media screen and (min-width: 992px) {
  .pa0-l {
    padding: 0;
  }
  .pa1-l {
    padding: 0.25rem;
  }
  .pa2-l {
    padding: 0.5rem;
  }
  .pa3-l {
    padding: 1rem;
  }
  .pa4-l {
    padding: 2rem;
  }
  .pa5-l {
    padding: 4rem;
  }
  .pa6-l {
    padding: 8rem;
  }
  .pa7-l {
    padding: 16rem;
  }
  .pl0-l {
    padding-left: 0;
  }
  .pl1-l {
    padding-left: 0.25rem;
  }
  .pl2-l {
    padding-left: 0.5rem;
  }
  .pl3-l {
    padding-left: 1rem;
  }
  .pl4-l {
    padding-left: 2rem;
  }
  .pl5-l {
    padding-left: 4rem;
  }
  .pl6-l {
    padding-left: 8rem;
  }
  .pl7-l {
    padding-left: 16rem;
  }
  .pr0-l {
    padding-right: 0;
  }
  .pr1-l {
    padding-right: 0.25rem;
  }
  .pr2-l {
    padding-right: 0.5rem;
  }
  .pr3-l {
    padding-right: 1rem;
  }
  .pr4-l {
    padding-right: 2rem;
  }
  .pr5-l {
    padding-right: 4rem;
  }
  .pr6-l {
    padding-right: 8rem;
  }
  .pr7-l {
    padding-right: 16rem;
  }
  .pb0-l {
    padding-bottom: 0;
  }
  .pb1-l {
    padding-bottom: 0.25rem;
  }
  .pb2-l {
    padding-bottom: 0.5rem;
  }
  .pb3-l {
    padding-bottom: 1rem;
  }
  .pb4-l {
    padding-bottom: 2rem;
  }
  .pb5-l {
    padding-bottom: 4rem;
  }
  .pb6-l {
    padding-bottom: 8rem;
  }
  .pb7-l {
    padding-bottom: 16rem;
  }
  .pt0-l {
    padding-top: 0;
  }
  .pt1-l {
    padding-top: 0.25rem;
  }
  .pt2-l {
    padding-top: 0.5rem;
  }
  .pt3-l {
    padding-top: 1rem;
  }
  .pt4-l {
    padding-top: 2rem;
  }
  .pt5-l {
    padding-top: 4rem;
  }
  .pt6-l {
    padding-top: 8rem;
  }
  .pt7-l {
    padding-top: 16rem;
  }
  .pv0-l {
    padding-top: 0;
    padding-bottom: 0;
  }
  .pv1-l {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .pv2-l {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .pv3-l {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .pv4-l {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .pv5-l {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .pv6-l {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .pv7-l {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
  .ph0-l {
    padding-left: 0;
    padding-right: 0;
  }
  .ph1-l {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ph2-l {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .ph3-l {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .ph4-l {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .ph5-l {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .ph6-l {
    padding-left: 8rem;
    padding-right: 8rem;
  }
  .ph7-l {
    padding-left: 16rem;
    padding-right: 16rem;
  }
  .ma0-l {
    margin: 0;
  }
  .ma1-l {
    margin: 0.25rem;
  }
  .ma2-l {
    margin: 0.5rem;
  }
  .ma3-l {
    margin: 1rem;
  }
  .ma4-l {
    margin: 2rem;
  }
  .ma5-l {
    margin: 4rem;
  }
  .ma6-l {
    margin: 8rem;
  }
  .ma7-l {
    margin: 16rem;
  }
  .ml0-l {
    margin-left: 0;
  }
  .ml1-l {
    margin-left: 0.25rem;
  }
  .ml2-l {
    margin-left: 0.5rem;
  }
  .ml3-l {
    margin-left: 1rem;
  }
  .ml4-l {
    margin-left: 2rem;
  }
  .ml5-l {
    margin-left: 4rem;
  }
  .ml6-l {
    margin-left: 8rem;
  }
  .ml7-l {
    margin-left: 16rem;
  }
  .mr0-l {
    margin-right: 0;
  }
  .mr1-l {
    margin-right: 0.25rem;
  }
  .mr2-l {
    margin-right: 0.5rem;
  }
  .mr3-l {
    margin-right: 1rem;
  }
  .mr4-l {
    margin-right: 2rem;
  }
  .mr5-l {
    margin-right: 4rem;
  }
  .mr6-l {
    margin-right: 8rem;
  }
  .mr7-l {
    margin-right: 16rem;
  }
  .mb0-l {
    margin-bottom: 0;
  }
  .mb1-l {
    margin-bottom: 0.25rem;
  }
  .mb2-l {
    margin-bottom: 0.5rem;
  }
  .mb3-l {
    margin-bottom: 1rem;
  }
  .mb4-l {
    margin-bottom: 2rem;
  }
  .mb5-l {
    margin-bottom: 4rem;
  }
  .mb6-l {
    margin-bottom: 8rem;
  }
  .mb7-l {
    margin-bottom: 16rem;
  }
  .mt0-l {
    margin-top: 0;
  }
  .mt1-l {
    margin-top: 0.25rem;
  }
  .mt2-l {
    margin-top: 0.5rem;
  }
  .mt3-l {
    margin-top: 1rem;
  }
  .mt4-l {
    margin-top: 2rem;
  }
  .mt5-l {
    margin-top: 4rem;
  }
  .mt6-l {
    margin-top: 8rem;
  }
  .mt7-l {
    margin-top: 16rem;
  }
  .mv0-l {
    margin-top: 0;
    margin-bottom: 0;
  }
  .mv1-l {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .mv2-l {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .mv3-l {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .mv4-l {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .mv5-l {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
  .mv6-l {
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
  .mv7-l {
    margin-top: 16rem;
    margin-bottom: 16rem;
  }
  .mh0-l {
    margin-left: 0;
    margin-right: 0;
  }
  .mh1-l {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .mh2-l {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .mh3-l {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mh4-l {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  .mh5-l {
    margin-left: 4rem;
    margin-right: 4rem;
  }
  .mh6-l {
    margin-left: 8rem;
    margin-right: 8rem;
  }
  .mh7-l {
    margin-left: 16rem;
    margin-right: 16rem;
  }
}

/*
   NEGATIVE MARGINS

   Base:
     n = negative

   Modifiers:
     a = all
     t = top
     r = right
     b = bottom
     l = left

     1 = 1st step in spacing scale
     2 = 2nd step in spacing scale
     3 = 3rd step in spacing scale
     4 = 4th step in spacing scale
     5 = 5th step in spacing scale
     6 = 6th step in spacing scale
     7 = 7th step in spacing scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.na1 {
  margin: -0.25rem;
}

.na2 {
  margin: -0.5rem;
}

.na3 {
  margin: -1rem;
}

.na4 {
  margin: -2rem;
}

.na5 {
  margin: -4rem;
}

.na6 {
  margin: -8rem;
}

.na7 {
  margin: -16rem;
}

.nl1 {
  margin-left: -0.25rem;
}

.nl2 {
  margin-left: -0.5rem;
}

.nl3 {
  margin-left: -1rem;
}

.nl4 {
  margin-left: -2rem;
}

.nl5 {
  margin-left: -4rem;
}

.nl6 {
  margin-left: -8rem;
}

.nl7 {
  margin-left: -16rem;
}

.nr1 {
  margin-right: -0.25rem;
}

.nr2 {
  margin-right: -0.5rem;
}

.nr3 {
  margin-right: -1rem;
}

.nr4 {
  margin-right: -2rem;
}

.nr5 {
  margin-right: -4rem;
}

.nr6 {
  margin-right: -8rem;
}

.nr7 {
  margin-right: -16rem;
}

.nb1 {
  margin-bottom: -0.25rem;
}

.nb2 {
  margin-bottom: -0.5rem;
}

.nb3 {
  margin-bottom: -1rem;
}

.nb4 {
  margin-bottom: -2rem;
}

.nb5 {
  margin-bottom: -4rem;
}

.nb6 {
  margin-bottom: -8rem;
}

.nb7 {
  margin-bottom: -16rem;
}

.nt1 {
  margin-top: -0.25rem;
}

.nt2 {
  margin-top: -0.5rem;
}

.nt3 {
  margin-top: -1rem;
}

.nt4 {
  margin-top: -2rem;
}

.nt5 {
  margin-top: -4rem;
}

.nt6 {
  margin-top: -8rem;
}

.nt7 {
  margin-top: -16rem;
}

@media screen and (min-width: 768px) {
  .na1-ns {
    margin: -0.25rem;
  }
  .na2-ns {
    margin: -0.5rem;
  }
  .na3-ns {
    margin: -1rem;
  }
  .na4-ns {
    margin: -2rem;
  }
  .na5-ns {
    margin: -4rem;
  }
  .na6-ns {
    margin: -8rem;
  }
  .na7-ns {
    margin: -16rem;
  }
  .nl1-ns {
    margin-left: -0.25rem;
  }
  .nl2-ns {
    margin-left: -0.5rem;
  }
  .nl3-ns {
    margin-left: -1rem;
  }
  .nl4-ns {
    margin-left: -2rem;
  }
  .nl5-ns {
    margin-left: -4rem;
  }
  .nl6-ns {
    margin-left: -8rem;
  }
  .nl7-ns {
    margin-left: -16rem;
  }
  .nr1-ns {
    margin-right: -0.25rem;
  }
  .nr2-ns {
    margin-right: -0.5rem;
  }
  .nr3-ns {
    margin-right: -1rem;
  }
  .nr4-ns {
    margin-right: -2rem;
  }
  .nr5-ns {
    margin-right: -4rem;
  }
  .nr6-ns {
    margin-right: -8rem;
  }
  .nr7-ns {
    margin-right: -16rem;
  }
  .nb1-ns {
    margin-bottom: -0.25rem;
  }
  .nb2-ns {
    margin-bottom: -0.5rem;
  }
  .nb3-ns {
    margin-bottom: -1rem;
  }
  .nb4-ns {
    margin-bottom: -2rem;
  }
  .nb5-ns {
    margin-bottom: -4rem;
  }
  .nb6-ns {
    margin-bottom: -8rem;
  }
  .nb7-ns {
    margin-bottom: -16rem;
  }
  .nt1-ns {
    margin-top: -0.25rem;
  }
  .nt2-ns {
    margin-top: -0.5rem;
  }
  .nt3-ns {
    margin-top: -1rem;
  }
  .nt4-ns {
    margin-top: -2rem;
  }
  .nt5-ns {
    margin-top: -4rem;
  }
  .nt6-ns {
    margin-top: -8rem;
  }
  .nt7-ns {
    margin-top: -16rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .na1-m {
    margin: -0.25rem;
  }
  .na2-m {
    margin: -0.5rem;
  }
  .na3-m {
    margin: -1rem;
  }
  .na4-m {
    margin: -2rem;
  }
  .na5-m {
    margin: -4rem;
  }
  .na6-m {
    margin: -8rem;
  }
  .na7-m {
    margin: -16rem;
  }
  .nl1-m {
    margin-left: -0.25rem;
  }
  .nl2-m {
    margin-left: -0.5rem;
  }
  .nl3-m {
    margin-left: -1rem;
  }
  .nl4-m {
    margin-left: -2rem;
  }
  .nl5-m {
    margin-left: -4rem;
  }
  .nl6-m {
    margin-left: -8rem;
  }
  .nl7-m {
    margin-left: -16rem;
  }
  .nr1-m {
    margin-right: -0.25rem;
  }
  .nr2-m {
    margin-right: -0.5rem;
  }
  .nr3-m {
    margin-right: -1rem;
  }
  .nr4-m {
    margin-right: -2rem;
  }
  .nr5-m {
    margin-right: -4rem;
  }
  .nr6-m {
    margin-right: -8rem;
  }
  .nr7-m {
    margin-right: -16rem;
  }
  .nb1-m {
    margin-bottom: -0.25rem;
  }
  .nb2-m {
    margin-bottom: -0.5rem;
  }
  .nb3-m {
    margin-bottom: -1rem;
  }
  .nb4-m {
    margin-bottom: -2rem;
  }
  .nb5-m {
    margin-bottom: -4rem;
  }
  .nb6-m {
    margin-bottom: -8rem;
  }
  .nb7-m {
    margin-bottom: -16rem;
  }
  .nt1-m {
    margin-top: -0.25rem;
  }
  .nt2-m {
    margin-top: -0.5rem;
  }
  .nt3-m {
    margin-top: -1rem;
  }
  .nt4-m {
    margin-top: -2rem;
  }
  .nt5-m {
    margin-top: -4rem;
  }
  .nt6-m {
    margin-top: -8rem;
  }
  .nt7-m {
    margin-top: -16rem;
  }
}

@media screen and (min-width: 992px) {
  .na1-l {
    margin: -0.25rem;
  }
  .na2-l {
    margin: -0.5rem;
  }
  .na3-l {
    margin: -1rem;
  }
  .na4-l {
    margin: -2rem;
  }
  .na5-l {
    margin: -4rem;
  }
  .na6-l {
    margin: -8rem;
  }
  .na7-l {
    margin: -16rem;
  }
  .nl1-l {
    margin-left: -0.25rem;
  }
  .nl2-l {
    margin-left: -0.5rem;
  }
  .nl3-l {
    margin-left: -1rem;
  }
  .nl4-l {
    margin-left: -2rem;
  }
  .nl5-l {
    margin-left: -4rem;
  }
  .nl6-l {
    margin-left: -8rem;
  }
  .nl7-l {
    margin-left: -16rem;
  }
  .nr1-l {
    margin-right: -0.25rem;
  }
  .nr2-l {
    margin-right: -0.5rem;
  }
  .nr3-l {
    margin-right: -1rem;
  }
  .nr4-l {
    margin-right: -2rem;
  }
  .nr5-l {
    margin-right: -4rem;
  }
  .nr6-l {
    margin-right: -8rem;
  }
  .nr7-l {
    margin-right: -16rem;
  }
  .nb1-l {
    margin-bottom: -0.25rem;
  }
  .nb2-l {
    margin-bottom: -0.5rem;
  }
  .nb3-l {
    margin-bottom: -1rem;
  }
  .nb4-l {
    margin-bottom: -2rem;
  }
  .nb5-l {
    margin-bottom: -4rem;
  }
  .nb6-l {
    margin-bottom: -8rem;
  }
  .nb7-l {
    margin-bottom: -16rem;
  }
  .nt1-l {
    margin-top: -0.25rem;
  }
  .nt2-l {
    margin-top: -0.5rem;
  }
  .nt3-l {
    margin-top: -1rem;
  }
  .nt4-l {
    margin-top: -2rem;
  }
  .nt5-l {
    margin-top: -4rem;
  }
  .nt6-l {
    margin-top: -8rem;
  }
  .nt7-l {
    margin-top: -16rem;
  }
}

/*

  TABLES
  Docs: http://tachyons.io/docs/elements/tables/

*/
.collapse {
  border-collapse: collapse;
  border-spacing: 0;
}

.striped--light-silver:nth-child(odd) {
  background-color: #aaa;
}

.striped--moon-gray:nth-child(odd) {
  background-color: #ccc;
}

.striped--light-gray:nth-child(odd) {
  background-color: #eee;
}

.striped--near-white:nth-child(odd) {
  background-color: #f4f4f4;
}

.stripe-light:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.1);
}

.stripe-dark:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.1);
}

/*

   TEXT DECORATION
   Docs: http://tachyons.io/docs/typography/text-decoration/


   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.strike {
  text-decoration: line-through;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .strike-ns {
    text-decoration: line-through;
  }
  .underline-ns {
    text-decoration: underline;
  }
  .no-underline-ns {
    text-decoration: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .strike-m {
    text-decoration: line-through;
  }
  .underline-m {
    text-decoration: underline;
  }
  .no-underline-m {
    text-decoration: none;
  }
}

@media screen and (min-width: 992px) {
  .strike-l {
    text-decoration: line-through;
  }
  .underline-l {
    text-decoration: underline;
  }
  .no-underline-l {
    text-decoration: none;
  }
}

/*

  TEXT ALIGN
  Docs: http://tachyons.io/docs/typography/text-align/

  Base
    t = text-align

  Modifiers
    l = left
    r = right
    c = center
    j = justify

  Media Query Extensions:
    -ns = not-small
    -m  = medium
    -l  = large

*/
.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.tj {
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .tl-ns {
    text-align: left;
  }
  .tr-ns {
    text-align: right;
  }
  .tc-ns {
    text-align: center;
  }
  .tj-ns {
    text-align: justify;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .tl-m {
    text-align: left;
  }
  .tr-m {
    text-align: right;
  }
  .tc-m {
    text-align: center;
  }
  .tj-m {
    text-align: justify;
  }
}

@media screen and (min-width: 992px) {
  .tl-l {
    text-align: left;
  }
  .tr-l {
    text-align: right;
  }
  .tc-l {
    text-align: center;
  }
  .tj-l {
    text-align: justify;
  }
}

/*

   TEXT TRANSFORM
   Docs: http://tachyons.io/docs/typography/text-transform/

   Base:
     tt = text-transform

   Modifiers
     c = capitalize
     l = lowercase
     u = uppercase
     n = none

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ttc {
  text-transform: capitalize;
}

.ttl {
  text-transform: lowercase;
}

.ttu {
  text-transform: uppercase;
}

.ttn {
  text-transform: none;
}

@media screen and (min-width: 768px) {
  .ttc-ns {
    text-transform: capitalize;
  }
  .ttl-ns {
    text-transform: lowercase;
  }
  .ttu-ns {
    text-transform: uppercase;
  }
  .ttn-ns {
    text-transform: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .ttc-m {
    text-transform: capitalize;
  }
  .ttl-m {
    text-transform: lowercase;
  }
  .ttu-m {
    text-transform: uppercase;
  }
  .ttn-m {
    text-transform: none;
  }
}

@media screen and (min-width: 992px) {
  .ttc-l {
    text-transform: capitalize;
  }
  .ttl-l {
    text-transform: lowercase;
  }
  .ttu-l {
    text-transform: uppercase;
  }
  .ttn-l {
    text-transform: none;
  }
}

/*

   TYPE SCALE
   Docs: http://tachyons.io/docs/typography/scale/

   Base:
    f = font-size

   Modifiers
     1 = 1st step in size scale
     2 = 2nd step in size scale
     3 = 3rd step in size scale
     4 = 4th step in size scale
     5 = 5th step in size scale
     6 = 6th step in size scale

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large
*/
/*
 * For Hero/Marketing Titles
 *
 * These generally are too large for mobile
 * so be careful using them on smaller screens.
 * */
.f-6,
.f-headline {
  font-size: 6rem;
}

.f-5,
.f-subheadline {
  font-size: 5rem;
}

/* Type Scale */
.f1 {
  font-size: 3rem;
}

.f2 {
  font-size: 2.25rem;
}

.f3 {
  font-size: 1.5rem;
}

.f4 {
  font-size: 1.25rem;
}

.f5 {
  font-size: 1rem;
}

.f6 {
  font-size: 0.875rem;
}

.f7 {
  font-size: 0.75rem;
}

@media screen and (min-width: 768px) {
  .f-6-ns,
  .f-headline-ns {
    font-size: 6rem;
  }
  .f-5-ns,
  .f-subheadline-ns {
    font-size: 5rem;
  }
  .f1-ns {
    font-size: 3rem;
  }
  .f2-ns {
    font-size: 2.25rem;
  }
  .f3-ns {
    font-size: 1.5rem;
  }
  .f4-ns {
    font-size: 1.25rem;
  }
  .f5-ns {
    font-size: 1rem;
  }
  .f6-ns {
    font-size: 0.875rem;
  }
  .f7-ns {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .f-6-m,
  .f-headline-m {
    font-size: 6rem;
  }
  .f-5-m,
  .f-subheadline-m {
    font-size: 5rem;
  }
  .f1-m {
    font-size: 3rem;
  }
  .f2-m {
    font-size: 2.25rem;
  }
  .f3-m {
    font-size: 1.5rem;
  }
  .f4-m {
    font-size: 1.25rem;
  }
  .f5-m {
    font-size: 1rem;
  }
  .f6-m {
    font-size: 0.875rem;
  }
  .f7-m {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 992px) {
  .f-6-l,
  .f-headline-l {
    font-size: 6rem;
  }
  .f-5-l,
  .f-subheadline-l {
    font-size: 5rem;
  }
  .f1-l {
    font-size: 3rem;
  }
  .f2-l {
    font-size: 2.25rem;
  }
  .f3-l {
    font-size: 1.5rem;
  }
  .f4-l {
    font-size: 1.25rem;
  }
  .f5-l {
    font-size: 1rem;
  }
  .f6-l {
    font-size: 0.875rem;
  }
  .f7-l {
    font-size: 0.75rem;
  }
}

/*

   TYPOGRAPHY
   http://tachyons.io/docs/typography/measure/

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Measure is limited to ~66 characters */
.measure {
  max-width: 30em;
}

/* Measure is limited to ~80 characters */
.measure-wide {
  max-width: 34em;
}

/* Measure is limited to ~45 characters */
.measure-narrow {
  max-width: 20em;
}

/* Book paragraph style - paragraphs are indented with no vertical spacing. */
.indent {
  text-indent: 1em;
  margin-top: 0;
  margin-bottom: 0;
}

.small-caps {
  font-variant: small-caps;
}

/* Combine this class with a width to truncate text (or just leave as is to truncate at width of containing element. */
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (min-width: 768px) {
  .measure-ns {
    max-width: 30em;
  }
  .measure-wide-ns {
    max-width: 34em;
  }
  .measure-narrow-ns {
    max-width: 20em;
  }
  .indent-ns {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-ns {
    font-variant: small-caps;
  }
  .truncate-ns {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .measure-m {
    max-width: 30em;
  }
  .measure-wide-m {
    max-width: 34em;
  }
  .measure-narrow-m {
    max-width: 20em;
  }
  .indent-m {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-m {
    font-variant: small-caps;
  }
  .truncate-m {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (min-width: 992px) {
  .measure-l {
    max-width: 30em;
  }
  .measure-wide-l {
    max-width: 34em;
  }
  .measure-narrow-l {
    max-width: 20em;
  }
  .indent-l {
    text-indent: 1em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .small-caps-l {
    font-variant: small-caps;
  }
  .truncate-l {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/*

   UTILITIES

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/* Equivalent to .overflow-y-scroll */
.overflow-container {
  overflow-y: scroll;
}

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

.mr-auto {
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .center-ns {
    margin-right: auto;
    margin-left: auto;
  }
  .mr-auto-ns {
    margin-right: auto;
  }
  .ml-auto-ns {
    margin-left: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .center-m {
    margin-right: auto;
    margin-left: auto;
  }
  .mr-auto-m {
    margin-right: auto;
  }
  .ml-auto-m {
    margin-left: auto;
  }
}

@media screen and (min-width: 992px) {
  .center-l {
    margin-right: auto;
    margin-left: auto;
  }
  .mr-auto-l {
    margin-right: auto;
  }
  .ml-auto-l {
    margin-left: auto;
  }
}

/*

   VISIBILITY

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
/*
    Text that is hidden but accessible
    Ref: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/
.clip {
  position: fixed !important;
  _position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

@media screen and (min-width: 768px) {
  .clip-ns {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .clip-m {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}

@media screen and (min-width: 992px) {
  .clip-l {
    position: fixed !important;
    _position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}

/*

   WHITE SPACE

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.ws-normal {
  white-space: normal;
}

.nowrap {
  white-space: nowrap;
}

.pre {
  white-space: pre;
}

@media screen and (min-width: 768px) {
  .ws-normal-ns {
    white-space: normal;
  }
  .nowrap-ns {
    white-space: nowrap;
  }
  .pre-ns {
    white-space: pre;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .ws-normal-m {
    white-space: normal;
  }
  .nowrap-m {
    white-space: nowrap;
  }
  .pre-m {
    white-space: pre;
  }
}

@media screen and (min-width: 992px) {
  .ws-normal-l {
    white-space: normal;
  }
  .nowrap-l {
    white-space: nowrap;
  }
  .pre-l {
    white-space: pre;
  }
}

/*

   VERTICAL ALIGN

   Media Query Extensions:
     -ns = not-small
     -m  = medium
     -l  = large

*/
.v-base {
  vertical-align: baseline;
}

.v-mid {
  vertical-align: middle;
}

.v-top {
  vertical-align: top;
}

.v-btm {
  vertical-align: bottom;
}

@media screen and (min-width: 768px) {
  .v-base-ns {
    vertical-align: baseline;
  }
  .v-mid-ns {
    vertical-align: middle;
  }
  .v-top-ns {
    vertical-align: top;
  }
  .v-btm-ns {
    vertical-align: bottom;
  }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
  .v-base-m {
    vertical-align: baseline;
  }
  .v-mid-m {
    vertical-align: middle;
  }
  .v-top-m {
    vertical-align: top;
  }
  .v-btm-m {
    vertical-align: bottom;
  }
}

@media screen and (min-width: 992px) {
  .v-base-l {
    vertical-align: baseline;
  }
  .v-mid-l {
    vertical-align: middle;
  }
  .v-top-l {
    vertical-align: top;
  }
  .v-btm-l {
    vertical-align: bottom;
  }
}

/*

  HOVER EFFECTS
  Docs: http://tachyons.io/docs/themes/hovers/

    - Dim
    - Glow
    - Hide Child
    - Underline text
    - Grow
    - Pointer
    - Shadow

*/
/*

  Dim element on hover by adding the dim class.

*/
.dim {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

.dim:hover,
.dim:focus {
  opacity: .5;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

.dim:active {
  opacity: .8;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out;
}

/*

  Animate opacity to 100% on hover by adding the glow class.

*/
.glow {
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

.glow:hover,
.glow:focus {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

/*

  Hide child & reveal on hover:

  Put the hide-child class on a parent element and any nested element with the
  child class will be hidden and displayed on hover or focus.

  <div class="hide-child">
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
    <div class="child"> Hidden until hover or focus </div>
  </div>
*/
.hide-child .child {
  opacity: 0;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

.hide-child:hover .child,
.hide-child:focus .child,
.hide-child:active .child {
  opacity: 1;
  -webkit-transition: opacity .15s ease-in;
  transition: opacity .15s ease-in;
}

.underline-hover:hover,
.underline-hover:focus {
  text-decoration: underline;
}

/* Can combine this with overflow-hidden to make background images grow on hover
 * even if you are using background-size: cover */
.grow {
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.grow:hover,
.grow:focus {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.grow:active {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}

.grow-large {
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}

.grow-large:hover,
.grow-large:focus {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

.grow-large:active {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

/* Add pointer on hover */
.pointer:hover {
  cursor: pointer;
}

/*
   Add shadow on hover.

   Performant box-shadow animation pattern from
   http://tobiasahlin.com/blog/how-to-animate-box-shadow/
*/
.shadow-hover {
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover::after {
  content: '';
  -webkit-box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 16px 2px rgba(0, 0, 0, 0.2);
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.shadow-hover:hover::after,
.shadow-hover:focus::after {
  opacity: 1;
}

/* Combine with classes in skins and skins-pseudo for
 * many different transition possibilities. */
.bg-animate,
.bg-animate:hover,
.bg-animate:focus {
  -webkit-transition: background-color .15s ease-in-out;
  transition: background-color .15s ease-in-out;
}

/*

  Z-INDEX

  Base
    z = z-index

  Modifiers
    -0 = literal value 0
    -1 = literal value 1
    -2 = literal value 2
    -3 = literal value 3
    -4 = literal value 4
    -5 = literal value 5
    -999 = literal value 999
    -9999 = literal value 9999

    -max = largest accepted z-index value as integer

    -inherit = string value inherit
    -initial = string value initial
    -unset = string value unset

  MDN: https://developer.mozilla.org/en/docs/Web/CSS/z-index
  Spec: http://www.w3.org/TR/CSS2/zindex.html
  Articles:
    https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

  Tips on extending:
  There might be a time worth using negative z-index values.
  Or if you are using tachyons with another project, you might need to
  adjust these values to suit your needs.

*/
.z-0 {
  z-index: 0;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-999 {
  z-index: 999;
}

.z-9999 {
  z-index: 9999;
}

.z-max {
  z-index: 2147483647;
}

.z-inherit {
  z-index: inherit;
}

.z-initial {
  z-index: initial;
}

.z-unset {
  z-index: unset;
}

/*

    NESTED
    Tachyons module for styling nested elements
    that are generated by a cms.

*/
.nested-copy-line-height p,
.nested-copy-line-height ul,
.nested-copy-line-height ol {
  line-height: 1.5;
}

.nested-headline-line-height h1,
.nested-headline-line-height h2,
.nested-headline-line-height h3,
.nested-headline-line-height h4,
.nested-headline-line-height h5,
.nested-headline-line-height h6 {
  line-height: 1.25;
}

.nested-list-reset ul,
.nested-list-reset ol {
  padding-left: 0;
  margin-left: 0;
  list-style-type: none;
}

.nested-copy-indent p + p {
  text-indent: 0.1em;
  margin-top: 0;
  margin-bottom: 0;
}

.nested-copy-seperator p + p {
  margin-top: 1.5em;
}

.nested-img img {
  width: 100%;
  max-width: 100%;
  display: block;
}

.nested-links a {
  color: #357edd;
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

.nested-links a:hover,
.nested-links a:focus {
  color: #96ccff;
  -webkit-transition: color .15s ease-in;
  transition: color .15s ease-in;
}

/*

  STYLES

  Add custom styles here.

*/
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 3 : 11 / 2019
 * @author : SD
 * @description :
 * @projet : SOBEVAL
 */
.header--wrap {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  -webkit-transition: background-color 150ms ease-in-out, -webkit-transform 500ms ease-in-out;
  transition: background-color 150ms ease-in-out, -webkit-transform 500ms ease-in-out;
  transition: transform 500ms ease-in-out, background-color 150ms ease-in-out;
  transition: transform 500ms ease-in-out, background-color 150ms ease-in-out, -webkit-transform 500ms ease-in-out;
}

@media all and (min-width: 768px) {
  .header--wrap {
    background: rgba(255, 255, 255, 0.8);
    height: 245px;
  }
}

.header--wrap.scrollUp {
  -webkit-transform: translate3d(0, -260px, 0) !important;
          transform: translate3d(0, -260px, 0) !important;
}

@media all and (min-width: 768px) {
  .header--wrap.scrollUp {
    -webkit-transform: translate3d(0, -210px, 0);
            transform: translate3d(0, -210px, 0);
  }
}

.header--sup {
  padding: 20px 20px 12px 20px !important;
}

@media all and (min-width: 768px) {
  .header--sup {
    padding: 20px 20px 0px 20px !important;
  }
}

.header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
}

@media all and (min-width: 768px) {
  .header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
}

.align-menu {
  -ms-flex-line-pack: center;
      align-content: center;
}

.header--inf {
  position: relative;
  padding: 20px 20px 30px 20px;
}

@media all and (min-width: 768px) {
  .header--inf {
    padding: 20px 20px 0 20px !important;
  }
}

.header--logo {
  width: 230px;
  position: absolute;
}

@media all and (min-width: 768px) {
  .header--logo .header--logo {
    width: 115px !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    top: -0.5rem;
    margin-left: 1em;
    margin-right: auto;
  }
}

.header--logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header--logo a img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .header--logo {
    position: relative;
    margin: 2em auto 3.1em;
    width: 230px;
  }
  .ie11 .header--logo {
    width: 260px;
  }
  .hpi .header--logo {
    margin-top: -3em;
  }
}

.actions2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header--ident {
  position: absolute;
  top: 5px;
  right: 1em;
  z-index: 10;
  color: #333333;
  text-decoration: none;
  padding-top: 0.25em;
  text-align: right;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.header--ident .dropdown-menu {
  margin: 2px -5.3em 0;
}

@media screen and (min-width: 768px) {
  .header--ident .dropdown-menu {
    margin: 2px -1.2em 0;
  }
}

.header--ident > div {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 340px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.identifiedEvd .header--ident > div {
  width: initial;
}

@media (min-width: 992px) {
  .identifiedEvd .header--ident > div {
    width: 600px;
  }
}

.header--ident a {
  color: #333333;
}

.header--ident a:hover {
  color: #283583;
}

#espace-client {
  color: #fff;
}

#search--mobile {
  margin-top: 1em;
}

@media (min-width: 768px) {
  #search--mobile .input-group-btn {
    width: 1%;
  }
}

#search--web {
  padding-right: 0px;
  /*float: none !important;*/
  width: 160px;
  /*right: 0px;
    position: absolute;*/
}

#ident {
  /*margin-left:15px;
    margin-right:15px;*/
  margin-bottom: 10px;
}

#login, #deconnexion {
  padding: 6px 18px;
  background: #283583;
  color: white;
  font-size: 14px;
  display: inline-block;
  width: 160px;
  text-align: center;
}

#login:hover, #login:focus, #deconnexion:hover, #deconnexion:focus {
  text-decoration: none !important;
  background: #222d6f;
}

#login-mobile {
  color: #283583;
  font-size: 14px;
}

[id^="search--"] .input-group .form-control {
  /*border-top-left-radius: 3px; 
  border-bottom-left-radius: 3px;*/
  border-right: none;
  height: 34px;
}

.dxFirefox [id^="search--"] .input-group .form-control, .ie11 [id^="search--"] .input-group .form-control {
  height: 35px;
}

.header--ident .search__launch-search {
  height: 34px;
  color: #E31837 !important;
}

/*[id^="search--"] .input-group .input-group-btn button {
  background-color: #FFF;
  color: $c-site2!important;
  
}
.search__launch-search{
    padding: 6px 12px 7px;
}*/
/*.header--ident {
                        display: flex;
                        flex-flow: column wrap;
                        justify-content: flex-end;
                        align-items: flex-end;
                        //margin-top: 3.3em;
                        .identified & {
                            margin-top: 1em;
                        }

                        & > *:not(.actions3) {
                            margin-top: 0.4em;
                        }

                        .btn-link {
                            color: $c-site1;
                        }

                        a {
                            color: $c-site1;
                        }

                        .actions1 {
                            order: 2;
                        }

                        .actions2 {
                            order: 3;

                            & > *:last-child {
                                margin-left: $v-large;
                            }
                        }

                        .actions3 {
                            order: 1;
                        }

                        @media screen and (min-width: $screen-sm-min) {
                            flex-flow: row wrap;
                            align-items: center;

                            & > * {
                                margin-left: $v-large;
                            }

                            .actions1 {
                                order: 1;
                            }

                            .actions2 {
                                order: 2;
                            }

                            .actions3 {
                                order: 3;
                            }
                        }

                        .search__input,
                        .search__launch-search {
                            border: none 0 transparent;
                            box-shadow: none;
                            background-color: $c-grayE; // transparent ?
                        }

                        .search__input {
                            width: 0;
                            transition: width 250ms ease-in-out;

                            &:hover,
                            &:focus,
                            &:active {
                                width: 8em;
                            }
                        }

                        .search__launch-search {
                            height: 34px;
                            color: $c-site2;
                        }

                        .user-actions {
                            a {
                                color: $c-site3;

                                &:hover {
                                    color: $c-site3;
                                }
                            }

                            .dropdown-menu {
                                left: calc(-100% + 24px);

                                @media screen and (min-width: $screen-sm-min) {
                                    left: 0;
                                }
                            }
                        }

                        .txt-rouge {
                            color: $c-textRouge;

                            &:hover {
                                color: $c-textRouge !important;
                                background-color: transparentize($c-textRouge, 0.75);
                            }
                        }
                    }*/
.header--actions {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-top: 3.4em;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .header--actions {
    margin-top: -1rem;
    width: auto;
  }
  .ie11 .header--actions {
    margin-left: 144px;
  }
}

.header__panier:hover,
.header__contact:hover {
  color: #283583;
}

#icn-menu {
  position: relative;
  margin-top: 8px;
  margin-bottom: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#icn-menu, #icn-menu::before, #icn-menu::after {
  display: block;
  width: 25px;
  height: 3px;
  background-color: #283583;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

#icn-menu::before, #icn-menu::after {
  position: absolute;
  content: "";
}

#icn-menu::before {
  top: -8px;
}

#icn-menu::after {
  top: 8px;
}

#icn-menu.active {
  background-color: transparent;
}

#icn-menu.active::before {
  -webkit-transform: translateY(8px) rotate(45deg);
  -ms-transform: translateY(8px) rotate(45deg);
  transform: translateY(8px) rotate(45deg);
}

#icn-menu.active::after {
  -webkit-transform: translateY(-8px) rotate(-45deg);
  -ms-transform: translateY(-8px) rotate(-45deg);
  transform: translateY(-8px) rotate(-45deg);
}

.navbar-sobeval .navbar-toggle {
  float: none;
}

.navbar-sobeval .niv1 > .dropdown-menu > .show-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.navbar-sobeval .niv1 > .dropdown-menu > .show-grid .niv2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 400px) {
  .navbar.navbar-sobeval {
    background: transparent;
  }
}

/*
 * *
 *   * Theme Bootstrap 2019
 *   * @version 06/03/2020 10:09:09
 *   * @author : SD
 *   * @description : fichier centralisant les styles du menu
 *   * @projet : coc
 * /
 */
/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 1 : 10 / 2019
 * @author : SD
 * @description : styles du footer
 * @projet : Elevage Van Drie (of Sobeval)
 */
/* Menu 1er niveau ouvert */
/* items actifs */
/* item */
/* item actif */
/* item ouvert */
/* headers */
/* liens "normaux" */
/* description de l'item */
.navbar.navbar-vandrie {
  margin-bottom: 0;
  background-color: transparent;
  /* Navbar text */
}

.hpi .navbar.navbar-vandrie {
  background-color: transparent;
}

.navbar.navbar-vandrie .navbar-text {
  color: #595959;
}

.navbar.navbar-vandrie a.navbar-link {
  color: #333333;
  background-color: transparent;
  /* Navbar regular link */
}

.navbar.navbar-vandrie a.navbar-link:hover, .navbar.navbar-vandrie a.navbar-link:focus {
  color: #283583;
  background-color: transparent;
}

.navbar.navbar-vandrie .navbar-brand {
  color: #333333;
  background-color: transparent;
  /* Navbar brand */
}

.navbar.navbar-vandrie .navbar-brand:hover, .navbar.navbar-vandrie .navbar-brand:focus {
  color: #283583;
  background-color: transparent;
}

.navbar.navbar-vandrie .navbar-toggle {
  width: 2em;
  margin: 0.5em 1em 0;
  padding: 0;
}

/* Navbar dividers */
.navbar.navbar-vandrie .navbar-nav > li.divider {
  background-color: white;
}

/* Navbar default buttons */
.navbar.navbar-vandrie .btn-default {
  color: #aaaaaa;
  background-color: #aaa;
  border-color: #aaa;
}

.navbar.navbar-vandrie .btn-default:hover, .navbar.navbar-vandrie .btn-default:focus, .navbar.navbar-vandrie .btn-default:active, .navbar.navbar-vandrie .btn-default.active {
  color: white;
  background-color: white;
  border-color: #373737;
}

/* Navbar form-control */
.navbar.navbar-vandrie .form-control {
  color: #666;
  background-color: #fff;
  border-color: #aaa;
}

.navbar.navbar-vandrie .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(55, 55, 55, 0.9), 0 0 5px rgba(94, 93, 93, 0.2);
          box-shadow: inset 0 1px 1px rgba(55, 55, 55, 0.9), 0 0 5px rgba(94, 93, 93, 0.2);
}

/* Navbar placeholder */
.navbar.navbar-vandrie input::-webkit-input-placeholder,
.navbar.navbar-vandrie textarea::-webkit-input-placeholder {
  color: #aaa;
}

.navbar.navbar-vandrie input::-moz-placeholder,
.navbar.navbar-vandrie textarea::-moz-placeholder {
  color: #aaa;
}

.navbar.navbar-vandrie input:-ms-input-placeholder,
.navbar.navbar-vandrie textarea:-ms-input-placeholder {
  color: #aaa;
}

.navbar.navbar-vandrie input:-moz-placeholder,
.navbar.navbar-vandrie textarea:-moz-placeholder {
  color: #aaa;
}

/* Navbar onhover */
.navbar.navbar-vandrie .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover > a,
.navbar.navbar-vandrie.dropdown-onhover .navbar-nav > li:hover > a[class*="dropdown"] {
  background-color: white;
}

/* Navbar menu (.navbar-nav > li > a) */
.navbar.navbar-vandrie .navbar-nav > li {
  padding: 0 0.5em !important;
  border: none;
}

@media all and (min-width: 992px) and (max-width: 1200px) {
  .navbar.navbar-vandrie .navbar-nav > li {
    padding: 0 0.5em !important;
    font-size: 0.85em;
  }
}

.navbar.navbar-vandrie .navbar-nav > li > a {
  position: relative;
  color: #283583;
  background-color: transparent;
  font-size: 1.5em;
  font-weight: 700;
  border-bottom: none;
  text-transform: uppercase;
}

@media all and (min-width: 768px) {
  .navbar.navbar-vandrie .navbar-nav > li > a {
    font-size: 1em;
    color: #283583 !important;
  }
}

.navbar.navbar-vandrie .navbar-nav > li:hover > a {
  background-color: #e6e8f7;
}

.navbar.navbar-vandrie .navbar-nav > li.active > a {
  background-color: #e6e8f7;
}

.navbar.navbar-vandrie .navbar-nav > li.active:hover > a {
  background-color: #e6e8f7;
}

.navbar.navbar-vandrie .navbar-nav > li.open > a {
  background-color: #e6e8f7;
}

.navbar.navbar-vandrie .navbar-nav > li.open:hover > a {
  background-color: #e6e8f7;
}

.navbar.navbar-vandrie .navbar-nav > li.disabled > a {
  color: #262626;
  background-color: #fff;
}

.navbar.navbar-vandrie .navbar-nav > li.disabled:hover > a {
  color: #262626;
  background-color: #fff;
}

@media all and (min-width: 768px) {
  .navbar.navbar-vandrie .navbar-nav > li > a {
    position: relative;
    color: #333333;
    background-color: transparent;
    font-size: 1em;
    font-weight: 400;
  }
  .navbar.navbar-vandrie .navbar-nav > li > a::after {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    bottom: -2px;
    left: 0;
    border: none !important;
    background-color: #283583;
    -webkit-transition: height 250ms ease-in-out;
    transition: height 250ms ease-in-out;
  }
  .navbar.navbar-vandrie .navbar-nav > li:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.active > a,
  .navbar.navbar-vandrie .navbar-nav > li.open > a,
  .navbar.navbar-vandrie .navbar-nav > li.active:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.open:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.mega-selected > a {
    background-color: #f2f2f2;
  }
  .navbar.navbar-vandrie .navbar-nav > li:hover > a::after,
  .navbar.navbar-vandrie .navbar-nav > li.active > a::after,
  .navbar.navbar-vandrie .navbar-nav > li.open > a::after,
  .navbar.navbar-vandrie .navbar-nav > li.active:hover > a::after,
  .navbar.navbar-vandrie .navbar-nav > li.open:hover > a::after,
  .navbar.navbar-vandrie .navbar-nav > li.mega-selected > a::after {
    height: 0px;
  }
}

@media (min-width: 992px) {
  /* Navbar menu no fix on click */
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix > a {
    color: #333333;
    background-color: transparent;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li:hover > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix:hover > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.active > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.active > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.active > a {
    color: #283583;
    background-color: #222d6f;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.active:hover > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.active:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.active:hover > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.active.open > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.active.open > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.active.open > a {
    color: #283583;
    background-color: #222d6f;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.open > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.open > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.open > a {
    color: #333333;
    background-color: transparent;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.open:hover > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.open:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.open:hover > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.disabled > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.disabled > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.disabled > a {
    color: #262626;
    background-color: #fff;
  }
  .navbar.navbar-vandrie.dropdown-onhover.no-fix .navbar-nav > li.disabled:hover > a,
  .navbar.navbar-vandrie .navbar-nav.dropdown-onhover.no-fix > li.disabled:hover > a,
  .navbar.navbar-vandrie .navbar-nav > li.dropdown-onhover.no-fix.disabled:hover > a {
    color: #262626;
    background-color: #fff;
  }
  /*Navbar menu with fix on click*/
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix) > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix) > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix) > a {
    color: #333333;
    background-color: transparent;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix):hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix):hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix):hover > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).active > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).active > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).active > a {
    color: #283583;
    background-color: #222d6f;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).active:hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).active:hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).active:hover > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).open > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).open > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).open > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).open:hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).open:hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).open:hover > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).disabled > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).disabled > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).disabled > a {
    color: #262626;
    background-color: #fff;
  }
  .navbar.navbar-vandrie.dropdown-onhover:not(.no-fix) .navbar-nav:not(.no-fix) > li:not(.no-fix).disabled:hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav.dropdown-onhover:not(.no-fix) > li:not(.no-fix).disabled:hover > a,
  .navbar.navbar-vandrie:not(.no-fix) .navbar-nav:not(.no-fix) > li.dropdown-onhover:not(.no-fix).disabled:hover > a {
    color: #262626;
    background-color: #fff;
  }
}

/* Navbar active & open arrows */
@media (min-width: 992px) {
  .navbar.navbar-vandrie:not(.no-border).dropdown-onhover .navbar-nav > li:hover > a,
  .navbar.navbar-vandrie:not(.no-border) .navbar-nav.dropdown-onhover > li:hover > a,
  .navbar.navbar-vandrie:not(.no-border) .navbar-nav li.dropdown-onhover:hover > a {
    border-color: transparent;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > .active > a:before {
    border-top-color: transparent;
    display: none;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > .open > a:before,
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom):not(.no-border) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before {
    border-bottom-color: #e6e8f7;
    top: 2.5em;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom):not(.no-border).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
    border-bottom-color: transparent;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom) .navbar-nav > .active > a:after {
    border-top-color: #222d6f;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom) .navbar-nav > .active:hover > a:after {
    border-top-color: #222d6f;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom) .navbar-nav > .open > a:after,
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after {
    border-bottom-color: #283583;
  }
  .navbar.navbar-vandrie:not(.navbar-fixed-bottom).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
    border-bottom-color: #283583;
  }
  .navbar.navbar-vandrie.navbar-fixed-bottom:not(.no-border) .navbar-nav > .active > a:before {
    border-bottom-color: transparent;
  }
  .navbar.navbar-vandrie.navbar-fixed-bottom:not(.no-border) .navbar-nav > .open > a:before,
  .navbar.navbar-vandrie.navbar-fixed-bottom:not(.no-border) .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:before,
  .navbar.navbar-vandrie.navbar-fixed-bottom:not(.no-border) .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:before {
    border-top-color: transparent;
  }
  .navbar.navbar-vandrie.navbar-fixed-bottom:not(.no-border).dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:before {
    border-top-color: transparent;
  }
  .navbar.navbar-vandrie.navbar-fixed-bottom .navbar-nav > .active > a:after {
    border-bottom-color: #222d6f;
  }
  .navbar.navbar-vandrie.navbar-fixed-bottom .navbar-nav > .open > a:after,
  .navbar.navbar-vandrie.navbar-fixed-bottom .navbar-nav > li.dropdown-onhover:not(.disabled):hover > a:after,
  .navbar.navbar-vandrie.navbar-fixed-bottom .navbar-nav.dropdown-onhover > li:not(.disabled):hover > a:after {
    border-top-color: #283583;
  }
  .navbar.navbar-vandrie.navbar-fixed-bottom.dropdown-onhover .navbar-nav > li:not(.disabled):hover > a:after {
    border-top-color: #283583;
  }
}

/* Menu */
.navbar.navbar-vandrie .dropdown-menu {
  background: rgba(40, 53, 131, 0.95);
  color: #000;
  border-color: transparent;
  -webkit-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 9px 12px rgba(0, 0, 0, 0.3);
}

/* Menu onhover */
.navbar.navbar-vandrie .navbar-nav > li[class*="dropdown"].dropdown-onhover:hover,
.navbar.navbar-vandrie .navbar-nav.dropdown-onhover > li[class*="dropdown"]:hover,
.navbar.navbar-vandrie.dropdown-onhover .navbar-nav > li[class*="dropdown"]:hover {
  background-color: #222d6f;
}

/* Menu description */
.navbar.navbar-vandrie a > span.desc {
  color: #d9d9d9;
}

.navbar.navbar-vandrie a:hover > span.desc {
  color: #d9d9d9;
}

/* Menu default buttons */
.navbar.navbar-vandrie .dropdown-menu .btn-default {
  color: #FFF;
  background-color: #ddd;
  border-color: #aaa;
}

.navbar.navbar-vandrie .dropdown-menu .btn-default:hover, .navbar.navbar-vandrie .dropdown-menu .btn-default:focus, .navbar.navbar-vandrie .dropdown-menu .btn-default:active, .navbar.navbar-vandrie .dropdown-menu .btn-default.active {
  color: white;
  background-color: white;
  border-color: #3a4dbe;
}

/* Menu dropdown-header*/
.navbar.navbar-vandrie .dropdown-menu li.dropdown-header,
.navbar.navbar-vandrie .dropdown-menu .dropdown-header {
  display: inline-block;
  width: 100%;
  border-bottom: 0px solid #283583;
  color: #FFF;
  font-size: 0.95em;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
}

/* Menu regular link*/
.navbar.navbar-vandrie *:not(li) > a {
  color: #FFF;
}

.navbar.navbar-vandrie *:not(li) > a:hover {
  color: #2e3d97;
}

/* Menu Items link */
.navbar.navbar-vandrie .nav > li > a {
  padding: 0.7em;
}

.navbar.navbar-vandrie .dropdown-menu > li > a {
  color: #FFF;
  background-color: transparent;
  padding: 0.625em 0.60em;
}

.navbar.navbar-vandrie .dropdown-menu > li > a:hover {
  color: #FFF;
  background-color: #222d6f;
}

/* Menu not collapsible */
.navbar.navbar-vandrie .navbar-nav > li .dropdown-menu:not([class*="collaps"]) {
  color: #000;
  border-color: transparent;
  -webkit-box-shadow: 0 9px 12px rgba(0, 0, 0, 0.3);
          box-shadow: 0 9px 12px rgba(0, 0, 0, 0.3);
  padding: 0;
}

@media all and (min-width: 768px) {
  .navbar.navbar-vandrie .navbar-nav > li .dropdown-menu:not([class*="collaps"]) {
    padding: 1em;
    margin-top: -1px;
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
  }
}

.navbar.navbar-vandrie .navbar-nav > li .dropdown-menu:not([class*="collaps"]) * {
  /*color: #FFF!important;*/
}

/* Menu shadow */
.navbar.navbar-vandrie.navbar-fixed-bottom .navbar-nav > li .dropdown-menu:not([class*="collaps"]) {
  -webkit-box-shadow: 0 -9px 12px rgba(0, 0, 0, 0.3);
  box-shadow: 0 -9px 12px rgba(0, 0, 0, 0.3);
}

/* Menu forms menu */
.navbar.navbar-vandrie .dropdown-menu .form-control {
  color: #aaa;
  background-color: #fff;
  border-color: #aaa;
}

.navbar.navbar-vandrie .dropdown-menu .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(170, 170, 170, 0.9), 0 0 5px rgba(113, 127, 211, 0.2);
  box-shadow: inset 0 1px 1px rgba(170, 170, 170, 0.9), 0 0 5px rgba(113, 127, 211, 0.2);
}

/* Menu form placeholder */
.navbar.navbar-vandrie .dropdown-menu input::-webkit-input-placeholder,
.navbar.navbar-vandrie .dropdown-menu textarea::-webkit-input-placeholder {
  color: #aaa;
}

.navbar.navbar-vandrie .dropdown-menu input::-moz-placeholder,
.navbar.navbar-vandrie .dropdown-menu textarea::-moz-placeholder {
  color: #aaa;
}

.navbar.navbar-vandrie .dropdown-menu input:-ms-input-placeholder,
.navbar.navbar-vandrie .dropdown-menu textarea:-ms-input-placeholder {
  color: #aaa;
}

.navbar.navbar-vandrie .dropdown-menu input:-moz-placeholder,
.navbar.navbar-vandrie .dropdown-menu textarea:-moz-placeholder {
  color: #aaa;
}

/* Menu links */
.navbar.navbar-vandrie .navbar-nav .dropdown-menu > li[class*="-onhover"],
.navbar.navbar-vandrie .navbar-nav .dropdown-menu > li[class*="-onclick"] {
  color: #FFF;
  background-color: transparent;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu > li[class*="-onhover"]:hover > a,
.navbar.navbar-vandrie .navbar-nav .dropdown-menu > li[class*="-onclick"]:hover > a {
  color: #FFF;
  background-color: #222d6f;
  text-decoration: none;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li:not(.list-group) > a {
  color: #FFF;
  background-color: transparent;
  padding-left: 0.5em;
  padding: 10px;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li:not(.list-group) > a:hover {
  color: #FFF;
  background-color: #222d6f;
  text-decoration: none;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.active > a {
  color: #FFF;
  background-color: #222d6f;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.active > a:hover {
  color: #FFF;
  background-color: #222d6f;
  text-decoration: none;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li[class*="-onhover"] > a:hover {
  color: #FFF;
  background-color: #222d6f;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.open > a,
.navbar.navbar-vandrie .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed) {
  color: #FFF;
  background-color: #222d6f;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.open > a:hover,
.navbar.navbar-vandrie .navbar-nav .dropdown-menu li:not(.no-fix) > a.dropdown-toggle:not(.collapsed):hover {
  color: #FFF;
  background-color: #222d6f;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.disabled > a {
  color: #bfbfbf;
  background-color: transparent;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.disabled > a > span.desc {
  color: #999999;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.disabled > a:hover > span.desc {
  color: #999999;
}

.navbar.navbar-vandrie .navbar-nav .dropdown-menu li.disabled > a:hover {
  color: #bfbfbf;
  background-color: transparent;
}

/* Menu bordered */
.navbar.navbar-vandrie .navbar-nav li:not(.dropdown) > .dropdown-menu.bordered:not(.no-padding):after,
.navbar.navbar-vandrie .navbar-nav li:not(.dropdown) > .dropdown-grid-wrapper > .dropdown-menu.bordered:not(.no-padding):after {
  outline-color: #3445aa;
}

/* Menu dividers */
.navbar.navbar-vandrie .dropdown-menu li.divider,
.navbar.navbar-vandrie .v-divided > *:before,
.navbar.navbar-vandrie .v-divided > *:after,
.navbar.navbar-vandrie .h-divided > *:after,
.navbar.navbar-vandrie .h-divided > *:first-child:before,
.navbar.navbar-vandrie .h-divider:after {
  background-color: #3445aa;
}

.navbar.navbar-vandrie .divided > *:before {
  border-color: #3445aa;
}

/* Only for small devices */
@media (max-width: 992px) {
  /* Force menu show on small devices on mouse hover */
  .navbar.navbar-vandrie .navbar-nav li.xs-hover > a {
    color: #333333;
    background-color: transparent;
  }
  .navbar.navbar-vandrie .navbar-nav li.xs-hover > a:hover {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie .navbar-nav li.xs-hover.open:not(.no-fix) > a {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie .navbar-nav li.xs-hover.open:not(.no-fix) > a:hover {
    color: #283583;
    background-color: white;
  }
  .navbar.navbar-vandrie .navbar-nav li.xs-hover.no-fix > a {
    color: #333333;
    background-color: transparent;
  }
  .navbar.navbar-vandrie .navbar-nav li.xs-hover.no-fix > a:hover {
    color: #283583;
    background-color: white;
  }
  /* Navbar dividers */
  .navbar.navbar-vandrie .navbar-collapse {
    margin-top: 3.8em;
  }
}

@media all and (max-width: 992px) and (min-width: 768px) {
  .navbar.navbar-vandrie .navbar-collapse {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  .navbar.navbar-vandrie .navbar-collapse > .navbar-form,
  .navbar.navbar-vandrie .navbar-collapse > a.navbar-link,
  .navbar.navbar-vandrie .navbar-collapse > .navbar-text,
  .navbar.navbar-vandrie .navbar-collapse .navbar-nav > .navbar-form,
  .navbar.navbar-vandrie .navbar-collapse .navbar-nav > li,
  .navbar.navbar-vandrie .navbar-collapse .navbar-nav > .navbar-text,
  .navbar.navbar-vandrie .navbar-collapse .navbar-nav > a.navbar-link,
  .navbar.navbar-vandrie .navbar-collapse .navbar-nav > .navbar-form {
    border-bottom-color: #ababab !important;
    border-bottom-style: hidden;
  }
  /* Menu dividers */
  .navbar.navbar-vandrie .navbar-nav .dropdown-menu .divider {
    background-color: #3445aa;
  }
  .navbar.navbar-vandrie .navbar-nav > li > .dropdown-grid-wrapper > .dropdown-menu,
  .navbar.navbar-vandrie .navbar-nav > li > .dropdown-menu {
    -webkit-box-shadow: 0 -1px 0 transparent !important;
    box-shadow: 0 -1px 0 transparent !important;
  }
}

.menu-tabs {
  background: #000;
}

.navbar-collapse.in,
.navbar-collapse.collapsing {
  background-color: #e6e8f7;
}

@media all and (min-width: 768px) {
  .navbar-collapse.in,
  .navbar-collapse.collapsing {
    background-color: #eee;
  }
}

.navbar {
  border: 0;
}

.navbar .navbar-nav > li:not(.dropdown-short)[class*="dropdown-"] {
  position: relative;
}

/**
  * Theme Bootstrap 2017
  * @version du 22/03/2018 09:48:38
  * @projet : cms étalon
  * @author : SD
  * @description : styles de mise en page de la partie centrale du site
*/
iframe {
  border: none;
}

.pull-out.pull-out-magenta, .pull-out.pull-out-magenta .pull-out-button, .pull-out.pull-out-magenta .pull-out-button-click, .pull-out.pull-out-magenta .pull-out-content {
  background-color: #283583;
}

.pull-out.pull-out-blue, .pull-out.pull-out-blue .pull-out-button, .pull-out.pull-out-blue .pull-out-button-click, .pull-out.pull-out-blue .pull-out-content {
  background-color: #E31837;
}

#page {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ie11 #page {
  display: block;
}

.contenu {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  height: initial !important;
  margin: 120px 0px;
}

@media all and (min-width: 768px) {
  .contenu {
    margin: 0 0;
  }
}

.ie11 .contenu {
  height: auto;
}

.contenu .sur--login {
  margin-top: 0px !important;
  background: pink;
}

#centre {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: initial !important;
  margin-top: 176px;
}

@media all and (min-width: 768px) {
  #centre {
    margin-top: 268px;
  }
}

.EmptyMaster #centre {
  margin-top: 0;
}

.ie11 #centre {
  height: auto;
}

.hpi #centre {
  margin-top: 0;
}

.full--width {
  margin: 0 -15px 0 -15px !important;
}

.cartouche {
  font-size: 0.75em;
  padding-left: 0.5em;
  color: #aaa;
  border-left: 0.25em solid #ccc;
}

.cartouche p {
  margin: 0;
}

.category-page--title {
  position: relative;
  background: #fff;
  width: 100%;
  height: 3em;
}

.category-page--title::after {
  display: block;
  content: " ";
  position: absolute;
  bottom: 5%;
  left: 15%;
  height: 2em;
  width: 70%;
  border-radius: 500%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.lateral-page--title {
  position: relative;
  background: #fff;
  width: 100%;
  height: 3em;
  z-index: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.lateral-page--title::after {
  display: block;
  content: " ";
  position: absolute;
  bottom: 15%;
  left: 15%;
  height: 2em;
  width: 70%;
  border-radius: 500%;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  z-index: -1;
}

.vignette-img {
  z-index: 5;
}

.vignette {
  background-color: #179146;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
}

.vignette *:not(a) {
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.vignette:hover .vignette-argu {
  padding-top: 0.5em;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transform: translate3d(0, -10em, 0);
          transform: translate3d(0, -10em, 0);
}

.vignette:hover .argu-titre {
  color: #fff;
}

.vignette:hover .argu-texte {
  padding-top: 0;
  padding-bottom: 20em;
}

.vignette .vignette-argu {
  padding: 0 0.5em;
  background-color: transparent;
  z-index: 1000;
}

.vignette .argu-titre {
  margin-left: 0.5em;
  font-size: 2em;
}

.vignette .argu-texte {
  padding-top: 20em;
  color: #fff;
}

@media screen and (max-width: 990px) {
  .vignette .argu-titre {
    font-size: 1.85em;
    letter-spacing: 0.005em;
  }
}

@media screen and (max-width: 768px) {
  .vignette .argu-titre {
    font-size: 1.5em;
    letter-spacing: 0.005em;
  }
}

@media screen and (min-width: 1200px) {
  .vignette {
    height: 300px;
  }
}

.SommaireContent {
  text-align: right;
  padding-right: 2em;
}

.SommaireContent #btn-show .material-icons {
  font-size: 2.3em;
}

.Sommaire {
  display: none;
}

.divViewNode1 > .Sommaire {
  display: block;
}

.Sommaire .Sommaire__list {
  list-style: none;
}

.Sommaire .Sommaire__list .Sommaire__item .SommaireFiche {
  position: relative;
}

.Sommaire .Sommaire__list .Sommaire__item .SommaireFiche::before {
  position: absolute;
  display: block;
  top: 0;
  width: inherit;
  height: inherit;
  left: inherit;
  right: auto;
  content: "";
  font-family: "FontAwesome", serif;
  font-size: inherit;
  color: inherit;
  left: -1.5em;
}

.Sommaire .Sommaire__list .Sommaire__item .SommaireFiche:hover::before {
  content: '\f15c';
}

.Sommaire .Sommaire__list .Sommaire__item .SommaireDossier {
  position: relative;
}

.Sommaire .Sommaire__list .Sommaire__item .SommaireDossier::before {
  position: absolute;
  display: block;
  top: 0;
  width: inherit;
  height: inherit;
  left: inherit;
  right: auto;
  content: "";
  font-family: "FontAwesome", serif;
  font-size: inherit;
  color: inherit;
  left: -1.5em;
}

.Sommaire .Sommaire__list .Sommaire__item .SommaireDossier:hover::before {
  content: '\f115';
}

#ViewNode10 .auditQuestionTable .ReadOnlyQuestion.auditQuestionBody {
  font-weight: bold;
  text-align: left;
}

/*
            STRUCTURE DU RUBSEUR 
    /!\ A MANIPULER AVEC PRECAUTION ET MODERATION /!\
*/
.RubseurContener {
  width: 760px;
  height: 120px;
  margin-top: 0px;
}

.RubseurValueGaucheRubs, .RubseurFond, .RubseurValueDroiteRubs {
  height: 60px;
  width: 50px;
  float: left;
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
  margin-top: 30px;
}

.RubseurValueGaucheRubs {
  text-align: right;
  padding-top: 20px;
  padding-bottom: 0px;
  padding-right: 5px;
}

.RubseurValueDroiteRubs {
  text-align: left;
  padding-top: 20px;
  padding-bottom: 0px;
  padding-left: 5px;
}

.RubseurFond {
  width: 620px;
  background-color: #6CB92B;
}

.RubseurFond.CouleurFond3 {
  background-color: #6CB92B;
}

.RubseurFond.CouleurFond4 {
  background-color: #F1CF58;
}

.RubseurFond.CouleurFond5 {
  background-color: #B3DFFB;
}

.RubseurFond.CouleurFond6 {
  background-color: #D2D2D2;
}

.RubseurValue, .RubseurEtiquetteTop, .RubseurEtiquetteBottom {
  position: absolute;
  margin-top: 30px;
  width: 51px;
  height: 60px;
  text-align: center;
  display: table-cell;
  background-color: transparent;
  margin-left: 82px;
  font-size: 11px;
  line-height: 11px;
}

.RubseurValue {
  color: #333333;
}

.RubseurValue b {
  font-weight: bold;
}

.RubseurBottom {
  font-size: 11px;
  line-height: 11px;
}

.RubseurEtiquetteTop {
  height: 30px;
  margin-top: 0px;
}

.RubseurEtiquetteBottom {
  height: 30px;
  margin-top: 90px;
}

.RubseurBottom {
  margin: 0;
  padding: 0;
  bottom: 0;
  position: absolute;
}

/**
  * Theme Bootstrap 2017
  * @version du 22/03/2018 09:48:38 
  * @author : SD
  * @description : fichier centralisant les styles du footer
  * @projet : cms étalon
*/
.footer--wrap {
  background-color: #283583;
}

#footer {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #fff;
}

#footer a {
  color: #fff;
}

.footer--header,
.footer--list1 {
  font-family: "Raleway", sans-serif;
}

.footer--header {
  font-size: 2em;
  margin-top: 0;
  color: #ffffff;
}

.footer--logo {
  display: block;
  margin-top: 2em;
  margin-left: 2em;
}

.footer--logo img {
  max-width: 100%;
}

.footer--list1 {
  list-style-type: none;
  font-size: 1.5em;
  line-height: 1.5;
  margin-top: 1.4em;
  margin-left: 1.8em;
}

@media screen and (max-width: 480px) {
  .footer--list1 {
    margin-top: 19px;
    margin-left: 0;
  }
}

.solutions-list {
  list-style-type: none;
}

.solutions-list li a {
  position: relative;
  padding-left: 1em;
}

.solutions-list li a::before {
  content: '\f105';
  position: absolute;
  display: block;
  height: 1em;
  width: 1em;
  top: 0;
  left: 0;
  font-family: "FontAwesome", serif;
  font-size: 1em;
  color: #283583;
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

.solutions-list li a:hover::before {
  left: 0.60em;
}

.footer--address p {
  line-height: 0.7em;
}

.footer--address p:first-child {
  font-size: 1.2em;
}

/**
  * Theme Bootstrap 2017
  * @version du 22/03/2018 09:48:38 
  * @projet : Sobeval / Elevage Van Drie
  * @author : SD
  * @description : feuille de style de la page d'identification
*/
.identWeb {
  background-color: #eee;
}

.identWeb .ident-header {
  background: #EBEBEB;
  margin: 20px -3em 30px;
  padding: 1em 2em 0.5em;
  border-bottom: 1px solid #e5e5e5;
  color: #333333;
}

.identWeb .ident-header h4 {
  color: #283583 !important;
}

.identWeb .logo {
  max-width: 100%;
  margin: 0 auto 1em;
  display: block;
}

.identWeb .login--form {
  width: auto;
  max-width: 35em;
  min-height: 25em;
  padding: 3em;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #ddd;
}

.identWeb .login--form input {
  width: 100%;
}

.identWeb [id$="BtValider"] {
  border: none;
  background-color: #283583 !important;
  color: #FFF;
  font-family: "Raleway", sans-serif;
  padding: 0.5em 1em;
  margin-top: 0.5em;
  width: 100%;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

.identWeb [id$="BtValider"]:hover {
  background-color: #1c255c !important;
  color: #fff;
}

/**
  * Theme Bootstrap 2017
  * @version du 22/03/2018 09:48:38 
  * @projet : cms étalon
  * @author : SD
  * @description : styles de base du module catalogue
  * @note : la personnalisation se fait dans le fichier _catalogue_NOMDUPROJET.scss
*/
#filter__toggle {
  white-space: normal;
}

.btn-like {
  font-size: 1em !important;
  cursor: pointer;
}

#filterDiv .AvecSousFamille {
  position: relative;
  padding-right: 2em;
}

#filterDiv .AvecSousFamille::after {
  content: '\f0d7';
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  right: 0;
  top: 0.35em;
  font-family: "FontAwesome", serif;
  color: #283583;
}

.separateurNode {
  width: 100%;
  border-bottom: 1px solid #aaa;
}

.separateurNode .dx-vam {
  display: none !important;
}

.top_link {
  position: fixed;
  /*right: 20px;*/
  right: 2em;
  bottom: 3em;
  display: block;
  /*  display: none;*/
  padding: 0.5em;
  background: #283583;
  color: White !important;
  font-weight: bold;
  border-radius: 4px;
  opacity: 0.9;
  z-index: 2000;
}

@media all and (max-width: 768px) {
  .top_link {
    display: none;
  }
}

.search__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media all and (min-width: 768px) {
  [id$="tbSearchItem"] {
    max-width: 20em;
  }
}

@media all and (min-width: 480px) and (max-width: 992px) {
  [id*="tvFiltreFamille"] > div > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  [id*="tvFiltreFamille"] > div > ul li {
    width: 100%;
  }
}

.filter__header {
  position: relative;
}

.filter__header.btn {
  margin-top: 1em;
  padding-right: 2em;
}

.filter__header::after {
  content: '\f0d7';
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  right: 0.75em;
  top: 0.5em;
  font-family: "FontAwesome", serif;
  color: #283583;
}

@media all and (min-width: 480px) {
  .filter__header::after {
    content: '';
  }
}

[id$="lblSearch"],
[id$="ASPxLabel1"] {
  font-family: "Raleway", sans-serif;
  font-size: 1em !important;
  color: #283583;
}

[id$="lEnteteListeProduit"] {
  font-size: 1em !important;
}

#dataViewDiv table,
#dataViewDiv tr,
#dataViewDiv td {
  border: none;
}

[class$="dxdvFlowItemsContainer_"] {
  width: 100%;
}

.Catalogue {
  width: 100%;
  margin-left: 1em;
}

@media all and (min-width: 768px) {
  .Catalogue {
    margin-left: 0;
  }
}

.products__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media all and (min-width: 36em) {
  .products__grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-right: -0.9375em;
  }
}

.ie11 .products__grid {
  width: 100%;
}

@media all and (min-width: 768px) {
  .ie11 .products__grid {
    width: 765px;
  }
}

@media all and (min-width: 992px) {
  .ie11 .products__grid {
    width: 745px;
  }
}

@media all and (min-width: 1200px) {
  .ie11 .products__grid {
    width: 885px;
  }
}

.product {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 1.1em;
  padding: 0.25em;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.ie11 .product {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

@media all and (min-width: 36em) {
  .product {
    width: calc(50% - 1em);
    margin-right: 1em;
  }
  .product:nth-child(2n+2) {
    margin-right: 0;
  }
}

@media all and (min-width: 64em) {
  .product {
    width: calc(33% - 1em);
  }
  .product:nth-child(even) {
    margin-right: 1em;
  }
  .product:nth-child(3n+3) {
    margin-right: 0;
  }
}

@media all and (min-width: 75em) {
  .product {
    width: calc(25% - 1em);
    min-width: 207px;
  }
  .product:nth-child(even), .product:nth-child(3n+3) {
    margin-right: 1em;
  }
  .product:nth-child(4n+4) {
    margin-right: 0;
  }
}

.ie11 .product {
  display: block;
  padding-bottom: 10em;
  margin-bottom: 4em;
}

.product__title {
  padding: 0.5em;
  font-weight: 700;
}

.product__details,
.product__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.product__details > *,
.product__actions > * {
  margin-bottom: 0.25em;
  width: 100%;
}

.product__title,
.product__vignette,
.product__actions {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.product__vignette {
  max-height: 250px;
  overflow: hidden;
}

.product__details {
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
}

.detail__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.product__details .detail__item:empty {
  display: none;
}

.product__details .product__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.product__details .price__unit {
  font-size: 0.90em;
}

.product__details .price__value {
  font-size: 2em;
  font-weight: bold;
}

.product__details .product__unite--priceht {
  text-align: right;
}

.product__details .unite--price, .product__details .price__nonpromo {
  font-size: 2em;
  font-weight: bold;
  color: #283583;
}

.product__details .product__conditioning {
  font-size: 0.80em;
}

.product__actions .detail__line {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.product__actions .addToCart {
  min-width: 5em;
}

@media all and (min-width: 992px) {
  .product__actions .addToCart {
    min-width: inherit;
  }
}

.product__actions .btn {
  font-size: 1.25em;
}

.product__actions .product__info,
.product__actions .product__info [class$="dxeBase_"] {
  font-size: 1.1em;
  color: #fff !important;
}

.ie11 .product__actions {
  position: absolute;
  display: block;
  width: 100%;
  height: 4em;
  bottom: 5em;
  left: 0;
  padding: 0.25em;
}

#divDetailProduit .product__actions,
#divDetailProduit .product__details {
  padding: 0.5em;
}

.ze-spinner button, .ze-spinner input {
  position: relative;
  height: 34px;
  width: 4em;
  margin: 0;
  float: left;
  border: 1px solid gray;
  margin-left: -1px;
  vertical-align: middle;
  background-color: #fff;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ze-spinner input {
  text-align: center;
}

.ze-spinner button {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  width: 2.5em;
  text-align: center;
}

.ze-spinner button:hover {
  color: #fff;
  background-color: #5cb85c;
}

.totalHT {
  font-size: 2em;
  font-weight: bold;
  color: #283583;
}

#table__validation {
  border: none;
}

#table__validation thead,
#table__validation thead tr,
#table__validation thead th {
  background-color: #283583;
  border: none;
}

@media all and (max-width: 992px) {
  #table__validation thead,
  #table__validation thead tr,
  #table__validation thead th {
    font-size: 0.9em;
    overflow-wrap: break-word;
  }
}

#table__validation tbody {
  border: none;
}

#table__validation tbody tr, #table__validation tbody td {
  border: none;
}

#table__validation tbody tr:nth-child(odd) {
  background-color: rgba(40, 53, 131, 0.15);
}

/**
  * Theme Bootstrap 2017
  * @version du 22/03/2018 09:53:11  
  * @projet : cms étalon
  * @author : SD
  * @description : fichier de styles générique du catalogue
*/
.icns-promo {
  position: absolute;
  top: 0;
  right: -6px;
  width: 90px;
  height: 88px;
  background-image: url("images/Catalogue/icn-promo.png");
}

.icns-Nouveaute {
  position: absolute;
  top: 0;
  right: -6px;
  display: inline-block;
  width: 85px;
  height: 82px;
  margin-right: 5px;
  background-image: url("images/Catalogue/nouveaute.png");
  background-repeat: no-repeat;
}

.icns-TopVente {
  position: absolute;
  top: 0;
  right: -6px;
  display: inline-block;
  width: 76px;
  height: 73px;
  margin-right: 5px;
  background-image: url("images/Catalogue/top_vente.png");
  background-repeat: no-repeat;
}

.product__title {
  margin-top: 0;
  font-size: 1.5em;
  color: #283583;
}

#divDetailProduit {
  width: 93%;
}

#divDetailProduit h2 {
  font-weight: bold;
}

.spanFicheSecurite {
  cursor: pointer;
}

.price__nopromovalue {
  font-size: 0.8em;
  text-decoration: line-through;
  text-align: right;
}

.totalHT {
  font-size: 2em;
  font-weight: bold;
  color: #283583;
}

#catalogueProdAnimale {
  padding-top: 1em;
}

.product__libelle,
.price__value {
  color: #283583 !important;
}

#filterDiv .AvecSousFamille.dxtv-ndSel {
  background-color: #C7CBE3;
  color: #fff;
}

#filterDiv .AvecSousFamille.dxtv-ndHov::after {
  color: #fff;
}

#filterDiv .well {
  margin-top: 1em;
}

@media all and (min-width: 992px) {
  #filterDiv .well {
    margin-top: 0;
  }
}

#btn-panier {
  position: relative;
}

#btn-panier #lien-panier {
  margin: 2em;
}

@media all and (min-width: 768px) {
  #btn-panier #lien-panier {
    position: absolute;
    right: 0;
  }
}

.commande__total {
  font-size: 1.25em;
  font-weight: 700;
  text-align: right;
  color: #283583;
}

.product__info .dxeBase_isagriingenierie {
  color: #fff;
}

#hpSlider1,
#hpSlider2 {
  height: 780px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

#hpSlider1 .flickity-viewport,
#hpSlider2 .flickity-viewport {
  position: relative;
  overflow: hidden;
  height: 100%;
}

#hpSlider1 .flickity-viewport::before,
#hpSlider2 .flickity-viewport::before {
  display: block;
  content: '';
  width: 100%;
  padding-top: 29.0598290598%;
}

#hpSlider1 .flickity-slider,
#hpSlider2 .flickity-slider {
  top: 0;
}

#hpSlider1 .slider__item,
#hpSlider2 .slider__item {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#hpSlider1 .title__content,
#hpSlider2 .title__content {
  /*position: absolute;*/
  /*width: 100%;*/
  /*padding: 1em;*/
  /*bottom: 0;*/
}

#hpSlider1 .slider__hp-title,
#hpSlider2 .slider__hp-title {
  width: 328px;
  height: 328px;
  padding: 0.8em 1em;
  background-color: rgba(40, 53, 131, 0.43);
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  line-height: 1.4em;
}

@media all and (min-width: 768px) {
  #hpSlider1 .slider__hp-title,
  #hpSlider2 .slider__hp-title {
    font-size: 2em;
  }
  #hpSlider1 .slider__hp-title:empty,
  #hpSlider2 .slider__hp-title:empty {
    display: none;
  }
}

#hpSlider1 .slider__hp-title:empty,
#hpSlider2 .slider__hp-title:empty {
  display: none;
}

#hpSlider1 .slider__hp-title p,
#hpSlider2 .slider__hp-title p {
  padding: 0;
}

#hpSlider1 .flickity-page-dots,
#hpSlider2 .flickity-page-dots {
  bottom: 5px;
}

#hpSlider1 .flickity-page-dots .dot,
#hpSlider2 .flickity-page-dots .dot {
  background-color: #fff;
}

#hpSlider1 .flickity-prev-next-button,
#hpSlider2 .flickity-prev-next-button {
  background-color: transparent;
}

#hpSlider1 .flickity-prev-next-button svg .arrow,
#hpSlider2 .flickity-prev-next-button svg .arrow {
  fill: rgba(0, 0, 0, 0.6);
}

@media all and (min-width: 768px) {
  #hpSlider1 .title__content,
  #hpSlider2 .title__content {
    /*width: 50%;
            left: 5%;
            bottom: 2em;*/
  }
}

.message {
  display: none;
}

#submit-login {
  color: #666666;
}

.forget-password,
.request-password {
  font-size: 0.90em;
  line-height: 1;
  margin-bottom: 1em;
}

.forget-password:hover,
.request-password:hover {
  text-decoration: underline;
}

/*!
 * Copyright Isagri Ingenierie 2019
 * Theme Bootstrap 2019
 * @version 5 : 12 / 2019
 * @author : SD
 * @description :
 * @projet : ELEVAGE VAN DRIE
 */
#ModuleSpeedAction .panel__info.show {
  height: 17.5em !important;
}

#AuditPage .container-fluid, .PasswordForm #divContent {
  background-color: #e6e9f6;
  margin-left: -15px;
  margin-right: -15px;
  padding: 60px 10px;
}

@media all and (min-width: 992px) {
  #AuditPage .container-fluid, .PasswordForm #divContent {
    padding: 60px 100px;
  }
}

#AuditPage .container-fluid .form-group, .PasswordForm #divContent .form-group {
  width: 100%;
  margin: auto;
  text-align: left;
}

@media all and (min-width: 992px) {
  #AuditPage .container-fluid .form-group, .PasswordForm #divContent .form-group {
    width: calc(100% / 2);
    text-align: right;
  }
}

#AuditPage .container-fluid .form-group .HeaderGroup, .PasswordForm #divContent .form-group .HeaderGroup {
  margin-bottom: 4em;
  padding: 56px 0 15px;
  text-align: left;
  text-transform: initial;
  font-weight: 900 !important;
  font-size: 30px !important;
}

#AuditPage .container-fluid .form-group .HeaderGroup i, .PasswordForm #divContent .form-group .HeaderGroup i {
  display: none;
}

#AuditPage .control-label p:not(.texte-formulaire-normal) {
  color: #5E6AAF;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.13em;
}

#AuditPage .control-label p:not(.texte-formulaire-normal) em {
  font-weight: 500;
}

.input-group .form-control {
  border: 0;
}

#AuditPage .CMS_BottomMargin10 {
  width: inherit;
}

#AuditPage .CMS_BottomMargin10 .dxbButton_sobeval {
  width: inherit;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 800;
}

.panel-body * {
  font-family: "Raleway", sans-serif !important;
}

.dxgvControl_sobeval *, .dxmLite_sobeval *, .dxbButton_sobeval .dx-vam {
  font-family: "Raleway", sans-serif !important;
}

.dxr-itemHover {
  color: #FFF !important;
}

#divContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.divShow {
  display: block;
  margin-top: 20px;
}

.module__pa h1, .titre span, #AuditPage .titre, .titre, #divTitre {
  text-align: center !important;
  margin-bottom: 50px;
  display: block;
  /*letter-spacing: 0.15em;
    font-weight: 900;
    font-size: 44px;*/
}

/*table[class^=dxgvControl] |||| .CMS_VMargin10 * {
    margin: 0 auto;
}*/
.pa__title {
  color: #283583 !important;
}

#buttonBar div[class^=CMS_Bottom] {
  margin: 0 auto;
}

.form-group.row .col-sm-12 label {
  float: left;
}

.dxtcLite_sobeval > .dxtc-stripContainer {
  font-family: "Raleway", sans-serif;
}

.dxtcLite_sobeval > .dxtc-stripContainer .dxtc-activeTab, .dxtcLite_sobeval > .dxtc-stripContainer a:not(.btn):hover {
  background: #E31837;
  color: inherit !important;
}

.dxtcLite_sobeval > .dxtc-stripContainer .dxtc-tabHover, .dxtcLite_sobeval > .dxtc-stripContainer a:not(.btn):hover {
  background: #2e3d97;
  color: #FFF !important;
}

.module__calendar .event__date {
  font-family: "Raleway", sans-serif !important;
}

.module__calendar .event__date .day {
  font-weight: 500 !important;
}

.module__calendar .event__date .date, .module__calendar .event__date .month {
  font-weight: 600 !important;
}

.module__calendar .event__date .year {
  font-size: 1.5em !important;
}

.module__calendar .event__infos h1.event__title {
  text-align: left;
}

.module__calendar .event__infos h4.event__place {
  font-size: 1.1em;
  margin: 0.2em auto !important;
}

.module__calendar .event__infos h6.event__hour {
  font-size: 1.1em;
}

.actu__title {
  text-align: left !important;
}

.carousel-control .glyphicon-chevron-left::after,
.carousel-control .glyphicon-chevron-right::after {
  display: none;
}

.multi_carousel_wrapper {
  width: 95%;
  margin: auto;
}

.multi_carousel_wrapper .carousel-cell {
  background: rgba(40, 53, 131, 0.1);
  margin-right: 100px;
}

@media all and (min-width: 562px) and (max-width: 782px) {
  .multi_carousel_wrapper .carousel-cell {
    margin-right: 220px;
  }
}

@media all and (min-width: 992px) and (max-width: 1212px) {
  .multi_carousel_wrapper .carousel-cell {
    margin-right: 170px;
  }
}

@media all and (min-width: 1421px) and (max-width: 1641px) {
  .multi_carousel_wrapper .carousel-cell {
    margin-right: 155px;
  }
}

@media all and (min-width: 1854px) {
  .multi_carousel_wrapper .carousel-cell {
    margin-right: 130px;
  }
}

.carouselx4 .flickity-viewport {
  height: 410px !important;
}

.multi_carousel {
  background: #FFF;
}

.multi_carousel .carousel-cell {
  width: 308px;
  height: 300px;
  background: gba(40, 53, 131, 0.1);
  border-radius: 0px;
  margin-bottom: 50px;
}

.multi_carousel .carousel-cell .carousel-content {
  height: 300px;
  padding: 15px 0;
}

.multi_carousel .carousel-cell .carousel-content h4 {
  color: #283583;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 900;
}

.multi_carousel .carousel-cell .carousel-content + a.btn.btn-site1 {
  text-align: center;
  margin: 35px auto 0;
  width: 190px;
  display: block;
}

.multi_carousel .flickity-prev-next-button {
  top: 36%;
}

.dxtcLite_sobeval > .dxtc-stripContainer .dxtc-tab a {
  width: 220px;
}

div#divGIP .dxtcLite_sobeval > .dxtc-stripContainer .dxtc-tab a,
div#divGIP .dxtcLite_sobeval > .dxtc-stripContainer .dxtc-activeTab a {
  width: 210px;
}

#buttonBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}

.form-radioButtonList td {
  display: inherit;
}

/*.form-group:last-child-child {
    text-align: left;
}*/
/*#AuditPage .container-fluid .form-group:last-child {
    text-align: left;
}*/
/*label {
    background: gold;

    .form-group & {
        background: pink;
    }
}*/
/*.form-multiligneTextBig {
    background: cyan;

    #AuditPage .container-fluid .form-group & {
        background: pink;
        text-align: left !important;
    }
}*/
#divContent label, .FrontOfficeEditUser {
  color: #5E6AAF;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.13em;
  margin-right: 10px;
  text-align: left;
}

/*#divContent div[id$="FormPanel"] div {
    display: flex;
    width: auto;
}*/
.PasswordForm .form-group {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  width: auto !important;
  height: 70px;
}

.form-control {
  width: 352px;
}

.PasswordForm #divContent {
  padding: 60px 50px;
}

/* GIP Ma comparaison */
.RubseurContener {
  margin: auto;
  position: relative;
  /* pour que les reperes suivent le decalage au centre*/
}

/*Surcharges petites annonces*/
.module__pa .pa__detail__view .pa__description {
  font-size: 14px !important;
  line-height: 22px !important;
}
/*# sourceMappingURL=MasterPage.css.map */