/* Oswald, SIL OFL 1.1. Only Latin/Latin Extended and the used weights. */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
  src: url(/assets/oswald-latin-ext-b04b9c30040a0ba1af41ae2784636497ff1f5db935253564b13a830b3b82d529.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300 400;
  font-display: swap;
  src: url(/assets/oswald-latin-f625da3d2ca7bd47877c95a1e573d2b9ffdd7205e1a0d5007ed61aae41da4224.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --bs-form-invalid-color: #db5716;
  --bs-form-invalid-border-color: #db5716;
}
/* Customized Bootstrap 3.3.7 and flexbox grid. Admin widgets live in bootstrap-admin.css.
 * Retired Bootstrap carousel, pager, jumbotron and affix rules were removed after a source/content audit. */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 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 {
  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] {
  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;
  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;
    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;
  }

  .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;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

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

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.428571429;
  color: #373a3c;
  background-color: #fff;
}

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

a {
  color: #005ca9;
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(0, 50.3550295858, 92.5);
  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: 2px;
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 1px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-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: 1.375rem;
  margin-bottom: 1.375rem;
  border: 0;
  border-top: 1px solid #eceeef;
}

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

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 1.375rem;
  margin-bottom: 0.6875rem;
}
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: 0.6875rem;
  margin-bottom: 0.6875rem;
}
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, .fs-1 {
  font-size: 2.5625rem;
}

h2, .h2, .fs-2 {
  font-size: 2.125rem;
}

h3, .h3, .fs-3 {
  font-size: 1.75rem;
}

h4, .h4, .fs-4 {
  font-size: 1.25rem;
}

h5, .h5, .fs-5 {
  font-size: 1rem;
}

h6, .h6, .fs-6 {
  font-size: 0.875rem;
}

p {
  margin: 0 0 0.6875rem;
}

.lead {
  margin-bottom: 1.375rem;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 1.5rem;
  }
}

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

mark,
.mark {
  background-color: #ffe690;
  padding: 0.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: #55595c;
}

.text-primary {
  color: #005ca9;
}

a.text-primary:hover,
a.text-primary:focus {
  color: rgb(0, 64.2366863905, 118);
}

.text-success {
  color: #008607;
}

a.text-success:hover,
a.text-success:focus {
  color: rgb(0, 83, 4.3358208955);
}

.text-info {
  color: #3e5058;
}

a.text-info:hover,
a.text-info:focus {
  color: rgb(40.92, 52.8, 58.08);
}

.text-warning {
  color: #7a6407;
}

a.text-warning:hover,
a.text-warning:focus {
  color: rgb(73.7674418605, 60.4651162791, 4.2325581395);
}

.text-danger {
  color: #721c24;
}

a.text-danger:hover,
a.text-danger:focus {
  color: rgb(73.0563380282, 17.9436619718, 23.0704225352);
}

.bg-primary {
  color: #fff;
}

.bg-primary {
  background-color: #005ca9;
}

a.bg-primary:hover,
a.bg-primary:focus {
  background-color: rgb(0, 64.2366863905, 118);
}

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

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

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

a.bg-info:hover,
a.bg-info:focus {
  background-color: rgb(134.4645669291, 165.2992125984, 197.5354330709);
}

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

a.bg-warning:hover,
a.bg-warning:focus {
  background-color: rgb(255, 218.5135135135, 93);
}

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

a.bg-danger:hover,
a.bg-danger:focus {
  background-color: rgb(240.4042553191, 171.5957446809, 177.8510638298);
}

.page-header {
  padding-bottom: -0.3125rem;
  margin: 2.75rem 0 1.375rem;
  border-bottom: 1px solid #eceeef;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 0.6875rem;
}
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: 1.375rem;
}

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 #818a91;
}

.initialism {
  font-size: 90%;
}

blockquote {
  padding: 0.6875rem 1.375rem;
  margin: 0 0 1.375rem;
  font-size: 1.25rem;
  border-left: 5px solid #eceeef;
}
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: #818a91;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: "— ";
}

.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eceeef;
  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: " —";
}

address {
  margin-bottom: 1.375rem;
  font-style: normal;
  line-height: 1.428571429;
}

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

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

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

pre {
  display: block;
  padding: 0.1875rem;
  margin: 0 0 0.6875rem;
  font-size: 0rem;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #373a3c;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 1px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}

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

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
@media (min-width: 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: #55595c;
  text-align: left;
}

th {
  text-align: left;
}

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.375rem;
}
.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: rgb(232.25, 232.25, 232.25);
}

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

.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: rgb(213, 255, 195.5);
}

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

.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: rgb(151.7322834646, 178.1496062992, 205.7677165354);
}

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

.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: rgb(255, 224.2567567568, 118.5);
}

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

.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: rgb(244.2021276596, 193.2978723404, 197.9255319149);
}

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 1.03125rem;
    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: 1.375rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: #373a3c;
  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;
  -moz-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: 1rem;
  line-height: 1.428571429;
  color: #55595c;
}

.form-control {
  display: block;
  width: 100%;
  height: 2.25rem;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.428571429;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 1px;
  -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;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  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: #eceeef;
  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: 2.25rem;
  }
  input[type=date].input-sm,
  .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date],
  input[type=time].input-sm,
  .input-group-sm > .input-group-btn > input[type=time].btn,
  .input-group-sm input[type=time],
  input[type=datetime-local].input-sm,
  .input-group-sm > .input-group-btn > input[type=datetime-local].btn,
  .input-group-sm input[type=datetime-local],
  input[type=month].input-sm,
  .input-group-sm > .input-group-btn > input[type=month].btn,
  .input-group-sm input[type=month] {
    line-height: 2.0625rem;
  }
  input[type=date].input-lg,
  .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date],
  input[type=time].input-lg,
  .input-group-lg > .input-group-btn > input[type=time].btn,
  .input-group-lg input[type=time],
  input[type=datetime-local].input-lg,
  .input-group-lg > .input-group-btn > input[type=datetime-local].btn,
  .input-group-lg input[type=datetime-local],
  input[type=month].input-lg,
  .input-group-lg > .input-group-btn > input[type=month].btn,
  .input-group-lg input[type=month] {
    line-height: 3.0625rem;
  }
}
.form-group {
  margin-bottom: 15px;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 1.375rem;
  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: 2.375rem;
}
.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: 2.0625rem;
  padding: 5px 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 1px;
}

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: 2.0625rem;
  line-height: 2.0625rem;
}

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[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-sm .form-control {
  height: 2.0625rem;
  padding: 5px 10px;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 1px;
}
.form-group-sm select.form-control {
  height: 2.0625rem;
  line-height: 2.0625rem;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 2.0625rem;
  min-height: 2.25rem;
  padding: 6px 10px;
  font-size: 0.875rem;
  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: 3.0625rem;
  padding: 10px 16px;
  font-size: 1.25rem;
  line-height: 1.3333333;
  border-radius: 2px;
}

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: 3.0625rem;
  line-height: 3.0625rem;
}

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[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn {
  height: auto;
}

.form-group-lg .form-control {
  height: 3.0625rem;
  padding: 10px 16px;
  font-size: 1.25rem;
  line-height: 1.3333333;
  border-radius: 2px;
}
.form-group-lg select.form-control {
  height: 3.0625rem;
  line-height: 3.0625rem;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 3.0625rem;
  min-height: 2.625rem;
  padding: 11px 16px;
  font-size: 1.25rem;
  line-height: 1.3333333;
}

.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 2.8125rem;
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
  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: 3.0625rem;
  height: 3.0625rem;
  line-height: 3.0625rem;
}

.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: 2.0625rem;
  height: 2.0625rem;
  line-height: 2.0625rem;
}

.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: #008607;
}
.has-success .form-control {
  border-color: #008607;
  -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: rgb(0, 83, 4.3358208955);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(0, 236, 12.328358209);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(0, 236, 12.328358209);
}
.has-success .input-group-addon {
  color: #008607;
  border-color: #008607;
  background-color: #e7ffdd;
}
.has-success .form-control-feedback {
  color: #008607;
}

.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: #7a6407;
}
.has-warning .form-control {
  border-color: #7a6407;
  -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: rgb(73.7674418605, 60.4651162791, 4.2325581395);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(218.4651162791, 179.0697674419, 12.5348837209);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(218.4651162791, 179.0697674419, 12.5348837209);
}
.has-warning .input-group-addon {
  color: #7a6407;
  border-color: #7a6407;
  background-color: #ffe690;
}
.has-warning .form-control-feedback {
  color: #7a6407;
}

.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: #721c24;
}
.has-error .form-control {
  border-color: #721c24;
  -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: rgb(73.0563380282, 17.9436619718, 23.0704225352);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(195.8873239437, 48.1126760563, 61.8591549296);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgb(195.8873239437, 48.1126760563, 61.8591549296);
}
.has-error .input-group-addon {
  color: #721c24;
  border-color: #721c24;
  background-color: #f8d7da;
}
.has-error .form-control-feedback {
  color: #721c24;
}

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

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: rgb(115.9782608696, 122.3043478261, 126.5217391304);
}

@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: 1.8125rem;
}
.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: 1.25rem;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 0.875rem;
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 1rem;
  line-height: 1.428571429;
  border-radius: 1px;
  -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;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  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;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(140.25, 140.25, 140.25);
}
.btn-default:hover {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
  border-color: rgb(173.4, 173.4, 173.4);
}
.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;
  background-color: rgb(211.65, 211.65, 211.65);
  border-color: rgb(140.25, 140.25, 140.25);
}
.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;
  background-color: #005ca9;
  border-color: rgb(0, 78.1183431953, 143.5);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(0, 64.2366863905, 118);
  border-color: rgb(0, 8.7100591716, 16);
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(0, 64.2366863905, 118);
  border-color: rgb(0, 44.8023668639, 82.3);
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 64.2366863905, 118);
  border-color: rgb(0, 44.8023668639, 82.3);
}
.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;
  background-color: rgb(0, 44.8023668639, 82.3);
  border-color: rgb(0, 8.7100591716, 16);
}
.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: #005ca9;
  border-color: rgb(0, 78.1183431953, 143.5);
}
.btn-primary .badge {
  color: #005ca9;
  background-color: #fff;
}

.btn-success {
  color: #100f0f;
  background-color: #5cb85c;
  border-color: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success:focus, .btn-success.focus {
  color: #100f0f;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.btn-success:hover {
  color: #100f0f;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #100f0f;
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
  border-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
}
.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: #100f0f;
  background-color: rgb(57.4371794872, 131.8628205128, 57.4371794872);
  border-color: rgb(37.3205128205, 85.6794871795, 37.3205128205);
}
.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: rgb(76.0064102564, 174.4935897436, 76.0064102564);
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #100f0f;
}

.btn-info {
  color: #55595c;
  background-color: #eceeef;
  border-color: rgb(222.1571428571, 225.6142857143, 227.3428571429);
}
.btn-info:focus, .btn-info.focus {
  color: #55595c;
  background-color: rgb(208.3142857143, 213.2285714286, 215.6857142857);
  border-color: rgb(152.9428571429, 163.6857142857, 169.0571428571);
}
.btn-info:hover {
  color: #55595c;
  background-color: rgb(208.3142857143, 213.2285714286, 215.6857142857);
  border-color: rgb(188.9342857143, 195.8885714286, 199.3657142857);
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #55595c;
  background-color: rgb(208.3142857143, 213.2285714286, 215.6857142857);
  border-color: rgb(188.9342857143, 195.8885714286, 199.3657142857);
}
.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: #55595c;
  background-color: rgb(188.9342857143, 195.8885714286, 199.3657142857);
  border-color: rgb(152.9428571429, 163.6857142857, 169.0571428571);
}
.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: #eceeef;
  border-color: rgb(222.1571428571, 225.6142857143, 227.3428571429);
}
.btn-info .badge {
  color: #eceeef;
  background-color: #55595c;
}

.btn-warning {
  color: #231f20;
  background-color: #f0ad4e;
  border-color: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning:focus, .btn-warning.focus {
  color: #231f20;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.btn-warning:hover {
  color: #231f20;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #231f20;
  background-color: rgb(236.015625, 151.21875, 30.984375);
  border-color: rgb(213.2296875, 132.515625, 18.0703125);
}
.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: #231f20;
  background-color: rgb(213.2296875, 132.515625, 18.0703125);
  border-color: rgb(152.109375, 94.53125, 12.890625);
}
.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: rgb(238.0078125, 162.109375, 54.4921875);
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #231f20;
}

.btn-danger {
  color: #000000;
  background-color: #db5716;
  border-color: rgb(195.8278008299, 77.7946058091, 19.6721991701);
}
.btn-danger:focus, .btn-danger.focus {
  color: #000000;
  background-color: rgb(172.6556016598, 68.5892116183, 17.3443983402);
  border-color: rgb(79.9668049793, 31.7676348548, 8.0331950207);
}
.btn-danger:hover {
  color: #000000;
  background-color: rgb(172.6556016598, 68.5892116183, 17.3443983402);
  border-color: rgb(140.2145228216, 55.701659751, 14.0854771784);
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #000000;
  background-color: rgb(172.6556016598, 68.5892116183, 17.3443983402);
  border-color: rgb(140.2145228216, 55.701659751, 14.0854771784);
}
.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: #000000;
  background-color: rgb(140.2145228216, 55.701659751, 14.0854771784);
  border-color: rgb(79.9668049793, 31.7676348548, 8.0331950207);
}
.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: #db5716;
  border-color: rgb(195.8278008299, 77.7946058091, 19.6721991701);
}
.btn-danger .badge {
  color: #db5716;
  background-color: #000000;
}

.btn-link {
  color: #005ca9;
  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: rgb(0, 50.3550295858, 92.5);
  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: #818a91;
  text-decoration: none;
}

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

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

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

.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: 1;
  -webkit-transition: opacity 0.15s linear;
  -o-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;
}

.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.btn-group-lg > .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: 1px;
  border-top-left-radius: 1px;
  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: 1px;
  border-bottom-left-radius: 1px;
}

.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: 1rem;
  font-weight: normal;
  line-height: 1;
  color: #55595c;
  text-align: center;
  background-color: #eceeef;
  border: 1px solid #ccc;
  border-radius: 1px;
}
.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: 0.875rem;
  border-radius: 1px;
}
.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: 1.25rem;
  border-radius: 2px;
}
.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: #eceeef;
}
.nav > li.disabled > a {
  color: #818a91;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #818a91;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eceeef;
  border-color: #005ca9;
}
.nav .nav-divider {
  height: 1px;
  margin: -0.3125rem 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: 1px 1px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eceeef #eceeef #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #55595c;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 1px;
}
.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: #005ca9;
}

.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: 1px;
}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-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: 1px 1px 0 0;
  }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-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;
}

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 1.375rem;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 1px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #818a91;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 1.375rem 0;
  border-radius: 1px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  color: #005ca9;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: rgb(0, 50.3550295858, 92.5);
  background-color: #eceeef;
  border-color: #ddd;
}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #005ca9;
  border-color: #005ca9;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #55595c;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 1.25rem;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
}

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 1px;
  border-top-left-radius: 1px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
}

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.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: #818a91;
}
.label-default[href]:hover, .label-default[href]:focus {
  background-color: rgb(103.9406779661, 112.4449152542, 119.0593220339);
}

.label-primary {
  background-color: #005ca9;
}
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: rgb(0, 64.2366863905, 118);
}

.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
  background-color: rgb(68.2692307692, 156.7307692308, 68.2692307692);
}

.label-info {
  background-color: #eceeef;
}
.label-info[href]:hover, .label-info[href]:focus {
  background-color: rgb(208.3142857143, 213.2285714286, 215.6857142857);
}

.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: rgb(236.015625, 151.21875, 30.984375);
}

.label-danger {
  background-color: #db5716;
}
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: rgb(172.6556016598, 68.5892116183, 17.3443983402);
}

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #818a91;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge, .btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
  color: #005ca9;
  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;
}

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 1.375rem;
  line-height: 1.428571429;
  background-color: #fff;
  border: 0px solid #ddd;
  border-radius: 1px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #373a3c;
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #005ca9;
}

.alert {
  padding: 15px;
  margin-bottom: 1.375rem;
  border: 1px solid transparent;
  border-radius: 1px;
}
.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: #e7ffdd;
  border-color: #e7ffdd;
  color: #008607;
}
.alert-success hr {
  border-top-color: rgb(213, 255, 195.5);
}
.alert-success .alert-link {
  color: rgb(0, 83, 4.3358208955);
}

.alert-info {
  background-color: #a9bfd6;
  border-color: #a9bfd6;
  color: #3e5058;
}
.alert-info hr {
  border-top-color: rgb(151.7322834646, 178.1496062992, 205.7677165354);
}
.alert-info .alert-link {
  color: rgb(40.92, 52.8, 58.08);
}

.alert-warning {
  background-color: #ffe690;
  border-color: #ffe690;
  color: #7a6407;
}
.alert-warning hr {
  border-top-color: rgb(255, 224.2567567568, 118.5);
}
.alert-warning .alert-link {
  color: rgb(73.7674418605, 60.4651162791, 4.2325581395);
}

.alert-danger {
  background-color: #f8d7da;
  border-color: #f8d7da;
  color: #721c24;
}
.alert-danger hr {
  border-top-color: rgb(244.2021276596, 193.2978723404, 197.9255319149);
}
.alert-danger .alert-link {
  color: rgb(73.0563380282, 17.9436619718, 23.0704225352);
}

.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}

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

.media-body {
  width: 10000px;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right,
.media > .pull-right {
  padding-left: 10px;
}

.media-left,
.media > .pull-left {
  padding-right: 10px;
}

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}

.media-middle {
  vertical-align: middle;
}

.media-bottom {
  vertical-align: bottom;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

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

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

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

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: #eceeef;
  color: #818a91;
  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: #818a91;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #005ca9;
  border-color: #005ca9;
}
.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: rgb(118, 192.5798816568, 255);
}

.list-group-item-success {
  color: #008607;
  background-color: #e7ffdd;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #008607;
}
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: #008607;
  background-color: rgb(213, 255, 195.5);
}
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: #008607;
  border-color: #008607;
}

.list-group-item-info {
  color: #3e5058;
  background-color: #a9bfd6;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #3e5058;
}
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: #3e5058;
  background-color: rgb(151.7322834646, 178.1496062992, 205.7677165354);
}
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: #3e5058;
  border-color: #3e5058;
}

.list-group-item-warning {
  color: #7a6407;
  background-color: #ffe690;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #7a6407;
}
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: #7a6407;
  background-color: rgb(255, 224.2567567568, 118.5);
}
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: #7a6407;
  border-color: #7a6407;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f8d7da;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #721c24;
}
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: #721c24;
  background-color: rgb(244.2021276596, 193.2978723404, 197.9255319149);
}
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: #721c24;
  border-color: #721c24;
}

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

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

.panel {
  margin-bottom: 1.375rem;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 1px;
  -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: 0px;
  border-top-left-radius: 0px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  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: 0px;
  border-bottom-left-radius: 0px;
}

.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: 0px;
  border-top-left-radius: 0px;
}
.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: 0px;
  border-bottom-left-radius: 0px;
}
.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: 0px;
  border-top-left-radius: 0px;
}
.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: 0px;
  border-top-right-radius: 0px;
}
.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: 0px;
}
.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: 0px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.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: 0px;
  border-bottom-right-radius: 0px;
}
.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: 0px;
}
.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: 0px;
}
.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: 1.375rem;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 1px;
}
.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: #373a3c;
  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: #373a3c;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

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

.panel-success {
  border-color: #e7ffdd;
}
.panel-success > .panel-heading {
  color: #008607;
  background-color: #e7ffdd;
  border-color: #e7ffdd;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #e7ffdd;
}
.panel-success > .panel-heading .badge {
  color: #e7ffdd;
  background-color: #008607;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #e7ffdd;
}

.panel-info {
  border-color: #a9bfd6;
}
.panel-info > .panel-heading {
  color: #3e5058;
  background-color: #a9bfd6;
  border-color: #a9bfd6;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a9bfd6;
}
.panel-info > .panel-heading .badge {
  color: #a9bfd6;
  background-color: #3e5058;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #a9bfd6;
}

.panel-warning {
  border-color: #ffe690;
}
.panel-warning > .panel-heading {
  color: #7a6407;
  background-color: #ffe690;
  border-color: #ffe690;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ffe690;
}
.panel-warning > .panel-heading .badge {
  color: #ffe690;
  background-color: #7a6407;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ffe690;
}

.panel-danger {
  border-color: #f8d7da;
}
.panel-danger > .panel-heading {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f8d7da;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f8d7da;
}
.panel-danger > .panel-heading .badge {
  color: #f8d7da;
  background-color: #721c24;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f8d7da;
}

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

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 1px;
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 2px;
}

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

.close {
  float: right;
  font-size: 1.5rem;
  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;
}

.carousel {
  position: relative;
}

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

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.d-block {
  display: block;
}

.d-inline-block {
  display: inline-block;
}

.d-inline {
  display: inline !important;
}

.d-flex {
  display: flex;
}

.d-grid {
  display: grid;
}

.d-none {
  display: none;
}

@-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;
  }
}
/*!
 * Bootstrap Grid Flexbox v1.1.2 (https://github.com/ngengs/bootstrap-grid-flexbox)
 * Copyright 2016 Rizky Kharisma @ngengs (http://ngengs.com).
 * Licensed under MIT (https://github.com/ngengs/bootstrap-grid-flexbox/blob/master/LICENSE)
 */
.row-flex {
  box-sizing: border-box;
  display: flex;
  flex: 0 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.row-flex.reverse {
  flex-direction: row-reverse;
}

.col-flex-xs-1, .col-flex-sm-1, .col-flex-md-1, .col-flex-lg-1, .col-flex-xs-2, .col-flex-sm-2, .col-flex-md-2, .col-flex-lg-2, .col-flex-xs-3, .col-flex-sm-3, .col-flex-md-3, .col-flex-lg-3, .col-flex-xs-4, .col-flex-sm-4, .col-flex-md-4, .col-flex-lg-4, .col-flex-xs-5, .col-flex-sm-5, .col-flex-md-5, .col-flex-lg-5, .col-flex-xs-6, .col-flex-sm-6, .col-flex-md-6, .col-flex-lg-6, .col-flex-xs-7, .col-flex-sm-7, .col-flex-md-7, .col-flex-lg-7, .col-flex-xs-8, .col-flex-sm-8, .col-flex-md-8, .col-flex-lg-8, .col-flex-xs-9, .col-flex-sm-9, .col-flex-md-9, .col-flex-lg-9, .col-flex-xs-10, .col-flex-sm-10, .col-flex-md-10, .col-flex-lg-10, .col-flex-xs-11, .col-flex-sm-11, .col-flex-md-11, .col-flex-lg-11, .col-flex-xs-12, .col-flex-sm-12, .col-flex-md-12, .col-flex-lg-12 {
  box-sizing: border-box;
  flex: 0 0 auto;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.start-xs {
  justify-content: flex-start;
}
.start-xs.text-start {
  text-align: start;
}

.center-xs {
  justify-content: center;
}
.center-xs.text-center {
  text-align: center;
}

.end-xs {
  justify-content: flex-end;
}
.end-xs.text-end {
  text-align: end;
}

.top-xs {
  align-items: flex-start;
}

.middle-xs {
  align-items: center;
}

.bottom-xs {
  align-items: flex-end;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .start-sm {
    justify-content: flex-start;
  }
  .start-sm.text-start {
    text-align: start;
  }
  .center-sm {
    justify-content: center;
  }
  .center-sm.text-center {
    text-align: center;
  }
  .end-sm {
    justify-content: flex-end;
  }
  .end-sm.text-end {
    text-align: end;
  }
  .top-sm {
    align-items: flex-start;
  }
  .middle-sm {
    align-items: center;
  }
  .bottom-sm {
    align-items: flex-end;
  }
  .col-flex-sm-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-flex-sm-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-flex-sm-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-flex-sm-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-flex-sm-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-flex-sm-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-flex-sm-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-flex-sm-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-flex-sm-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-flex-sm-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-flex-sm-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-flex-sm-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-flex-sm-pull-0 {
    right: auto;
  }
  .col-flex-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-flex-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-flex-sm-pull-3 {
    right: 25%;
  }
  .col-flex-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-flex-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-flex-sm-pull-6 {
    right: 50%;
  }
  .col-flex-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-flex-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-flex-sm-pull-9 {
    right: 75%;
  }
  .col-flex-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-flex-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-flex-sm-pull-12 {
    right: 100%;
  }
  .col-flex-sm-push-0 {
    left: auto;
  }
  .col-flex-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-flex-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-flex-sm-push-3 {
    left: 25%;
  }
  .col-flex-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-flex-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-flex-sm-push-6 {
    left: 50%;
  }
  .col-flex-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-flex-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-flex-sm-push-9 {
    left: 75%;
  }
  .col-flex-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-flex-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-flex-sm-push-12 {
    left: 100%;
  }
  .col-flex-sm-offset-0 {
    margin-left: 0%;
  }
  .col-flex-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-flex-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-flex-sm-offset-3 {
    margin-left: 25%;
  }
  .col-flex-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-flex-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-flex-sm-offset-6 {
    margin-left: 50%;
  }
  .col-flex-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-flex-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-flex-sm-offset-9 {
    margin-left: 75%;
  }
  .col-flex-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-flex-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-flex-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .start-md {
    justify-content: flex-start;
  }
  .start-md.text-start {
    text-align: start;
  }
  .center-md {
    justify-content: center;
  }
  .center-md.text-center {
    text-align: center;
  }
  .end-md {
    justify-content: flex-end;
  }
  .end-md.text-end {
    text-align: end;
  }
  .top-md {
    align-items: flex-start;
  }
  .middle-md {
    align-items: center;
  }
  .bottom-md {
    align-items: flex-end;
  }
  .col-flex-md-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-flex-md-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-flex-md-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-flex-md-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-flex-md-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-flex-md-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-flex-md-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-flex-md-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-flex-md-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-flex-md-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-flex-md-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-flex-md-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-flex-md-pull-0 {
    right: auto;
  }
  .col-flex-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-flex-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-flex-md-pull-3 {
    right: 25%;
  }
  .col-flex-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-flex-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-flex-md-pull-6 {
    right: 50%;
  }
  .col-flex-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-flex-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-flex-md-pull-9 {
    right: 75%;
  }
  .col-flex-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-flex-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-flex-md-pull-12 {
    right: 100%;
  }
  .col-flex-md-push-0 {
    left: auto;
  }
  .col-flex-md-push-1 {
    left: 8.3333333333%;
  }
  .col-flex-md-push-2 {
    left: 16.6666666667%;
  }
  .col-flex-md-push-3 {
    left: 25%;
  }
  .col-flex-md-push-4 {
    left: 33.3333333333%;
  }
  .col-flex-md-push-5 {
    left: 41.6666666667%;
  }
  .col-flex-md-push-6 {
    left: 50%;
  }
  .col-flex-md-push-7 {
    left: 58.3333333333%;
  }
  .col-flex-md-push-8 {
    left: 66.6666666667%;
  }
  .col-flex-md-push-9 {
    left: 75%;
  }
  .col-flex-md-push-10 {
    left: 83.3333333333%;
  }
  .col-flex-md-push-11 {
    left: 91.6666666667%;
  }
  .col-flex-md-push-12 {
    left: 100%;
  }
  .col-flex-md-offset-0 {
    margin-left: 0%;
  }
  .col-flex-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-flex-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-flex-md-offset-3 {
    margin-left: 25%;
  }
  .col-flex-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-flex-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-flex-md-offset-6 {
    margin-left: 50%;
  }
  .col-flex-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-flex-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-flex-md-offset-9 {
    margin-left: 75%;
  }
  .col-flex-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-flex-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-flex-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .start-lg {
    justify-content: flex-start;
  }
  .start-lg.text-start {
    text-align: start;
  }
  .center-lg {
    justify-content: center;
  }
  .center-lg.text-center {
    text-align: center;
  }
  .end-lg {
    justify-content: flex-end;
  }
  .end-lg.text-end {
    text-align: end;
  }
  .top-lg {
    align-items: flex-start;
  }
  .middle-lg {
    align-items: center;
  }
  .bottom-lg {
    align-items: flex-end;
  }
  .col-flex-lg-1 {
    width: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-flex-lg-2 {
    width: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-flex-lg-3 {
    width: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-flex-lg-4 {
    width: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-flex-lg-5 {
    width: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-flex-lg-6 {
    width: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-flex-lg-7 {
    width: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-flex-lg-8 {
    width: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-flex-lg-9 {
    width: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-flex-lg-10 {
    width: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-flex-lg-11 {
    width: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-flex-lg-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-flex-lg-pull-0 {
    right: auto;
  }
  .col-flex-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-flex-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-flex-lg-pull-3 {
    right: 25%;
  }
  .col-flex-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-flex-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-flex-lg-pull-6 {
    right: 50%;
  }
  .col-flex-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-flex-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-flex-lg-pull-9 {
    right: 75%;
  }
  .col-flex-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-flex-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-flex-lg-pull-12 {
    right: 100%;
  }
  .col-flex-lg-push-0 {
    left: auto;
  }
  .col-flex-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-flex-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-flex-lg-push-3 {
    left: 25%;
  }
  .col-flex-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-flex-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-flex-lg-push-6 {
    left: 50%;
  }
  .col-flex-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-flex-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-flex-lg-push-9 {
    left: 75%;
  }
  .col-flex-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-flex-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-flex-lg-push-12 {
    left: 100%;
  }
  .col-flex-lg-offset-0 {
    margin-left: 0%;
  }
  .col-flex-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-flex-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-flex-lg-offset-3 {
    margin-left: 25%;
  }
  .col-flex-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-flex-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-flex-lg-offset-6 {
    margin-left: 50%;
  }
  .col-flex-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-flex-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-flex-lg-offset-9 {
    margin-left: 75%;
  }
  .col-flex-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-flex-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-flex-lg-offset-12 {
    margin-left: 100%;
  }
}
#rider-home h3 > big, #rider-home h4 > big, #rider-home h5 > big {
  color: var(--brand-lighter);
}
.ais-Breadcrumb-list,
.ais-CurrentRefinements-list,
.ais-HierarchicalMenu-list,
.ais-Hits-list,
.ais-Results-list,
.ais-InfiniteHits-list,
.ais-InfiniteResults-list,
.ais-Menu-list,
.ais-NumericMenu-list,
.ais-Pagination-list,
.ais-RatingMenu-list,
.ais-RefinementList-list,
.ais-ToggleRefinement-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ais-ClearRefinements-button,
.ais-CurrentRefinements-delete,
.ais-CurrentRefinements-reset,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-HierarchicalMenu-showMore,
.ais-InfiniteHits-loadPrevious,
.ais-InfiniteHits-loadMore,
.ais-InfiniteResults-loadMore,
.ais-Menu-showMore,
.ais-RangeInput-submit,
.ais-RefinementList-showMore,
.ais-SearchBox-submit,
.ais-SearchBox-reset,
.ais-VoiceSearch-button {
  padding: 0;
  overflow: visible;
  font: inherit;
  line-height: normal;
  color: inherit;
  background: none;
  border: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ais-ClearRefinements-button::-moz-focus-inner,
.ais-CurrentRefinements-delete::-moz-focus-inner,
.ais-CurrentRefinements-reset::-moz-focus-inner,
.ais-GeoSearch-redo::-moz-focus-inner,
.ais-GeoSearch-reset::-moz-focus-inner,
.ais-HierarchicalMenu-showMore::-moz-focus-inner,
.ais-InfiniteHits-loadPrevious::-moz-focus-inner,
.ais-InfiniteHits-loadMore::-moz-focus-inner,
.ais-InfiniteResults-loadMore::-moz-focus-inner,
.ais-Menu-showMore::-moz-focus-inner,
.ais-RangeInput-submit::-moz-focus-inner,
.ais-RefinementList-showMore::-moz-focus-inner,
.ais-SearchBox-submit::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner,
.ais-VoiceSearch-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.ais-ClearRefinements-button[disabled],
.ais-CurrentRefinements-delete[disabled],
.ais-CurrentRefinements-reset[disabled],
.ais-GeoSearch-redo[disabled],
.ais-GeoSearch-reset[disabled],
.ais-HierarchicalMenu-showMore[disabled],
.ais-InfiniteHits-loadPrevious[disabled],
.ais-InfiniteHits-loadMore[disabled],
.ais-InfiniteResults-loadMore[disabled],
.ais-Menu-showMore[disabled],
.ais-RangeInput-submit[disabled],
.ais-RefinementList-showMore[disabled],
.ais-SearchBox-submit[disabled],
.ais-SearchBox-reset[disabled],
.ais-VoiceSearch-button[disabled] {
  cursor: default;
}

.ais-Breadcrumb-list,
.ais-Breadcrumb-item,
.ais-Pagination-list,
.ais-RangeInput-form,
.ais-RatingMenu-link,
.ais-PoweredBy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ais-GeoSearch,
.ais-GeoSearch-map {
  height: 100%;
}

.ais-HierarchicalMenu-list .ais-HierarchicalMenu-list {
  margin-left: 1em;
}

.ais-PoweredBy-logo {
  display: block;
  height: 1.2em;
  width: auto;
}

.ais-RatingMenu-starIcon {
  display: block;
  width: 20px;
  height: 20px;
}

.ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
  display: none;
}

.ais-RangeSlider .rheostat {
  overflow: visible;
  margin-top: 40px;
  margin-bottom: 40px;
}

.ais-RangeSlider .rheostat-background {
  height: 6px;
  top: 0px;
  width: 100%;
}

.ais-RangeSlider .rheostat-handle {
  margin-left: -12px;
  top: -7px;
}

.ais-RangeSlider .rheostat-background {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #aaa;
}

.ais-RangeSlider .rheostat-progress {
  position: absolute;
  top: 1px;
  height: 4px;
  background-color: #333;
}

.rheostat-handle {
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 50%;
  cursor: -webkit-grab;
  cursor: grab;
}

.rheostat-marker {
  margin-left: -1px;
  position: absolute;
  width: 1px;
  height: 5px;
  background-color: #aaa;
}

.rheostat-marker--large {
  height: 9px;
}

.rheostat-value {
  margin-left: 50%;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.rheostat-tooltip {
  margin-left: 50%;
  position: absolute;
  top: -22px;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#instant-search-results {
  display: none;
  position: relative;
}

.ais-SearchBox-form {
  display: block;
  position: relative;
}

.ais-SearchBox-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #3a3a3a;
  border-radius: 0;
  width: 100% !important;
  border: none;
  padding: 8px 17px;
  font-size: 16px;
  outline: none;
  color: #bbbbbb;
}

.ais-SearchBox-input::-webkit-input-placeholder {
  color: #bbbbbb;
}

.ais-SearchBox-input::-moz-placeholder {
  color: #bbbbbb;
}

.ais-SearchBox-input:-ms-input-placeholder {
  color: #bbbbbb;
}

.ais-SearchBox-input:-moz-placeholder {
  color: #bbbbbb;
}

.ais-SearchBox-submit,
.ais-SearchBox-reset,
.ais-SearchBox-loadingIndicator {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ais-SearchBox-submit {
  top: 10px;
  right: 14px;
}
@media (max-width: 991px) {
  .ais-SearchBox-submit {
    text-transform: uppercase;
    font-size: 0.65em;
    letter-spacing: 0.1em;
    color: #fff;
    top: 19px;
    right: 0px;
    bottom: -35px;
    width: 44px;
    height: 39px;
    background-color: var(--brand-primary);
    border-color: #004e90;
  }
}

@media (max-width: 991px) {
  body.search-focus .ais-SearchBox-submit {
    height: 54px;
    padding-top: 9px;
  }
}
.ais-SearchBox-reset {
  font-size: 0.65em;
  letter-spacing: 0.1em;
  color: #333333;
  top: 19px;
  right: 43px;
  bottom: -30px;
  width: 44px;
  height: 39px;
}
.ais-SearchBox-reset svg {
  margin: 30%;
  fill: var(--gray-dark);
}

@media (max-width: 991px) {
  .ais-SearchBox-reset {
    top: 22px;
    height: 45px;
  }
}
.ais-SearchBox-submitIcon,
.ais-SearchBox-resetIcon,
.ais-SearchBox-loadingIcon {
  position: absolute;
  background: none;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.ais-SearchBox-submitIcon path,
.ais-SearchBox-resetIcon path {
  fill: #888888;
}

.ais-SearchBox-submitIcon {
  width: 14px;
  height: 14px;
}

.ais-SearchBox-resetIcon {
  width: 12px;
  height: 12px;
}

.ais-SearchBox-loadingIcon {
  width: 16px;
  height: 16px;
}

#instant-search-box .grey-search-icon {
  top: 2px;
  position: absolute;
  right: 0px;
}
@media (max-width: 991px) {
  #instant-search-box input {
    background-color: #ffffff;
  }
}

@media (max-width: 991px) {
  body.search-focus #instant-search-box input {
    padding: 12px 40px;
  }
}
/* Shared image, tab-icon and form-validation rules retained from the admin overrides. */
.list-group-item img {
  max-height: 65px;
}

.nav-tabs .icon {
  width: auto;
  height: auto;
}

#logo img {
  max-height: 26px;
}

img.img-thumbnail {
  max-height: 250px;
}

.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.is-invalid {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.blognav-dropdown {
  display: none;
  list-style: none;
  z-index: 10;
  background-color: #ffffff;
  padding: 10px 15px 15px 15px;
  position: absolute;
  box-shadow: 10px 5px 5px rgba(0, 0, 0, 0.5);
}
.blognav-dropdown > li > a {
  font-family: helvetica, sans-serif;
  font-size: 13px;
  white-space: nowrap;
}

.blognav-button .fa {
  font-size: 11px;
  vertical-align: middle;
}

.calendar-title {
  display: inline-block;
  margin-top: 0;
}

.day-event {
  background-color: #ffe690;
  margin: 0px -2px 3px;
  padding: 2px 7px;
  display: block;
}

.day .multi-day-event {
  margin: 0px -9px 2px;
  padding: 2px 10px;
}

.day .single-day-event {
  margin: 0px -2px 2px;
}

.blog-date {
  margin-top: 10px;
  margin-bottom: -18px;
}

/*SIMPLE CALENDAR*/
.simple-calendar table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgb(221, 221, 221);
  border-collapse: collapse;
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
}
@media (max-width: 991px) {
  .simple-calendar thead {
    display: none;
  }
}
.simple-calendar tr {
  border-collapse: collapse;
}
.simple-calendar th {
  padding: 6px;
  border-bottom: 2px solid rgb(221, 221, 221);
  border-collapse: collapse;
  border-left: 1px solid rgb(221, 221, 221);
  border-right: 1px solid rgb(221, 221, 221);
  border-top: 0px none rgb(51, 51, 51);
  box-sizing: border-box;
  text-align: left;
}
.simple-calendar td {
  padding: 6px;
  vertical-align: top;
  width: 14%;
  border: 1px solid #ddd;
  border-top-color: rgb(221, 221, 221);
  border-top-style: solid;
  border-top-width: 1px;
  border-right-color: rgb(221, 221, 221);
  border-right-style: solid;
  border-right-width: 1px;
  border-bottom-color: rgb(221, 221, 221);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: rgb(221, 221, 221);
  border-left-style: solid;
  border-left-width: 1px;
}
.simple-calendar .day {
  height: 80px;
}
@media (max-width: 991px) {
  .simple-calendar .day {
    width: 100%;
    display: block;
  }
}
.simple-calendar .day-of-month {
  display: block;
  text-align: right;
}
.simple-calendar .today {
  background: #FFFFC0;
}
.simple-calendar .prev-month {
  background: #DDD;
}
.simple-calendar .next-month {
  background: #DDD;
}
.badge-default {
  background-color: #fff;
  color: #333;
}

.badge-primary {
  background-color: var(--brand-primary);
  color: #fff;
}

.badge-secondary {
  background-color: var(--brand-lighter);
  color: #fff;
}

.badge-success {
  background-color: var(--brand-success);
  color: var(--gray-darkest);
}

.badge-info {
  background-color: var(--brand-lightest);
  color: var(--gray-lightest);
}

.badge-warning {
  background-color: var(--brand-warning);
  color: var(--gray-darker);
}

.badge-danger {
  background-color: var(--brand-danger);
  color: #000000;
}

.badge-light {
  background-color: var(--gray-lightest);
  color: var(--gray-darkest);
}

.badge-dark {
  background-color: var(--gray-darkest);
  color: var(--gray-lightest);
}
.btn {
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: 0.1em;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.0784313725);
}
@media (max-width: 767px) {
  .btn {
    white-space: normal;
  }
}

.btn-default {
  color: var(--gray-dark);
  border: 1px solid var(--gray-dark);
  background: transparent;
}

.btn-default:hover {
  background: rgba(0, 0, 0, 0.05);
}

.btn-plaque {
  font-family: "Oswald", helvetica, sans-serif;
  border-radius: 1rem;
  font-size: 2rem;
  display: inline-flex;
  border-radius: 0.8rem;
  font-weight: 200;
  gap: 0.5rem;
  border: 1px solid var(--gray-light);
}

button {
  border: none;
}

.btn-link {
  color: var(--brand-primary);
  text-decoration: none;
  cursor: pointer;
  box-shadow: none !important;
}
.btn-link:hover, .btn-link:focus {
  color: rgb(0, 50.3550295858, 92.5);
  text-decoration: underline;
}
.btn-link:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-popper {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 1rem;
}

@media (max-width: 991px) {
  #blue-header-toggle {
    background: transparent;
  }
  #dark-grey-header .btn {
    color: var(--gray-lighter);
  }
}
#cart_items {
  margin-bottom: 8px;
}

.cart-summary {
  margin-left: auto;
  max-width: 420px;
  width: 100%;
  min-width: 340px;
  padding: 18px;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.cart-summary__row {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 12px;
  align-items: baseline;
}

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

.cart-summary__value {
  text-align: right;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .cart-summary {
    max-width: 100%;
    min-width: 0;
    padding-bottom: 110px;
  }
}
.cart-alert {
  margin-bottom: 10px;
  display: flex;
  /* justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  flex-direction: row; */
}

.cart-alert h3 {
  font-size: 20px;
  padding: 14px;
  margin: 0;
}

.cart-alert-title {
  color: #000000;
  display: block;
  font-size: 15px;
  font-weight: 700;
  padding: 11px;
  margin: 0;
  line-height: 1;
}

.cart-alert p {
  padding: 0 15px;
  margin: 0;
  background-color: #eee;
  align-content: center;
  flex-grow: 2;
  font-size: 13px;
  justify-content: center;
}

.cart-alert a {
  text-decoration: underline;
}

#free_shipping {
  font-size: 1rem;
  padding: 8px;
  line-height: 1.428571429;
  margin-bottom: 8px;
}

.cart-utility-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px 16px;
  padding-top: 4px;
  font-size: 0.95rem;
}

.cart-utility-actions__print {
  padding: 4px 9px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #eee;
  color: #333;
  font: inherit;
  text-transform: none;
}

.cart-utility-actions__print:hover,
.cart-utility-actions__print:focus {
  background: #ddd;
  color: #111;
}

.cart-checkout-action {
  width: 320px;
  max-width: 100%;
  text-align: right;
}

.cart-checkout-action .btn {
  font-size: 14px;
  letter-spacing: 0.04em;
  max-width: 100%;
  white-space: normal;
}

.cart-checkout-action__reassurance {
  margin: 8px 0 0;
  color: #666;
  font-size: 13px;
  line-height: 1.35;
}

.cart-notices {
  margin-top: 20px;
}

.cart-coupon {
  width: fit-content;
  margin-top: 14px;
  color: #555;
}

.cart-coupon summary {
  cursor: pointer;
}

.cart-coupon__form {
  margin-top: 8px;
}

.cart-related-items {
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
}

@media print {
  .cart-alert,
  .cart-summary,
  .cart-coupon,
  .cart-related-items,
  .cart-line-item__remove-btn,
  .cart-line-item__qty-btn,
  .cart-utility-actions,
  .btn {
    display: none !important;
  }
}
.cart-alert-success {
  background-color: var(--brand-success);
}

.cart-alert-primary .cart-alert-title {
  background-color: var(--brand-lightest);
}

.cart-alert-default .cart-alert-title {
  background-color: #bbbbbb;
}

.cart-alert-warning {
  background-color: rgba(240, 199, 78, 0.25);
}

.cart-alert-danger {
  background-color: #f67a3c;
}

.cart-alert-danger.muted h3 {
  background-color: var(--brand-danger);
}

@media (max-width: 767px) {
  #cart_buttons {
    position: fixed;
    bottom: 0;
    background: white;
    left: 0;
    z-index: 100;
    right: 0;
    padding: 0;
    margin: 0;
    box-shadow: rgba(0, 0, 0, 0.3215686275) 0px 0 20px 0px;
  }
  .hidden-sm {
    display: inherit;
  }
  #cart_buttons .h4 {
    font-size: 1.5rem;
    padding-right: 1rem;
  }
}
.category-header {
  margin-bottom: 0px;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.category-header p {
  margin: 0;
}
.category-header h1 {
  margin-top: 5px;
}

.breadcrumb {
  padding: 5px 0 0 2px;
  margin-bottom: 0px;
  background-color: transparent;
}

.breadcrumb > li + li:before {
  content: "> ";
}

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

.pagination {
  margin: 0;
}

#product-filter {
  padding-top: 10px;
}
#product-filter .btn-group a.disabled {
  color: var(--gray-dark);
  opacity: 1;
}

@media (min-width: 768px) {
  #product-filter #filter-sider {
    position: sticky;
    top: 0;
  }
}
.filter-group .filter-title {
  font-weight: bold;
}

.filter-results .btn {
  margin-bottom: 10px;
  text-align: left;
}

#products-group {
  padding: 20px 0;
}
#products-group .category-product-image-link {
  min-height: 44px;
}
#products-group h4 {
  margin: 0 0 5px 0;
}
@media (min-width: 1200px) {
  #products-group .thumb-content img {
    width: 244.984px;
    height: 163.312px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #products-group .thumb-content img {
    width: 195px;
    height: 130px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #products-group .thumb-content img {
    width: 140px;
    height: 93.328px;
  }
}
@media (min-width: 1200px) {
  #products-group .thumb-list img {
    width: 107px;
    height: auto;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #products-group .thumb-list img {
    width: 107px;
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #products-group .thumb-list img {
    width: 140px;
    height: auto;
  }
}
@media (max-width: 991px) {
  #products-group .col-sm-12 {
    text-align: center;
  }
}

.checked-filter {
  position: absolute;
  left: -17px;
  padding-top: 3px !important;
}

.distributor-filter a {
  text-indent: -20px;
  padding-left: 20px;
  display: block;
}

.unselected-vehicle-section .form-group {
  margin-bottom: 3px;
}

.product h4 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
}
@media (max-width: 991px) {
  .product h4 {
    font-size: 25px;
  }
}
.product .caption {
  text-align: center;
}
.product .caption .btn-info {
  margin-bottom: 20px;
}

.caption h3 {
  margin-top: 0;
}

.category-products h2 {
  margin-top: 0;
}
.category-products h2 a {
  color: inherit;
}

@media (max-width: 991px) {
  .category-products .a-product {
    margin-bottom: 20px;
  }
}
.a-product {
  margin-bottom: 20px;
  text-align: center;
}
.a-product img {
  max-width: 100%;
}
.a-product a {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  padding-bottom: 5px;
}

.category-landing-header {
  font-size: 18px;
  font-weight: 200;
}
.category-landing-header h1 {
  text-align: center;
  font-size: 42px;
  text-transform: uppercase;
}
.category-landing-header h3 {
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
}
.category-landing-header .swiper-pagination {
  bottom: 10px;
}

.category-landing-search {
  font-weight: 200;
  text-align: center;
}
.category-landing-search p {
  font-size: 21px;
}
.category-landing-search h2 {
  text-transform: uppercase;
}
.category-landing-search h4 {
  font-size: 21px;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-top: 40px;
  text-transform: uppercase;
  text-decoration: underline;
}

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

.total-confirmation {
  color: red;
}

.hr-tight {
  margin-top: 5px;
  margin-bottom: 15px;
}

.honda-book h1,
.honda-book h2,
.honda-book h3,
.honda-book h4,
.honda-book h5,
.honda-book h6 {
  text-transform: uppercase;
  text-align: center;
}
.honda-book blockquote {
  font-family: "Oswald", helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-size: 27px;
  text-align: center;
}
.honda-book figcaption {
  text-align: center;
  color: var(--gray-light);
}
.honda-book .col-sm-6.well:first-child {
  border-left: 15px solid #ffffff;
}
.honda-book .col-sm-6.well:last-child {
  border-right: 15px solid #ffffff;
}
.honda-book .well {
  margin-bottom: 0;
}
.honda-book .btn-slider i:before {
  content: "[+]";
}
.honda-book .btn-slider.active i:before {
  content: "[-]";
}
.honda-book .media-heading {
  font-family: "Oswald", helvetica, arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.3em;
}
.honda-book .media-left {
  padding-right: 30px;
  width: 30%;
}
.honda-book .media-body {
  padding-right: 30px;
}
.honda-book .thumbnails img {
  border: solid 1px var(--gray-lighter);
}

.tab-content img,
.trix-content img {
  max-width: 100%;
  height: auto;
}
label {
  font-size: 13px;
}

#cart-shipping-estimate-zip-input {
  display: block;
  margin-bottom: 4px;
}

.form-control-help-image {
  vertical-align: middle;
  margin-left: 10px;
}

#shopatron-payment-form .fa,
#dpm-form .fa,
#authorize-payment-form .fa {
  display: inline;
  opacity: 0.5;
  margin-left: -18px;
}

#shopatron-payment-form .form-control,
#dpm-form .form-control,
#authorize-payment-form .form-control {
  display: inline;
}

#checkout-review-details h4,
#checkout-review-details h5,
#continue-checkout-block h4,
#continue-checkout-block h5 {
  margin-top: 0;
}

.checkout-review-coupon {
  color: #555;
}

.checkout-review-coupon summary {
  cursor: pointer;
}

.checkout-review-coupon__form {
  margin-top: 8px;
}

.checkout-guest-clarity {
  display: grid;
  gap: 4px;
  margin-bottom: 20px;
}

.checkout-guest-clarity strong {
  font-size: 16px;
}

.checkout-guest-clarity a {
  text-decoration: underline;
  width: fit-content;
}

#continue-checkout-block {
  background-color: #fff;
  z-index: 2;
  padding-top: 20px;
}
@media (max-width: 767px) {
  #continue-checkout-block {
    position: relative !important;
  }
}
#continue-checkout-block th,
#continue-checkout-block td {
  padding: 0 4px;
}

#continue-checkout-block.updating,
#payment-box.updating {
  opacity: 0.5;
  background-color: #cccccc;
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
  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: 4rem 4rem;
  display: -ms-flexbox;
  display: inherit;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  /* justify-content: center; */
  color: inherit;
  text-align: inherit;
  white-space: nowrap;
  transition: width 0.6s ease;
}
#continue-checkout-block.updating th,
#payment-box.updating th {
  background-color: inherit;
}

.text-danger {
  color: #b30000;
  padding: 5px 0 5px 0;
}

th {
  background-color: transparent;
}

#authorize-alert {
  padding: 10px;
  margin-bottom: 10px;
}

.container-child {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 767px) {
  .flex-responsive {
    display: block;
  }
  .flex-responsive .pe-0 {
    padding-right: 15px !important;
  }
}
@media (min-width: 480px) {
  .flex-responsive {
    display: flex;
  }
}
.video-thumbnail {
  min-height: 50%;
  background-color: #ccc;
  display: block;
  position: relative;
}
.video-thumbnail iframe {
  max-height: 100%;
  max-width: 100%;
}
.video-thumbnail .video-thumbnail-overlay {
  display: inline-block;
  background-color: rgba(51, 51, 51, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.video-thumbnail .video-thumbnail-overlay .fa-play-circle-o {
  color: #ffffff;
}
@media (max-width: 767px) {
  .video-thumbnail .video-thumbnail-overlay .fa-play-circle-o {
    line-height: 355%;
    font-size: 50px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .video-thumbnail .video-thumbnail-overlay .fa-play-circle-o {
    line-height: 320%;
    font-size: 60px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video-thumbnail .video-thumbnail-overlay .fa-play-circle-o {
    line-height: 360%;
    font-size: 70px;
  }
}
@media (min-width: 1200px) {
  .video-thumbnail .video-thumbnail-overlay .fa-play-circle-o {
    line-height: 390%;
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .video-thumbnail {
    width: 83vw;
    height: 46.7vw;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .video-thumbnail {
    width: 335px;
    height: 188.4px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .video-thumbnail {
    width: 445px;
    height: 250.3px;
  }
}
@media (min-width: 1200px) {
  .video-thumbnail {
    width: 545px;
    height: 306.6px;
  }
}

.home-jumbo-left {
  background: no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: var(--gray);
  padding: 20px 20px 40px;
  overflow: hidden;
  color: #ffffff;
}
.home-jumbo-left p {
  font-size: 18px;
}
.home-jumbo-left .btn-default {
  border-color: #ffffff;
  color: #ffffff;
}
.home-jumbo-left .accent {
  border-bottom-color: #ffffff;
}

.jumbo-image-right {
  font-size: 1.5em;
  font-weight: 200;
  margin-bottom: 20px;
}
.jumbo-image-right .btn {
  margin-bottom: 20px;
  font-size: 0.75em;
}
.jumbo-image-right h3 a {
  color: inherit;
}

.page-body img {
  max-width: 100%;
  height: auto !important;
}

hr.gridded {
  margin: 0;
  border-top: 1px solid #e0e0e0;
}

.grid-pad-n {
  padding-top: 30px;
}

.grid-pad-s {
  padding-bottom: 30px;
}

.grid-pad-nes {
  padding: 30px 15px 30px 0;
}

.grid-pad-nsw {
  padding: 30px 0 30px 15px;
}

.gridded-row div.gridded-left-edge {
  padding-left: 15px;
}

.gridded-row h3 {
  margin-top: 0;
}

.border-bottom {
  border-bottom: 1px solid #e0e0e0;
}

.border-right {
  border-right: 1px solid #e0e0e0;
}

.border-left {
  border-left: 1px solid #e0e0e0;
}

.gridded-row blockquote {
  border: none;
  color: var(--gray);
  font-size: 20px;
  margin-bottom: 20px;
}

.youtube-preview {
  position: relative;
  width: 100%;
  max-width: 750px;
  aspect-ratio: 16/9;
  background: #111;
  overflow: hidden;
}
.youtube-preview .youtube-preview__play, .youtube-preview iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.youtube-preview .youtube-preview__play {
  color: #fff;
}
.youtube-preview .youtube-preview__play[hidden] {
  display: none;
}
.youtube-preview .youtube-preview__play:focus-visible {
  outline: 3px solid #fff;
  outline-offset: -4px;
}
.youtube-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.youtube-preview .youtube-preview__button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(17, 17, 17, 0.7333333333);
  border-radius: 50%;
}
.youtube-preview .youtube-preview__button .ui-icon {
  width: 64px;
  height: 64px;
}
.youtube-preview .youtube-preview__label {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  background: #111;
  padding: 3px 10px;
}
.rails_admin .dropdown-toggle {
  white-space: nowrap;
}
.rails_admin .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.rails_admin .dropdown-toggle:empty::after {
  margin-left: 0;
}
.thumbnail-grid {
  min-height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.flex-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}

.flex-table {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

@media (min-width: 992px) {
  .flex-table {
    height: 600px;
  }
}
.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-inline-block {
  display: inline-block !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-col,
.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.flex-row {
  display: flex;
  min-height: 50px;
}

.flex-cell {
  flex: 1;
}

.flex-cell h3 {
  margin-top: 5px;
}

.row .cell {
  padding: 5px;
  box-sizing: border-box;
}

.justify-content-center {
  justify-content: center;
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

@media (min-width: 768px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 992px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
}
@media (min-width: 1200px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
}
.w-100 {
  width: 100% !important;
}
#footer .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#footer .correct-paddings {
  padding: 70px 0px;
}
@media (max-width: 991px) {
  #footer .correct-paddings {
    padding: 30px 0 0;
  }
  #footer .correct-paddings .col-xs-12 {
    margin-bottom: 40px;
  }
}

#footer-support {
  background-color: var(--brand-primary);
  margin: 0px;
  color: #ffffff;
}
#footer-support h2,
#footer-support h3 {
  color: #ffffff;
}
#footer-support h2 .fa,
#footer-support h3 .fa {
  margin-right: 10px;
}
#footer-support h2 a,
#footer-support h3 a {
  color: #ffffff;
}
#footer-support p, #footer-support p a {
  color: #ffffff;
  font-size: 1em;
}
@media (max-width: 767px) {
  #footer-support p, #footer-support p a {
    font-size: 1.1em;
  }
}

#footer-categories {
  background-color: var(--gray-darker);
  margin: 0px;
  color: #dddddd;
  font-size: 12px;
  font-weight: bold;
}
#footer-categories p a {
  font-size: 12px;
  font-weight: bold;
  color: #dddddd;
}
@media (max-width: 767px) {
  #footer-categories p a {
    font-size: 2em;
    text-transform: none;
    font-weight: normal;
  }
}
#footer-categories a.socials {
  color: #ffffff;
}

#footer-shipping-details {
  margin: 0px;
}

.copyright-bottom {
  background-color: var(--gray-darkest);
  text-align: center;
  padding: 10px;
  padding-top: 20px;
  margin: 0px;
}
.copyright-bottom p {
  color: #959D9D;
}
@media (max-width: 991px) {
  .copyright-bottom {
    font-size: 15px;
  }
}

#footer-sign-up-newsletter {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 100px;
}
#footer-sign-up-newsletter p {
  font-weight: bold;
}
#footer-sign-up-newsletter p span {
  color: var(--brand-primary);
}
#footer-sign-up-newsletter #sign-up-newsletter-form input {
  border: none;
  width: 300px !important;
  font-size: 12px;
  padding-bottom: 10px;
  padding-top: 10px;
  /* Firefox 19+ */
  /* Firefox 18- */
}
#footer-sign-up-newsletter #sign-up-newsletter-form input::-webkit-input-placeholder {
  color: #dddddd;
  font-style: italic;
}
#footer-sign-up-newsletter #sign-up-newsletter-form input::-moz-placeholder {
  color: #dddddd;
  font-style: italic;
}
#footer-sign-up-newsletter #sign-up-newsletter-form input:-moz-placeholder {
  color: #dddddd;
  font-style: italic;
}
#footer-sign-up-newsletter #sign-up-newsletter-form input:-ms-input-placeholder {
  color: #dddddd;
  font-style: italic;
}
#footer-sign-up-newsletter #sign-up-newsletter-form button {
  border: none;
  margin-left: -5px;
  text-transform: uppercase;
  font-size: 12px;
  padding-bottom: 10px;
  padding-top: 10px;
}

@media (max-width: 767px) {
  #footer-social {
    font-size: 2em;
  }
}

#footer-shipping {
  color: #3891dd;
  font-size: 17px;
  padding-bottom: 50px;
  text-align: center;
}
@media (max-width: 991px) {
  #footer-shipping {
    font-size: 1.6em;
  }
}
#footer-shipping hr {
  background-color: #0b0a0a;
  padding-left: 5%;
  padding-right: 5%;
}
#footer-shipping #footer-shipping-left {
  text-align: right;
  padding: 10px 0 0 0;
}
@media (max-width: 991px) {
  #footer-shipping #footer-shipping-left {
    text-align: center;
    padding: 10px 0 20px 0;
  }
}
#footer-shipping #footer-shipping-center {
  padding: 0px;
}
#footer-shipping #footer-shipping-right {
  padding: 10px 0 0 0;
  text-align: left;
}
@media (max-width: 991px) {
  #footer-shipping #footer-shipping-right {
    text-align: center;
    padding: 0 0 10px 0;
  }
}
input.check-box {
  appearance: auto;
  width: 21px;
  height: 21px;
  margin: 5px 5px 0 0;
  vertical-align: sub;
  accent-color: #005ba8;
  cursor: pointer;
}

input.check-box:focus-visible {
  outline: 2px solid #005ba8;
  outline-offset: 2px;
}

input.check-box:disabled {
  cursor: default;
}

label.label-checkbox {
  margin-top: 20px;
}

.shimmer,
turbo-frame[busy] {
  display: block;
  min-height: 2px;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 8%, #89d9ff 38%, #ffffff 54%);
  background-size: 1000px 640px;
  position: relative;
}

.label-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1.5;
  cursor: pointer;
  color: inherit;
}
.label-checkbox:focus, .label-checkbox:focus-visible {
  outline: none;
}
.label-checkbox:focus:before, .label-checkbox:focus-visible:before {
  outline: 1px dotted #aaa;
  outline-offset: 2px;
}
.label-checkbox.disabled, .label-checkbox[aria-disabled=true] {
  cursor: not-allowed;
  opacity: 0.65;
}
.label-checkbox.disabled:before, .label-checkbox[aria-disabled=true]:before {
  color: #aaaaaa;
}
.form-floating {
  position: relative;
}

.form-floating ::placeholder {
  color: transparent;
}

.form-floating > .form-control {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gray-darker);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid rgb(222, 226, 230);
  border-radius: 0.175rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1.1rem 0.75rem;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + 2px);
  min-height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.6rem;
  padding-bottom: 0.5rem;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: rgba(35, 31, 32, 0.65);
  transform: scale(0.75) translateY(-0.45rem) translateX(0.15rem);
}

.form-floating > label {
  color: rgba(35, 31, 32, 0.65);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  font-size: 1.1rem;
  font-weight: 400;
}

.form-floating.mb-3 {
  margin-bottom: 1.1rem !important;
}
.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .was-validated :valid ~ .invalid-feedback {
  display: block;
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
@media (max-width: 991px) {
  body {
    /* font-size: 1em; */
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", helvetica, sans-serif;
}

@media (max-width: 767px) {
  h3,
  .fs-3 {
    font-size: 30px;
  }
  h4,
  .fs-4 {
    font-size: 25px;
  }
  h5,
  .fs-5 {
    font-size: 23px;
  }
  h6,
  .fs-6 {
    font-size: 21px;
  }
}
h1 sup,
h2 sup {
  top: -0.3em;
}

h1 a {
  color: inherit;
}

h1.accent,
h2.accent,
h3.accent,
h4.accent,
h5.accent,
h6.accent {
  text-transform: uppercase;
  border-bottom-style: solid;
  border-bottom-color: var(--gray-dark);
  white-space: nowrap;
  overflow: visible;
}

h1.accent {
  font-size: 40px;
  border-bottom-width: 5px;
  padding-bottom: 14px;
  font-weight: 300;
  letter-spacing: 2px;
}
@media (min-width: 768px) {
  h1.accent {
    width: 60px;
  }
}

h2.accent {
  border-bottom-width: 4px;
  padding-bottom: 11px;
}
@media (min-width: 768px) {
  h2.accent {
    width: 50px;
  }
}

h3.accent {
  border-bottom-width: 3px;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  h3.accent {
    width: 40px;
  }
}

h4.accent {
  border-bottom-width: 3px;
  padding-bottom: 5px;
}
@media (min-width: 768px) {
  h4.accent {
    width: 33px;
  }
}

h5.accent {
  border-bottom-width: 2px;
  padding-bottom: 3px;
}
@media (min-width: 768px) {
  h5.accent {
    width: 22px;
  }
}

h6.accent {
  border-bottom-width: 1px;
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  h6.accent {
    width: 14px;
  }
}

hr.accent {
  border-bottom-style: solid;
  border-bottom-color: var(--gray-dark);
  border-bottom-width: 5px;
  width: 60px;
  margin-left: 0;
}

.container-alert {
  background-color: #ffffff;
}

.home .container-alert {
  background-color: var(--gray-darker);
}

.alert-notice,
.alert-warning,
.alert-danger,
.alert-success {
  display: flex;
  padding: 10px 20px;
  margin: 10px 0;
}

.container-alert .alert-notice,
.container-alert .alert-warning,
.container-alert .alert-danger,
.container-alert .alert-success {
  margin: 0;
}

.alert-notice {
  background-color: #ffe690;
  color: #7a6407;
}

@media (max-width: 767px) {
  .alert-notice,
  .alert-warning,
  .alert-danger,
  .alert-success {
    margin-bottom: 20px;
  }
}
.alert-block {
  padding: 20px;
  margin: 20px;
}
.alert-block h1,
.alert-block h2,
.alert-block h3,
.alert-block h4,
.alert-block h5,
.alert-block h6 {
  margin-top: 0;
  margin-bottom: 10px;
}

.alert-block-no-margin {
  padding: 20px;
}
.alert-block-no-margin h1,
.alert-block-no-margin h2,
.alert-block-no-margin h3,
.alert-block-no-margin h4,
.alert-block-no-margin h5,
.alert-block-no-margin h6 {
  margin-top: 0;
  margin-bottom: 10px;
}

.alert-minimal {
  padding: 10px 0;
  background-color: var(--gray-lighter);
}

.has-error .form-control {
  background-color: #f8d7da;
}

.list-links-strong a {
  font-family: "Oswald", helvetica, sans-serif;
  color: var(--gray);
}
.list-links-strong a.highlight {
  color: var(--brand-primary);
}

.btn-xl {
  padding: 18px 25px;
  line-height: 1.33333;
  border-radius: 2px;
  border-width: 2px !important;
  font-size: 20px !important;
  font-family: "Oswald", helvetica, sans-serif;
  font-weight: 300;
}

.btn-fullwidth {
  display: block;
  font-size: 6em;
  color: #c0c0c0;
}

.btn-fullwidth:active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-slider {
  display: block;
  color: var(--gray-dark);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 1.7em;
}

.label-fullwidth {
  font-size: 0.2em;
  display: block;
  margin-bottom: -40px;
  margin-top: 20px;
  letter-spacing: 0.2em;
}

iframe {
  max-width: 100%;
}

.hide-overflow {
  overflow: hidden;
  white-space: nowrap;
}

.bg-light-gray {
  background-color: var(--gray-lighter);
}

.alt-row {
  background-color: var(--gray-lighter);
}
.alt-row .last-col {
  border-right: 15px solid white;
  padding-right: 0;
}

.popper {
  position: absolute;
  display: none;
  background-color: #fff;
  margin-left: 15px;
  padding: 15px;
  z-index: 10;
  box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 2px 1px;
  text-align: left;
}

ul.popper {
  list-style: none;
}

.popper.active {
  display: block;
}

.slider {
  overflow-y: hidden;
}

#newsletter-popper {
  background-repeat: no-repeat;
  background-position: bottom right;
  position: fixed;
  color: #ffffff;
  right: -100%;
  bottom: 50px;
  z-index: 98;
  box-shadow: -6px 6px 12px rgba(0, 0, 0, 0.35);
  text-align: center;
}
#newsletter-popper form {
  border: 2px solid #fff;
  padding: 20px;
}
#newsletter-popper h2 {
  text-transform: uppercase;
  margin: 0;
  font-size: 51px;
  font-style: italic;
}
@media (min-width: 768px) {
  #newsletter-popper {
    width: 410px;
    padding: 20px;
  }
  #newsletter-popper input {
    width: 244px;
    margin: 10px auto;
    display: block;
  }
}
@media (max-width: 767px) {
  #newsletter-popper {
    width: 90%;
    padding: 20px;
  }
  #newsletter-popper input {
    margin: 10px auto;
    display: block;
  }
  #newsletter-popper .btn-lg,
  #newsletter-popper .btn-group-lg > .btn {
    padding: 6px 18px;
    font-size: 1em;
    margin: 5px;
  }
}

.input-group-btn .btn {
  font-size: 12.6px;
}

.well-outline {
  border: 1px solid var(--gray-light);
  background-color: transparent;
  margin-bottom: -1px !important;
}

.well > h1,
.well > h2,
.well > h3,
.well > h4,
.well > h5,
.well > h6 {
  margin-top: 0;
}

.tabby div {
  display: none;
}

.tabby div.active {
  display: block;
}

.tabby a {
  color: lawngreen;
}

.tabby a.active {
  color: orangered;
}
#navbar-main {
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  #navbar-main {
    display: flex;
    flex-direction: row;
  }
}
#navbar-main .btn-dropdown {
  flex-grow: 1;
  vertical-align: middle;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  white-space: nowrap;
  line-height: 46px;
}
@media (max-width: 991px) {
  #navbar-main .btn-dropdown {
    border-bottom: none;
    line-height: 0;
  }
}
@media (min-width: 992px) {
  #navbar-main .btn-dropdown {
    font-size: 13px;
  }
}
@media (max-width: 991px) {
  #navbar-main .btn-dropdown {
    line-height: 2em;
  }
}
#navbar-main .btn-dropdown:hover,
#navbar-main .btn-dropdown:focus {
  border-bottom: 6px solid var(--brand-lightest);
  text-decoration: none;
}
@media (max-width: 991px) {
  #navbar-main .btn-dropdown:hover,
  #navbar-main .btn-dropdown:focus {
    border-bottom: none;
  }
}

.dark-blue-nav-item {
  background-color: var(--brand-primary);
}
@media (max-width: 991px) {
  .dark-blue-nav-item {
    display: block;
  }
}
.dark-blue-nav-item .dropdown.open,
.dark-blue-nav-item .dropdown.open:focus,
.dark-blue-nav-item .dropdown.open:active {
  border-bottom: 6px solid #85add0 !important;
}

.light-blue-nav-item {
  background-color: var(--brand-light);
}
@media (max-width: 991px) {
  .light-blue-nav-item {
    display: block;
  }
}
.light-blue-nav-item .dropdown.open,
.light-blue-nav-item .dropdown.open:focus,
.light-blue-nav-item .dropdown.open:active {
  border-bottom: 6px solid #71a7ce !important;
}
.light-blue-nav-item .btn-dropdown {
  background-color: transparent;
}

#blue-header {
  position: relative;
  line-height: 0;
}

.blue-header-left {
  background-color: var(--brand-primary);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  z-index: -1;
}
@media (max-width: 991px) {
  .blue-header-left {
    width: 100%;
  }
}

.blue-header-right {
  background-color: var(--brand-light);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  z-index: -1;
}
@media (max-width: 991px) {
  .blue-header-right {
    display: none;
  }
}

#navbar-main .btn-dropdown.open {
  position: static;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0;
  margin-left: 0;
  vertical-align: middle;
  content: none;
  border: none;
}

.dropdown-menu {
  display: none;
  text-align: left;
  z-index: 50;
  line-height: 20px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  padding-bottom: 20px;
  max-width: 100%;
  border: none !important;
  background-color: var(--gray-lighter);
}
@media (max-width: 991px) {
  .dropdown-menu {
    position: relative;
    float: none;
  }
}
.dropdown-menu h2 {
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 28px;
  margin: 15px 0;
  padding: 15px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: center;
}
.dropdown-menu h2 a {
  color: inherit;
}
.dropdown-menu .dropdown-item {
  display: block;
  text-transform: none;
  padding: 4px 8px;
}
.dropdown-menu hr {
  border-top: 1px solid #d8d8d8;
}

.dropdown-item {
  color: inherit;
  font-size: 13px;
  white-space: normal;
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media (max-width: 991px) {
  .dropdown-item {
    font-size: 18px;
    line-height: normal;
  }
}

.dropdown-item:hover {
  color: var(--brand-lighter);
}

.dropdown-item h6 {
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  text-transform: uppercase;
  width: auto;
}
@media (max-width: 991px) {
  .dropdown-item h6 {
    font-size: 21px;
  }
}

.dropdown-sider {
  background-color: #ffffff;
  padding: 15px 10px;
}

.dropdown-sider a {
  color: inherit;
}

.close-dropdown {
  cursor: pointer;
  color: #96989a;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem 2rem;
  font-size: 4rem;
  line-height: 4rem;
}
@media (max-width: 991px) {
  .close-dropdown {
    display: none;
  }
}

@media (min-width: 992px) {
  .column3 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
}

.column4 {
  -moz-column-count: 4;
  -webkit-column-count: 4;
  column-count: 4;
}

#account-dropdown {
  background-color: var(--brand-lighter);
  margin-top: 10px;
  padding: 10px;
}
#account-dropdown a {
  color: #ffffff;
  font-size: 15px;
}
.custom-container {
  margin: 0px;
  padding: 0px;
  max-width: 1500px;
}

.logo {
  padding: 4px;
}
.logo img {
  max-width: 96%;
  height: auto;
}
@media (max-width: 991px) {
  .logo img {
    width: auto;
    max-width: none;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .logo {
    max-height: 40px;
  }
}

.tagline {
  text-transform: uppercase;
  text-decoration: inherit;
  font-style: italic;
  color: #f0f0f0;
  font-family: "Oswald", "Helvetica Neue";
  letter-spacing: 0.1em;
  font-weight: 100;
  text-align: center;
  margin: 20px 0 0;
  white-space: nowrap;
}
@media (max-width: 991px) {
  .tagline {
    font-size: 13px;
    font-size: 13px;
    background-color: var(--gray-darker);
    margin: 0;
    padding: 0 0 5px 0;
  }
}
@media (max-width: 767px) {
  .tagline {
    font-size: 13px;
    padding: 10px 10px 20px;
    white-space: normal;
  }
}
.tagline em {
  color: #f9c908;
}

.nav-block-short {
  margin: 4px 0;
}

.global-search {
  text-align: right;
}
@media (max-width: 767px) {
  .global-search {
    position: absolute;
    margin-top: 50px;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .global-links {
    padding-right: 30px;
    text-align: right;
  }
}
@media (max-width: 991px) {
  .global-links {
    text-align: right;
  }
}

.nav {
  margin-bottom: 0;
}

input.form-control {
  border-radius: 0px;
  border-color: #dddddd;
}

.nav.nav-inline {
  margin-bottom: 0px;
}

#dark-grey-header {
  background-color: var(--gray-darker);
  height: auto;
  margin: 0px !important;
}
@media (min-width: 1500px) {
  #dark-grey-header {
    height: 130px !important;
  }
}
@media (min-width: 1200px) {
  #dark-grey-header {
    padding: 30px 0px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #dark-grey-header {
    padding: 30px 0px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #dark-grey-header {
    padding: 0px 0px;
  }
}

.light-grey-text {
  color: #acaaab;
  background: none !important;
  border: none !important;
  font-size: 16px;
}

input.dark-grey-search {
  background-color: #3a3a3a;
  border-radius: 0;
  width: 100% !important;
  border: none;
  padding: 19px 24px;
  font-size: 16px;
  color: #bbbbbb;
  /* Firefox 19+ */
  /* Firefox 18- */
}
input.dark-grey-search::-webkit-input-placeholder {
  color: #888888;
}
input.dark-grey-search::-moz-placeholder {
  color: #888888;
}
input.dark-grey-search:-moz-placeholder {
  color: #888888;
}
input.dark-grey-search:-ms-input-placeholder {
  color: #888888;
}

#search-go-button {
  display: none;
}

#search-focuser-bg {
  background-color: #222222;
}

#search-focuser {
  display: none;
}

#search-focus-button,
#search-focus-button-home {
  display: none;
  position: absolute;
  top: 6px;
  right: 25px;
  z-index: 1;
}
@media (max-width: 991px) {
  #search-focus-button,
  #search-focus-button-home {
    position: absolute;
    top: 0.5px;
    right: 14px;
  }
}

#btn-menu-focus-sbv {
  color: var(--brand-lightest);
  border: 1px solid var(--brand-lightest);
}

@media (max-width: 991px) {
  .global-search {
    display: none;
  }
  #search-focuser {
    display: block;
    position: relative;
    background-color: #222222;
    padding: 15px 30px 15px 30px;
  }
  input.dark-grey-search {
    background-color: #ffffff;
    border-radius: 0;
    width: 100% !important;
    height: 44px;
    border: none;
    padding: 19px 24px;
    font-size: 16px;
    color: #222222;
  }
  input.dark-grey-search::-webkit-input-placeholder {
    color: #888888;
  }
  input.dark-grey-search::-moz-placeholder {
    color: #888888;
  }
  input.dark-grey-search:-moz-placeholder {
    color: #888888;
  }
  input.dark-grey-search:-ms-input-placeholder {
    color: #888888;
  }
  #search-go-button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
  }
  #search-focus-button,
  #search-focus-button-home {
    display: block;
    transform: none;
    position: absolute;
    top: 15px;
    right: 14px;
    border-radius: 0;
    height: 38px;
  }
  .ais-SearchBox-input {
    background-color: #ffffff;
    color: #000;
  }
  #instant-search-results {
    position: inherit;
  }
  body.overlay {
    height: 100%;
    overflow: hidden;
  }
  body.overlay #overlay-fader {
    position: absolute;
    background-color: #333333;
    opacity: 0.8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
  }
  body.overlay #search-focuser {
    display: none;
  }
  #blue-header {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 80%;
    left: -80%;
    overflow-y: scroll;
    z-index: 100;
    transition-property: left;
    transition-duration: 0.25s;
  }
  #navbar-main {
    text-align: left;
  }
  #navbar-main .btn-dropdown {
    padding-left: 0.7em;
    position: relative;
  }
  #navbar-main .btn-dropdown .ui-icon {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 0.6em;
    color: #d5e0e9;
  }
  #navbar-main .dropdown-menu {
    position: relative;
    transform: none;
    overflow: hidden;
  }
  #navbar-main .dropdown-menu h2 {
    font-family: "Helvetica Neue", "Arial", sans-serif;
    font-size: 18px;
    text-align: left;
    margin: 0;
    padding: 20px 0 18px 10px;
  }
  #navbar-main .dropdown-menu h2 a {
    display: block;
  }
  #navbar-main .dropdown-menu hr {
    display: none;
  }
  #navbar-main .dropdown-menu .dropdown-item {
    font-size: 14px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
  body.menu-focus #btn-menu-focus-search {
    display: inline-block;
  }
  body.menu-focus #dark-grey-header {
    width: 100%;
    top: 0;
    overflow: hidden;
    padding: 0;
    z-index: 100;
  }
  body.menu-focus #dark-grey-header .global-search {
    display: none;
  }
  body.menu-focus #blue-header {
    left: 0;
  }
  body.search-focus #search-focuser,
  body.search-focus #search-focus-button,
  body.search-focus #search-focus-button-home {
    display: none;
  }
  body.search-focus .logo {
    display: none;
  }
  body.search-focus .global-links {
    display: none;
  }
  body.search-focus .global-search {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    z-index: 100;
  }
  body.search-focus .global-search .tagline {
    display: none;
  }
  body.search-focus #dark-grey-header {
    padding: 0;
  }
  body.search-focus #search-go-button {
    display: block;
    height: 47px;
    font-size: 14px;
  }
}
#btn-menu-focus-search {
  display: none;
}

#remove-focus-button {
  display: none;
  position: absolute;
  top: 6px;
  left: -4px;
}
#remove-focus-button svg {
  padding: 3px;
  height: 18px;
  margin-left: 1px;
}
#remove-focus-button svg circle,
#remove-focus-button svg path {
  fill: #666666;
}

@media (max-width: 991px) {
  body.search-focus #remove-focus-button {
    display: block;
  }
}
.grey-search-icon {
  color: #888888;
}
.light-blue-background {
  background-color: var(--brand-lighter) !important;
}

.alert {
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: none;
}

#nav-header-sm {
  background-color: var(--gray-darker);
  padding: 10px 0;
}
#nav-header-sm .grey-search-icon {
  position: absolute;
  top: 13px;
  right: 10px;
}
@media (max-width: 991px) {
  #nav-header-sm .grey-search-icon {
    top: 8px;
  }
}
#nav-header-sm .nav-toggle {
  color: #666666;
  background-color: transparent;
  font-size: 36px;
  line-height: 36px;
}

@media (min-width: 992px) {
  .collapse {
    display: block !important;
  }
}

.btn-user-nav:focus {
  color: #acaaab !important;
}

.btn-user-nav {
  color: #acaaab;
  background: transparent;
  border: transparent;
  text-transform: inherit;
  letter-spacing: inherit;
  font-size: 16px;
}
.btn-user-nav svg {
  height: 18px;
  margin-left: 1px;
}
.btn-user-nav svg circle,
.btn-user-nav svg path {
  fill: #666666;
}
.btn-user-nav .cart-indicator {
  top: 1px;
  position: relative;
}
.btn-user-nav #cart-count {
  position: absolute;
  left: 12px;
  bottom: 9px;
  color: #deb507;
  font-weight: 100;
  font-family: "Oswald", "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.9em;
  letter-spacing: 1px;
}

.dropdown-menu .btn-user-nav {
  display: block;
}

@media (max-width: 991px) {
  .btn-user-nav {
    font-size: 21px;
  }
  .btn-user-nav svg {
    height: 18px;
    margin-left: 1px;
  }
  .btn-user-nav svg circle,
  .btn-user-nav svg path {
    fill: var(--gray-lighter);
  }
  .navbar-nav {
    margin: 0 !important;
    float: none;
  }
}
.btn-user-nav:hover {
  color: var(--gray-lighter);
}

.btn-cart {
  padding-right: 2px;
}

#search-by-vehicle-header {
  background-color: var(--gray-darker);
}
#search-by-vehicle-header #sbv-intro {
  text-align: right;
  padding-right: 15px;
}
#search-by-vehicle-header #sbv-header1 {
  font-size: 12px;
  font-weight: 900;
  color: #aaaaaa;
}
#search-by-vehicle-header #sbv-header2 {
  margin: 0;
  font-size: 17px;
  font-weight: 100;
  color: #f9c908;
}
#search-by-vehicle-header .sbv-col {
  height: 50px;
  padding: 0.5rem;
  display: flex;
  align-items: center;
}
#search-by-vehicle-header .sbv-col a {
  display: block;
}
#search-by-vehicle-header #sbv-chevron-right {
  height: 14px;
}
#search-by-vehicle-header #sbv-chevron-right path {
  fill: #f9c908;
}
#search-by-vehicle-header #sbv-step-1 {
  background-color: #7c7c7c;
  /* border-right: 3rem solid #7c7c7c; */
}
#search-by-vehicle-header #sbv-step-2 {
  background-color: #9f9f9f;
  /* border-right: 3rem solid #9f9f9f; */
}
#search-by-vehicle-header #sbv-step-3 {
  background-color: #cccccc;
  /* border-right: 3rem solid #cccccc; */
}
#search-by-vehicle-header .sbv-svg-step-number {
  height: 23px;
  width: 26px;
  margin-bottom: 1px;
  margin-right: 4px;
}
#search-by-vehicle-header #home-sbv-recent {
  background-color: #cccccc;
  border-right: 4px solid #666666;
  flex-grow: 1;
  position: relative;
}
#search-by-vehicle-header #home-sbv-recent a,
#search-by-vehicle-header #home-sbv-recent a:visited {
  color: #003b6b;
}
#search-by-vehicle-header h4 {
  text-transform: uppercase;
}
#search-by-vehicle-header h4 small {
  font-size: 85%;
  margin-left: 2px;
  color: #888b8e;
  font-weight: 100;
}
#search-by-vehicle-header .col-flex-sm-2,
#search-by-vehicle-header .col-flex-sm-3 {
  padding-right: 0;
}
#search-by-vehicle-header .btn-popper {
  padding: 8px 0 8px 15px;
  display: inline-block;
  white-space: nowrap;
}
#search-by-vehicle-header .form-control {
  width: 140px;
  margin-left: 9px;
  display: inline-block;
  padding: 0 0.3rem;
  font-size: 1rem;
  font-family: "Oswald";
}
@media (max-width: 767px) {
  #search-by-vehicle-header #home-sbv-recent {
    border: none;
  }
}
@media (min-width: 1200px) {
  #search-by-vehicle-header .col-flex-sm-3 {
    width: 19%;
    flex-basis: 19%;
    max-width: 19%;
  }
  #search-by-vehicle-header .col-flex-sm-2 {
    width: 13%;
    flex-basis: 13%;
    max-width: 13%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #search-by-vehicle-header .col-flex-sm-3 {
    width: 24%;
    flex-basis: 24%;
    max-width: 24%;
  }
  #search-by-vehicle-header .col-flex-sm-2 {
    width: 13%;
    flex-basis: 13%;
    max-width: 13%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #search-by-vehicle-header .col-flex-sm-3 {
    width: 30%;
    flex-basis: 30%;
    max-width: 30%;
  }
  #search-by-vehicle-header .col-flex-sm-2 {
    width: 15%;
    flex-basis: 15%;
    max-width: 15%;
  }
}

body.overlay #overlay-fader {
  position: absolute;
  background-color: #333333;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
@media (max-width: 767px) {
  .img-xs-responsive {
    max-width: 100%;
  }
}

.bg-blue-burst {
  background-image: radial-gradient(circle at center, #3678cc 0, #185bbd 100%);
  margin-bottom: 2px;
  max-width: 100%;
}

.bg-black {
  background-color: #000000;
}

.a-best-seller {
  text-align: center;
}
.a-best-seller img {
  max-width: 100%;
}

@media (max-width: 991px) {
  .home-best-sellers .a-best-seller {
    margin-bottom: 20px;
  }
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
}

.ui-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  flex-shrink: 0;
  pointer-events: none;
}

.icon-lg {
  font-size: 1.333333em;
}

.icon-2x {
  font-size: 2em;
}

.icon-inverse {
  color: #fff;
}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}
.nav-tabs {
  border-bottom: 2px solid transparent;
}
.nav-tabs > li {
  margin-bottom: 0;
  margin-right: 0;
  position: relative;
}
.nav-tabs > li > a {
  font-family: "Oswald", helvetica, sans-serif;
  font-weight: 300;
  font-size: 1.5em;
  color: var(--brand-light);
  border-bottom: 2px solid #ddd;
  border-top: none;
  border-right: none;
  border-left: none;
  margin: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom: 2px solid var(--gray-dark);
  border-top: none;
  border-right: none;
  border-left: none;
  color: var(--gray-dark);
  /* border: none; */
  font-weight: 500;
}

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

@media (max-width: 991px) {
  .nav > li {
    /* float: none !important; */
  }
  .nav > li button {
    width: 100%;
    text-align: center;
  }
  #store-locator > .nav > li {
    float: left !important;
  }
}
.nav-row {
  position: relative;
}
@media (max-width: 991px) {
  .nav-row {
    line-height: 0;
  }
}

.menu-articles h4 {
  background-color: var(--brand-primary);
  padding: 20px;
  margin: 0;
  color: #ffffff;
}
.menu-articles .img-responsive {
  min-width: 100%;
}
.menu-articles .media {
  background-color: var(--gray);
  margin: 0;
}
.menu-articles .media-left {
  padding: 0 10px;
  vertical-align: middle;
}
.menu-articles .media-left a {
  color: #ffffff;
  font-size: 28px;
}
.menu-articles .menu-help-icon {
  width: 30px;
}
.menu-articles .media-heading {
  margin: 0;
}
.menu-articles .media-heading a {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
}
.menu-articles .media-body {
  vertical-align: middle;
}
.progress-vertical {
  margin-bottom: 30px;
  margin-top: 20px;
  list-style: none;
  padding-left: 8px;
}

.progress-vertical li {
  height: 75px;
  position: relative;
  padding-left: 20px;
}

.progress-vertical li:before {
  content: "•";
  width: 27px;
  height: 27px;
  display: block;
  color: transparent;
  background: var(--brand-success);
  border-radius: 19px;
  top: -2px;
  left: -12px;
  position: absolute;
}

.progress-vertical li:after {
  content: "";
  width: 5px;
  height: 60px;
  border-left: 5px solid #b4babe;
  position: absolute;
  left: 0;
  top: -56px;
  z-index: -1;
}

.progress-vertical li:first-child:after {
  content: none;
}

.progress-payment li {
  width: 50%;
}

.progress-vertical li.active:after,
.progress-vertical li.active:before {
  background: var(--brand-success);
}

.progress-vertical li.complete:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22white%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.5%2012.75l6%206%209-13.5%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 19px;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff;
  font-size: 17px;
  padding-top: 2px;
  text-align: center;
}

.progress-vertical li.complete:after {
  border-left: 5px solid var(--brand-success);
}

.progress-vertical li.half-complete:before {
  background-color: #fff;
  border: 4px solid #b4babe;
}

.progress-vertical li.half-complete:after {
  border-left: 5px dotted #b4babe;
}

.progress-vertical li:last-child {
  height: 10px;
}
.modal.active {
  display: block;
  left: auto;
  right: auto;
  bottom: auto;
}

body.overlay.modal-focus {
  height: 100%;
  overflow: hidden;
}
body.overlay.modal-focus #overlay-fader {
  position: fixed;
  background-color: #333333;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}
ul {
  padding-left: 16px;
}

tr,
td {
  padding: 0;
  margin: 0;
}

.note {
  font-size: 80%;
  color: var(--text-muted);
}

.notes {
  margin: 15px 0;
  clear: both;
}

.related-items-carousel .impression-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-align: center;
  height: 100%;
  margin: 0 auto;
}
.related-items-carousel .impression-block img {
  display: block;
  margin: 0 auto;
}
.related-items-carousel .product-card__image-link {
  display: block;
  width: 100%;
  max-width: 150px;
  margin: 0 auto;
}
.related-items-carousel .product-card__image {
  display: block;
  width: 100%;
  height: auto;
}
.related-items-carousel .product-description {
  width: 100%;
  padding-right: 0;
  text-align: center;
}
.related-items-carousel .thumb_label {
  display: block;
  margin: 0 auto;
}

.item-image {
  height: auto;
  max-width: 100%;
}

.item-image-box {
  vertical-align: middle;
  overflow: hidden;
}

.item-images-area {
  text-align: center;
}

.item-images-area-full h2 {
  margin-top: 0;
}

.product-hero {
  margin: 0;
}

.product-layout {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.product-layout__media,
.product-layout__details,
.product-purchase-rail,
.product-purchase-panel {
  min-width: 0;
}

.product-purchase-rail {
  display: contents;
}

.product-purchase-panel {
  background-color: var(--surface);
}

.product-purchase-panel a {
  text-decoration: underline;
}

.product-purchase-panel a.button {
  text-decoration: none;
}

.product-purchase-panel__content {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.product-purchase-panel--primary {
  box-shadow: 0 1px 0 var(--gray-lightish);
  position: sticky;
  top: 0;
  z-index: 3;
}

.product-partno {
  color: var(--gray-darker);
  font-size: 0.9rem;
  letter-spacing: 0.08em;
  margin-bottom: 0.5rem;
  text-transform: uppercase;
}

.product-partno span {
  color: var(--gray-darker);
  font-weight: 700;
}

.product-layout__details a:not(.button):not(.btn) {
  text-decoration: underline;
}

.product-price-block {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.9rem;
}

.product-price {
  color: var(--gray-darker);
  font-size: 1.9rem;
  line-height: 1;
  margin: 0;
}

.product-purchase-panel__links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem 1rem;
}

.product-purchase-panel__links a {
  font-size: 1.25rem;
  font-weight: 600;
}

.product-purchase-panel__signals {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pdp-legacy-layout .h4,
.pdp-legacy-layout .h5 {
  font-family: "Oswald", helvetica, sans-serif;
}

.product-legacy-specifications a {
  text-decoration: underline;
}

.product-confidence-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.6875rem;
  margin-block: 0.6875rem;
}
.product-confidence-price__current {
  font-family: "Oswald", helvetica, sans-serif;
  font-size: 25px;
  line-height: 1.2;
}
.product-confidence-price .original-price, .product-confidence-price .original-price span {
  font-size: 16px;
}

.product-confidence-purchase {
  margin-bottom: 0.6875rem;
}
.product-confidence-purchase .product-purchase-actions {
  margin-bottom: 0.6875rem;
}

.product-confidence-stock strong, .product-confidence-stock small {
  display: block;
}

.product-confidence-signals {
  margin-bottom: 0.6875rem;
}
.product-confidence-signals turbo-frame:empty {
  display: none;
}

.product-page-content__section {
  margin-bottom: 1.5rem;
}

.product-page-content__section h3 {
  margin-top: 0;
}

.product-page-content__body ul {
  list-style: disc;
  margin-left: 1.5rem;
}

.product-signal {
  font-size: 0.95rem;
  border-left: 4px solid var(--gray-lightish);
  padding: 0 0.75rem;
}

.product-signal strong {
  display: block;
}

.product-signal strong {
  color: var(--gray-darker);
}

.product-signal span {
  color: var(--gray);
}

.product-signal__line {
  align-items: center;
  display: flex;
  gap: 0.35rem;
}

.product-signal .product-signal__info-link {
  color: var(--text-muted);
  display: inline-flex;
  line-height: 1;
  text-decoration: none;
}

.product-signal .product-signal__info-link:hover,
.product-signal .product-signal__info-link:focus {
  color: var(--gray-darker);
  text-decoration: none;
}

.product-signal .product-signal__info-link svg {
  display: block;
}

.product-signal--success {
  border-left-color: var(--brand-success);
}

.product-signal--warning {
  border-left-color: var(--brand-danger);
}

.product-signal--neutral {
  border-left-color: var(--brand-warning);
}

.product-signal--muted {
  border-left-color: var(--gray-light);
}

.product-signal--vehicle {
  border-left-color: var(--accent);
}

.product-compatibility__body {
  align-items: center;
  display: flex;
  gap: 0.6rem;
}

.product-compatibility__icon {
  color: var(--accent);
  flex: 0 0 auto;
  line-height: 0;
}

.product-compatibility__icon svg {
  display: block;
  fill: currentColor;
  height: 1.75rem;
  width: 1.75rem;
}

.product-compatibility__content {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  min-width: 0;
}

.product-compatibility__badge-incompatible {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background-color: var(--brand-danger);
  border-radius: 100%;
  height: 1.5rem;
  aspect-ratio: 1;
}

.product-compatibility__badge-compatible {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--brand-success);
  border-radius: 100%;
  width: 1.4rem;
  height: 1.4rem;
}

.product-compatibility__content svg {
  width: 1.4rem;
  height: 1.4rem;
  color: var(--surface);
}

.product-compatibility__link--headline {
  color: var(--gray-darker);
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
}

.product-compatibility__cta--inline {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 0.45rem;
}

.product-compatibility__separator {
  color: var(--text-muted);
  display: inline;
}

.product-compatibility__shelf-body h4 {
  margin: 0.65rem 0 0;
}

.product-compatibility__shelf-body ul {
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
}

.product-compatibility__shelf-body li {
  border-top: 1px solid var(--button-info-border);
}

.product-compatibility__shelf-body li:last-child {
  border-bottom: 1px solid var(--button-info-border);
}

.product-compatibility__shelf-body li a {
  color: var(--gray-darker);
  display: block;
  padding: 0.75rem 0;
  text-decoration: none;
}

.product-compatibility__shelf-body .cancel {
  color: var(--text-muted);
  display: inline-block;
  margin-top: 0.6rem;
  text-decoration: none;
}

.product-purchase-actions {
  display: grid;
  gap: 0.75rem;
}

.product-purchase-actions__form,
.product-purchase-actions__form .button_to,
.add-to-cart-button-wrapper form {
  margin: 0;
}

.add-to-cart-button-wrapper,
.product-purchase-actions__primary,
.product-purchase-actions__secondary {
  width: 100%;
}

.add-to-cart-button--secondary {
  color: var(--gray-darker) !important;
  border: 1px solid var(--gray-darker);
}

.product-detail-secondary {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.9rem 1.5rem;
  margin-top: 1rem;
}

.product-detail-secondary__link a {
  font-weight: 600;
}

.product-rating-summary,
.product-reviews-summary,
.review-star-meter {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.7rem;
}

.product-rating-summary {
  color: var(--text-muted);
  margin: 0.6rem 0;
}

.product-rating-summary__text,
.product-reviews-summary span,
#rating-text {
  color: var(--gray-darker);
  font-weight: 600;
}

.product-reviews-summary {
  margin: 0.25rem 0 1rem;
}

.review-verified-purchaser-badge {
  background-color: color-mix(in srgb, var(--brand-success, #1e7e34) 12%, var(--surface));
  border: 1px solid color-mix(in srgb, var(--brand-success, #1e7e34) 45%, var(--surface));
  color: var(--brand-success, #1e7e34);
  display: inline-block;
  font-size: 0.85em;
  font-style: normal;
  font-weight: 700;
  margin-left: 0.5rem;
  padding: 0.1rem 0.45rem;
  vertical-align: baseline;
}

.review-product-image {
  display: block;
  height: auto;
  max-width: 320px;
  object-fit: contain;
  width: 100%;
}

.star-rating {
  --star-size: 1.3rem;
  --star-fill: var(--brand-warning);
  --star-empty: var(--gray-lightish);
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.18rem;
  vertical-align: middle;
}

.star-rating--large {
  --star-size: 1.8rem;
  gap: 0.28rem;
}

.star-rating--summary {
  --star-size: 1.2rem;
}

.star-rating__star {
  background: transparent;
  border: 0;
  color: var(--star-empty);
  display: inline-flex;
  flex: 0 0 var(--star-size);
  height: var(--star-size);
  line-height: 0;
  padding: 0;
  position: relative;
  width: var(--star-size);
}

button.star-rating__star {
  cursor: pointer;
}

button.star-rating__star:focus {
  border-radius: 2px;
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.star-rating__base,
.star-rating__fill {
  display: block;
  height: var(--star-size);
}

.star-rating__fill {
  color: var(--star-fill);
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 0;
}

.star-rating__star[data-star-state=full] .star-rating__fill {
  width: 100%;
}

.star-rating__star[data-star-state=half] .star-rating__fill {
  width: 50%;
}

.star-rating__icon {
  display: block;
  fill: currentColor;
  height: var(--star-size);
  max-width: none;
  width: var(--star-size);
}

#star-meter.is-disabled {
  opacity: 0.45;
}

.alt-thumbs {
  display: flex;
  flex-direction: row;
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
}

.alt-thumb {
  margin: 4px;
}

.alt-thumb a {
  border-radius: 4px;
  display: block;
  padding: 2px;
}

.alt-thumb a:focus {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}

.active-alt-thumb {
  box-shadow: var(--gray-light) 1px 1px 7px 1px;
}

.original-price {
  font-size: 12px;
  font-weight: normal;
  color: var(--brand-danger);
}

.original-price span,
.retail {
  font-size: 12px;
  color: var(--gray-light);
}

.show_rtl_to_dlr {
  font-size: 70%;
  font-weight: normal;
  text-align: center;
  color: var(--gray-light);
}

.price {
  color: var(--text);
  font-weight: bold;
  padding: 6px 0px 6px 0px;
  vertical-align: top;
  font-size: 120%;
  text-transform: inherit;
}

.share-button {
  float: none;
  margin-right: 0;
}

.share-g-plus {
  width: 38px;
}

#dropdown-cart {
  position: absolute;
  margin-left: 210px;
  text-align: initial !important;
  margin-top: -58px;
  min-width: 760px;
  max-width: 860px;
  background-color: var(--surface) !important;
  z-index: 50;
}
#dropdown-cart .dropdown-menu {
  display: block;
  background-color: var(--surface);
}
#dropdown-cart #product-adding-error-message {
  font-size: 16px;
}
#dropdown-cart h2 {
  text-transform: none !important;
  text-align: initial !important;
  margin: 0px !important;
  letter-spacing: 0px !important;
  padding: 17px 0 0 0 !important;
}
#dropdown-cart .pull-right.close-dropdown {
  padding: 16px !important;
}
#dropdown-cart .pull-right.close-dropdown p {
  font-size: 30px !important;
}
#dropdown-cart .cart-details {
  border-right: 1px solid var(--gray-lightish);
  min-height: 155px;
}
#dropdown-cart .cart-details h2,
#dropdown-cart .cart-details p {
  margin-bottom: 0px;
}
#dropdown-cart .cart-details h2 a,
#dropdown-cart .cart-details p a {
  padding: 0px;
}
#dropdown-cart #cart-popup-free-shiping {
  margin-top: 30px;
  margin-bottom: 0px;
}
#dropdown-cart #cart-popup-cost,
#dropdown-cart #cart-popup-conditions {
  font-size: 12px;
  margin-bottom: 0px;
}
#dropdown-cart #cart-popup-conditions {
  margin-top: -5px;
}

.review-response {
  margin-top: 20px;
  padding: 20px;
  background-color: color-mix(in srgb, var(--accent) 12%, var(--surface));
}
.review-response h4 {
  margin-top: 0;
}

.related-items-carousel .swiper-button-prev {
  left: 0;
}
.related-items-carousel .swiper-button-next {
  right: 0;
}

.warning-box {
  margin: 0 0 20px;
  border: 1px solid var(--gray-light);
  padding: 10px;
  max-width: 700px;
}

.fa-exclamation-triangle.text-warning {
  text-shadow: 1px 0 0 var(--color-black), 0 -1px 0 var(--color-black), 0 1px 0 var(--color-black), -1px 0 0 var(--color-black);
}

.ui-icon[data-icon=heart-solid],
.ui-icon[data-icon=heart] {
  cursor: pointer;
  margin-right: 5px;
}

.ui-icon[data-icon=heart-solid],
#item-like-alert {
  color: var(--brand-danger);
}

#item-like-alert {
  padding-top: 5px;
}

@media (max-width: 991px) {
  .product-price {
    font-size: 1.9rem;
  }
  .add-to-cart {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .product-layout {
    align-items: start;
    column-gap: 2rem;
    display: grid;
    grid-template-areas: "media rail" "details rail";
    grid-template-columns: minmax(0, 7fr) minmax(18rem, 5fr);
  }
  .product-layout__media {
    grid-area: media;
  }
  .product-layout__details {
    grid-area: details;
  }
  .product-purchase-rail {
    align-self: start;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    grid-area: rail;
    position: sticky;
    top: 2rem;
  }
  .product-purchase-panel--primary {
    box-shadow: none;
    position: static;
  }
  .related-items-carousel .impression-block {
    align-items: flex-start;
    text-align: left;
  }
  .related-items-carousel .impression-block img {
    margin: 0;
  }
  .related-items-carousel .product-card__image-link {
    margin: 0;
    padding-right: 30px;
    box-sizing: border-box;
  }
  .related-items-carousel .product-description {
    padding-right: 30px;
    text-align: left;
  }
  .related-items-carousel .thumb_label {
    margin: 0;
  }
}
.shelf-menu {
  overflow-x: hidden;
}

.shelf-menu aside {
  display: none;
  padding: 20px;
  width: 80vw;
}

.shelf-menu ul {
  list-style: none;
}

@media (max-width: 991px) {
  .shelf-menu {
    background-color: #cccccc;
    position: absolute;
    padding: 0;
    top: 0;
    bottom: 0;
    width: 0;
    right: 0;
    overflow-y: scroll;
    z-index: 100;
    transition-property: width;
    transition-duration: 0.25s;
  }
  .shelf-menu a {
    display: block;
    padding: 10px 0;
  }
  .shelf-menu a .icon {
    font-size: 14px;
    margin-right: 7px;
  }
  .shelf-menu a .icon path {
    fill: #666666;
  }
  .shelf-menu h4 {
    text-transform: none;
    margin: 0;
  }
  body.shelf-focus .shelf-menu.focused {
    width: 80vw;
  }
  body.shelf-focus .shelf-menu.focused aside {
    display: block;
  }
}
.global-shelf__backdrop {
  background: color-mix(in srgb, var(--gray-darker) 65%, transparent);
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition: opacity 0.25s ease;
  z-index: 1030;
}

.global-shelf__panel {
  background: var(--surface-2);
  bottom: 0;
  box-shadow: -12px 0 32px color-mix(in srgb, var(--gray-darker) 22%, transparent);
  max-width: min(32rem, 100vw);
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(calc(100% + 3rem));
  transition: transform 0.25s ease;
  width: min(32rem, 100vw);
  z-index: 1035;
}

.global-shelf__panel turbo-frame {
  display: block;
  height: 100%;
}

.global-shelf--open .global-shelf__backdrop {
  opacity: 1;
  pointer-events: auto;
}

.global-shelf--open .global-shelf__panel {
  transform: translateX(0);
}

.vehicle-shelf {
  color: var(--gray-darker);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: auto;
  padding: 1.25rem;
}

.vehicle-shelf__header {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.vehicle-shelf__heading h2 {
  color: var(--gray-darker);
  font-family: var(--font-heading);
  margin: 0;
}

.vehicle-shelf__close {
  background: none;
  border: 0;
  color: var(--accent);
  cursor: pointer;
  font-size: 2.25rem;
  line-height: 1;
  padding: 0;
}

.vehicle-shelf__body,
.vehicle-shelf__current,
.vehicle-shelf__recent {
  margin-top: 1rem;
}

.vehicle-shelf__eyebrow,
.vehicle-shelf__body > div:first-child {
  color: var(--text-muted);
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.vehicle-shelf__current-vehicle {
  color: var(--gray-darker);
  display: block;
  font-family: var(--font-heading);
  margin-top: 0.2rem;
}

.vehicle-shelf__current-actions {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem 0.8rem;
  margin-top: 0.35rem;
}

.vehicle-shelf__remove-link {
  color: var(--text-muted);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  font-weight: 300;
  margin-left: 0.4rem;
  text-decoration: underline;
}

.vehicle-shelf__vehicles {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem 0.5rem;
  margin-top: 0.45rem;
}

.vehicle-shelf__vehicle-pill {
  background: var(--button-primary-fg);
  border-radius: 999px;
  display: inline-flex;
  overflow: hidden;
  border: 1px solid var(--brand-primary);
}

.vehicle-shelf__vehicle-link {
  color: var(--brand-lighter);
  display: inline-flex;
  line-height: 1.35;
  padding: 0.2rem 0.7rem 0.2rem 0.85rem;
  text-decoration: none;
  font-family: var(--font-heading);
  font-weight: 100;
}

.vehicle-shelf__vehicle-link:hover,
.vehicle-shelf__vehicle-remove:hover {
  background: color-mix(in srgb, var(--gray-lighter) 72%, var(--surface));
}

.vehicle-shelf__vehicle-remove {
  align-items: center;
  border-left: 1px solid color-mix(in srgb, var(--brand-lighter) 35%, var(--brand-primary));
  color: var(--brand-lighter);
  display: inline-flex;
  font-size: 0.75rem;
  line-height: 1.35;
  padding: 0.2rem 0.65rem;
  text-decoration: none;
}

.vehicle-shelf__option-list {
  list-style: none;
  margin: 0.75rem 0 0;
  padding: 0;
}

.vehicle-shelf__option-list li {
  border-top: 1px solid var(--button-info-border);
}

.vehicle-shelf__option-list li:last-child {
  border-bottom: 1px solid var(--button-info-border);
}

.vehicle-shelf__option-list a {
  color: var(--gray-darker);
  display: block;
  padding: 0.55rem 0;
  text-decoration: none;
}

@media (max-width: 991px) {
  .global-shelf__panel {
    max-width: 100vw;
    width: min(28rem, 88vw);
  }
  .vehicle-shelf {
    padding: 1rem;
  }
  .vehicle-shelf__option-list a {
    min-height: 44px;
    padding: 0.85rem 0;
  }
  .vehicle-shelf__vehicle-pill {
    align-items: stretch;
  }
  .vehicle-shelf__vehicle-link,
  .vehicle-shelf__vehicle-remove {
    align-items: center;
    min-height: 44px;
    padding-bottom: 0;
    padding-top: 0;
  }
}
.sider-notice {
  position: absolute;
  z-index: 1;
  background-color: #f0c74e;
}
.sider-notice p {
  font-family: "Oswald";
  font-weight: 100;
}
@media (min-width: 1480px) {
  .sider-notice {
    display: block;
    color: var(--gray-darkest);
    padding: 0 10px 5px;
    width: 145px;
    top: 8px;
    right: 101%;
  }
  .sider-notice h5 {
    margin-bottom: 3px;
  }
  .sider-notice p {
    font-size: 0.85em;
    margin-bottom: 3px;
  }
}
@media (max-width: 1479px) {
  .sider-notice {
    display: none;
  }
}

.unsider-notice {
  background-color: #f0c74e;
  color: var(--gray-darkest);
  text-align: center;
  padding: 5px;
}
.unsider-notice em {
  padding-left: 7px;
}
@media (min-width: 1480px) {
  .unsider-notice {
    display: none;
  }
}
@media (max-width: 1479px) {
  .unsider-notice {
    display: block;
  }
}
@media (max-width: 991px) {
  .unsider-notice {
    font-family: "Oswald";
    font-size: 0.8em;
  }
}
.carousel[data-carousel-target=carousel],
.related-items-carousel [data-carousel-target=carousel] {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel .swiper-wrapper,
.related-items-carousel .swiper-wrapper {
  align-items: stretch;
}

.carousel .swiper-slide,
.related-items-carousel .swiper-slide {
  height: auto;
}

.carousel .swiper-button-prev,
.carousel .swiper-button-next,
.related-items-carousel .swiper-button-prev,
.related-items-carousel .swiper-button-next {
  --swiper-navigation-color: var(--gray-light);
  --swiper-navigation-size: 30px;
  background-color: transparent;
}

.carousel .swiper-pagination,
.related-items-carousel .swiper-pagination {
  --swiper-pagination-color: var(--brand-primary);
}

.carousel[data-carousel-pagination=mobile] .swiper-pagination,
.related-items-carousel [data-carousel-pagination=mobile] .swiper-pagination {
  display: none;
}

.category-landing-header .swiper-pagination {
  --swiper-pagination-color: #fff;
}

.image-viewer {
  background: transparent;
  border: 0;
  height: 100dvh;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  width: 100vw;
}

.image-viewer::backdrop {
  background: rgba(0, 0, 0, 0.72);
}

.image-viewer__surface {
  background: transparent;
  color: #fff;
  inset: 0;
  position: fixed;
}

.image-viewer__swiper {
  height: 100%;
  width: 100%;
}

.image-viewer .swiper-slide {
  align-items: center;
  display: flex;
  justify-content: center;
}

.image-viewer .swiper-zoom-container {
  height: calc(100% - 7rem);
  margin: 4.5rem 1.25rem 2.5rem;
  width: calc(100% - 2.5rem);
}

.image-viewer .swiper-zoom-container img {
  height: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  width: auto;
}

.image-viewer__close {
  align-items: center;
  background: transparent;
  border: 0;
  color: #fff;
  display: flex;
  font-size: 2rem;
  height: 3rem;
  justify-content: center;
  line-height: 1;
  padding: 0 0 0.2rem;
  position: fixed;
  right: 1rem;
  top: 1rem;
  width: 3rem;
  z-index: 3;
}

.image-viewer__counter {
  bottom: auto !important;
  color: #fff;
  font-size: 1rem;
  left: 50% !important;
  position: fixed !important;
  top: 1.75rem !important;
  transform: translateX(-50%);
  width: auto !important;
  z-index: 2;
}

.image-viewer .swiper-button-prev,
.image-viewer .swiper-button-next {
  --swiper-navigation-color: #fff;
  background: transparent;
  border: 0;
  display: none;
  height: 3.5rem;
  width: 3.5rem;
}

.image-viewer--single .swiper-button-prev,
.image-viewer--single .swiper-button-next,
.image-viewer--single .image-viewer__counter {
  display: none;
}

@media (min-width: 768px) {
  .image-viewer .swiper-button-prev,
  .image-viewer .swiper-button-next {
    display: flex;
  }
}
@media (max-width: 600px) {
  .carousel[data-carousel-pagination=mobile] .swiper-pagination,
  .related-items-carousel [data-carousel-pagination=mobile] .swiper-pagination {
    display: block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .swiper-wrapper {
    transition-duration: 0ms !important;
  }
}
th {
  background-color: #eee;
}

.hr-table { /* make <hr> match a table */
  border: 0;
  border-top: 1px solid #ddd;
}

.table-open-top tr:first-child td, .table-open-top tr:first-child th {
  border-top: 1px solid transparent;
}
.vsb-menu {
  cursor: pointer;
  z-index: 1000;
  display: block;
  visibility: hidden;
  position: absolute; /*Don't change*/
  border: 1px solid #B2B2B2;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-radius: 4px;
  font-size: 11px;
}

.vsb-js-search-zone {
  position: absolute; /*Don't change*/
  z-index: 1001;
  width: 80%;
  min-height: 1.8em;
  padding: 2px;
  background-color: #fff;
}

.vsb-js-search-zone input {
  border: 1px solid grey;
  margin-left: 2px;
  width: 96%;
  border-radius: 4px;
  height: 25px !important;
}

.vsb-main {
  position: relative; /*Don't change*/
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.vsb-menu li:hover {
  background: linear-gradient(#f5f5f5, #e8e8e8);
}

.vsb-menu ul {
  user-select: none;
  list-style: none;
  white-space: nowrap;
  margin: 0px;
  margin-top: 4px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  color: #333;
  cursor: pointer;
  overflow-y: auto;
}

li.disabled {
  cursor: not-allowed;
  opacity: 0.3;
  background-color: #999;
}

li.overflow {
  cursor: not-allowed;
  opacity: 0.3;
  background-color: #999;
}

li.short {
  overflow: hidden;
  text-overflow: ellipsis;
}

.vsb-main {
  display: inline-block;
}

.vsb-main button {
  min-width: 120px;
  border-radius: 0;
  width: 100%;
  text-align: left;
  z-index: 1;
  color: #333;
  background: white !important;
  border: 1px solid #999 !important;
  line-height: 20px;
  font-size: 14px;
  padding: 6px 12px;
}

.vsb-main button.disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.vsb-main .title {
  margin-right: 6px;
  user-select: none;
}

.vsb-main li:hover {
  background: linear-gradient(#f5f5f5, #e8e8e8);
}

.vsb-main ul {
  white-space: nowrap;
}

.vsb-menu li {
  font-size: 14px;
  background-color: #fff;
  min-height: 1.4em;
  padding: 0.2em 2em 0.2em 1em;
}

.vsb-menu li.grouped-option b {
  display: inline-block;
  font-size: 15px;
  margin-left: 10px;
  transform: translate(-18px);
}

.vsb-menu li.grouped-option.open span {
  display: inline-block;
  font-size: inherit;
  margin-top: -2px;
  height: 8px;
  width: 8px;
  transform: translate(-38px) rotate(45deg);
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  border-radius: 2px;
}

.vsb-menu li.grouped-option.closed span {
  display: inline-block;
  font-size: inherit;
  height: 8px;
  width: 8px;
  transform: translate(-38px) rotate(-45deg);
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  border-radius: 2px;
}

.vsb-menu li.grouped-option i {
  display: inline-block;
  font-size: inherit;
  float: left;
  font-weight: bold;
  margin-left: 22px;
  margin-right: 2px;
  height: 11px;
  width: 8px;
  border: 1px solid;
  border-radius: 3px;
  padding: 1px 3px 2px 3px;
  margin-top: 0px;
  color: black;
}

.vsb-menu li.grouped-option.checked i::after {
  content: "";
  display: inline-block;
  font-size: inherit;
  color: #333;
  float: left;
  margin-left: 0px;
  display: inline-block;
  transform: rotate(45deg);
  height: 8px;
  width: 5px;
  border-bottom: 3px solid black;
  border-right: 3px solid black;
}

.vsb-menu :not(.multi) li.active {
  margin-left: 7px;
}

.vsb-menu :not(.multi) li.active::before {
  content: "";
  display: inline-block;
  font-size: inherit;
  margin-left: -18px;
  transform: rotate(45deg);
  height: 10px;
  width: 5px;
  border-bottom: 3px solid black;
  border-right: 3px solid black;
  border-radius: 2px;
}

.vsb-menu .multi li {
  font-size: 14px;
  background-color: #fff;
  min-height: 1.4em;
  padding: 0.2em 2em 0.2em 26px;
}

.vsb-menu .multi li.grouped-option {
  font-size: 15px;
  padding-left: 5px;
}

.vsb-menu .multi li.grouped-option:hover {
  font-weight: bold;
  text-decoration: underline;
  color: rgb(52, 31, 112);
}

.vsb-menu .multi li:not(.grouped-option)::before {
  content: "";
  display: inline-block;
  font-size: inherit;
  float: left;
  font-weight: bold;
  margin-left: -22px;
  margin-right: 2px;
  border: 1px solid;
  border-radius: 3px;
  padding: 7px;
  margin-top: 0px;
  color: black;
}

.vsb-menu .multi li:not(.grouped-option).active::before {
  content: "";
  display: inline-block;
  font-size: inherit;
  color: #333;
  float: left;
  margin-left: -22px;
  display: inline-block;
  margin-top: 1px;
  background-color: #1568b2;
}
#vehicle-select .vehicle-controller,
.product-compatibility .vehicle-controller {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1rem;
}
#vehicle-select .form-group,
.product-compatibility .form-group {
  margin-bottom: 0;
}
#vehicle-select .form-group,
#vehicle-select .sbv-select,
.product-compatibility .form-group,
.product-compatibility .sbv-select {
  position: relative;
}
#vehicle-select .form-group:has(select)::after,
#vehicle-select .sbv-select:has(select)::after,
.product-compatibility .form-group:has(select)::after,
.product-compatibility .sbv-select:has(select)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4.5 L6 8.5 L10 4.5' fill='none' stroke='%23373a3c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease-in-out;
  pointer-events: none;
}
#vehicle-select .form-group:has(select option:not(:first-child):checked) select,
#vehicle-select .sbv-select:has(select option:not(:first-child):checked) select,
.product-compatibility .form-group:has(select option:not(:first-child):checked) select,
.product-compatibility .sbv-select:has(select option:not(:first-child):checked) select {
  border-color: #e4e7eb;
}
#vehicle-select .form-group:has(select option:not(:first-child):checked)::after,
#vehicle-select .sbv-select:has(select option:not(:first-child):checked)::after,
.product-compatibility .form-group:has(select option:not(:first-child):checked)::after,
.product-compatibility .sbv-select:has(select option:not(:first-child):checked)::after {
  transform: translateY(-50%) rotate(-90deg);
}

#vehicle-select select,
.product-compatibility .sbv-select select {
  border-color: #f9c22a;
  border-width: 2px;
  color: var(--gray-dark);
  font-size: 2rem;
  font-weight: 400;
  appearance: none;
  padding: 0 3rem 0 1rem;
  border-radius: 0.4rem;
  transition: border-color 0.3s ease-in-out;
}
@media (min-width: 768px) {
  #vehicle-select select,
  .product-compatibility .sbv-select select {
    font-size: inherit;
  }
}

#vehicle-select select[disabled],
.product-compatibility .sbv-select select[disabled] {
  border-color: var(--gray-lightish);
}

.form-group:has(select[disabled])::after,
.sbv-select:has(select[disabled])::after {
  opacity: 0.5;
}

#vehicle-select select.loading,
.product-compatibility .sbv-select select.loading {
  background-color: #f9e7b4;
  border-color: #f9e7b4;
  transition: width 0.6s ease;
  background-image: linear-gradient(45deg, #fbf1d5 25%, transparent 25%, transparent 50%, #fbf1d5 50%, #fbf1d5 75%, transparent 75%, transparent);
  background-size: 3rem 3rem;
  animation: loading-stripes 1s linear infinite;
}

@-webkit-keyframes loading-stripes {
  from {
    background-position: 6rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes loading-stripes {
  from {
    background-position: 6rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.item-image-link.is-hover-zoom {
  cursor: zoom-in;
  display: block;
  overflow: hidden;
  position: relative;
}

.product-hover-zoom-image {
  height: 100%;
  inset: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: scale(1);
  transform-origin: center;
  transition: opacity 120ms ease, transform 120ms ease;
  width: 100%;
  z-index: 2;
}

.product-hover-zoom-image.is-active {
  opacity: 1;
  transform: scale(var(--product-hover-zoom-scale, 1));
}

@media (prefers-reduced-motion: reduce) {
  .product-hover-zoom-image {
    transition: none;
  }
}
@media screen {
  .no-screen {
    display: none;
  }
}
@media print {
  .no-print {
    display: none;
  }
}
.padding-left-20 {
  padding-left: 20px !important;
}

.form-horizontal h4 {
  margin-top: 20px;
  margin-bottom: 20px;
}

#planner-settings {
  margin: 0 auto;
  color: #1a1a1a;
}

#planner-settings th {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}

#planner-settings th,
#planner-settings td {
  padding: 2px 20px 5px 0;
}

#planner-settings select {
  font-size: 14px;
  height: 30px;
  width: 140px;
  line-height: 30px;
  border: 1px solid #ccc;
}

#planner-settings input {
  font-size: 14px;
  border: 1px solid #b3b3b3;
  padding: 4px 6px;
  line-height: 20px;
  border-radius: 3px;
  width: 115px;
}

#planner-settings .icon-arrow-right {
  font-size: 24px;
  color: #ccc;
}

#total {
  font-size: 20px;
  color: #333;
}

#parts-table,
#pro-stocking-parts-table {
  font-size: 14px;
  border-bottom: 1px solid #ccc;
  width: 80%;
  margin: 0 auto;
}

#parts-table {
  display: none;
}

#parts-table th,
#pro-stocking-parts-table th {
  cursor: pointer;
}

#parts-table th,
#parts-table td,
#pro-stocking-parts-table th,
#pro-stocking-parts-table td {
  padding: 9px 20px 9px 0;
  border-top: 1px solid #ccc;
}

.item-th,
.description-th,
.quantity-th,
.price-th,
.subtotal-th {
  cursor: pointer;
}

.tool-item,
.tool-description,
.tool-quantity,
.tool-price_dlr,
.tool-subtotal,
#v-twin-item,
#v-twin-description,
#v-twin-quantity,
#v-twin-price_dlr,
#v-twin-subtotal {
  cursor: pointer;
}

.tool-total {
  background-color: white;
  border-bottom: 1px solid #ddd;
}
.tool-total .total {
  font-family: "Oswald";
  font-size: 20px;
  font-weight: 400;
}
.tool-total .amount {
  font-family: "Oswald";
  font-size: 20px;
}

.distributors-list {
  width: 25%;
  display: inline-block;
  min-width: 250px;
}

.actions {
  display: none;
}

#instruction {
  font-size: 36px;
  color: #4d4d4d;
  font-weight: bold;
  position: absolute;
  left: 60px;
  top: 168px;
}

#walkthrough .icon-arrow-up {
  position: absolute;
  top: 133px;
  left: 100px;
}

#walkthrough .icon-arrow-up:after {
  content: "";
  display: inline-block;
  margin-top: 1.4em;
  width: 1.4em;
  height: 1.4em;
  border-top: 0.5em solid #0084db;
  border-right: 0.5em solid #0084db;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

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

.button-right {
  float: right;
}

.no_return {
  font-size: 90%;
  font-style: italic;
  color: #000000;
}

#cust_forms,
.gray_box {
  border: solid #888888 2px;
  margin: 15px 0 20px;
  padding: 8px;
  background-color: #dedede;
}

.top-bottom-5-padding {
  padding-top: 5px;
  padding-bottom: 5px;
}

#img_resale_certificate_preview,
#img_ca_permit_preview {
  display: none;
  margin-bottom: 15px;
}

#ca-sellers-permit-block {
  display: none;
}

.loading {
  background-color: #a7d2f4;
  transition: width 0.6s ease;
  background-image: linear-gradient(45deg, #c6e3f9 25%, transparent 25%, transparent 50%, #c6e3f9 50%, #c6e3f9 75%, transparent 75%, transparent);
  background-size: 3rem 3rem;
  -webkit-animation: loading-stripes 1s linear infinite;
  animation: loading-stripes 1s linear infinite;
}

@-webkit-keyframes loading-stripes {
  from {
    background-position: 6rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes loading-stripes {
  from {
    background-position: 6rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.nowrap {
  white-space: nowrap;
}

/*** FEATURED STYLES ***/
#carousel {
  width: 880px;
  margin: 0 auto;
}

.icon-prev:before,
.icon-next:before {
  content: "" !important;
}

.overview {
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  border-bottom: 1px #eee solid;
}

tr,
td {
  padding: 0;
  margin: 0;
}

.overview_body {
  padding-bottom: 15px;
  border-right: 1px solid #e8e8e8;
}

.text_details {
  margin: 0 30px 0 13px;
  color: #404040;
}

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

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

.note {
  font-size: 80%;
  color: #676767;
}

.tab-pane .item-image {
  width: 300px;
}
.tab-pane .item-image-box {
  height: 200px;
  vertical-align: middle;
  overflow: hidden;
}
.tab-pane .item-images-area {
  text-align: center;
  width: 300px;
  float: left;
}

.alt_thumbs_table {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #ccc;
}

.alt_thumb {
  margin: 0;
  border: 1px solid #ccc;
}

.active_alt_thumb {
  margin: 0;
  border: 1px solid #f44;
}

.alt_thumbs a {
  border: none;
}

.enlarge_link {
  position: relative;
  top: 39px;
}

.buybox {
  width: 119px;
  padding: 15px;
  vertical-align: top;
  position: relative;
}

.buybox .price {
  font-weight: bold;
  font-size: 14px;
}

.partno {
  color: #777;
}

.add_to_wishlist {
  display: block;
  float: left;
  clear: right;
  margin: 3px;
  padding: 4px 10px 4px 0px;
  border: 0;
  background: transparent;
  color: var(--brand-primary);
  font-family: inherit;
  font-size: 90%;
  text-decoration: none;
  cursor: pointer;
}

.add_to_wishlist:hover,
.add_to_wishlist:focus-visible {
  text-decoration: underline;
}

.wishlist-action-form {
  display: inline-block;
  margin: 0;
}

.display_list_table {
  margin: 10px 50px;
}

.display_list_table td {
  padding: 5px;
}

.display_list_table .alt_row {
  background: #e6e6e6;
}

/* ******************    Price     ***************** */
.original_price {
  font-size: 80%;
  font-weight: normal;
  text-decoration: line-through;
  text-align: center;
}

.retail_price,
.dealer_price {
  color: #3c3c3c;
  font-weight: bold;
  padding: 0px 0px 6px 0px;
  vertical-align: top;
  font-size: 100%;
  text-transform: inherit;
}

#featured_more_videos {
  margin: 15px;
  border-spacing: 0;
}

#featured_more_videos td {
  width: 171px;
}

#main_video {
  text-align: center;
}

.label {
  color: #555;
  margin-top: 6px;
  font-size: 14px;
}

#replacements_header {
  background-color: #2095ed;
  color: #fff;
  margin: 20px 0 0 0;
  padding: 15px;
}

ol.ol {
  margin: 0 0 10px 32px;
  list-style-type: decimal;
  font-weight: bold;
}

ol.ol li {
  margin-bottom: 6px;
  font-weight: normal;
}

ul.ul {
  margin: 5px 30px;
  list-style: disc;
}

/* grid layout */
.row-featured {
  margin: 0 !important;
  padding: 0;
}

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

.row-featured:after {
  clear: both;
}

.col-featured-8,
.col-featured-6,
.col-featured-4 {
  float: left;
}

.grid-border-top {
  border-top: 1px solid #ddd;
}

.grid-border-right {
  border-right: 1px solid #ddd;
}

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

.grid-border-left {
  border-left: 1px solid #ddd;
}

.center {
  text-align: center;
}

#mp-throttle-graphs {
  position: relative;
}

#vehicles select {
  width: 200px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.product-overview {
  padding: 1.5rem 0;
  border-bottom: 1px solid #eee;
}
.product-overview h3 {
  margin-top: 0;
}
.product-overview .text_details {
  float: none;
  width: auto;
  margin: 0;
}
@media (min-width: 768px) {
  .product-overview .text_details {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .product-overview img {

  }
}

.product-overview__buybox {
  text-align: left;
}
@media (min-width: 768px) {
  .product-overview__buybox {
    width: 160px;
    /* text-align: center; */
    padding-left: 1rem;
    border-left: 1px solid #eee;
  }
}
.product-overview__buybox .partno {
  color: #777;
}
.product-overview__buybox .price {
  font-weight: bold;
  font-size: 1.75rem;
}

.product-overview__buybox--compact .price {
  font-size: 1.25rem;
}
.product-overview__buybox--compact .add-to-cart-button {
  padding: 4px 8px;
}

@media (min-width: 768px) {
  .featured-product-image-wrap {
    max-width: 50%;
  }
}
.search-page {
  padding: 36px 0 64px;
}

.search-page__hero {
  margin: 0 auto 40px;
  max-width: 960px;
}

.search-page__eyebrow {
  color: #0a5f87;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.search-page__title {
  color: var(--gray-darker);
  font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 48px;
  line-height: 1.05;
  margin: 0;
}

.search-page__subtitle {
  color: #5f6368;
  font-size: 18px;
  line-height: 1.6;
  margin: 16px 0;
}

#text_search.search-page__form {
  margin: 28px auto 0;
}

.search-page__form-group {
  align-items: stretch;
  background: linear-gradient(135deg, #f6f8fb 0%, #ffffff 100%);
  border: 1px solid #d8e1ea;
  box-shadow: 0 16px 40px rgba(35, 31, 32, 0.08);
  display: flex;
  gap: 14px;
  padding: 10px;
  max-width: 555px;
}

.search-page__input.form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: var(--gray-darker);
  font-size: 20px;
  padding: 0 10px;
}

.search-page__input.form-control:focus {
  box-shadow: none;
}

.search-page__input.form-control::placeholder {
  color: #8a9097;
}

.search-page__results {
  margin: 0 auto;
  max-width: 960px;
}

.search-page__results-header {
  align-items: baseline;
  border-bottom: 1px solid #e4e7eb;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  justify-content: space-between;
  margin-bottom: 24px;
  padding-bottom: 12px;
}

.search-page__results-title,
.search-page__empty-title {
  color: var(--gray-darker);
  font-family: "Oswald", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}

.search-page__results-count,
.search-page__empty-copy {
  color: #6b7280;
  font-size: 16px;
  margin: 0;
}

.search-result {
  display: flex;
  align-items: flex-start;
  margin: 0;
  padding: 0;
  gap: 10px;
}

.search-result + .search-result {
  margin-top: 24px;
}

.search-result__rail {
  margin-right: 0;
}

.search-result__media {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
}

.search-result__media img {
  max-width: 52px;
}

.search-result__kind {
  color: #7b8590;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
  padding-top: 3px;
  text-transform: uppercase;
}

.search-result__body {
  color: #4f5660;
  flex: 1 1 auto;
  font-size: 15px;
  line-height: 1.6;
  min-width: 0;
}

.result-title {
  color: var(--gray-darker);
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 3px;
}

strong.result-title {
  color: #666;
}

.search-result__details,
.search-result__admin {
  margin: 0;
}

.search-result__details {
  color: #626973;
}

.search-result__admin {
  margin-top: 8px;
}

.search-page__empty {
  background: linear-gradient(135deg, #f7f9fb 0%, #ffffff 100%);
  border: 1px solid #e4e7eb;
  padding: 28px;
}

.search-page__empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.search-page__pagination {
  margin-top: 36px;
}

@media (max-width: 991px) {
  .search-page {
    padding: 24px 0 48px;
  }
  .search-page__title {
    font-size: 36px;
  }
  .search-page__subtitle {
    font-size: 16px;
  }
  .search-page__form-group {
    flex-direction: column;
    padding: 12px;
  }
  .search-page__input.form-control {
    font-size: 18px;
    height: 56px;
  }
  .search-page__button {
    min-height: 48px;
    width: 100%;
    margin-top: 1rem;
  }
  .search-result {
    gap: 12px;
  }
  .search-result__rail {
    margin-right: 0;
  }
  .search-result__media img {
    max-width: 56px;
  }
  .result-title {
    font-size: 16px;
  }
}

body {
  background-color: var(--gray-darker);
}

#content-body,
.cke_editable {
  background-color: #ffffff;
  padding-bottom: 2rem;
}

body.light-grey-background {
  background-color: #f2f2f2 !important;
}

.width-seven-percent {
  width: 7%;
}

.width-thirteen-percent {
  width: 13%;
}

.width-fifteen-percent {
  width: 15%;
}

.width-thirty-percent {
  width: 30%;
}

.width-thirty-seven-percent {
  width: 37%;
}

.introduction img {
  max-width: 100%;
}

.text-big {
  font-size: 1.2em;
}

@media (min-width: 992px) {
  .col-md-1-5 {
    width: 14%;
  }
}
.fa-thumbs-o-up {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.633%2010.5c.806%200%201.533-.446%202.031-1.08a9.041%209.041%200%20012.861-2.4c.723-.384%201.35-.956%201.653-1.715a4.498%204.498%200%2000.322-1.672V3a.75.75%200%2001.75-.75A2.25%202.25%200%200116.5%204.5c0%201.152-.26%202.243-.723%203.218-.266.558.107%201.282.725%201.282h3.126c1.026%200%201.945.694%202.054%201.715.045.422.068.85.068%201.285a11.95%2011.95%200%2001-2.649%207.521c-.388.482-.987.729-1.605.729H13.48c-.483%200-.964-.078-1.423-.23l-3.114-1.04a4.501%204.501%200%2000-1.423-.23H5.904M14.25%209h2.25M5.904%2018.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889%200-1.713-.518-1.972-1.368a12%2012%200%2001-.521-3.507c0-1.553.295-3.036.831-4.398C3.387%2010.203%204.167%209.75%205%209.75h1.053c.472%200%20.745.556.5.96a8.958%208.958%200%2000-1.302%204.665c0%201.194.232%202.333.654%203.375z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M6.633%2010.5c.806%200%201.533-.446%202.031-1.08a9.041%209.041%200%20012.861-2.4c.723-.384%201.35-.956%201.653-1.715a4.498%204.498%200%2000.322-1.672V3a.75.75%200%2001.75-.75A2.25%202.25%200%200116.5%204.5c0%201.152-.26%202.243-.723%203.218-.266.558.107%201.282.725%201.282h3.126c1.026%200%201.945.694%202.054%201.715.045.422.068.85.068%201.285a11.95%2011.95%200%2001-2.649%207.521c-.388.482-.987.729-1.605.729H13.48c-.483%200-.964-.078-1.423-.23l-3.114-1.04a4.501%204.501%200%2000-1.423-.23H5.904M14.25%209h2.25M5.904%2018.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889%200-1.713-.518-1.972-1.368a12%2012%200%2001-.521-3.507c0-1.553.295-3.036.831-4.398C3.387%2010.203%204.167%209.75%205%209.75h1.053c.472%200%20.745.556.5.96a8.958%208.958%200%2000-1.302%204.665c0%201.194.232%202.333.654%203.375z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
}

.fa-wrench {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%206.75a4.5%204.5%200%2001-4.884%204.484c-1.076-.091-2.264.071-2.95.904l-7.152%208.684a2.548%202.548%200%2011-3.586-3.586l8.684-7.152c.833-.686.995-1.874.904-2.95a4.5%204.5%200%20016.336-4.486l-3.276%203.276a3.004%203.004%200%20002.25%202.25l3.276-3.276c.256.565.398%201.192.398%201.852z%22%2F%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.867%2019.125h.008v.008h-.008v-.008z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M21.75%206.75a4.5%204.5%200%2001-4.884%204.484c-1.076-.091-2.264.071-2.95.904l-7.152%208.684a2.548%202.548%200%2011-3.586-3.586l8.684-7.152c.833-.686.995-1.874.904-2.95a4.5%204.5%200%20016.336-4.486l-3.276%203.276a3.004%203.004%200%20002.25%202.25l3.276-3.276c.256.565.398%201.192.398%201.852z%22%2F%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.867%2019.125h.008v.008h-.008v-.008z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
}

.fa-comments-o {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%208.511c.884.284%201.5%201.128%201.5%202.097v4.286c0%201.136-.847%202.1-1.98%202.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354%200-2.694-.055-4.02-.163a2.115%202.115%200%2001-.825-.242m9.345-8.334a2.126%202.126%200%2000-.476-.095%2048.64%2048.64%200%2000-8.048%200c-1.131.094-1.976%201.057-1.976%202.192v4.286c0%20.837.46%201.58%201.155%201.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455%2048.455%200%200011.25%203c-2.115%200-4.198.137-6.24.402-1.608.209-2.76%201.614-2.76%203.235v6.226c0%201.621%201.152%203.026%202.76%203.235.577.075%201.157.14%201.74.194V21l4.155-4.155%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M20.25%208.511c.884.284%201.5%201.128%201.5%202.097v4.286c0%201.136-.847%202.1-1.98%202.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354%200-2.694-.055-4.02-.163a2.115%202.115%200%2001-.825-.242m9.345-8.334a2.126%202.126%200%2000-.476-.095%2048.64%2048.64%200%2000-8.048%200c-1.131.094-1.976%201.057-1.976%202.192v4.286c0%20.837.46%201.58%201.155%201.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455%2048.455%200%200011.25%203c-2.115%200-4.198.137-6.24.402-1.608.209-2.76%201.614-2.76%203.235v6.226c0%201.621%201.152%203.026%202.76%203.235.577.075%201.157.14%201.74.194V21l4.155-4.155%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
}

.fa-file-text-o {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%2000-3.375-3.375h-1.5A1.125%201.125%200%200113.5%207.125v-1.5a3.375%203.375%200%2000-3.375-3.375H8.25m0%2012.75h7.5m-7.5%203H12M10.5%202.25H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%2000-9-9z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19.5%2014.25v-2.625a3.375%203.375%200%2000-3.375-3.375h-1.5A1.125%201.125%200%200113.5%207.125v-1.5a3.375%203.375%200%2000-3.375-3.375H8.25m0%2012.75h7.5m-7.5%203H12M10.5%202.25H5.625c-.621%200-1.125.504-1.125%201.125v17.25c0%20.621.504%201.125%201.125%201.125h12.75c.621%200%201.125-.504%201.125-1.125V11.25a9%209%200%2000-9-9z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
}

.fa-exclamation-triangle {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126zM12%2015.75h.007v.008H12v-.008z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20%0A%20%20%20%20%20viewBox%3D%220%200%2024%2024%22%20%0A%20%20%20%20%20fill%3D%22none%22%20%0A%20%20%20%20%20stroke%3D%22currentColor%22%20%0A%20%20%20%20%20stroke-width%3D%221.5%22%0A%20%20%20%20%20aria-hidden%3D%22true%22%3E%0A%20%20%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M12%209v3.75m-9.303%203.376c-.866%201.5.217%203.374%201.948%203.374h14.71c1.73%200%202.813-1.874%201.948-3.374L13.949%203.378c-.866-1.5-3.032-1.5-3.898%200L2.697%2016.126zM12%2015.75h.007v.008H12v-.008z%22%2F%3E%0A%3C%2Fsvg%3E%0A") center/contain no-repeat;
}
/*












































 */
@layer tokens {
  :root {
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;

    --font-base: 16px;
    --font-heading: "Oswald", helvetica, sans-serif;

    --radius-1: 1px;
    --radius-2: 2px;
    --radius-3: 3px;

    --color-black: #000000;
    --color-white: #ffffff;

    --gray-base: #000000;
    --gray-darkest: #100f0f;
    --gray-darker: #231f20;
    --gray-dark: #373a3c;
    --gray: #55595c;
    --gray-light: #818a91;
    --gray-lightish: #c4c7cb;
    --gray-lighter: #eceeef;
    --gray-lightest: #f7f7f9;

    --brand-primary: #005ca9;
    --brand-light: #086abf;
    --brand-lighter: #0b7dd0;
    --brand-lightest: #338fd2;
    --brand-success: #5cb85c;
    --brand-info: #eceeef;
    --brand-warning: #f0ad4e;
    --brand-danger: #db5716;

    --surface: var(--color-white);
    --surface-2: var(--gray-lightest);
    --text: var(--gray-dark);
    --text-muted: var(--gray-light);

    --accent: var(--brand-primary);
    --accent-contrast: var(--color-white);

    --button-default-fg: #333333;
    --button-default-bg: var(--color-white);
    --button-default-border: #cccccc;

    --button-primary-fg: var(--color-white);
    --button-primary-bg: var(--brand-primary);
    --button-primary-border: #005297;

    --button-success-fg: var(--gray-darkest);
    --button-success-bg: var(--brand-success);
    --button-success-border: #52a652;

    --button-info-fg: var(--gray);
    --button-info-bg: var(--brand-info);
    --button-info-border: #d9dbde;

    --button-warning-fg: var(--gray-darker);
    --button-warning-bg: var(--brand-warning);
    --button-warning-border: #eea236;

    --button-danger-fg: var(--color-black);
    --button-danger-bg: var(--brand-danger);
    --button-danger-border: #d34f14;

    --state-success-text: #008607;
    --state-success-bg: #e7ffdd;
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }

  body {
    color: var(--text);
  }
}
@layer components {
  @scope (.button) {
    :scope {
      --button-bg: var(--button-default-bg);
      --button-fg: var(--button-default-fg);
      --button-border: var(--button-default-border);
      --button-bg-hover: color-mix(in oklch, var(--button-default-bg), var(--color-black) 10%);

      padding: var(--space-2) calc(var(--space-2) * 2);
      /*border-radius: var(--radius-3);*/
      border: 1px solid var(--button-border);
      background: var(--button-bg);
      color: var(--button-fg) !important;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: var(--space-1);
      font-size: 1em;
      letter-spacing: 0.1em;
      box-shadow: 2px 2px 4px 0px #00000014;
      text-decoration: none;
      line-height: 1.2;
      /*font-weight: 600;*/
      cursor: pointer;
      text-transform: uppercase;
    }

    @media (max-width: 767px) {
      :scope {
        white-space: normal;
      }
    }

    :scope:hover {
      background: var(--button-bg-hover);
      color: var(--button-fg);
      text-decoration: none;
    }

    :scope:focus-visible {
      outline: 2px solid color-mix(in oklch, var(--accent), var(--color-white) 15%);
      outline-offset: 2px;
    }

    :scope.is-disabled,
    :scope:disabled {
      opacity: 0.6;
      cursor: not-allowed;
      pointer-events: none;
    }

    :scope.button--sm {
      padding: var(--space-1) var(--space-2);
      font-size: 0.875rem;
    }

    :scope.button--lg {
      padding: var(--space-3) calc(var(--space-3) * 2);
      font-size: 1.125rem;
    }

    :scope.button--block {
      width: 100%;
      display: flex;
    }

    :scope.button--default {
      --button-bg: transparent;
      --button-fg: var(--gray-dark);
      --button-border: var(--gray-dark);
      --button-bg-hover: rgba(0, 0, 0, 0.05);
    }

    :scope.button--primary {
      --button-bg: var(--button-primary-bg);
      --button-fg: var(--button-primary-fg);
      --button-border: var(--button-primary-border);
      --button-bg-hover: color-mix(in oklch, var(--button-primary-bg), var(--color-black) 10%);
    }

    :scope.button--secondary {
      --button-bg: var(--button-default-bg);
      --button-fg: var(--text);
      --button-border: var(--button-default-border);
      --button-bg-hover: color-mix(in oklch, var(--button-default-bg), var(--color-black) 8%);
    }

    :scope.button--success {
      --button-bg: var(--button-success-bg);
      --button-fg: var(--button-success-fg);
      --button-border: var(--button-success-border);
      --button-bg-hover: color-mix(in oklch, var(--button-success-bg), var(--color-black) 10%);
    }

    :scope.button--danger {
      --button-bg: var(--button-danger-bg);
      --button-fg: var(--button-danger-fg);
      --button-border: var(--button-danger-border);
      --button-bg-hover: color-mix(in oklch, var(--button-danger-bg), var(--color-black) 10%);
    }

    :scope.button--warning {
      --button-bg: var(--button-warning-bg);
      --button-fg: var(--button-warning-fg);
      --button-border: var(--button-warning-border);
      --button-bg-hover: color-mix(in oklch, var(--button-warning-bg), var(--color-black) 10%);
    }

    :scope.button--info {
      --button-bg: var(--button-info-bg);
      --button-fg: var(--button-info-fg);
      --button-border: var(--button-info-border);
      --button-bg-hover: color-mix(in oklch, var(--button-info-bg), var(--color-black) 10%);
    }

    :scope.button--light {
      --button-bg: var(--surface-2);
      --button-fg: var(--text);
      --button-border: var(--gray-lightish);
      --button-bg-hover: color-mix(in oklch, var(--surface-2), var(--color-black) 8%);
    }

    :scope.button--dark {
      --button-bg: var(--gray-darker);
      --button-fg: var(--color-white);
      --button-border: var(--gray-darkest);
      --button-bg-hover: color-mix(in oklch, var(--gray-darker), var(--color-black) 10%);
    }

    :scope.button--link {
      --button-bg: transparent;
      --button-fg: var(--accent);
      --button-border: transparent;
      --button-bg-hover: transparent;
      padding: 0;
      border: 0;
      text-decoration: underline;
      cursor: pointer;
    }

    :scope.button--link:hover,
    :scope.button--link:focus {
      --button-fg: color-mix(in oklch, var(--accent), var(--color-black) 15%);
      text-decoration: underline;
    }

    :scope.button--plaque {
      font-family: "Oswald", helvetica, sans-serif;
      border-radius: 0.8rem;
      font-size: 2rem;
      display: inline-flex;
      font-weight: 200;
      gap: 0.5rem;
      border: 1px solid var(--gray-light);
    }

    :scope.button--plaque .remove-btn {
      transform: translateY(10%);
    }

    :scope.button--outline-primary,
    :scope.button--outline-secondary,
    :scope.button--outline-success,
    :scope.button--outline-danger,
    :scope.button--outline-warning,
    :scope.button--outline-info,
    :scope.button--outline-light,
    :scope.button--outline-dark,
    :scope.button--outline-link {
      background: transparent;
    }

    :scope.button--outline-primary {
      --button-fg: var(--button-primary-bg);
      --button-border: var(--button-primary-bg);
      --button-bg-hover: color-mix(in oklch, var(--button-primary-bg), var(--color-white) 85%);
    }

    :scope.button--outline-secondary {
      --button-fg: var(--text);
      --button-border: color-mix(in oklch, var(--text), var(--color-white) 50%);
      --button-bg-hover: color-mix(in oklch, var(--text), var(--color-white) 90%);
    }

    :scope.button--outline-success {
      --button-fg: var(--button-success-bg);
      --button-border: var(--button-success-bg);
      --button-bg-hover: color-mix(in oklch, var(--button-success-bg), var(--color-white) 85%);
    }

    :scope.button--outline-danger {
      --button-fg: var(--button-danger-bg);
      --button-border: var(--button-danger-bg);
      --button-bg-hover: color-mix(in oklch, var(--button-danger-bg), var(--color-white) 85%);
    }

    :scope.button--outline-warning {
      --button-fg: var(--button-warning-bg);
      --button-border: var(--button-warning-bg);
      --button-bg-hover: color-mix(in oklch, var(--button-warning-bg), var(--color-white) 85%);
    }

    :scope.button--outline-info {
      --button-fg: var(--button-info-bg);
      --button-border: var(--button-info-bg);
      --button-bg-hover: color-mix(in oklch, var(--button-info-bg), var(--color-white) 85%);
    }

    :scope.button--outline-light {
      --button-fg: var(--text);
      --button-border: var(--gray-lightish);
      --button-bg-hover: var(--surface-2);
    }

    :scope.button--outline-dark {
      --button-fg: var(--gray-darker);
      --button-border: var(--gray-darker);
      --button-bg-hover: color-mix(in oklch, var(--gray-darker), var(--color-white) 85%);
    }

    :scope.button--outline-link {
      --button-fg: var(--accent);
      --button-border: transparent;
      --button-bg-hover: transparent;
      text-decoration: underline;
    }
  }
}
@layer components {
  @scope (.card) {
    :scope {
      background: var(--surface);
      color: var(--text);
      border: 1px solid color-mix(in oklch, var(--surface), black 10%);
      border-radius: var(--radius-3);
      padding: var(--space-4);
    }

    :scope .card__header {
      font-weight: 600;
      margin-bottom: var(--space-2);
    }

    :scope .card__body {
      color: var(--text);
    }
  }
}
@layer components {
  .cart-drawer__backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transition:
      opacity 0.3s ease,
      visibility 0.3s ease;
  }

  .cart-drawer__backdrop--visible {
    opacity: 1;
    visibility: visible;
  }

  .cart-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 420px;
    background-color: #ffffff;
    z-index: 1050;
    transform: translateX(110%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
  }

  .cart-drawer--open {
    transform: translateX(0);
  }

  @media (max-width: 480px) {
    .cart-drawer {
      max-width: 100%;
    }
  }

  .cart-drawer__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem 2rem;
  }

  .cart-drawer__heading {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .cart-drawer__header h2 {
    margin: 0;
  }

  .cart-drawer__count {
    color: #666666;
    margin: 0;
  }

  .cart-drawer__count span {
    color: #000000;
    font-weight: 700;
  }

  .cart-drawer__close {
    background: none;
    border: none;
    font-size: 3rem;
    line-height: 1;
    padding: 0;
    cursor: pointer;
    color: #666666;
    transition: color 0.2s ease;
  }

  .cart-drawer__close:hover {
    color: #000000;
  }
}
@layer components {
  .cart-drawer__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .cart-drawer__skeleton {
    padding: 1rem 1.5rem;
    flex: 1;
  }

  .cart-drawer__items {
    flex: 1;
    overflow-y: auto;
    padding: 0 1.5rem;
  }

  .cart-drawer__item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
  }

  .cart-drawer__item-image {
    flex-shrink: 0;
    width: 120px;
    height: 80px;
  }

  .cart-drawer__item-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .cart-drawer__item-details {
    flex: 1;
  }

  .cart-drawer__item-details h4 {
    margin: 0 0 0.5rem;
    font-weight: 500;
    line-height: 1.3;
  }

  .cart-drawer__item-details p {
    margin: 0 0 0.25rem;
    color: #666666;
  }

  .cart-drawer__item-partno {
    font-family: monospace;
  }

  .cart-drawer__summary {
    padding: 1rem 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 1rem;
  }

  .cart-drawer__summary p {
    margin: 0;
  }

  .cart-drawer__free-shipping {
    background-color: rgba(240, 199, 78, 0.25);
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    text-align: center;
    font-family: "Oswald";
    font-weight: 400;
    border-radius: 4px;
  }

  .cart-drawer__free-shipping h3 {
    margin: 0;
    font-size: 1.25rem;
  }

  .cart-drawer__free-shipping p {
    font-weight: 100;
    margin: 0.25rem 0 0;
  }

  .cart-drawer__actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .cart-drawer__actions .btn {
    padding: 0.875rem 1rem;
  }

  .skeleton {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: skeleton-loading 1.5s infinite;
    border-radius: 4px;
  }

  @keyframes skeleton-loading {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }

  .skeleton--image {
    width: 110px;
    height: 73px;
    flex-shrink: 0;
  }

  .skeleton--text {
    height: 1rem;
    margin-bottom: 1rem;
  }

  .skeleton--text:last-child {
    margin-bottom: 0.5rem;
  }

  .skeleton--text-lg {
    width: 66%;
    height: 2.9rem;
  }

  .skeleton--text-md {
    width: 100%;
    height: 2rem;
  }

  .skeleton--text-sm {
    width: 100%;
    height: 1.6rem;
  }

  .skeleton--button {
    height: 2.9rem;
    width: 80%;
    margin-bottom: 1.5rem;
  }

  .skeleton--button:last-child {
    margin-bottom: 0;
  }

  .skeleton--button-secondary {
    opacity: 0.6;
  }

  .cart-drawer__footer {
    flex-shrink: 0;
    border-top: 1px solid #e5e5e5;
    padding: 1rem 1.5rem 1.5rem;
    background: #ffffff;
  }

  .cart-drawer__subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
  }

  .cart-drawer__empty {
    text-align: center;
    padding: 3rem 1.5rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cart-drawer__empty p {
    color: #666666;
    margin-bottom: 1.5rem;
  }

  @media (max-width: 480px) {
    .skeleton--image {
      width: 110px;
      height: 73px;
    }
  }
}
@layer components {
  .cart-line-item {
    font-size: var(--font-base);
    gap: 0.5rem;
    padding: 1rem;
    border-left: 2px solid var(--gray-lighter);
    border-right: 2px solid var(--gray-lighter);
    box-sizing: border-box;
    align-items: start;
  }

  .cart-line-item * {
    font-size: inherit;
  }

  .cart-line-item__title {
    font-size: 1.4em;
    font-family: var(--font-heading);
    min-width: 0;
    margin: 0;
  }

  .cart-line-item:first-child {
    padding-top: 0;
  }

  .cart-line-item--highlighted {
    background-color: #fffbeb;
    border-color: var(--brand-warning);
  }

  .cart-line-item--pending {
    animation: cart-drawer-pulse 1s ease-in-out infinite;
    background-color: #eef8ff;
  }

  .cart-line-item--confirmed {
    border-color: #22c55e;
    animation: cart-drawer-confirm 1.2s ease-out;
  }

  .cart-line-item__image img {
    width: 110px;
    object-fit: contain;
  }

  .cart-line-item__image a {
    display: block;
  }

  .cart-line-item__image-placeholder {
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
  }

  .cart-line-item__details {
    min-width: 0;
  }

  .cart-line-item__name {
    display: block;
    font-weight: 500;
    text-decoration: none;
    margin-bottom: 0.25rem;
    line-height: 1.3;
  }

  .cart-line-item__name:hover {
    text-decoration: underline;
  }

  .cart-line-item__partno {
    font-family: monospace;
    font-size: 0.9rem;
    color: #666666;
  }

  .cart-line-item__price {
    font-size: 1rem;
    color: #333333;
  }

  .cart-line-item__quantity-updated {
    color: #166534;
    background-color: #dcfce7;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    margin-top: 0.5rem;
    display: inline-block;
  }

  .cart-line-item__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .cart-line-item__total {
    font-weight: 600;
    text-align: left;
    white-space: nowrap;
    font-size: 1.1rem;
  }

  .cart-line-item__qty-stepper {
    display: flex;
    align-items: center;
    border: 1px solid #dddddd;
    border-radius: 4px;
    overflow: hidden;
  }

  .cart-line-item__qty-btn {
    width: 28px;
    height: 28px;
    border: none;
    background: #f5f5f5;
    cursor: pointer;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
  }

  .cart-line-item__qty-btn:hover {
    background: #e5e5e5;
  }

  .cart-line-item__qty-btn:active {
    background: #dddddd;
  }

  .cart-line-item__qty-input {
    width: 36px;
    height: 28px;
    border: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    text-align: center;
    font-size: 1.75rem;
    -moz-appearance: textfield;
  }

  .cart-line-item__qty-input::-webkit-outer-spin-button,
  .cart-line-item__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .cart-line-item__remove-btn {
    background: none;
    border: none;
    color: var(--brand-primary);
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
  }

  .cart-line-item__remove-btn:hover {
    color: var(--brand-danger);
  }

  @keyframes cart-drawer-pulse {
    0% {
      border-color: #eef8ff;
    }
    20% {
      border-color: #a4d5f0;
    }
    50% {
      border-color: var(--brand-lighter);
    }
    80% {
      border-color: #a4d5f0;
    }
    100% {
      border-color: #eef8ff;
    }
  }

  @keyframes cart-drawer-confirm {
    0% {
      background-color: rgba(34, 197, 94, 0.4);
    }
    60% {
      background-color: rgba(34, 197, 94, 0.15);
    }
    100% {
      background-color: rgba(34, 197, 94, 0);
    }
  }

  @media (max-width: 480px) {
    .cart-line-item__grid {
      grid-template-columns: 40vw 23vw 27vw;
    }

    .cart-line-item__actions {
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
    }
  }
}
@layer components {
  .add-to-cart-button--in-cart {
    background-color: var(--state-success-bg) !important;
    border-color: var(--state-success-text) !important;
    color: var(--state-success-text) !important;
  }
}
/*










 */