/* VARIABLES ↓ */

:root {
  --bs-border-color: rgb(179 199 203);
  --content-color-green: rgb(56 159 173);
  --field-negative-color: rgb(220 53 69);
  --field-positive-color: rgb(25 135 84);
  --footer-copyright-height-desktop: 46px;
  --footer-copyright-height-mobile: 36px;
  --footer-height-default-desktop: 153px;
  --footer-height-default-mobile: 120px;
  --footer-height-fixed-desktop: 92px;
  --footer-height-fixed-mobile: 72px;
  --header-height-desktop: 247px;
  --header-height-mobile: 212px;
  --page-min-width: 320px;
  --page-max-width: 1185px;
  --test-type-blood-color: rgb(228 21 23);
  --test-type-dna-color: rgb(77 92 104);
  --test-type-feces-color: rgb(141 108 77);
  --test-type-saliva-color: rgb(205 221 224);
  --test-type-std-color: rgb(112 87 119);
  --test-type-urine-color: rgb(255 185 50);
}

/* VARIABLES ↑ */


/* FONTS ↓ */

@font-face {
  font-family: 'Montserrat';
  src: url('../webfonts/montserrat-local/montserrat-v23-latin-regular.eot');
  src: url('../webfonts/montserrat-local/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-regular.woff2') format('woff2'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-regular.woff') format('woff'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-regular.svg#Montserrat') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-stretch: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../webfonts/montserrat-local/montserrat-v23-latin-500.eot');
  src: url('../webfonts/montserrat-local/montserrat-v23-latin-500.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-500.woff2') format('woff2'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-500.woff') format('woff'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-500.svg#Montserrat') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-stretch: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../webfonts/montserrat-local/montserrat-v23-latin-700.eot');
  src: url('../webfonts/montserrat-local/montserrat-v23-latin-700.eot?#iefix') format('embedded-opentype'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-700.woff2') format('woff2'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-700.woff') format('woff'),
       url('../webfonts/montserrat-local/montserrat-v23-latin-700.svg#Montserrat') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  font-stretch: normal;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* FONTS ↑ */


/* PAGE STRUCTURE ↓ */

*:not(input, textarea) { user-select: none !important; }

body { margin-bottom: var(--footer-height-fixed-mobile); overscroll-behavior: none; }

main { padding-top: var(--header-height-mobile); }

main.container { padding-left: 0; padding-right: 0; }

main > .container-md:first-child { padding-left: 0; padding-right: 0; }

.bar { width: 100%; }

.container-fluid { min-width: var(--page-min-width); padding: 0; }

.container-md { max-width: var(--page-max-width); min-width: var(--page-min-width); }

#content { min-height: calc(100vh - var(--header-height-mobile) - var(--footer-height-default-mobile)); padding: 24px 14px 50px; }

#footer-contact{ position:relative; z-index: 2; }

#footer-copyright { height: var(--footer-copyright-height-mobile); }

#footer-fixed { bottom: 0; height: var(--footer-height-fixed-mobile); position: fixed; width: 100%; z-index: 2; }

#footer-help { height: 48px; position: relative; z-index: 2; }

#footer-shadow { bottom: 0; position: fixed; width: 100%; z-index: 1; }

#footer-shadow .bar { height: calc(var(--footer-height-fixed-mobile) + 1px) }

@media screen and (min-width: 400px) {

  #content { padding: 24px 17px 50px; }

}

@media screen and (min-width: 576px) {

  .container { max-width: var(--page-max-width); }

}

@media screen and (min-width: 768px) {

  body { margin-bottom: var(--footer-height-fixed-desktop); }

  main { padding-top: var(--header-height-desktop); }

  [class^="col-"], .row { height: 100%; }

  #content { min-height: calc(100vh - var(--header-height-desktop) - var(--footer-height-default-desktop)); padding: 34px 38px 85px; }

  #footer-copyright { height: var(--footer-copyright-height-desktop); }

  #footer-fixed { height: var(--footer-height-fixed-desktop); }

  #footer-help { height: 61px; }

  #footer-shadow .bar { height: calc(var(--footer-height-fixed-desktop) + 1px) }

}

@media screen and (max-width: 1023px) { .container { max-width: 100%; width: 100%; } }

@media screen and (max-width: 340px) {

  body { margin-bottom: var(--footer-height-fixed-mobile); }

  #content { min-height: calc(100vh - var(--header-height-mobile) - var(--footer-height-fixed-mobile)); }

  #footer-help { display: none; }

}

@media screen and (max-width: 320px) {

  #content { min-height: calc(100vh - 22px - var(--header-height-mobile) - var(--footer-height-fixed-mobile)); }

}

/* PAGE STRUCTURE ↑ */