/* ============================================================
   stanlay.in CSS Bundle - generated 2026-04-22
   Combines 11 CSS files into 1 request
   ============================================================ */

/* === bootstrap.css === */
/*!
 * Bootstrap v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ :root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title], abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: .5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b, strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
pre, code, kbd, samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.75rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small, .small {
  font-size: 80%;
  font-weight: 400;
}
mark, .mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\00A0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1500px;
  }
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .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, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.row-cols-1 > * {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.row-cols-2 > * {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.row-cols-3 > * {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.row-cols-4 > * {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.row-cols-5 > * {
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}
.row-cols-6 > * {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}
.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}
.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}
.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}
.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}
.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}
.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}
.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  -ms-flex-order: -1;
  order: -1;
}
.order-last {
  -ms-flex-order: 13;
  order: 13;
}
.order-0 {
  -ms-flex-order: 0;
  order: 0;
}
.order-1 {
  -ms-flex-order: 1;
  order: 1;
}
.order-2 {
  -ms-flex-order: 2;
  order: 2;
}
.order-3 {
  -ms-flex-order: 3;
  order: 3;
}
.order-4 {
  -ms-flex-order: 4;
  order: 4;
}
.order-5 {
  -ms-flex-order: 5;
  order: 5;
}
.order-6 {
  -ms-flex-order: 6;
  order: 6;
}
.order-7 {
  -ms-flex-order: 7;
  order: 7;
}
.order-8 {
  -ms-flex-order: 8;
  order: 8;
}
.order-9 {
  -ms-flex-order: 9;
  order: 9;
}
.order-10 {
  -ms-flex-order: 10;
  order: 10;
}
.order-11 {
  -ms-flex-order: 11;
  order: 11;
}
.order-12 {
  -ms-flex-order: 12;
  order: 12;
}
.offset-1 {
  margin-left: 8.333333%;
}
.offset-2 {
  margin-left: 16.666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.333333%;
}
.offset-5 {
  margin-left: 41.666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.333333%;
}
.offset-8 {
  margin-left: 66.666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.333333%;
}
.offset-11 {
  margin-left: 91.666667%;
}
@media (min-width: 576px) {
  .col-sm {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-sm-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-sm-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-sm-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-sm-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-sm-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-sm-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-sm-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-sm-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-sm-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-sm-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-sm-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-sm-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-sm-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-sm-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-md-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-md-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-md-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-md-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-md-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-md-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-md-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-md-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-md-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-md-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-md-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-md-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-md-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-lg-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-lg-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-lg-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-lg-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-lg-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-lg-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-lg-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-lg-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-lg-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-lg-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-lg-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-lg-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-lg-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-lg-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .row-cols-xl-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    -ms-flex-order: -1;
    order: -1;
  }
  .order-xl-last {
    -ms-flex-order: 13;
    order: 13;
  }
  .order-xl-0 {
    -ms-flex-order: 0;
    order: 0;
  }
  .order-xl-1 {
    -ms-flex-order: 1;
    order: 1;
  }
  .order-xl-2 {
    -ms-flex-order: 2;
    order: 2;
  }
  .order-xl-3 {
    -ms-flex-order: 3;
    order: 3;
  }
  .order-xl-4 {
    -ms-flex-order: 4;
    order: 4;
  }
  .order-xl-5 {
    -ms-flex-order: 5;
    order: 5;
  }
  .order-xl-6 {
    -ms-flex-order: 6;
    order: 6;
  }
  .order-xl-7 {
    -ms-flex-order: 7;
    order: 7;
  }
  .order-xl-8 {
    -ms-flex-order: 8;
    order: 8;
  }
  .order-xl-9 {
    -ms-flex-order: 9;
    order: 9;
  }
  .order-xl-10 {
    -ms-flex-order: 10;
    order: 10;
  }
  .order-xl-11 {
    -ms-flex-order: 11;
    order: 11;
  }
  .order-xl-12 {
    -ms-flex-order: 12;
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th, .table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th, .table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th, .table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th, .table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary, .table-primary > th, .table-primary > td {
  background-color: #b8daff;
}
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody {
  border-color: #7abaff;
}
.table-hover .table-primary:hover {
  background-color: #9fcdff;
}
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
  background-color: #9fcdff;
}
.table-secondary, .table-secondary > th, .table-secondary > td {
  background-color: #d6d8db;
}
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody {
  border-color: #b3b7bb;
}
.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}
.table-success, .table-success > th, .table-success > td {
  background-color: #c3e6cb;
}
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody {
  border-color: #8fd19e;
}
.table-hover .table-success:hover {
  background-color: #b1dfbb;
}
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}
.table-info, .table-info > th, .table-info > td {
  background-color: #bee5eb;
}
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody {
  border-color: #86cfda;
}
.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
  background-color: #abdde5;
}
.table-warning, .table-warning > th, .table-warning > td {
  background-color: #ffeeba;
}
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody {
  border-color: #ffdf7e;
}
.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}
.table-danger, .table-danger > th, .table-danger > td {
  background-color: #f5c6cb;
}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody {
  border-color: #ed969e;
}
.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}
.table-light, .table-light > th, .table-light > td {
  background-color: #fdfdfe;
}
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody {
  border-color: #fbfcfc;
}
.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
  background-color: #ececf6;
}
.table-dark, .table-dark > th, .table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
  border-color: #95999c;
}
.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}
.table-active, .table-active > th, .table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th, .table-dark td, .table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file, .form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size], select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col, .form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%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);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.form-inline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-align: center;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group, .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
a.btn.disabled, fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}
.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}
.btn-outline-primary {
  color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup, .dropright, .dropdown, .dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.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;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.btn-group, .btn-group-vertical {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group-vertical > .btn {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
  position: relative;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-prepend, .input-group-append {
  display: -ms-flexbox;
  display: flex;
}
.input-group-prepend .btn, .input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select, .input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.custom-control-inline {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-select:focus {
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #007bff;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: #b3d7ff;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before, .custom-file-label, .custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select {
    transition: none;
  }
}
.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #007bff;
}
.nav-fill .nav-item {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  -ms-flex-direction: row;
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img, .card-img-top, .card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.card-img, .card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img, .card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}
.breadcrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #fff;
  background-color: #007bff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #0062cc;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: #004085;
  background-color: #cce5ff;
  border-color: #b8daff;
}
.alert-primary hr {
  border-top-color: #9fcdff;
}
.alert-primary .alert-link {
  color: #002752;
}
.alert-secondary {
  color: #383d41;
  background-color: #e2e3e5;
  border-color: #d6d8db;
}
.alert-secondary hr {
  border-top-color: #c8cbcf;
}
.alert-secondary .alert-link {
  color: #202326;
}
.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}
.alert-success hr {
  border-top-color: #b1dfbb;
}
.alert-success .alert-link {
  color: #0b2e13;
}
.alert-info {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}
.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}
.alert-warning hr {
  border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
  color: #533f03;
}
.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}
.alert-danger hr {
  border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
  color: #491217;
}
.alert-light {
  color: #818182;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #686868;
}
.alert-dark {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #040505;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #007bff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none;
  }
}
.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.media-body {
  -ms-flex: 1;
  flex: 1;
}
.list-group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}
.list-group-horizontal {
  -ms-flex-direction: row;
  flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  color: #004085;
  background-color: #b8daff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #004085;
  background-color: #9fcdff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #004085;
  border-color: #004085;
}
.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}
.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}
.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}
.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}
.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}
.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}
.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}
.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev, .carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #007bff !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
  background-color: #0062cc !important;
}
.bg-secondary {
  background-color: #6c757d !important;
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
  background-color: #545b62 !important;
}
.bg-success {
  background-color: #28a745 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
  background-color: #1e7e34 !important;
}
.bg-info {
  background-color: #17a2b8 !important;
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
  background-color: #117a8b !important;
}
.bg-warning {
  background-color: #ffc107 !important;
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
  background-color: #d39e00 !important;
}
.bg-danger {
  background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
  background-color: #bd2130 !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
  background-color: #dae0e5 !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
  background-color: #1d2124 !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #007bff !important;
}
.border-secondary {
  border-color: #6c757d !important;
}
.border-success {
  border-color: #28a745 !important;
}
.border-info {
  border-color: #17a2b8 !important;
}
.border-warning {
  border-color: #ffc107 !important;
}
.border-danger {
  border-color: #dc3545 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}
.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}
.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}
.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}
.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}
.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}
.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}
.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}
.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}
.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}
.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}
.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important;
}
.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}
.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}
.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}
.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}
.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}
.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}
.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}
.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}
.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important;
}
.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}
.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}
.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important;
}
.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}
.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-sm-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-sm-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-sm-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-md-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-md-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-md-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-md-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-md-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-md-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-lg-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-lg-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-lg-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  .flex-xl-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
  .justify-content-xl-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    -ms-flex-align: center !important;
    align-items: center !important;
  }
  .align-items-xl-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
  }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
  }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.m-0 {
  margin: 0 !important;
}
.mt-0, .my-0 {
  margin-top: 0 !important;
}
.mr-0, .mx-0 {
  margin-right: 0 !important;
}
.mb-0, .my-0 {
  margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1, .my-1 {
  margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2, .my-2 {
  margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3, .my-3 {
  margin-top: 1rem !important;
}
.mr-3, .mx-3 {
  margin-right: 1rem !important;
}
.mb-3, .my-3 {
  margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4, .my-4 {
  margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5, .my-5 {
  margin-top: 3rem !important;
}
.mr-5, .mx-5 {
  margin-right: 3rem !important;
}
.mb-5, .my-5 {
  margin-bottom: 3rem !important;
}
.ml-5, .mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0, .py-0 {
  padding-top: 0 !important;
}
.pr-0, .px-0 {
  padding-right: 0 !important;
}
.pb-0, .py-0 {
  padding-bottom: 0 !important;
}
.pl-0, .px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1, .py-1 {
  padding-top: 0.25rem !important;
}
.pr-1, .px-1 {
  padding-right: 0.25rem !important;
}
.pb-1, .py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2, .py-2 {
  padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
  padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3, .py-3 {
  padding-top: 1rem !important;
}
.pr-3, .px-3 {
  padding-right: 1rem !important;
}
.pb-3, .py-3 {
  padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4, .py-4 {
  padding-top: 1.5rem !important;
}
.pr-4, .px-4 {
  padding-right: 1.5rem !important;
}
.pb-4, .py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4, .px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5, .py-5 {
  padding-top: 3rem !important;
}
.pr-5, .px-5 {
  padding-right: 3rem !important;
}
.pb-5, .py-5 {
  padding-bottom: 3rem !important;
}
.pl-5, .px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1, .my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1, .mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1, .my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1, .mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2, .my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2, .mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2, .my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2, .mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3, .my-n3 {
  margin-top: -1rem !important;
}
.mr-n3, .mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3, .my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3, .mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4, .my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4, .mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4, .my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4, .mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5, .my-n5 {
  margin-top: -3rem !important;
}
.mr-n5, .mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5, .my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5, .mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto, .my-auto {
  margin-top: auto !important;
}
.mr-auto, .mx-auto {
  margin-right: auto !important;
}
.mb-auto, .my-auto {
  margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0, .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0, .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0, .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0, .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1, .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1, .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1, .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1, .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2, .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2, .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2, .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2, .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3, .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3, .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3, .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3, .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4, .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4, .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4, .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4, .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5, .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5, .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5, .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5, .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0, .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0, .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0, .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0, .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1, .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1, .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1, .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1, .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2, .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2, .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2, .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2, .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3, .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3, .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3, .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3, .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4, .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4, .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4, .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4, .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5, .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5, .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5, .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5, .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1, .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1, .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1, .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1, .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2, .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2, .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2, .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2, .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3, .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3, .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3, .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3, .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4, .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4, .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4, .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4, .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5, .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5, .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5, .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5, .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto, .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto, .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto, .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0, .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0, .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0, .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0, .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1, .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1, .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1, .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1, .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2, .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2, .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2, .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2, .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3, .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3, .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3, .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3, .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4, .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4, .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4, .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4, .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5, .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5, .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5, .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5, .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0, .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0, .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0, .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0, .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1, .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1, .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1, .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1, .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2, .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2, .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2, .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2, .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3, .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3, .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3, .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3, .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4, .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4, .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4, .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4, .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5, .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5, .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5, .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5, .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1, .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1, .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1, .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1, .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2, .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2, .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2, .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2, .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3, .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3, .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3, .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3, .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4, .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4, .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4, .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4, .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5, .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5, .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5, .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5, .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto, .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto, .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto, .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto, .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0, .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0, .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0, .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0, .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1, .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1, .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1, .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1, .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2, .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2, .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2, .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2, .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3, .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3, .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3, .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3, .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4, .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4, .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4, .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4, .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5, .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5, .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5, .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5, .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0, .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0, .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0, .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0, .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1, .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1, .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1, .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1, .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2, .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2, .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2, .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2, .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3, .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3, .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3, .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3, .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4, .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4, .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4, .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4, .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5, .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5, .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5, .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5, .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1, .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1, .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1, .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1, .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2, .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2, .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2, .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2, .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3, .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3, .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3, .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3, .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4, .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4, .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4, .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4, .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5, .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5, .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5, .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5, .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto, .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto, .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto, .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0, .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0, .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0, .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0, .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1, .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1, .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1, .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1, .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2, .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2, .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2, .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2, .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3, .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3, .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3, .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3, .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4, .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4, .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4, .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4, .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5, .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5, .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5, .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5, .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0, .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0, .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0, .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0, .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1, .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1, .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1, .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1, .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2, .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2, .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2, .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2, .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3, .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3, .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3, .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3, .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4, .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4, .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4, .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4, .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5, .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5, .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5, .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5, .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1, .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1, .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1, .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1, .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2, .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2, .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2, .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2, .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3, .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3, .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3, .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3, .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4, .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4, .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4, .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4, .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5, .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5, .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5, .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5, .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto, .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto, .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto, .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #007bff !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}
.text-secondary {
  color: #6c757d !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}
.text-success {
  color: #28a745 !important;
}
a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}
.text-info {
  color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}
.text-warning {
  color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}
.text-danger {
  color: #dc3545 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *, *::before, *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " ("attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre, blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    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 #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d
}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-text {
  color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d
}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808
}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808
}
@media (max-width:767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent
  }
}
.navbar-inverse .navbar-toggle {
  border-color: #333
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
  background-color: #333
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #101010
}
.navbar-inverse .navbar-link {
  color: #9d9d9d
}
.navbar-inverse .navbar-link:hover {
  color: #fff
}
.navbar-inverse .btn-link {
  color: #9d9d9d
}
.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
  color: #fff
}
.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
  color: #444
}
/*# sourceMappingURL=bootstrap.css.map */

/* === rubik-font.css === */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nMrXyi0A.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nFrXyi0A.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nDrXyi0A.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nPrXyi0A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v18/iJWKBXyIfDnIV7nBrXw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* === aos.css === */
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}

/* === productcompare.css === */
.compresize{width: 150px;
	height: 150px;}

@media only screen and (min-width:1170px) {
  h1 {
    font-size: 4rem;
    font-weight: 300;
    padding: 3em 5%
  }
}
.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 50px;
  line-height: 50px;
  top: 0;
  left: 0
}
.cd-nugget-info a {
  position: relative;
  font-size: 14px;
  color: #9dc997;
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s
}
.no-touch .cd-nugget-info a:hover {
  opacity: .8
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block
}
.cd-nugget-info span svg {
  display: block
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #9dc997
}
#carbonads-container, #ui8ads-container {
  position: fixed;
  bottom: 40px;
  left: 5%;
  width: 180px;
  display: none;
  z-index: 100
}
#carbonads-container .close-carbon-adv, #carbonads-container .close-ui8-adv, #ui8ads-container .close-carbon-adv, #ui8ads-container .close-ui8-adv {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 100%;
  background: rgba(56, 56, 56, .8);
  text-indent: 100%;
  overflow: hidden;
  width: 32px;
  height: 32px
}
#carbonads-container .close-carbon-adv:hover, #carbonads-container .close-ui8-adv:hover, #ui8ads-container .close-carbon-adv:hover, #ui8ads-container .close-ui8-adv:hover {
  background: #383838
}
#carbonads-container .close-carbon-adv::after, #carbonads-container .close-carbon-adv::before, #carbonads-container .close-ui8-adv::after, #carbonads-container .close-ui8-adv::before, #ui8ads-container .close-carbon-adv::after, #ui8ads-container .close-carbon-adv::before, #ui8ads-container .close-ui8-adv::after, #ui8ads-container .close-ui8-adv::before {
  content: '';
  background-color: #fff;
  height: 2px;
  width: 14px;
  position: absolute;
  top: 14px;
  left: 9px
}
#carbonads-container .close-carbon-adv::after, #carbonads-container .close-ui8-adv::after, #ui8ads-container .close-carbon-adv::after, #ui8ads-container .close-ui8-adv::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
#carbonads-container .close-carbon-adv::before, #carbonads-container .close-ui8-adv::before, #ui8ads-container .close-carbon-adv::before, #ui8ads-container .close-ui8-adv::before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
#carbonads-container .carbonad, #carbonads-container .ui8ad, #ui8ads-container .carbonad, #ui8ads-container .ui8ad {
  background: rgba(255, 255, 255, .9);
  border: none;
  width: 100%;
  height: auto;
  padding: 14px;
  text-align: center;
  border-radius: 3px 0 3px 3px;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}
#carbonads-container .carbonad .carbon-img img, #carbonads-container .ui8ad .carbon-img img, #ui8ads-container .carbonad .carbon-img img, #ui8ads-container .ui8ad .carbon-img img {
  margin: 0 10px 10px;
  width: 130px
}
#carbonads-container .carbonad .carbon-text, #carbonads-container .carbonad .carbonad-tag, #carbonads-container .carbonad .carbon-poweredby, #carbonads-container .ui8ad .carbon-text, #carbonads-container .ui8ad .carbonad-tag, #carbonads-container .ui8ad .carbon-poweredby, #ui8ads-container .carbonad .carbon-text, #ui8ads-container .carbonad .carbonad-tag, #ui8ads-container .carbonad .carbon-poweredby, #ui8ads-container .ui8ad .carbon-text, #ui8ads-container .ui8ad .carbonad-tag, #ui8ads-container .ui8ad .carbon-poweredby {
  font-family: helvetica neue, Arial, sans-serif
}
#carbonads-container .carbonad .carbon-wrap, #carbonads-container .ui8ad .carbon-wrap, #ui8ads-container .carbonad .carbon-wrap, #ui8ads-container .ui8ad .carbon-wrap {
  display: block;
  width: 100%;
  padding: 0
}
#carbonads-container .carbonad .carbon-wrap a, #carbonads-container .ui8ad .carbon-wrap a, #ui8ads-container .carbonad .carbon-wrap a, #ui8ads-container .ui8ad .carbon-wrap a {
  color: #9dc997;
  font-size: 13px;
  font-weight: 700
}
.no-touch #carbonads-container .carbonad .carbon-wrap a:hover, .no-touch #carbonads-container .ui8ad .carbon-wrap a:hover, .no-touch #ui8ads-container .carbonad .carbon-wrap a:hover, .no-touch #ui8ads-container .ui8ad .carbon-wrap a:hover {
  text-decoration: underline
}
#carbonads-container .carbonad .carbonad-tag, #carbonads-container .carbonad .carbon-poweredby, #carbonads-container .ui8ad .carbonad-tag, #carbonads-container .ui8ad .carbon-poweredby, #ui8ads-container .carbonad .carbonad-tag, #ui8ads-container .carbonad .carbon-poweredby, #ui8ads-container .ui8ad .carbonad-tag, #ui8ads-container .ui8ad .carbon-poweredby {
  margin-top: 5px;
  color: #404042
}
#carbonads-container .carbonad .carbonad-tag a, #carbonads-container .carbonad .carbon-poweredby a, #carbonads-container .ui8ad .carbonad-tag a, #carbonads-container .ui8ad .carbon-poweredby a, #ui8ads-container .carbonad .carbonad-tag a, #ui8ads-container .carbonad .carbon-poweredby a, #ui8ads-container .ui8ad .carbonad-tag a, #ui8ads-container .ui8ad .carbon-poweredby a {
  color: #404042
}
#carbonads-container .carbonad .carbonad-tag a:hover, #carbonads-container .carbonad .carbon-poweredby a:hover, #carbonads-container .ui8ad .carbonad-tag a:hover, #carbonads-container .ui8ad .carbon-poweredby a:hover, #ui8ads-container .carbonad .carbonad-tag a:hover, #ui8ads-container .carbonad .carbon-poweredby a:hover, #ui8ads-container .ui8ad .carbonad-tag a:hover, #ui8ads-container .ui8ad .carbon-poweredby a:hover {
  color: #9dc997
}
#carbonads-container .carbonad .carbon-poweredby, #carbonads-container .ui8ad .carbon-poweredby, #ui8ads-container .carbonad .carbon-poweredby, #ui8ads-container .ui8ad .carbon-poweredby {
  display: inline-block;
  font-size: 11px;
  line-height: 15px
}
@media only screen and (min-width:1170px) {
  #carbonads-container, #ui8ads-container {
    display: block
  }
}
.cd-products-comparison-table {
  margin-bottom: 6em
}
.cd-products-comparison-table::after {
  display: none;
  content: 'mobile'
}
.cd-products-comparison-table header {
  padding: 0 5% 25px
}
.cd-products-comparison-table header::after {
  clear: both;
  content: "";
  display: table
}
.cd-products-comparison-table h2 {
  float: left;
  font-weight: 700
}
.cd-products-comparison-table .actions {
  float: right
}
.cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
  font-size: 1.4rem
}
.cd-products-comparison-table .reset {
  color: #404042;
  text-decoration: underline
}
.cd-products-comparison-table .filter {
  padding: .6em 1.5em;
  color: #fff;
  background-color: #ccc;
  border-radius: 3px;
  margin-left: 1em;
  cursor: not-allowed;
  -webkit-transition: background-color .3s;
  -moz-transition: background-color .3s;
  transition: background-color .3s
}
.cd-products-comparison-table .filter.active {
  cursor: pointer;
  background-color: #9dc997
}
.no-touch .cd-products-comparison-table .filter.active:hover {
  background-color: #a7cea1
}
@media only screen and (min-width:1170px) {
  .cd-products-comparison-table {
    margin-bottom: 8em
  }
  .cd-products-comparison-table::after {
    content: 'desktop'
  }
  .cd-products-comparison-table header {
    padding: 0 5% 40px
  }
  .cd-products-comparison-table h2 {
    font-size: 2.4rem
  }
  .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {
    font-size: 1.6rem
  }
  .cd-products-comparison-table .filter {
    padding: .6em 2em;
    margin-left: 1.6em
  }
}
.cd-products-table {
  position: relative;
  overflow: hidden;width: 1137px;
margin: 0 auto;border: 1px solid #e6e6e6;
}
.cd-products-table .features {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 120px;
  border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 1px;
  border-bottom-width: 1px;
  background-color: #fafafa;
  opacity: .95
}
.cd-products-table .features::after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 4px;
  height: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0
}
@media only screen and (min-width:1170px) {
  .cd-products-table .features {
    width: 210px
  }
}
.cd-products-table.scrolling .features::after {
  opacity: 1
}
.cd-products-wrapper {
/*overflow-x: auto;*/
  -webkit-overflow-scrolling: touch;
  border-style: solid;
  border-color: #e6e6e6;
  border-top-width: 1px;
  border-bottom-width: 1px;
      
}
.cd-products-columns {
  width: 1000px;
  margin-left: 207px
}
.cd-products-columns::after {
  clear: both;
  content: "";
  display: table
}

.cd-products-columns .product {
  position: relative;
  float: left;
  width: 150px;
  text-align: center;
  -webkit-transition: opacity .3s, visibility .3s, -webkit-transform .3s;
  -moz-transition: opacity .3s, visibility .3s, -moz-transform .3s;
  transition: opacity .3s, visibility .3s, transform .3s
}
.filtering .cd-products-columns .product:not(.selected) {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}
.no-product-transition .cd-products-columns .product.selected {
  -webkit-transition: opacity .3s, visibility .3s;
  -moz-transition: opacity .3s, visibility .3s;
  transition: opacity .3s, visibility .3s
}
.filtered .cd-products-columns .product:not(.selected) {
  position: absolute
}
@media only screen and (min-width:1170px) {
  .cd-products-columns .product {
    width: 310px
  }
}
.cd-features-list li {
  font-size: 1.3rem;
  font-weight: 400;
  padding: 15px 40px;
  border-color: #e6e6e6;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 1px
}
.cd-features-list li.rate {
  padding: 21px 0
}
.cd-features-list li.rate span {
  display: inline-block;
  height: 22px;
  width: 110px;
  background: url(../img/cd-star.svg);
  color: transparent
}
@media only screen and (min-width:1170px) {
  .cd-features-list li {
    font-size: 1.2rem; font-weight: 400;height: 60px; overflow-y: auto;
  }
  .cd-features-list li.rate {
    padding: 22px 0
  }
}
.features .cd-features-list li, .cd-products-table .features .top-info {
  font-size: 16px;
  font-weight: 500;
  line-height: 14px;
  padding: 25px 10px;
  text-align: left
}
@media only screen and (min-width:1170px) {
  .features .cd-features-list li, .cd-products-table .features .top-info {
    line-height: 16px;
    padding: 15px 20px;
    letter-spacing: 1px
  }
}
.features .cd-features-list li {
  text-overflow: ellipsis;
  overflow: hidden; word-break: break-all; color: #000;
}
.cd-products-table .top-info {
  position: relative;
  height: 177px;
  width: 150px;
  text-align: center;
  padding: 1.25em 2.5em;
  border-color: #e6e6e6;
  border-style: solid;
  border-right-width: 1px;
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  transition: height .3s;
  cursor: pointer;
  background: #fff
}
.cd-products-table .top-info::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 4px;
  width: 100%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), transparent);
  opacity: 0
}
.cd-products-table .top-info h3 {
  padding: 10px 10px;
  font-weight: 400;
  font-size: 14px;
}
.cd-products-table .top-info img {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
    max-width: 100%;
}
.cd-products-table .top-info h3, .cd-products-table .top-info img {
  -webkit-transition: -webkit-transform .3s;
  -moz-transition: -moz-transform .3s;
  transition: transform .3s
}
.cd-products-table .top-info .check {
  position: relative;
  display: inline-block;
  height: 16px;
  width: 16px;
  margin: 0 auto 1em
}
.cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  height: 100%;
  width: 100%
}
.cd-products-table .top-info .check::before {
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  background: #fff;
  -webkit-transition: background-color .3s, -webkit-transform .3s, border-color .3s;
  -moz-transition: background-color .3s, -moz-transform .3s, border-color .3s;
  transition: background-color .3s, transform .3s, border-color .3s
}
.cd-products-table .top-info .check::after {
  background: url(../img/cd-check.svg) no-repeat center center;
  background-size: 24px 24px;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s
}
@media only screen and (min-width:1170px) {
  .cd-products-table .top-info {
    height: 280px;
    width: 310px
  }
  .cd-products-table .top-info h3 {
    padding-top: 1.4em;
    font-size: 1.2rem
  }
  .cd-products-table .top-info .check {
    margin-bottom: 1.5em
  }
}
.cd-products-table .features .top-info {
  width: 120px;
  cursor: auto;
  background: #fafafa
}
@media only screen and (min-width:1170px) {
  .cd-products-table .features .top-info {
    width: 210px; color: #000;
  }
}
.cd-products-table .selected .top-info .check::before {
  background: #9dc997;
  border-color: #9dc997;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-animation: cd-bounce .3s;
  -moz-animation: cd-bounce .3s;
  animation: cd-bounce .3s
}
@-webkit-keyframes cd-bounce {
  0% {
    -webkit-transform: scale(1)
  }
  60% {
    -webkit-transform: scale(1.6)
  }
  100% {
    -webkit-transform: scale(1.5)
  }
}
@-moz-keyframes cd-bounce {
  0% {
    -moz-transform: scale(1)
  }
  60% {
    -moz-transform: scale(1.6)
  }
  100% {
    -moz-transform: scale(1.5)
  }
}
@keyframes cd-bounce {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
  }
  60% {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6)
  }
  100% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
  }
}
.cd-products-table .selected .top-info .check::after {
  opacity: 1
}
@media only screen and (min-width:1170px) {
  .cd-products-table.top-fixed .cd-products-columns > li, .cd-products-table.top-scrolling .cd-products-columns > li, .cd-products-table.top-fixed .features, .cd-products-table.top-scrolling .features {
    padding-top: 160px
  }
  .cd-products-table.top-fixed .top-info, .cd-products-table.top-scrolling .top-info {
    height: 160px;
    position: fixed;
    top: 60px;
  }
  .no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients .cd-products-table.top-scrolling .top-info {
    border-bottom: 1px solid #e6e6e6
  }
  .cd-products-table.top-fixed .top-info::after, .cd-products-table.top-scrolling .top-info::after {
    opacity: 1
  }
  .cd-products-table.top-fixed .top-info h3, .cd-products-table.top-scrolling .top-info h3 {
    -webkit-transform: translateY(-116px);
    -moz-transform: translateY(-116px);
    -ms-transform: translateY(-116px);
    -o-transform: translateY(-116px);
    transform: translateY(-116px)
  }
  .cd-products-table.top-fixed .top-info img, .cd-products-table.top-scrolling .top-info img {
    -webkit-transform: translateY(-62px) scale(.4);
    -moz-transform: translateY(-62px) scale(.4);
    -ms-transform: translateY(-62px) scale(.4);
    -o-transform: translateY(-62px) scale(.4);
    transform: translateY(-62px) scale(.4)
  }
  .cd-products-table.top-scrolling .top-info {
    position: absolute
  }
}

.cd-table-navigation{display:none;}
.cd-table-navigation a {
  position: absolute;
  z-index: 2;
  top: 42px;
  right: 15px;
  -webkit-transform: translateY(55px);
  -moz-transform: translateY(55px);
  -ms-transform: translateY(55px);
  -o-transform: translateY(55px);
  transform: translateY(55px);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  height: 30px;
  width: 30px;
  background: rgba(230, 25, 43, .8) url( "../images/cd-arrow.svg") no-repeat center center;
  border-radius: 3px;
  -webkit-transition: background-color .3s, opacity .3s, visibility .3s, -webkit-transform .3s;
  -moz-transition: background-color .3s, opacity .3s, visibility .3s, -moz-transform .3s;
  transition: background-color .3s, opacity .3s, visibility .3s, transform .3s;
}
.cd-table-navigation a.inactive {
  opacity: 0;
  visibility: hidden
}
.cd-table-navigation a.prev {
  left: 120px;
  right: auto;
  -webkit-transform: translateY(55px) translateX(15px) rotate(180deg);
  -moz-transform: translateY(55px) translateX(15px) rotate(180deg);
  -ms-transform: translateY(55px) translateX(15px) rotate(180deg);
  -o-transform: translateY(55px) translateX(15px) rotate(180deg);
  transform: translateY(55px) translateX(15px) rotate(180deg)
}
.no-touch .cd-table-navigation a:hover {
  background-color: #404042
}
@media only screen and (min-width:1170px) {
  .cd-table-navigation a {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px)
  }
  .cd-table-navigation a.prev {
    left: 210px;
    -webkit-transform: translateY(100px) translateX(15px) rotate(180deg);
    -moz-transform: translateY(100px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(100px) translateX(15px) rotate(180deg);
    -o-transform: translateY(100px) translateX(15px) rotate(180deg);
    transform: translateY(100px) translateX(15px) rotate(180deg)
  }
  .top-fixed .cd-table-navigation a {
    position: fixed
  }
  .top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {
    -webkit-transform: translateY(45px);
    -moz-transform: translateY(45px);
    -ms-transform: translateY(45px);
    -o-transform: translateY(45px);
    transform: translateY(45px)
  }
  .top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {
    -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);
    -moz-transform: translateY(45px) translateX(15px) rotate(180deg);
    -ms-transform: translateY(45px) translateX(15px) rotate(180deg);
    -o-transform: translateY(45px) translateX(15px) rotate(180deg);
    transform: translateY(45px) translateX(15px) rotate(180deg)
  }
}
.no-js .actions {
  display: none
}
.no-js .cd-products-table .top-info {
  height: 145px
}
@media only screen and (min-width:1170px) {
  .no-js .cd-products-table .top-info {
    height: 248px
  }
}
.no-js .cd-products-columns .check {
  display: none
}


@media only screen and (max-width:768px) {
    
    .cd-products-wrapper {
        overflow-x: auto;}
    .cd-table-navigation{display:block;}
  .cd-products-columns {   width: 460px;    margin-left: 120px;  }    
    .cd-products-table{width: auto;}
    .cd-products-table .top-info{height: 247px;padding: 10px; }
    .cd-features-list li{height: 100px;}
    .cd-features-list li {font-size: 1rem;}
    .compresize {width: auto; height: auto;}
    
}



@media only screen and (max-width:400px) {
     .cd-products-columns {
         width: 420px;
    margin-left: 120px;
  }
    .cd-products-table .top-info{width: 139px;}
    .cd-products-columns .product{width: 139px;}
    
    
}
@media only screen and (max-width:360px) {
     .cd-products-columns {
         width: 400px;
    margin-left: 120px;
  }
    .cd-products-table .top-info{width: 120px;}
    .cd-products-columns .product{width: 120px;}
    
    
}



/* === slick.css === */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* === slick-theme.css === */
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* === productmenu.css === */
/* Container */
.menu-toggle {
    display: inline-block;
     all: unset;
    font-size: 24px;
}

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

.mega-menu {
 display: none;
  position: absolute;   /* 👈 yahi key hai */
  top: 145px;            /* hamburger ke neeche */
  left: 0;
  
  background: #fff;
  border: 1px solid #ddd;
  z-index: 9999;

}

@media (max-width: 500px) {
    .mega-menu {
       display: none;
        position: absolute;   /* 👈 yahi key hai */
        top: 104px;            /* hamburger ke neeche */
        left: 0;
        
        background: #fff;
        border: 1px solid #ddd;
        z-index: 9999;
    }
}

.menu-level-1-wrap {
    background-color: #f3f5fa;
    width: 350px;
    float: left;
    min-height: 500px;
    padding: 23px 10px;
    box-sizing: border-box;
     background: rgb(217 215 215 / 60%);
    border-radius: 2px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 212, 212, 0.3);

}

/* Search Bar */
.menu-search-li {
    padding: 0 0 30px 0;
    margin-bottom: 0;
    width: 100%;
    border-bottom: 0.5px solid #000;
    display: flex;
    justify-content: center;
}
.menu-search-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 322px;
    height: 42px;
    padding: 0 15px;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 10px;
    box-sizing: border-box;
}
.menu-search-inner input {
    flex-grow: 1;
    border: none;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #000;
    background: transparent;
    padding: 0;
    margin-right: 10px;
}
.menu-search-inner input::placeholder {
    color: #c7c7cc;
}
.menu-search-inner .fa-search {
    position: static;
    transform: none;
    color: #999999;
    font-size: 16px;
}

/* ☰ click */
.mega-menu.menu-open {
  display: block;
}

/* LEVEL 1 ITEMS */
.menu-level-1 {
    position: static;
}

.menu-level-1 > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 10px 15px;
    border-bottom: none; 
    cursor: pointer;
    background: transparent;
    color: #0F0D13;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    box-sizing: border-box;
    border-radius: 8px; /* Optional slight rounding for hover */
}

/* Hover State */
.menu-level-1:hover > a {
     background-color: #dc3545; /* Red active/hover color */
     color: #fff;
}

/* Active State Styles */
.menu-level-1.active > a,
.menu-level-1 > a.active {
    background-color: #dc3545;
    color: #fff;
}

/* Arrow Icon */
.menu-level-1 > a::after {
    content: "\f054"; /* fa-chevron-right */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: static; /* Flexbox handles position */
    transform: none;
    font-size: 12px; 
    color: inherit;
}

/* Change Arrow to Dash on Hover or Active */
.menu-level-1:hover > a::after,
.menu-level-1.active > a::after {
  content: "\f101"; /* fa-chevron-right */
  transform: none;
  color: inherit;
}

/* LEVEL 2 */
.menu-level-2-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;         
    width: 370px;
    float: left;
    min-height: 500px;
    padding: 0;
    background: rgba(212, 212, 212, 0.9);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 212, 212, 0.3);
}

/* Level 2 Header (Selected Category Name) */
.menu-level-2-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 10px 15px;
    box-sizing: border-box;
    margin-bottom: 12px;
    background: rgba(212, 212, 212, 0.8);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 212, 212, 0.3);

}

@media (min-width: 320px) and (max-width: 1200px) {
    .menu-level-2-header {
        display: none;
    }
}


.menu-level-2-header h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #0f0d13;
    margin: 0;
    padding: 0;
}

.menu-level-2-header .fa-times {
    font-size: 16px;
    color: #000;
    cursor: pointer;
}

.menu-level-2 {
    display: block;
    width: 100%;
    /* margin-bottom 12px gap */
}

.menu-level-2 > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Changed from space-between to left align */
    height: 70px;
    padding: 10px 15px;
    border-bottom: none;
    cursor: pointer;
    background: transparent;
    color: #1d1b20;
    font-family: 'SF Pro', 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.23px;
    box-sizing: border-box;
}

.menu-level-2 > a .leve-2-icon { 
    border: 1px solid #d1d1d6; 
    border-radius: 5px; 
    padding: 0; 
    overflow: hidden; 
    width: 50px; 
    height: 50px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 10px;
    flex-shrink: 0; /* Prevent icon shrinking */
    color: #dc3545;
}

.menu-level-2 > a .leve-2-icon img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.menu-level-2 > a::after {
    content: "\f054"; /* fa-chevron-right */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: static;
    transform: none;
    font-size: 10px;
    color: #000;
    margin-left: auto; /* Push to far right */
}

/* Hover or Active State Level 2 */
.menu-level-2:hover > a,
.menu-level-2.active > a {
    background-color: #80808080;
    color: #fff;
    border-radius: 10px;
    margin: 0 5px; /* Adjusting width slightly on hover for the rounded look */
    width: calc(100% - 10px);
}

.menu-level-2:hover > a::after,
.menu-level-2.active > a::after {
    content: "\f101"; /* fa-angle-double-right */
    color: #dc3545;
    transform: none;
}

.menu-level-2:hover > a .leve-2-icon,
.menu-level-2.active > a .leve-2-icon {
     border-color: #fff;
}

/* Hide toggle button by default on desktop */
.submenu-toggle {
    display: none;
}


/* LEVEL 3 */
.menu-level-3-wrap {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 686px; /* Increased to comfortably fit 3 items (203+15)*3 + 15 padding = ~669 + leeway */
    background: #fbfbfb;
    border: none;
    float: left;
    padding: 0; 
    box-shadow: -3px 4px 15px 0px rgba(0,0,0,0.15);
    min-height: 500px;
    padding-bottom: 20px;
    background: rgba(212, 212, 212, 0.7);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(212, 212, 212, 0.3);
    
}

@media (min-width:1280px) {
    .menu-level-3-wrap {
        width: 65rem;
    }
}

/* Level 3 Header (Selected Sub-Category Name) */
.menu-level-3-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 10px 15px;
    /* background: #f3f5fa; */
    border-bottom: 0.5px solid #aeaeb2;
    border-top-right-radius: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;
    grid-column: 1 / -1; /* Make it span all columns if grid is used, but here I'll use display block for wrap and grid for items later */
}

.menu-level-3-header h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #0f0d13;
    margin: 0;
}

.menu-level-3-header .fa-times {
    font-size: 16px;
    color: #000;
    cursor: pointer;
}

/* Specific Grid Layout for Items */
/* I need to select only the LIs, leaving the header out of the grid flow or making the UL a flex column container */
/* Better approach: Let header be first child, then a container for items or just float/flex items */

.menu-level-3-wrap {
    display: none; 
    /* Removed flex-direction: column */
    /* position and width from previous CSS block remain unless overridden here for specific needed props */
}

/* Specific Grid Layout for Items */

.menu-level-3 {
    display: block;
    float: left;
    width: 203px;
    margin-right: 15px; /* Spacing between items */
    margin-bottom: 15px;
    list-style: none;
    margin-left: 0;
}

/* Target every 3rd item to remove right margin to fit perfectly if width allows, 
   or just let wrap handle it. 
   670px container. Items 203px. 
   Margin right 15px.
   (203+15)*3 = 654px. Fits. 
   But the 3rd item will have margin-right 15px vs container...
   Actually, let's add padding-left to container to align with header.
*/

.menu-level-3-wrap {
     padding-left: 15px; /* Align first item with header text */
     box-sizing: border-box;
}

.product-card {
    background: transparent;
    border: none;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    width: 203px;
    height: 279px; /* 249px image + 30px footer */
    overflow: hidden;
    position: relative;
    box-shadow: none; /* Reset old shadow */
}

.product-image {
    height: 249px;
    width: 100%;
    background: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.product-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.product-overlay-title {
    position: absolute;
    bottom: 30px; /* Adjusted to sit above footer */
    left: 0;
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
    z-index: 2; /* Ensure it is above the image */
}

.product-overlay-title p {
    font-family: 'SF Pro', 'Roboto', sans-serif;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.06px;
    color: #fff;
    margin: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-footer {
    height: 30px;
    background: #e2212f;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    
    /* Move font styles from 'a' to here */
    font-family: 'SF Pro', 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 0.06px;
    color: #fff; 
    text-decoration: none;
    cursor: pointer;
}

/* Make the link wrapper block to fill card size */
.product-card-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.product-footer .fa-chevron-right {
    font-size: 10px;
    margin-left: 5px;
}

/* Reset hover effects from previous CSS */
.product-card:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}



@media (max-width: 992px) {
  /* .menu-level-1-wrap {
    width: 30%;
  }

  .menu-level-2-wrap {
    width: 30%;
  }

  .menu-level-3-wrap {
    width: 40%;
    grid-template-columns: repeat(2, 1fr);
  } */
}
@media (max-width: 768px) {
  /* .menu-level-1-wrap,
  .menu-level-2-wrap,
  .menu-level-3-wrap {
    width: 100%;
    float: none;
  }

  .menu-level-3-wrap {
    grid-template-columns: repeat(1, 1fr);
  } */
}

.search-bar-new {
        max-width: 90%;
}

@media (max-width: 1200px) and (min-width: 800px) {
    /* Adjust widths for medium screens */
    .menu-menu {
        width: 70%;
    }
}

@media (max-width: 1200px) {
    /* Mobile Menu Container Overrides */
    .mega-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    .menu-level-1-wrap,
    .menu-level-2-wrap,
    .menu-level-3-wrap {
        width: 100% !important;
        position: static;
        float: none;
        max-height: 90dvh;
        min-height: auto;
        padding: 0;
        box-shadow: none;
        background-color: #f3f5fa;
        border-bottom: 1px solid lightgray;
        overflow:   auto;
    }

    .menu-level-3-wrap {
        margin-left: 12px;
        padding-right: 2rem;
    }
    /* Hide submenus by default */
    .menu-level-2-wrap, 
    .menu-level-3-wrap {
        display: none;
    }

    /* Search Bar Mobile */
    .menu-search-li {
        padding: 15px;
        width: 100%;
        box-sizing: border-box;
        position: relative; /* Context for pseudo-element */
        background: #f3f5fa;
        display: block; /* Override flex causing center alignment issues if any */
    }

    .menu-search-li::after {
        content: "";
        display: block;
        height: 1px;
        background: #e0e0e0;
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
    }

    .menu-search-inner {
        width: 100%;
        max-width: 100%;
        height: 40px;
        background: #fff;
        border: none;
        border-radius: 8px;
        /* Ensure flex unique properties */
        display: flex;
        align-items: center;
        padding: 0 15px; 
        box-sizing: border-box;
    }
    
    .menu-search-inner input {
        background: transparent;
        font-size: 16px; /* Better for mobile touch targets */
    }

    /* --- Level 1 Items (Mobile) --- */
    .menu-level-1 > a {
        height: 50px;
        padding: 10px 15px;
        margin-bottom: 1px; /* Gap between items */
        background-color: transparent;
        color: #0F0D13;
        font-family: 'Roboto', sans-serif;
        font-weight: 500; /* Medium */
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.5px;
        border-radius: 0;
    }
    
    /* Level 1 Hover/Active on Mobile */
    .menu-level-1.active > a {
       background-color: #80808080; /* Red background for active */
       color: #fff; /* White text */
       border-radius: 8px; /* Rounded corners */
    }

    .menu-level-1:hover > a {
        background-color: #e2212f; /* No hover effect on mobile usually, or keep specific */
        color: #fff;
    }
    
    /* Change arrow color on active Level 1 */
    .menu-level-1 > a::after {
        font-size: 16px; /* Small type */
    }

    .menu-level-1.active > a::after {
        color: #fff;
    }

    /* --- Level 2 Items (Mobile) --- */
    .menu-level-2 {
        position: relative; /* Context for absolute positioning of toggle */
    }

    .menu-level-2 > a {
        height: 50px;
        padding: 10px 50px 10px 25px; /* Give space on right for toggle */
        display: flex;
        align-items: center;
        justify-content: flex-start; /* Align left */
        background-color: transparent;
        margin: 0;
        width: 100%;
        border-radius: 0;
    }

    .menu-level-2 > a .leve-2-icon {
        width: 35px;
        height: 35px;
        border: 1px solid #d1d1d6;
        border-radius: 5px;
        background: #fff;
        margin-right: 10px;
        padding: 2px; /* Inner padding for image */
        flex-shrink: 0;
    }

    /* Font for Level 2 Text */
    .menu-level-2 > a {
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400; /* Regular */
        font-size: 15px;
        line-height: 20px;
        letter-spacing: -0.23px;
        color: #1d1b20;
    }

    /* Hover & Active state mobile Level 2 */
    .menu-level-2.active > a {
        background-color: #e2212f; /* Red background */
        color: #fff;
        width: 100%;
        margin: 0;
        border-radius: 8px; /* Rounded */
    }

    .menu-level-2:hover > a {
        /* background-color: rgba(0,0,0,0.05);
        color: #1d1b20;
        width: 100%;
        margin: 0;
        border-radius: 0; */
    }
    
    .menu-level-2.active > a .leve-2-icon {
        border-color: #fff; /* White border for icon box */
    }
    
    .menu-level-2:hover > a .leve-2-icon {
        border-color: #d1d1d6;
    }
    
    /* Remove pseudo-element arrow on mobile, since we use real toggle button now */
    .menu-level-2 > a::after {
        content: none; 
    }
    .menu-level-2.active > a::after {
        content: none;
    }
    .menu-level-2:hover > a::after {
        content: none;
    }

    /* Style the Toggle Button */
    .submenu-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        width: 50px; /* Clickable area */
        height: 50px;
        cursor: pointer;
        z-index: 10;
        color: #000;
        font-size: 14px;
    }

    .submenu-toggle i {
        /* Center logic handled by flex on parent */
    }

    .submenu-toggle.active {
         color: #fff; /* If parent is red active, verify if toggle overlaps or sits on top */
         /* Actually parent background covers whole LI? No, on link only. Link has width 100% and margin 0 */
         /* If link is active, it has red bg. Toggle sits on top of link visually because of z-index and absolute pos */
    }
    
    /* When active, change icon to Minus */
    .submenu-toggle.active i::before {

        content: "\f101"; /* fa-angle-double-right */
    }

    /* --- Level 3 Items (Mobile - List View) --- */
    .menu-level-3-header {
        display: none; /* Hide header if not needed or style it */
    }
    
    /* Convert Grid/Card to List Item */
    .menu-level-3 {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }

    .product-card-link {
        display: block;
        width: 100%;
    }

    .product-card {
        width: 100%;
        height: 50px; /* Fixed height list item */
        flex-direction: row;
        align-items: center;
        background: transparent;
        padding: 10px 15px 10px 25px; /* Match indent */
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
        margin-bottom: 0;
    }

    /* Product Image in List */
    .product-image {
        width: 35px; /* Match Level 2 icon size */
        height: 35px;
        flex-shrink: 0; /* Prevent shrinking */
        border: 1px solid #d1d1d6;
        border-radius: 5px;
        background: #fff;
        margin-right: 10px;
        border-bottom-left-radius: 5px; 
        border-bottom-right-radius: 5px;
        padding: 2px;
    }
    
    .product-image img {
         /* Ensure image fits inside the small box */
         max-width: 100%;
         max-height: 100%;
    }

    /* Hide Footer but KEEP overlay-title block logic */
    .product-footer {
        display: none !important; 
    }

    /* Re-purposed overlay title as main text - Mobile List View */
    .product-overlay-title {
            max-width: 50%;
        position: static !important; 
        background: transparent !important;
        width: auto !important;
        height: auto !important;
        padding: 0 !important;
        flex: 1; 
        display: flex !important; /* Changed to flex to align text vertically if needed, though block is fine */
        align-items: center;
        margin-right: 10px;
        margin-bottom: 0; 
        bottom: auto !important; /* Reset bottom */
        left: auto !important;   /* Reset left */
    }

    .product-overlay-title p {
        font-family: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: -0.23px;
        color: #1d1b20;
        white-space: normal;
        margin: 0;
        text-align: left;
    }

    .product-card {
        width: 100%;
        height: auto; /* Allow height to grow */
        min-height: 62px;
        display: flex;
        flex-direction: row;
        align-items: center;
        background: transparent;
        padding: 10px 15px 10px 25px; /* Match indent */
        border-radius: 0;
        box-shadow: none;
        overflow: visible;
        margin-bottom: 0;
    }

    /* Add Chevron for Level 3 items like Level 2 */
    .product-card::after {
        content: "\f054"; /* fa-chevron-right */
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 16px;
        color: #000;
        margin-left: auto; /* Push right */
    }

    /* Reset hover for card */
    .product-card:hover {
        box-shadow: none;
        background-color: rgba(0,0,0,0.05); /* Slight hover effect */
    }
}




/* === menu.css === */
header {
  /* position: absolute;*/
  width: 100%;
  left: 0px;
  top: 26px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
.headerinr {
 /* margin: 0 auto;*/
  width: 100%; float: left;
}

.he-logo {
background: #fff;
    width: 16%;
    /*border-right: 7px solid #535353;
     overflow: hidden; */
    float: left;
    padding: 9px 0 12px;
}
.st-logo {
  float: left;
    padding-left: 15px;
}
.menu-container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.he-right {
  float: left;
  /*width: 56%;*/ width: 84%;
  /* display: flex; */
  margin:0;
}
.nav-container {
  color: #fff;
  list-style: none inside;
  float: right; /*float: left;*/
  padding: 0 10px;
  font-weight: 400;
  font-size: 16px;
}
.nav-item {padding: 19px 2rem 12px; display: inline-block;}
.nav-item a {
  color: #000;
  font-weight: 500;
}
.nav-item a:hover {
  color: #e6192b;
}

.nav-container .nav-item:last-child{padding: 19px 0 12px;}
.nav-item-dropdown {
  /*position: relative;*/
}
.nav-item-dropdown:hover > .dropdown-menuu {
  display: block;
  opacity: 1;
}

.dropdown-trigger {
  position: relative;
}
.dropdown-trigger:focus + .dropdown-menuu {
  display: block;
  opacity: 1;
}
.dropdown-trigger::after {
  content: "›";
  position: absolute;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  transform: rotate(90deg);
  top: -7px;
  right: -15px;
}
.dropdown-menuu {
    background: #f2f2f2;
    display: inline-block;
    text-align: right;
    /* text-align: left; */
    position: absolute;
    top: 51px;
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease;
    color: #000;
    width: 100%;
    left: 0;
}
.dropdown-menuu a {
  color: #000;
}
.dropdown-menuu a:hover{
   color: #eb272d;
}
.dropdown-menu-item {
  cursor: pointer;
  padding: 1em;
  text-align: center;
}
.dropdown-menu-item:hover {
  color: #eb272d;
}
.nav-item-dropdown ul li{ display: inline-block;  /*margin: 0 0 0 24.5%;*/ margin: 0 0 0 0;}
.nav-item-dropdown ul li:last-child{margin-right: 2%; margin-left: 0;}

.toplink-h {float: right; margin: 0 15px 0 0;}
/* .toplink-h ul{margin: 19px 0 0;} */
.toplink-h ul li{display: inline-block; color: #fff;}
.toplink-h ul li a{color: #fff;}
.toplink-h .phone{padding-right: 30px;}
.toplink-h .last {
    padding-right: 0;
}


.he-s-outer {
  margin: 0 auto;
  width: 100%; float: left; background: #535353; position: relative; padding: 10px 0;
}
.pro-le-hm {
   float: left; width: 16%;
}

/*Search*/

.search-data input {
  height: 100%;
  width: 100%;
  background: none;
  border: none;
  outline: none;  
  color: #fff;
  background: #fff;
}
.pro-o-search {
float: left; width: 80%;
}
.search-btn {
  float: right;
  padding-right: 1px;
  position: relative;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.pro-search input[type=text]{width: 100%; height: 45px; border-radius: 10px; padding: 10px; border: 1px solid #000; position: relative; font-size: 18px;
background: #fff !important;}
.pro-search {width: 80%; position: relative;}
.pro-search span {color: #fff; position: absolute;  width: 50px;  font-size: 25px;   right: 0;   top: 0;    line-height: 45px;    cursor: pointer;
background: #dd2c33; border-radius: 0 10px 10px 0;}


/*Search*/
.hdrtop-new {
    float: left;
    width: 100%;
    /* background: #e6192b; */
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.10);
    position: relative;
    z-index: 100;
}

.dropdown-menuu > li.active { position: relative; }

.dropdown-menuu > li.active:after {    border-bottom: 10px solid #f2f2f2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -25px;
    width: 0;
}

.fixed-div_new1 {
  position: fixed !important;
    top: 0px;
    left: 0px;
    transform: unset;
    width: 100%;
    z-index: 999;
    /*animation: smoothScroll 1s forwards;*/
}
.topnav-n {font-size: 0;}
.topnav-n img{font-size: 0;}
.carousel-control-prev, .carousel-control-next{opacity: 1;}
.carousel-control-prev-icon,.carousel-control-next-icon {padding: 1.3rem;}

.hdrtop {
    float: left;
    width: 100%;
    /* background: #e6192b; */
    background: #ffffff;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.10);
    position: relative;
   
}
/* 29-1-26 */
.hdrtop_red_band{background: #e6192b; overflow: hidden;}
.toplink-h ul{margin: 5px 0;}
.nav-item .contactus_link {background: #eb272d; color:#fff; border-radius: 5px; padding: 6px 17px;}



@media only screen and (max-width: 1920px) {
.nav-item a { font-size: 18px;}
}


@media only screen and (max-width: 1440px) {
.nav-item-dropdown ul li {margin: 0 0 0 37.5%;}

  }


@media only screen and (max-width: 1280px) {
    
    
    
}

@media only screen and (max-width: 1180px) {
 .he-logo {width: 20%;} .he-right {width: 80%;}   
.nav-container ul {} 
.nav-container ul li:nth-child(3){display: none;}    
    
}

@media only screen and (max-width: 1024px) {
   
.nav-container { display: none;}
.he-logo {width: 30%;} .he-right {width: 70%;}
.toplink-h .phone {padding-right: 10px;}
.nav-item {padding: 22px 0.5rem 12px;   display: inline-block;}
.pro-search {width: 100%;}


}


/* mobile nav */
@media only screen and (max-width: 768px) {
   
.nav-container { display: none;}
.he-logo {width: 30%;} .he-right {width: 70%;}
.pro-search {width: 100%;}
.search-data input {   font-size: 12px;}

}

@media only screen and (max-width: 600px) {
.he-logo {width: 40%;} .he-right{width: 60%;}
.he-logo img{width: 75%;}
.toplink-h ul {margin: 2px 0 0;}
.toplink-h {text-align: right;}
.toplink-h ul li a {font-size: 12px;}
.toplink-h .phone { padding-right: 0;}
.toplink-h ul li span{font-size: 11px;}
.toplink-h ul li {line-height: 1.4rem; display: block;}
.pro-le-hm {width: 30%;}
.pro-o-search {width: 68%; margin: 0 2% 0 0;}
.pro-search input[type=text] {font-size: 12px; height: 38px;}
.pro-search span {top:0; width: 37px; height: 37px; font-size: 19px; line-height: 38px}

}

/* === stellarnav.min.css === */
.stellarnav { z-index: 9900;}
.stellarnav ul {display: none; position: absolute; background: rgba(230,25,43,1); scrollbar-width: thin;  width: 480px; left: 0; top: 65px; 
    height: calc(100vh - 11rem); overflow-y: auto; z-index: 11;}
.stellarnav ul::-webkit-scrollbar{width: 10px; }
.stellarnav ul::-webkit-scrollbar-track{background: #f1f1f1; }
.stellarnav ul::-webkit-scrollbar-thumb {  background: #888; }
.stellarnav li {display: none; position: relative;}
.stellarnav ul li {display: block; border-bottom: 1px solid rgba(0,0,0,.15); -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.stellarnav ul li:hover{background: #3c3c3c;}
.stellarnav .menu-toggle {display: inline-block; margin: .5rem 0 0 18%; color: #000; font-size: 18px;}
.stellarnav .menu-toggle::after {content: '';  width: 0px;  height: 1px;  display: block;  background: black;  transition: 300ms;}
.stellarnav .menu-toggle:hover::after {  width: 100%;}
.stellarnav.mobile>ul>li>a {padding: 12px 15px;}
.stellarnav.light li a {color: #fff;     /*border-bottom: 1px solid rgba(0,0,0,.15);*/ display: inline-block;}
.stellarnav .dd-toggle i { display: inline-block;position: absolute;    margin: auto;    top: 33%;    left: 0;    right: 10px;    -webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;    transition: transform .3s ease-out;}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle {
 display: inline-block}
 .stellarnav.mobile .close-menu{display: none;}
.stellarnav .dd-toggle {    display: none;    position: absolute;    top: 0;    right: 0;    padding: 0;    width: 26px;    height: 26px;    text-align: center;    z-index: 9999;    border: 0}
.stellarnav.mobile ul ul { top: 0;   position: relative;    opacity: 1;    visibility: visible;    width: auto;    
    display: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: color 0 ease-in;    transition: none;    
    left: 0;     overflow-y: hidden; height: auto;}

 .stellarnav.mobile ul ul li{background: #515050; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}  
 .stellarnav.mobile ul ul li:hover{background: #e7233b;}    
.stellarnav.mobile ul ul li a{padding: 8px 15px;}
.stellarnav.mobile ul ul ul{ top: 0; overflow-y: hidden; height: auto;}
.stellarnav.mobile ul ul ul li{background: #605e5f;}
.stellarnav.mobile ul ul ul li: hover{}

.stellarnav.mobile li a.dd-toggle, .stellarnav.mobile.light li a.dd-toggle { border: 0;}
/*.stellarnav a i {display: none;}*/
.stellarnav ul li.mobile-view {display: none;} 
.stellarnav li.open>a.dd-toggle i {color: #98dcff;-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);    -o-transform: rotate(180deg);    transform: rotate(180deg)}



/*Catalog*/

.stellarnav .stellarnav-cat{ z-index: 9900;}
.stellarnav .stellarnav-cat ul {display: none; position: absolute; background: rgba(230,25,43,1); scrollbar-width: thin;  width: 350px; left: 0; top: 52px; height: calc(100vh - 7rem); overflow-y: auto;}
.stellarnav .stellarnav-cat ul::-webkit-scrollbar{width: 10px; }
.stellarnav ul::-webkit-scrollbar-track{background: #f1f1f1; }
.stellarnav ul::-webkit-scrollbar-thumb {  background: #888; }
.stellarnav li {display: none; position: relative;}
.stellarnav ul li {display: block; border-bottom: 1px solid rgba(0,0,0,.15); -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}
.stellarnav ul li:hover{background: #3c3c3c;}
.stellarnav .menu-toggle {display: inline-block; /*margin: .5rem 0 0 18%;*/ margin: .5rem 0 0 55px; color: #000; font-size: 18px;}
.stellarnav .menu-toggle::after {content: '';  width: 0px;  height: 1px;  display: block;  background: black;  transition: 300ms;}
.stellarnav .menu-toggle:hover::after {  width: 100%;}
.stellarnav.mobile>ul>li>a {padding: 12px 15px;}
.stellarnav.light li a {color: #fff;     /*border-bottom: 1px solid rgba(0,0,0,.15);*/ display: inline-block;}
.stellarnav .dd-toggle i { display: inline-block;position: absolute;    margin: auto;    top: 33%;    left: 0;    right: 10px;    -webkit-transition: transform .3s ease-out;
-moz-transition: transform .3s ease-out;    transition: transform .3s ease-out;}
.stellarnav.mobile .call-btn-mobile,.stellarnav.mobile .dd-toggle,.stellarnav.mobile .location-btn-mobile,.stellarnav.mobile .menu-toggle {
 display: inline-block; color: #fff;}
 .stellarnav.mobile .close-menu{display: none;}
.stellarnav .dd-toggle {    display: none;    position: absolute;    top: 0;    right: 0;    padding: 0;    width: 26px;    height: 26px;    text-align: center;    z-index: 9999;    border: 0}
.stellarnav.mobile ul ul { top: 0;   position: relative;    opacity: 1;    visibility: visible;    width: auto;    
    display: none;    -moz-transition: none;    -webkit-transition: none;    -o-transition: color 0 ease-in;    transition: none;    
    left: 0;     overflow-y: hidden; height: auto;}

 .stellarnav.mobile ul ul li{background: #515050; -webkit-transition: all .5s ease-out;  -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;}  
 .stellarnav.mobile ul ul li:hover{background: #e7233b;}    
.stellarnav.mobile ul ul li a{padding: 8px 15px;}
.stellarnav.mobile ul ul ul{ top: 0; overflow-y: hidden; height: auto;}
.stellarnav.mobile ul ul ul li{background: #605e5f;}
.stellarnav.mobile ul ul ul li: hover{}

.stellarnav.mobile li a.dd-toggle, .stellarnav.mobile.light li a.dd-toggle { border: 0;}
/*.stellarnav a i {display: none;}*/
.stellarnav ul li.mobile-view {display: none;} 
.stellarnav li.open>a.dd-toggle i {color: #98dcff;-webkit-transform: rotate(180deg);    -ms-transform: rotate(180deg);    -o-transform: rotate(180deg);    transform: rotate(180deg)}







@media only screen and (max-width: 1920px) {
   .stellarnav .menu-toggle{font-size: 18px;}
   .stellarnav.mobile>ul>li>a {font-size: 16px; padding: 12px 15px;}
   /*.stellarnav.mobile ul ul li a {font-size: 22px;}*/
   .stellarnav ul {width: 480px; top: 65px; z-index: 11;}
}


@media only screen and (max-width: 1440px) {
.stellarnav .menu-toggle{font-size: 16px;}
.stellarnav.mobile>ul>li>a {font-size: 14px; padding: 12px 15px;}
.stellarnav ul {width: 350px; top: 58px;}
.stellarnav.mobile ul ul li a {font-size: 14px;}

}

@media only screen and (max-width:1024px) {
.stellarnav ul {display: none; position: absolute; background: rgba(230,25,43,1);  width: 100%; left: 0; z-index: 16;}
.stellarnav ul li.mobile-view {display: block;}
.stellarnav .menu-toggle{margin: 0.5rem 0 0 10%;}

}

/* === slick-lightbox.css === */
.slick-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #000;
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.slick-lightbox.slick-hide {
	opacity: 0
}

.slick-lightbox.slick-hide-init {
	position: absolute;
	top: -9999px;
	opacity: 0
}

.slick-lightbox.slick-lightbox-ie.slick-hide,
.slick-lightbox.slick-lightbox-ie.slick-hide-init {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0)
}

.slick-lightbox .slick-lightbox-inner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item {
	text-align: center;
	overflow: hidden
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.25em
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	max-height: 90%
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner.iframe {
	width: 70%;
	height: 90%
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {
	margin: 0 auto;
	display: block;
	max-width: 90%;
	max-height: 90%
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap {
	position: relative;
	top: 50%;
	transform: translateY(-50%)
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap:before {
	content: '';
	display: block;
	padding-top: 56.25%
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap .slick-lightbox-slick-caption {
	position: relative;
	top: 30px
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-iframe-wrap .slick-lightbox-slick-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption {
	margin-top: 10px;
	color: #fff
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 100%;
	margin-bottom: 20px
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-caption {
	display: block;
	text-align: center
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close {
	position: absolute;
	top: 15px;
	right: 15px;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	padding: 0;
	border: none
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:focus {
	outline: none
}

.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '×'
}

.slick-lightbox .slick-loading .slick-list {
	background-color: transparent
}

.slick-lightbox .slick-prev {
	left: 15px
}

.slick-lightbox .slick-next {
	right: 15px
}

/* === style2.css === */

/*

Responsive media

@media only screen and (max-width: 1920px)

@media only screen and (max-width: 600px) 

@media only screen and (max-width: 1440px)

@media only screen and (max-width: 1366px)

@media only screen and (max-width: 1280px) 

@media only screen and (max-width: 1200px)

@media (max-width: 900px)

@media (max-width: 768px)

@media only screen and (max-width: 767px) 

*/

@charset "UTF-8";* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-size: 16px
}
strong {
    font-weight: 700
}

p strong {
    font: 600 1.2rem/1.7rem Roboto,sans-serif
}

sup {
    font-size: 11px;
}

body,html {
    height: 100%;
    scroll-behavior: smooth;
    font-size: 14px;
    color: #4f4e4e
}

body {
    font-family: Roboto,sans-serif;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    color: #4f4e4e
}

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

.table-width100per ul {
    padding: 0 0 0 2rem
}
.st-mar-01{margin: 1.5rem 0;}

ul ul {
    margin-left: 0
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

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

audio,canvas,img,video {
    vertical-align: middle
}

a {
    text-decoration: none;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    color: #e6192b
}

b {
    font-weight: 500;
    color: #3c3b3b
}

.marginlefttop {
    margin-left: 15px
}

.wrappermain {
    width: 94%;
    margin: 10px auto
}

.border-lighshade {
    border: 1px solid #ccc
}

.exphdng {
    color: #434343;
    margin-bottom: 10px;
    font-size: 1.12rem;
    line-height: 1.8rem
}

.exphdng h5 {
    font-size: 22px;
    font-weight: 400;
    color: #434343;
    padding: 15px 0 15px 0
}

.exphdng h3 {
    font-size: 20px;
    font-weight: 400;
    color: #434343;
    padding: 15px 0 15px 0
}

.exphdng h2 {
    font-size: 16px;
    font-weight: 500;
    color: #434343;
    padding: 0 0 20px;
    display: block;
    text-align: left
}

.exphdng h2 strong {
    font-size: 16px;
    font-weight: 500;
    color: #434343;
    padding: 0 0 20px;
    display: block;
    text-align: left
}

.exphdng p {
    font-size: 16px;
    font-weight: 300;
    color: #434343;
    margin-bottom: 10px;
    text-align: justify
}

.hero-panel.hero-panel__full-screen-video .hero-panel__video-container {
    left: 0;
    top: 0;
    position: fixed;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.posted-on a time {
    font-size: .88rem
}

.view {
    position: relative;
    overflow: hidden;
    cursor: default
}

.view video {
    position: relative;
    display: block
}

.video-fluid {
    width: 100%;
    height: auto
}

.video-popup .modal-header {
    padding: 2px 15px
}

.video-popup .modal-header button {
    opacity: 1
}

.video-popup .modal-header span {
    color: #000;
    opacity: 1;
    font-size: 21px
}

.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed
}

#myModalFAQ img {
    width: 100%
}

#myModalFAQ .faq-img img {
    width: auto
}

#myModalFAQ td {
    padding: 3px 0
}

#myModalFAQ .btn {
    padding: 3px 10px
}

.btn-login {
    background: #ed3237;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff
}

.rgba-indigo-light,.rgba-indigo-light::after {
    background-color: rgba(63,81,181,.3)
}

.trade-blocks{
	border: 1px solid #ccc;
    border-radius: 20px;
    padding: 10px;
    margin-bottom: 30px;
}

.trade-blocks h3 {
    color: #ed3237;
    font-size: 30px;
    line-height: normal;
    font-weight: 100;
    margin-top: 15px;
}
.trade-blocks h6 {
    font-size: 20px;
    font-weight: 500;
}
.trade-blocks p {
    margin-bottom: 20px;
}
.trade-thumbs {
    list-style: none;
    padding: 0;
    margin-top: 20px;
}
.trade-thumbs li {
    list-style: none;
    padding: 0;
    float: left;
    margin: 2px;
    width: 260px;
    
    overflow: hidden;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    background: url("https://d3k5xyayaartr5.cloudfront.net/_assets/pattern-overlays/patterns/black-medium-checks.png") left top repeat;
    opacity: .3
}

.video-hero--content {
    position: relative;
    text-align: center;
    color: #fff;
    margin: 150px 0;
    text-shadow: 0 0 5px rgba(0,0,0,.4)
}

.video-hero--content h2 {
    font-size: 34px;
    margin: 0 0 10px
}

.video-hero--content p {
    font-size: 20px;
    margin: 0
}

.page-width {
    width: 92%;
    max-width: 960px;
    margin: 0 auto
}

.jquery-background-video-wrapper {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.jquery-background-video {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%,-50%)
}

.js .jquery-background-video {
    opacity: 0;
    transition: opacity .3s linear
}

.js .jquery-background-video.is-visible {
    opacity: 1
}

.jquery-background-video-pauseplay {
    position: absolute;
    background: 0 0;
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    top: 15px;
    right: 15px;
    padding: 0;
    cursor: pointer;
    outline: 0!important
}

.jquery-background-video-pauseplay span {
    display: none
}

.jquery-background-video-pauseplay:after,.jquery-background-video-pauseplay:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease
}

.jquery-background-video-pauseplay.play:before {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #fff
}

.jquery-background-video-pauseplay.pause:after,.jquery-background-video-pauseplay.pause:before {
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    border-left: 5px solid #fff
}

.jquery-background-video-pauseplay.pause:after {
    left: 10px
}

.frmtr .select-style {
    float: left;
    width: 96%;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 400;
    z-index: 99
}

.frmtr .select-style select {
    all: unset;
    padding: 0 2% 4px 3%;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: none;
    background-image: none;
    -webkit-appearance: none;
    font-size: 16px;
    color: #6e6d6c;
    outline: 0;
    font-weight: 400;
    background: #fff url("../images/dropdwn_arrow.png") no-repeat right 50%;
}

.frmtr .select-style select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-align: left;
    margin-bottom: 20px
}

.frmtr .select-style select:focus {
    outline: 0
}

.frmtr {
    width: 90%;
    margin: 0 auto
}

.compareimg img {
    max-width: 100%
}

.tableFixHead {
    height: auto;
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.tableFixHead thead th {
    position: sticky;
    top: 0
}

table {
    border-collapse: collapse
}

td,th {
    padding: 10px 10px;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 400
}

thead th {
    background: #fff;
    z-index: 99;
    box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px
}

.welcome_one.nopadding {
    padding: 0
}

.mwrapper {
    width: 100%;
    margin: 0 auto
}

.sticky.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    animation: slide-down .3s
}

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .3s
}

.topnav {
    background-color: #535353;
    padding: 7px 0;
    font-size: 15px;
    font-weight: 400; position: relative; float: left; width: 100%;
}

.topnavright {
    text-align: right;
    color: #fff
}
ul.toplink {
    margin: 0 2.3% 0 0;
    padding: 0;
    list-style-type: none
}

ul.toplink li {
    display: inline-block;
    padding-right: 30px;
    font-size: 15px;
    color: #fff;
    font-family: Rubik;
    font-weight: 400
}

.phone span {
    color: #fff;
    padding-right: 10px
}

.mesage span {
    color: #fff;
    padding-right: 10px
}

.toplink .last {
    padding-right: 0
}

ul.toplink li a {
    color: #fff;
    transition: all .5s ease;
    text-decoration: none
}

ul.toplink a:hover {
    color: #e5192a
}

.modeldropdown {
    display: inline-block;
    color: #000;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    margin-left: 18%;
    margin-top: 12px;
    margin-bottom: 14px
}

.modeldropdown::after {
    content: '';
    width: 0;
    height: 1px;
    display: block;
    background: #000;
    transition: .3s
}

.modeldropdown:hover::after {
    width: 100%
}

.arrowdown {
    display: inline-block
}

.arrowup {
    display: none
}

.searchBox-wrapper {
    position: absolute;
    transform: translateY(-120%);
    left: 0;
    width: 100%;
    height: auto;
    padding: 0;
    z-index: 115;
    transition: all .3s linear
}

.searchBox-wrapper.active {
    transform: translateY(0)
}

.searchBox-wrapper .serachBox-main {
    float: left;
    width: 100%
}

.searchBox-wrapper .serachBox-main .close {
    position: absolute;
    right: 2%;
    top: 30px
}

.searchBox-wrapper .serachBox-main .s-box {
    float: left;
    width: 100%;
    background: #000;
    box-shadow: -113px 172px 33px -133px #1c0000 inset;
    -webkit-box-shadow: -113px 172px 33px -133px #1c0000 inset;
    -moz-box-shadow: -113px 172px 33px -133px #1c0000 inset
}

.searchBox-wrapper .serachBox-main .s-box-content {
    width: 80%;
    margin: 0 auto
}

.searchBox-wrapper .serachBox-main .s-box-content .search-placeholder {
    float: left;
    width: 100%;
    position: relative;
    margin: 8% 0 6%
}

.searchBox-wrapper .serachBox-main .s-box-content .search-placeholder .sech-head {
    float: left;
    width: 100%;
    font-family: rubik;
    color: #afafaf;
    font-size: 24px;
    padding: 10px 15% 10px 25px;
    border: none;
    border-radius: 3px;
    background: #fff;
    height: 70px
}

.searchBox-wrapper .serachBox-main .s-box-content .search-b {
    position: absolute;
    top: 10px;
    right: 100px;
    width: 50px;
    height: 50px;
    border: none;
    background: url(https://cdn.bajajauto.com/images/header/search.png) no-repeat center center
}

.searchBox-wrapper .serachBox-main .s-box-content .mic {
    position: absolute;
    top: 10px;
    right: 0;
    width: 80px;
    height: 50px;
    border: none;
    border-left: 1px solid #f0f0f0
}

.welcome_one {
    position: relative;
    display: block;
    padding: 50px 0 70px;
    overflow: hidden;
    width: 100%
}

.welcome_two {
    position: relative;
    display: block;
    padding: 20px 0 0;
    overflow: hidden;
    width: 100%
}

.welcome_one_cms {
    position: relative;
    display: block;
    padding: 50px 0 70px;
    overflow: hidden;
    width: 100%
}

.welcome_one_shape_bg {
    position: absolute;
    right: 0;
    bottom: -125px;
    background-repeat: no-repeat;
    width: 673px;
    height: 760px
}

.welcome_one_left {
    position: relative;
    display: block;
    left: 6%
}

.welcome_one_left_image {
    position: relative;
    display: block
}

.welcome_one_left_image img {
    width: 55%
}

.welcome_one_left_image::before {
    position: absolute;
    top: 40px;
    left: -40px;
    content: "";
    background: #ed3237;
    width: 280px;
    height: 100%;
    z-index: -1
}



.colum1 {
    width: 50%;
    float: left;
    margin: 84px 0 0 0
}

.colum2 {
    width: 50%;
    float: left
}

ul.counter_one {
    position: absolute;
    top: 50%;
    right: 100px;
    transform: translateY(-50%);
    width: 40%
}

ul.counter_one li {
    position: relative;
    display: block;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 30px 0 rgb(0,0,0,.1);
    border-bottom: 1px solid #e5e5e5;
    padding: 30px 20px 30px 20px;
    transition: background-color .8s
}

ul.counter_one p {
    font-size: 13px;
    margin: 0;
    color: #777676;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 1px
}

ul.counter_one li:nth-child(2) {
    color: #fff;
    background: #eee
}

ul.counter_one p::first-letter {
    color: #ed3237;
    font-size: 20px
}

ul.counter_one p a {
    color: #777676
}

.video-box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 80px;
    height: 80px;
    z-index: 3;
    text-align: center;
    border-radius: 3px;
    background-color: #ed3237;
    opacity: .8
}

.video-box .video-btn {
    position: absolute;
    top: 66%;
    left: 66%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.video-btn {
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    padding-left: 70px;
    height: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-btn .video-btn__player {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    z-index: 2;
    color: #fff;
    background-color: #ed3237;
    -webkit-box-shadow: 0 0 0 10px #ffd2bf;
    box-shadow: 0 0 0 10px #ffd2bf;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.video-btn .video-btn__player:hover {
    -webkit-box-shadow: 0 0 0 16px #ffd2bf;
    box-shadow: 0 0 0 16px #ffd2bf;
    opacity: .5;
    cursor: pointer
}

#video-popup-container {
    display: none;
    position: fixed;
    z-index: 996;
    width: 60%;
    left: 50%;
    margin-left: -30%;
    top: 20%;
    background-color: #fff
}

#video-popup-close {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 998;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    text-align: center;
    font-size: 12px;
    background-color: #000;
    line-height: 25px;
    color: #fff
}

#video-popup-iframe-container {
    position: absolute;
    z-index: 997;
    width: 100%;
    padding-bottom: 56.25%;
    border: 2px solid #000;
    border-radius: 2px;
    background-color: #000
}

#video-popup-iframe {
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #000
}

#video-popup-overlay {
    display: none;
    position: fixed;
    z-index: 995;
    top: 0;
    background-color: #000;
    opacity: .8;
    width: 100%;
    height: 100%
}

#video-popup-close:hover {
    color: #de0023
}

.text_container {
    padding-left: 30px
}

.heading_company {
    color: #000;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 3rem/3rem Rubik,sans-serif
}

.heading_company span {
    color: #ed3237;
    font: 400 3rem/3rem Rubik,sans-serif
}

.heading_company h1 {
    font-weight: 400;
    font: 400 3rem/3rem Rubik,sans-serif
}

.heading_company h3 {
    font-weight: 400;
    font: 400 3rem/3rem Rubik,sans-serif
}

.heading-i_company {
    margin: 1.8rem 0 0;
    padding: 3rem 0 2rem;
    text-transform: uppercase
}

.heading-i_company span {
    font: 400 3rem/3rem Rubik,sans-serif;
    color: #000
}

.heading-icar-company {
    margin: 0;
    padding: 3rem 0 2rem;
    text-transform: uppercase;
    font: 400 3rem/3rem Rubik,sans-serif;
    color: #000
}

.heading-cms-company {
    margin: 0;
    padding: 3rem 0 2rem;
    text-transform: uppercase
}

.heading-cms-company span {
    font: 400 3rem/3rem Rubik,sans-serif;
    color: #000
}

.heading-cms2-company {
    margin: 1.8rem 0 0;
    padding: 3rem 0 2rem;
    text-transform: uppercase;
    font: 400 3rem/3rem Rubik,sans-serif;
    color: #000
}

.heading_car_company {
    color: #000;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 2rem/2rem Rubik,sans-serif
}

.heading_car_company  span {
    color: #ed3237;
    font: 400 2rem/2rem Rubik,sans-serif
}

.sub_heading {
    color: #ed3237;
    font: 400 2.0rem/2.2rem Rubik,sans-serif;
    padding-bottom: 30px
}

.text_container p {
    color: #6e6d6c;
    font: 300 1.2rem/1.8rem Rubik,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 1.3rem;
    text-align: justify
}

.button {
    width: 150px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    cursor: pointer;
    display: inline-block
}

.button-2 {
    color: #fff;
    border: 3px solid #ed3237;
    background-image: -webkit-linear-gradient(30deg,#ed3237 50%,transparent 50%);
    background-image: linear-gradient(30deg,#ed3237 50%,transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    margin: 1rem 0 0;
    border-radius: 20px;
    font-size: 14px
}

.button-2:hover {
    background-position: 100%;
    color: #ed3237
}

.comprebutton .button {
    width: 199px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
    margin-left: 80px
}

.greybg {
    background-color: #f5f5f6
}

.varietycol {
    width: 32%;
    float: left
}

.varietycol2 {
    width: 68%;
    float: left;
    position: relative
}

.varietycol_new {
    width: 28%;
    float: left
}

.varietycol2_new {
    width: 72%;
    float: left;
    position: relative
}

.productbx {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 27%
}

.productimg {
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative
}

.productinfo {
    border-left: 3px solid #ed3237;
    background-color: #fff
}

.producttext {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    padding: 10px 0 10px 0;
    text-align: center
}

.producttext a {
    color: #000;
    padding: 10px 0 10px 0
}

.prdbx.card {
    border: none
}

.shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: project-shape 5s infinite;
    animation: project-shape 5s infinite
}

.shape-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-animation: 5s infinite;
    animation: 5s infinite
}

.featuredprdct {
    text-align: right
}

.featuredbx {
    position: relative;
    width: 100%;
    transition: .5s
}

.featurdbximg {
    z-index: 5;
    overflow: hidden
}

.featurdbximg img {
    max-width: 100%;
    width: 100%
}

.featuredbx:hover {
    transform: scale(1.1);
    transition: .7s
}

.featuredtext {
    box-shadow: 0 20px 20px 0 rgba(0,0,0,.04);
    margin-left: 5px;
    bottom: 0;
    background: rgba(53,53,53,.8);
    position: absolute;
    z-index: 6;
    font-size: 20px;
    color: #fff;
    line-height: 24px
}

.featuredtext span {
    font-weight: 500
}

.featuredtext p {
    font-weight: 400;
    font-size: 16px;
    font-style: normal
}

.featuredtext p::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 2px;
    width: 15px;
    background: #ff5316
}

.featuredtext a {
    color: #fff;
    display: block;
    padding: 15px
}

.featuredtext:hover {
    color: #000;
    background-color: #ed3237
}

.exptopmargin {
    top: 20%
}

.expermargintop {
    margin-top: 50px
}

.expercontainer {
    width: 80%
}

.expleft {
    float: left;
    width: 50%
}

.exprgt {
    float: left;
    width: 50%
}

.experience_bg {
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    width: 914px;
    height: 198px;
    margin-top: 30px
}

.experiencebx {
    display: flex
}

.expimage {
    padding: 0;
    margin: 0;
    position: relative
}

.expimage img {
    height: 322px;
    width: 322px
}

.exptext {
    position: relative;
    margin-left: 40px
}

.exptext h4 {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 3rem
}

.exptext p {
    color: #6e6d6c;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 3rem
}
.carousel-caption h5 span a{font: 400 1.5rem/1.5rem Rubik,sans-serif}
    
.carousel-caption p span {
    font-size: 16px;
    line-height: 20px
}
.blog_one_date_box {
    padding: 7px 17px 7px 17px;
    background: #ed3237;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 18px;
    text-align: center;
    z-index: 1;
    margin: -3rem 0 0
}

.blog_one_date_box p {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    line-height: 14px
}

.crslimg {
    max-width: 100%
}

.team-area-v1 .team-item:hover .team-info .team-shape:after {
    background-color: #fff;
    color: #fff
}

.team-area-v1 .team-item .team-content h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 500
}

.team-area-v1 .team-item .team-content p {
    font-size: 14px;
    color: #6e6d6c;
    font-weight: 400
}

.team-area-v1 .team-item .team-content a {
    color: #6e6d6c
}

.team-area-v1 .team-item:hover .team-info .team-member-info,.team-area-v1 .team-item:hover .team-info .team-shape {
    background-color: #ed3237
}

.team-area-v1 .team-item:hover .team-content a,.team-area-v1 .team-item:hover .team-info .team-member-info .team-content h4,.team-area-v1 .team-item:hover .team-info .team-member-info .team-content p {
    color: #fff
}

.team-area-v1 .team-item .team-img img {
    width: 100%
}

.team-area-v1 .team-item .team-info {
    position: relative;
    width: calc(100% - 40px);
    margin: -90px auto 0 auto;
    background-color: #fff;
    -webkit-box-shadow: 0 0 43px 0 rgba(0,0,0,.06);
    box-shadow: 0 0 43px 0 rgba(0,0,0,.06)
}

.team-area-v1 .team-item .team-info .team-shape {
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 50px;
    /*-webkit-transform: skewY(7deg);
    transform: skewY(7deg);*/
    background-color: #fff;
    z-index: 1
}

.team-area-v1 .team-item .team-info .team-shape:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: "";
    background-color: #ed3237;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.team-area-v1 .team-item .team-info .team-member-info {
    position: relative;
    padding: 12px 20px 12px;
    z-index: 1;
    max-height: 10rem;
    /*min-height: 25rem;*/min-height: 13rem
}

.video-wrapper video {
    object-fit: fill;
    height: 850px;
    width: 100%
}

.newsbx {
    background-color: #ed3237;
    position: absolute;
    width: 45%;
    padding: 50px;
    top: 20%;
    height: 60%;
    z-index: 1;
    text-align: center;
    line-height: 285px
}

.newsbx2 {
    background-color: #fff;
    width: 56%;
    box-shadow: 1px 4px 4px 5px rgba(0,0,0,.06);
    float: right;
    padding: 30px
}

.nwe {
    display: inline-block;
    vertical-align: middle;
    line-height: normal
}

.newsdate {
    color: #000;
    font-size: 18px;
    font-weight: 500
}

.newstext {
    font-size: 14px;
    font-weight: 300;
    color: #6e6d6c;
    line-height: 20px
}

.readmrenews {
    color: #ed3237;
    font-size: 14px;
    font-weight: 300;
    text-align: right
}

.readmrenews a {
    color: #ed3237;
    text-decoration: none
}

.simply-scroll-list,.simply-scroll-list li {
    padding: 0;
    margin: 0 0 1rem;
    list-style: none;
    color: #444343
}

.simply-scroll-container {
    position: relative
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden
}

.simply-scroll-list {
    overflow: hidden
}

.simply-scroll,.simply-scroll .simply-scroll-clip {
    width: 576px;
    Xheight: 200px
}

.vert {
    margin-bottom: -1.5em
}

.vert .simply-scroll-clip {
    height: 450px;
    Xheight: 370px
}

.warrantytxet {
    font-size: 14px;
    font-weight: 300;
    color: #6e6d6c;
    line-height: 20px
}

.warantybx {
    text-align: center;
    margin-top: 0;
    margin-right: 24px;
    float: left;
    font-size: 16px
}

.warantybx a {
    display: inline-block;
    padding: 14px 30px;
    background: #ed3237;
    color: #fff;
    border: 1px solid #ed3237;
    border-radius: 50px
}

.warantybx a:hover {
    background: #f5f5f5;
    color: #ed3237
}

.getintouch {
    background: url(../images/getintouch.jpg) top center no-repeat;
    position: relative;
    background-size: 100% 100%
}

.roadshow_bg {
    background: url(../images/roadshow_bg.jpg) top center no-repeat;
    position: relative;
    background-size: 100% 100%
}

.frmbx {
    overflow: hidden;
    padding: 10px 10px 8px 10px;
    text-align: center;
    width: 50%
}

.frminr_area {
    padding: 12px 28px 0
}

.frmrht_txt {
    color: #fff;
    font-size: 14px;
    clear: both;
    text-align: right;
    font-weight: 500
}

.frmhdng {
    color: #fff;
    font-size: 51px;
    padding: 5px 15px;
    font-weight: 500
}

.frmsubhdng {
    color: #fff;
    font-size: 25px;
    padding: 5px 15px;
    font-weight: 400
}

.frmtext {
    color: #fff;
    font-size: 20px;
    padding: 5px 15px;
    font-weight: 400
}

.frmbxtr {
    overflow: hidden;
    padding-bottom: 17px;
    position: relative
}

.frmfldbx {
    float: left;
    width: 99.7%;
    border-bottom: 1px solid #fff;
    padding: 0
}

.frmfldbxlft {
    float: left;
    width: 47%;
    margin-right: 6%;
    padding: 0;
    position: relative
}

.frmfldbxrht {
    float: left;
    width: 47%;
    padding: 0;
    position: relative
}

.frmtxtfld input textarea {
    background-color: none
}

.frmfldbx1 {
    border: 1px solid #fff;
    height: 100px;
    margin-top: 15px;
    float: left;
    width: 99.7%;
    padding: 0
}

.frmfldbx1 textarea {
    height: 100px
}

.frmtxtfld {
    width: 98%;
    padding: 0 0 11px 0;
    height: 22px;
    font-size: 14px;
    color: #fff;
    background: 0 0;
    border: none;
    font-weight: 400;
    outline: inherit
}

.frmtxtfld-cap {
    width: 75%
}

.captcha-input {
    background: url("../images/captcha.jpg") repeat-y right center;
    padding-right: 85px
}

.submit_btn_nw {
    background-color: #ed3237;
    border: 1px solid #ed3237;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    margin: 12px 0 3px 0;
    padding: 10px 25px 10px 25px;
    text-align: center;
    font-weight: 400;
    border-radius: 50px
}

.submit_btn_nw:hover {
    background: #f5f5f5;
    color: #ed3237
}

.submit_btn_nw2 {
    background-color: #ed3237;
    border: 1px solid #ed3237;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    margin: 0;
    padding: 12px 45px 12px 45px;
    text-align: center;
    font-weight: 400;
    border-radius: 50px
}

.submit_btn_nw2:hover {
    background: #f5f5f5;
    color: #ed3237
}

.ftr {
    background: #000;
    padding: 0 0 4rem
}

.ftrbxfrst {
    width: 23%;
    float: left;
    margin-top: 30px
}

.ftrbxfrst2 {
    width: 18%;
    float: left;
    margin-top: 30px
}

.ftrhdng {
    color: #fff;
    font-size: 20px;
    padding: 0;
    font-weight: 500
}

.bdrbtm {
    border-bottom: 3px solid #ed3237;
    padding-bottom: 5px;
    width: 80px
}

ul.submenuftr {
    overflow: hidden;
    list-style-type: none;
    margin-top: 30px;
    margin-left: 0
}

ul.submenuftr li {
    overflow: hidden;
    list-style-type: none;
    color: #fff;
    padding: 0;
    font-weight: 400;
    line-height: 20px
}

ul.submenuftr li a {
    text-decoration: none;
    font-size: 14px;
    padding: 0;
    color: #fff
}

.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.hvr-underline-from-left:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #ed3237;
    height: 1px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before {
    right: 0
}

.varietycol2 .controls-top {
    position: absolute;
    top: 287px;
    left: -318px
}

.varietycol2 .fa-chevron-right::before {
    content: "\f054";
    background-color: #000;
    padding: 20px;
    border-radius: 16px;
    color: #fff
}

.varietycol2 .fa-chevron-right:hover::before {
    content: "\f054";
    background-color: #ed3237;
    padding: 20px;
    border-radius: 16px;
    color: #fff;
    webkit-transition: all 0.3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.varietycol2 .fa-chevron-left::before {
    content: "\f053";
    background-color: #000;
    padding: 20px;
    border-radius: 16px;
    color: #fff
}

.varietycol2 .fa-chevron-left:hover::before {
    content: "\f053";
    background-color: #ed3237;
    padding: 20px;
    border-radius: 16px;
    color: #fff;
    webkit-transition: all 0.3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.ftrbtm {
    background-color: #333;
    padding: 20px 0 20px 0
}

.ftrbtm .copy {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding-top: 8px
}

.ftrpadding {
    padding: 0
}

.demopadding {
    text-align: center;
    float: right
}

.demopadding ul {
    margin: 0;
    padding: 0
}

.demopadding ul li {
    display: inline-block;
    margin: 0 .3rem 0 0
}

.demopadding ul li a {
    background: #fff;
    color: #262626;
    border-radius: 50%;
    padding: .5rem .6rem;
    transition: .5s
}

.demopadding ul li a:hover {
    background: #ed3237;
    color: #fff;
    transition: .5s;
    filter: drop-shadow(0 1px 10px rgba(0, 0, 0, .8))
}

.icon {
    position: relative;
    text-align: center;
    width: 0;
    height: 0;
    padding: 15px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    color: #fff
}

.icon i {
    font-size: 15px;
    position: absolute;
    left: 9px;
    top: 8px
}

.icon.social {
    float: left;
    margin: 0 5px 0 0;
    cursor: pointer;
    background: #fff;
    color: #262626;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s
}

.icon.social:hover {
    background: #ed3237;
    color: #fff;
    transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -webkit-filter: drop-shadow(0 1px 10px rgba(0,0,0,.8));
    -moz-filter: drop-shadow(0 1px 10px rgba(0,0,0,.8));
    -ms-filter: drop-shadow(0 1px 10px rgba(0,0,0,.8));
    -o-filter: drop-shadow(0 1px 10px rgba(0,0,0,.8));
    filter: drop-shadow(0 1px 10px rgba(0, 0, 0, .8))
}

.icon.social.fb i {
    left: 13px;
    top: 10px
}

.icon.social.tw i {
    left: 8px
}

.icon.social.in i {
    left: 11px
}

.headinginner {
    clear: both;
    margin-top: 74px;
    background: #535353;
    width: 40%
}

.headinginner.topwithimg {
    clear: both;
    margin-top: 4px
}

.headinginner h1 {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
    padding: 10px 0 10px 25px;
    margin: 10px auto;
    border-right: 6px solid #e6192b
}

.headinginner h1::before {
    border-right: 4px solid #e5192a
}

ul.breadcrumb {
    padding: 10px 0;
    list-style: none;
    background: 0 0;
    margin: 0;
    display: block
}

ul.breadcrumb li {
    display: inline;
    font: 300 1.2rem/24px Roboto,sans-serif
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: #5b5a59;
    content: ' \00BB'
}

ul.breadcrumb li a {
    color: #5b5a59;
    text-decoration: none
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline
}

ul.breadcrumb li:last-child {
    margin-right: 0;
    color: #e5192a
}

.inrparatext {
    margin-bottom: 10px
}

.inrparatext p {
    color: #6e6d6c;
    letter-spacing: .2px;
    word-wrap: normal;
    font: 300 1.125rem/1.7rem Roboto,sans-serif
}

.inrparatext p strong {
    font: 500 1.125rem/1.7rem Roboto,sans-serif
}

.inrparatext p a {
    color: #e5192a
}

.inrparatext ul {
    margin: 0 0 0;
    padding: 0 0 0 2rem
}

.inrparatext ul li {
    list-style: disc;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    padding: 0 0 .5rem
}

.inrparatext h2 {
    color: #000;
    font-size: 20px;
    Font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    word-wrap: normal;
    word-spacing: 0px;
    margin-bottom: 10px
}

.inrparatextproduct p {
    color: #6e6d6c;
    letter-spacing: .2px;
    word-wrap: normal;
    padding: 0 0 1.7rem;
    font: 300 1.125rem/1.73rem Roboto,sans-serif
}

.inrparatextproduct p strong {
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #4E4E4E;
}

.inrparatextproduct p a {
    color: #e5192a
}

.inrparatextproduct ul {
    margin: 0 0 0;
    padding: 0 0 0 2rem
}

.inrparatextproduct ul li {
    list-style: disc;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    padding: 0 0 .5rem
}

.inrparatextproduct ol {
    margin: 0 0 0 20px;
    padding: 0 0 1.7rem;
    
}

.inrparatextproduct ol li {
    padding: 0 0 0 1rem;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    
}
.inrparatextproduct ol li strong{
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #4E4E4E; 
}



.inrparatextproduct h2 {
    color: #000;
    font-size: 20px;
    Font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    word-wrap: normal;
    word-spacing: 0px;
    margin-bottom: 10px
}


/**/




#module {
    width: 500px
}

#module p.collapse[aria-expanded=false] {
    display: block;
    height: 40px!important;
    overflow: hidden
}

#module p.collapsing[aria-expanded=false] {
    height: 40px!important
}

#module a.collapsed:after {
    content: '+ Show More'
}

#module a:not(.collapsed):after {
    content: '- Show Less'
}

.fadee {
    max-height: 4em;
    overflow: hidden;
    text-overflow: ellipsis;
    content: "";
    background: -webkit-linear-gradient(#000,#fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#more {
    display: none
}

.contentcol.read_more_link {
    width: 100%;
    margin-top: 12px;
    margin-left: 0
}

.read_more_link {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #e6192b;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    width: 7%
}

.greybx1 {
    background: #fbfbfd
}

.wraperinner {
    width: 55%;
    margin: 0 auto
}

.wraperinner .image {
    text-align: center
}

.gradientbx1 {
    background: #0b98d6;
    background: radial-gradient(circle,#0b98d6 0,#fff 0,#0b98d6 100%)
}

.cate-copy-wrapper {
    text-align: center;
    padding-top: 47px
}

.cate-copy-wrapper>.headline {
    font-size: 42px;
    line-height: 1.07143;
    font-weight: 500;
    letter-spacing: -.005em
}

.cate-copy-wrapper>.headline a {
    font-size: 42px;
    line-height: 1.07143;
    font-weight: 500;
    letter-spacing: -.005em;
    color: #000;
    font-family: Rubik,sans-serif
}

.twolinetext {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.cate-copy-wrapper>.subhead {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .004em;
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 30px
}

.cta-links {
    font-size: 15px;
    text-decoration: none;
    color: #e5192a
}

.cta-links:hover {
    text-decoration: none;
    color: #000
}

.cate-copy-wrapper>.cta-links a {
    text-decoration: none;
    color: #e5192a;
    font-size: 14px
}

.cate-copy-wrapper>.cta-links a:hover {
    text-decoration: none;
    color: #000
}

.cta-links a::after {
    color: #000;
    content: ' \00BB';
    font-size: 20px;
    position: relative;
    top: 1px
}

.categorybox1 {
    width: 49%;
    float: left;
    padding: 20px;
    margin: 0 1% 1rem 0
}

.categorybox2 {
    width: 49%;
    padding: 20px;
    margin: 0 1% 1rem 0
}

.cate-copy-smallbx {
    text-align: center;
    margin: 20px 0 20px 0
}

.cate-copy-smallbx a .headline {
    font-size: 25px;
    line-height: 1.07143;
    font-weight: 500;
    letter-spacing: -.005em;
    color: #000;
    font-family: Rubik,sans-serif
}

.cate-copy-smallbx>.headline {
    font-size: 25px;
    line-height: 1.07143;
    font-weight: 500;
    letter-spacing: -.005em
}

.subhead {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    letter-spacing: .004em;
    margin-top: 12px;
    color: #333
}

.cate-copy-smallbx>.cta-links {
    text-decoration: none;
    color: #000
}

.cate-copy-smallbx>.cta-links:hover {
    text-decoration: none;
    color: #e5192a
}

.cate-copy-smallbx>.cta-links a {
    text-decoration: none;
    color: #000
}

.cate-copy-smallbx>.cta-links a:hover {
    text-decoration: none;
    color: #e5192a
}

.colour-1 {
    background: #fbfbfd
}

.colour-1dark {
    background: #f5f5f7
}

.colour-2 {
    background: url("../images/subcatbg.jpg") no-repeat center center
}

.colour-3 {
    background: #1a1e27
}

.bg {
    animation: slide 3s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg,#1a1e27 50%,#444e5a 50%);
    bottom: 0;
    left: 24%;
    opacity: .5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
    width: 100%
}

.subcathead.whitetext {
    color: #fff;
    height: 75px
}

.subcatpara.whitetext {
    color: #fff
}

.subreadmorewhite {
    font-size: 14px;
    font-weight: 400
}

.subreadmorewhite a {
    color: #ffe6e6;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    margin: 0 0 1rem;
    display: inline-block
}

.subreadmorewhite a:hover {
    color: #ed3237
}

.bg2 {
    animation-direction: alternate-reverse;
    animation-duration: 4s
}

.bg3 {
    animation-duration: 5s
}

@keyframes slide {
    0% {
        transform: translateX(-25%)
    }

    100% {
        transform: translateX(25%)
    }
}

.catimage {
    width: 40%;
    margin: 0 auto;
    filter: drop-shadow(1px 1px 5px gray)
}

.cattop {
    padding: 10px 0 10px 0
}

.image {
    width: 100%;
    margin: 0 auto
}

.btn-letus {
    position: fixed;
    top: 53%;
    right: -3px;
    z-index: 99
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 999;
    animation: important2 1.6s
}

.halfcolor {
    display: flex;
    /*height: 60vh;*/
    height: 50vh;
}

.subcatwrapper {
    width: 80%;
    margin: 0 auto;
    position: absolute
}

.subcatbox1 {
    width: 100%;
    background: #d6ecf6
}

.subcatbox {
    width: 40%;
    background: #c1c2c4;
    position: relative
}

.subcatcopy {
    width: 70%;
    margin: 0 0 0 40px;
    color: #000;
    padding: 100px 0 43px 0
}

.subcatcopy h2 {
    /*font-size: 60px;*/
    font-size: 50px;
    font-weight: 500;
    padding-bottom: 2rem
}

.subcatcopy p {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 2rem
}

.subcatimage {
    position: absolute;
    left: -171px;
    top: 5%
}

.subcatcopy a p {
    color: #4f4e4e;
    font-family: Rubik,sans-serif
}

.subcatcopy a h2 {
    color: #000;
    font-family: Rubik,sans-serif
}

.rightboxcat {
    position: absolute;
    bottom: 0;
    right: 20px;
    width: 40%;
    padding: 0
}

.rightboxcat p {
    font-size: 16px;
    font-weight: 300;
    color: #000
}

.form-check-input {
    border: 1px solid #fafafc
}

.form-check-label {
    font-size: 14px
}

.quoteadd {
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: center;
    color: #000;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    background: #fff;
    margin: 10px 0 10px 0;
    border-radius: 20px;
    padding: 3px 30px
}

.quoteadd-2 {
    color: #fff;
    border: 3px solid #ed3237;
    background-image: -webkit-linear-gradient(30deg,#ed3237 50%,transparent 50%);
    background-image: linear-gradient(30deg,#ed3237 50%,transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out
}

.quoteadd-2:hover {
    background-position: 100%;
    color: #ed3237
}

.subcathead {
    font-size: 25px;
    font-weight: 500;
    color: #000;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    font-family: Rubik,sans-serif;
    height: 75px
}

.subcatpara {
    font-size: 16px;
    font-weight: 300;
    color: #000;
    text-align: left;
    padding-bottom: 36px;
    width: 90%;
    margin: 0 auto
}

.subcatpara a p {
    color: #000
}

.subcatpara.whitetext a p {
    color: #fff
}

.subreadmore {
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0 10px 0
}

.subreadmore a {
    text-decoration: none;
    color: #ed3237
}

.subreadmore a:hover {
    color: #000
}

.rhtpanel {
    width: auto;
    position: fixed;
    right: 290px;
    box-shadow: 0 8px 20px rgba(0,0,0,.2);
    max-width: 904px;
    top: 8rem;
    background-color: #fff;
    z-index: 15;
    display: none
}

.rowarea {
    margin: 10px;
    display: flex
}

.inrarea {
    margin: 10px;
    min-width: 412px;
    max-width: 412px
}

.inrarea h3 {
    color: #000;
    font-size: 20px;
    font-family: UniNeueRegular;
    padding: 0;
    margin: 0;
    font-weight: 400
}

.inrarea p {
    color: #949291;
    font-size: 9px;
    font-family: UniNeueRegular;
    padding-bottom: 5px;
    margin: 0
}

.imgarea {
    width: 100%;
    margin: 0 auto;
    height: 160px
}

.newform .frmfldbx {
    border-bottom: 1px solid #ccc
}

.frmfldbx1 {
    border: 1px solid #ccc
}

.newform .frmtxtfld {
    color: #737475
}

.modal-header.enquiry {/* background: #ed3237;color: #fff*/}

.st-model .modal-content{ background: url(../images/contact-us-bg.png) 0 0 no-repeat;    background-size: 100% 100%; border: 1px solid transparent;}
.st-model .modal-title  {font-size: 24px; color: #0e0e0e; padding: 0 0; margin: 0 auto;}
.st-model .modal-title strong{font-size: 24px;}
.st-model .modal-header.enquiry {border-bottom: 1px solid transparent; padding: 1rem 1rem 0;}
.st-model .modal-header .close-new{font-size: 25px; cursor: pointer;}
.st-model .modal-body{margin:0 90px 0 69px;}
.st-model .modal-body p{font-size: 12px; color: #e6192b; margin: 0 0 0.5rem;}
.st-model .modal-body h6{color: #9b9999; font-size: 12px;font-style: normal; padding: 0 0 25px; font-weight:400;}
.st-model .modal-body .form-control {border: 1px solid #696969; height: calc(1.8em + 0.75rem + 2px);} 
.st-model .modal-body .form-control1 {height: auto;}
.st-model .captcha-img1 {position: absolute;    right: 15px;    top: 1px;    width: 81px; height:36px; border-radius: 0 0.25rem 0.25rem 0;}
.st-model .gra-button {background: linear-gradient(to bottom, #e8353a, #c50107);  border: 3px solid #d62125; border-radius: 7px; padding: 7px 1px; color: #fff;;}
.st-model .gra-button span{border: 1px solid #fff; padding: 7px 25px; border-radius: 7px;}
.st-model .form-group {margin-bottom: 1.5rem;}

.st-model .note-cont h6{color: #9b9999; font-size: 12px;font-style: normal; padding: 0 0 25px; font-weight:400; margin: 0; padding: 0;}
.st-model .note-cont ul{position: relative; margin: 0 0 10px 10px;}
.st-model .note-cont ul li{font-size: 12px;font-style: normal;font-weight:400;list-style: decimal;color: #9b9999; line-height: 15px;}


.scroll {
    color: #fff
}

#toTopBtn {
    position: fixed;
    bottom: 26px;
    right: 39px;
    z-index: 98;
    padding: 21px;
    background-color: #ed3237
}

.cd-top {
    position: fixed;
    bottom: 20px;
    bottom: var(--cd-back-to-top-margin);
    right: 20px;
    right: var(--cd-back-to-top-margin);
    display: inline-block;
    height: 40px;
    height: var(--cd-back-to-top-size);
    width: 40px;
    width: var(--cd-back-to-top-size);
    box-shadow: 0 0 10px rgba(0,0,0,.05)!important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5,76%,62%,.8);
    background-color: hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),.8)
}

.empty-border {
    padding-bottom: 100%;
    border: 1px dashed #9c9c9c
}

#compare-box-products {
    position: fixed;
    box-shadow: 0 1px 2px 2px rgba(0,0,0,.2);
    bottom: 0;
    background: #fff;
    left: 0;
    width: 100%;
    transition: all .6s ease-in-out;
    z-index: 99;
    display: none;
    pointer-events: all;
    padding: 10px
}

#compare-box {
    display: inline-flex
}

.empty-border {
    width: 120px;
    height: 120px
}

.compare-image-container {
    padding: 0 0 0 147px
}

.compare-image-container img {
    width: 120px;
    height: 120px;
    border: 1px dashed #9c9c9c
}

.compare-box-products-hdng {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding: 10px
}

#closecpopup {
    margin: 0;
    border: 0;
    padding: 0;
    background: #535353;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all 150ms;
    float: right
}

#closecpopup .icon-cross {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0;
    position: relative;
    width: 20px;
    height: 40px
}

#closecpopup .icon-cross:after,#closecpopup .icon-cross:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    height: 6px;
    background: #fff;
    border-radius: 6px
}

#closecpopup .icon-cross:before {
    transform: rotate(45deg)
}

#closecpopup .icon-cross:after {
    transform: rotate(-45deg)
}

#closecpopup .icon-cross span {
    display: block
}

#closecpopup:hover,.btn-close:focus {
    transform: rotateZ(90deg);
    background: #e6192b
}

.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%
}

#section1 {
    padding-top: 50px;
    height: 500px;
    color: #fff;
    background-color: #1e88e5
}

#section2 {
    padding-top: 50px;
    height: 500px;
    color: #fff;
    background-color: #673ab7
}

#section3 {
    padding-top: 50px;
    height: 500px;
    color: #fff;
    background-color: #ff9800
}

#section4 {
    padding-top: 50px;
    height: 500px;
    color: #fff;
    background-color: #00bcd4
}

#section4 {
    padding-top: 50px;
    height: 500px;
    color: #fff;
    background-color: #009688
}

.table-darknew thead th {
    background: #f7f7f7;
    color: #333;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    border: none;
    box-shadow: none
}

.table-darknew tr:nth-child(even) {
    background: #f7f7f7;
    color: #000
}

.table-darknew.table td {
    padding: 20px;
    font-size: 14px;
    font-weight: 300
}

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

.divTableRow {
    display: table-row
}

.divTableHeading {
    background-color: #eee;
    display: table-header-group
}

.divTableCell,.divTableHead {
    border-bottom: 1px solid #ececec;
    display: table-cell;
    padding: 15px;
    font-size: 14px;
    color: #5b5a59
}

.divTableCelloption1,.divTableHead {
    border-bottom: 1px solid #ececec;
    display: table-cell;
    padding: 15px;
    font-size: 16px;
    font-weight: 300;
    flex: auto;
    width: 25%;
    color: #333
}

.divTableHeading {
    background-color: #eee;
    display: table-header-group;
    font-weight: 700
}

.divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: 700
}

.divTableBody {
    display: table-row-group
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.feature_img {
    position: relative;
    width: 45%;
    background: #fefefe
}

.feature_img>img {
    width: 100%;
    border-radius: 8px
}

.feature_content {
    width: 55%;
    padding: 4% 4% 0 4%;
    position: relative
}

.feature_content h3,.feature_img h3 {
    font-size: 36px;
    line-height: 36px;
    color: #333;
    font-weight: 400
}

.feature_content p {
    max-width: 100%;
    font-size: 15px;
    line-height: 22px;
    padding: 15px 0;
    margin-left: 0;
    color: #333;
    font-weight: 300
}

.rightImg {
    order: 2
}

.accordion {
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #e5e5e5;
    width: 100%
}

.accordion-item {
    border-bottom: 1px solid #c8c7c7
}

.accordion-thumb {
    margin: 0;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    background: #e6e6e6;
    color: #333
}

.accordion-thumb::after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    position: absolute;
    right: 30px;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    transition: transform .2s ease-out
}

.award .accordion-thumb::after {
    content: "";
    display: inline-block;
    height: 15px;
    width: 15px;
    position: absolute;
    right: 128px;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    transform: rotate(-45deg);
    transition: transform .2s ease-out
}

.accordion-panel {
    margin: 0;
    display: none;
    font-weight: 300;
    font-size: 15px;
    background: #fff;
    color: #333;
    padding: 10px 20px 10px 25px
}

.accordion-item.is-active .accordion-thumb::after {
    transform: rotate(45deg)
}

.media-body h5 {
    font-size: 16px;
    color: #333;
    font-weight: 400;
    padding: 0 0 10px
}

.media-body p {
    font-size: 14px;
    color: #6e6d6c;
    font-weight: 400;
    line-height: 25px;
    padding: 0 0 10px
}

.btn-underline::after {
    content: '\e966';
    position: relative;
    padding-left: .3rem
}

.readmrearticle {
    font-size: 14px;
    padding: 10px
}

.readmrearticle a {
    color: #000
}

.readmrearticle a:hover {
    color: #e6192b
}

.readmrearticle a:hover::after {
    content: "››";
    color: #e6192b;
    font-size: 16px;
    transform: rotate(90deg);
    position: relative;
    top: 1px;
    left: 7px;
    transition: transform .2s ease-out
}

.readmrearticle1 {
    font-size: 14px;
    padding: 0 0 10px
}

.readmrearticle1 a {
    color: #e6192b
}

.readmrearticle1 a:hover {
    color: #000
}

.downloads .thead-dark th {
    background: #e6192b;
    color: #fff;
    border-color: #e6192b;
    line-height: 45px
}

.product-detail {
    background-color: #f0f0f0;
    margin-bottom: 0;
    font-weight: 300
}

.navbarnew {
    overflow: hidden;
    top: 55px;
    width: 100%;
    border-bottom: 1px solid #ecebeb;
    text-align: right;
    margin-bottom: 40px;
    background-color: rgba(255,255,255,.9);
    box-shadow: 0 2px 3px -1px rgba(0,0,0,.1)
}

.navbarnew.active {
    color: #e6192b;
    opacity: .56;
    background: #000
}

.navbarnew a {
    display: inline-block;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
    font-size: 14px;
    color: #000;
    opacity: .88;
    cursor: pointer;
    position: relative;
    border: 1px solid transparent;
    right: 45px;
    border-color: #dee2e6 #dee2e6 #fff;
    border-radius: .25rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif
}

#activenav {
    color: #fff;
    background: #e6192b
}

.stickyhero-tabs,.stickyslide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.scrollbox {
    max-height: 500px;
    overflow-y: auto;
    direction: ltr;
    scrollbar-color: #535353 #e4e4e4;
    scrollbar-width: thin
}

.scrollbox::-webkit-scrollbar {
    width: 20px
}

.scrollbox::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px
}

.scrollbox::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-image: linear-gradient(180deg,#d0368a 0,#708ad4 99%);
    box-shadow: inset 2px 2px 5px 0 rgba(#fff,.5)
}

.stickyhero-tabs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 70px;
    box-shadow: 0 0 20px rgba(0,0,0,.1);
    background: #fff;
    z-index: 10
}

.stickyhero-tabs-container--top {
    position: fixed;
    top: 111px
}

.stickyhero-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    letter-spacing: .1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 16px;
    font-weight: 300
}

.stickyhero-tab:hover {
    color: #fff;
    background: #e6192b;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.stickyhero-tab-slider {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 6px;
    background: #e6192b;
    -webkit-transition: left .3s ease;
    transition: left .3s ease
}

.Accessoriessection,.Faqsection,.articlessection,.downloadssection,.featuressection,.specificationsection,.accessories_sec1 {
    padding-top: 5%
}

.producthdng {
    font-size: 40px;
    font-weight: 400;
    color: #e6192b;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #f2f0f0;
    margin: 0 15px 20px
}

.feature_card {
    margin: 0 15px
}

.galerycol {
    width: 50%;
    float: left
}

.contentcol {
    width: 45%;
    float: left;
    margin-left: 64px
}

.carousel {
    margin-bottom: 0
}

.carousel-caption {
    text-align: left;
    bottom: 0;
    left: 1rem;
    right: 0
}

.carousel-caption h5 span {
    background: rgba(123,23,28,.7);
    display: inline-block;
    padding: .5rem;
    font: 400 1.4rem/1.4rem Rubik,sans-serif
}

.carousel-caption p span {
    background: rgba(197,196,192,.9);
    display: inline-block;
    padding: .5rem;
    color: #000;
    margin: 0 .5rem 0 0
}

.awards.carousel {
    margin-top: 30px
}

.carousel-cell {
    width: 100%;
    height: auto;
    margin-right: 10px;
    counter-increment: carousel-cell;
    margin-bottom: 20px
}

.carousel-cell img {
    vertical-align: middle;
    width: 100%
}

.carousel-cell:before {
    display: none
}

.carousel-main .carousel-cell:before {
    display: none
}

.carousel-nav .carousel-cell {
    height: auto;
    width: 24%;
    margin: 4px;
    padding: 0;
    border: 1px solid #ccc
}

.carousel-nav .carousel-cell:before {
    font-size: 50px;
    line-height: 80px
}

.responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none
}

.profile_info {
    width: 100%;
    text-align: center;
    margin-bottom: -12px
}

.img-responsive {
    max-width: 100%
}

.col2-box {
    display: flex;
    width: 100%
}

.col2-box .left_info {
    width: 50%;
    padding: 0 0;
    font-size: 16px;
    cursor: pointer
}

.col2-box .right_info {
    width: 50%;
    text-align: justify;
    color: #6e6d6c;
    font-size: 16px;
    Font-weight: 300;
    line-height: 25px;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 2px;
    margin-bottom: 10px;
    margin-right: 2%
}

.aboutmargin {
    padding: 20px 0
}

.aboutitem h2 {
    color: #6e6d6c;
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px
}

.aboutitem p {
    font-weight: 300;
    font-size: 16px;
    color: #4f4e4e;
    line-height: 25px;
    letter-spacing: .5px
}

.vvm {
    padding: 80px 0;
    background: url("../images/vvm.jpg") no-repeat center top
}

.vission {
    padding: 40px;
    color: #fff;
    width: 80%;
    margin: 0 auto
}

.vission h2 {
    font-size: 30px;
    color: #fff;
    font-weight: 500;
    padding-bottom: 20px
}

.vission p {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 25px
}

.vission h2::before {
    content: "";
    position: absolute;
    top: 76px;
    left: 176px;
    width: 60px;
    height: 4px;
    background: #e6192b
}

.bgclorbody {
    background: #f3f1f1
}

.cardtext {
    font-size: 16px;
    color: #5b5a59;
    line-height: 24px;
    padding: 19px 15px 10px 15px;
    text-align: left;
    font-weight: 400
}

.cardtop {
    margin-top: 20px
}

.cardbottom {
    margin-bottom: 20px
}

.bderstyle {
    position: absolute;
    top: 196px;
    left: 0;
    width: 100%;
    height: 46px;
    content: "";
    background-color: #fff;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s;
    -webkit-transform: skewY(7deg);
    transform: skewY(7deg)
}

.meta {
    font-weight: 400;
    position: relative;
    padding-bottom: 20px
}

.frmtop {
    padding: 10px 0 25px 0;
    width: 100%;
    margin-bottom: 1%
}

.frmrow {
    overflow: hidden;
    padding-bottom: 0;
    width: 100%;
    padding: .2rem;
    border-radius: 5px;
    margin: 8px 0 0
}

.frmrow2 {
    float: left;
    width: 50%
}

.custom-control.newcustm {
    font-size: 14px;
    color: #333;
    font-weight: 300;
    padding-top: 5px;
    margin-right: 3rem;
    margin-left: 0;
    padding-bottom: 5px
}

.custom-control-input radio.newcustm {
    width: 20px;
    height: 20px
}

.frmrow .select-stylee {
    float: left;
    width: 96%;
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-bottom: 1px solid #918f8f;
    font-size: 16px;
    color: #333;
    background: 0 0;
    background: url("../images/frmarw.png") no-repeat right 50%;
    margin-bottom: 5%
}

.frmrow .select-stylee select {
    padding: 0 2% 4px 0;
    width: 100%;
    border: none;
    box-shadow: none;
    background: 0 0;
    background-image: none;
    background-image: none;
    -webkit-appearance: none;
    font-size: 18px;
    font-weight: 300;
    color: #333;
    outline: 0
}

.frmrow .select-stylee option {
    background: #fff;
    padding: 0;
    margin: 0;
    font-size: 16px
}

.blogfrm .custom-control-label::before {
    top: .47rem
}

.blogfrm .custom-control-label::after {
    top: .47rem
}

.expermain {
    display: flex
}

.dwnload {
    text-align: center;
    width: 100%;
    padding: 9px 0 10px 0
}

.experbxlft {
    width: 90%;
    margin-right: 2%
}

.experbxrht {
    width: 30%;
    border-left: 1px solid #fdfafa;
    padding-left: 10px
}

.bloglist .media {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 20px
}

.aside-title {
    text-align: left;
    max-width: 600px;
    position: relative;
    font-size: 18px;
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 25px
}

.aside-title:after {
    content: "";
    display: block;
    width: 183px;
    height: 2px;
    background: red;
    right: 0;
    top: 50%;
    position: absolute
}

.tag-cloud a {
    font-size: 13px;
    padding: 6px 18px;
    border: 1px solid #d9d9d9;
    margin: 18px 0 0 0;
    display: inline-block;
    text-transform: uppercase;
    color: #232323;
    line-height: 18px;
    font-weight: 300
}

.tag-cloud a:hover {
    background: #232323;
    color: #fff!important;
    border: 1px solid #232323
}

.bloglist .media-body h5 {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    padding: 0 0 10px 0
}

.bloglist .media-body a {
    font-size: 14px;
    font-weight: 400;
    color: #232323;
    text-decoration: none
}

.bloglist .media-body a:hover {
    color: #e6192b
}

.bx1 {
    width: 33.3%;
    height: 500px;
    float: left;
    overflow: hidden
}

.bx1 img {
    width: 100%;
    transition: .5s all ease-in-out
}

.bx1:hover img {
    transform: scale(1.5);
    background-color: #000
}

.bx1 p {
    color: #000;
    font-size: 16px
}

.overlayone {
    width: 33%;
    height: auto;
    display: inline-block;
    position: relative
}

.overlayinn {
    padding: 70px;
    color: #000;
    font-size: 16px
}

.blogbnr {
    display: inline-flex
}

.bxbanr1 {
    width: 49%;
    height: 100%;
    margin-right: 1%
}

.bxbanr2 {
    width: 50%;
    height: 100%
}

.img-hover-zoom {
    height: auto;
    overflow: hidden;
    position: relative;
    display: inline-block
}

.img-hover-zoom img {
    transition: transform .5s ease;
    width: 100%
}

.img-hover-zoom:hover img {
    transform: scale(1.1)
}

.img-hover-zoom .text {
    position: absolute;
    padding-top: 30px;
    padding-bottom: 30px;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(15%,transparent),to(#000));
    background-image: -webkit-linear-gradient(top,transparent 15%,#000 100%);
    background-image: -o-linear-gradient(top,transparent 15%,#000 100%);
    background-image: linear-gradient(-180deg,transparent 15%,#000 100%)
}

.img-hover-zoom img {
    display: table
}

.filterbtn {
    border: 1px solid #ccc;
    outline: 0;
    padding: 16px 40px 16px 40px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 24px;
    margin: 24px 6px 0 5px;
    font-size: 14px;
    font-weight: 300
}

.filterbtn:hover {
    background-color: #ddd;
    border-color: #ddd
}

.filterbtn.active {
    background-color: #666;
    color: #fff;
    border-radius: 30px
}

.show {
    display: block
}

.column {
    display: none;
    width: 30.8%;
    margin-right: 1%
}

.show {
    display: block
}

.btn {
    border: none;
    outline: 0;
    padding: 12px 16px;
    cursor: pointer
}

.btn:hover {
    background-color: #ddd
}

.btn.active {
    background-color: #666;
    color: #fff
}

.cardblog .card-group {
    margin-top: 20px
}

.cardblog .card {
    height: auto;
    box-shadow: rgba(0,0,0,.24) 0 3px 8px;
    background: #fff;
    transition: all .5s ease;
    cursor: pointer;
    user-select: none;
    z-index: 10;
    overflow: hidden;
    margin-bottom: 50px!important;
    margin: 0 auto
}

.cardblog .card .backgroundEffect {
    bottom: 0;
    height: 0;
    width: 100%
}

.cardblog .card:hover {
    color: #fff;
    box-shadow: rgba(0,0,0,.24) 0 5px 10px
}

.cardblog .card:hover .backgroundEffect {
    bottom: 0;
    height: 320px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background: #e6192b;
    animation: popBackground .3s ease-in
}

@keyframes popBackground {
    0% {
        height: 20px;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%
    }

    50% {
        height: 80px;
        border-top-left-radius: 75%;
        border-top-right-radius: 75%
    }

    75% {
        height: 160px;
        border-top-left-radius: 85%;
        border-top-right-radius: 85%
    }

    100% {
        height: 320px;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%
    }
}

.cardblog .card {
    color: #4f4e4e
}

.cardblog .card .pic {
    position: relative
}

.cardblog .card .pic img {
    width: 100%;
    height: 280px;
    object-fit: cover
}

.cardblog .card .date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 70px;
    background-color: #e6192b;
    color: #fff;
    position: absolute;
    bottom: 0;
    transition: all ease
}

.cardblog .card .date .day {
    font-size: 14px;
    font-weight: 600
}

.card .date .year,.cardblog .card .date .month {
    font-size: 11px
}

.cardblog .card .text-muted {
    font-size: 14px
}

.cardblog .card:hover .text-muted {
    color: #fff
}

.cardblog .card .content {
    padding: 0 20px;
    min-height: 110px;
    position: relative
}

.cardblog .card .content p {
    font-size: 18px;
    font-size: 16px;
    font-weight: 300
}

.b-readmore {
    position: absolute;
    right: 1rem;
    bottom: 10px
}

.cardblog .card .content .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    background-color: #e6192b;
    border-radius: 25px;
    font-size: 12px;
    border: none
}

.cardblog .card:hover .content .btn {
    background: #fff;
    color: #e6192b;
    box-shadow: #0000001a 0 3px 5px
}

.cardblog .card .content p a {
    color: #4f4e4e
}

.cardblog .card:hover .content p a {
    color: #fff
}

.fa-arrow-right {
    margin-left: 5px
}

.card .content .foot .admin {
    border-radius: 20px;
    color: #333;
    font-size: 12px;
    border: 1px solid #eee;
    background: #f7f7f7;
    text-align: center;
    float: left;
    padding: 7px 11px;
    margin: 3px 5px;
    line-height: 18px;
    font-weight: 400
}

.card:hover .content .foot .admin {
    color: #333;
    background: #fff
}

.bloglist p {
    font-weight: 300;
    font-size: 16px;
    color: #333;
    padding: 5px 0 5px 0
}

.bloglist h2 {
    font-weight: 400;
    font-size: 20px;
    color: #333;
    padding: 10px 0 10px 0;
    width: 100%
}

.socialiconsimg {
    margin: 6px 0 10px 0
}

.relatedpost {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 30px
}

.relatedbx .card {
    width: 30%;
    margin-right: 3%;
    display: inline-table
}

.expbxinr {
    display: flex;
    margin-bottom: 20px;
    width: 100%
}

.expbxlst1 {
    width: 80%;
    padding: 10px;
    margin-right: 1%;
    border: 1px solid #ccc
}

.expbxlst2 {
    width: 25%;
    border: 1px solid #ccc;
    padding: 10px;
    margin-right: 1%;
    position: relative
}

.expbxlst3 {
    width: 17%;
    border: 1px solid #ccc;
    position: relative;
    text-align: center
}

.relatedpostex {
    -ms-flex: 1;
    flex: 1
}

.relatedpostex h5 {
    font-size: 16px;
    color: #333;
    font-weight: 300;
    padding-top: 9px
}

.relatedpostex span {
    font-size: 14px;
    color: #5b5f64;
    font-weight: 300
}

.relatedpostex a {
    color: #333
}

.relatedpostex a:hover {
    color: #e6192b
}

.relatedposteximg {
    border-radius: 6px
}

.relatedpostexhdng {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    padding-bottom: 7px
}

.relatedpostexhdng-d {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding-bottom: 7px;
    text-align: center;
    color: #e00030
}

.expblog .figure-caption {
    font-size: 14px;
    color: #6c757d;
    text-align: center;
    width: 82%;
    margin: 0 auto;
    padding: 10px 0 20px 0
}

.expblog .figure-img {
    margin: 10px 0 10px 0
}

.awrads_block {
    float: left;
    padding: 40px 20px 44px 20px
}

.awrads_block .left_thumb {
    float: left;
    width: 40%
}

.awrads_block .right_info {
    float: left;
    width: 60%
}

.awrads_block .right_info h4 {
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: 400
}

.awrads_block .right_info p {
    float: left;
    font-size: 14px;
    color: #6e6d6c;
    padding-bottom: 10px
}

.award img {
    text-align: center;
    padding-bottom: 15px
}

.award p {
    font-size: 14px;
    color: #6e6d6c;
    padding-bottom: 10px
}

.award .item-header {
    background: #eaeaea;
    padding: 15px
}

.accordion {
    border-top: none
}

.accordion .item .item-header h2 button.btn.btn-link {
    background: #eaeaea;
    color: #000;
    border-radius: 12px;
    font-size: 18px;
    font-weight: 400;
    line-height: 2.5;
    text-decoration: none
}

.accordion .item .item-header {
    border-bottom: none;
    background: 0 0;
    padding: 0;
    margin: 2px
}

.accordion .item .item-header h2 button {
    color: #fff;
    font-size: 20px;
    padding: 15px;
    display: block;
    width: 100%;
    text-align: left
}

.accordion .item .item-header h2 i {
    float: right;
    font-size: 30px;
    color: #535353;
    width: 60px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px
}

button.btn.btn-link.collapsed i {
    transform: rotate(0)
}

button.btn.btn-link i {
    transform: rotate(180deg);
    transition: .5s
}

.preamble p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem
}

.frmtrcareer {
    overflow: hidden
}

.frmsction {
    overflow: hidden;
    background: #ccc;
    padding-top: 30px;
    padding-bottom: 26px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.frmtdcareer {
    float: left;
    width: 28%;
    margin-right: 2%;
    position: relative
}

.frmslct_area_career {
    overflow: hidden;
    background: #fff url(../images/arrow1.png) no-repeat right 14px;
    border: 1px solid #000
}

.frmslctbxcareer {
    overflow: hidden;
    border: none;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 6px 2%;
    width: 100%;
    color: #585858;
    font-size: 14px
}

.frmfldbxcareer {
    float: left;
    width: 99.7%;
    border-bottom: 1px solid #fff;
    padding: 0
}

.frmfld_area input {
    overflow: hidden;
    background: #fff;
    border: 1px solid #000;
    padding: 6px 2%;
    font-size: 14px;
    outline: 0
}

.frmtdcareer.findjob {
    width: 10%
}

.frmtdcareer.rht {
    margin-right: 0
}

.careerhdng {
    color: #000;
    font-size: 40px
}

.carrerbtn {
    background-color: #ed3237;
    border: 1px solid #ed3237;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    padding: 10px 25px 10px 25px;
    text-align: center;
    font-weight: 400;
    font-weight: 400
}

.jobbbx1 {
    width: 33%
}

.jobbx {
    padding: 20px;
    background: #fff;
    box-shadow: -2px 9px 16px -3px rgba(186,185,185,.75);
    -webkit-box-shadow: -2px 9px 16px -3px rgba(186,185,185,.75);
    -moz-box-shadow: -2px 9px 16px -3px rgba(186,185,185,.75);
    margin: 30px 0 30px 20px
}

.jobbx:hover {
    background: #f0efef;
    cursor: pointer
}

.Joblocation {
    font-size: 16px;
    color: #000;
    font-weight: 300
}

.Jobtitle {
    font-size: 22px;
    color: #0f62fe;
    font-weight: 500;
    padding: 20px 0 30px 0
}

.Jobtype {
    font-size: 18px;
    color: #000;
    font-weight: 400;
    padding-bottom: 10px
}

.jobarrow {
    content: "\f30b";
    font-size: 30px;
    text-align: right;
    font-weight: 300;
    text-align: right;
    color: #6e6d6c
}

.jobboxarea {
    width: 100%;
    display: flex;
    margin-bottom: 30px
}

.textjobbx {
    background: #e6192b;
    width: 70%;
    padding: 40px
}

.textjobbx h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    padding: 20px 0 40px 0
}

.textjobbx p {
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.bottommarginn {
    padding-bottom: 20px
}

.widevarietyeng .slick-slide {
    margin: 0 15px
}

.widevarietyeng .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.widevarietyeng .slick-prev:before {
    color: #fff;
    opacity: 1
}

.widevarietyeng .slick-next {
    left: -258px
}

.widevarietyeng .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.widevarietyeng .slick-next:before {
    color: #fff;
    opacity: 1
}

.widevarietyeng .slick-next {
    right: -25px;
    padding: 14px;
    background: #000;
    width: 40px;
    height: 49px;
    display: inline-block;
    font-size: 20px;
    border-radius: 10px
}

.widevarietyeng .slick-prev {
    padding: 14px;
    background: #000;
    width: 40px;
    height: 49px;
    display: inline-block;
    font-size: 20px;
    border-radius: 10px;
    left: -318px
}

.feature-box-rep-left {
    text-align: center
}

.widevarietyeng .slick-next,.widevarietyeng .slick-prev {
    top: 90%
}

#carouselExampleIndicators3 {
    display: none;
    visibility: hidden
}

.newmobile {
    display: none
}

.contact-b {
    background: #ed3237
}

.form-group {
    position: relative
}

.captcha-img {
    position: absolute;
    right: 16px;
    top: 2px;
    width: 81px
}

.captcha-img1 {
    position: absolute;
    right: 17px;
    top: 2px;
    width: 81px
}

.tag-cat {
    position: relative
}

.tag-cat ul li {
    display: inline-block;
    margin: .2rem .4rem
}

.tag-cat ul li input {
    position: absolute;
    width: 0;
    height: 0
}

.tag-cat ul li input:checked+label {
    padding: 6px 18px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    cursor: pointer;
    z-index: 1
}

.tag-cat ul li input:checked+label.active {
    background: #666;
    color: #fff
}

.tag-cat ul li input+label {
    padding: 6px 18px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
    cursor: pointer;
    z-index: 1;
    -webkit-transition: all .6s ease-in-out;
    font-size: .9rem
}

.tag-cat ul li input+label:hover {
    background: #232323;
    color: #fff;
    border: 1px solid #232323
}

.cardblog {
    position: relative
}

.cardblog .card {
    margin: 0 10px
}

body.custom-background {
    background: 0 0
}

.blogwrapper {
    max-width: none
}

.boxed-layout .blogpage {
    width: 100%!important
}

.boxed-layout .blogpage {
    max-width: none!important
}

.blogpage {
    margin: 0 auto;
    max-width: none!important;
    overflow-x: hidden;
    position: relative
}

.section-heading-wrapper {
    padding: 0 0 35px
}

.site-content>.wrapper {
    padding: 0 0
}

.blogscont .card .content p a {
    color: #4f4e4e
}

.blogscont .card:hover .content p a {
    color: #fff
}

.blogscont .card .content {
    padding: 0 20px 10px;
    overflow: hidden
}

.backtotop {
    display: none!important
}

.feature_card ul {
    margin: 2rem 0 0 0;
    padding: 0 0 0 2rem
}

.feature_card ul li {
    list-style: disc;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    padding: 0 0 .5rem
}

.feature_card ul li ul {
    margin: .3rem 0
}

.feature_card ul li ul li {
    list-style: circle
}

.feature_card ul li ul li ul li {
    list-style: square
}

.relatedcarousal {
    position: relative
}

.productre .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    color: #fff;
    opacity: 1
}

.productre .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    color: #fff;
    opacity: 1
}

.productre .slick-prev {
    top: -20px;
    right: 15px;
    left: auto;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    border-radius: 5px
}

.productre .slick-next {
    top: -20px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    border-radius: 5px
}

.productre .slick-dots li button:before {
    font-size: 30px
}

.table-responsive>.table>thead>tr>th {
    white-space: nowrap
}

.downlaod-table td a {
    color: #e5192a
}

.downlaod-table td a:hover {
    color: #606060
}

.sabout {
    position: relative;
    width: 85%;
    /*margin: 0 auto 2rem;*/
    margin: 0 auto 0;
}

.sabout p {
    color: #6e6d6c;
    font: 400 1.3rem/2rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 1.3rem
}

.saboutvideo .col-md-12 {
    padding: 0
}

.saboutvideo video {
    object-fit: cover;
    height: 700px
}

.about-s-cont {
    text-align: left
}

.about-s-cont ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0 auto 1rem
}

.about-s-cont li {
    font: 400 1.3rem/2.2rem Roboto,sans-serif;
    margin: 0 0 0 4rem;
    color: #6e6d6c
}

.about-s-cont li p {
    color: #000
}

.sabout h6 {
    font: 600 1.3rem/2rem Roboto,sans-serif
}

.about-se1-area {
    position: relative;
    padding: 2rem 0;
    width: 100%;
    margin: 0
}

.about-se1-area h4 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 3rem/3rem Rubik,sans-serif
}

.about-se1-area p {
    color: #fff;
    font: 300 1.2rem/1.6rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    padding: 0 0 1rem
}

.about-se1-area .bg-overlay {
    background-color: #e6192b;
    width: 50%;
    left: 0
}

.about-se1-area .container .inner-bg-overlay {
    background-color: #e6192b;
    position: absolute;
    left: 0;
    right: 15%;
    bottom: 0;
    top: 0
}

.about-se1-area .container .inner-bggray-overlay {
    background-color: #e6192b;
    position: absolute;
    left: 0;
    right: 15%;
    bottom: 0;
    top: 0
}

.about-se1-area .container .inner-redin-overlay {
    background-color: #515050;
    position: absolute;
    left: 0;
    right: 5%;
    bottom: 0;
    top: 0
}

.about-se1-area .container .swpcontent {
    position: relative
}

.about-se1-area .container .swpcontent h4 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 3rem/3rem Rubik,sans-serif
}

.about-se1-area .container .swpcontent p {
    color: #fff;
    font: 300 1.2rem/1.5rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 1.3rem
}

.about-se1-area .slider-detail {
    display: flex;
    align-items: center
}

.about-se2-area {
    position: relative;
    padding: 2rem 0;
    width: 100%;
    margin: 3rem 0 0
}

.about-se2-area h4 {
    color: #000;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 3rem/3rem Rubik,sans-serif
}

.about-se2-area p {
    color: #000;
    font: 300 1.2rem/1.6rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    padding: 0 0 1rem
}

.about-se2-area .bg-overlay {
    background-color: #535353;
    width: 50%;
    left: 0;
    height: 0
}

.about-se2-area .container .inner-bg-overlay {
    background-color: #bbb;
    position: absolute;
    left: 5%;
    right: 0;
    bottom: 0;
    top: 0
}

.about-se1-area .slider-detail {
    display: flex;
    align-items: center
}

.about-se3-area {
    margin: 3rem 0 2rem
}

.abo-content {
    margin: 0 0 0 2.5rem
}

.abo-img {
    float: left;
    margin: 0 2rem 0 0;
    width: 33%
}

.abo-r-img {
    float: right;
    margin: 0 0 0 2rem;
    width: 33%
}

.heading_sbh {
    color: #535353;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 2rem/2rem Rubik,sans-serif
}

.office-wrp {
    position: relative;
    display: flex;
    width: 100%;
    margin: 2rem 0 3rem
}

.office-wrp .office-row1 {
    width: 25%
}

.office-wrp .office-row1 .overlapred {
    position: absolute;
    background: rgba(230,25,43,.9);
    padding: 1rem;
    top: 6%;
    width: 30%;
    left: 0
}

.office-wrp .office-row1 .overlapred h4 {
    color: #fff;
    font: 500 1.3rem/1.5rem Rubik,sans-serif;
    padding: 0 0 1rem
}

.office-wrp .office-row1 .overlapred ul li {
    display: block;
    color: #fff;
    margin: 0 0 .8rem;
    overflow: hidden
}

.office-wrp .office-row1 .overlapred ul li i {
    font-size: 1.3rem;
    width: 7%;
    float: left;
    color: #98dcff
}

.office-row1 .overlapred ul li span {
    float: left;
    width: 92%;
    font: 400 1rem/1.4rem Roboto,sans-serif
}

.office-row1 .overlapred ul li span a {
    color: #fff
}

.office-wrp .office-row2 {
    width: 30%
}

.office-wrp .office-row2 img {
    width: 100%;
    border-left: 1px solid #e6192b;
    border-top: 1px solid #e6192b;
    border-bottom: 1px solid #e6192b
}

.office-wrp .office-row3 {
    width: 45%
}

.office-f-wrp {
    position: relative;
    display: flex;
    width: 100%;
    margin: 2rem 0 3rem
}

.office-f-wrp .office-row3 {
    width: 25%
}

.office-f-wrp .office-row3 .overlapred {
    position: absolute;
    background: rgba(83,83,83,.9);
    padding: 1rem;
    top: 6%;
    width: 30%;
    right: 0
}

.office-f-wrp .office-row3 .overlapred h4 {
    color: #fff;
    font: 500 1.3rem/1.5rem Rubik,sans-serif;
    padding: 0 0 1rem
}

.office-f-wrp .office-row3 .overlapred ul li {
    display: block;
    color: #fff;
    margin: 0 0 1rem;
    overflow: hidden
}

.office-f-wrp .office-row3 .overlapred ul li i {
    font-size: 1.3rem;
    width: 7%;
    float: left;
    color: #98dcff
}

.office-f-wrp .office-row3 .overlapred ul li span {
    float: left;
    width: 92%;
    font: 400 1rem/1.4rem Roboto,sans-serif
}

.office-f-wrp .office-row3 .overlapred ul li span a {
    color: #fff
}

.office-f-wrp .office-row2 {
    width: 30%
}

.office-f-wrp .office-row2 img {
    width: 100%;
    border-right: 1px solid #e6192b;
    border-top: 1px solid #e6192b;
    border-bottom: 1px solid #e6192b
}

.office-f-wrp .office-row1 {
    width: 45%
}

.car-content {
    position: relative;
    margin: 0 auto;
    width: 100%
}

.car-content p {
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #535353;
    margin: 0 0 1.4rem
}

.car-content2 {
    position: relative;
    margin: 0 auto;
    width: 80%
}

.car-content2 p {
    color: #6e6d6c;
    font: 400 1.3rem/2rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 1.3rem
}

.team-table thead tr th {
    background: #535353;
    color: #fff;
    text-transform: uppercase
}

.highcharts-credits {
    display: none
}

.teamtableBody a {
    display: inline-block;
    background: #dd2c33;
    color: #fff;
    border: 1px solid #006695;
    border-radius: 5px;
    padding: .3rem 1rem
}

.grow-chart {
    border: 1px solid #6b6b6b;
    border-radius: 10px
}

.growthchart-con ul li {
    padding: 0 0 1rem
}

.growthchart-con ul li h6 {
    font: 500 1.2rem/1.3rem Roboto,sans-serif;
    color: #2d2d2d
}

.growthchart-con ul li p {
    font: 400 1rem/1.7rem Roboto,sans-serif;
    color: #535353;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0
}

.car-table {
    position: relative
}

.car-table h2 {
    color: #6e6d6c;
    font: 400 3rem/3rem Roboto,sans-serif
}

.car-table h3 {
    color: #6e6d6c;
    font: 400 1.4rem/2rem Roboto,sans-serif
}

.car-table h4 {
    margin: 0 0 .8rem;
    font: 500 1.2rem/1.2rem Roboto,sans-serif
}

.car-table p {
    font: 400 1.125rem/1.7rem Roboto,sans-serif;
    margin: 0 0 1rem
}

.car-table h4 span {
    font: 400 1.125rem/1.7rem Roboto,sans-serif
}

.car-table ul {
    margin: 0 0 1rem
}

.car-table ul li {
    list-style: disc;
    margin: 0 0 .5rem 1rem
}

.car-table .car-b-border {
    border-bottom: 1px solid #ddd;
    padding: 0 0 2rem
}

.car-table .car-b-border1 {
    border-bottom: 1px solid #ddd;
    padding: 1rem 0
}

.car-table .col-md-12 {
    padding-right: 0;
    padding-left: 0
}

.car-form {
    /*width: 80%;
    margin: 1rem auto*/
    margin: 0 0 2rem;
}

.btn-car {padding: 6px 15px;}
.car-form .col-md-12 {
    padding-right: 0;
    padding-left: 0
}

.car-se1-area {
    position: relative;
    padding: 6rem 0;
    width: 100%;
    margin: 6rem 0 3rem
}

.car-se1-area h4 {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 30px;
    font: 400 3rem/3rem Rubik,sans-serif
}

.car-se1-area h4 span {
    display: block
}

.car-se1-area p {
    color: #fff;
    font: 300 1.2rem/1.8rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 1.3rem
}

.car-se1-area .container .inner-bg-overlay {
    background-color: #e6192b;
    position: absolute;
    left: 0;
    right: 5%;
    bottom: 0;
    top: 0
}

.teamslider {
    position: relative
}

.teamslider .slick-next {
    top: 50%;
    right: -35px;
    left: auto
}

.teamslider .slick-prev {
    top: 50%;
    right: auto;
    left: -35px
}

.team-cont h5 {
    color: #fff;
    font: 300 1.5rem/1.8rem Roboto,sans-serif;
    padding: .5rem 0
}

.team-cont h6 {
    color: #fff;
    font: 300 1.3rem/1.5rem Roboto,sans-serif
}

.team-cont p {
    color: #fff
}

.team-cont img {
    display: block;
    width: 100%
}

.btn-md {
    height: 46px;
    padding-left: 26px;
    padding-right: 26px
}

.header-4,h4 {
    font-size: 1.231rem;
    line-height: 1.692rem
}

.btn-s-resume {
    background: #ed3237;
    color: #fff;
    padding: .5rem 2rem;
    border: 1px solid #ed3237;
    border-radius: 5px
}

.upload-resume button {
    cursor: auto;
    border: 1px solid #fff;
    color: #00a0df;
    background: #fff
}

.upload-resume input[type=file]::file-selector-button {
    border: 1px solid #5089f5;
    padding: .2em .4em;
    border-radius: .2em;
    background-color: #fff;
    transition: 1s;
    cursor: pointer;
    color: #00a0df
}

.slider-product-nav {
    position: relative
}

.slider-product-nav .slick-list .slick-track {
    margin-left: 0;
    margin-right: 0;

}

.stproductslider {
    position: relative
}

.stproductslider .slider-product-nav .slick-slide {
    border: 1px solid #e8e5e5;
    cursor: pointer
}

.stproductslider .slick-current img {
    border: 1px solid #e6192b
}

.stproductslider .slider-product .slick-current img {
    border: 1px solid transparent
}

.stproductslider .slick-center.slick-active div:after {
    border-bottom: 10px solid #e6192b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -25px;
    width: 0
}

.stproductslider .slider-product img {
    /* height: 450px; */
    margin: 0 auto
}

.stproductslider .slider-product-nav {
    width: 85%;
    margin: 0 auto
}

.stproductslider .slick-prev {
    top: 46%;
    left: -18px
}

.stproductslider .slick-next {
    top: 46%;
    right: -18px
}

.stproductslider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    background: 0 0;
    color: #e6192b
}

.stproductslider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    background: 0 0;
    color: #e6192b
}

.slick-lightbox .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    background: 0 0;
    color: #fff;
    opacity: 1
}

.slick-lightbox .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    background: 0 0;
    color: #fff;
    opacity: 1
}

.slick-lightbox-close:before {
    opacity: 1!important;
    font-size: 30px!important
}

.slick-lightbox-slick-item-inner {
    position: relative;
    background: #333333;
    border-radius: 10px;
    padding: 2rem .5rem
}

.slick-lightbox-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: #fff;
    padding: 0;
    border: none;
    border-radius: 50%
}

/*Accessoriessection slider*/

.stacsproductslider {position: relative;}

.stacsproductslider .slider-accs .slick-current img{
/*    border: 1px solid #e6192b; */
border: 1px solid #fff;

}


.stacsproductslider .slider-acs-nav .slick-slide {
    border: 1px solid #e8e5e5;
    cursor: pointer;  text-align: center;  margin: 0 auto;
}
.stacsproductslider .slider-acs-nav .slick-current{
    border: 1px solid #e6192b; 
}

.stacsproductslider .slider-acs-nav .slick-slide img {width:100%;}


.stacsproductslider .slick-center.slick-active div:after {
    border-bottom: 10px solid #e6192b;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -25px;
    width: 0
}

.stacsproductslider .slider-accs img {
    height: 450px;
    margin: 0 auto
}

.stacsproductslider .slider-acs-nav {
    width: 100%;
    margin: 0 auto; position: relative;
}

.stacsproductslider .slick-prev {
    top: 46%;
    left: -18px
}

.stacsproductslider .slick-next {
    top: 46%;
    right: -18px
}

.stacsproductslider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    background: 0 0;
    color: #e6192b
}

.stacsproductslider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053";
    background: 0 0;
    color: #e6192b
}
.slider-accs .slick-list .slick-track {margin-left:0px; margin-right:0px}


.slider-acs-nav .slick-list .slick-track{margin-left:0px; margin-right:0px; text-align: center;}


.slider-acs-nav {
    margin: 0 auto; 
    max-width: 100%; 
    display: block; 
}


.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 28px
}

.alignleft {
    float: left;
    margin: 7px 28px 28px 0
}

.wa-table input[type=text],textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    color: rgba(0,0,0,.75);
    display: block;
    font-size: 14px;
    margin: 0 0 12px 0;
    padding: 6px;
    height: 32px;
    width: 100%;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear
}

.wa-table textarea {
    height: auto
}

.heading-wa-company {
    margin: 0;
    padding: 3rem 0 2rem;
    text-transform: uppercase;
    font: 400 2rem/2rem Rubik,sans-serif;
    color: #000
}

.heading-wa-company span {
    color: #ed3237
}

.wa-track {
    width: 50%;
    margin: 0 auto;
    text-align: center
}

.wa-track input[type=text] {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px;
    height: 32px
}

.news-list li {
    border-top: 1px solid #ccc;
    padding: 10px 10px 10px 0;
    list-style: none
}

.news-list li:first-child {
    border: 0;
    margin-top: 0
}

.news-list a {
    color: #000;
    font-weight: 300
}

.news-list a:hover {
    color: #ed3237
}

.news-date,.news-hp h4 a:hover {
    color: #ed3237
}

.news-bg {
    background: #000;
    overflow: hidden;
    padding: .6rem
}

.news-bg label {
    color: #fff;
    font: 500 1.125rem/1.7rem Roboto,sans-serif
}

.video-panel {
    position: relative
}

.video-panel a {
    display: inline-block;
    text-align: center
}

.video-head {
    font: 400 .9rem/1.7rem Roboto,sans-serif;
    color: #fff
}

.video-v-thumb {
    margin: 1rem 0 2.5rem;
    display: inline-block;
    position: relative
}

.featuredtext-video {
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / 4%);
    margin-left: 5px;
    bottom: 2.5rem;
    background: rgba(53,53,53,.8);
    position: absolute;
    z-index: 6;
    padding: 15px;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    border-left: 2px solid #ff5316;
    border-bottom: 2px solid #ff5316;
    width: 90%
}

.video-v-thumb h6 {
    box-shadow: 0 20px 20px 0 rgb(0 0 0 / 4%);
    background: rgba(53,53,53,.8);
    z-index: 6;
    padding: 15px 5px;
    font-size: 20px;
    color: #fff;
    line-height: 24px;
    border-left: 2px solid #ff5316;
    border-bottom: 2px solid #ff5316
}

.video-v-thumb h6 a {
    color: #fff
}

.video-v-thumb h6 a:hover {
    color: #e6192b;
    text-decoration: none
}

.video-icon {
    position: absolute;
    width: 60px;
    height: 60px;
    background: url(../images/play_icon.png) no-repeat;
    left: 40%;
    right: 40%;
    top: 40%;
    bottom: 40%;
    z-index: 1
}

.welcome_one_wa {
    padding: 100px 0 120px
}

.faqulli {
    position: relative
}

.faqulli ul {
    list-style: disc;
    margin: 0 0 0 2rem
}

.faqulli ul li {
    font-size: 13px
}

.media-ex {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 1rem;
    left: 0
}

.media-ex img {
    height: 150px
}

.relatedpostexhdng {
    text-align: center
}

.ex-cat-name h5 {
    text-align: center
}

.border-lighshade1 {
    border: 1px solid #ccc;
    border-radius: 10px 0 0 10px
}

.ex-content {
    padding: 0 1rem
}

.border-t-lighshade {
    border-top: 1px solid #ccc;
    padding: 0 1rem
}

.border-lighshade2 {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
}

.border-lighshade3 {
    border: 1px solid #ccc;
    border-radius: 0 10px 10px 0
}

.border-lighshade4 {
    border-top: 1px solid #ccc
}

.relatedpostex h5 a {
    color: #e5192a
}

.ex-cus-main {
    min-height: 140px;
    padding: 10px
}

.ex-dow-main {
    border-top: 1px solid #ccc;
    padding: 10px
}

.wrappermainb .breadcrumb {
    margin: 2rem 0 0
}

.content-area1 ul {
    list-style-position: inside;
    list-style-type: disc;
    margin: 0 auto 1rem
}

.content-area1 li {
    font: 400 1.15rem/1.8rem Roboto,sans-serif;
    margin: 0 0 0 2rem;
    color: #434343
}

.content-area1 .breadcrumb li {
    margin: 0
}

.entry-meta {
    margin: 0 0 2rem
}

.figure {
    width: 100%
}

.innerbanner {
    position: relative ; float: left;
}

.carousel-in-caption {
    position: absolute;
    text-align: left;
    bottom: 0;
    left: 1rem;
    right: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.carousel-in-caption p span {
    background: rgba(123,23,28,.7);
    display: inline-block;
    padding: .5rem;
    color: #fff;
    margin: 0 .5rem 0 0;
    font-size: 20px
}

.wrappermain-exp {
    width: 80%;
    margin: 10px auto
}

.search-foo {
    position: relative
}

.search-foo form {
    width: 100%
}

.search-foo input {
    width: 100%;
    background: 0 0;
    border: none;
    outline: 0;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    background: #535353;
    border: 2px solid #d93025;
    border-radius: 10px;
    padding: 1rem
}

.search-foo span {
    color: #fff;
    position: absolute;
    width: 50px;
    font-size: 25px;
    right: 0;
    top: 2px;
    line-height: 45px;
    cursor: pointer
}

.search-foo .input-group-btn button {
    border-width: 0
}

/*Catalouge*/
.search-cat {
    position: relative
}

.search-cat form {
    width: 100%
}

.search-cat input {
    width: 100%;
    background: 0 0;
    border: none;
    outline: 0;
    /*font-size: 1.2rem;*/
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    background: #535353;
    border: 2px solid #d93025;
    border-radius: 10px;
    padding: 0.8rem
}

.search-cat span {
    color: #fff;
    position: absolute;
    width: 50px;
    font-size: 25px;
    right: 0;
    top: 2px;
    line-height: 45px;
    cursor: pointer
}

.search-cat .input-group-btn button {
    border-width: 0
}





.search-footer {
    width: 65%;
    margin: 0 auto;
    padding: 50px 0 70px
}

.search-footer p {
    color: #6e6d6c;
    font: 300 1.2rem/1.8rem Rubik,sans-serif;
    padding: 0 0 1.5rem
}

.heading_scompany h3 {
    color: #000;
    padding-bottom: 10px;
    font: 400 2.5rem/2.5rem Rubik,sans-serif
}

.heading_scompany span {
    color: #ed3237;
    font: 400 2.5rem/2.5rem Rubik,sans-serif
}

.search-bg {
    background: url("../images/search-footer.png") left bottom no-repeat;
    background-color: #f5f5f6
}

.welcome_sone {
    position: relative;
    display: block;
    width: 100%;
    z-index: 1
}

/*Events &  Award*/
.eventaward-outer{
    position: relative; width: 100%; float: left; margin-top: 1.5rem;
}

.eventaward-outer .eventaward .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.eventaward-outer .eventaward .slick-prev:before {
    color: #fff;
     opacity: 1;
    font-size: 17px;
}

.eventaward-outer .eventaward .slick-next {
   top: -21px; 
}
.eventaward-outer .eventaward .slick-prev {
   top: -21px;  right: 50px; left: inherit;
}

.eventaward-outer .eventaward .slick-slide {
    margin: 0 15px;
}

.eventaward-outer .eventaward .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.eventaward-outer .eventaward .slick-next:before {
    color: #fff;
    opacity: 1;
    font-size: 17px;
}

.eventaward-outer .eventaward .slick-next {
    right: 10px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.eventaward-outer .eventaward .slick-prev {
    padding: 0 0 0 9px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}

.awd-head{position: relative; display: flex; border: 1px solid #e3e3e3; margin: 0 0 1.5rem;}
.awd-head-row1{display: inline-block; width: 70%; padding: 1rem; border-right: 1px solid #e3e3e3;}
.awd-head-row1 h2{ font: 400 2rem/2rem Rubik,sans-serif;    color: #000;}
.awd-head-row2{display: inline-block;width: 10%; border-right: 1px solid #e3e3e3; text-align: center; padding: 1rem;}
.awd-head-row2 h3{ font: 400 1.5rem/1.5rem Rubik,sans-serif;    color: #dd2c33;}
.awd-head-row3{display: inline-block; width: 5%; text-align: center; border-right: 1px solid #e3e3e3; padding: 1rem 0;}
.awd-head-row4{display: inline-block;width: 15%; padding: 1rem;}
.awd-head-row4 h4{font: 400 1.2rem/1.2rem Rubik,sans-serif;    color: #4e4e4e;}
.awd-head-row5{display: inline-block; width: 100%; padding: 1rem;}
.awd-head-row5 h2{ font: 400 2rem/2rem Rubik,sans-serif;    color: #000;}

.awd-head-row6{display: inline-block; width: 90%; padding: 1rem;border-right: 1px solid #e3e3e3;}
.awd-head-row6 h2{ font: 400 2rem/2rem Rubik,sans-serif;    color: #000;}
.awd-head-row7{display: inline-block;width: 10%; border-right: 1px solid #e3e3e3; text-align: center; padding: 1rem;}
.awd-head-row7 h3{ font: 400 1.5rem/1.5rem Rubik,sans-serif;    color: #dd2c33;}

.eventawslider-outer{position: relative; width: 100%; float: left; margin-top: 1.5rem;}
.eventawslider {position: relative;}
.eventawslider-outer .eventawslider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.eventawslider-outer .eventawslider .slick-prev:before {
    color: #fff;
     opacity: 1;
    font-size: 17px;
}

.eventawslider-outer .eventawslider .slick-next {
    
}
.eventawslider-outer .eventawslider .slick-prev {
   
}

.eventawslider-outer .eventawslider .slick-slide {
    /*margin: 0 15px;*/

}

.eventawslider-outer .eventawslider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.eventawslider-outer .eventawslider .slick-next:before {
    color: #fff;
    opacity: 1;
    font-size: 17px;
}

.eventawslider-outer .eventawslider .slick-next {
    right: -25px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.eventawslider-outer .eventawslider .slick-prev {
    padding: 0 0 0 9px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}

.card-aw-outer {position: relative;}
.card-event {margin: 0 10px 25px;     height: auto;    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px;    background: #fff;    transition: all .5s ease;
    cursor: pointer; overflow: hidden; border-radius: .25rem; position: relative; z-index: 10;}
.card-pic {position: relative;}
.card-event .card-pic .date {display: flex;flex-direction: column; align-items: center; justify-content: center; width: 55px; height: 70px;  background-color: #e6192b;
    color: #fff;    position: absolute;    bottom: 0;    transition: all ease;}
.card-event .card-pic .date .day{font-size: 14px; font-weight: 600;}
.card-event .card-pic .date .month{font-size: 11px;}
.card-event .card-pic .date .year{font-size: 11px;}    
.card-content { padding: 0 20px;    min-height: 110px;    position: relative;}
.card-content .crow1{position: relative; width: 100%;}
.card-content .crow1 h4{}
.card-content .crow2{position: relative; width: 100%;}
.card-content .crow2 .ccol1 {width: 75%; float: left;}
.card-content .crow2 .ccol2 {width: 25%; float: left; text-align: right;}
.card-content .crow2 .ccol2 .btn{align-items: center;    justify-content: center;    padding: 5px 10px;    background-color: #e6192b;    border-radius: 25px;
    font-size: 12px;    border: none;}
.card-event:hover .card-content .crow2 .ccol2 .btn { background: #fff;    color: #e6192b;    box-shadow: #0000001a 0 3px 5px;}
.card-event:hover{color: #fff;   box-shadow: rgb(0 0 0 / 24%) 0 5px 10px;}
.card-content .crow2 .ccol2 .btn a{color: #fff; font-size: 11px;}
.card-event:hover .card-content .crow2 .ccol2 .btn a{ background: #fff;    color: #e6192b;}
.card-event:hover{color: #fff;   box-shadow: rgb(0 0 0 / 24%) 0 5px 10px;}

.card-event .backgroundEffect { bottom: 0;    height: 0;    width: 100%}
.card-event:hover .backgroundEffect {  bottom: 0;    height: 320px;    width: 100%;    position: absolute;    
    z-index: -1;    background: #e6192b;    animation: popBackground .3s ease-in}
.allevent{position: absolute;    top: -33px;    right: 111px;}
.allevent a{border: 1px solid #ed3237; color: #fff; background: #ed3237;padding: 0.2rem 0.5rem;    border-radius: 0.25rem;}
.event-img-slide {overflow: hidden;}
.event-img-slide .event-img{overflow: hidden;   /*width: 550px; height: 550px; /*background: #f8f8f8; border: 1px solid #f8f8f8;*/  border-radius:3px; align-items: center;
    justify-content: center;height: 415px; /*   display: flex;*/}
.event-img-slide .event-img img{max-width: 100%;}

.events-outer {position: relative;}  
.events-outer .card-event {width: 30.8%;} 
.events-outer .card-pic img { width: 100%;  /*height: 450px;*/   object-fit: cover;}

/*Events &  Award*/

/*News*/
.news-t-border{background: url("../images/news/st-v-border.jpg") repeat-x top left;height: 4px;}
.news-both-border{background: url("../images/news/st-h-border.jpg") repeat-y top left;}
.news-both-r-border{background: url("../images/news/st-h-border.jpg") repeat-y top right; padding: 1rem;}

.st-new-outer{position: relative;}

.news-img {background: url("../images/news/news-t-corner.gif") no-repeat top left; margin:0 1rem;}
.news-img img{padding: 1.2rem; margin: 0rem;}
.news-img img:after{content: "";   position: absolute; background: url("../images/news/news-b-corner.gif") no-repeat bottom right; width: 325px; height: 60px;}
.news-content{}
.news-content h3{ color: #000; font: 300 1.5rem/1.73rem Roboto,sans-serif;letter-spacing: .2px; word-spacing: 0px; margin-bottom: 15px;}
.news-content p{color: #6e6d6c; letter-spacing: .2px;   padding: 0 0 1.7rem;    font: 300 1.125rem/1.73rem Roboto,sans-serif;}

.st-inline{display: inline-block;}
.s-w30{width: 30%;}
.s-w10{width: 10%;}
.news-list-new {position: relative;}
.news-list-new .news-date {display: inline-block; float: left; }
.news-list-new .news-date a{color: #6e6d6c; }
.news-list-new .news-date a h5{    color: #ed3237; }
.news-date h5{margin: 0.3rem 0 0.4rem;}
.news-list-new ul{ width: 100%;}
.news-list-new li{display: block;overflow: hidden;/* border: 1px solid #ccc; */padding: 5px 5px 0 0;margin: 1rem 0;}
.news-list-new .list-img {display: inline-block; float: left; margin: 0 1rem 0 0;}
.news-list-new .new-con-list {border: 1px solid #ccc; overflow: hidden; padding: 1rem;}
.news-both-outer-border {background: #fdf9f3; padding: 1rem;/* margin: 0 0 1rem; border: 5px double #c0b382;*/}
.news-content img {max-width: 100%; width: auto;}

.news-accord {position: relative;}
.news-accord .accordion-thumb {background: none; padding: 0;}
.news-accord .accordion-item {    border-bottom: 1px solid transparent; position: relative;}
.news-accord .accordion-thumb::after {right: 49px;    top: 43px;}
.news-accord .accordion-panel {padding: 0;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}

/*News*/

/*2-3-23*/
.featuredbx-new {margin: 0 0 30px;}
.featuredbx-new:hover {transform: scale(1);}
/*.col-md-ch {width: 30%; display: inline-block; margin: 0 1%;}*/
.col-md-ch {width: 32%; display: inline-block; margin: 0 0.5%;}
.featuredbx-new .featurdbximg img {height: 331px;}
.featuredbx-new .featuredtext span  {font-size: 16px;}

/*Concrete ndt roadshow css*/
.roadshow {position: relative; padding: 50px 20px;}
.roadshow .left-roads {margin:0;}
.roadshow .left-roads h3{color: #ed3237;  font: 400 3rem/3rem Rubik,sans-serif; text-transform: uppercase;}
.roadshow .left-roads h3 span{color: #fff; font: 400 3rem/3rem Rubik,sans-serif; display: block;}
.roadshow .left-roads p{color: #fff; padding: 3rem 0 5rem; font: 300 1.5rem/2rem Roboto,sans-serif;}
.roadshow .left-roads ul{display: flex;}
.roadshow .left-roads ul li{display: inline-block; margin-right: 1.5rem;}
.roadshow .left-roads ul li img {vertical-align: top;}

.register-section {position: relative;}
.register-section h3{color: #fff; font: 400 2.5rem/2.5rem Rubik,sans-serif; text-align: center; text-transform: uppercase; 
    padding: 0 0 3rem;}

.register-section .form-control {background: transparent; border-bottom: 1px solid #ed3237; border-left: 1px solid transparent;
border-right: 1px solid transparent; border-top: 1px solid transparent; padding: 0; color: #fff; font: 400 1.2rem/1.2rem Rubik,sans-serif;} 

.register-section .form-control:focus{box-shadow: none;}
.register-section .form-control::placeholder {color: #fff;  opacity: 1; /* Firefox */}
.register-section .form-label{color: #fff; font: 400 1.2rem/1.2rem Rubik,sans-serif;}

.register-section select option:first-child {
    display: none;
}

.register-section select option {
    background: #3b3b3b; color: #fff;
}
.road-location {position: relative;}

.road-location ul{margin: 1rem 0; display: flex;}

.road-location ul li{display: inline-block;   width: 31%; margin: 0 0.5rem;  font-size: 0;   height: 70px;    box-sizing: border-box;    border: none;}
.road-location ul li label{display: block;  height: 100%;  width: 100%;   padding: 5px;   border-radius: 10px;
    border: 1px solid #ea242a;    color: #de1831;    cursor: pointer;       transition: none; 
    text-align: left;    margin: 0; background: #fff;}
.road-location ul li label:hover{background-color: #ebeaea; border: 1px solid #ea242a;   color: #fff;  margin: 0 ;}
.road-location ul li label::after { opacity: 0;  width: 0;   height: 0;  margin: 0;}
.road-location input[type="radio"] {opacity: 0;    width: 0;    height: 0;}
.road-location ul li input[type="radio"]:active ~ label { opacity: 1;}
.road-location ul li input[type="radio"]:checked ~ label { opacity: 1;  border: none;  background-color: #41b7c3;  color: #fff;} 
.road-location ul li label img{float: left;}  
.road-location ul li label p{color: #000; text-align: center; font: 500 1.5rem/1.5rem Rubik,sans-serif; padding: 0.5rem 0 0 0;}
.road-location ul li label p span{display: block;}

.roadthankyou-sec {background: url("../../common/images/roadshow/ro-thnak-bg.jpg") #fff center top no-repeat; 
   /* position: absolute;*/  z-index: 1;    width: 100%;    height: 100%;  padding: 4rem 2rem;   top: 0; background-size: 83%;}

.roadthankyou-sec h4{font: 400 2.5rem/3rem Rubik,sans-serif; margin: 3rem 0 2rem;}
.roadthankyou-sec h4 span{font: 600 2.5rem/2.5rem Rubik,sans-serif; color: #ed3237;}
.roadthankyou-sec p{font: 500 1.5rem/1.5rem Rubik,sans-serif;margin: 1rem 0;}
/*newsfeed css use in newsfeed homepage*/
.newsfeed {height: 450px; overflow: hidden;}


/*New Career page*/
.st-car-content{position: relative;}

.st-car-content h6{color: #ed3237; font: 400 1.5rem/2rem Roboto,sans-serif;padding: 0 0 1.3rem;}

.st-car-content p{color: #6e6d6c; font: 200 1.3rem/1.6rem Roboto,sans-serif;  letter-spacing: .5px;   word-wrap: normal;    word-spacing: 3px;
    padding: 0 0 1.3rem; margin: 0;}

.st-why-work {margin-bottom: 3rem;}
.st-why-work p{ color: #6e6d6c;
    font: 400 1.3rem/2rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 1.3rem; }


.st-grow {position: relative; background: #4a4a4a; }
.st-apply-outer{width: 100%; position: relative;overflow: hidden; margin: 0 0 1.8rem;}
.st-apply-outer .col1{float: left; width: 68%;}
.st-apply-outer .col2{float: right; width: 32%;}
.st-apply-outer .col2 .img1{margin: 0 0 30px;}

.st-apply-outer1{width: 100%; position: relative;overflow: hidden;}
.st-apply-outer1 .col1{float: left; width: 32%;}
.st-apply-outer1 .col1 .img1{margin: 0 0 30px;}
.st-apply-outer1 .col2{float: right; width: 68%; text-align: right;}

.job-button {  margin: 2rem 0; overflow: hidden;}
.job-button a{background: #e35459; color: #fff; border-radius: 10px; padding: 1rem 3rem; display: inline-block; }
.st-apply-1 {position: relative;}
.st-apply-1 p{    color: #6e6d6c;
    font: 400 1.3rem/2rem Roboto,sans-serif;
    letter-spacing: .5px;
    word-wrap: normal;
    word-spacing: 3px;
    padding: 0 0 3rem;}

.growslider {margin: 3rem 0 0;}
.growslider .featurdbximg img{ border: 2px solid #dd2c33; border-radius: 10px; }
.growslider .slick-slide {margin: 0 1rem;}
.growslider  .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.growslider  .slick-prev:before {
    color: #000;
     opacity: 1;
    font-size: 17px;
}

.growslider  .slick-next {
   top: -21px; 
}
.growslider  .slick-prev {
   top: -21px;  right: 50px; left: inherit;
}

.growslider  .slick-slide {
    margin: 0 15px;
}

.growslider  .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.growslider  .slick-next:before {
    color: #000;
    opacity: 1;
    font-size: 17px;
}

.growslider .slick-next {
    right: 10px;
    padding: 0;
    background: #eff0f6;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.growslider .slick-prev {
    padding: 0 0 0 9px;
    background: #eff0f6;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}

.welcome_one_road {
    position: relative;
    /*display: block;
    padding: 50px 0 70px;
    overflow: hidden;
    height: 521px;*/
    width: 100%;

}
/*New Career page*/



.twolinetext_pro_desc_on {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 23.0em;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical
}

.twolinetext_pro_desc_off {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5em;
    -webkit-box-orient: vertical
}

.twolinetext_pro_desc_asc_on {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 7.5em;
    -webkit-line-clamp: 16;
    -webkit-box-orient: vertical
   
}
 
.twolinetext_pro_desc_asc_off {
   text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5em;
    -webkit-box-orient: vertical
}


.loading{position: fixed; z-index: 1000;  top: 0;   left: 0;    height: 100%;    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(https://www.stanlay.in/crm/images/loader.gif) 50% 50% no-repeat;
}
/**/
.dis-product {position: relative; width: 100%; }
.dis-product ul{}
.dis-product ul li{display: inline-block; width: 23.6%; margin: 0 0.5rem 25px; background: #f3f3f3; overflow: hidden; position: relative;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);
}
.applicationslider .slick-slide { margin: 0 8px 25px; /*width: 275px!important;*/}
.categoryslider .slick-slide { margin: 0 8px 25px;/* width: 275px!important;*/}
.product-list-item {position: relative;}
/*.product-list-item .dis-content h3, .product-list-item .dis-content h4{font-size: 14px; font-weight: 400; }*/

.product-list-item a img{/*width: 325px;*/ height: 325px;} 
.product-list-item a{display: block;}
.product-list-item a .dis-content {background: #4d4d4d; transition: all .6s ease-in-out; color: #fff; padding:10px;display: block;}
.product-list-item:hover a .dis-content{background:#cf2334; width: 100%;  display: block;
    transition: all .6s ease-in-out;
}
.product-list-item .dis-content h3, .product-list-item .dis-content h4{line-height: 17px; display: table-cell; vertical-align: middle;
font-size: 13px; font-weight: 300; text-overflow: ellipsis;  overflow: hidden;
display: -webkit-box; -webkit-line-clamp: 1;     -webkit-box-orient: vertical;
}

.navigation ul{margin: 0 0 1rem;}
.navigation ul li{display:inline-block;}
.navigation ul li a{padding: 4px 14px; margin:0 0 5px; background: #666; color: #fff;   border: 1px solid #232323;
    display: inline-block; border-radius: 24px;  font-size: 14px;  font-weight: 400;
}
.navigation ul li a.active{background: #dd2c33; border: 1px solid #d9d9d9; color: #fff;}
.navigation ul li a:hover{background: #fff; border: 1px solid #d9d9d9; color: #232323;}


.segment-outer {position: relative; overflow: hidden;/* margin-left: 2%;*/}
.ev-awd-dis {background: #f3f3f3; overflow: hidden; position: relative;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3); float: left; width: 23%; 
margin: 0 25px 25px 0;}
.dis-tab{}
.dis-tab .nav-item {padding: 0;}
.dis-tab .nav-item a {color: #000;}
.dis-tab .nav-tabs .nav-link.active,.dis-tab .nav-tabs .nav-item.show .nav-link{color: #ed3237;   background-color: #fff;
    border-color: #ed3237 #ed3237 #fff;}
.dis-tab .tab-content {padding: 1.5rem 0;/* border-right: 1px solid #dee2e6; 
    border-left: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;*/ position: relative; float: left; width: 100%;}
.disproduct-la {background: url(../images/discover/dis-bg.jpg) no-repeat; width: 100%;}

.dis-tab .tab-content .categoryslider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.dis-tab .tab-content .categoryslider .slick-prev:before {
    color: #fff;
     opacity: 1;
    font-size: 17px;
}

.dis-tab .tab-content .categoryslider .slick-next {
   top: -109px; 
}
.dis-tab .tab-content .categoryslider .slick-prev {
   top: -109px;  right: 50px; left: inherit;
}

.dis-tab .tab-content .categoryslider .slick-slide {
    margin: 0 15px;
}

.dis-tab .tab-content .categoryslider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.dis-tab .tab-content .categoryslider .slick-next:before {
    color: #fff;
    opacity: 1;
    font-size: 17px;
}

.dis-tab .tab-content .categoryslider .slick-next {
    right: 10px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.dis-tab .tab-content .categoryslider .slick-prev {
    padding: 0 0 0 9px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}


.dis-tab .tab-content .applicationslider .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.dis-tab .tab-content .applicationslider .slick-prev:before {
    color: #fff;
     opacity: 1;
    font-size: 17px;
}

.dis-tab .tab-content .applicationslider .slick-next {
   top: -109px; 
}
.dis-tab .tab-content .applicationslider .slick-prev {
   top: -109px;  right: 50px; left: inherit;
}

.dis-tab .tab-content .applicationslider .slick-slide {
    margin: 0 15px;
}

.dis-tab .tab-content .applicationslider .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.dis-tab .tab-content .applicationslider .slick-next:before {
    color: #fff;
    opacity: 1;
    font-size: 17px;
}

.dis-tab .tab-content .applicationslider .slick-next {
    right: 10px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.dis-tab .tab-content .applicationslider .slick-prev {
    padding: 0 0 0 9px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}



.ev-awd-dis-outer {margin: 1rem 0 0; width: 100%;}
.ev-awd-dis-sub {background: #f3f3f3; overflow: hidden; position: relative;
box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 8px rgba(0, 0, 0, 0.3); float: left; width: 23%; 
margin: 0 25px 25px 0;}


.st-more-out {/*text-align: center; background: url(../images/discover/more-d.png) repeat-x;*/text-align: center; margin: 1rem 0;}
.st-more{text-align: center; position: relative; padding: 0 80px;}
.st-more:before {position: absolute; content: ''; height: 1px; width: 45%;  background: #cdcbcb; left: 0;    bottom: 55px;}
.st-more:after {position: absolute; content: ''; height: 1px; width: 45%; background: #cdcbcb;  right: 0; bottom: 55px;}

.st-more a{transition: all .6s ease-in-out;}
.st-more a i{font-size: 80px; color: #000;}
.st-more:hover a i{color: #ed3237;transition: all .6s ease-in-out;}
.exp-bg2 {background: url(../images/exp-bg2.jpg) top center no-repeat;     position: relative;    background-size: 100% 100%;}
.exp-bg2 .heading_company span{color: #fff;}
.exp-bg2 .exptext h4,.exp-bg2 .exptext p  {color: #fff;}

.stu-button {background: #666666; display: inline-block; border-radius: 7px; padding: 1.3rem .7rem;}
.stu-button span{
    color: #fff;
    border: 3px solid #fff;
    background-image: -webkit-linear-gradient(30deg,#767676 50%,transparent 50%);
    background-image: linear-gradient(30deg,#767676 50%,transparent 50%);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: 0;
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    margin: 1rem 0 0;
    border-radius: 7px; padding: 0.6rem 0.7rem;

}
.stu-button span:hover{ background-position: 100%;    color: #ed3237}
.stu-button span a{color: #fff;}
.stu-button span a b{color: #fff;}



/**/

/*DISCOVER*/
.dis-sec {overflow: hidden; width: 100%;}
.dis-sec ul{}
.dis-sec ul li{list-style: none;}

.icon-box{background: #d6d6d6;   border-radius: 10px;    max-width: 150px;    max-height: 152px;}
.icon-box img{}
.box-border{ border:  2px solid #ffffff;    border-radius: 10px;    float: left;    padding: 5px;    margin: 0.5rem;}
.box-border:hover{border-color : #000000;}
.box-border.active{border-color : #000000;}
.box-border .red-box {border-radius: 0 0 10px 10px;background: #ed3137;text-align: center;color: #fff;
    font-size: 13px;line-height: 14px; height: 35px; position: relative; vertical-align: -webkit-baseline-middle;
    justify-content: center;  display: flex; align-items: center;
}




/*DISCOVER*/

/* SEGMENT- CATEGORY*/
/*.segment_category .card .card-title{text-align: center;  color: #000;  font-size: 14px;}*/
.segment_category .card .card-title{color: #000;  font-size: 14px; margin-bottom: 0;}

/*.segment_category .card-body {background-color: #d6d6d6;width: 250px;height: 45px;padding: 1px;border-bottom: 5px solid #e6192b;}*/

.segment_category .card-body-s {background-color: #d6d6d6;width: 250px;height: 45px; border-bottom: 5px solid #e6192b;  position: relative; vertical-align: -webkit-baseline-middle;
    justify-content: center;  display: flex; align-items: center; text-align: center; padding: 3px;}

.segment_category .card-img, .card-img-top {}
.segment_category .card {border: none;border-radius: 0px;margin: 0 19px 25px; float: left; max-width: 250px; background: #f3f3f3; overflow: hidden; position: relative;
box-shadow:0px 1px 5px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 1px 5px rgba(0, 0, 0, 0.3);}

.segment_category .card:hover .card-body-s {background: #535353;}
.segment_category .card:hover .card-body-s a .card-title{color: #fff;}

.segment_category .card img{width: 100%; height: 200px;}
.headinginner-1 {margin-top: 34px; background: #d6d6d6;  width: 40%;}

 .segment_category h4{padding-bottom: 20px; margin: 0 0 0 17px;}
 .segment_category h4 a{font-size: 18px; color: #000;}
.segment_category h4 a span{color: #fff; background: #f03138; padding: 5px; border-radius: 3px;}

.segment_category .headinginner-1 h2 {font-size: 24px;color: #e53035; font-weight: 500; padding: 10px 0 10px 25px; margin: 10px auto ;    border-right: 6px solid #e6192b;
}
.segment_category .header-4{margin: 15px 20px 10px;}
.segment_category .row {border-bottom: 2px  solid #d6d6d6;padding-bottom: 30px; margin-bottom: 25px;}



/* SEGMENT- CATEGORY*/

/*.EXPLORE FEATURED PRODUCTS */
.explorefeatured-outer{
    position: relative; margin-top: 50px;
}

.explorefeatured-outer .explorefeatured {
    padding: 15px 0;
}

.explorefeatured-outer .explorefeatured .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.explorefeatured-outer .explorefeatured .slick-prev:before {
    color: #fff;
     opacity: 1;
    font-size: 17px;
}

.explorefeatured-outer .explorefeatured .slick-next {
   top: -21px; 
}
.explorefeatured-outer .explorefeatured .slick-prev {
   top: -21px;  left: 50px; left: inherit;
}

.explorefeatured-outer .explorefeatured .slick-slide {
    margin: 0 15px;
}

.explorefeatured-outer .explorefeatured .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.explorefeatured-outer .explorefeatured .slick-next:before {
    color: #fff;
    opacity: 1;
    font-size: 17px;
}

.explorefeatured-outer .explorefeatured .slick-next {
    left: 50px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.explorefeatured-outer .explorefeatured .slick-prev {
    padding: 0 0 0 9px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}

/*.New Product Range */
.newproductrange-outer{
    position: relative; margin-top: 50px;
}
.newproductrange-outer .newproductrange {
    padding: 20px 0;
}
.newproductrange-outer .newproductrange .slick-prev:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f053"
}

.newproductrange-outer .newproductrange .slick-prev:before {
    color: #fff;
     opacity: 1;
    font-size: 17px;
}

.newproductrange-outer .newproductrange .slick-next {
   top: -21px; 
}
.newproductrange-outer .newproductrange .slick-prev {
   top: -21px;  right: 50px; left: inherit;
}

.newproductrange-outer .newproductrange .slick-slide {
    margin: 0 15px;
}

.newproductrange-outer .newproductrange .slick-next:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054"
}

.newproductrange-outer .newproductrange .slick-next:before {
    color: #fff;
    opacity: 1;
    font-size: 17px;
}

.newproductrange-outer .newproductrange .slick-next {
    right: 10px;
    padding: 0;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;    
    border-radius: 5px;
    line-height: 0;

}

.newproductrange-outer .newproductrange .slick-prev {
    padding: 0 0 0 9px;
    background: #000;
    width: 30px;
    height: 35px;
    display: inline-block;
    font-size: 17px;
    border-radius: 5px;
    line-height: 0;    
}
.cardmobile {display: none;}



/*Catalog*/
.cat-img {/*margin: 0 20px 25px; background: url("../../images/catalog/wall-bookshelf1.png") bottom no-repeat; background-size: 100%; 
padding: 0 0 45px;*/}
.cat-img ul{/*margin-left: 83px;*/}
.cat-img ul li{/*display: inline-block;*/ margin: 0 23px 20px; box-shadow: 0 0.15rem 0.6rem rgba(122,122,122,.9); float: left; 
    list-style: none; width: 21%;}
#result {width: 100%; overflow: hidden;}
.cat-img ul li .card-body-s {background-color: #d6d6d6; width: 100%;  height: 45px;    border-bottom: 5px solid #e6192b;
    position: relative;    vertical-align: -webkit-baseline-middle;    justify-content: center;    display: flex;    align-items: center;
    text-align: center;    padding: 3px;
}
.cat-img ul li .card-body-s h5{color: #000; font-size: 14px; margin-bottom: 0; text-overflow: ellipsis;
    overflow: hidden;    display: -webkit-box;    /*line-height: 1.5em;    max-height: 3em;*/    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.cat-img ul li:hover .card-body-s{background: #535353;}
.cat-img ul li:hover .card-body-s h5{color: #fff;}
.cat-img ul li img{width: 100%;}



.cat-outer {/*margin: 30px 2%;*/ margin: 0 1%; overflow: hidden;}
.cat-left-list {width: 19%; float: left; margin: 0 1% 0 0; /*margin: 1.6rem 1% 0 0;*/  }
.cat-left-list h5{padding: 0 0 20px;}
.catalog-menu{}
.catalog-menu .card-header{background: #3c3c3c; padding: 0; text-align: left;}
/*.catalog-menu .card .card-header .btn-header-link:after {
  content: "\2b"; font-family: 'Font Awesome 5 Free';  font-weight: 900;  float: right;
}
.catalog-menu .card .card-header .btn-header-link.collapsed:after {
  content: "\f106";
}*/
.catalog-menu .accordion-button {padding: 0.8rem; width: 100%; color: #fff; display: block;}

.catalog-menu .accordion-button::after {
    
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background: url("../../images/catalog/down-arrow.png") right;
    /*background: url("../images/dropdwn_arrow.png");*/    
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.catalog-menu .accordion-button:not(.collapsed)::after {
    background-image: url("../../images/catalog/down-arrow.png");
    transform: rotate(-180deg);
}

.catalog-menu .accordion-button::after {
    float: right;
}
.catalog-menu .card-body ul{ margin:0;}
.catalog-menu .card-body ul li{list-style: none; margin: 0 0 0.9rem; 
background: url("../../images/catalog/leftarrow.png") no-repeat 0 -2px; padding: 0 0 0 20px; }
.catalog-menu .form-check-input {right: 7px; cursor: pointer;}
.catalog-menu .card-body ul li label {cursor: pointer;}
.catalog-menu .card-body ul li label input[type="radio"]{appearance: none; -webkit-appearance: none; width: 18px;  height: 18px;  border-radius: 50%;
    outline: none;    border: 3px solid #fff; box-shadow: 0 0 0 1px #000; background-color: #fff;}

.catalog-menu .card-body ul li label input[type="radio"]:checked {border-color: #fff; background: #000; border-radius: 50%;}


.all-cat {padding: 1rem 0 0 1rem;}
.all-cat a{font-weight: 700;}
.all-cat a:hover{color: #3c3c3c;}
.cat-content {width: 80%; float: left; margin: 0;} 
.acc-over {width: 100%;  /*height:calc(100vh - 11rem);  overflow-y: scroll;  scrollbar-width: thin;*/ margin: 1.2rem 0 0;}



/*Catalog*/

/*Search*/

.search_vm {position: absolute;  left: 10px;    top: 10px;}
.logolft_new {margin: 0 0 0 20px;}

/*Search*/

.stproductslider .slick-dots li button {display: none;}

/*  Accessories   */

.accessories-out-sec{position: relative;}
.accessories-out-sec .accessories-tab .nav-item {float: left; padding: 0; margin: 0 30px 0 0; max-width: 300px; width: 300px;}
.accessories-out-sec .accessories-tab .nav-item a{display: block;min-height: 360px; max-height: 535px; min-height: 300px;}
.accessories-out-sec .accessories-tab .nav-item:last-child{margin: 0;}
.accessories-out-sec .accessories-tab .nav-item .acc-thumb {max-width: 324px; height: 525px; padding:12px 12px 20px;}
.accessories-out-sec .accessories-tab .nav-item .nav-link img{width: 100%;}


.accessories-out-sec .nav {flex-wrap: nowrap;}
.accessories-tab .ace-img {border:2px solid #d60000; border-radius: 16px; overflow: hidden; margin:  0 0 1.4rem;max-width: 300px;    max-height: 300px;}
.accessories-tab .nav-item p {color: #000; margin: 0 0 1.5rem; }
.accessories-tab .nav-item p.sort-decp {text-overflow: ellipsis;    overflow: hidden;    display: -webkit-box;    line-height: 1.7rem;    max-height: 7rem;    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.accessories-tab .nav-item p span { background:#d60000; color: #fff; border-radius: 20px; padding: 0.7rem 2rem;
    color: #fff;    line-height: 1.5rem;    height: 96px;    position: relative;    vertical-align: -webkit-baseline-middle;
    justify-content: center;    display: flex;    align-items: center;}


.accessories-tab .nav-item h6 {color: #000;font-size:14px; font-weight: 400; line-height: 22px;}

.accessories-tab .nav-link:hover, .accessories-tab .nav-link:focus {background: #d6d6d6;}

.accessories-tab .nav-link:hover .ace-img  {border:2px solid #000;}
.accessories-tab .nav-link:hover p span{background:#262626; color: #fff; padding: 0.7rem 2rem;border-radius: 20px;}
.accessories-tab .nav-link:focus p span{background:#262626; color: #fff; padding: 0.7rem 2rem;border-radius: 20px;}
.accessories-out-sec .nav-tabs {border-bottom: 1px solid transparent; margin: 0 0 30px;} 


.accessories-cont > .active {border: 1px solid #fafafa;}
.accessories-cont .rounded1  {border-radius: 15px;}

.ace-con-detail {position: relative;}
.ace-con-detail h3 {color: #d60000; font-size: 1.714rem; margin-bottom: 0.75rem;}
.ace-con-detail h4 {color: #000; font-size: 1.714rem; margin-bottom: 0.75rem;}
.ace-con-detail p {color: #000; font-size: 1rem; margin-bottom: 0.75rem;}
.ace-con-detail ul{margin: 0 0 1.2rem 1.5rem;}
.ace-con-detail ul li{font-size: 1rem;}
.ace-con-detail .ace-img {border:2px solid #d60000; border-radius: 16px; overflow: hidden; margin:  0 0 1.4rem;}
.ace-con-detail .ace-img img{width: 100%;}
.accessories-cont .ass-top-main{display: flex;    float: right;    margin: 10px;}
.accessories-cont .ass-top-main .ass-le-sec{position: relative; overflow: hidden; border: 1px solid #1b1b1b;    border-radius: 7px;}
.accessories-cont .ass-top-main .ass-le-sec ul{display: flex;}
.accessories-cont .ass-top-main .ass-le-sec ul li{ list-style: none;}
.accessories-cont .ass-top-main .ass-le-sec ul li:nth-child(1){background: #1E1E1E; color: #fff; padding: 13px 10px;}
.accessories-cont .ass-top-main .ass-le-sec ul li a:nth-child(1) {background: #1E1E1E; color: #fff; padding: 13px 10px; cursor: pointer;}
.accessories-cont .ass-top-main .ass-le-sec ul li:nth-child(2) {padding: 6px 10px;  border-right: 1px solid #1E1E1E;}
.accessories-cont .ass-top-main .ass-le-sec ul li:nth-child(3) {padding: 6px 10px;  border-right: 1px solid #1E1E1E;}
.accessories-cont .ass-top-main .ass-le-sec ul li:nth-child(4){background: #EBEBEB; padding: 13px 10px;}

.accessories-cont .ass-top-main .ass-le-sec ul li.date-spec{padding: 13px 10px; display: none;}

.accessories-cont .ass-top-main .ass-close{border-radius: 7px; border: 1px solid #1E1E1E; background: #ebebeb; margin-left: 10px; padding: 10px;}

.ace-con1-detail {position: relative; margin: 0;}
.ace-con1-detail h6{font-size: 1.25rem; margin-bottom: 0.5rem;}
.ace-con1-detail ul{position: relative; display: flex; list-style: none; margin: 0;}
.ace-con1-detail ul li {border: 1px solid #000; overflow: hidden; padding: 0.1rem; margin: 0 0.8rem 0 0;}


/*  Accessories   */

.inrparatextproduct1 p {
    color: #6e6d6c;
    letter-spacing: .2px;
    word-wrap: normal;
    padding: 0 0 1.7rem;
    font: 300 1.125rem/1.73rem Roboto,sans-serif; margin-bottom: 0;
}

.inrparatextproduct1 p strong {
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #4E4E4E;
}

.inrparatextproduct1 p a {
    color: #e5192a
}

.inrparatextproduct1 ul {
    margin: 0 0 0;
    padding: 0 0 0 2rem
}

.inrparatextproduct1 ul li {
    list-style: disc;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    padding: 0 0 .5rem
}

.inrparatextproduct1 ol {
    margin: 0 0 0 20px;
    padding: 0 0 1.7rem;
    
}

.inrparatextproduct1 ol li {
    padding: 0 0 0 1rem;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    
}
.inrparatextproduct1 ol li strong{
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #4E4E4E; 
}



.inrparatextproduct1 h2 {
    color: #000;
    font-size: 20px;
    Font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    word-wrap: normal;
    word-spacing: 0px;
    margin-bottom: 10px
}


.acs-content {position: relative;}

.acs-content p {
    color: #6e6d6c;
    letter-spacing: .2px;
    word-wrap: normal;
    padding: 0 0 1.7rem;
    font: 300 1.125rem/1.73rem Roboto,sans-serif; margin-bottom: 0;
}

.acs-content p strong {
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #4E4E4E;
}

.acs-content p a {
    color: #e5192a
}

.acs-content ul {
    margin: 0 0 0;
    padding: 0 0 0 2rem
}

.acs-content ul li {
    list-style: disc;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    padding: 0 0 .5rem
}

.acs-content ol {
    margin: 0 0 0 20px;
    padding: 0 0 1.7rem;
    
}

.acs-content ol li {
    padding: 0 0 0 1rem;
    line-height: 1.6rem;
    font: 300 1.125rem/1.7rem Roboto,sans-serif;
    
}
.acs-content ol li strong{
    font: 500 1.125rem/1.7rem Roboto,sans-serif;
    color: #4E4E4E; 
}

.sisgeo-model .modal-lg{max-width: 500px;}

.sisgeo-model .close-new {    font-size: 35px;    cursor: pointer; color: #000; position: absolute; right: 15px}



@media only screen and (max-width: 1920px) {
    body {
        margin:0;
        padding: 0;
        width: 100%;
        font-family: Roboto,sans-serif;
        position: relative;
        overflow-x: hidden;
        font-size: 18px
    }

    .media-body h5 {
        font-size: 18px;
        font-weight: 500
    }

    ul.counter_one p a {
        font-size: 14px;
        line-height: 25px
    }

    ul.counter_one p::first-letter {
        font-size: 20px
    }

    .carousel-caption h5 span {
        font: 400 1.7rem/1.7rem Rubik,sans-serif
    }

    .carousel-caption p span {
        font-size: 20px
    }

    .producttext {
        font-size: 18px
    }

    .featuredtext a span {
        font-size: 18px
    }

    .featuredtext p {
        font-size: 18px
    }

    .featuredtext span {
        font-size: 18px
    }

    .team-area-v1 .team-item .team-content h4 {
        font-size: 18px
    }

    .team-area-v1 .team-item .team-content p {
        font-size: 16px
    }

    .readmrenews {
        font-size: 18px
    }

    ul.submenuftr li a {
        font-size: 16px
    }

    ul.submenuftr li {
        margin: 0 0 1rem
    }

    .warrantytxet {
        font-size: 18px;
        line-height: 30px
    }

    .newsdate {
        font-size: 18px;
        font-weight: 500
    }

    .frmtxtfld {
        line-height: 28px;
        padding: inherit
    }

    .frmtxtfld-cap {
        width: 85%
    }

    .submit_btn_nw {
        font-size: 20px
    }

    .ftrhdng {
        font-size: 18px
    }

    .cate-copy-wrapper>.subhead {
        font-size: 18px
    }

    .cate-copy-wrapper>.cta-links a,.cta-links {
        font-size: 18px
    }

    .subhead {
        font-size: 18px
    }

    .subcatpara {
        font-size: 18px
    }

    .subreadmore,.subreadmorewhite {
        font-size: 18px
    }

    .quoteadd {
        font-size: 18px;
        padding: 3px 30px
    }

    .feature_content p {
        font-size: 18px;
        line-height: 32px
    }

    .aboutitem p {
        font-size: 18px;
        line-height: 36px
    }

    .posted-on a time,.posted-on span {
        font-size: 18px
    }

    .bloglisthdng {
        font-size: 22px
    }

    .exphdng,.exphdng b {
        font-size: inherit;
        line-height: 2.5rem
    }

    .exphdng h5 strong {
        font-size: 30px;
        font-weight: 400
    }

    .exphdng h4 strong {
        font-size: 26px;
        font-weight: 400
    }

    .tag-cloud a {
        font-size: 14px
    }

    .team-area-v1 .team-item .team-content a {
        font-size: 18px
    }

    .exphdng a,.exphdng p {
        font-size: 16px;
        line-height: 1.5rem;
        text-align: justify
    }

    .exphdng h2 {
        font-size: 18px;
        font-weight: 700
    }

    .exphdng h4 {
        font-size: 18px;
        font-weight: 700;
        padding: 0 0 .7rem
    }

    .tags-links span strong {
        font-size: 18px
    }

    .entry-footer {
        margin: 0 48px
    }

    .nav-previous a span,.relatedpostexhdng {
        font-size: 20px
    }

    .relatedpostex a {
        font-size: 18px
    }

    .post-navigation {
        margin: 1rem 48px 0
    }

    .tags-links a {
        font-size: 14px;
        background: #000;
        color: #fff;
        padding: 3px 7px;
        margin: 2px 4px;
        display: inline-block
    }

    .screen-reader-text {
        font-size: 18px;
        border-bottom: 1px solid #000;
        margin: 0 0 .5rem;
        padding: 0 0 5px
    }
}


@media only screen and (max-width: 1600px) {

.catalog-menu .accordion-button {font-size: 14px;}
.catalog-menu .card-body {padding: 1rem;}
.catalog-menu .card-body ul li label {font-size: 15px;}
.cat-img ul li {margin: 0 15px 20px; width: 21%;}
.cat-left-list {width: 25%;}
.cat-content {width: 74%;}
.cat-img ul li .card-body-s h5 {font-size: 12px;}

}



@media only screen and (max-width: 1440px) {
.catalog-menu .card-body ul li {margin: 0 0 0.9rem; background: url(../../images/catalog/leftarrow.png) no-repeat 0 0px;   padding: 0 0 0 16px;}
.catalog-menu .accordion-button {font-size: 14px;}
.catalog-menu .card-body {padding: 1rem 0.5rem;}
.catalog-menu .card-body ul li label {font-size: 13px;}
.cat-img ul li {margin: 0 15px 20px; width: 21%;}
.cat-left-list {width: 25%;}
.cat-content {width: 74%;}
.cat-img ul li .card-body-s h5 {font-size: 12px;}

.cat-img {}
.cat-img ul li img{width: 100%;}

.segment_category .card {margin: 0 13px 25px;}
.categoryslider .slick-slide { margin: 0 8px 25px; /*width: 255px!important;*/}
.applicationslider .slick-slide { margin: 0 8px 25px; /*width: 255px!important;*/}
.card-content .crow2 .ccol1 {width: 70%; font-size: 12px;}
.card-content .crow2 .ccol2 {width: 30%;}
.event-img-slide .event-img img{max-width: 100%; height: 300px;}
.awd-head-row1 {width: 65%;}
.awd-head-row2 {width: 15%;}
 .awd-head-row1 h2 { font: 500 1.2rem/1.5rem Rubik,sans-serif;} 
 .road-location ul li{height: 55px;}
    .road-location ul li label img {width: 25%;}
    .road-location ul li label p {font-size: 1rem;}
    .road-location ul li label p span{font-size: 0.9rem;}
.featuredbx-new .featurdbximg img {height: 300px;}

}
.eventawslider-outer .eventawslider .slick-slide { margin: 0 15px; }
.awd-head-row2 h3 {
    font: 400 1.2rem/1.5rem Rubik,sans-serif;
    color: #dd2c33;
}
    .video-wrapper video {
        object-fit:fill;
        height: 700px;
        width: 100%
    }

    .column {
        width: 30.8%
    }

    .wrappermain-exp {
        width: 94%;
        margin: 10px auto
    }

    .wrappermain {
        width: 94%
    }

    .exphdng a,.exphdng p {
        font-size: 16px;
        text-align: justify
    }

    .nav-previous a span,.relatedpostexhdng {
        font-size: 16px
    }

    .tags-links span strong {
        font-size: 14px
    }

    .screen-reader-text {
        display: block;
        border-bottom: 1px solid #000;
        margin: 0 0 .5rem;
        font-size: 16px
    }

    .exphdng h4 strong {
        font-size: 18px;
        font-weight: 400
    }

    .exphdng h5 strong {
        font-size: 20px;
        font-weight: 400
    }

    .post-navigation {
        margin: 0 18px
    }

    .relatedpostex a {
        font-size: 16px
    }

    .relatedpostexhdng {
        font-size: 14px
    }

    .entry-footer {
        margin: 0 18px
    }

    .exphdng a,.exphdng p {
        font-size: 14px;
        text-align: justify
    }

    .tags-links a {
        font-size: 14px;
        background: #000;
        color: #fff;
        padding: 3px 7px;
        margin: 2px 7px;
        display: inline-block
    }

    .exphdng h2 {
        font-size: 14px;
        font-weight: 700
    }

    .exphdng h4 {
        font-size: 14px;
        font-weight: 700
    }

    .blogdate {
        font-size: 14px;
        color: red;
        font-weight: 400;
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
        margin-bottom: 13px
    }

    .bloghdng {
        font-size: 18px;
        color: #000;
        font-weight: 500;
        border-bottom: 1px solid #ccc;
        padding-bottom: 4px;
        margin-bottom: 13px
    }

    .bloglisthdng {
        font-size: 20px!important;
        font-weight: 400;
        color: #333;
        padding-bottom: 10px;
        line-height: 30px
    }

    .media-body,.readmrearticle1 a {
        font-size: 16px
    }

    .media-body h5 {
        font-size: 16px;
        font-weight: 500
    }

    .cate-copy-wrapper>.cta-links a {
        font-size: 18px
    }

    .warantybx a {
        font-size: 16px
    }

    ul.counter_one p a {
        font-size: 16px;
        line-height: 25px
    }

    .stellarnav .menu-toggle i,ul.toplink li a {
        font-size: 16px
    }

    p strong {
        font: 600 1.2rem/1.7rem Roboto,sans-serif
    }

    .tag-cloud a {
        font-size: 13px
    }

    .media-body p {
        font-size: 14px
    }

    .exphdng {
        font-size: 1.12rem;
        line-height: 1.8rem
    }

    .bloglisthdng {
        font-size: 20px
    }

    .posted-on a time,.posted-on span {
        font-size: 12px
    }

    .cardblog .card .content p a,.subcatpara a p,.subcatpara p,.subcatpara.whitetext p,.subreadmore a,.subreadmorewhite a {
        font-size: 14px
    }

    .cardblog .card .content .btn {
        font-size: 12px
    }

    ul.breadcrumb li,ul.breadcrumb li a {
        font: 300 1.2rem/1.5rem Roboto,sans-serif
    }

    .aboutitem p {
        font-size: 15px;
        line-height: 28px
    }

    .feature_content p {
        font-size: 15px
    }

    .inrparatext h2 {
        font-size: 20px
    }

    .navbarnew a {
        font: 300 1.125rem/1.7rem Roboto,sans-serif
    }

    td,th {
        padding: 10px 10px;
        border: 1px solid #ccc;
        font-size: 14px;
        font-weight: 400
    }

    .feature_card ul li {
        font: 300 1.125rem/1.7rem Roboto,sans-serif
    }

    .quoteadd,.subreadmore,.subreadmorewhite {
        font-size: 14px;
        text-align: left
    }

    .subcatpara {
        font-size: 16px
    }

    .subhead {
        font-size: 16px
    }

    .cta-links {
        font-size: 15px
    }

    .cate-copy-wrapper>.subhead {
        font-size: 20px
    }

    .inrparatext p,.inrparatext p span,.inrparatext p strong a,.inrparatext p strong span {
        font: 300 1.125rem/1.7rem Roboto,sans-serif
    }

    .inrparatext p strong {
        font: 500 1.125rem/1.7rem Roboto,sans-serif
    }

    ul.submenuftr li.phone {
        font-size: 14px
    }

    ul.submenuftr li {
        margin: 0 0 1rem
    }

    .ftrhdng {
        font-size: 20px
    }

    .ftrbtm .copy {
        font-size: 14px
    }

    .submit_btn_nw {
        font-size: 14px
    }

    .frmtxtfld-cap {
        width: 75%
    }

    .frmtxtfld {
        font-size: 14px;
        line-height: 22px
    }

    .newstext {
        font-size: 14px;
        line-height: 20px
    }

    .newsdate {
        color: #000;
        font-size: 18px;
        font-weight: 500
    }

    .frmtxtfld {
        font-size: 14px;
        line-height: 22px
    }

    .carousel-caption h5 span {
        font: 400 1.4rem/1.4rem Rubik,sans-serif;
    }
    .carousel-caption h5 span a{font: 400 1rem/1rem Rubik,sans-serif}
    
    .carousel-caption p span {
        font-size: 14px;
        line-height: 20px
    }

    ul.counter_one p {
        font-size: 13px;
        line-height: 20px
    }

    .text_container p {
        font: 300 1.2rem/1.8rem Rubik,sans-serif
    }

    .producttext {
        font-size: 14px
    }

    .featuredtext p {
        font-size: 16px
    }

    .featuredtext span {
        font-size: 20px
    }

    .team-area-v1 .team-item .team-content h4 {
        font-size: 20px
    }

    .team-area-v1 .team-item .team-content p {
        font-size: 14px
    }

    .readmrenews,ul.submenuftr li a {
        font-size: 14px
    }

    .warrantytxet {
        font: 300 1.2rem/1.8rem Roboto,sans-serif
    }

    ul.toplink li {
        font-size: 16px
    }

    .stellarnav .menu-toggle {
        font-size: 16px
    }

    .halfcolor {
        /*height: auto*/
    }

    .container {
        width: 92%;
        margin: 0 auto
    }


@media only screen and (max-width: 1366px) {
.subcatimage {width:80%;}
.subcatcopy {padding: 50px 0 43px 0}
.subcatcopy h2 {font-size: 34px;}
.halfcolor {height: 60vh;}
.ev-awd-dis {margin: 0 20px 25px 0;}
.ev-awd-dis-sub {margin: 0 20px 25px 0;}
.product-list-item a img {width: 100%; height: 275px;}

.product-list-item .dis-content h3, .product-list-item .dis-content h4{line-height: 17px; display: table-cell; vertical-align: middle;
font-size: 13px; font-weight: 300; text-overflow: ellipsis;  overflow: hidden;
display: -webkit-box; -webkit-line-clamp: 2;     -webkit-box-orient: vertical; height: 50px; padding: 7px;}
.product-list-item a .dis-content {width: 100%;  border: 1px solid transparent; padding: 0;}
.navigation ul li a {padding: 3px 10px; font-size: 13px;}
.eventawslider-outer .eventawslider .slick-prev {top: 36%}
.eventawslider-outer .eventawslider .slick-next {top: 36%}
.twolinetext_pro_desc_on  {text-overflow: ellipsis;    overflow: hidden;    display: -webkit-box;
    line-height: 1.5em;    max-height: 27.3em;    -webkit-line-clamp: 16;    -webkit-box-orient: vertical;}

}

@media only screen and (max-width: 1280px) {
    ul.toplink li {
        padding-right:0
    }

    .cardblog .card {
        width: 422px
    }

    .aside-title::after {
        width: 150px
    }
}

@media only screen and (max-width: 1200px) {
    .wraperinner {
        width:80%;
        margin: 0 auto
    }

    .cate-copy-wrapper>.headline {
        font-size: 35px
    }

    .cate-copy-wrapper>.cta-links {
        font-size: 15px
    }

    .cate-copy-wrapper>.subhead {
        font-size: 20px
    }
}
@media only screen and (max-width: 1180px) {
.cat-img ul li {width: 20%;}

}



@media only screen and (max-width: 1024px) {
.box-border {margin: 0;} .box-border1 {margin: 0;} 
.categoryslider .slick-slide { margin: 0 8px 25px; /*width: 352px!important;*/}
.applicationslider .slick-slide { margin: 0 8px 25px; /*width: 352px!important;*/}
.road-location ul li label p {padding: 0;}
.road-location ul li {margin: 0 0.2rem; width: 32%;}
.road-location ul li label img {width: 20%;}
.slick-lightbox-slick-item-inner {position: relative;background: transparent;border-radius: 10px;padding: 2rem .5rem;}
.disproduct-la {text-align: right; padding: 80px 0 70px;}
.dis-product {text-align: left;}
.dis-product ul li {width: 31%;}
.ev-awd-dis-sub {width: 30%; }
.ev-awd-dis {width: 30%;}
.st-more:before{width: 43%;}
.st-more:after{width: 43%;}
.cat-left-list {width: 35%;}
.cat-content {width: 64%;}
.catalog-menu .accordion-button {font-size: 12px;}
.catalog-menu .card-body ul li label {font-size: 12px;}
.cat-img ul li {margin: 0 11px 20px;}
.cat-img ul li .card-body-s{height: 75px;}
.accessories-tab .nav-item p span, .accessories-tab .nav-link:focus p span { line-height: 1.7rem; padding: 0.3rem 2rem;    max-height: 3.5rem;}
.stacsproductslider .slider-accs img {width: 99%;}
.stacsproductslider .slider-accs img {height: 335px}



}

@media (max-width: 900px) {
    .comprebutton {
        position:absolute;
        top: -61px;
        right: -126px
    }

    .comprebutton .button {
        width: auto;
        padding: 2px 10px
    }

    #compare-box {
        position: relative
    }

    .newmobile {
        display: block
    }

    .newmobile-des {
        display: none
    }

    .ftrbxfrst,.ftrbxfrst2 {
        width: 100%
    }

    .phone span {
        padding-right: 3px
    }

    .modeldropdown {
        margin-left: 9%
    }

    .galerycol {
        width: 100%
    }

    .contentcol {
        width: 100%;
        margin-top: 20px
    }

    .wraperinner {
        width: 80%;
        margin: 0 auto
    }

    .colum1 {
        width: 100%
    }

    .colum2 {
        width: 100%;
        margin-top: 100px
    }

    .varietycol2 {
        width: 100%
    }

    .varietycol {
        width: 100%
    }

    .varietycol2 .controls-top {
        position: absolute;
        top: 300px;
        left: 50%
    }

    .varietycol2 .fa-chevron-left::before {
        padding: 9px;
        border-radius: 7px
    }

    .varietycol2 .fa-chevron-right::before {
        padding: 9px;
        border-radius: 7px
    }

    .expleft {
        width: 100%;
        margin-bottom: 18%
    }

    .exprgt {
        width: 100%
    }

    .team-area-v1 .col {
        width: 100%
    }

    .newsbx {
        width: 100%;
        position: inherit
    }

    .newsbx2 {
        width: 100%
    }

    .featuredbx {
        margin-top: 10px
    }

    .frmbx {
        width: 100%
    }
}

@media (max-width: 768px) {
    .colum1 {margin: 0;}
    .cat-img ul li {margin: 0 9px 20px; width: 20%;}
    .news-list-new .list-img {width: 12%;}
    .news-list-new .news-date{width: 80%;}
    .news-accord .accordion-thumb::after {right: 20px;  top: 25px;}
    .news-list-new .news-date a{font-size: 14px;}
    .news-list-new .news-date a h5 {font-size: 14px;}
    .trade-thumbs li {width: 100%;}
    .button {
        width:110px;
        padding-top: 4px;
        padding-bottom: 4px;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        cursor: pointer;
        display: inline-block;
        font-size: 12px
    }

    .cardblog .card {
        width: 100%
    }

    .wrappermain-exp {
        width: 94%
    }

    .stproductslider .slider-product img {
        width: 100%;
        /* height: auto */
    }

    .producthdng {
        font-size: 20px;
        font-weight: 500
    }

    .office-wrp .office-row1 {
        width: 100%
    }

    .office-wrp .office-row1 .overlapred {
        width: 98%;
        opacity: .7
    }

    .office-wrp .office-row2 {
        width: 100%
    }

    .office-wrp .office-row3 {
        width: 100%
    }

    .office-wrp {
        display: block
    }

    .office-f-wrp {
        display: block
    }

    .office-f-wrp .office-row1 {
        width: 100%
    }

    .office-f-wrp .office-row3 .overlapred {
        width: 98%;
        opacity: .7;
        top: 36%
    }

    .office-f-wrp .office-row2 {
        width: 100%
    }

    .office-f-wrp .office-row3 {
        width: 100%
    }

    .welcome_one_cms {
        padding: 10px 0 0
    }

    .heading-cms-company {
        margin: 0;
        padding: 0 0 .6rem
    }

    .heading-cms-company span {
        font: 400 1.5rem/2rem Rubik,sans-serif
    }

    .sabout {
        width: 92%;
        margin: 0 auto
    }

    .about-s-cont li {
        margin: 0 0 0 1rem
    }

    .car-content2 {
        width: 98%
    }

    .grow-chart {
        margin: 0 0 1rem
    }

    .heading-icar-company {
        margin: 0;
        padding: 0 0 .6rem;
        font: 400 1.5rem/2rem Rubik,sans-serif;
    }

    .heading-icar-company span {
        font: 400 1.5rem/2rem Rubik,sans-serif
    }

    .video-wrapper video {
        object-fit: cover;
        height: 232px
    }

    .abo-content {
        margin: 0
    }

    .inrparatext {
        margin-top: 40px
    }

    ul.breadcrumb {
        padding: 10px 0 10px 11px
    }

    .col2-box {
        display: block
    }

    .col2-box .right_info {
        width: 100%
    }

    .col2-box .left_info {
        width: 100%
    }

    .vvm {
        padding: 38px 0
    }

    .frmtdcareer {
        width: 100%;
        padding-bottom: 16px
    }

    .frmtdcareer.rht {
        width: 100%
    }

    .jobbbx1 {
        width: 100%
    }

    .jobboxarea {
        display: block
    }

    .textjobbx {
        width: 100%;
        padding: 20px
    }

    .imgbxjob {
        width: 100%
    }

    .textjobbx h2 {
        padding: 20px 0 20px 0
    }

    .modeldropdown {
        margin-left: 10%
    }

    .tableFixHead {
        height: auto;
        width: 100%;
        border: 1px solid #ccc;
        margin-bottom: 20px
    }

    .tableFixHead thead th {
        position: sticky;
        top: 0
    }

    table {
        border-collapse: collapse
    }

    td,th {
        padding: 10px;
        border: 1px solid #ccc;
        font-size: 14px;
        font-weight: 400
    }

    thead th {
        background: #fff;
        z-index: 99;
        box-shadow: rgba(60,64,67,.3) 0 1px 2px 0,rgba(60,64,67,.15) 0 1px 3px 1px
    }

    .frmtr {
        width: 100%
    }

    .frmtr .select-style {
        float: left;
        width: 100%
    }

    .frmtr .select-style select {
        font-size: 12px
    }

    .image {
        padding-top: 25px
    }

    .ftrbxfrst {
        width: 100%;
        border-bottom: 1px solid rgba(246,245,245,.2)
    }

    .ftrbxfrst2 {
        width: 100%;
        border-bottom: 1px solid rgba(246,245,245,.2)
    }

    .ftrbxfrst2.lastbdr {
        width: 100%;
        border-bottom: none;
        margin-bottom: 10px
    }

    .header-navigation::before {
        position: absolute;
        content: "";
        background: #fff;
        height: 100%;
        width: calc(159% - 55%);
        left: -100px;
        top: 0;
        -webkit-transform: skew(-50deg,0deg);
        transform: skew(0deg,0deg);
        border-right: 7px solid #535353
    }

    .container {
        max-width: 90%
    }

    .headinginner {
        width: 94%
    }

    .headinginner h1 {
        padding: 10px 0 10px 14px
    }

    .search-btn {
        padding-right: 7px
    }

    .cate-copy-wrapper>.headline {
        font-size: 30px
    }

    .cate-copy-wrapper>.subhead {
        font-size: 18px
    }

    .cate-copy-wrapper>.cta-links {
        font-size: 16px
    }

    .cate-copy-smallbx>.headline {
        font-size: 20px
    }

    .cate-copy-smallbx>.subhead {
        font-size: 14px
    }

    .cate-copy-smallbx>.cta-links {
        font-size: 12px
    }

    .halfcolor {
        display: block;
        height: auto
    }

    .subcatcopy {
        width: 90%;
        padding: 30px 0 30px 0
    }

    .subcatcopy h2 {
        font-size: 50px
    }

    .subcatcopy p {
        font-size: 18px
    }

    .subcatbox {
        width: 100%
    }

    .subcatimage {
        position: inherit;
        left: 0
    }

    .subcathead {
        font-size: 20px;
        text-align: center
    }

    .catimage {
        width: 60%
    }

    .subcatpara {
        font-size: 14px;
        width: 100%
    }

    .rightboxcat {
        width: 44%
    }

    ul.breadcrumb li:last-child {
        font-size: 11px
    }

    .flex {
        display: block
    }

    .feature_card {
        background: #fff;
        padding-bottom: 10px;
        margin: 0 10px
    }

    .feature_img {
        width: 100%;
        height: auto
    }

    .feature_img>img {
        position: unset;
        height: auto
    }

    .feature_content {
        display: block;
        width: 100%;
        /* box-shadow: 0 0 5px 5px rgba(0,0,0,.5) */
    }

    .feature_content h3 {
        font-size: 20px;
        line-height: normal
    }

    .feature_content p {
        padding: 15px 0 0;
        font-size: 14px
    }

    .awrads_block .left_thumb {
        text-align: center;
        width: 100%
    }

    .awrads_block .right_info {
        width: 100%
    }

    .blogbnr {
        display: block
    }

    .bxbanr1 {
        width: 100%
    }

    .bxbanr2 {
        width: 100%
    }

    .img-hover-zoom {
        width: 100%
    }

    .expermain {
        display: block
    }

    .experbxlft {
        width: 100%;
        margin-right: 0
    }

    .card {
        width: 100%
    }

    .experbxrht {
        width: 100%
    }

    .aside-title::after {
        display: block;
        border-bottom: 1px solid #ccc;
        width: 100%;
        position: inherit;
        background: 0 0
    }

    .relatedbx .card {
        width: 100%;
        display: inline-block
    }
.road-location ul {display: block;}

.road-location ul li{display: block; width: 100%; margin: 0 0 0.5rem; overflow: hidden;}
.road-location ul li label img {}
.dis-product ul li {    width: 47%;}
 .product-list-item a img {width: 100%; height: 210px;} 
 .stu-button {margin-top: 3rem;} 

 .stacsproductslider .slider-accs img {height: 235px}



}

@media only screen and (max-width: 767px) {
    .Accessoriessection,.Faqsection,.articlessection,.downloadssection,.featuressection,.specificationsection,.accessories_sec1 {
    padding-top: 12%;
}


.accessories-tab .nav-item p span, .accessories-tab .nav-link:focus p span {max-height: 90px; height: 90px;}

     .col-md-ch {width: 100%;}
     featuredbx-new .featurdbximg img{height: auto;}
    .awd-head-row5 h2 {font: 400 1.4rem/1.5rem Rubik,sans-serif;}
    .search-footer {
        width:100%
    }

    .search-bg {
        background: 0 0
    }

    .heading_scompany h3 {
        font: 400 2rem/2rem Rubik,sans-serif
    }

    .heading_scompany h3 span {
        font: 400 2rem/2rem Rubik,sans-serif
    }

    .search-foo input {
        font-size: 11px
    }

    .search-foo span {
        top: 0
    }

    .awards.carousel {
        margin: 20px auto 0;
        width: 50%
    }

    #carouselExampleIndicators2 .carousel-item {
        text-align: center
    }

    .welcome_one_wa {
        padding: 0 0 20px
    }

    ul.breadcrumb li,ul.breadcrumb li a {
        font: 300 1.1rem/1.5rem Roboto,sans-serif
    }

    .media-ex {
        width: 100%;
        text-align: center;
        position: relative;
        top: 0;
        transform: none
    }

    .fe-mar-1 {
        margin-bottom: 4rem
    }

    .shape-1 img {
        width: 56%
    }

    .colum1 {
        margin: 0
    }

    ul.counter_one p a {
        font-size: 13px
    }

    ul.counter_one p::first-letter {
        font-size: 16px
    }

    .heading_company h1,.heading_company h3,.roadshow .left-roads h3,.register-section h3 {
        margin: 1.8rem 0 0;
        font: 400 1.5rem/2rem Rubik,sans-serif;
        padding-bottom: .2rem
    }

    .heading_company h1 span,.heading_company h3 span,.heading_company span,.roadshow .left-roads h3 span {
        font: 400 1.5rem/2rem Rubik,sans-serif
    }

    .subcatimage {
        text-align: center;
        width: 100%
    }

    .rightboxcat {
        left: 1px;
        top: -24px;
        text-align: left;
        bottom: auto;
        right: auto;
        width: 90%;
        padding: 0 .3rem
    }

    .wa-fill-table input {
        width: 95%
    }

    .brightboxcat {
        left: 15px
    }

    .heading-wa-company {
        font: 400 1.2rem/2rem Rubik,sans-serif
    }

    .warantybx a {
        font-size: 16px;
        width: 70%
    }

    .subcatcopy {
        width: 96%;
        margin: 0 2%;
        text-align: center;
        padding: 1rem
    }

    .cate-copy-smallbx a .headline,.cate-copy-wrapper>.headline a {
        font-size: 1.3rem
    }

    .cate-copy-wrapper>.cta-links a {
        font-size: 1.1rem
    }

    .subcatcopy a h2 {
        font-size: 1.3rem;
        padding-bottom: .5rem
    }

    .subcatcopy p {
        padding-bottom: 0
    }

    .abo-img {
        width: 100%;
        margin: 0 0 1rem
    }

    .about-se1-area .container .inner-redin-overlay {
        right: 0
    }

    .abo-r-img {
        width: 100%;
        margin: 0 0 1rem
    }

    .exphdng a,.exphdng p {
        line-height: 1.7rem;
        text-align: justify
    }

    .relatedpostexhdng {
        font-size: 20px
    }

    .ex-cus-main {
        min-height: auto
    }

    .ex-cus-main {
        padding: 0
    }

    .ex-cat-name {
        padding: 0 1rem 1rem
    }

    .expbxinr {
        margin-bottom: 0
    }

    .ex-dow-main {
        padding: 1rem 1rem 0
    }

    .socialiconsimg a img {
        width: auto
    }

    .expbxlst2 {
        border-bottom: 1px solid #ccc
    }

    ul.breadcrumb {
        padding: 10px 15px 0;
        float: left
    }

    .wrappermain {
        overflow: hidden
    }

    .welcome_one_shape_bg {
        bottom: 0;
        height: auto
    }

    .carousel-in-caption {
        padding-bottom: 0
    }

    .carousel-in-caption p span {
        background: rgba(123,23,28,.7);
        margin: 0 .5rem 0 0;
        font-size: 11px
    }

    .filterbtn {
        border-radius: 20px
    }

    .tag-cloud a {
        font-size: 12px;
        padding: 5px 6px;
        line-height: 15px;
        margin: 3px 0;
        line-height: 20px
    }

    .awd-head {display: block;}
.awd-head-row1{width: 100%; border-bottom: 1px solid #e3e3e3; border-right: 1px solid transparent;}
.awd-head-row2{width: 100%;border-bottom: 1px solid #e3e3e3; border-right: 1px solid transparent;}
.awd-head-row3{width: 20%;}
.awd-head-row4{width: 75%;}
.rdots .slick-dots {display: none !important;}
.allevent  {position: absolute;    top: -26px;    right: 0;    left: 0;}
.roadshow .left-roads p {padding: 1rem 0 2rem; font: 300 1.2rem/1.8rem Roboto,sans-serif;}
 .product-list-item a img {width: 100%; height: 210px;} 

}

@media only screen and (max-width: 600px) {

    .accessories-cont .ass-top-main .ass-le-sec ul li:nth-child(1) {display: none;}
    .accessories-cont .ass-top-main .ass-le-sec ul li:nth-child(4) {display: none;}
    .accessories-out-sec .accessories-tab .nav-item .acc-thumb {height: auto; padding: 12px;}
    .st-model .modal-body { margin: 0 25px 0 53px;}
    #livesearch{display: none;}
    .segment_category .row {padding-bottom: 11px;    margin-bottom: 11px;}
    .icon-box img {width: 40px;}
    .box-border {padding: 4px;}
    .box-border .red-box {display: none;}
    .box-border {margin: 0;}
    .box-border1 {margin: 0;}
    .segment_category .card {/*display: block; margin: 0 auto 20px; float: none;*/ display: none;}
    .cardmobile {display: block; margin: 0 0 0 20px; padding: 0 0 0 10px;}
    .cardmobile li a {font-size: 15px;}
    .headinginner-1 {width: 100%;}
    .roadthankyou-sec {background: none;}
    .events-outer .card-event { width: 100%;}
    .frmhdng {
        font-size:30px
    }

    .frmsubhdng {
        font-size: 17px
    }

    .frmtext {
        font-size: 14px
    }

    .compare-image-container img {
        max-width: inherit
    }

    .compare-image-container {
        padding: 0
    }

    .expblog img {
        width: 100%;
        height: auto
    }

    .inrparatext h2 {
        margin-top: 4rem
    }

    .articlessection .media {
        display: block;
        text-align: center
    }

    .list-unstyled .media .media-body {
        text-align: justify;
        padding: 0 1rem
    }

    .list-unstyled .media .media-body h5 {
        text-align: center
    }

    .expleft {
        margin-bottom: 0
    }

    .featuredbx:hover {
        transform: scale(1);
        transition: .7s
    }

    .categorybox2 {
        width: 98%;
        margin: 0 0 1rem 0
    }

    .carousel-indicators {
        display: none
    }

    .categorybox1 {
        width: 98%;
        margin: 0 0 1rem 0
    }

    .expimage img {
        width: 100%
    }

    .featuredtext {
        box-shadow: none
    }

    ul.counter_one {
        height: 310px!important;
        right: 0;
        width: 48%;
        top: 55%
    }

    ul.breadcrumb li {
        font-size: 15px;
        margin: 0
    }

    ul.breadcrumb li:last-child {
        font-size: 15px
    }

    .inrparatext {
        margin-top: 0
    }

    .exptext {
        padding: 0 0 1rem
    }

    .team-item {
        margin: 0 0 1.5rem
    }

    .newmobile-des {
        display: none
    }

    .newmobile {
        display: block
    }

    #carouselExampleIndicators1 {
        display: none;
        visibility: hidden
    }

    #carouselExampleIndicators3 {
        display: block;
        visibility: visible
    }

    .exptext h4 {
        margin-bottom: .3rem;
        font-size: 18px
    }

    .exptext p {
        margin-bottom: .3rem
    }

    .text_container p {
        padding: 0 0 .8rem
    }

    .heading_company {
        margin: 1.8rem 0 0;
        font: 400 1.5rem/2rem Rubik,sans-serif;
        padding-bottom: .2rem
    }

    .sub_heading {
        font: 400 1.0em/1.5rem Rubik,sans-serif;
        padding-bottom: 20px
    }

    .colum2 {
        margin-top: 15px
    }

    .nwe {
        margin: 0
    }

    .container {
        max-width: 96%;
        width: 100%
    }

    .welcome_one_left_image img {
        margin: 1rem 0 0
    }

    .welcome_one_left_image::before {
        width: 100%;
        left: 0;
        top: 25px
    }

    .welcome_one_left {
        left: 0
    }

    .demopadding {
        float: none
    }

    .newsbx {
        line-height: 0;
        padding: .5rem
    }

    .topnavright {
        text-align: center
    }

    ul.toplink li {
        margin-right: 1rem
    }

    ul.toplink li:last-child {
        margin-right: 0
    }

    ul.toplink {
        margin: 0 auto
    }

    .frmtxtfld-cap {
        width: 50%
    }

    .getintouch {
        padding: 1rem;
        background-size: cover
    }

    .carousel-caption {
        text-align: left;
        bottom: -18px
    }

    .d-flex-n {
        display: block!important
    }

    .carousel-caption h5 span {
        font: 500 0.7rem/1.1rem Rubik,sans-serif;
        padding: .5rem
    }

    .carousel-caption p span {
        display: none
    }

    .welcome_one {
        padding: 0 0 25px
    }

    .warantybx {
        margin-top: 1.3rem;
        width: 100%;
        margin-right: 0
    }

    .newsbx2 {
        box-shadow: none
    }

    .leftcolm {
        width: 88%
    }

    .toprht {
        padding-right: 0
    }

    .headinginner {
        width: 90%
    }

    .expbxinr {
        display: inline-block
    }

    .expbxlst1 {
        width: 100%;
        margin-bottom: 10px
    }

    .expbxlst2 {
        width: 100%;
        float: none
    }

    .expbxlst3 {
        width: 100%;
        float: none;
        padding: 10px 0 18px 0;
        border: 0
    }

    .about-se1-area h4 {
        font: 400 1.5rem/2rem Rubik,sans-serif;
        padding-bottom: 5px
    }

    .about-se1-area {
        padding: 2rem 0;
        margin: 2rem 0 0
    }

    .about-se1-area .container .inner-bg-overlay {
        right: 0
    }

    .about-se2-area .container .inner-bg-overlay {
        left: 0
    }

    .about-se1-area .container .inner-bggray-overlay {
        right: 0
    }

    .about-se2-area {
        margin: 0;
        padding: 2rem 0
    }

    .about-se2-area h4 {
        font: 400 1.5rem/2rem Rubik,sans-serif;
        padding-bottom: 5px;
        margin: 0 0 .5rem
    }

    .about-se3-area {
        margin: 0
    }

    .about-se3-area .container .swpcontent h4 {
        font: 400 1.5rem/2rem Rubik,sans-serif;
        padding-bottom: 5px
    }

    .about-s-img img {
        width: 100%
    }

    .heading-i_company {
        margin: 0;
        padding: 0 0 .6rem
    }

    .heading-i_company span {
        font: 400 1.5rem/2rem Rubik,sans-serif
    }

    .st-apply-outer .col1,.st-apply-outer1 .col1 {width: 100%;}
    .st-apply-outer .col2,.st-apply-outer1 .col2 {width: 100%;}
    .st-apply-outer .col2 .img1 {margin: 0 0 0.5rem;}
    .st-apply-outer .col1 img, .st-apply-outer1 .col1 img{margin: 0 0 0.5rem;}
    .st-apply-outer1 .col1 .img1 {margin: 0 0 0.5rem;}
    .st-apply-outer1 .col2 {margin: 0 0 1rem;}
    .dis-product ul li {width: 98%;}
    .disproduct-la {padding: 25px 0 25px;}
.dis-tab .tab-content{padding: 1.5rem 0 4rem;}
.ev-awd-dis-sub { width: 90%;}
.ev-awd-dis { width: 90%;}
.st-more:before{width: 39%;}
.st-more:after{width: 39%;}
 .product-list-item a img {width: 100%; height: 210px;} 
.cat-left-list {width: 100%;}
.cat-content {width: 100%;}
.acc-over{display: none;}

.cat-img ul li {margin: 0 10px 15px; width: 27%; /*width: 28%;*/}
.cat-img ul li img { width: 100%;}
.cat-img ul li .card-body-s h5 {font-size: 11px;}
.cat-img ul li .card-body-s {height: 50px;}
.accessories-tab .nav-item p,.accessories-tab .nav-item h6 {display: none;}
.accessories-tab .ace-img {margin: 0;}
/* .accessories-out-sec .accessories-tab .nav-item {max-width: 60px;} */
.accessories-out-sec .accessories-tab .nav-item .nav-link {padding: 0.1rem}
.accessories-tab .nav-item p.sort-decp {display: none;}
.accessories-out-sec .accessories-tab .nav-item a {min-height: auto;    max-height: none;}


}

@media only screen and (max-width: 500px) {
.segment_category h4 {padding-bottom: 5px;   margin: 0 0 0 13px;}
.segment_category .headinginner-1 h2 {font-size: 18px;}
.segment_category h4 a {font-size: 15px;}
.cardmobile {}
.cardmobile li{}
.cardmobile li .card-title {font-size: 13px; margin-bottom: 0.1rem;}

    .text_container {
        padding-left:0
    }

    .exptopmargin {
        top: 2%
    }

    .exptext {
        top: 26px;
        margin-left: 0
    }

    .experiencebx {
        display: block
    }

    .navbarnew a {
        float: left;
        right: 0;
        padding: 5px 4px;
        font: 300 0.9rem/1.7rem Roboto,sans-serif;
    }

    .accordion-thumb {
        font-size: 14px
    }

    .feature_content {
        box-shadow: 0 0 5px 5px transparent
    }

    .table-darknew thead th {
        padding: 14px;
        font-size: 14px
    }

    .ftrbtm .copy {
        font-size: 13px
    }

    .headinginner h1 {
        font-size: 14px;
        width: 100%;
        padding: 10px 0 10px 10px
    }

    .image {
        width: 100%
    }

    .cate-copy-wrapper>.headline {
        font-size: 27px
    }

    .cate-copy-wrapper>.subhead {
        font-size: 16px;
        line-height: 25px
    }

    .cate-copy-wrapper>.cta-links {
        font-size: 14px
    }

    .subcatcopy h2 {
        font-size: 30px
    }

    .subcatcopy p {
        font-size: 16px;
        text-align: left;
    }
.road-location ul{ display: block;}
.road-location ul li { display: block; margin: 0 0 0.5rem; width: 100%; /*height: auto;*/}    

}

.loadMore {
    width: 30%;
    margin: 0 auto;
    padding: 15px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #e6192b;
    box-shadow: 0 1px 1px #ccc;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    font-size: 16px;
    font-weight: 400;
    color: #fff
}

.loadMore a {
    color: #fff
}

.loadMore:hover {
    background-color: #535353;
    color: #fff;
    border: 1px #535353
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

#load {
    cursor: pointer;
    color: red
}

.bdrtimeline {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px
}

.title {
    position: relative;
    margin-top: 30px;
    width: 100%;
    text-align: center
}

.timeline {
    position: relative;
    width: 100%;
    padding: 30px 0
}

.timeline .timeline-container {
    position: relative;
    width: 100%
}

.timeline .timeline-end,.timeline .timeline-start,.timeline .timeline-year {
    position: relative;
    width: 100%;
    text-align: center;
    z-index: 1
}

.timeline .timeline-end p,.timeline .timeline-year p {
    display: inline-block;
    width: 150px;
    height: 150px;
    margin: 0;
    padding: 53px 0;
    text-align: center;
    background: #535353;
    border-radius: 100px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    color: #fff;
    font-size: 18px
}

.timeline .timeline-start p {
    width: 20px;
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    height: 20px;
    display: inline-block;
    border: 1px solid #676464
}

.timeline .timeline-year {
    margin: 30px 0
}

.timeline .timeline-continue {
    position: relative;
    width: 100%;
    padding: 60px 0
}

.timeline .timeline-continue::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -1px;
    border-left: 2px dotted #6d4d8e
}

.timeline .row.timeline-left,.timeline .row.timeline-right .timeline-date {
    text-align: right
}

.timeline .row.timeline-left .timeline-date,.timeline .row.timeline-right {
    text-align: left
}

.timeline .timeline-date {
    font-size: 14px;
    font-weight: 600;
    margin: 41px 0 0 0
}

.timeline .timeline-date::after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 45px;
    background: #535353;
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    border-radius: 15px;
    z-index: 1
}

.timeline .row.timeline-left .timeline-date::after {
    left: -7px
}

.timeline .row.timeline-right .timeline-date::after {
    right: -7px
}

.timeline .timeline-box,.timeline .timeline-launch {
    position: relative;
    display: inline-block;
    margin: 15px;
    padding: 20px;
    border-radius: 6px;
    background: #fff
}

.timeline .timeline-launch {
    width: 100%;
    margin: 15px 0;
    padding: 0;
    border: none;
    text-align: center;
    background: 0 0
}

.timeline .row.timeline-left .timeline-box::after,.timeline .row.timeline-left .timeline-box::before {
    left: 100%
}

.timeline .row.timeline-right .timeline-box::after,.timeline .row.timeline-right .timeline-box::before {
    right: 100%
}

.timeline .timeline-launch .timeline-box::after,.timeline .timeline-launch .timeline-box::before {
    left: 50%;
    margin-left: -10px
}

.timeline .timeline-box::after {
    top: 26px;
    border-color: transparent transparent transparent #fff;
    border-width: 10px
}

.timeline .timeline-box::before {
    top: 25px;
    border-color: transparent transparent transparent #ddd;
    border-width: 11px
}

.timeline .row.timeline-right .timeline-box::after {
    border-color: transparent #fff transparent transparent
}

.timeline .row.timeline-right .timeline-box::before {
    border-color: transparent #ddd transparent transparent
}

.timeline .timeline-launch .timeline-box::after {
    top: -20px;
    border-color: transparent transparent #ddd transparent
}

.timeline .timeline-launch .timeline-box::before {
    top: -19px;
    border-color: transparent transparent #fff transparent;
    border-width: 10px;
    z-index: 1
}

.timeline .timeline-box .timeline-icon {
    position: relative;
    width: 40px;
    height: auto;
    float: left
}

.timeline .timeline-icon i {
    font-size: 25px;
    color: #4f84c4
}

.timeline .timeline-box .timeline-text {
    position: relative;
    width: calc(100% - 40px);
    float: left;
    text-align: center;
    padding-top: 10px;
    font-weight: 400
}

.timeline .timeline-launch .timeline-text {
    width: 100%
}

.timeline .timeline-text h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 3px
}

.timeline .timeline-text p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0
}



@media (max-width: 768px) {
    .timeline .timeline-continue::after {
        left:40px
    }

    .timeline .row.timeline-left,.timeline .row.timeline-left .timeline-date,.timeline .row.timeline-right,.timeline .row.timeline-right .timeline-date,.timeline .timeline-end,.timeline .timeline-launch,.timeline .timeline-start,.timeline .timeline-year {
        text-align: left
    }

    .timeline .row.timeline-left .timeline-date::after,.timeline .row.timeline-right .timeline-date::after {
        left: 47px
    }

    .timeline .row.timeline-left .timeline-date,.timeline .row.timeline-right .timeline-date,.timeline .timeline-box {
        margin-left: 55px
    }

    .timeline .timeline-launch .timeline-box {
        margin-left: 0
    }

    .timeline .row.timeline-left .timeline-box::after {
        left: -20px;
        border-color: transparent #fff transparent transparent
    }

    .timeline .row.timeline-left .timeline-box::before {
        left: -22px;
        border-color: transparent #ddd transparent transparent
    }

    .timeline .timeline-launch .timeline-box::after,.timeline .timeline-launch .timeline-box::before {
        left: 30px;
        margin-left: 0
    }

}