:root {
  /* -------------------- */
  --mdm-blue-1: #336699;
  --mdm-blue-2: #409ab8;
  --mdm-blue-3: #00ccff;
  --mdm-blue-4: #45daff;
  --mdm-blue-5: #45daff;
  --mdm-blue-6: #8ce8ff;
  --mdm-blue-7: #c8eef8;
  /* -------------------- */
  --mdm-grey-1: #191919;
  --mdm-grey-2: #444444;
  --mdm-grey-3: #666666;
  --mdm-grey-4: #888888;
  --mdm-grey-5: #aaaaaa;
  --mdm-grey-6: #cccccc;
  --mdm-grey-7: #eeeeee;
  --mdm-grey-8: #f9f9f9;
  /* -------------------- */
  --siga-green-dark: #284c37;
  --siga-green: #54a175;
  --siga-green-light: #afe8c8;
}

@font-face {
  font-family: "modumFnt";
  src: url(../_fnt/gothic.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "UbuntuMono";
  src: url(../_fnt/ubuntumono-r.ttf),
    url(../_fnt/ubuntumono-b.ttf);
  font-weight: normal;
  font-style: normal;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

main {
  display: block
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

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

a {
  background-color: transparent
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: bolder
}

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

small {
  font-size: 80%
}

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

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

img {
  border-style: none
}

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

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

fieldset {
  padding: .35em .75em .625em
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

progress {
  vertical-align: baseline
}

textarea {
  overflow: auto
}

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

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

[type=search] {
  outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

details {
  display: block
}

summary {
  display: list-item
}

template {
  display: none
}

[hidden] {
  display: none
}

* {
  box-sizing: border-box;
}

html {
  font-family: modumFnt, sans-serif;
  background-color: var(--mdm-grey-7);
}

body {
  background-color: var(--mdm-grey-8) !important;
}

footer a {
  font-size: 16px;
  color: var(--mdm-blue-2);
  text-decoration: none;
}

footer a:hover {
  color: white;
  text-decoration: none;
}

iframe {
  display: block;
  border: none;
  height: 100vh;
  width: 100vw;
}

h1 {
  display: block;
  font-size: 2em;
  margin: 0;
  padding: 1em 0em 0.5em 0em;
  font-weight: bold;
  clear: both;
}

h2 {
  display: block;
  font-size: 1.8em;
  margin: 0;
  padding: 1em 0em 0.5em 0em;
  clear: both;
}

h3 {
  display: block;
  font-size: 1.65em;
  margin: 0;
  padding: 1em 0em 0.5em 0em;
  clear: both;
}

h4 {
  display: block;
  font-size: 1.5em;
  margin: 0;
  padding: 1em 0em 0.5em 0em;
  clear: both;
}

p {
  display: block;
  margin: 1em 0 1em 0;
  font-size: 1.2em;
}

p>a {
  text-decoration: none;
  color: navy;
}

#mainNav {
  height: 60px;
  min-height: 60px;
  z-index: 9;
  border-radius: 0 0 45px 45px;
  background-color: var(--mdm-grey-6) !important;
}

#mainNav ul,
#mainNav li {
  background-color: var(--mdm-grey-6) !important;
}

#mainNav .navbar-toggler {
  padding: 0;
}

#mainNav .active {
  font-weight: bold;
  border: 2px solid transparent;
  border-bottom: 2px solid var(--mdm-blue-4);
}

#mainNav .nav-link {
  padding: 10px 10px;
  white-space: nowrap;
  color: black;
  font-family: modumFnt, sans-serif;
  font-size: 19px;
  margin-right: 10px;
  border-radius: 4px;
}

#mainNav .nav-link:hover {
  font-weight: bold;
}

#mainNav .nav-link:active {
  font-weight: bold;
  border: 2px solid var(--mdm-blue-4);
}

#contactForm {
  background-color: white;
  padding: 0px 5px 5px 5px;
  border-radius: 5px;
}

#contactMobile {
  background-color: white;
  padding: 5px 0px;
  border-radius: 5px;
  margin-top: 15px;
  text-align: center;
  font-size: 22px;
  vertical-align: top;
}

#contactMobile img {
  height: 20px;
  margin: 0px 5px 5px 6px;
}

#contactMobile a {
  text-decoration: none;
}

#TIyourMode {
  color: var(--mdm-blue-1);
  font-family: UbuntuMono, monospace;
  font-size: 40px;
  letter-spacing: 4px;
  padding: 0;
}

#modumFooter {
  background-color: var(--mdm-grey-1);
  color: var(--mdm-blue-6);
  font-size: 14px;
  height: 40px;
  margin-top: -20px;
  padding: 0;
  text-align: center;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

#carousel_ModumSiGA .carousel-item {
  text-align: center;
}

#carousel_ModumSiGA img {
  height: calc(100vh - 100px);
}

#carousel_ModumSiGA .carousel-control-prev-icon {
  background-color: var(--mdm-blue-1);
  border-radius: 0 25% 25% 0;
}

#carousel_ModumSiGA .carousel-control-next-icon {
  background-color: var(--mdm-blue-1);
  border-radius: 25% 0 0 25%;
}

#carousel_ModumSiGA .carousel-indicators {
  bottom: -15px;
  margin: auto;
}

#carousel_ModumSiGA .carousel-indicators button {
  height: 15px;
  width: 25px;
  border-radius: 50%;
  margin: 0px 15px;
  background-color: var(--siga-green-dark);
  border: 1px solid var(--mdm-grey-1);
}

.modum-box-shadow-dark {
  box-shadow: 0 0.25rem 0.75rem rgba(168, 6, 6, 0.05);
  padding-bottom: 5px;
}

.modum-box-shadow-light {
  box-shadow: 0 0.25rem 0.75rem rgba(200, 200, 200, 0.05);
  padding-bottom: 5px;
}

.cursor-pointer {
  pointer-events: all !important;
  cursor: pointer;
}

.modum-bg-blue-1 {
  background: var(--mdm-blue-1);
  color: var(--mdm-blue-6);
}

.modum-bg-blue-2 {
  background: var(--mdm-blue-1);
  color: white;
}

.modum-bg-blue-3 {
  background: var(--mdm-blue-3);
  color: white;
}

.modum-bg-blue-4 {
  background: var(--mdm-blue-4);
  color: white;
}

.modum-bg-blue-5 {
  background: var(--mdm-blue-5);
  color: white;
}

.modum-bg-blue-6 {
  background: var(--mdm-blue-6);
  color: var(--mdm-blue-1);
}

.modum-arrow-up {
  border: solid black;
  border-width: 0px 2.5px 2.5px 0px;
  display: inline-block;
  padding: 3px;
  transform: rotate(-135deg);
}

.modum-arrow-down {
  border: solid black;
  border-width: 0px 2.5px 2.5px 0px;
  display: inline-block;
  padding: 3px;
  transform: rotate(45deg);
}

.modum-arrow-left {
  border: solid black;
  border-width: 0px 2.5px 2.5px 0px;
  display: inline-block;
  padding: 3px;
  transform: rotate(135deg);
}

.modum-arrow-right {
  border: solid black;
  border-width: 0px 2.5px 2.5px 0px;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
}

.card {
  padding: 0;
  margin: 0;
}

.customer-card {
  height: 225px;
  border: 1px solid var(--mdm-blue-6);
  border-radius: 15px;
  background-color: white;
  padding: 0;
  margin: 0px 0px 8px 0px;
}

.customer-card-row {
  border: 1px solid var(--mdm-blue-6);
  border-radius: 15px;
  background-color: white;
}

.customer-card .card-header,
.customer-card-row .card-header {
  font-weight: bold;
  font-size: 1.3em;
  text-align: center;
  background-color: transparent;
  padding-bottom: 0px;
}

.customer-card .card-title,
.customer-card-row .card-title {
  font-weight: bold;
  color: var(--mdm-blue-1);
  text-align: center;
  padding: 0px;
  margin: 0px;
}

.customer-card .card-footer,
.customer-card-row .card-footer {
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  border: none;
}

.card-title a {
  text-decoration: none;
  color: var(--mdm-blue-1);
}

.card-title a:hover {
  color: var(--mdm-blue-2);
}

.modum-sidenav p {
  color: var(--mdm-blue-3);
  font-size: 17.5px;
  font-weight: bold;
}

.modum-sidenav h4 {
  color: white;
  padding-top: 10px;
}

.showNone {
  display: none;
}

.showBlock {
  display: block;
}

.underline {
  text-decoration: underline;
}

.boxRed {
  border: 1px solid red;
}

.boxBlue {
  border: 1px solid blue;
}

.boxGreen {
  border: 1px solid green;
}

.boxYellow {
  border: 1px solid yellow;
}

.justified {
  text-align: justify;
}

.productImg {
  border-radius: 30px 30px 10px 10px;
}

.fieldMsgError {
  color: red;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
}

#supp_cntnr {
  position: relative;
  display: flex;
  width: 100%;
  max-height: calc(100vh - 100px);
  font-family: Arial, Helvetica, sans-serif;
}

#supp_aside {
  background-color: var(--mdm-blue-1);
  color: white;
  font-weight: 500;
  padding: 0px 5px;
  overflow: auto;
  max-height: 100%;
  min-width: 250px;
}

#supp_aside a {
  color: var(--mdm-blue-7);
  text-decoration: none;
}

#supp_aside p {
  padding-left: 5px;
  line-height: 1.5rem;
  margin: 0;
  border-radius: 5px;
  font-weight: bold;
  color: var(--mdm-blue-6);
  background-color: var(--mdm-grey-1);
}

#supp_aside img {
  height: 26px;
  margin-right: 5px;
  float: right;
}

#supp_aside a:hover {
  color: var(--mdm-blue-6);
}

#supp_aside h1 {
  padding: 3px 0px 1px 0px;
  font-size: 18px;
  border-top: 1px dotted var(--mdm-blue-2);
}

#supp_aside h2 {
  padding: 1px 0px;
  margin-left: 15px;
  font-size: 16px;
  display: block;
}

#supp_aside h3 {
  padding: 1px 0px;
  margin-left: 30px;
  font-size: 14px;
  display: block;
}

#supp_aside h4 {
  padding: 1px 0px;
  margin-left: 45px;
  font-size: 12px;
  display: block;
}

#supp_main {
  float: left;
  padding: 0px 5px;
  overflow: auto;
  max-height: 100vh;
}

#supp_main h1 {
  clear: both;
  padding: 1px;
  border-bottom: 1px dotted var(--mdm-grey-6);
  box-shadow: 0rem 0.3rem 0.75rem rgba(51, 102, 153, 0.1);
  color: rgb(51, 102, 153);
  font-size: 2rem;
}

#supp_main h2 {
  font-weight: bold;
  padding-bottom: 2px;
  box-shadow: 0rem 0.3rem 0.75rem rgba(51, 102, 153, 0.1);
  font-size: 1.5rem;
}

#supp_main h3 {
  padding-bottom: 2px;
  font-size: 1.3rem;
}

#supp_main h4 {
  padding-bottom: 2px;
  font-size: 1.1rem;
}

#supp_main p {
  padding-bottom: 0px;
  font-size: 1rem;
}

#supp_main li {
  padding-bottom: 0px;
  font-size: 18px;
}

.sup_img {
  margin-left: 15px;
  border: 1px solid orchid;
  float: right;
  padding: 2px;
}

.sup_img img {
  width: 100%;
}

.sup_imgLabel {
  border-top: 1px dotted var(--mdm-grey-5);
  font-size: 14px;
}

.sup_btn {
  font-family: UbuntuMono;
  font-size: .9em;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border: 1px solid var(--mdm-grey-5);
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
  background-color: var(--mdm-blue-7);
}

.sup_link {
  font-family: UbuntuMono;
  font-size: .9em;
  letter-spacing: 0.5px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--mdm-grey-5);
  padding-left: 3px;
  padding-right: 3px;
  background-color: var(--mdm-blue-7);
}

.sup_field {
  font-family: UbuntuMono;
  font-size: .9em;
  letter-spacing: 0.5px;
  background-color: var(--mdm-blue-7);
  padding-left: 2px;
  padding-right: 2px;
}

#supp_index {
  display: none;
  position: absolute;
  left: 0;
  top: -16px;
  z-index: 10;
  padding: 3px 3px 0 3px;
  line-height: .8;
  border: 1px solid black;
  letter-spacing: 1px;
  font-weight: 500;
  background-color: var(--mdm-blue-1);
  color: white;
}

.navbar-brand img {
  width: 48.5px;
  height: 46px;
  aspect-ratio: 485/460 !important;
  /* border: 5px solid red; */
}

@media (min-width:319.98px) {}

@media (min-width:359.98px) {}

@media (min-width:374.98px) {}

@media (min-width:424.98px) {}

@media (min-width:575.98px) {}

@media (min-width:767.98px) {}

@media (min-width:991.98px) {}

@media (min-width:1023.98px) {}

@media (max-width:1116px) {
  .customer-card {
    height: 300px
  }
}

@media (max-width:1024px) {}

@media (max-width:992px) {
  .customer-card {
    height: 290px
  }
}

@media (max-width:768px) {
  #supp_aside {
    display: none;
  }

  #supp_index {
    display: block;
  }
}

@media (max-width:576px) {
  .customer-card {
    height: 310px
  }
}

@media (max-width:425px) {
  .customer-card {
    height: 350px
  }
}

@media (max-width:375px) {
  .customer-card {
    height: 370px
  }

  .customer-card {
    height: 390px
  }
}

@media (max-width:320px) {}