@charset "UTF-8";
@media only screen and (min-width: 40rem) {
  .mobile-only,
  .mob\:o {
    display: none !important;
  }
}
@media only screen and (max-width: 39.937rem), (min-width: 48rem) {
  .phablet-only,
  .pha\:o {
    display: none !important;
  }
}
@media only screen and (max-width: 47.937rem), (min-width: 61.25rem) {
  .tablet-only,
  .tab\:o {
    display: none !important;
  }
}
@media only screen and (max-width: 61.187rem), (min-width: 80rem) {
  .desktop-only,
  .des\:o {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .phablet-max,
  .pha\:m {
    display: none !important;
  }
}
@media only screen and (min-width: 61.25rem) {
  .handheld-max,
  .tab\:m {
    display: none !important;
  }
}
@media only screen and (min-width: 80rem) {
  .des\:m {
    display: none !important;
  }
}
@media only screen and (max-width: 39.937rem) {
  .phablet-up,
  .pha\:u {
    display: none !important;
  }
}
@media only screen and (max-width: 47.937rem) {
  .tablet-up,
  .tab\:u {
    display: none !important;
  }
}
@media only screen and (max-width: 61.187rem) {
  .desktop-up,
  .des\:u {
    display: none !important;
  }
}
@media only screen and (max-width: 79.937rem) {
  .large-up,
  .lar\:u {
    display: none !important;
  }
}
@media (max-width: 39.937rem) {
  .mob\:h {
    display: none;
  }
}
@media (min-width: 40rem) and (max-width: 47.937rem) {
  .pha\:h {
    display: none;
  }
}
@media (min-width: 48rem) and (max-width: 61.187rem) {
  .tab\:h {
    display: none;
  }
}
@media (min-width: 61.25rem) and (max-width: 79.937rem) {
  .des\:h {
    display: none;
  }
}
@media (min-width: 80rem) {
  .lar\:h {
    display: none;
  }
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
  overflow-y: scroll;
}

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

nav ul {
  list-style: none;
}

nav a,
menu a,
nav a:hover,
menu a:hover {
  text-decoration: none;
}

blockquote,
q {
  quotes: none;
}

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

a[href],
button {
  background: transparent;
  cursor: pointer;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
}

button {
  margin: 0;
  padding: 0;
}

a[href]:hover {
  text-decoration: underline;
}

ins {
  background-color: #fff;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

input,
select {
  vertical-align: middle;
}

html,
body {
  height: 100%;
  margin: 0;
  min-height: 100%;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
i {
  font-style: normal;
}

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

sub,
sup {
  display: inline-block;
  font-size: 75%;
  line-height: 1.2;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

textarea,
input[type=text],
input[type=button],
input[type=submit],
input[type=reset] {
  -webkit-appearance: none;
  border-radius: 0;
}

*,
*:focus,
*:hover {
  outline: none;
}

@font-face {
  font-display: fallback;
}
[id] {
  scroll-margin-top: calc(50px + 1rem);
}

@media (min-width: 48rem) {
  [id] {
    scroll-margin-top: calc(70px + 1rem);
  }
}
@media (min-width: 61.25rem) {
  [id] {
    scroll-margin-top: calc(70px + 1rem);
  }
}
fieldset:after, .nav-category:after, .grid:after, .group:after,
.page-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  display: block;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  position: relative;
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  left: 0.5em;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-accordion .ui-accordion-content {
  border-top: 0 none;
  overflow: auto;
  padding: 1em 2.2em;
}

@media only screen and (min-width: 40rem) {
  .mobile-only,
  .mob\:o {
    display: none !important;
  }
}
@media only screen and (max-width: 39.937rem), (min-width: 48rem) {
  .phablet-only,
  .pha\:o {
    display: none !important;
  }
}
@media only screen and (max-width: 47.937rem), (min-width: 61.25rem) {
  .tablet-only,
  .tab\:o {
    display: none !important;
  }
}
@media only screen and (max-width: 61.187rem), (min-width: 80rem) {
  .desktop-only,
  .des\:o {
    display: none !important;
  }
}
@media only screen and (min-width: 48rem) {
  .phablet-max,
  .pha\:m {
    display: none !important;
  }
}
@media only screen and (min-width: 61.25rem) {
  .handheld-max,
  .tab\:m {
    display: none !important;
  }
}
@media only screen and (min-width: 80rem) {
  .des\:m {
    display: none !important;
  }
}
@media only screen and (max-width: 39.937rem) {
  .phablet-up,
  .pha\:u {
    display: none !important;
  }
}
@media only screen and (max-width: 47.937rem) {
  .tablet-up,
  .tab\:u {
    display: none !important;
  }
}
@media only screen and (max-width: 61.187rem) {
  .desktop-up,
  .des\:u {
    display: none !important;
  }
}
@media only screen and (max-width: 79.937rem) {
  .large-up,
  .lar\:u {
    display: none !important;
  }
}
@media (max-width: 39.937rem) {
  .mob\:h {
    display: none;
  }
}
@media (min-width: 40rem) and (max-width: 47.937rem) {
  .pha\:h {
    display: none;
  }
}
@media (min-width: 48rem) and (max-width: 61.187rem) {
  .tab\:h {
    display: none;
  }
}
@media (min-width: 61.25rem) and (max-width: 79.937rem) {
  .des\:h {
    display: none;
  }
}
@media (min-width: 80rem) {
  .lar\:h {
    display: none;
  }
}
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.page-header > div,
.page-footer > div,
.page-footer .content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}
.page-header > div:after,
.page-footer > div:after,
.page-footer .content:after {
  content: "";
  display: table;
  clear: both;
}

.page-content,
.page-content-wide .content {
  margin: 0 auto;
  max-width: 1100px;
  position: relative;
  z-index: 0;
}
.page-content:after,
.page-content-wide .content:after {
  content: "";
  display: table;
  clear: both;
}

.content,
.content-wide {
  padding: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
}
.content:after,
.content-wide:after {
  content: "";
  display: table;
  clear: both;
}

.page-header {
  transition: all 0.2s ease-out;
}
@media (min-width: 15rem) {
  .page-header {
    height: 50px;
    position: relative;
  }
}
@media (min-width: 48rem) {
  .page-header {
    height: 70px;
  }
}
@media (min-width: 61.25rem) {
  .page-header {
    max-width: 100%;
  }
}

.page-footer {
  overflow: hidden;
}
@media (min-width: 15rem) {
  .page-footer {
    position: relative;
  }
}
@media (min-width: 61.25rem) {
  .page-footer {
    max-width: 100%;
  }
}

.body {
  min-height: 100vh;
  min-width: 320px;
}

.page,
.page-wrapper,
.page-main-wrapper,
.page-main,
.main-content {
  position: relative;
}

.page {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.page > div {
  width: 100%;
}

.page-wrapper {
  background-color: transparent;
  flex-grow: 1;
  margin-left: auto;
  margin-right: auto;
  transition: all 0.2s ease-out;
}

.page-main-wrapper {
  background-color: transparent;
}

.page-main {
  background-color: transparent;
}

.main-content {
  margin: 0 auto;
  max-width: 100%;
  padding: 0 0 2rem;
}

@media (min-width: 48rem) {
  .page-wrapper {
    display: flex;
    flex-direction: row;
  }
  .page-main-wrapper {
    width: 100%;
  }
}
@media (min-width: 61.25rem) {
  .main-content {
    padding: 0 0 2rem 0;
  }
}
.nav-main {
  display: none;
}

.nav-main,
.page-main-wrapper,
.page-main {
  display: block;
  flex: 1 1 auto;
  float: none;
  left: 0;
  top: 0;
}

.page-main {
  margin-right: 0;
}

@media (max-width: 61.187rem) {
  .mobile-menu .nav-main {
    overflow: visible;
  }
}
@media (min-width: 61.25rem) {
  .page-main-wrapper:before {
    background-color: transparent;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width 0.2s ease;
    width: 0;
    z-index: 1;
  }
  .page-main-wrapper {
    min-width: 1px;
  }
}
@media (min-width: 80rem) {
  .page-main-wrapper:before {
    display: none;
  }
}
.page-header {
  z-index: 2;
}

.page-footer {
  z-index: 3;
}

.page-wrapper {
  z-index: 2;
}

.page-main-wrapper {
  z-index: 2;
}

.nav-main {
  z-index: 3;
}

.grid {
  margin-left: -0.5%;
  margin-right: -0.5%;
  position: relative;
}

@media (min-width: 48rem) {
  .grid {
    margin-left: -1%;
    margin-right: -1%;
  }
}
.box [class^=mg-],
.box [class^=pg-],
.box [class^=tg-],
.box [class^=dg-],
.box [class^=lg-],
.grid [class^=mg-],
.grid [class^=pg-],
.grid [class^=tg-],
.grid [class^=dg-],
.grid [class^=lg-] {
  clear: none;
  float: left;
  min-height: 1px;
}

@media (min-width: 15rem) {
  .mg-1 {
    margin: 0 0.5%;
    width: 7.3333333333%;
  }
  .mg-2 {
    margin: 0 0.5%;
    width: 15.6666666667%;
  }
  .mg-3 {
    margin: 0 0.5%;
    width: 24%;
  }
  .mg-4 {
    margin: 0 0.5%;
    width: 32.3333333333%;
  }
  .mg-5 {
    margin: 0 0.5%;
    width: 40.6666666667%;
  }
  .mg-6 {
    margin: 0 0.5%;
    width: 49%;
  }
  .mg-7 {
    margin: 0 0.5%;
    width: 57.3333333333%;
  }
  .mg-8 {
    margin: 0 0.5%;
    width: 65.6666666667%;
  }
  .mg-9 {
    margin: 0 0.5%;
    width: 74%;
  }
  .mg-10 {
    margin: 0 0.5%;
    width: 82.3333333333%;
  }
  .mg-11 {
    margin: 0 0.5%;
    width: 90.6666666667%;
  }
  .mg-12 {
    margin: 0 0.5%;
    width: 99%;
  }
  .mp-1 {
    margin-left: 8.8333333333%;
  }
  .mp-2 {
    margin-left: 17.1666666667%;
  }
  .mp-3 {
    margin-left: 25.5%;
  }
  .mp-4 {
    margin-left: 33.8333333333%;
  }
  .mp-5 {
    margin-left: 42.1666666667%;
  }
  .mp-6 {
    margin-left: 50.5%;
  }
  .mp-7 {
    margin-left: 58.8333333333%;
  }
  .mp-8 {
    margin-left: 67.1666666667%;
  }
  .mp-9 {
    margin-left: 75.5%;
  }
  .mp-10 {
    margin-left: 83.8333333333%;
  }
  .mp-11 {
    margin-left: 92.1666666667%;
  }
  .mp-0 {
    margin-left: 0;
  }
}
@media (min-width: 40rem) {
  .pg-1 {
    margin: 0 0.5%;
    width: 7.3333333333%;
  }
  .pg-2 {
    margin: 0 0.5%;
    width: 15.6666666667%;
  }
  .pg-3 {
    margin: 0 0.5%;
    width: 24%;
  }
  .pg-4 {
    margin: 0 0.5%;
    width: 32.3333333333%;
  }
  .pg-5 {
    margin: 0 0.5%;
    width: 40.6666666667%;
  }
  .pg-6 {
    margin: 0 0.5%;
    width: 49%;
  }
  .pg-7 {
    margin: 0 0.5%;
    width: 57.3333333333%;
  }
  .pg-8 {
    margin: 0 0.5%;
    width: 65.6666666667%;
  }
  .pg-9 {
    margin: 0 0.5%;
    width: 74%;
  }
  .pg-10 {
    margin: 0 0.5%;
    width: 82.3333333333%;
  }
  .pg-11 {
    margin: 0 0.5%;
    width: 90.6666666667%;
  }
  .pg-12 {
    margin: 0 0.5%;
    width: 99%;
  }
  .pp-1 {
    margin-left: 8.8333333333%;
  }
  .pp-2 {
    margin-left: 17.1666666667%;
  }
  .pp-3 {
    margin-left: 25.5%;
  }
  .pp-4 {
    margin-left: 33.8333333333%;
  }
  .pp-5 {
    margin-left: 42.1666666667%;
  }
  .pp-6 {
    margin-left: 50.5%;
  }
  .pp-7 {
    margin-left: 58.8333333333%;
  }
  .pp-8 {
    margin-left: 67.1666666667%;
  }
  .pp-9 {
    margin-left: 75.5%;
  }
  .pp-10 {
    margin-left: 83.8333333333%;
  }
  .pp-11 {
    margin-left: 92.1666666667%;
  }
  .pp-0 {
    margin-left: 0;
  }
}
@media (min-width: 48rem) {
  .tg-1 {
    margin: 0 1%;
    width: 6.3333333333%;
  }
  .tg-2 {
    margin: 0 1%;
    width: 14.6666666667%;
  }
  .tg-3 {
    margin: 0 1%;
    width: 23%;
  }
  .tg-4 {
    margin: 0 1%;
    width: 31.3333333333%;
  }
  .tg-5 {
    margin: 0 1%;
    width: 39.6666666667%;
  }
  .tg-6 {
    margin: 0 1%;
    width: 48%;
  }
  .tg-7 {
    margin: 0 1%;
    width: 56.3333333333%;
  }
  .tg-8 {
    margin: 0 1%;
    width: 64.6666666667%;
  }
  .tg-9 {
    margin: 0 1%;
    width: 73%;
  }
  .tg-10 {
    margin: 0 1%;
    width: 81.3333333333%;
  }
  .tg-11 {
    margin: 0 1%;
    width: 89.6666666667%;
  }
  .tg-12 {
    margin: 0 1%;
    width: 98%;
  }
  .tp-1 {
    margin-left: 9.3333333333%;
  }
  .tp-2 {
    margin-left: 17.6666666667%;
  }
  .tp-3 {
    margin-left: 26%;
  }
  .tp-4 {
    margin-left: 34.3333333333%;
  }
  .tp-5 {
    margin-left: 42.6666666667%;
  }
  .tp-6 {
    margin-left: 51%;
  }
  .tp-7 {
    margin-left: 59.3333333333%;
  }
  .tp-8 {
    margin-left: 67.6666666667%;
  }
  .tp-9 {
    margin-left: 76%;
  }
  .tp-10 {
    margin-left: 84.3333333333%;
  }
  .tp-11 {
    margin-left: 92.6666666667%;
  }
  .pp-0 {
    margin-left: 0;
  }
}
@media (min-width: 61.25rem) {
  .dg-1 {
    margin: 0 1%;
    width: 6.3333333333%;
  }
  .dg-2 {
    margin: 0 1%;
    width: 14.6666666667%;
  }
  .dg-3 {
    margin: 0 1%;
    width: 23%;
  }
  .dg-4 {
    margin: 0 1%;
    width: 31.3333333333%;
  }
  .dg-5 {
    margin: 0 1%;
    width: 39.6666666667%;
  }
  .dg-6 {
    margin: 0 1%;
    width: 48%;
  }
  .dg-7 {
    margin: 0 1%;
    width: 56.3333333333%;
  }
  .dg-8 {
    margin: 0 1%;
    width: 64.6666666667%;
  }
  .dg-9 {
    margin: 0 1%;
    width: 73%;
  }
  .dg-10 {
    margin: 0 1%;
    width: 81.3333333333%;
  }
  .dg-11 {
    margin: 0 1%;
    width: 89.6666666667%;
  }
  .dg-12 {
    margin: 0 1%;
    width: 98%;
  }
  .dp-1 {
    margin-left: 9.3333333333%;
  }
  .dp-2 {
    margin-left: 17.6666666667%;
  }
  .dp-3 {
    margin-left: 26%;
  }
  .dp-4 {
    margin-left: 34.3333333333%;
  }
  .dp-5 {
    margin-left: 42.6666666667%;
  }
  .dp-6 {
    margin-left: 51%;
  }
  .dp-7 {
    margin-left: 59.3333333333%;
  }
  .dp-8 {
    margin-left: 67.6666666667%;
  }
  .dp-9 {
    margin-left: 76%;
  }
  .dp-10 {
    margin-left: 84.3333333333%;
  }
  .dp-11 {
    margin-left: 92.6666666667%;
  }
  .dp-0 {
    margin-left: 0;
  }
}
@media (min-width: 80rem) {
  .lg-1 {
    margin: 0 1%;
    width: 6.3333333333%;
  }
  .lg-2 {
    margin: 0 1%;
    width: 14.6666666667%;
  }
  .lg-3 {
    margin: 0 1%;
    width: 23%;
  }
  .lg-4 {
    margin: 0 1%;
    width: 31.3333333333%;
  }
  .lg-5 {
    margin: 0 1%;
    width: 39.6666666667%;
  }
  .lg-6 {
    margin: 0 1%;
    width: 48%;
  }
  .lg-7 {
    margin: 0 1%;
    width: 56.3333333333%;
  }
  .lg-8 {
    margin: 0 1%;
    width: 64.6666666667%;
  }
  .lg-9 {
    margin: 0 1%;
    width: 73%;
  }
  .lg-10 {
    margin: 0 1%;
    width: 81.3333333333%;
  }
  .lg-11 {
    margin: 0 1%;
    width: 89.6666666667%;
  }
  .lg-12 {
    margin: 0 1%;
    width: 98%;
  }
  .lp-1 {
    margin-left: 9.3333333333%;
  }
  .lp-2 {
    margin-left: 17.6666666667%;
  }
  .lp-3 {
    margin-left: 26%;
  }
  .lp-4 {
    margin-left: 34.3333333333%;
  }
  .lp-5 {
    margin-left: 42.6666666667%;
  }
  .lp-6 {
    margin-left: 51%;
  }
  .lp-7 {
    margin-left: 59.3333333333%;
  }
  .lp-8 {
    margin-left: 67.6666666667%;
  }
  .lp-9 {
    margin-left: 76%;
  }
  .lp-10 {
    margin-left: 84.3333333333%;
  }
  .lp-11 {
    margin-left: 92.6666666667%;
  }
  .lp-0 {
    margin-left: 0;
  }
}
.page-footer a:focus-visible,
.nav-top a:focus-visible {
  outline: 0.25rem dashed #2c729b !important;
}

.ui-state-focus-visible {
  outline: 0.25rem dashed #2c729b !important;
  outline-offset: 1px;
  text-decoration: none;
  z-index: 1;
}

.user-is-tabbing *:focus {
  outline: 0.25rem dashed #2c729b !important;
  outline-offset: 0.125rem;
}

.user-is-tabbing .hero *:focus,
.user-is-tabbing .lbk-top-cards-wrapper *:focus,
.user-is-tabbing .page-footer *:focus,
.user-is-tabbing .shortcuts *:focus,
.user-is-tabbing .news-title *:focus,
.user-is-tabbing .page-start *:focus,
.user-is-tabbing .page-header *:focus {
  outline: 0.25rem dashed #fff !important;
  outline-offset: 1px;
}

.body {
  font-size: 14px;
  font-size: 0.875rem;
  color: #444;
  line-height: 1.5;
  font-weight: 400;
}

body,
input,
select,
option,
textarea {
  font-family: "Open Sans", Arial, sans-serif !important;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 0.5em;
}

h1,
.h1 {
  font-size: 20px;
  font-size: 1.25rem;
}

h2,
.h2 {
  font-size: 18px;
  font-size: 1.125rem;
}

h3,
.h3 {
  font-size: 16px;
  font-size: 1rem;
}

h4,
.h4 {
  font-size: 14px;
  font-size: 0.875rem;
}

h5,
.h5 {
  font-size: 12px;
  font-size: 0.75rem;
}

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

@media (min-width: 61.25rem) {
  h1,
  .h1 {
    font-size: 26px;
    font-size: 1.625rem;
  }
  h2,
  .h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  h3,
  .h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  h4,
  .h4 {
    font-size: 16px;
    font-size: 1rem;
  }
  h5,
  .h5 {
    font-size: 14px;
    font-size: 0.875rem;
  }
  h6,
  .h6 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
p,
li,
dt,
dd,
blockquote,
label,
input,
select,
textarea {
  line-height: 1.5;
}

p,
.p {
  margin: 0.5em 0;
}

b,
strong {
  font-weight: 700;
}

li,
blockquote {
  font-size: 14px;
  font-size: 0.875rem;
}

pre,
code {
  font-family: Consolas, Monaco, "Lucida Console", monospace;
}

a[href] {
  color: #2c729b;
}
a[href]:hover.t-d\:n, a[href]:hover[class*=icon-], a[href]:hover > img {
  text-decoration: none;
}

.l-h\:1 {
  line-height: 1;
}

.l-h\:p {
  line-height: 1.5;
}

.l-h\:s {
  line-height: 1.25;
}

ol,
ul {
  list-style: outside;
  margin: 0 0 1em 1em;
  padding-left: 1.5em;
}

ol {
  list-style-type: decimal;
}

ul {
  list-style-type: disc;
}

.list-letters,
.l-s\:l {
  list-style: outside upper-latin;
}

.l-s\:ndash {
  list-style: none;
}
.l-s\:ndash li:before {
  content: "\2013";
  margin-left: -1em;
  position: absolute;
}

.list-unstyled,
.l-s\:u {
  list-style: outside none none;
  margin: 0;
  padding-left: 0;
}

.list-inline,
.l-s\:i {
  list-style: outside none none;
  margin-left: -5px;
  padding-left: 0;
}

.list-inline > li,
.l-s\:i > li {
  display: inline-block;
  margin: 0;
  padding-left: 5px;
  padding-right: 5px;
}

dl {
  margin-bottom: 1em;
  margin-left: 0em;
}
dl:after {
  clear: both;
  content: "";
  display: block;
}
dl .display--inline-block,
dl .d\:i-b {
  margin-right: 1em;
}
dl .display--inline-block dd,
dl .d\:i-b dd {
  padding-left: 0;
}

@media only screen and (min-width: 48em) {
  [class*=tg-] > dl {
    margin-left: 3%;
  }
}
@media only screen and (min-width: 60em) {
  [class*=dg-] > dl {
    margin-left: 2%;
  }
}
dt {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  margin-bottom: 0.25em;
  margin-top: 1px;
  padding-right: 5px;
}

dd {
  font-size: 14px;
  font-size: 0.875rem;
  color: #444;
  font-weight: 700;
}

dt,
dd {
  line-height: 1.3;
  width: auto;
}

dd + dt {
  margin: 0.5em 0 0.25em;
}

dl.reset {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
dl.reset dt {
  font-size: 0.875rem;
  font-weight: 700;
}
dl.reset dd {
  font-size: 0.875rem;
  font-weight: 400;
}

.caps,
.capitalize,
.t-t\:c {
  text-transform: capitalize;
}

.t-t\:u {
  text-transform: uppercase;
}

.t-t\:f:first-letter {
  text-transform: uppercase;
}

.t-t\:l {
  text-transform: lowercase;
}

.t-t\:n {
  text-transform: none !important;
}

.f-s\:xxxs {
  font-size: 10px !important;
  font-size: 0.625rem !important;
}

.font-xxs,
.text-small,
small,
.f-s\:xxs {
  font-size: 11px !important;
  font-size: 0.6875rem !important;
}

.font--xs,
.f-s\:xs.f-s\:xs {
  font-size: 12px !important;
  font-size: 0.75rem !important;
}

.font--s,
.f-s\:s {
  font-size: 13px !important;
  font-size: 0.8125rem !important;
}

.font--l,
.f-s\:m {
  font-size: 14px !important;
  font-size: 0.875rem !important;
}

.font--xl,
.f-s\:l {
  font-size: 15px !important;
  font-size: 0.9375rem !important;
}

.font--xxl,
.f-s\:xl {
  font-size: 16px !important;
  font-size: 1rem !important;
}

.f-s\:xxl {
  font-size: 18px !important;
  font-size: 1.125rem !important;
}

.f-s\:xxxl {
  font-size: 20px !important;
  font-size: 1.25rem !important;
}

:root [class*=font--] p,
:root [class*=font--] li,
:root [class*=font--] a,
:root [class*="f-s:"] p,
:root [class*="f-s:"] li,
:root [class*="f-s:"] a {
  font-size: inherit;
}
@media (max-width: 47.937rem) {
  :root .f-s\:m {
    font-size: 13px !important;
    font-size: 0.8125rem !important;
  }
  :root .f-s\:l {
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
  :root .f-s\:xl {
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
  :root .f-s\:xxl {
    font-size: 16px !important;
    font-size: 1rem !important;
  }
  :root .f-s\:xxxl {
    font-size: 18px !important;
    font-size: 1.125rem !important;
  }
}
:root .text--l,
:root .f-w\:l {
  font-weight: 300 !important;
}
:root .text--n,
:root .f-w\:n {
  font-weight: 400 !important;
}
:root .f-w\:sb {
  font-weight: 600 !important;
}
:root .text--b,
:root .f-w\:b {
  font-weight: 700 !important;
}
:root .f-s\:n {
  font-style: normal !important;
}
:root .f-s\:i {
  font-style: italic !important;
}
:root .t-d\:u {
  text-decoration: underline !important;
}

.tight, .tight li {
  display: block;
  line-height: 1.2;
  margin-bottom: 0.1em;
  margin-top: 0.3em;
}

.broad, .broad li {
  display: block;
  line-height: 1.2;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.text--nowrap,
.w-s\:n {
  white-space: nowrap !important;
}

.hyphens {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  text-align: justify;
}

.wrapword {
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  white-space: -webkit-pre-wrap;
  white-space: normal;
  word-wrap: break-word;
}

.ow {
  overflow-wrap: break-word;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

blockquote {
  font-style: italic;
  margin: 1.5em 0;
  padding: 0 2em;
  position: relative;
  text-align: justify;
}
blockquote:before {
  font-size: 48px;
  font-size: 3rem;
  content: "\0201C";
  display: inline-block;
  font-family: sans-serif;
  line-height: 0;
  margin-right: 0.2em;
  position: relative;
  top: 0.2em;
}
blockquote:after {
  font-size: 48px;
  font-size: 3rem;
  bottom: -0.65em;
  content: "\0201D";
  display: inline-block;
  font-family: sans-serif;
  line-height: 0;
  position: relative;
}

.v-h,
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
.v-h.focusable:active, .v-h.focusable:focus,
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.txt-shadow {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.f-s\:24 {
  font-size: 24px !important;
  font-size: 1.5rem !important;
}

.f-s\:32 {
  font-size: 32px !important;
  font-size: 2rem !important;
}

.text--mega,
.f-s\:64 {
  font-size: 64px;
  font-size: 4rem;
  display: inline-block;
  font-weight: 700;
  height: 64px;
  line-height: 60px;
  margin-right: 0.15em;
  vertical-align: middle;
}

@media screen and (max-width: 959px) {
  .text--mega,
  .f-s\:64 {
    font-size: 32px;
    font-size: 2rem;
    height: 32px;
    line-height: 30px;
  }
  .text--mega + .icon-16.icon-round,
  .f-s\:64 + .icon-16.icon-round {
    margin: 0;
  }
}
@media (min-width: 15rem) {
  .page-header {
    background-color: #88b04b;
    padding: 0;
  }
  .section-top {
    height: 50px;
    min-height: 40px;
    padding-top: 5px;
    position: relative;
  }
}
@media (min-width: 48rem) {
  .section-top {
    height: 70px;
  }
}
.top-main {
  float: right;
  margin-left: 0.5em;
  margin-right: -0.5em;
}

.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.hamburger:hover {
  opacity: 0.7;
}
.hamburger.is-active:hover {
  opacity: 0.7;
}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block;
}
.hamburger-inner::before {
  top: -10px;
}
.hamburger-inner::after {
  bottom: -10px;
}

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze .hamburger-inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.hamburger--squeeze .hamburger-inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.page-header {
  background-color: #88b04b;
  padding: 0;
}
.page-header > .content {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 100%;
  padding: 0 0.5em;
}
.page-header > .content:after {
  content: "";
  display: table;
  clear: both;
}
.page-header > .content div,
.page-header > .content p,
.page-header > .content a {
  color: #fff;
}
.page-header .header-info p {
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  margin: 0;
  text-align: center;
}

.header-content {
  align-items: center;
  display: flex;
  flex-grow: 1;
  max-height: 100%;
}

.header-main {
  flex-grow: 1;
}

@media (min-width: 48rem) {
  .page-header .header-info p {
    font-size: 16px;
  }
}
.popup-menu-button {
  color: #444;
  line-height: 1;
  position: relative;
}
.popup-menu-button > button {
  color: #fff;
  padding: 0 0.5em;
}
@media (min-width: 15rem) {
  .popup-menu-button > button {
    height: 50px;
  }
}
@media (min-width: 48rem) {
  .popup-menu-button > button {
    height: 70px;
  }
}
@media (min-width: 61.25rem) {
  .popup-menu-button > button {
    height: 70px;
  }
}

.popup-menu {
  height: 0;
  position: relative;
  z-index: 7;
}
.popup-menu .content {
  height: 0;
  padding: 0 0.5em;
  padding: 0 0.5rem;
}

.popup-menu-container {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0.5em;
  padding: 0.5em 1em;
  position: absolute;
  top: -1.1rem;
  width: 300px;
  z-index: 6;
}
.popup-menu-container > div {
  font-size: 13px;
  font-size: 0.8125rem;
}
.popup-menu-container > div > div > a.b\:pri, .popup-menu-container > div > div > a.b\:sec {
  margin: 0.25em 0;
}
.popup-menu-container > div > div > a.b\:pri:first-child, .popup-menu-container > div > div > a.b\:sec:first-child {
  margin-right: 0.5em;
}
.popup-menu-container a {
  display: inline-block;
  line-height: 1.2;
  margin: 5px 0.5%;
  vertical-align: top;
  width: 48%;
}

[data-logged=false] .logged-in,
[data-logged=true] .logged-out,
.popup-menu-button [aria-expanded=false] .icon-close-mobile,
.popup-menu-button [aria-expanded=true] .icon-menu {
  display: none;
}

@media (min-width: 61.25rem) {
  .popup-menu-container {
    left: auto;
    right: 0.5em;
  }
}
.logo {
  margin: 0;
  max-width: 160px;
  padding: 0;
}
.logo a {
  display: block;
  margin: 10px 0;
}

@media (min-width: 48rem) {
  .logo {
    max-height: 70px;
  }
}
@media (min-width: 61.25rem) {
  .logo {
    max-height: 70px;
    max-width: none;
  }
  .logo a {
    margin: 10px 0;
  }
}
.header-logo {
  align-self: center;
  margin-right: 1rem;
}
@media (min-width: 48rem) {
  .header-logo a {
    height: 70px;
  }
}
.header-logo a object,
.header-logo a img {
  color: #444;
  fill: currentColor;
  height: auto;
  max-height: 100%;
  vertical-align: middle;
  width: auto;
}
.header-logo svg {
  width: 50px;
  height: 50px;
}
.header-logo #logotyp {
  display: none;
}

@media (min-width: 48rem) {
  .header-logo svg {
    width: 200px;
    height: 50px;
  }
  .header-logo #logotyp {
    display: block;
  }
}
@media (min-width: 61.25rem) {
  .header-logo a svg,
  .header-logo a object,
  .header-logo a img {
    max-width: 100%;
  }
}
.nav-top {
  left: 0;
  margin: 0;
  padding: 0 5px 0 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.nav-top ul {
  list-style: none;
  margin: 0;
  padding: 0;
  transition: all 0.2s ease-out;
}
@media (min-width: 48rem) {
  .nav-top ul {
    margin-top: 10px;
  }
}
.nav-top li {
  display: block;
  float: left;
  height: 50px;
  overflow: hidden;
  position: relative;
}
.nav-top li a,
.nav-top li button {
  border: 0;
  color: #fff;
  display: block;
  height: 50px;
  padding-top: 5px;
  text-align: center;
  width: 50px;
}
.nav-top li a:hover {
  text-decoration: none;
}
.nav-top li a:active,
.nav-top li button:active {
  background-color: #b8daec;
}
.nav-top li i:before {
  font-size: 24px;
  font-size: 1.5rem;
}
.nav-top li span {
  font-size: 10px;
  font-size: 0.625rem;
  display: block;
}

.mobile-anchors {
  display: none;
  float: right;
  max-width: 50px;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
@media (min-width: 61.25rem) {
  .mobile-anchors {
    display: none;
    max-width: 0;
  }
}

.user-bar {
  float: right;
}

.user-bar a {
  display: block;
}

.nav-top a,
.nav-top button {
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
  transition: 0.2s ease-out;
}

.message-count {
  font-size: 10px;
  font-size: 0.625rem;
  background-color: #fff;
  border: 2px solid #88b04b;
  border-radius: 5px;
  color: #c00;
  display: inline-block;
  font-weight: 700;
  height: 24px;
  line-height: 20px;
  position: absolute;
  right: -2px;
  text-align: center;
  top: -2px;
  width: 24px;
}

@media screen and (min-width: 640px) {
  .top-header--image {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    display: block;
    height: 200px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    z-index: 0;
  }
  .top-header--image h1 {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    color: #000;
    margin-bottom: 0;
    padding: 5px 15px;
    position: absolute;
    width: 100%;
    z-index: 2;
  }
  .header-image--placowka {
    background-image: url(../../images/header-placowka.jpg);
  }
  .header-image--apteka {
    background-image: url(../../images/header-apteka.jpg);
  }
  .header-image--lekarz {
    background-image: url(../../images/header-lekarz.jpg);
  }
}
.page-footer {
  align-items: center;
  background-color: #1f2c11;
}
.page-footer .content {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 1rem 0.5rem 1rem;
}
.page-footer .content .footer-content {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.page-footer .content .footer-langs {
  align-self: center;
  flex: 1 0 20%;
}
.page-footer .content .footer-langs label,
.page-footer .content .footer-langs select {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline-block;
  float: none;
  height: 22px;
  margin: 0 5px 0 0;
  min-height: auto;
  padding: 0;
  vertical-align: baseline;
  width: auto;
}
.page-footer .content .footer-langs label {
  color: #fff;
  font-weight: 400;
}
.page-footer .content .footer-langs select {
  padding-left: 5px;
  padding-right: 20px;
}
.page-footer .content .footer-langs select,
.page-footer .content .footer-langs option {
  color: #444;
}
.page-footer .content .footer-copy {
  align-self: center;
  flex: 1 0 auto;
  order: 3;
  padding-left: 1em;
  text-align: right;
}
.page-footer .content button,
.page-footer .content a,
.page-footer .content p {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #fff;
}
.page-footer .content button.link {
  color: #fff;
}
.page-footer .content .footer-links {
  color: #fff;
  flex-grow: 1;
  justify-content: space-around;
  display: flex;
  flex-basis: auto;
  flex-shrink: 0;
  flex-wrap: wrap;
  max-width: 100%;
  padding: 1em 0;
}
.page-footer .content .footer-links P {
  align-self: flex-start;
  margin: 0;
  width: 100%;
}
.page-footer .content .footer-links P button,
.page-footer .content .footer-links P a {
  display: block;
  padding-right: 1.5em;
}
.page-footer .content .footer-links > button,
.page-footer .content .footer-links > a {
  display: inline-block;
  padding: 0 0.5em;
}
.page-footer .content .footer-badges {
  flex: 1 0 auto;
  margin: 0;
  padding: 0 0 0 2em;
  text-align: center;
}
.page-footer .content .box {
  width: 100%;
}
.page-footer .content.box {
  display: block;
}

@media (min-width: 40rem) {
  .page-footer .content .footer-links p {
    width: auto;
  }
}
@media (min-width: 48rem) {
  .page-footer {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .page-footer .content .footer-langs label,
  .page-footer .content .footer-langs select {
    font-size: inherit;
  }
  .page-footer .content button,
  .page-footer .content a,
  .page-footer .content p {
    font-size: inherit;
  }
  .page-footer .content .footer-links {
    justify-content: space-evenly;
  }
  .page-footer .content .footer-langs {
    flex-basis: 20%;
    order: 1;
  }
  .footer-badges {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}
@media (min-width: 61.25rem) {
  .page-footer .content .footer-badges {
    max-width: 33%;
  }
}
.button-border.button-border,
.b\:brd.b\:brd, .button-transparent.button-transparent,
.b\:tra.b\:tra, .button-secondary.button-secondary,
.b\:sec.b\:sec, .button-primary.button-primary,
.b\:pri.b\:pri {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  font-size: 14px;
  font-size: 0.875rem;
  align-items: center;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  font-weight: 400;
  justify-content: center;
  line-height: 1.5em;
  margin: 2px 5px 2px 0;
  outline: 0;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  word-spacing: 0;
}

.button-primary.button-primary,
.b\:pri.b\:pri {
  background-color: #2c729b;
  border-color: #2c729b;
  color: #fff;
}
.button-primary.button-primary:hover,
.b\:pri.b\:pri:hover {
  background-color: #006cb7;
  color: #fff;
  border-color: #006cb7;
  text-decoration: none;
}
.button-primary.button-primary:active,
.b\:pri.b\:pri:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-secondary.button-secondary,
.b\:sec.b\:sec {
  background-color: #fff;
  border-color: #2c729b;
  color: #2c729b;
}
.button-secondary.button-secondary:hover,
.b\:sec.b\:sec:hover {
  background-color: #006cb7;
  color: #fff;
  border-color: #006cb7;
  text-decoration: none;
}
.button-secondary.button-secondary:active,
.b\:sec.b\:sec:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-transparent.button-transparent,
.b\:tra.b\:tra {
  background-color: transparent;
  border-color: transparent;
  color: #2c729b;
}
.button-transparent.button-transparent:hover,
.b\:tra.b\:tra:hover {
  background-color: #006cb7;
  color: #fff;
  border-color: #006cb7;
  text-decoration: none;
}
.button-transparent.button-transparent:active,
.b\:tra.b\:tra:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-border.button-border,
.b\:brd.b\:brd {
  background-color: transparent;
  border-color: #aaa;
  color: #666;
}
.button-border.button-border:hover,
.b\:brd.b\:brd:hover {
  background-color: #006cb7;
  color: #fff;
  border-color: #006cb7;
  text-decoration: none;
}
.button-border.button-border:active,
.b\:brd.b\:brd:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.b\:d,
[disabled],
button[disabled],
input[type=button][disabled],
[class*=button-disabled] {
  background-color: #eee !important;
  background-image: none !important;
  border-color: #ccc !important;
  box-shadow: none !important;
  color: #ccc !important;
  cursor: default !important;
  filter: none !important;
  text-shadow: none !important;
}

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

.b\:xs.b\:xs, .b\:xs.b\:xs:active {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em !important;
  margin: 0;
  padding: 2px 6px 2px !important;
}

.button--small.button--small, .button--small.button--small:active,
.b\:s.b\:s,
.b\:s.b\:s:active {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35em !important;
  padding: 4.5px 9px !important;
}

.button--large.button--large, .button--large.button--large:active,
.b\:l.b\:l,
.b\:l.b\:l:active {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.65em !important;
  padding: 5.5px 11px !important;
}

.button--big.button--big, .button--big.button--big:active,
.b\:xl.b\:xl,
.b\:xl.b\:xl:active {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.95em !important;
  padding: 1px 13px !important;
}

.b\:xxl.b\:xxl, .b\:xxl.b\:xxl:active {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5 !important;
  padding: 7.5px 15px !important;
}

.b\:m.b\:m, .b\:m.b\:m:active {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.5em !important;
  padding: 5px 10px !important;
}

.b\:red.b\:red {
  background-color: #aa2929;
  background-image: none;
  border-color: #aa2929;
  color: #fff;
}

.b\:green.b\:green {
  background-color: #11660e;
  background-image: none;
  border-color: #11660e;
  color: #fff;
}

.b\:orange.b\:orange {
  background-color: #d35400;
  background-image: none;
  border-color: #d35400;
  color: #fff;
}

.button--large span,
.b\:l span {
  display: block;
  font-size: inherit;
  line-height: 1.2;
}
.button--large i + span,
.b\:l i + span {
  display: inline-block;
}

[class^=button-] span,
[class^="b:"] span {
  line-height: 1.2;
  text-align: left;
}
[class^=button-] > i,
[class^="b:"] > i {
  margin-left: 5px;
  margin-right: 0;
}
[class^=button-] > i:first-child,
[class^="b:"] > i:first-child {
  margin-left: 0;
}
[class^=button-] > i:first-child + span,
[class^="b:"] > i:first-child + span {
  margin-left: 5px;
}
[class^=button-] > i:only-child,
[class^="b:"] > i:only-child {
  margin-right: 0;
}
[class^=button-] > i:not(:first-child):last-child,
[class^="b:"] > i:not(:first-child):last-child {
  margin-right: 0;
}
[class^=button-] > i.icon-mobile,
[class^="b:"] > i.icon-mobile {
  margin-left: 0;
  margin-right: 0;
}
[class^=button-] > i.icon-mobile:first-child + span,
[class^="b:"] > i.icon-mobile:first-child + span {
  margin-left: 10px;
}
[class^=button-] > .v-h + i,
[class^="b:"] > .v-h + i {
  margin-left: 0;
  margin-right: 0;
}
[class^=button-] > span.phablet-up + i.icon-mobile, [class^=button-] > span.tablet-up + i.icon-mobile, [class^=button-] > span.desktop-up + i.icon-mobile, [class^=button-] > span.pha\:u + i.icon-mobile, [class^=button-] > span.tab\:u + i.icon-mobile, [class^=button-] > span.des\:u + i.icon-mobile,
[class^="b:"] > span.phablet-up + i.icon-mobile,
[class^="b:"] > span.tablet-up + i.icon-mobile,
[class^="b:"] > span.desktop-up + i.icon-mobile,
[class^="b:"] > span.pha\:u + i.icon-mobile,
[class^="b:"] > span.tab\:u + i.icon-mobile,
[class^="b:"] > span.des\:u + i.icon-mobile {
  margin-left: 10px;
}

.button-group,
.b-g {
  display: inline-block;
  position: relative;
  word-spacing: 0;
}
.button-group [class^=button-],
.button-group [class^="b:"],
.b-g [class^=button-],
.b-g [class^="b:"] {
  float: left;
  margin-right: 0;
  position: relative;
  z-index: 1;
}
.button-group [class^=button-]:hover, .button-group [class^=button-].active,
.button-group [class^="b:"]:hover,
.button-group [class^="b:"].active,
.b-g [class^=button-]:hover,
.b-g [class^=button-].active,
.b-g [class^="b:"]:hover,
.b-g [class^="b:"].active {
  z-index: 5;
}
.button-group [class^=button-]:not(:first-child):not(:last-child),
.button-group [class^="b:"]:not(:first-child):not(:last-child),
.b-g [class^=button-]:not(:first-child):not(:last-child),
.b-g [class^="b:"]:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.button-group [class^=button-]:first-child,
.button-group [class^="b:"]:first-child,
.b-g [class^=button-]:first-child,
.b-g [class^="b:"]:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group [class^=button-]:last-child,
.button-group [class^="b:"]:last-child,
.b-g [class^=button-]:last-child,
.b-g [class^="b:"]:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group [class^=button-] + [class^=button-],
.button-group [class^="b:"] + [class^="b:"],
.b-g [class^=button-] + [class^=button-],
.b-g [class^="b:"] + [class^="b:"] {
  margin-left: -1px;
}
.button-group .b\:pri:hover, .button-group .b\:pri:active,
.b-g .b\:pri:hover,
.b-g .b\:pri:active {
  background-color: #2c729b;
  border-color: #2c729b;
  color: #fff;
}

.button-group + .button-group,
.b-g + .b-g {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}
@media (min-width: 61.25rem) {
  .button-group + .button-group,
  .b-g + .b-g {
    margin-top: 0;
  }
}

.button-group-slim .button-primary,
.button-group-slim .button-secondary,
.button-group-slim .b\:pri,
.button-group-slim .b\:sec,
.b-g\:s .button-primary,
.b-g\:s .button-secondary,
.b-g\:s .b\:pri,
.b-g\:s .b\:sec {
  padding: 5px 7px;
}

.button-group-container {
  background-color: #cacaca;
  line-height: 0;
  padding: 0;
  text-align: center;
  word-spacing: -4px;
}
.button-group-container .button-group, .button-group-container .b-g {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.button-group-container .button-group span, .button-group-container .b-g span {
  line-height: 1.5;
}
.button-group-container [class*=button-], .button-group-container [class*="b:"] {
  font-size: 13px;
  font-size: 0.8125rem;
  box-shadow: none;
  word-spacing: 0;
}
.button-group-container.has-headers [class*=button-], .button-group-container.has-headers [class*="b:"] {
  font-size: 14px !important;
}
.button-group-container.has-headers .button-group > span:first-child,
.button-group-container.has-headers .b-g > span:first-child {
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
  display: block;
  font-weight: 700;
  margin-bottom: 2px;
  margin-left: 3px;
  margin-top: -2px;
  text-align: left;
  text-transform: uppercase;
}
.button-group-container.has-headers .button-group > span:first-child + [class*=button-],
.button-group-container.has-headers .button-group > span:first-child + [class*="b:"],
.button-group-container.has-headers .b-g > span:first-child + [class*=button-],
.button-group-container.has-headers .b-g > span:first-child + [class*="b:"] {
  border-radius: 5px 0 0 5px;
}

.table-data [class*="b:pri"]:active,
.table-data [class*="b:sec"]:active,
.table-data [class*="b:tra"]:active,
.table-data [class*="b:brd"]:active {
  font-size: inherit;
  padding: 2px 6px;
  white-space: nowrap;
}

.button-flash.button-primary, .button-flash.button-secondary, .button-flash.b\:pri, .button-flash.b\:sec {
  background-color: #aa2929;
  background-image: none;
  border-color: #aa2929;
  color: #fff;
}

[class*="b:"]:focus:not(:focus-visible) {
  outline: 0;
}

.button-settings {
  display: block;
  text-align: left;
}
.button-settings .icon-cog {
  float: right;
  opacity: 0;
  padding: 5px 15px 5px 0;
  transition: opacity 0.2s ease;
}
.button-settings:hover .icon-cog {
  opacity: 1;
}

.button-switch {
  border: 0;
  color: #2c729b;
  font-size: 14px;
  left: 0;
  text-align: left;
  top: 0;
}
.button-switch.switch-full {
  text-align: right;
}
.button-switch.switch-left {
  text-align: left;
}
.button-switch.toggler {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.button-switch.float--right, .button-switch.fl\:r {
  width: auto;
}
.button-switch > span:before {
  font-size: 20px;
  font-size: 1.25rem;
  display: block;
  font-family: "icomoon" !important;
  height: 24px;
  position: absolute;
  right: -23px;
  top: 0;
  width: 24px;
}
.button-switch + p, .button-switch + h2, .button-switch + h3, .button-switch + h4 {
  margin: 0;
}

.p-icon .toggler.button-switch {
  height: auto;
  min-height: auto;
  width: auto;
}

.is--off .switch--off,
.is--on .switch--on,
.is--off .switch-off,
.is--on .switch-on,
[aria-pressed=false].is--off .switch--off,
[aria-pressed=true].is--on .switch--on,
[aria-pressed=false] .switch--off,
[aria-pressed=false] .switch-off,
[aria-pressed=true] .switch--on,
[aria-pressed=true] .switch-on {
  display: none !important;
}

[aria-pressed=false].is--on .switch--on,
[aria-pressed=false].is--on .switch-on,
[aria-pressed=true].is--off .switch--off,
[aria-pressed=true].is--off .switch-off {
  display: inline !important;
}

.switch-full {
  position: absolute;
}
.switch-full i,
.switch-full i:before {
  display: none !important;
}
.switch-full > span {
  margin-right: 1.5em;
  position: relative;
}
.switch-full.is--off .switch--on:before, .switch-full.is--off .switch-on:before, .switch-full[aria-pressed=false] .switch--on:before, .switch-full[aria-pressed=false] .switch-on:before {
  content: "\e90d";
}
.switch-full.is--on .switch--off:before, .switch-full.is--on .switch-off:before, .switch-full[aria-pressed=true] .switch--off:before, .switch-full[aria-pressed=true] .switch-off:before {
  content: "\e910";
}

.switch--on > span,
.switch--off > span,
.switch-on > span,
.switch-off > span {
  display: none;
}

.switch-left {
  position: absolute;
}
.switch-left .switch--on span, .switch-left .switch--off span, .switch-left .switch-on span, .switch-left .switch-off span {
  display: none;
}
.switch-left > span:before {
  content: "";
  font-size: 16px;
  left: 0;
  padding: 3px;
  position: relative;
  right: auto;
  text-indent: 0;
  top: 0;
}
.switch-left.is--off .switch--on:before, .switch-left.is--off .switch-on:before, .switch-left[aria-pressed=false] > .switch--on:before, .switch-left[aria-pressed=false] > .switch-on:before {
  content: "\e905";
}
.switch-left.is--on .switch--off:before, .switch-left.is--on .switch-off:before, .switch-left[aria-pressed=true] > .switch--off:before, .switch-left[aria-pressed=true] > .switch-off:before {
  content: "\e960";
}
.switch-left + h2, .switch-left + h3 {
  margin-left: 1.3em;
}

@media (max-width: 61.187rem) {
  .button-switch > span {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .button-switch > span:before {
    top: 0;
  }
  .switch-full + p, .switch-full + h2, .switch-full + h3, .switch-full + h4 {
    padding-right: 1.5em;
  }
}
@media (min-width: 48rem) {
  .switch-full + p, .switch-full + h2, .switch-full + h3, .switch-full + h4 {
    padding-right: 5em;
  }
  .switch--on > span,
  .switch--off > span,
  .switch-on > span,
  .switch-off > span {
    display: inline;
  }
}
@media (min-width: 61.25rem) {
  .switch-full:hover > span:before {
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-name: slide;
    animation-timing-function: linear;
  }
}
.toggle-box .switch-full,
.toggle-box .b-s\:f {
  padding: 0.35em 0;
}
.toggle-box, .toggle-box.hover-box {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
.toggle-box + .toggle-box {
  border-top: 0;
}
.toggle-box .toggle-box {
  border-bottom: 0;
}
.toggle-box .toggle-box + .toggle-box {
  border-top: 1px dotted #ccc;
}
.toggle-box > .box {
  padding: 0.25em 0;
}

.hover-box {
  min-height: 32px;
}
.hover-box > .box {
  padding: 0.25em 0.5em;
}
.hover-box > .box:hover button {
  background-color: rgba(30, 127, 195, 0.1);
}
.hover-box + .hover-box {
  margin: 0;
}

@keyframes slide {
  0% {
    top: 0;
  }
  25% {
    top: 2px;
  }
  50% {
    top: 0;
  }
  75% {
    top: -2px;
  }
  100% {
    top: 0;
  }
}
@media (min-width: 61.25rem) {
  .toggle-box .toggle-box {
    margin-left: 2em;
  }
}
@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .button-switch > span::before {
    margin-top: -5px;
  }
}
.button-url {
  border: 0;
  color: #0070a5;
  display: block;
  font-size: 14px;
  height: 100%;
  left: 0;
  overflow: hidden;
  padding: 0 !important;
  position: absolute;
  text-align: right;
  text-decoration: none;
  top: 0;
  width: 100%;
}
.button-url:hover {
  text-decoration: none;
}
.button-url + p, .button-url + h2, .button-url + h3, .button-url + h4 {
  margin: 0;
}
.button-url span {
  display: none;
  margin-right: 1.5em;
  position: relative;
  line-height: 1;
  text-align: right;
}
.button-url:after {
  font-size: 20px;
  font-size: 1.25rem;
  content: "\e90f";
  display: block;
  font-family: "icomoon" !important;
  height: 24px;
  position: absolute;
  right: -2px;
  top: -2px;
  width: 24px;
}

.hover-box .button-url:after,
.box\:h .button-url:after {
  top: 1px;
}

@media (min-width: 48rem) {
  .button-url span {
    display: block;
  }
  .button-url + p {
    margin-right: 5em;
  }
}
.button-url:hover:after {
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-name: slide-h;
  animation-timing-function: linear;
}

@keyframes slide-h {
  0% {
    right: -2px;
  }
  25% {
    right: 0;
  }
  50% {
    right: -2px;
  }
  75% {
    right: -4px;
  }
  100% {
    right: -2px;
  }
}
.box\:t {
  border-bottom: 1px dotted #ccc;
  border-top: 1px dotted #ccc;
}
.box\:t + .box\:t {
  border-top: 0;
}
.box\:t .box\:t {
  border-bottom: 0;
  margin-left: 1.2em;
}
.box\:t .box\:t + .box\:t {
  border-top: 1px dotted #ccc;
}
.box\:t .b-s {
  padding: 4px 0;
}
.box\:t .b-s:hover {
  background-color: rgba(30, 127, 195, 0.1);
}
.box\:t .b-s\:f {
  margin-right: 0.25rem;
  padding: 0;
}

.b-s {
  align-items: center;
  display: flex;
  position: relative;
}

.switcher {
  font-size: 14px;
  font-size: 0.875rem;
  border: 0;
  color: #2c729b;
  overflow: hidden;
  text-align: left;
}
.switcher:after,
.switcher span:after {
  font-family: "icomoon" !important;
}
.switcher.chevron > span > span:last-child:after {
  content: "\e90d";
  margin-left: 0.25em;
}
.switcher.chevron[aria-expanded=true] > span > span:last-child:after, .switcher.chevron[aria-pressed=true] > span > span:last-child:after {
  content: "\e910";
}

.b-s\:l {
  height: 100%;
  left: 0;
  text-align: left;
  top: 0;
}
.b-s\:l + h2,
.b-s\:l + h3,
.b-s\:l + h4,
.b-s\:l + p {
  flex-grow: 1;
  margin: 0;
  order: 2;
  padding: 0 0 0 0.25rem;
}
.b-s\:l::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-s\:l:after {
  font-size: 16px;
  font-size: 1rem;
  content: "\e905";
  line-height: 1.5;
  margin: 0 0 0 0.2em;
  order: 1;
  position: relative;
}
.b-s\:l[aria-expanded=true]:after, .b-s\:l[aria-pressed=true]:after {
  content: "\e960";
}
.b-s\:l > span {
  display: none;
}

[data-slider=all] {
  height: 30px;
  position: relative;
}

.b-s\:s {
  display: inline-block;
  height: 24px;
  outline: none;
  position: relative;
  width: 24px;
}
.b-s\:s:after {
  font-size: 24px;
  font-size: 1.5rem;
  content: "\e91f";
}
.b-s\:s[aria-expanded=true]:after, .b-s\:s[aria-pressed=true]:after {
  content: "\e954";
}
.b-s\:s > span {
  display: none;
}

.b-s\:f {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  flex-shrink: 0;
  height: 100%;
  line-height: 1;
  order: 2;
  text-align: right;
  top: 0;
}
.b-s\:f + h2,
.b-s\:f + h3,
.b-s\:f + h4,
.b-s\:f + p {
  flex-grow: 1;
  margin: 0 0 0 0.25rem;
  order: 1;
  padding: 0;
}
.b-s\:f > span:last-child {
  display: block;
  height: 24px;
  line-height: 24px;
  margin-right: 1.5em;
  position: relative;
}
.b-s\:f > span:last-child:after {
  font-size: 20px;
  font-size: 1.25rem;
  color: #2c729b;
  content: "\e90d";
  display: block;
  font-family: "icomoon";
  height: 24px;
  position: absolute;
  right: -24px;
  top: 0;
  width: 24px;
}
.b-s\:f::before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.b-s\:f[aria-expanded=true] > span:last-child:after, .b-s\:f[aria-pressed=true] > span:last-child:after {
  content: "\e910";
}
.b-s\:f:hover > span:after {
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-name: slide-ver;
  animation-timing-function: linear;
}
.b-s\:f.b\:url:hover > span:after {
  animation-name: slide-hor;
}

@keyframes slide-ver {
  0% {
    top: 0;
  }
  25% {
    top: 2px;
  }
  50% {
    top: 0;
  }
  75% {
    top: -2px;
  }
  100% {
    top: 0;
  }
}
@keyframes slide-hor {
  0% {
    right: -2px;
  }
  25% {
    right: 0;
  }
  50% {
    right: -2px;
  }
  75% {
    right: -4px;
  }
  100% {
    right: -2px;
  }
}
.slider {
  display: none;
  overflow: hidden;
}
.slider:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 0\0 ) and (min-resolution: 72dpi) {
  .b-s\:l:after {
    position: relative;
    top: 0;
  }
  .b-s\:s:after {
    position: relative;
    top: -6px;
  }
  .b-s\:f > span:last-child:after {
    right: -20px;
  }
}
.ie9 .switcher:before,
.ie8 .switcher:before {
  background-color: rgba(0, 0, 0, 0.00001);
}
.ie9 .b-s\:l,
.ie8 .b-s\:l {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.ie9 .b-s\:l:after,
.ie8 .b-s\:l:after {
  position: absolute;
  top: 4px;
}
.ie9 .b-s\:l + h2,
.ie9 .b-s\:l + h3,
.ie9 .b-s\:l + h4,
.ie9 .b-s\:l + h5,
.ie9 .b-s\:l + h6,
.ie9 .b-s\:l + p,
.ie8 .b-s\:l + h2,
.ie8 .b-s\:l + h3,
.ie8 .b-s\:l + h4,
.ie8 .b-s\:l + h5,
.ie8 .b-s\:l + h6,
.ie8 .b-s\:l + p {
  margin: 0 0 0 1.25em;
  z-index: 0;
}
.ie9 .b-s\:s,
.ie8 .b-s\:s {
  position: absolute;
  width: 100%;
}
.ie9 .b-s\:s:after,
.ie8 .b-s\:s:after {
  position: absolute;
  top: -6px;
}
.ie9 .b-s\:f,
.ie8 .b-s\:f {
  position: absolute;
  width: 100%;
}
.ie9 .b-s\:f span,
.ie8 .b-s\:f span {
  position: absolute;
  right: 0;
  top: 4px;
}

.b\:url {
  display: flex;
  align-items: center;
}
@keyframes slide-hor {
  0% {
    right: -23px;
  }
  25% {
    right: -21px;
  }
  50% {
    right: -23px;
  }
  75% {
    right: -25px;
  }
  100% {
    right: -23px;
  }
}
.b\:url:hover {
  text-decoration: none;
}
.b\:url > span > span:after {
  content: "";
  font-family: "icomoon" !important;
}
.b\:url.b-s\:f span > span:last-child:after {
  content: "\e90f";
}
.b\:url.b-s\:f:hover > span > span:after {
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
  animation-name: slide-hor;
  animation-timing-function: linear;
}

.buttons-strap,
.b-b {
  clear: both;
  margin: 20px auto 10px;
  text-align: center;
}

.field-search-text .button-primary i.icon-24,
.field-search-text .b\:pri i.icon-24 {
  display: inline-block;
  font-size: 20px;
  height: 20px;
  text-indent: 0;
  vertical-align: middle;
  width: 20px;
}

.b\:back {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 26px;
  overflow: hidden;
  padding-left: 25px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 24px;
}
.b\:back i,
.b\:back i:before {
  display: none !important;
}
.b\:back:before {
  content: "\e918";
  display: block;
  font-family: icomoon;
  font-size: 16px;
  left: 5px;
  position: absolute;
}
.b\:back:hover {
  color: #215573;
  text-decoration: none;
}

.flex .b\:back {
  align-self: start;
  position: relative;
  top: 0;
}

@media (min-width: 61.25rem) {
  .b\:back {
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 5px;
    top: 0;
    width: auto;
  }
  .b\:back:hover:before {
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-name: move-h;
    animation-timing-function: linear;
  }
}
@keyframes move-h {
  0% {
    left: 5px;
  }
  25% {
    left: 3px;
  }
  50% {
    left: 5px;
  }
  75% {
    left: 7px;
  }
  100% {
    left: 5px;
  }
}
a.button--tiny.button--tiny, a.button--tiny.button--tiny:active, a.b\:xs.b\:xs, a.b\:xs.b\:xs:active,
button.button--tiny.button--tiny,
button.button--tiny.button--tiny:active,
button.b\:xs.b\:xs,
button.b\:xs.b\:xs:active {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.2em !important;
  padding: 2px 6px 2px !important;
}
a.button--small.button--small, a.button--small.button--small:active, a.b\:s.b\:s, a.b\:s.b\:s:active,
button.button--small.button--small,
button.button--small.button--small:active,
button.b\:s.b\:s,
button.b\:s.b\:s:active {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.35em !important;
  padding: 4.5px 9px !important;
}
a.button--large.button--large, a.button--large.button--large:active, a.b\:l.b\:l, a.b\:l.b\:l:active,
button.button--large.button--large,
button.button--large.button--large:active,
button.b\:l.b\:l,
button.b\:l.b\:l:active {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.65em !important;
  padding: 5.5px 11px !important;
}
a.button--big.button--big, a.button--big.button--big:active, a.b\:xl.b\:xl, a.b\:xl.b\:xl:active,
button.button--big.button--big,
button.button--big.button--big:active,
button.b\:xl.b\:xl,
button.b\:xl.b\:xl:active {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.95em !important;
  padding: 1px 13px !important;
}
a.b\:xxl.b\:xxl, a.b\:xxl.b\:xxl:active,
button.b\:xxl.b\:xxl,
button.b\:xxl.b\:xxl:active {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.5 !important;
  padding: 7.5px 15px !important;
}
a.b\:m.b\:m, a.b\:m.b\:m:active,
button.b\:m.b\:m,
button.b\:m.b\:m:active {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.5em !important;
  padding: 5px 10px !important;
}
a.b\:slim,
button.b\:slim {
  padding: 0.125rem 0.5rem !important;
}
a.b\:75,
button.b\:75 {
  width: 75px;
}
a.b\:100,
button.b\:100 {
  width: 100px;
}
a.b\:125,
button.b\:125 {
  width: 120px;
}
a.b\:150,
button.b\:150 {
  width: 150px;
}
a.b\:175,
button.b\:175 {
  width: 175px;
}
a.b\:200,
button.b\:200 {
  width: 200px;
}

.store-data {
  display: inline-block;
  line-height: 0;
  position: relative;
  vertical-align: middle;
}

.store-data-apple,
.store-data-google {
  display: inline-block;
  line-height: 0;
  position: relative;
  vertical-align: middle;
}

@media (max-width: 47.937rem) {
  div.pagination,
  nav.pagination {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    margin: 20px auto;
  }
  div.pagination:after,
  nav.pagination:after {
    clear: both;
    content: "";
    display: table;
  }
  div.pagination .go2page,
  nav.pagination .go2page {
    float: left;
  }
  div.pagination .go2page input[type=number],
  nav.pagination .go2page input[type=number] {
    font-size: 14px;
    font-size: 0.875rem;
    color: #444;
    height: 29px;
    margin: 0;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 50px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
  }
  div.pagination .go2page label,
  div.pagination .go2page span,
  nav.pagination .go2page label,
  nav.pagination .go2page span {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
  }
  div.pagination .prevnext,
  nav.pagination .prevnext {
    float: right;
  }
  div.pagination .prevnext a i,
  nav.pagination .prevnext a i {
    margin: 0;
  }
  div.pagination .b\:pri,
  div.pagination .b\:sec,
  nav.pagination .b\:pri,
  nav.pagination .b\:sec {
    margin: 0 5px 0 0;
    padding: 2px 10px 4px;
  }
  nav.pagination ul,
  ul.pagination {
    display: none;
  }
}
@media (min-width: 48rem) {
  nav.pagination .go2page,
  nav.pagination .prevnext,
  div.pagination {
    display: none;
  }
  nav.pagination {
    text-align: center;
  }
  ul.pagination,
  .pagination ul {
    border-radius: 0;
    display: inline-block;
    list-style: none;
    margin: 20px auto;
    padding: 0;
  }
  ul.pagination > li,
  .pagination ul > li {
    display: inline;
  }
  ul.pagination > li > a, ul.pagination > li > span,
  .pagination ul > li > a,
  .pagination ul > li > span {
    background-color: #fff;
    color: #2c729b;
    float: left;
    line-height: 1.5;
    margin-left: -1px;
    padding: 4px 11px;
    position: relative;
    text-decoration: none;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
  }
  ul.pagination > li > a:hover,
  .pagination ul > li > a:hover {
    background-color: #2c729b;
    color: #fff;
  }
  ul.pagination > li:first-child > a, ul.pagination > li:first-child > span,
  .pagination ul > li:first-child > a,
  .pagination ul > li:first-child > span {
    border-radius: 3px 0 0 3px;
  }
  ul.pagination > li:last-child > a, ul.pagination > li:last-child > span,
  .pagination ul > li:last-child > a,
  .pagination ul > li:last-child > span {
    border-radius: 0 3px 3px 0;
  }
  ul.pagination > li.is-selected a,
  .pagination ul > li.is-selected a {
    background-color: #5f7a34;
    color: #fff;
  }
}
.pagination-alt {
  align-items: center;
  column-gap: 0.5rem;
  display: flex;
  margin: 1.5rem auto;
  width: fit-content;
}
.pagination-alt .b\:brd {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  margin: 0;
  min-height: 1.5rem;
  padding: 3px 3px 0;
}
.pagination-alt ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 -5px;
  padding: 0;
}
.pagination-alt li {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0 5px;
}
.pagination-alt li a,
.pagination-alt li span {
  display: block;
}
.pagination-alt .is-selected a {
  background-color: #2c729b;
  color: #fff;
  border-radius: 3px;
  padding: 3px 6px;
}

@media (max-width: 47.937rem) {
  .pagination-alt .b\:brd {
    padding: 0 7.5px;
  }
  .pagination-alt select {
    text-align: center;
    width: 100px;
  }
}
.ui-tabs,
.ui-tabs .ui-tabs-nav,
.ui-tabs .ui-tabs-nav li,
.ui-tabs .ui-tabs-nav li a,
.ui-tabs .ui-tabs-nav li a span,
.ui-tabs .ui-tabs-panel {
  background-color: transparent;
  background-image: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.ui-tabs {
  margin-bottom: 1em;
}
.ui-tabs .ui-tabs-nav {
  border-color: #88b04b;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 3px;
  display: block;
  height: auto;
  list-style: none;
  margin: 20px 0;
  padding: 0 0 0 0;
  width: 100%;
}
.ui-tabs .ui-tabs-nav li {
  background-color: transparent;
  border-color: #bbb;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0;
  display: inline;
  float: left;
  margin: 0 0 0 0;
  padding: 0 0 0;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
  margin: 0 0 0 0;
  padding: 0 0 0;
}
.ui-tabs .ui-tabs-nav li:first-child {
  border-color: #ddd;
  border-left-width: 0;
}
.ui-tabs .ui-tabs-nav li:first-child > span,
.ui-tabs .ui-tabs-nav li:first-child > a.ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li:first-child > a.ui-tabs-anchor:hover {
  border-color: #ddd;
  border-left-width: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-state-active:first-child > a, .ui-tabs .ui-tabs-nav li.ui-state-active:first-child > span, .ui-tabs .ui-tabs-nav li:first-child > a.ui-tabs-anchor:hover, .ui-tabs .ui-tabs-nav li:first-child > span:hover {
  border-color: #88b04b;
}
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor, .ui-tabs .ui-tabs-nav li > span {
  font-size: 13px;
  font-size: 0.8125rem;
  background-color: #fff;
  background-image: none;
  border-color: #ddd;
  border-radius: 3px 3px 0 0;
  border-style: solid;
  border-width: 1px 1px 0 0;
  color: #2c729b;
  display: block;
  float: left;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0;
  padding: 7px 11px 7px 11px;
  position: relative;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor i ~ span,
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor img ~ span, .ui-tabs .ui-tabs-nav li > span i ~ span,
.ui-tabs .ui-tabs-nav li > span img ~ span {
  color: inherit;
  display: block;
  margin: 0;
  padding: 10px 0 0 35px;
}
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor i ~ span.title, .ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor i ~ span.subtitle,
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor img ~ span.title,
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor img ~ span.subtitle, .ui-tabs .ui-tabs-nav li > span i ~ span.title, .ui-tabs .ui-tabs-nav li > span i ~ span.subtitle,
.ui-tabs .ui-tabs-nav li > span img ~ span.title,
.ui-tabs .ui-tabs-nav li > span img ~ span.subtitle {
  display: block;
  padding: 0;
}
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor span.title,
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor span.subtitle, .ui-tabs .ui-tabs-nav li > span span.title,
.ui-tabs .ui-tabs-nav li > span span.subtitle {
  display: block;
  padding: 0;
}
.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor:hover, .ui-tabs .ui-tabs-nav li > span:hover {
  background-color: #106098;
  border-color: #106098;
  color: #fff;
}
.ui-tabs .ui-tabs-nav > .ui-tabs-active a.ui-tabs-anchor, .ui-tabs .ui-tabs-nav > .ui-tabs-active > span, .ui-tabs .ui-tabs-nav > .ui-tabs-active a.ui-tabs-anchor:hover {
  background-color: #88b04b;
  background-image: none;
  border-color: #88b04b #88b04b #fff;
  border-radius: 3px 3px 0 0;
  border-style: solid;
  border-width: 1px 1px 0;
  color: #fff;
  font-weight: normal;
  margin: -3px 0 0 0;
  padding: 10px 11px 7px 11px;
}

.tabs > select {
  float: none;
}

.ui-tabs-active span {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.ui-tabs .ui-tabs-nav > li.tab-special {
  float: right;
}
.ui-tabs .ui-tabs-nav > li.tab-special a {
  background-color: #408f2e;
  border: 1px solid #408f2e;
  border-width: 1px 1px 0;
  color: #fff;
}

.full-width .ui-tabs-nav {
  border-bottom-width: 3px;
  display: table;
  display: flex;
  flex-wrap: wrap;
  float: none;
  width: 100%;
}
.full-width .ui-tabs-nav > li {
  display: block;
  flex-grow: 1;
  float: none;
}
.full-width .ui-tabs-nav > li a.ui-tabs-anchor {
  border-bottom-width: 0;
  display: block;
  width: 100%;
}
.full-width .ui-tabs-nav li.ui-tabs-active {
  padding-bottom: 0;
}

.ui-tabs > ul li i {
  float: left;
  margin-right: 10px !important;
}
.ui-tabs > ul li i + span {
  padding-left: 28px;
}
.ui-tabs > ul li img {
  float: left;
  margin-left: -5px;
  margin-top: 3px;
}
.ui-tabs > ul li i ~ .title,
.ui-tabs > ul li i ~ .subtitle,
.ui-tabs > ul li img ~ .title,
.ui-tabs > ul li img ~ .subtitle {
  margin-left: 0 !important;
  padding-left: 35px !important;
}
.ui-tabs > ul li .title {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700 !important;
}
.ui-tabs > ul li .subtitle {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
}

.tabs-small li .title {
  font-size: 13px;
}

.tabs-strap {
  clear: both;
  overflow: hidden;
}
.tabs-strap .field-check {
  display: block;
  float: left;
  line-height: 1;
  margin: 5px 0.5em 6px;
}
.tabs-strap .field-check > label {
  display: inline-block;
  margin: 3px 10px 0 0;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.tabs-strap .field-check > label > i {
  display: inline-block;
  top: 0;
}
.tabs-strap .field-check > label > span {
  color: black;
  display: inline-block;
  line-height: 1.3;
}
.tabs-strap .field-check > label [disabled] + i + span {
  color: rgba(0, 0, 0, 0.7);
}

@media (min-width: 48rem) {
  .tabs-strap {
    background-color: #88b04b;
    margin-top: -20px;
  }
  .tabs-strap .field-check {
    margin-top: 3px;
  }
  .tabs-strap .field-check > label > span {
    color: #fff;
  }
  .tabs-strap .field-check > label [disabled] + i + span {
    color: rgba(255, 255, 255, 0.7);
  }
}
@media (min-width: 980px) {
  .centered .ui-tabs-nav {
    display: flex;
    justify-content: space-evenly;
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  .centered .ui-tabs-nav li {
    flex-grow: 1;
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
  .centered .ui-tabs-nav li a {
    height: 100%;
    text-align: center;
    width: 100%;
  }
  .centered.ui-tabs .ui-tabs-nav li.ui-state-default .ui-tabs-anchor,
  .centered.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    border-left-width: 1px !important;
  }
}
.ui-tabs.prominent ul.ui-tabs-nav li a span {
  font-size: 16px;
  font-weight: 400;
  line-height: 2.4;
}

.multi-steps {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0.25em;
  margin: 1em auto 2em;
  padding: 0.25em 0.5em;
  width: 100%;
}
.multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.multi-steps li {
  display: block;
  margin: 0.1em 0;
  padding: 0 0 0 15px;
  position: relative;
}
.multi-steps li br {
  display: none;
}
.multi-steps li > em:first-child,
.multi-steps li > span:first-child {
  font-size: 14px;
  font-size: 0.875rem;
  color: #364e5e;
  display: block;
  font-style: normal;
  font-weight: 600;
  position: relative;
}
.multi-steps li.current-v > em:first-child,
.multi-steps li.current-v > span:first-child, .multi-steps li.visited > em:first-child,
.multi-steps li.visited > span:first-child, .multi-steps li.waiting > em:first-child,
.multi-steps li.waiting > span:first-child {
  color: #27ae60;
}
.multi-steps li.current > em:first-child,
.multi-steps li.current > span:first-child {
  color: #2c729b;
  font-weight: 700;
}
.multi-steps li.current-x > em:first-child,
.multi-steps li.current-x > span:first-child {
  color: #e74c3c;
  font-weight: 700;
}
.multi-steps li.visited > em,
.multi-steps li.visited > span {
  color: #27ae60;
}
.multi-steps.steps-icons i {
  display: none;
}
.multi-steps.count li {
  counter-increment: steps;
}
.multi-steps.count li > em:first-child:before,
.multi-steps.count li > span:first-child:before {
  content: counter(steps) " - ";
}
.multi-steps.count li.waiting:before, .multi-steps.count li.visited:before, .multi-steps.count li.current-v:before, .multi-steps.count li.current:last-child:before {
  color: #27ae60;
  content: "✔";
  display: block;
  left: -2px;
  position: absolute;
}
.multi-steps.count li.waiting + li.waiting:before, .multi-steps.count li.waiting + li.visited:before, .multi-steps.count li.waiting + li.current-v:before, .multi-steps.count li.waiting + li.current:last-child:before {
  animation: flashed 1s linear infinite;
  color: #2c729b;
  content: "•••";
  display: block;
  left: -4px;
  position: absolute;
}
.multi-steps > em + span[data-time]:before,
.multi-steps > span + span[data-time]:before {
  font-size: 12px;
  font-size: 0.75rem;
  content: " (" attr(data-time) ")";
  display: inline-block;
}
.multi-steps > em + span[data-wait1]:before,
.multi-steps > span + span[data-wait1]:before {
  font-size: 12px;
  font-size: 0.75rem;
  content: " (" attr(data-wait1);
  display: inline-block;
}
.multi-steps > em + span[data-wait2]:after,
.multi-steps > span + span[data-wait2]:after {
  font-size: 12px;
  font-size: 0.75rem;
  content: " " attr(data-wait2) ")";
  display: inline-block;
}

@media (min-width: 48rem) {
  .multi-steps {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    text-align: center;
  }
  .multi-steps li {
    display: block;
    float: left;
    margin: 0.4em 0;
    position: relative;
  }
  .multi-steps li > em:first-child,
  .multi-steps li > span:first-child {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #364e5e;
    font-style: normal;
    font-weight: 600;
  }
  .multi-steps li > em:first-child > span,
  .multi-steps li > span:first-child > span {
    display: block;
  }
  .multi-steps li > em:first-child:before,
  .multi-steps li > span:first-child:before {
    left: 50%;
    right: auto;
    background-color: #aaa;
    border-radius: 50%;
    content: "";
    height: 12px;
    position: absolute;
    width: 12px;
    z-index: 1;
  }
  .multi-steps li > em:first-child br,
  .multi-steps li > span:first-child br {
    display: inline;
  }
  .multi-steps li:last-of-type {
    margin-right: 0;
  }
  .multi-steps li:after {
    background: #aaa;
    content: "";
    height: 4px;
    margin: 0;
    position: absolute;
  }
  .multi-steps li.visited:after, .multi-steps li.visited em:before, .multi-steps li.current-v em:before, .multi-steps li.visited span:first-child:before, .multi-steps li.current-v span:first-child:before {
    background-color: #27ae60;
  }
  .multi-steps li.visited > em:first-child,
  .multi-steps li.visited > span:first-child {
    color: #27ae60;
  }
  .multi-steps li.current > em:first-child,
  .multi-steps li.current > span:first-child {
    color: #2c729b;
  }
  .multi-steps li.current > em:first-child:before,
  .multi-steps li.current > span:first-child:before {
    background-color: #2c729b;
  }
  .multi-steps li.current-x > em:first-child,
  .multi-steps li.current-x > span:first-child, .multi-steps li.current-xx > em:first-child,
  .multi-steps li.current-xx > span:first-child {
    color: #e74c3c;
  }
  .multi-steps li.current-x > em:first-child:before,
  .multi-steps li.current-x > span:first-child:before, .multi-steps li.current-xx > em:first-child:before,
  .multi-steps li.current-xx > span:first-child:before {
    background-color: #e74c3c;
  }
  .multi-steps li.current-xx:after {
    background-color: #e74c3c;
  }
  .multi-steps li.waiting > em:first-child,
  .multi-steps li.waiting > span:first-child {
    color: #27ae60;
  }
  .multi-steps li.waiting > em:first-child:before,
  .multi-steps li.waiting > span:first-child:before {
    background-color: #27ae60;
  }
  .multi-steps li.waiting:after {
    animation: dotted 4s linear infinite;
    background-image: linear-gradient(90deg, #eee 50%, #2c729b 50%);
    background-size: 10% 100%;
  }
  .multi-steps li.waiting.off:after {
    animation: unset;
    background-color: #27ae60;
    background-image: none;
  }
  .multi-steps.text-top li {
    line-height: 1.2;
    text-align: center;
  }
  .multi-steps.text-top li > em:first-child,
  .multi-steps.text-top li > span:first-child {
    padding-bottom: 20px;
  }
  .multi-steps.text-top li > em:first-child:before,
  .multi-steps.text-top li > span:first-child:before {
    bottom: 0;
  }
  .multi-steps.text-top li:after {
    bottom: 4px;
    left: 50%;
    position: absolute;
    width: 100%;
  }
  .multi-steps.text-top li:last-of-type:after {
    display: none;
  }
  .multi-steps.text-top li.visited > em:first-child,
  .multi-steps.text-top li.visited > span:first-child {
    color: #27ae60;
  }
  .multi-steps.text-top li.visited > em:first-child:before,
  .multi-steps.text-top li.visited > span:first-child:before {
    background-color: #27ae60;
  }
  .multi-steps.text-top li.current > em:first-child,
  .multi-steps.text-top li.current > span:first-child {
    color: #2c729b;
  }
  .multi-steps.text-top li.current > em:first-child:before,
  .multi-steps.text-top li.current > span:first-child:before {
    background-color: #2c729b;
  }
  .multi-steps.text-top li.current-x > em:first-child,
  .multi-steps.text-top li.current-x > span:first-child {
    color: #e74c3c;
  }
  .multi-steps.text-top li.current-x > em:first-child:before,
  .multi-steps.text-top li.current-x > span:first-child:before {
    background-color: #e74c3c;
  }
  .multi-steps.text-top.count li > em:first-child,
  .multi-steps.text-top.count li > span:first-child {
    padding-bottom: 34px;
  }
  .multi-steps.text-top.count li > em:first-child:before,
  .multi-steps.text-top.count li > span:first-child:before {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    content: counter(steps);
    height: 26px;
    line-height: 26px;
    margin-left: -13px;
    text-align: center;
    width: 26px;
  }
  .multi-steps.text-top.count li.current-x > em:first-child:before,
  .multi-steps.text-top.count li.current-x > span:first-child:before {
    color: #fff;
    content: "X";
  }
  .multi-steps.text-top.count li.current ~ li > em:first-child:before,
  .multi-steps.text-top.count li.current ~ li > span:first-child:before, .multi-steps.text-top.count li.current-x ~ li > em:first-child:before,
  .multi-steps.text-top.count li.current-x ~ li > span:first-child:before {
    color: #fff;
  }
  .multi-steps.text-top.count li:after {
    bottom: 11px;
  }
  .multi-steps.text-bottom {
    display: flex;
  }
  .multi-steps.text-bottom li {
    counter-increment: none;
    display: block;
    flex-basis: 10%;
    flex-grow: 1;
    float: none;
    line-height: 1.2;
    padding: 0;
    text-align: center;
  }
  .multi-steps.text-bottom li br {
    display: block;
  }
  .multi-steps.text-bottom li > span:first-child {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 60px;
    position: relative;
  }
  .multi-steps.text-bottom li > span:first-child:before {
    background-color: #fff;
    border: 3px solid #aaa;
    border-radius: 50%;
    color: #fff;
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    height: 48px;
    left: 50%;
    line-height: 41px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 48px;
    z-index: 1;
  }
  .multi-steps.text-bottom li:after {
    left: 50%;
    position: absolute;
    top: 24px;
    width: 100%;
  }
  .multi-steps.text-bottom li:last-child:after {
    display: none;
  }
  .multi-steps.text-bottom li.visited:after {
    background-color: #27ae60;
  }
  .multi-steps.text-bottom li.visited > em:first-child,
  .multi-steps.text-bottom li.visited > span:first-child {
    color: #27ae60;
  }
  .multi-steps.text-bottom li.visited > em:first-child:before,
  .multi-steps.text-bottom li.visited > span:first-child:before {
    background-color: #27ae60;
    border-color: #27ae60;
    content: "\e911";
  }
  .multi-steps.text-bottom li.current:after {
    background-color: #2c729b;
  }
  .multi-steps.text-bottom li.current > em:first-child,
  .multi-steps.text-bottom li.current > span:first-child {
    color: #2c729b;
  }
  .multi-steps.text-bottom li.current > em:first-child:before,
  .multi-steps.text-bottom li.current > span:first-child:before {
    background-color: #2c729b;
    border-color: #2c729b;
    content: "\e930";
  }
  .multi-steps.text-bottom li.current-x > em:first-child,
  .multi-steps.text-bottom li.current-x > span:first-child {
    color: #e74c3c;
  }
  .multi-steps.text-bottom li.current-x > em:first-child:before,
  .multi-steps.text-bottom li.current-x > span:first-child:before {
    background-color: #e74c3c;
  }
  .multi-steps.text-bottom.steps-icons li > span:first-child:before {
    background-color: #fff;
    border: 3px solid #aaa;
    border-radius: 50%;
    color: #fff;
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    height: 48px;
    left: 50%;
    line-height: 41px;
    position: absolute;
    top: 0;
    transform: translateX(calc(-50% + 1px));
    width: 48px;
    z-index: 1;
  }
  .multi-steps.text-bottom.steps-icons li i {
    color: #aaa;
    display: block;
    left: 50%;
    position: absolute;
    top: 12px;
    transform: translateX(-48%);
    z-index: 10;
  }
  .multi-steps.text-bottom.steps-icons li.current > span:first-child:before {
    background-color: #2c729b;
    border-color: #2c729b;
  }
  .multi-steps.text-bottom.steps-icons li.current i {
    color: #fff;
  }
  .multi-steps.text-bottom.steps-icons li.visited > span:first-child:before {
    background-color: #27ae60;
    border-color: #27ae60;
  }
  .multi-steps.text-bottom.steps-icons li.visited i {
    color: #fff;
  }
  .multi-steps.steps-2 li {
    width: 48.5%;
  }
  .multi-steps.steps-3 li {
    width: 32.33%;
  }
  .multi-steps.steps-4 li {
    width: 24.25%;
  }
  .multi-steps.steps-5 li {
    width: 19.4%;
  }
  .multi-steps.steps-6 li {
    width: 16.166%;
  }
  .multi-steps.count li.waiting + li.waiting:before, .multi-steps.count li.waiting + li.visited:before, .multi-steps.count li.waiting + li.current-v:before, .multi-steps.count li.waiting + li.current:last-child:before, .multi-steps.count li.waiting:before, .multi-steps.count li.waiting + li:before, .multi-steps.count li.visited:before, .multi-steps.count li.current-v:before, .multi-steps.count li.current:last-child:before {
    display: none;
  }
  .multi-steps span[data-time]:before,
  .multi-steps span[data-wait1]:before,
  .multi-steps span[data-wait2]:after {
    background-color: transparent;
    display: block;
    left: -50%;
    position: absolute;
    width: 100%;
  }
  .multi-steps span[data-time]:before {
    bottom: -5px;
    content: attr(data-time);
  }
  .multi-steps span[data-wait1]:before,
  .multi-steps span[data-wait2]:after {
    color: #418bca;
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
  }
  .multi-steps span[data-wait1]:before {
    bottom: 17px;
    content: attr(data-wait1);
  }
  .multi-steps span[data-wait2]:after {
    bottom: -3px;
    content: attr(data-wait2);
  }
}
@keyframes flashed {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes dotted {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@media (max-width: 47.937rem) {
  .multi-steps-alt {
    background-color: transparent;
    border: none;
    margin: 1rem auto;
    padding: 0;
    position: relative;
  }
  .multi-steps-alt.count li {
    counter-increment: steps;
    list-style: none;
  }
  .multi-steps-alt li {
    padding: 0;
    margin: 0;
    text-align: center;
  }
  .multi-steps-alt em {
    font-size: 18px;
    color: #2a6f1b;
    font-weight: 700;
    font-style: normal;
  }
  .multi-steps-alt em:after {
    display: block;
    content: "krok " counter(steps) " z " var(--index);
    font-size: 14px;
    font-weight: 400;
  }
  .multi-steps-alt .current-xx,
  .multi-steps-alt .waiting,
  .multi-steps-alt .step,
  .multi-steps-alt .visited:not(:last-child) {
    overflow: hidden;
    width: 1px;
    height: 1px;
    position: absolute;
    top: -1px;
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 48rem) {
  .multi-steps-alt {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0.25em;
    margin: 1em auto 2em;
    padding: 0.25em 0.5em;
    width: 100%;
  }
  .multi-steps-alt:after {
    content: "";
    display: table;
    clear: both;
  }
  .multi-steps-alt li {
    display: block;
    margin: 0.1em 0;
    padding: 0 0 0 15px;
    position: relative;
  }
  .multi-steps-alt li br {
    display: none;
  }
  .multi-steps-alt li > em:first-child,
  .multi-steps-alt li > span:first-child {
    font-size: 14px;
    font-size: 0.875rem;
    color: #364e5e;
    display: block;
    font-style: normal;
    font-weight: 600;
    position: relative;
  }
  .multi-steps-alt li.current-v > em:first-child,
  .multi-steps-alt li.current-v > span:first-child, .multi-steps-alt li.visited > em:first-child,
  .multi-steps-alt li.visited > span:first-child, .multi-steps-alt li.waiting > em:first-child,
  .multi-steps-alt li.waiting > span:first-child {
    color: #27ae60;
  }
  .multi-steps-alt li.current > em:first-child,
  .multi-steps-alt li.current > span:first-child {
    color: #2c729b;
    font-weight: 700;
  }
  .multi-steps-alt li.current-x > em:first-child,
  .multi-steps-alt li.current-x > span:first-child {
    color: #e74c3c;
    font-weight: 700;
  }
  .multi-steps-alt li.visited > em,
  .multi-steps-alt li.visited > span {
    color: #27ae60;
  }
  .multi-steps-alt.steps-icons i {
    display: none;
  }
  .multi-steps-alt.count li {
    counter-increment: steps;
  }
  .multi-steps-alt.count li > em:first-child:before,
  .multi-steps-alt.count li > span:first-child:before {
    content: counter(steps) " - ";
  }
  .multi-steps-alt.count li.waiting:before, .multi-steps-alt.count li.visited:before, .multi-steps-alt.count li.current-v:before, .multi-steps-alt.count li.current:last-child:before {
    color: #27ae60;
    content: "✔";
    display: block;
    left: -2px;
    position: absolute;
  }
  .multi-steps-alt.count li.waiting + li.waiting:before, .multi-steps-alt.count li.waiting + li.visited:before, .multi-steps-alt.count li.waiting + li.current-v:before, .multi-steps-alt.count li.waiting + li.current:last-child:before {
    animation: flashed 1s linear infinite;
    color: #2c729b;
    content: "•••";
    display: block;
    left: -4px;
    position: absolute;
  }
  .multi-steps-alt > em + span[data-time]:before,
  .multi-steps-alt > span + span[data-time]:before {
    font-size: 12px;
    font-size: 0.75rem;
    content: " (" attr(data-time) ")";
    display: inline-block;
  }
  .multi-steps-alt > em + span[data-wait1]:before,
  .multi-steps-alt > span + span[data-wait1]:before {
    font-size: 12px;
    font-size: 0.75rem;
    content: " (" attr(data-wait1);
    display: inline-block;
  }
  .multi-steps-alt > em + span[data-wait2]:after,
  .multi-steps-alt > span + span[data-wait2]:after {
    font-size: 12px;
    font-size: 0.75rem;
    content: " " attr(data-wait2) ")";
    display: inline-block;
  }
  .multi-steps-alt {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0.25em;
    margin: 1em auto 2em;
    padding: 0.25em 0.5em;
    width: 100%;
  }
  .multi-steps-alt:after {
    content: "";
    display: table;
    clear: both;
  }
  .multi-steps-alt li {
    display: block;
    margin: 0.1em 0;
    padding: 0 0 0 15px;
    position: relative;
  }
  .multi-steps-alt li br {
    display: none;
  }
  .multi-steps-alt li > em:first-child,
  .multi-steps-alt li > span:first-child {
    font-size: 14px;
    font-size: 0.875rem;
    color: #364e5e;
    display: block;
    font-style: normal;
    font-weight: 600;
    position: relative;
  }
  .multi-steps-alt li.current-v > em:first-child,
  .multi-steps-alt li.current-v > span:first-child, .multi-steps-alt li.visited > em:first-child,
  .multi-steps-alt li.visited > span:first-child, .multi-steps-alt li.waiting > em:first-child,
  .multi-steps-alt li.waiting > span:first-child {
    color: #27ae60;
  }
  .multi-steps-alt li.current > em:first-child,
  .multi-steps-alt li.current > span:first-child {
    color: #2c729b;
    font-weight: 700;
  }
  .multi-steps-alt li.current-x > em:first-child,
  .multi-steps-alt li.current-x > span:first-child {
    color: #e74c3c;
    font-weight: 700;
  }
  .multi-steps-alt li.visited > em,
  .multi-steps-alt li.visited > span {
    color: #27ae60;
  }
  .multi-steps-alt.steps-icons i {
    display: none;
  }
  .multi-steps-alt.count li {
    counter-increment: steps;
  }
  .multi-steps-alt.count li > em:first-child:before,
  .multi-steps-alt.count li > span:first-child:before {
    content: counter(steps) " - ";
  }
  .multi-steps-alt.count li.waiting:before, .multi-steps-alt.count li.visited:before, .multi-steps-alt.count li.current-v:before, .multi-steps-alt.count li.current:last-child:before {
    color: #27ae60;
    content: "✔";
    display: block;
    left: -2px;
    position: absolute;
  }
  .multi-steps-alt.count li.waiting + li.waiting:before, .multi-steps-alt.count li.waiting + li.visited:before, .multi-steps-alt.count li.waiting + li.current-v:before, .multi-steps-alt.count li.waiting + li.current:last-child:before {
    animation: flashed 1s linear infinite;
    color: #2c729b;
    content: "•••";
    display: block;
    left: -4px;
    position: absolute;
  }
  .multi-steps-alt > em + span[data-time]:before,
  .multi-steps-alt > span + span[data-time]:before {
    font-size: 12px;
    font-size: 0.75rem;
    content: " (" attr(data-time) ")";
    display: inline-block;
  }
  .multi-steps-alt > em + span[data-wait1]:before,
  .multi-steps-alt > span + span[data-wait1]:before {
    font-size: 12px;
    font-size: 0.75rem;
    content: " (" attr(data-wait1);
    display: inline-block;
  }
  .multi-steps-alt > em + span[data-wait2]:after,
  .multi-steps-alt > span + span[data-wait2]:after {
    font-size: 12px;
    font-size: 0.75rem;
    content: " " attr(data-wait2) ")";
    display: inline-block;
  }
  .multi-steps-alt {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    text-align: center;
  }
  .multi-steps-alt li {
    display: block;
    float: left;
    margin: 0.4em 0;
    position: relative;
  }
  .multi-steps-alt li > em:first-child,
  .multi-steps-alt li > span:first-child {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #364e5e;
    font-style: normal;
    font-weight: 600;
  }
  .multi-steps-alt li > em:first-child > span,
  .multi-steps-alt li > span:first-child > span {
    display: block;
  }
  .multi-steps-alt li > em:first-child:before,
  .multi-steps-alt li > span:first-child:before {
    left: 50%;
    right: auto;
    background-color: #aaa;
    border-radius: 50%;
    content: "";
    height: 12px;
    position: absolute;
    width: 12px;
    z-index: 1;
  }
  .multi-steps-alt li > em:first-child br,
  .multi-steps-alt li > span:first-child br {
    display: inline;
  }
  .multi-steps-alt li:last-of-type {
    margin-right: 0;
  }
  .multi-steps-alt li:after {
    background: #aaa;
    content: "";
    height: 4px;
    margin: 0;
    position: absolute;
  }
  .multi-steps-alt li.visited:after, .multi-steps-alt li.visited em:before, .multi-steps-alt li.current-v em:before, .multi-steps-alt li.visited span:first-child:before, .multi-steps-alt li.current-v span:first-child:before {
    background-color: #27ae60;
  }
  .multi-steps-alt li.visited > em:first-child,
  .multi-steps-alt li.visited > span:first-child {
    color: #27ae60;
  }
  .multi-steps-alt li.current > em:first-child,
  .multi-steps-alt li.current > span:first-child {
    color: #2c729b;
  }
  .multi-steps-alt li.current > em:first-child:before,
  .multi-steps-alt li.current > span:first-child:before {
    background-color: #2c729b;
  }
  .multi-steps-alt li.current-x > em:first-child,
  .multi-steps-alt li.current-x > span:first-child, .multi-steps-alt li.current-xx > em:first-child,
  .multi-steps-alt li.current-xx > span:first-child {
    color: #e74c3c;
  }
  .multi-steps-alt li.current-x > em:first-child:before,
  .multi-steps-alt li.current-x > span:first-child:before, .multi-steps-alt li.current-xx > em:first-child:before,
  .multi-steps-alt li.current-xx > span:first-child:before {
    background-color: #e74c3c;
  }
  .multi-steps-alt li.current-xx:after {
    background-color: #e74c3c;
  }
  .multi-steps-alt li.waiting > em:first-child,
  .multi-steps-alt li.waiting > span:first-child {
    color: #27ae60;
  }
  .multi-steps-alt li.waiting > em:first-child:before,
  .multi-steps-alt li.waiting > span:first-child:before {
    background-color: #27ae60;
  }
  .multi-steps-alt li.waiting:after {
    animation: dotted 4s linear infinite;
    background-image: linear-gradient(90deg, #eee 50%, #2c729b 50%);
    background-size: 10% 100%;
  }
  .multi-steps-alt li.waiting.off:after {
    animation: unset;
    background-color: #27ae60;
    background-image: none;
  }
  .multi-steps-alt.text-top li {
    line-height: 1.2;
    text-align: center;
  }
  .multi-steps-alt.text-top li > em:first-child,
  .multi-steps-alt.text-top li > span:first-child {
    padding-bottom: 20px;
  }
  .multi-steps-alt.text-top li > em:first-child:before,
  .multi-steps-alt.text-top li > span:first-child:before {
    bottom: 0;
  }
  .multi-steps-alt.text-top li:after {
    bottom: 4px;
    left: 50%;
    position: absolute;
    width: 100%;
  }
  .multi-steps-alt.text-top li:last-of-type:after {
    display: none;
  }
  .multi-steps-alt.text-top li.visited > em:first-child,
  .multi-steps-alt.text-top li.visited > span:first-child {
    color: #27ae60;
  }
  .multi-steps-alt.text-top li.visited > em:first-child:before,
  .multi-steps-alt.text-top li.visited > span:first-child:before {
    background-color: #27ae60;
  }
  .multi-steps-alt.text-top li.current > em:first-child,
  .multi-steps-alt.text-top li.current > span:first-child {
    color: #2c729b;
  }
  .multi-steps-alt.text-top li.current > em:first-child:before,
  .multi-steps-alt.text-top li.current > span:first-child:before {
    background-color: #2c729b;
  }
  .multi-steps-alt.text-top li.current-x > em:first-child,
  .multi-steps-alt.text-top li.current-x > span:first-child {
    color: #e74c3c;
  }
  .multi-steps-alt.text-top li.current-x > em:first-child:before,
  .multi-steps-alt.text-top li.current-x > span:first-child:before {
    background-color: #e74c3c;
  }
  .multi-steps-alt.text-top.count li > em:first-child,
  .multi-steps-alt.text-top.count li > span:first-child {
    padding-bottom: 34px;
  }
  .multi-steps-alt.text-top.count li > em:first-child:before,
  .multi-steps-alt.text-top.count li > span:first-child:before {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    content: counter(steps);
    height: 26px;
    line-height: 26px;
    margin-left: -13px;
    text-align: center;
    width: 26px;
  }
  .multi-steps-alt.text-top.count li.current-x > em:first-child:before,
  .multi-steps-alt.text-top.count li.current-x > span:first-child:before {
    color: #fff;
    content: "X";
  }
  .multi-steps-alt.text-top.count li.current ~ li > em:first-child:before,
  .multi-steps-alt.text-top.count li.current ~ li > span:first-child:before, .multi-steps-alt.text-top.count li.current-x ~ li > em:first-child:before,
  .multi-steps-alt.text-top.count li.current-x ~ li > span:first-child:before {
    color: #fff;
  }
  .multi-steps-alt.text-top.count li:after {
    bottom: 11px;
  }
  .multi-steps-alt.text-bottom {
    display: flex;
  }
  .multi-steps-alt.text-bottom li {
    counter-increment: none;
    display: block;
    flex-basis: 10%;
    flex-grow: 1;
    float: none;
    line-height: 1.2;
    padding: 0;
    text-align: center;
  }
  .multi-steps-alt.text-bottom li br {
    display: block;
  }
  .multi-steps-alt.text-bottom li > span:first-child {
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 60px;
    position: relative;
  }
  .multi-steps-alt.text-bottom li > span:first-child:before {
    background-color: #fff;
    border: 3px solid #aaa;
    border-radius: 50%;
    color: #fff;
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    height: 48px;
    left: 50%;
    line-height: 41px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 48px;
    z-index: 1;
  }
  .multi-steps-alt.text-bottom li:after {
    left: 50%;
    position: absolute;
    top: 24px;
    width: 100%;
  }
  .multi-steps-alt.text-bottom li:last-child:after {
    display: none;
  }
  .multi-steps-alt.text-bottom li.visited:after {
    background-color: #27ae60;
  }
  .multi-steps-alt.text-bottom li.visited > em:first-child,
  .multi-steps-alt.text-bottom li.visited > span:first-child {
    color: #27ae60;
  }
  .multi-steps-alt.text-bottom li.visited > em:first-child:before,
  .multi-steps-alt.text-bottom li.visited > span:first-child:before {
    background-color: #27ae60;
    border-color: #27ae60;
    content: "\e911";
  }
  .multi-steps-alt.text-bottom li.current:after {
    background-color: #2c729b;
  }
  .multi-steps-alt.text-bottom li.current > em:first-child,
  .multi-steps-alt.text-bottom li.current > span:first-child {
    color: #2c729b;
  }
  .multi-steps-alt.text-bottom li.current > em:first-child:before,
  .multi-steps-alt.text-bottom li.current > span:first-child:before {
    background-color: #2c729b;
    border-color: #2c729b;
    content: "\e930";
  }
  .multi-steps-alt.text-bottom li.current-x > em:first-child,
  .multi-steps-alt.text-bottom li.current-x > span:first-child {
    color: #e74c3c;
  }
  .multi-steps-alt.text-bottom li.current-x > em:first-child:before,
  .multi-steps-alt.text-bottom li.current-x > span:first-child:before {
    background-color: #e74c3c;
  }
  .multi-steps-alt.text-bottom.steps-icons li > span:first-child:before {
    background-color: #fff;
    border: 3px solid #aaa;
    border-radius: 50%;
    color: #fff;
    content: "";
    font-family: "icomoon";
    font-size: 24px;
    font-weight: 400;
    height: 48px;
    left: 50%;
    line-height: 41px;
    position: absolute;
    top: 0;
    transform: translateX(calc(-50% + 1px));
    width: 48px;
    z-index: 1;
  }
  .multi-steps-alt.text-bottom.steps-icons li i {
    color: #aaa;
    display: block;
    left: 50%;
    position: absolute;
    top: 12px;
    transform: translateX(-48%);
    z-index: 10;
  }
  .multi-steps-alt.text-bottom.steps-icons li.current > span:first-child:before {
    background-color: #2c729b;
    border-color: #2c729b;
  }
  .multi-steps-alt.text-bottom.steps-icons li.current i {
    color: #fff;
  }
  .multi-steps-alt.text-bottom.steps-icons li.visited > span:first-child:before {
    background-color: #27ae60;
    border-color: #27ae60;
  }
  .multi-steps-alt.text-bottom.steps-icons li.visited i {
    color: #fff;
  }
  .multi-steps-alt.steps-2 li {
    width: 48.5%;
  }
  .multi-steps-alt.steps-3 li {
    width: 32.33%;
  }
  .multi-steps-alt.steps-4 li {
    width: 24.25%;
  }
  .multi-steps-alt.steps-5 li {
    width: 19.4%;
  }
  .multi-steps-alt.steps-6 li {
    width: 16.166%;
  }
  .multi-steps-alt.count li.waiting + li.waiting:before, .multi-steps-alt.count li.waiting + li.visited:before, .multi-steps-alt.count li.waiting + li.current-v:before, .multi-steps-alt.count li.waiting + li.current:last-child:before, .multi-steps-alt.count li.waiting:before, .multi-steps-alt.count li.waiting + li:before, .multi-steps-alt.count li.visited:before, .multi-steps-alt.count li.current-v:before, .multi-steps-alt.count li.current:last-child:before {
    display: none;
  }
  .multi-steps-alt span[data-time]:before,
  .multi-steps-alt span[data-wait1]:before,
  .multi-steps-alt span[data-wait2]:after {
    background-color: transparent;
    display: block;
    left: -50%;
    position: absolute;
    width: 100%;
  }
  .multi-steps-alt span[data-time]:before {
    bottom: -5px;
    content: attr(data-time);
  }
  .multi-steps-alt span[data-wait1]:before,
  .multi-steps-alt span[data-wait2]:after {
    color: #418bca;
    font-size: 11px !important;
    font-weight: 700;
    text-transform: uppercase;
  }
  .multi-steps-alt span[data-wait1]:before {
    bottom: 17px;
    content: attr(data-wait1);
  }
  .multi-steps-alt span[data-wait2]:after {
    bottom: -3px;
    content: attr(data-wait2);
  }
}
.breadcrumb {
  display: inline-block;
  list-style: none;
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
  position: relative;
  z-index: 100;
}
.breadcrumb:after {
  content: "";
  display: table;
  clear: both;
}
.breadcrumb:hover {
  z-index: 100;
}
.breadcrumb > li {
  font-size: 13px;
  font-size: 0.8125rem;
  display: inline;
  float: left;
  line-height: 24px;
  margin: 0 0 0 12px;
  min-height: 24px;
  padding: inherit;
  position: relative;
}
.breadcrumb > li:first-child {
  margin-left: 0;
}
.breadcrumb > li:first-child a {
  padding-left: 0;
}
.breadcrumb > li > a,
.breadcrumb > li > button,
.breadcrumb > li > span {
  border: 1px solid rgba(204, 204, 204, 0);
  border-radius: 4px;
  border-width: 1px;
  color: #444;
  display: inline-block;
  font-size: inherit;
  line-height: 22px;
  padding: 0 5px;
  position: relative;
}
.breadcrumb > li a {
  text-decoration: none;
}
.breadcrumb > li:hover > a {
  background-color: #88b04b;
  border-color: #88b04b;
  color: #fff;
}
.breadcrumb > li[data-dropdown=true] > a {
  border-radius: 3px 3px 0 0;
  border-width: 1px 1px 0;
}
.breadcrumb > li[data-dropdown=true] > a:after,
.breadcrumb > li[data-dropdown=true] > button span:after {
  content: "\e90d";
  display: block;
  float: right;
  font-family: "icomoon";
  margin: 0 0 0 2px;
  position: relative;
  vertical-align: middle;
}
.breadcrumb > li[data-dropdown=true]:hover {
  z-index: 1;
}
.breadcrumb > li[data-dropdown=true]:hover > a {
  background-color: #88b04b;
  border-color: #88b04b;
  z-index: 1;
}
.breadcrumb > li[data-dropdown=true]:hover ul {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  display: block;
}
.touch .breadcrumb > li + li:before, .breadcrumb > li:after {
  font-size: 19px;
  font-size: 1.1875rem;
  border-radius: 0 3px 0 0;
  color: #999;
  content: "\e90f";
  display: inline-block;
  font-family: "icomoon";
  text-indent: -4px;
  vertical-align: middle;
  width: 12px;
}
.breadcrumb > li:after {
  left: -12px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 0;
}
.breadcrumb > li:first-child:after {
  display: none;
}
.breadcrumb ul {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  display: none;
  left: 0;
  list-style: none;
  margin: -2px 0 0;
  min-width: 100%;
  padding: 0 5px 3px;
  position: absolute;
}
.breadcrumb ul.h {
  left: auto;
  right: 0;
}
.breadcrumb ul a {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #444;
  display: inline-block;
  padding: 0 5px;
  white-space: nowrap;
}
.breadcrumb ul a:hover {
  text-decoration: underline;
}

.no-touch.user-is-tabbing .breadcrumb .mouse-only,
.no-touch .breadcrumb .touch-only,
.touch .breadcrumb .mouse-only {
  display: none;
}

.no-touch.user-is-tabbing .breadcrumb .touch-only {
  display: block;
}

.touch .breadcrumb {
  display: none;
}
.touch .breadcrumb > li {
  box-shadow: none;
  clear: both;
  display: block;
  float: none;
  margin: 0;
}
.touch .breadcrumb > li:after {
  display: none;
}
.touch .breadcrumb > li > a {
  border-radius: 4px;
  border-width: 1px;
}
.touch .breadcrumb > li > button {
  border: 1px solid rgba(204, 204, 204, 0);
  border-radius: 0;
  border-width: 1px 1px 0 1px;
  display: block;
  outline: 0;
  text-align: left;
  width: calc(100% - 1em);
}
.touch .breadcrumb > li > button[aria-expanded=true] {
  background-color: #eee;
  border-color: #ccc;
  line-height: 22px;
}
.touch .breadcrumb > li:first-child a {
  margin-left: 0;
}
.touch .breadcrumb > li:first-child > a:before {
  display: none;
}
.touch .breadcrumb > li + li:before {
  border-radius: 0;
  float: left;
  line-height: 24px;
  margin-left: 0;
  margin-right: 0;
}
.touch .breadcrumb li[data-dropdown=true] > ul {
  border: 1px solid #ccc;
  border-radius: 0;
  border-width: 0 1px 1px 1px;
  box-shadow: none;
  margin-left: 0.9em;
  margin-right: 1px;
  min-width: initial;
  padding: 3px 5px;
  position: relative;
  z-index: 10;
}
.touch .breadcrumb li[data-dropdown=true] > ul li:first-child {
  font-weight: 700;
}
.touch .breadcrumb li[data-dropdown=true] > ul li a {
  margin-left: 1em;
  text-indent: -1em;
  white-space: normal;
}
.touch .breadcrumb > li[data-dropdown=true]:hover ul {
  display: none;
}

.menu-strap {
  background-color: #eee;
  margin: 0 0 1em;
  margin: 0 0 1rem;
  min-height: 30px;
  position: relative;
  z-index: 5;
}
.menu-strap.page-content {
  background-color: transparent;
  margin: 1em auto;
  margin: 1rem auto;
}
.menu-strap.page-content .nav-in-page {
  background-color: #eee;
}

.menu-strap ul,
.nav-in-page ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-strap + .menu-strap {
  border-top: 1px solid #ccc;
}

.menu-strap[style*=none] + .menu-strap {
  border-top: none;
}

.nav-in-page {
  display: none;
  min-height: 30px;
  position: relative;
  width: 100%;
}
.nav-in-page:after,
.nav-in-page ul:after {
  clear: both;
  content: "";
  display: table;
}
.nav-in-page > div {
  background-color: #eee;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.nav-in-page ul {
  width: 100%;
}
.nav-in-page li {
  float: left;
}
.nav-in-page button,
.nav-in-page a {
  border: 0;
  color: #444;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.nav-in-page .nav-cat-title > span,
.nav-in-page .nav-item > span {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  font-weight: 400;
  line-height: 1.5;
  min-height: 30px;
  padding: 5px;
  width: auto;
}
.nav-in-page .nav-cat-title > span:after,
.nav-in-page .nav-item > span:after {
  content: "";
  display: table;
  clear: both;
}
.nav-in-page .nav-submenu {
  display: none;
  max-height: 0;
}
.nav-in-page .nav-submenu a {
  font-size: 13px;
  font-size: 0.8125rem;
  display: block;
  padding: 5px;
}
.nav-in-page .nav-submenu a:hover,
.nav-in-page .selected .nav-submenu a:hover {
  color: #fff;
}
.nav-in-page .nav-item > span {
  padding: 5px 0;
}
.nav-in-page .hideable {
  display: none;
  left: 0;
  padding-top: 30px;
  position: relative;
  top: 0;
  z-index: 0;
}
.nav-in-page .hideable li {
  float: none;
}
.nav-in-page .hideable .compact li {
  display: inline-block;
}
.nav-in-page .has-submenu .nav-cat-title {
  position: relative;
  text-align: left;
  width: 100%;
}
.nav-in-page .has-submenu .nav-cat-title:after {
  content: "\e90d";
  display: block;
  float: right;
  font-family: "icomoon";
  margin: 5px 2px 0;
  position: relative;
  vertical-align: middle;
}
.nav-in-page .has-submenu .nav-cat-title span {
  display: inline-block;
  min-height: 30px;
  padding: 5px 0 5px 5px;
}
.nav-in-page .has-submenu:hover .nav-cat-title {
  background-color: #88b04b;
  color: #fff;
}
.nav-in-page .nav-cat-title [class^=icon-] {
  color: #777;
  margin: 0 5px 2px 0;
}
.nav-in-page .nav-cat-title:hover [class^=icon-] {
  color: #fff;
}
.nav-in-page .nav-cat-title:focus [class^=icon-] {
  color: #777;
}
.nav-in-page ul.nav-submenu {
  margin-left: 10px;
}
.nav-in-page .nav-submenu-list button,
.nav-in-page .nav-submenu-list a {
  padding: 5px 10px;
}
.nav-in-page .has-submenu a.nav-cat-title {
  display: none;
}

@media (min-width: 61.25rem) {
  .nav-in-page {
    display: block;
  }
  .nav-in-page > div {
    float: left;
    padding: 0;
    position: relative;
    width: auto;
  }
  .nav-in-page .nav-cat-title:hover,
  .nav-in-page .nav-submenu a:hover,
  .nav-in-page .selected .nav-submenu a:hover {
    background-color: #88b04b;
  }
  .nav-in-page .hideable {
    display: block !important;
    height: auto !important;
    padding: 0;
    width: 100%;
  }
  .nav-in-page .hideable li {
    float: left;
  }
  .nav-in-page .nav-submenu-list li {
    float: none;
  }
  .nav-in-page .has-submenu {
    border-width: 0;
  }
  .nav-in-page .has-submenu a {
    padding: 10px 6px;
  }
  .nav-in-page .has-submenu a.nav-cat-title {
    display: block;
    padding: 0;
  }
  .nav-in-page .has-submenu button.nav-cat-title {
    display: none;
  }
  .nav-in-page .has-submenu:hover .nav-submenu,
  .nav-in-page .has-submenu .nav-submenu:hover {
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.2);
    display: block !important;
    max-height: none !important;
  }
  .nav-in-page .has-submenu a.nav-cat-title + ul {
    background-color: #e3e3e3;
    left: 0;
    position: absolute;
  }
  .nav-in-page .nav-cat-title span > span {
    display: inline;
    font-size: inherit;
    padding: 0;
    position: relative;
  }
  .nav-in-page ul.nav-submenu {
    margin-left: 0;
  }
  .nav-in-page ul.nav-submenu-list {
    background-color: #eee;
    left: 0;
    position: absolute;
    right: 0;
  }
  .nav-in-page ul.nav-submenu-list a {
    border-top: 1px solid #ccc;
    padding: 5px 10px;
  }
  .nav-in-page .tap .nav-submenu {
    display: none;
    margin: 0;
    max-height: 0;
  }
  .user-is-tabbing .nav-in-page .tap .nav-submenu {
    display: block;
    max-height: none;
  }
  .nav-in-page a:focus,
  .user-is-tabbing .tap a:focus {
    background-color: #88b04b;
    color: #fff;
    outline: none;
  }
}
@media (max-width: 61.187rem) {
  .nav-main {
    background-color: #155988;
    color: #fff;
    height: 0;
    max-height: 100%;
    position: absolute;
  }
  .nav-main > ul {
    height: 100%;
    margin: 0;
    max-height: 0;
    overflow: visible;
    position: relative;
  }
  .mobile-menu .nav-main {
    border: 0;
    height: calc(100vh - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
  }
  .mobile-menu .nav-main > ul {
    max-height: 1000px;
  }
  .mobile-menu .nav-main + .page-main-wrapper {
    height: calc(100vh - 50px);
  }
  .mobile-menu .page-footer {
    height: 0;
  }
  .nav-main .nav-category,
  .nav-main .nav-submenu {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .nav-main .nav-item button,
  .nav-main .nav-item a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: inherit;
    display: block;
    padding: 7px 10px;
    position: relative;
    text-align: left;
  }
  .nav-main .nav-item i.icon-24 {
    font-size: 16px !important;
    height: 16px;
    margin-right: 10px;
    width: 16px;
  }
  .nav-main .nav-item i:before {
    font-size: 16px;
    font-size: 1rem;
    line-height: 16px;
  }
  .nav-main .nav-submenu {
    max-height: 100%;
  }
  .nav-main .nav-submenu li a {
    padding-left: 25px;
  }
  .nav-main .nav-submenu .nav-back a {
    font-weight: 700;
    padding-left: 5px;
  }
  .nav-main .selected .selected span,
  .nav-main .selected > a span {
    font-weight: bold;
  }
}
.nav-main .has-submenu > a {
  padding-right: 20px;
}
.nav-main .has-submenu > a:after {
  font-size: 16px;
  font-size: 1rem;
  content: "\e90f";
  display: block;
  font-family: "icomoon" !important;
  position: absolute;
  right: 5px;
  top: 5px;
}
.nav-main .has-submenu .nav-category a {
  transition: opacity 0.3s ease-out;
}
.nav-main .has-submenu .nav-category, .nav-main .has-submenu .nav-category ul {
  position: relative;
  transition: right 0.5s ease-out;
}
.nav-main .has-submenu .has-submenu ul {
  position: absolute;
  top: 0;
}
.nav-main .has-submenu .nav-category,
.nav-main .has-submenu .nav-category ul,
.nav-main .has-submenu .has-submenu ul ul,
.nav-main .has-submenu [data-expanded=second] .nav-category ul ul,
.nav-main .has-submenu [data-expanded=third] .nav-category [data-expanded=yes] ul {
  right: 0;
}
.nav-main .has-submenu [data-expanded=second] .nav-category ul,
.nav-main .has-submenu [data-expanded=third] .nav-category ul,
.nav-main .has-submenu [data-expanded=third] .nav-category [data-expanded=yes] ul ul {
  right: -200%;
}
.nav-main .has-submenu .has-submenu ul,
.nav-main .has-submenu [data-expanded=second] .nav-category [data-expanded=yes] ul,
.nav-main .has-submenu [data-expanded=second] .nav-category [data-expanded=yes] ul ul,
.nav-main .has-submenu [data-expanded=third] .nav-category [data-expanded=yes] [data-expanded=yes] ul {
  right: -100%;
}
.nav-main .has-submenu [data-expanded=second] .nav-category,
.nav-main .has-submenu [data-expanded=third] .nav-category,
.nav-main .has-submenu [data-expanded=third] .nav-category ul ul {
  right: 100%;
}
.nav-main .has-submenu .nav-category > li > ul > li > a,
.nav-main .has-submenu .nav-category > li > ul > li > ul > li > a,
.nav-main .has-submenu [data-expanded=second] .nav-category > li > a {
  opacity: 0;
}
.nav-main .has-submenu [data-expanded=second] .nav-category > li > ul > li > a,
.nav-main .has-submenu [data-expanded=third] .nav-category > li > ul > li > ul > li > a {
  opacity: 1;
}

@media (min-width: 61.25rem) {
  .nav-main {
    background-color: transparent;
    background-image: none;
    display: none !important;
    margin: 10px;
  }
  .nav-main > ul {
    background-color: transparent;
    border-color: #ddd;
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 0 0;
    overflow: hidden;
    text-align: left;
  }
  .nav-main .has-submenu > a:after {
    top: 8px;
  }
  .nav-main .nav-category {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 150px;
  }
  .nav-main .nav-item {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .nav-main .nav-item .nav-cat-title {
    background-color: transparent;
    background-image: none;
    border-color: rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0 0 1px 0;
    color: #444;
    display: flex;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100%;
  }
  .nav-main .nav-item .nav-cat-title + ul .nav-cat-title {
    border-width: 0;
  }
  .nav-main .nav-item .nav-cat-title:hover {
    background-color: rgba(16, 96, 152, 0.7);
    background-image: none;
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
  }
  .nav-main .nav-item .nav-cat-title span {
    display: block;
    flex: 0 1 auto;
    font-weight: 400;
    line-height: 1.5;
    min-height: 40px;
    padding: 9.5px 10px;
    width: auto;
  }
  .nav-main .nav-item .nav-cat-title span {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .nav-main .nav-item.selected > a {
    background-image: none;
    background-color: rgba(136, 176, 75, 0.7);
    border-color: rgba(0, 0, 0, 0);
    color: #fff;
    overflow: hidden;
  }
  .nav-main .nav-cat-title [class^=icon-] {
    color: #fff;
    float: none;
    height: 32px;
    margin: 4px 6.5px;
    padding: 0;
    width: 32px;
  }
  .nav-main .nav-submenu {
    background-color: transparent;
    border-color: #ccc;
    border-style: solid;
    border-width: 0 0 1px 0;
    color: #444;
    display: none;
    margin: 1px 0 0 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 0 0 0;
  }
  .nav-main .nav-submenu li {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .nav-main .nav-submenu a {
    background-color: transparent;
    color: #444;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 0 0;
    padding: 5px 10px 5px 10px;
  }
  .nav-main .nav-submenu a:hover, .selected .nav-main .nav-submenu a:hover {
    background-color: rgba(16, 96, 152, 0.7);
    color: #fff;
  }
  .nav-main .nav-submenu .selected a {
    background-color: rgba(136, 176, 75, 0.7);
    color: #fff;
  }
  .nav-main .nav-submenu .nav-back {
    display: none;
  }
  .nav-main .tap .nav-submenu {
    display: block;
    max-height: none;
  }
  .nav-main .nav-submenu .nav-submenu {
    border-width: 0;
    margin-left: 1.5em;
  }
  .nav-item--close a {
    background-color: #83acc6;
    background-image: none;
    color: #fff;
    text-align: right;
  }
}
@media (min-width: 61.25rem) {
  .nav-main {
    margin: 10px;
    padding: 0 0 0 0;
  }
  .nav-main .nav-submenu li {
    display: block;
  }
}
_:-ms-input-placeholder,
:root .has-submenu button.nav-cat-title {
  display: none;
}

.ie8 button.nav-cat-title,
.ie9 button.nav-cat-title {
  display: none;
}

.nav {
  position: relative;
}
.nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav button,
.nav a {
  color: #2c729b;
  display: block;
  margin: 0;
  padding: 0;
}
.nav .nav-cat-title.switcher {
  align-items: center;
  display: flex;
}
.nav .nav-cat-title i:first-child {
  margin-right: 5px;
}

.no-touch .nav .nav-title {
  display: none;
}
.no-touch .user-is-tabbing .nav .nav-title {
  display: inline-block;
}

.nav input::-webkit-input-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
}
.nav input::-moz-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
}
.nav input:-ms-input-placeholder {
  font-size: 13px;
  font-size: 0.8125rem;
}
.nav .field-search--text input[type=text],
.nav .field-search--text input[type=search],
.nav .field-search-text input[type=text],
.nav .field-search-text input[type=search] {
  font-size: 13px;
  font-size: 0.8125rem;
  height: 28px;
  padding: 0 6px;
}
.nav .field-search--text > div + div,
.nav .field-search-text > div + div {
  width: 40px;
}
.nav .field-search--text > div + div .b\:pri,
.nav .field-search-text > div + div .b\:pri {
  height: 28px;
  min-height: 28px;
}
.nav .field-search--text > div + div .b\:pri i,
.nav .field-search-text > div + div .b\:pri i {
  margin: 3px 0 0;
}

@media (min-width: 40rem) {
  .nav .field-search--text,
  .nav .field-search-text {
    float: right;
    max-width: 250px;
    min-width: 250px;
  }
  .nav .field-search--text input[type=search],
  .nav .field-search-text input[type=search] {
    max-width: 210px;
  }
}
.crumbs-strap {
  margin: 0 0 0.5rem;
  position: relative;
  z-index: 4;
}

.nav-crumbs {
  display: flex;
  flex-direction: row;
}
.nav-crumbs * {
  font-size: 13px;
  font-size: 0.8125rem;
}
.nav-crumbs .nav-item {
  min-height: 20px;
}
.nav-crumbs .row-start {
  flex-grow: 1;
}
.nav-crumbs .row-start > .nav-cat-title.switcher {
  display: flex;
}
.nav-crumbs .row-start .nav-item + .nav-item:before {
  font-size: 14px;
  font-size: 0.875rem;
  color: #999;
  content: "\e90f";
  display: inline-block;
  font-family: "icomoon";
  line-height: 1;
  margin: 0;
  position: relative;
  text-indent: 0;
  top: 2px;
  vertical-align: baseline;
  width: 10px;
}
.nav-crumbs .box-hideable {
  overflow: visible;
}
.nav-crumbs .box-hideable .nav-item:last-child {
  align-items: flex-start;
  display: flex;
}
.nav-crumbs .box-hideable .nav-item:last-child:before {
  margin-right: 0.25em;
  margin-top: 2px;
}
.nav-crumbs .row-end {
  flex-grow: 0;
}
.nav-crumbs .row-end li {
  white-space: nowrap;
}
.nav-crumbs .row-end .row-start .nav-cat-title,
.nav-crumbs .row-end .row-end .nav-cat-title {
  padding: 3px 5px;
}
.nav-crumbs .row-end .row-start .nav-item a,
.nav-crumbs .row-end .row-start .nav-item span {
  color: #666;
  line-height: inherit;
}
.nav-crumbs :before,
.nav-crumbs :after {
  line-height: 1;
}
.nav-crumbs .nav-back {
  display: none;
}
.nav-crumbs .has-submenu > button::after,
.nav-crumbs .has-submenu > a::after {
  content: "";
  content: "\e90d";
  display: inline-block;
  font-family: "icomoon" !important;
  line-height: 1;
  margin: 0 0 0 2px;
  position: relative;
  vertical-align: middle;
}
.nav-crumbs .has-submenu {
  position: relative;
}
.nav-crumbs .nav-submenu a {
  display: inline-block;
  max-width: 100%;
}
.nav-crumbs .nav-submenu a span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-crumbs .nav-submenu a :hover {
  text-decoration: underline;
}

.no-touch .nav-crumbs .has-submenu button.nav-cat-title,
.user-is-tabbing .nav-crumbs .has-submenu a.nav-cat-title {
  display: none;
}

.no-touch.user-is-tabbing .nav-crumbs .has-submenu button.nav-cat-title {
  display: inline-block;
}

.no-touch.user-is-tabbing .nav-title {
  display: block;
}

.touch .nav-crumbs button.nav-cat-title + a.nav-cat-title,
.touch .nav-crumbs .box-hideable .nav-cat .nav-item:first-child {
  display: none;
}
.touch .mouse-only {
  display: none !important;
}

.no-touch .nav-crumbs .row-start > .switcher {
  display: none;
}
.no-touch .nav-crumbs .box-hideable .nav-cat {
  display: flex;
  flex-wrap: wrap;
}
.no-touch .nav-crumbs .nav-submenu {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  white-space: nowrap;
}
.no-touch .nav-crumbs .has-submenu:hover > ul {
  display: block !important;
  z-index: 1;
}
.no-touch .nav-crumbs .box-hideable {
  display: block !important;
  min-height: 100% !important;
}

.nav-crumbs {
  padding: 4px 0;
}
.nav-crumbs .nav-cat-title.switcher,
.nav-crumbs .nav-item > a,
.nav-crumbs .nav-item > button,
.nav-crumbs .nav-item > span {
  background-color: transparent;
  border: 1px solid rgba(204, 204, 204, 0);
  border-radius: 4px;
  display: inline-block;
  line-height: 18px;
  padding: 0 6px;
  position: relative;
  text-align: left;
}
.nav-crumbs .nav-cat-title.switcher i,
.nav-crumbs .nav-item > a i,
.nav-crumbs .nav-item > button i,
.nav-crumbs .nav-item > span i {
  vertical-align: baseline;
}
.nav-crumbs .nav-cat-title.switcher:hover,
.nav-crumbs .nav-item:hover > a,
.nav-crumbs .nav-item:hover > button,
.nav-crumbs .nav-item:hover > span {
  z-index: 2;
}
.nav-crumbs .nav-submenu {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  border-width: 1px 1px;
  margin: -1px 0 0 13px;
  padding: 3px 10px;
}

.crumbs-strap {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
}

@media (min-width: 61.25rem) {
  .crumbs-strap {
    margin: 0 0 1em;
    margin: 0 0 1rem;
  }
  .nav-crumbs {
    flex-direction: row;
  }
  .nav-crumbs .row-start {
    order: 1;
  }
  .nav-crumbs .row-end {
    border-bottom-width: 0;
    order: 2;
  }
  .no-touch .nav-crumbs .nav-cat-title.switcher,
  .no-touch .nav-crumbs .nav-item > a,
  .no-touch .nav-crumbs .nav-item > button,
  .no-touch .nav-crumbs .nav-item > span {
    background-color: #eee;
    border: 1px solid rgba(204, 204, 204, 0);
    color: #666;
  }
  .no-touch .nav-crumbs .nav-cat-title.switcher:focus,
  .no-touch .nav-crumbs .nav-item > a:focus,
  .no-touch .nav-crumbs .nav-item > button:focus,
  .no-touch .nav-crumbs .nav-cat-title.switcher:hover,
  .no-touch .nav-crumbs .nav-item:hover > a,
  .no-touch .nav-crumbs .nav-item:hover > button {
    background-color: #88b04b;
    border-color: #88b04b;
    color: #fff;
  }
  .no-touch .nav-crumbs .nav-item.has-submenu > a {
    border-radius: 3px 3px 0 0;
    border-width: 1px 1px 0;
  }
  .no-touch .nav-crumbs .nav-submenu a {
    color: #666;
  }
  .no-touch .nav-crumbs .nav-submenu a:hover {
    text-decoration: underline;
  }
}
.nav-crumbs .row-end button::after {
  content: "";
  content: "\e90d";
  display: inline-block;
  font-family: "icomoon" !important;
  line-height: 1;
  margin: 0 0 0 2px;
  position: relative;
  vertical-align: middle;
}

.nav-crumbs .row-end button[aria-pressed=true]::after {
  content: "\e910";
}

.nav-sec {
  background-color: #eee;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: 0 0 0.5em;
  margin: 0 0 0.5rem;
  z-index: 2;
}
.nav-sec .switcher::after,
.nav-sec .switcher span::after {
  line-height: 1;
}
.nav-sec a,
.nav-sec button {
  font-size: 13px;
  font-size: 0.8125rem;
  border: 0;
  line-height: 1.538;
}
.nav-sec a i,
.nav-sec button i {
  vertical-align: baseline;
}
.nav-sec .row-start {
  flex-grow: 1;
  order: 2;
}
.nav-sec .row-start .nav-item:first-child a,
.nav-sec .row-start .nav-item:first-child button {
  border-radius: 3px 0 0 3px;
}
.nav-sec .row-end .nav-cat-title {
  align-items: center;
  display: flex;
}
.nav-sec .nav-back {
  display: none;
}
.nav-sec .nav-cat-title {
  border-radius: 3px;
  padding: 2px 5px;
}
.nav-sec .nav-cat-title span {
  line-height: inherit;
}
.nav-sec .has-submenu {
  position: relative;
}
.nav-sec .has-submenu .nav-sec-title-group {
  display: inline-flex;
}
.nav-sec .has-submenu > button.nav-cat-title {
  display: block;
  text-align: left;
  width: 100%;
}
.nav-sec .has-submenu .nav-sec-title-group button {
  margin-left: -10px;
}
.nav-sec .has-submenu .nav-sec-title-group button.nav-cat-title::after,
.nav-sec .has-submenu > button.nav-cat-title::after,
.nav-sec .has-submenu > a.nav-cat-title::after {
  content: "\e90d";
  display: inline-block;
  font-family: "icomoon" !important;
  line-height: 1;
  margin: 0 0 0 2px;
  position: relative;
  vertical-align: middle;
}
.nav-sec .nav-submenu {
  margin-left: 1rem;
  overflow: visible;
  position: relative;
  right: auto;
}
.nav-sec .nav-submenu a:hover:focus,
.nav-sec .nav-submenu button:hover:focus {
  text-decoration: underline;
}

.touch .nav-sec .has-submenu > a.nav-cat-title {
  display: none;
}

.box-hideable {
  display: none;
}

.nav-sec {
  flex-direction: row;
}
.nav-sec .row-start {
  width: 50%;
}
.nav-sec .row-end {
  height: 100%;
  order: 2;
  text-align: right;
  width: 50%;
}
.nav-sec .row-end .nav-cat {
  border-width: 0;
  display: inline-block;
  height: 100%;
}
.nav-sec .box-hideable {
  width: 200%;
}

.no-touch .nav-sec .nav-item:hover .nav-sec-title-group {
  background-color: #006cb7;
  border-radius: 3px;
  color: #fff;
}
.no-touch .nav-sec .nav-item:hover .nav-sec-title-group a.nav-cat-title,
.no-touch .nav-sec .nav-item:hover .nav-sec-title-group button.nav-cat-title {
  background-color: transparent;
  color: inherit;
}

.no-touch .nav-sec .nav-item .nav-sec-title-group:focus-within {
  background-color: #006cb7;
  border-radius: 3px;
  color: #fff;
}
.no-touch .nav-sec .nav-item .nav-sec-title-group:focus-within a.nav-cat-title, .no-touch .nav-sec .nav-item .nav-sec-title-group:focus-within a.nav-cat-title:focus,
.no-touch .nav-sec .nav-item .nav-sec-title-group:focus-within button.nav-cat-title,
.no-touch .nav-sec .nav-item .nav-sec-title-group:focus-within button.nav-cat-title:focus {
  background-color: transparent;
  color: inherit;
}

.user-is-tabbing.no-touch .nav-sec .nav-item .nav-sec-title-group,
.user-is-tabbing.no-touch .nav-sec .nav-item:hover .nav-sec-title-group {
  background-color: transparent;
  border-radius: 3px;
}
.user-is-tabbing.no-touch .nav-sec .nav-item .nav-sec-title-group a.nav-cat-title,
.user-is-tabbing.no-touch .nav-sec .nav-item .nav-sec-title-group button.nav-cat-title,
.user-is-tabbing.no-touch .nav-sec .nav-item:hover .nav-sec-title-group a.nav-cat-title,
.user-is-tabbing.no-touch .nav-sec .nav-item:hover .nav-sec-title-group button.nav-cat-title {
  background-color: transparent;
  color: #006cb7;
}
.user-is-tabbing.no-touch .nav-sec .nav-item .nav-sec-title-group a.nav-cat-title:focus,
.user-is-tabbing.no-touch .nav-sec .nav-item .nav-sec-title-group button.nav-cat-title:focus,
.user-is-tabbing.no-touch .nav-sec .nav-item:hover .nav-sec-title-group a.nav-cat-title:focus,
.user-is-tabbing.no-touch .nav-sec .nav-item:hover .nav-sec-title-group button.nav-cat-title:focus {
  background-color: #006cb7;
  color: #fff;
}

@media (min-width: 61.25rem) {
  .no-touch .box-hideable {
    display: block;
  }
  .nav-sec {
    margin: 0 0 1em;
    margin: 0 0 1rem;
    padding: 0.25em;
    padding: 0.25rem;
  }
  .no-touch .nav-sec .row-start {
    width: auto;
  }
  .no-touch .nav-sec .row-start > .nav-cat-title.switcher {
    display: none;
  }
  .no-touch .nav-sec .row-start .nav-cat {
    display: flex;
    flex-wrap: wrap;
  }
  .no-touch .nav-sec .row-end {
    order: 2;
    text-align: right;
    width: auto;
  }
  .no-touch .nav-sec .row-end .nav-cat-title {
    border-width: 0 0 0 1px;
  }
  .no-touch .nav-sec .has-submenu:hover > ul, .no-touch .nav-sec .has-submenu:hover > .nav-sec-title-group > ul {
    display: block;
    z-index: 1;
  }
  .no-touch .nav-sec .has-submenu > button.nav-cat-title {
    display: none;
  }
  .no-touch .nav-sec .has-submenu > a.nav-cat-title {
    display: block;
  }
  .no-touch .nav-sec .nav-submenu {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px;
    border-width: 1px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    margin: -1px 0 0;
    padding: 3px 10px;
    position: absolute;
    top: 100%;
    white-space: nowrap;
  }
  .no-touch .nav-sec .box-hideable {
    width: auto;
  }
  .no-touch .nav-sec a.nav-cat-title:focus,
  .no-touch .nav-sec button.nav-cat-title:focus,
  .no-touch .nav-sec .nav-item:hover a.nav-cat-title,
  .no-touch .nav-sec .nav-item:hover button.nav-cat-title {
    background-color: #88b04b;
    color: #fff;
  }
  .no-touch .nav-sec .box-hideable {
    display: block !important;
    height: auto !important;
  }
  .no-touch .user-is-tabbing .nav-sec .has-submenu > button.nav-cat-title {
    display: block;
  }
  .no-touch .user-is-tabbing .nav-sec .has-submenu > a.nav-cat-title {
    display: none;
  }
}
.nav-tags {
  background-color: #eee;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  margin: 0.5em 0;
  margin: 0.5rem 0;
  z-index: 1;
}
.nav-tags a,
.nav-tags button {
  font-size: 13px;
  font-size: 0.8125rem;
  border: 0;
  font-size: 13px;
  line-height: 1.538;
}
.nav-tags a i,
.nav-tags button i {
  vertical-align: baseline;
}
.nav-tags .row-start {
  flex-grow: 1;
  order: 2;
  position: relative;
  z-index: 2;
}
.nav-tags .row-start .nav-cat-title.switcher {
  border-radius: 4px;
}
.nav-tags .row-end {
  padding: 2px;
  position: relative;
}
.nav-tags .nav-item:first-child a,
.nav-tags .nav-item:first-child button {
  border-radius: 4px 0 0 4px;
}
.nav-tags .nav-cat-title {
  line-height: 22px;
  padding: 3px 0.5rem;
}
.nav-tags .nav-cat-title span {
  line-height: 1;
}
.nav-tags .switcher::after,
.nav-tags .switcher span::after {
  line-height: 1;
}
.nav-tags .nav-submenu {
  display: none !important;
}
.nav-tags .box-hideable {
  display: none;
}
.nav-tags .box-hideable ul {
  align-content: flex-start;
  display: flex;
  flex-wrap: wrap;
}

.no-touch .nav-tags a.nav-cat-title:hover,
.no-touch .nav-tags a.nav-cat-title:focus,
.no-touch .nav-tags button.nav-cat-title:hover,
.no-touch .nav-tags button.nav-cat-title:focus,
.no-touch .nav-tags .nav-item:hover a.nav-cat-title,
.no-touch .nav-tags .nav-item:hover button.nav-cat-title {
  background-color: #88b04b;
  color: #fff;
}
.no-touch .nav-tags .switcher[aria-pressed=false] + .box-hideable,
.no-touch .nav-tags .switcher[aria-expanded=false] + .box-hideable {
  display: none !important;
}

@media (min-width: 40rem) {
  .nav-tags {
    flex-direction: row;
  }
  .nav-tags .row-start {
    order: 1;
    width: 50%;
  }
  .nav-tags .row-start .nav-cat-title.switcher {
    border-radius: 4px 0 0 4px;
  }
  .nav-tags .row-end {
    border-width: 0;
    order: 2;
    padding: 0;
    text-align: right;
    width: 50%;
  }
  .nav-tags .box-hideable {
    width: 200%;
  }
  .nav-tags .nav-cat {
    display: inline-block;
  }
}
@media (min-width: 40rem) {
  .nav-tags .row-start {
    border-radius: 4px 0 0;
    display: flex;
    flex-direction: row;
    width: auto;
  }
  .nav-tags .row-start .box-hideable {
    border-radius: 4px;
    display: block !important;
    height: 28px !important;
    overflow: hidden;
  }
  .nav-tags .row-start > button {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .nav-tags .row-start .row-end {
    min-width: 290px;
    width: auto;
  }
  .nav-tags.expanded .row-start {
    display: block;
  }
  .nav-tags.expanded .row-start .box-hideable {
    border-top: 1px dotted #ccc;
    height: auto !important;
  }
  .nav-tags.expanded .row-start,
  .nav-tags.expanded .row-end {
    width: 50%;
  }
  .nav-tags.expanded .nav-cat-title {
    border-width: 0;
  }
  .no-touch .nav-tags .nav-cat-title {
    border: 1px solid #fff;
    border-width: 0 1px 0 0;
  }
  .no-touch .nav-tags .switcher[aria-pressed=false] + .box-hideable,
  .no-touch .nav-tags .switcher[aria-expanded=false] + .box-hideable {
    display: block !important;
  }
}
.pagination-alt {
  align-items: center;
  column-gap: 0.5rem;
  display: flex;
  margin: 1.5rem auto;
  width: fit-content;
}
.pagination-alt .b\:brd {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  margin: 0;
  min-height: 1.5rem;
  padding: 3px 3px 0;
}
.pagination-alt ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0 -5px;
  padding: 0;
}
.pagination-alt li {
  display: block;
  line-height: 1;
  margin: 0;
  padding: 0 5px;
}
.pagination-alt li a,
.pagination-alt li span {
  display: block;
}
.pagination-alt .is-selected a {
  background-color: #2c729b;
  color: #fff;
  border-radius: 3px;
  padding: 3px 6px;
}

@media (max-width: 47.937rem) {
  .pagination-alt .b\:brd {
    padding: 0 7.5px;
  }
  .pagination-alt select {
    text-align: center;
    width: 100px;
  }
}
.form + .form {
  margin-top: 20px;
}

form:after {
  clear: both;
  content: " ";
  display: block;
}

input,
select,
textarea,
button {
  background-image: none;
  font-family: inherit;
  max-width: 100%;
}

input[type=date]::-webkit-inner-spin-button,
input[type=number]::-webkit-inner-spin-button,
input[type=time]::-webkit-inner-spin-button {
  display: none !important;
}

input[type=number] {
  -moz-appearance: textfield;
}

::-webkit-datetime-edit-text,
::-webkit-datetime-edit-hour-field:not([aria-valuenow]),
::-webkit-datetime-edit-minute-field:not([aria-valuenow]),
::-webkit-datetime-edit-year-field:not([aria-valuenow]),
::-webkit-datetime-edit-month-field:not([aria-valuenow]),
::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

.focus ::-webkit-datetime-edit-text,
.focus ::-webkit-datetime-edit-hour-field:not([aria-valuenow]),
.focus ::-webkit-datetime-edit-minute-field:not([aria-valuenow]),
.focus ::-webkit-datetime-edit-year-field:not([aria-valuenow]),
.focus ::-webkit-datetime-edit-month-field:not([aria-valuenow]),
.focus ::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: #000;
}

fieldset {
  min-width: 0;
}
fieldset + fieldset {
  margin-top: 0.5em;
}
h2 + hr + fieldset {
  margin-top: -0.5em;
}
fieldset .box [class*=mg-],
fieldset .box [class*=pg-],
fieldset .box [class*=tg-],
fieldset .box [class*=dg-],
fieldset .box [class*=lg-] {
  margin-bottom: 0;
  margin-top: 0;
}

[class*=field-] {
  line-height: 1;
  margin: 0.25em 0;
  position: relative;
}
[class*=field-]:after {
  content: "";
  display: table;
  clear: both;
}

[class*=field-toggle],
[class*=field-switch] {
  overflow: visible;
}

label,
.label {
  font-size: 14px;
  font-size: 0.875rem;
  color: #444;
  display: block;
  font-weight: 400;
  line-height: 1.5em;
  margin-top: 0;
  min-height: 26px;
  padding: 0.25em 0;
  text-align: left;
}

legend,
.legend {
  font-size: 16px;
  font-size: 1rem;
  color: #444;
  font-weight: 700;
  line-height: 1.2;
  margin: 0.25em 0;
  width: 100%;
}

legend + * {
  -webkit-margin-top-collapse: separate;
}

.field-file {
  overflow: hidden;
}

input[type=file] {
  width: 100%;
}

[readonly] {
  background-color: #f6f6f6 !important;
  cursor: not-allowed;
}

.i\:v {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  display: block;
  margin: 0;
  min-height: 32px;
  padding: 8px 6px 0 0;
}

.b\:xs + .i\:v {
  padding-top: 5px;
}

table [class*=field-] {
  margin: 5px 0 0;
}
@media (min-width: 61.25rem) {
  table [class*=field-] {
    margin: 0 auto;
  }
}

legend + .table-data,
legend + .table-price {
  margin: 15px 0 0;
}

[class^=ui-] select {
  display: inline-block;
}
[class^=ui-] textarea {
  height: 112px;
}

[class*=field-text] input[disabled],
select[disabled],
textarea[disabled] {
  background-color: #eee;
}

input[type=radio][disabled] + i, input[type=checkbox][disabled] + i {
  background-color: #eee;
  border-color: #dedede;
}
input[type=radio][disabled] + i + span, input[type=checkbox][disabled] + i + span {
  color: #999;
}

[type=radio][checked][disabled] + i:after {
  background-color: #ccc;
}

[type=checkbox][checked][disabled] + i:after {
  color: #ccc;
}

input[type=search],
[class*=field-text] input,
textarea,
select {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: block;
  height: 33px;
  margin: 0;
  padding: 3px 6px;
  transition: all 0.2s ease-out;
  width: 100%;
}

textarea {
  line-height: 1.3;
  min-height: 120px;
  resize: vertical;
}
textarea[data-expandable] {
  min-height: 1rem;
  overflow: hidden;
  resize: none;
}

.field-text,
.field-area,
.field-select,
.field-text\:d,
.field-text\:t {
  text-align: left;
}

dd p, dd p.field-check > label {
  font-size: inherit;
}

input:focus,
select:focus,
textarea:focus {
  border: 1px solid #2463a4;
  border-color: #2463a4;
}

.field-radio input[type=text],
.field-check input[type=text] {
  border: 1px solid #949494;
  border-radius: 4px;
  line-height: 1.4;
  text-align: center;
  vertical-align: top;
}

.field-text [class*=".b:"] {
  margin: 0 5px;
}

.field-inline > div {
  display: table;
}
.field-inline > div > div {
  font-size: 14px;
  font-size: 0.875rem;
  display: table-cell;
  padding-left: 5px;
  position: relative;
  vertical-align: middle;
}
.field-inline > div > div:first-child {
  padding-left: 0;
}

@supports (-webkit-overflow-scrolling: touch) {
  input,
  select,
  textarea {
    font-size: 16px;
    font-size: 1rem;
  }
}
.i\:val {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  margin: 0.45em 0;
}

span.i\:val {
  margin: 0;
}

.field-text\:i {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
}

div.i\:xxs {
  padding-right: 0 !important;
  width: 50px !important;
}
div.i\:xs {
  width: 90px !important;
}
div.i\:s {
  width: 120px !important;
}
div.i\:m {
  width: 150px !important;
}
div.i\:l {
  width: 190px !important;
}
div.i\:xl {
  width: 230px !important;
}
div.i\:xxl {
  width: 280px !important;
}
div.i\:xxxl {
  width: 300px !important;
}
@media (min-width: 40rem) {
  div.i\:xxxl {
    width: 330px !important;
  }
}
div.i\:xs, div.i\:s, div.i\:m, div.i\:l, div.i\:xl, div.i\:xxl, div.i\:xxxl {
  position: relative;
}

.field-check label,
.field-radio label {
  font-size: 14px;
  font-size: 0.875rem;
  color: #000;
  cursor: pointer;
  display: flex;
  column-gap: 1rem;
  font-weight: 400;
  margin-top: 1px;
  overflow: hidden;
  padding-left: 1.65rem;
  position: relative;
}
.field-check label + label,
.field-radio label + label {
  margin-top: 0.25em;
}
.field-check label i + span,
.field-radio label i + span {
  flex-grow: 1;
}
.field-check input,
.field-radio input {
  padding: 0;
  vertical-align: middle;
}
.field-check .label + label + .icon-16,
.field-radio .label + label + .icon-16 {
  margin-top: 0.55em;
}

.field-check:after {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  left: 0;
  opacity: 0.0001;
  position: absolute;
}
[type=checkbox] + i,
[type=radio] + i {
  background-color: #fff;
  border: 2px solid #aaa;
  border-radius: 2px;
  display: block;
  height: 16px;
  left: 3px;
  position: absolute;
  text-align: left !important;
  top: 7px;
  transition: all 0.2s ease-out;
  width: 16px;
}
[type=checkbox]:checked + i,
[type=radio]:checked + i {
  border-color: #2463a4;
}
[type=checkbox]:focus + i,
[type=radio]:focus + i {
  border-color: #2463a4;
}

[type=checkbox]:checked + i:after {
  color: #2463a4;
  content: "\e911";
  font-family: "icomoon" !important;
  font-size: 11px;
  font-style: normal;
  height: 12px;
  left: 0;
  line-height: 1;
  padding-top: 1px;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 12px;
}

[type=radio] + i {
  border-radius: 50%;
}
[type=radio]:checked + i:after {
  background-color: #2463a4;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  [type=checkbox]:checked + i:after {
    top: 0;
  }
}
.field-h:after {
  clear: both;
  content: "";
  display: block;
}
.field-h.field-check label, .field-h.field-radio label {
  margin-top: 1px;
  width: auto;
}
.field-h label {
  clear: none;
  float: left;
  margin-right: 15px;
  padding-right: 0;
  width: auto;
}
.field-h label:last-child {
  margin-right: 0;
}

.c\:big [type=checkbox] + i,
.c\:big [type=radio] + i {
  height: 22px;
  width: 22px;
}
.c\:big > label {
  padding-left: 2.5em;
}
.c\:big > label span {
  display: inline-block;
  margin: 0.25em;
}
.c\:big [type=checkbox]:checked + i:after {
  font-size: 18px;
  height: 22px;
  width: 22px;
}

select {
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='31'%3E%3Cpath d='M.5 4v23' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3Cpath d='M17 14.3L12.5 18 8 14' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-position: right 0 center, 0 0;
  background-repeat: no-repeat;
  padding: 0 30px 0 5px;
  text-overflow: ellipsis;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  padding: 0;
}
select.fit {
  width: max-content;
}

optgroup {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  padding: 5px 10px 0;
}
optgroup + optgroup {
  border-top: 1px dotted #aaa;
}

option {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 5px 0 5px 10px;
}

optgroup > option {
  padding-left: 5px;
}

.field-search--text,
.field-search-text {
  align-items: center;
  display: flex;
  margin: 0.5em 0;
  width: 100%;
}
.field-search--text div:first-child,
.field-search-text div:first-child {
  flex: 1 0 auto;
}
.field-search--text div:last-child,
.field-search-text div:last-child {
  flex: 0 0 auto;
}
.field-search--text input[type=text],
.field-search--text input[type=search],
.field-search-text input[type=text],
.field-search-text input[type=search] {
  -webkit-appearance: none;
  border-radius: 4px 0 0 4px;
  border-right-width: 0;
  height: 40px;
  position: relative;
}
.field-search--text input[type=text]:focus,
.field-search--text input[type=search]:focus,
.field-search-text input[type=text]:focus,
.field-search-text input[type=search]:focus {
  z-index: 1;
}
.field-search--text input[type=submit],
.field-search--text button,
.field-search-text input[type=submit],
.field-search-text button {
  align-items: center;
  border-radius: 0 4px 4px 0;
  display: flex;
  height: 40px;
  margin: 0;
  padding: 0 1em;
  position: relative;
}
.field-search--text input[type=submit] span,
.field-search--text button span,
.field-search-text input[type=submit] span,
.field-search-text button span {
  white-space: nowrap;
}

@media (max-width: 47.937rem) {
  .field-search--text div .icon-24,
  .field-search-text div .icon-24 {
    font-size: 20px;
    height: 20px;
    width: 20px;
  }
}
@media (min-width: 48rem) {
  .field-search--text input[type=text],
  .field-search--text input[type=search],
  .field-search-text input[type=text],
  .field-search-text input[type=search] {
    height: 50px;
  }
  .field-search--text input[type=submit],
  .field-search--text button,
  .field-search-text input[type=submit],
  .field-search-text button {
    font-size: 16px;
    font-size: 1rem;
    height: 50px;
    padding: 0 1.3rem;
  }
  .field-search--text.fst-s input[type=text],
  .field-search--text.fst-s input[type=search],
  .field-search-text.fst-s input[type=text],
  .field-search-text.fst-s input[type=search] {
    height: 33px;
  }
  .field-search--text.fst-s input[type=submit],
  .field-search--text.fst-s button,
  .field-search-text.fst-s input[type=submit],
  .field-search-text.fst-s button {
    height: 33px;
    padding: 0;
    width: 33px !important;
  }
}
.button-search.button-search {
  border-radius: 0 5px 5px 0;
  bottom: 0;
  box-shadow: none;
  margin: 0;
  min-height: 32px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-indent: 34px;
  width: 50px;
}
.button-search:before {
  content: "\e944";
  display: block;
  font-family: "icomoon" !important;
  font-size: 24px;
  left: -20px;
  position: absolute;
}

.search-content-2 .field-search {
  padding-right: 0;
}
.search-content-2 [type=search] {
  border-radius: 5px;
  border-width: 1px;
}
.search-content-2 .field-button .b\:pri,
.search-content-2 .field-button .b\:sec,
.search-content-2 .field-button .b\:brd {
  font-size: 18px;
  height: 50px;
}

.field-search-box {
  display: flex;
}
.field-search-box input[type=text],
.field-search-box input[type=search] {
  border-radius: 0.25rem 0 0 0.25rem;
}
.field-search-box .b\:pri {
  margin: 0;
  border-radius: 0 0.25rem 0.25rem 0;
}

.field-text\:d:after,
.field-text\:t:after {
  content: "";
  display: table;
  clear: both;
}
.field-text\:d .input-wrapper,
.field-text\:t .input-wrapper {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  z-index: 0;
}
.field-text\:d .input-wrapper i,
.field-text\:t .input-wrapper i {
  border: 0;
  color: #ccc;
  display: block;
  font-family: "icomoon" !important;
  font-size: 16px;
  font-style: normal;
  height: 33px;
  left: 0;
  line-height: 28px;
  margin-top: 0;
  position: relative;
  right: 0;
  text-align: center;
  width: 165px;
  z-index: 1;
}
.field-text\:d .input-wrapper i:before,
.field-text\:t .input-wrapper i:before {
  border-left: 1px solid #ccc;
  color: #aaa;
  display: inline-block;
  font-family: "icomoon" !important;
  font-size: 16px;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 4px;
  width: 28px;
  z-index: 4;
}
.field-text\:d .input-wrapper i:after,
.field-text\:t .input-wrapper i:after {
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  border-width: 1px;
  content: "";
  display: block;
  height: 33px;
  left: 0;
  position: absolute;
  top: 0;
  transition-duration: 0.2s;
  width: inherit;
  z-index: 2;
}
.field-text\:d input,
.field-text\:t input {
  background-color: transparent !important;
  border-radius: 3px 0 0 3px;
  border-width: 0;
  line-height: 1;
  margin-left: 1px;
  padding: 1px 0 0 6px;
  position: relative;
  z-index: 4;
}
.field-text\:d input::-webkit-calendar-picker-indicator,
.field-text\:t input::-webkit-calendar-picker-indicator {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAA40lEQVR42u3YgUYFQRhH8a0n2Pl/z1Yoqnr7XKUC0G2bYRGWQHPQ+fER0Jw/F3b5nSRJkiRJkiTpcty/fM9addPvPVVv4+8FluRube1jvCfJ1fLHLsY/6rftdx4PAOOfUvX14z2nGQO89tvoEQ7it9ba85SfwIg+GgGMH/fZB7ie9rujRkjyeBS/Vt0uMxEj7PFnPJ4YgY8HR+DjwRGSPPDx0Ah8PDgCHw+OwMeDIyS55+OhEfh4cAQ+HhyBjwdH4OPpEfh4fAQ+nh+Bj0dH4OMB+5ell36nWV9yJEmSJEmSJOkboroSlXMiBg8AAAAASUVORK5CYII=");
  opacity: 0;
  transition: opacity 0.25s;
}
.field-text\:d input:focus, .field-text\:d input:hover,
.field-text\:t input:focus,
.field-text\:t input:hover {
  box-shadow: none;
}
.field-text\:d input:focus,
.field-text\:t input:focus {
  border: 0;
  box-shadow: none;
}
.field-text\:d input:focus + i:after,
.field-text\:t input:focus + i:after {
  border-color: #2463a4;
  box-shadow: 0 0 3px 3px rgba(66, 139, 202, 0.3);
}
.field-text\:d input.error,
.field-text\:t input.error {
  background-color: transparent !important;
}
.field-text\:d input.error + i:after,
.field-text\:t input.error + i:after {
  background-color: #f8dbdd !important;
  border-color: #e48195 !important;
}
.field-text\:d input[disabled] + i:after,
.field-text\:t input[disabled] + i:after {
  background-color: #eee;
}

.field-text\:d .input-wrapper i:before {
  content: "\e93b";
}
.field-text\:d .input-wrapper input[type=text], .field-text\:d .input-wrapper input[type=date] {
  max-width: 135px;
  min-width: 135px;
}
.field-text\:d:hover input::-webkit-calendar-picker-indicator {
  opacity: 1;
}

.field-text\:t .input-wrapper input[type=text], .field-text\:t .input-wrapper input[type=" time "] {
  max-width: 80px;
  min-width: 80px;
}
.field-text\:t .input-wrapper i {
  width: 110px;
}
.field-text\:t .input-wrapper i:before {
  content: "\e93a";
}
.field-text\:t:hover input::-webkit-calendar-picker-indicator {
  opacity: 1;
}

.d2d {
  margin: 0.5em 0 0;
}
.d2d .field-text\:d,
.d2d .field-text\:t {
  display: inline-block;
  margin: 0 0 0.5em;
  vertical-align: top;
}
.d2d .field-text\:d label,
.d2d .field-text\:t label {
  display: inline-block;
  line-height: 33px;
  margin-right: 5px;
  min-height: 0;
  padding: 0;
  vertical-align: middle;
}
.d2d .field-text\:d label + div,
.d2d .field-text\:t label + div {
  display: inline-block;
  vertical-align: top;
}
.d2d .label + .field-text\:d,
.d2d .label + .field-text\:t {
  margin-right: 0.25em;
}

@-moz-document url-prefix() {
  .field-text\:d input,
  .field-text\:t input {
    padding: 3px 0 0 6px;
  }
  .field-text\:t input[type=text], .field-text\:t input[type=time] {
    max-width: 72px;
    min-width: 72px;
  }
}
.field-multiple,
.field-multiple2 {
  display: block;
}
.field-multiple > div,
.field-multiple2 > div {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0;
  max-height: 150px;
  min-height: 120px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 3px 6px;
  transition: all 0.2s ease-out;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.field-multiple > div span,
.field-multiple2 > div span {
  display: block;
  line-height: 1.5em;
  margin: 0;
  position: relative;
  z-index: 1;
}
.field-multiple > div label + .optgroup,
.field-multiple2 > div label + .optgroup {
  border-top: 1px dotted #aaa;
  margin-top: 3px;
}
.field-multiple > div [type=radio] + i,
.field-multiple > div [type=checkbox] + i,
.field-multiple2 > div [type=radio] + i,
.field-multiple2 > div [type=checkbox] + i {
  top: 5px;
}
.field-multiple.resizable > div,
.field-multiple2.resizable > div {
  height: 150px;
  max-height: none;
  min-height: 10px;
  overflow-x: auto;
  overflow-y: scroll;
  position: relative;
  resize: vertical;
}
.field-multiple .field-error > div + div,
.field-multiple2 .field-error > div + div {
  background-color: transparent !important;
  border-width: 0;
  overflow: hidden;
}

.field-multiple [class*=field-radio] label,
.field-multiple [class*=field-check] label {
  font-size: 13px;
  margin: 1px 0;
  padding: 0;
  position: relative;
  text-indent: 0;
  width: 100%;
}
.field-multiple [class*=field-radio] label span,
.field-multiple [class*=field-check] label span {
  padding: 4px 5px 4px 30px;
}
.field-multiple [type=radio] + i,
.field-multiple [type=checkbox] + i {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: #fff;
  height: 20px;
  left: 5px;
  position: absolute;
  width: 20px;
  z-index: 2;
}
.field-multiple [type=checkbox]:checked + i:after,
.field-multiple [type=radio]:checked + i:after {
  background-color: transparent;
  border-radius: 0;
  color: #fff;
  content: "\e911";
  font-family: "icomoon" !important;
  font-size: 16px;
  font-style: normal;
  height: 16px;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 16px;
}
.field-multiple [type=checkbox]:focus + i,
.field-multiple [type=radio]:focus + i {
  border-color: transparent;
  box-shadow: none;
}
.field-multiple [type=checkbox][disabled] + i + span,
.field-multiple [type=radio][disabled] + i + span {
  color: #aaa;
}
.field-multiple input:checked + i + span {
  background-color: #2e96ff;
  color: #fff;
}

.field-multiple2 > div label {
  margin-left: 5px;
}
.field-multiple2 > div [type=radio] + i,
.field-multiple2 > div [type=checkbox] + i {
  top: 5px;
}

.field-select select[multiple] {
  background-image: none;
  height: auto;
}

.user-is-tabbing .field-multiple [type=checkbox]:focus + i + span:before,
.user-is-tabbing .field-multiple [type=radio]:focus + i + span:before {
  border: 1px solid #2463a4;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.user-is-tabbing .field-multiple [type=checkbox]:focus:checked + i + span:before,
.user-is-tabbing .field-multiple [type=radio]:focus:checked + i + span:before {
  background-color: #006cb7;
}

.ms-offscreen {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  left: auto !important;
  margin: 0 !important;
  outline: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  top: auto !important;
  width: 1px !important;
}

.ms-parent {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.ms-choice {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  color: #444;
  cursor: pointer;
  display: block;
  height: 33px;
  line-height: 33px;
  overflow: hidden;
  padding: 0;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
}
.ms-choice.disabled {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.ms-choice > span {
  display: block;
  left: 0;
  overflow: hidden;
  padding-left: 8px;
  position: absolute;
  right: 20px;
  text-overflow: ellipsis;
  top: 0;
  white-space: nowrap;
}
.ms-choice > span.placeholder {
  color: #999;
}
.ms-choice > div.icon-close {
  height: 100%;
  position: absolute;
  right: 16px;
  top: 0;
  width: 16px;
}
.ms-choice > div.icon-close:before {
  color: #888;
  content: "×";
  font-weight: bold;
  margin-top: -14px;
  position: absolute;
  top: 50%;
}
.ms-choice > div.icon-close:before:hover {
  color: #333;
}
.ms-choice > div.icon-caret {
  border-color: #444 transparent transparent;
  border-style: solid;
  border-width: 6px 5px 0;
  height: 0;
  margin-top: -2px;
  position: absolute;
  right: 8px;
  top: 50%;
  width: 0;
}

.ms-drop {
  background: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
  color: #000;
  display: none;
  margin-top: -1px;
  min-width: 100%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: auto;
  z-index: 1000;
}
.ms-drop.bottom {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  top: 100%;
}
.ms-drop.top {
  bottom: 100%;
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.ms-drop ul {
  margin: 0;
  overflow: auto;
  padding: 0;
}
.ms-drop ul > li {
  background-image: none;
  display: list-item;
  list-style: none;
  padding: 0 8px 1px;
  position: static;
}
.ms-drop ul > li label {
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
  padding-left: 1.25rem;
  padding-right: 5px;
  position: relative;
  white-space: nowrap;
}
.ms-drop ul > li label.optgroup {
  font-weight: bold;
}
.ms-drop ul > li .disabled {
  cursor: default;
  filter: alpha(Opacity=35);
  font-weight: normal !important;
  opacity: 0.35;
}
.ms-drop ul > li.selected label {
  color: #2880d8;
}
.ms-drop ul > li.selected label:before {
  content: "\e927";
  font-family: "ikz" !important;
  height: 20px;
  left: 2px;
  position: absolute;
  width: 20px;
}
.ms-drop ul > li.multiple {
  display: block;
  float: left;
}
.ms-drop ul > li.multiple label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.ms-drop ul > li.group {
  clear: both;
}
.ms-drop ul > li.group ~ .multiple {
  margin-left: 1.1rem;
}
.ms-drop ul > li.hide-radio {
  padding: 0;
}
.ms-drop ul > li.hide-radio label {
  margin-bottom: 0;
  padding: 5px 8px;
}
.ms-drop ul > li.hide-radio input {
  display: none;
}
.ms-drop ul > li.hide-radio:focus, .ms-drop ul > li.hide-radio:hover {
  background-color: #f8f9fa;
}
.ms-drop ul > li.hide-radio.selected {
  background-color: #007bff;
  color: #fff;
}
.ms-drop ul > li.option-level-1 label {
  padding-left: 28px;
}
.ms-drop input[type=radio], .ms-drop input[type=checkbox] {
  margin-left: -1.25rem;
  margin-top: 0.3rem;
  position: absolute;
}
.ms-drop .ms-no-results {
  display: none;
}

.ms-search {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 2px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000;
}
.ms-search input {
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: none;
  font-family: sans-serif;
  height: auto !important;
  margin: 0;
  min-height: 24px;
  outline: 0;
  padding: 0 5px;
  width: 100%;
}

[css*=field-] .field-error {
  clear: both;
  display: block;
}

.field-error label,
.field-error .label {
  color: #c00;
}
.field-error select,
.field-error input,
.field-error textarea,
.field-error .field-multiple > p,
.field-error .field-multiple2 > p, .field-error.field-multiple > p, .field-error.field-multiple2 > p {
  background-color: #f8dbdd !important;
  border-color: #e48195;
}
.field-error.field-multiple i {
  display: none;
}
.field-error .form-error {
  font-size: 13px;
  font-size: 0.8125rem;
  clear: both;
  color: #c00;
  display: block;
  padding-top: 0.5em;
}

/* 'form-placeholder' */
input::placeholder {
  text-align: left;
  font-size: 0.875rem;
}

@media only screen and (max-width: 359px) {
  input::placeholder {
    font-size: 0.5rem !important;
  }
}
.field-button [class*="b:"] {
  margin-bottom: 0;
  margin-top: 28px;
}
.field-button [class*="b:"].b\:s {
  margin-top: 30px;
}
.field-button .label + [class*="b:"],
.field-button label + [class*="b:"] {
  margin-top: 0;
}

.label ~ .field-button [class*="b:"],
label ~ .field-button [class*="b:"] {
  margin-top: 0;
}
.label ~ .field-button [class*="b:"].b\:s,
label ~ .field-button [class*="b:"].b\:s {
  margin-top: 2px;
}

@media (max-width: 39.937rem) {
  .mg-12 .field-button [class*="b:"] {
    margin-top: 0;
  }
}
@media (min-width: 40rem) and (max-width: 47.937rem) {
  .pg-12 .field-button [class*="b:"] {
    margin-top: 0;
  }
}
.field-toggle label {
  align-items: flex-end;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
}
.field-toggle .tgg-c {
  display: flex;
  overflow: hidden;
}
.field-toggle .tgg-s {
  align-items: center;
  background-color: #e6e6e6;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-flex;
  height: 28px;
  padding: 0;
  position: relative;
}
.field-toggle .tgg-s:before {
  background-color: #cd2323;
  border-radius: 4px 0 0 4px;
  content: "";
  display: block;
  height: 26px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s;
  width: 50%;
}
.field-toggle .tgg-y,
.field-toggle .tgg-n {
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 1;
  padding: 3px 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: color 0.2s;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 50%;
}
.field-toggle .tgg-n {
  color: #fff;
}
.field-toggle input:checked ~ .tgg-c .tgg-n {
  color: #444;
}
.field-toggle input:checked ~ .tgg-c .tgg-y {
  color: #fff;
}
.field-toggle input:checked ~ .tgg-c .tgg-s:before {
  background-color: #14803d;
  border-radius: 0 4px 4px 0;
  left: 50%;
}
.field-toggle .tgg-f {
  display: none;
}
.field-toggle.field-inline {
  align-items: center;
  display: flex;
}
.field-toggle.field-inline label {
  margin-left: 0.5rem;
}
.field-toggle.field-inline.field-reversed label {
  margin-left: 0;
}
.field-toggle.field-inline.field-reversed .label {
  margin-left: 0.5rem;
  order: 2;
}
.field-toggle.compact .tgg-s .tgg-y,
.field-toggle.compact .tgg-s .tgg-n {
  display: none;
}
.field-toggle.compact .tgg-s {
  background-color: #666;
  border-radius: 15px;
  display: block;
  height: 24px;
  transition: background-color 0.2s;
  width: 50px;
}
.field-toggle.compact .tgg-s:before {
  background-color: #eee;
  border-radius: 50% !important;
  height: 18px;
  margin: 2px;
  width: 18px;
}
.field-toggle.compact input:checked ~ .tgg-c .tgg-s {
  background-color: #1ca350;
}
.field-toggle.compact input:checked ~ .tgg-c .tgg-s:before {
  background-color: #eee;
  left: calc(50% + 2px);
}

.ie9 .field-toggle .tgg-s {
  display: block;
}
.ie9 .field-toggle .tgg-y,
.ie9 .field-toggle .tgg-n {
  top: 2px;
}
.ie9 .field-toggle.field-inline .label,
.ie9 .field-toggle.field-inline label {
  display: inline-block;
  margin-left: 0;
  vertical-align: middle;
}

.ie8 .field-toggle .tgg-f {
  display: inline-block;
}
.ie8 .field-toggle .tgg-s {
  display: none;
}

body.user-is-tabbing .field-toggle input:focus ~ .tgg-c {
  border-radius: 4px;
  outline: 0.25rem dashed #2c729b !important;
  outline-offset: 0.125rem;
}
body.user-is-tabbing .field-toggle.compact input:focus ~ .tgg-c {
  border-radius: 15px;
  outline: 0.25rem dashed #2c729b !important;
  outline-offset: 0.125rem;
}

.field-toggle .tgg-desc .tgg-y,
.field-toggle .tgg-desc .tgg-n {
  color: #14803d;
  display: none;
  padding: 3px 5px;
  width: auto;
}
.field-toggle .tgg-desc .tgg-n {
  color: #cd2323;
}
.field-toggle input:not(:checked) ~ .tgg-desc .tgg-n,
.field-toggle input:checked ~ .tgg-desc .tgg-y {
  display: block;
}

@media (min-width: 40rem) {
  .field-toggle label {
    align-items: center;
    flex-direction: row;
  }
  .field-toggle .flex-g + label .tgg-c {
    order: 2;
  }
}
.is-required:not(.radio-boxes) label:after,
.is-required:not(.radio-boxes) .label:after,
.is-required.radio-boxes legend:after,
.field-check input[required] + i + span:before {
  color: #c00;
  content: "\e96e";
  font-family: "icomoon" !important;
  font-size: 5px;
  height: 5px;
  line-height: 1;
  margin-left: 3px;
  vertical-align: super;
  width: 5px;
}

.field-check.is-required label:after,
.field-check.is-required .label:after {
  content: "";
}

.field-check input[required] + i + span:before {
  display: inline-block;
  margin-right: 3px;
}

.is-required .label ~ label:after,
.is-required .label ~ div label:after,
.field-check.is-required label:after,
.field-check.is-required .label:after {
  content: none;
}

.format-message {
  font-size: 12px;
  font-size: 0.75rem;
  clear: both;
  display: block;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 5px;
  padding: 5px 0 0;
}
.format-message + .error-message label {
  padding-top: 0;
}

.error-message {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}
.error-message label.error {
  font-size: 12px;
  font-size: 0.75rem;
  color: #c00;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 5px;
  min-height: 0;
  padding: 5px 0 0;
}
.error-message label.error:after {
  content: "";
}

input.error,
textarea.error,
select.error {
  background-color: #f8dbdd !important;
  border-color: #e48195;
}

.validate .field-text.has-info input + i {
  right: 29px;
}
.validate .field-text.has-info.field-inline input + i {
  right: 4px;
}
.validate .field-text input {
  padding-right: 30px;
}
.validate .field-text input + i {
  border-left: 1px solid #ccc;
  display: block;
  font-style: normal;
  height: 25px;
  margin-top: 4px;
  position: absolute;
  right: 4px;
  width: 25px;
}
.validate .field-text input + i:before {
  color: #aaa;
  content: "A";
  display: block;
  font-size: 1rem;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
}
.validate .field-text input[type=password] + i:before {
  font-size: 10px;
  font-size: 0.625rem;
  content: "\e96e";
  font-family: "icomoon";
  padding-top: 2px;
}
.validate .field-text input[type=email] + i:before {
  content: "@";
}
.validate .field-text input[type=tel] + i:before {
  content: "\e936";
  font-family: "icomoon";
}
.validate .field-text input[type=number] + i:before {
  content: "1";
}
.validate .field-text input.error + i:before, .validate .field-text input.valid + i:before {
  color: #aaa;
  display: inline-block;
  font-family: "icomoon" !important;
  font-size: 16px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
}
.validate .field-text .i\:xxs input, .validate .field-text.no-validate input {
  padding-right: 6px;
}
.validate .field-text .i\:xxs input + i, .validate .field-text.no-validate input + i {
  display: none !important;
}
.validate [class*=field-text]:not(.no-validate) input.error + i:before {
  color: #c00;
  content: "\e95e";
}
.validate [class*=field-text]:not(.no-validate) input.valid + i:before {
  color: green;
  content: "\e911";
}

/* 'form-dropdown' */
.dropdown {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin: 0.35em 0.4em 0 0;
  position: relative;
}
.dropdown .button-dropdown span {
  padding-right: 5px;
}
.dropdown > button.link span + i {
  margin-right: 0;
}
.dropdown .divider {
  border: 0;
  border-top: 1px dotted #aaa;
  display: block;
  font-size: 0;
  line-height: 0;
  padding: 0;
}
.dropdown:first-child {
  margin-right: 0.1em;
}
.dropdown + .dropdown {
  margin-right: 1em;
}

[aria-expanded=false] + .dropdown-menu {
  display: none;
}

.dropdown-menu {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
  float: left;
  list-style: none;
  margin: 0 0 0;
  min-width: 160px;
  padding: 0 0;
  position: absolute !important;
  text-align: left;
  top: 100%;
  width: auto;
  z-index: 1000;
}
.dropdown-menu > :first-child {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
}
.dropdown-menu > :last-child {
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.dropdown-menu a,
.dropdown-menu button {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #2c729b;
  display: block;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  min-width: 100%;
  overflow: hidden;
  padding: 5px 0.8em;
  text-align: left;
  text-decoration: none;
  white-space: nowrap;
}
.dropdown-menu a:focus, .dropdown-menu a:hover,
.dropdown-menu button:focus,
.dropdown-menu button:hover {
  background-color: #f6f6f6;
}
.dropdown-menu i {
  margin-right: 0.5em;
  vertical-align: sub;
}
.dropdown-menu p {
  font-size: 13px;
  margin: 0.5em;
  white-space: nowrap;
}

.dropdown\:l .dropdown-menu {
  left: 2px;
}

.dropdown--right .dropdown-menu,
.dropdown\:r .dropdown-menu {
  right: 2px;
}

.dropdown-header.dropdown-header {
  background-color: #eee;
  font-weight: bold;
  padding: 0.5em 1em;
  text-align: left;
}

.disclosure-nav {
  display: flex;
  gap: 0.5rem;
  margin: 0.25rem 0;
  padding: 0;
  position: relative;
  z-index: 100;
}
.disclosure-nav .disclosure-item {
  position: relative;
}
.disclosure-nav ul {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 0.25rem;
  box-shadow: 0.25rem 0.25rem 1rem rgba(0, 0, 0, 0.2);
  display: block;
  list-style-type: none;
  margin: 0;
  min-width: 200px;
  padding: 0;
  position: absolute;
  top: 100%;
  overflow: hidden;
}
.disclosure-nav li {
  margin: 0;
}

.disclosure-nav ul li strong {
  padding: 0.25em 1em;
}

.disclosure-nav ul a {
  border: 0;
  color: #000;
  display: block;
  margin: 0;
  padding: 0.25em 1em;
  font-size: 0.8125rem;
  text-decoration: none;
  text-wrap: nowrap;
}

.disclosure-nav ul a:hover,
.disclosure-nav ul a:focus {
  background-color: #1967d2;
  color: #fff;
  margin-bottom: 0;
  text-decoration: none;
}

.disclosure-nav button {
  align-items: center;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='31'%3E%3Cpath d='M.5 4v23' fill='none' stroke='%23aaa' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3Cpath d='M17 14.3L12.5 18 8 14' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-position: 100% center;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  border-radius: 0.25rem;
  display: flex;
  height: 33px;
  padding: 0 35px 0 10px;
  position: relative;
}

.user-is-tabbing .disclosure-nav ul a:focus,
.disclosure-nav button:focus {
  position: relative;
}

[class*=field-] .icon-info,
[class*=field-] .icon-info-alt {
  cursor: help;
  margin-left: 5px;
  margin-top: 0;
}

.has-info select,
.has-info textarea,
.has-info input {
  float: left;
  width: calc(100% - 25px);
}
.has-info.field-multiple .field-radio,
.has-info.field-multiple .field-check {
  float: left;
  width: calc(100% - 25px);
}
.has-info.field-multiple input {
  width: auto;
}
.has-info.field-inline input {
  width: 100%;
}

.field-select .icon-info,
.field-select .icon-info-alt,
.field-text .icon-info,
.field-text .icon-info-alt {
  margin-top: 0.55em;
}

.field-check.has-info .icon-info,
.field-check.has-info .icon-info-alt,
.field-radio.has-info .icon-info,
.field-radio.has-info .icon-info-alt {
  margin: 0 0 0 5px;
}
.field-check.has-info input,
.field-radio.has-info input {
  width: auto !important;
}

@media (max-width: 767px) {
  .field-radio.radio-boxes legend {
    margin-bottom: 0.5rem;
  }
  .field-radio.radio-boxes .label {
    width: 100%;
  }
  .field-radio.radio-boxes > label {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    margin: 0.25rem 0;
    padding: 5px 10px;
    position: relative;
    width: 100%;
  }
  .field-radio.radio-boxes > label [type=radio]:checked + i:after {
    background-color: transparent;
    color: #fff;
    content: "\e911";
    font-family: "icomoon" !important;
    font-size: 24px;
    height: 0;
    left: 0;
    top: 0;
    transform: none;
    width: 0;
  }
  .field-radio.radio-boxes > label i {
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    display: block;
    height: 24px;
    text-align: left !important;
    transition: all 0.2s ease-out;
    width: 24px;
    margin: 0px;
    order: 3;
    position: relative;
    left: 0;
    top: 0;
  }
  .field-radio.radio-boxes > label svg,
  .field-radio.radio-boxes > label img {
    flex-shrink: 0;
    height: 16px;
    margin: 0 0.5rem 0 0;
    order: 1;
    width: 16px;
  }
  .field-radio.radio-boxes > label span {
    align-items: center;
    color: #2463a4;
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0;
    order: 2;
  }
  .field-radio.radio-boxes > label span:before {
    border: 1px solid transparent;
    border-radius: 5px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .field-radio.radio-boxes > label input:checked ~ svg {
    stroke: #fff;
  }
  .field-radio.radio-boxes > label input:checked ~ span {
    background-color: #2463a4;
    color: #fff;
  }
  .field-radio.radio-boxes > label input:checked ~ span:before {
    background-color: #2463a4;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .field-radio.radio-boxes > label input:disabled ~ svg {
    stroke: #ccc;
  }
  .field-radio.radio-boxes > label input:disabled ~ span:before {
    background-color: #f6f6f6;
    border-color: #ccc;
  }
  .field-radio.radio-boxes .error-message {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .field-radio.radio-boxes {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .field-radio.radio-boxes legend {
    margin-bottom: 0.5rem;
  }
  .field-radio.radio-boxes .label {
    width: 100%;
    margin-bottom: -0.5rem;
  }
  .field-radio.radio-boxes > label {
    display: flex;
    flex-direction: column;
    height: 120px;
    margin: 0;
    padding: 10px 10px 0;
    position: relative;
    width: 160px;
  }
  .field-radio.radio-boxes > label [type=radio]:checked + i:after {
    background-color: transparent;
    color: #fff;
    content: "\e911";
    font-family: "icomoon" !important;
    font-size: 24px;
    height: 0;
    left: 0;
    top: 0;
    transform: none;
    width: 0;
  }
  .field-radio.radio-boxes > label i {
    background-color: transparent;
    border: 0;
    border-radius: 2px;
    box-shadow: none;
    display: block;
    height: 24px;
    left: auto;
    position: absolute;
    right: 10px;
    text-align: left !important;
    top: 10px;
    transition: all 0.2s ease-out;
    width: 24px;
  }
  .field-radio.radio-boxes > label svg,
  .field-radio.radio-boxes > label img {
    flex-shrink: 0;
    height: 64px;
    margin: 5px auto 0;
    order: 1;
    width: 64px;
  }
  .field-radio.radio-boxes > label span {
    align-items: center;
    color: #2463a4;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    order: 2;
    text-align: center;
  }
  .field-radio.radio-boxes > label span:before {
    border: 1px solid #949494;
    border-radius: 5px;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .field-radio.radio-boxes > label input:checked ~ svg {
    stroke: #fff;
  }
  .field-radio.radio-boxes > label input:checked ~ span {
    background-color: #2463a4;
    color: #fff;
  }
  .field-radio.radio-boxes > label input:checked ~ span:before {
    background-color: #2463a4;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }
  .field-radio.radio-boxes > label input:disabled ~ svg {
    stroke: #ccc;
  }
  .field-radio.radio-boxes > label input:disabled ~ span:before {
    background-color: #f6f6f6;
    border-color: #ccc;
  }
  .field-radio.radio-boxes .error-message {
    width: 100%;
  }
  .field-radio.radio-boxes.narrow-boxes > label {
    height: 130px;
    width: 110px;
  }
  .field-radio.radio-boxes.narrow-boxes svg {
    width: 48px;
  }
}
.ie9 .field-radio.radio-boxes label {
  display: inline-block;
  position: relative;
  text-align: center;
}
.ie9 .field-radio.radio-boxes label span {
  display: block;
  margin-top: 80px;
}
.ie9 .field-radio.radio-boxes label svg {
  left: 47px;
  position: absolute;
  top: 10px;
}

.com-rating {
  display: inline-flex;
  align-items: center;
  column-gap: 0.5rem;
}
.com-rating .b\:pri {
  height: 28px;
  margin: 0;
}

.com-rating-fields,
.com-rating-info {
  align-items: center;
  display: inline-flex;
  flex-direction: row-reverse;
  min-height: 28px;
}

.com-rating-info {
  justify-content: flex-start;
}

label.rate-icon {
  cursor: pointer;
}

.rate-icon:before {
  display: block;
  content: "\e91f";
  font-family: icomoon;
  color: #ccc;
  font-size: 24px;
  line-height: 1;
}

input:checked ~ .rate-icon:before {
  content: "\e954";
  color: #eeae00;
}

label.rate-icon,
span.rate-icon {
  font-weight: 400;
  min-height: 22px;
  padding: 3px;
  transition: transform 0.2s;
}

label.rate-icon:hover {
  transform: scale(1.3);
}
label.rate-icon:hover:before, label.rate-icon:hover ~ .rate-icon:before {
  content: "\e954";
  color: #eeae00;
}

[data-rating="1"] span:nth-child(5):before,
[data-rating="1"] span:nth-child(5) ~ span:before,
[data-rating="2"] span:nth-child(4):before,
[data-rating="2"] span:nth-child(4) ~ span:before,
[data-rating="3"] span:nth-child(3):before,
[data-rating="3"] span:nth-child(3) ~ span:before,
[data-rating="4"] span:nth-child(2):before,
[data-rating="4"] span:nth-child(2) ~ span:before,
[data-rating="5"] span:nth-child(1):before,
[data-rating="5"] span:nth-child(1) ~ span:before {
  content: "\e954";
  color: #eeae00;
}

.filters,
.filters2,
.filters\:r {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  vertical-align: bottom;
  width: 100%;
}
.filters p,
.filters > div,
.filters2 p,
.filters2 > div,
.filters\:r p,
.filters\:r > div {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin: 0 0.5em 0.25em 0;
  vertical-align: bottom;
}
.filters .field-button [class*="b:"],
.filters2 .field-button [class*="b:"],
.filters\:r .field-button [class*="b:"] {
  line-height: 1.395;
  margin: 0;
}
.filters [class*=mg-],
.filters2 [class*=mg-],
.filters\:r [class*=mg-] {
  margin: 0 1%;
}
.filters .field-search--text div:first-child,
.filters .field-search-text div:first-child,
.filters2 .field-search--text div:first-child,
.filters2 .field-search-text div:first-child,
.filters\:r .field-search--text div:first-child,
.filters\:r .field-search-text div:first-child {
  margin-right: 0;
}
.filters .field-search--text div:last-child,
.filters .field-search-text div:last-child,
.filters2 .field-search--text div:last-child,
.filters2 .field-search-text div:last-child,
.filters\:r .field-search--text div:last-child,
.filters\:r .field-search-text div:last-child {
  margin-left: 0;
}
.filters .field-search--text input[type=text],
.filters .field-search--text input[type=search],
.filters .field-search-text input[type=text],
.filters .field-search-text input[type=search],
.filters2 .field-search--text input[type=text],
.filters2 .field-search--text input[type=search],
.filters2 .field-search-text input[type=text],
.filters2 .field-search-text input[type=search],
.filters\:r .field-search--text input[type=text],
.filters\:r .field-search--text input[type=search],
.filters\:r .field-search-text input[type=text],
.filters\:r .field-search-text input[type=search] {
  height: auto;
}
.filters .field-search--text input[type=submit],
.filters .field-search--text button,
.filters .field-search-text input[type=submit],
.filters .field-search-text button,
.filters2 .field-search--text input[type=submit],
.filters2 .field-search--text button,
.filters2 .field-search-text input[type=submit],
.filters2 .field-search-text button,
.filters\:r .field-search--text input[type=submit],
.filters\:r .field-search--text button,
.filters\:r .field-search-text input[type=submit],
.filters\:r .field-search-text button {
  font-size: 14px;
  font-size: 0.875rem;
  height: 27px;
  padding: 0;
}

.filters\:s {
  margin: 0.25em 0;
}
.filters\:s label,
.filters\:s .label {
  line-height: 1.125em;
  min-height: 18px;
}
.filters\:s input,
.filters\:s select,
.filters\:s a[class*="b:"],
.filters\:s button {
  height: 27px;
  padding: 0 5px;
}

@media (min-width: 48rem) {
  .filters2,
  .filters\:r {
    text-align: right;
  }
}
@media (min-width: 61.25rem) {
  .filters,
  .filters2,
  .filters\:r {
    display: block !important;
    height: auto !important;
    width: auto;
  }
}
.panel {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 1.5rem;
  padding: 0.5em;
  position: relative;
}
.panel dl {
  margin-bottom: 0.2em;
}
.panel dd {
  color: inherit;
}
.panel.mobile {
  border-width: 0;
  padding: 0.5em 1em;
}
.panel h3 {
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.5em;
}
.panel h3 + p {
  margin-top: 0.75em;
}
.lista-lekarzy .panel {
  min-height: 122px;
}
.lista-lekarzy .panel > div {
  min-height: 100px;
}

@media (min-width: 48rem) {
  .panel .avatar {
    margin-bottom: 1em;
  }
}
@media (min-width: 61.25rem) {
  .panel.mobile {
    border-width: 1px;
  }
}
.panel-light {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
}

.panel-details {
  border: 1px solid #ccc;
  border-width: 1px 0;
  margin: 0 -0.5rem 0.5rem;
  padding: 0;
}
.panel-details > p {
  margin: 0;
}
.panel-details .flex {
  padding: 0.5rem 0.25rem;
}
.panel-details .flex > div {
  margin: 0;
  padding: 0.25rem 1rem;
}
.panel-details .flex > div:first-child {
  min-width: 45%;
}
.panel-details .flex + .flex {
  border-top: 1px dashed #ccc;
}

.results-item {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  clear: both;
  margin: 0;
  padding: 1em 0.5em 0.5em;
  position: relative;
}
.results-item h2,
.results-item h3,
.results-item h4,
.results-item .h2,
.results-item .h3,
.results-item .h4,
.results-item p {
  margin: 0 0.3em 0.6em 0;
}
.results-item a, .results-item > a:hover {
  text-decoration: none;
}
@media (min-width: 15rem) {
  .results-item .ag {
    padding: 0 0.8em;
  }
}
@media (min-width: 61.25rem) {
  .results-item .ag {
    padding: 0 0.2em;
  }
}
.results-item-title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-align: left;
}
.results-item-title span {
  font-weight: normal;
}
.results-item-info {
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
  line-height: 1.3em;
  margin: 0 0 0 10px;
  text-align: left;
}
.results-item-right, .results-item-left {
  display: block;
  float: left;
  min-width: 50px;
  padding: 3px;
}
.results-item-right {
  float: right;
}
.results-item > a {
  display: block;
  overflow: auto;
}
.results-item-center {
  margin: 0;
  min-height: 50px;
  overflow: auto;
  padding: 3px 0;
}
.results-item-center [class*=icon-] {
  margin: 8px 23px 8px 3px;
}
.results-item-center [class*=icon-].float--right,
.results-item-center [class*=icon-].fl\:r {
  margin: 8px 3px 8px 23px;
}
.results-item-right + .results-item-center, .results-item-right + .results-item-left + .results-item-center {
  border-right: 0 dotted #ccc;
}
.results-item-left + .results-item-center, .results-item-right + .results-item-left + .results-item-center {
  border-left: 0 dotted #ccc;
}
.results-item [class^=message] {
  left: 0;
  margin: 10px auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 95%;
}

.results-item + .results-item {
  margin-top: 1em;
}

.results-services-status {
  background-color: #f6f6f6;
  border-top: 1px dotted #ccc;
  clear: both;
  display: block;
  height: 30px;
  padding: 3px 10px;
}
.results-services-status span {
  display: none;
}
@media (min-width: 48rem) {
  .results-services-status span {
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    line-height: 16px;
    margin-right: 10px;
    vertical-align: bottom;
  }
}
.results-services-status .color--silver + span {
  color: #999;
}
.results-services-status .color--green + span {
  color: #080;
}

.results a:hover > img {
  outline: 1px solid rgba(0, 112, 165, 0.5);
}

.results-item:last-of-type {
  margin-bottom: 2em;
}

@media (min-width: 48rem) {
  .results {
    margin: 0;
    overflow: visible;
  }
  .results-item + .results-item {
    margin-top: 1em;
  }
}
.search-results {
  margin: 0.5em 0 1em;
  position: relative;
  width: 100%;
}
.search-results h3:first-child {
  margin-top: 0;
}

.results-item-details {
  background-color: #f8f8f8;
  margin: 0 -0.5em;
  padding: 0;
}

.results-item p {
  margin: 0.5em 0;
}

.item-title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #666;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-align: left;
}
.item-title span {
  font-weight: 400;
}
.item-info {
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
  line-height: 1.3em;
  margin: 0 0 0 10px;
  text-align: left;
}
.item-icon {
  flex: 0 0 auto;
  max-width: 60px;
  padding: 0;
}

.message-item {
  overflow: hidden;
  transition: max-height 0.5s;
}
.message-item .results-item > [class^=message-] {
  bottom: 0;
  height: auto;
  left: 0;
  margin: -1px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
.message-item .results-item + .message-item {
  max-height: 0;
}
.message-item .results-item[style*=none] + .message-item {
  max-height: none;
}

.panel-free-term {
  font-size: 13px;
  font-size: 0.8125rem;
}
.panel-free-term a {
  display: block;
  padding: 0 0 0.2em;
}
.panel-free-term .icon-24 {
  margin: 4px 0;
}

#galleria {
  height: 180px;
}
@media (min-width: 40rem) {
  #galleria {
    height: 280px;
  }
}
@media (min-width: 48rem) {
  #galleria {
    height: 180px;
  }
}

.results-item .icon-in-osoz {
  margin: 9px;
}

.panel-timetable {
  border-top: 1px solid #ccc;
}

.timetable-row {
  clear: both;
  overflow: hidden;
}

.timetable-column {
  border-top: 1px dotted #ccc;
  display: block;
  height: 100%;
}

.timetable-column:first-child {
  border-top: 0;
}

.timetable-column li {
  color: #666;
  display: inline-block;
}

.timetable-column a {
  display: block;
  padding: 5px 14px;
}

.timetable-header {
  display: none;
}

.timetable-header ul {
  overflow: hidden;
}

.day-date {
  display: block;
  font-weight: 400;
}

.day-name {
  display: block;
  font-weight: 700;
}

.timetable-column {
  position: relative;
}

.timetable-column:before {
  font-size: 13px;
  font-size: 0.8125rem;
  content: attr(data-day);
  display: block;
  font-weight: 700;
  padding: 5px 0;
}

.timetable-column:after {
  font-size: 13px;
  font-size: 0.8125rem;
  content: attr(data-hours);
  display: block;
  font-weight: 400;
  padding: 5px 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 48rem) {
  .timetable-row {
    background-image: linear-gradient(to right, #f6f6f6 0%, #f6f6f6 14.28%, #fff 14.28%, #fff 28.56%, #f6f6f6 28.56%, #f6f6f6 42.84%, #fff 42.84%, #fff 57.12%, #f6f6f6 57.13%, #f6f6f6 71.41%, #fff 71.41%, #fff 85.69%, #f6f6f6 85.69%, #f6f6f6 100%);
  }
  .timetable-column {
    border: none;
    float: left;
    margin: 0 0.6%;
    text-align: center;
    width: 13%;
  }
  .timetable-header {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 3px 0;
  }
  .timetable-column:before,
  .timetable-column:after {
    display: none;
  }
}
.timetable-list {
  overflow: hidden;
}
.timetable-list li {
  color: #666;
  float: left;
  width: 100%;
}
.timetable-list a, .timetable-list span {
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  padding: 0.5em 0.5em;
}
@media (min-width: 40rem) {
  .timetable-list li {
    width: 25%;
  }
}
@media (min-width: 48rem) {
  .timetable-list li {
    width: 20%;
  }
}
@media (min-width: 61.25rem) {
  .timetable-list li {
    width: 4em;
  }
}
@media (min-width: 61.25rem) {
  .timetable-list a:hover:before {
    font-size: 12px;
    font-size: 0.75rem;
    background-color: #fff;
    border: 1px solid #444;
    border-radius: 5px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    color: #000;
    content: attr(data-name);
    display: block;
    margin-left: 10px;
    margin-top: 30px;
    padding: 5px;
    position: fixed;
    text-decoration: none;
  }
}
@media (max-width: 61.187rem) {
  .timetable-list a:before {
    font-size: 12px;
    font-size: 0.75rem;
    color: #000;
    content: attr(data-name);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .timetable-list a:hover:before {
    text-decoration: none;
  }
}

.slider-arrows {
  overflow: hidden;
  padding: 0 0.5em;
  top: 0;
  width: 100%;
  z-index: 10;
}
.slider-arrows li {
  float: right;
  list-style: none;
}
.slider-arrows li:first-child {
  float: left;
}
.slider-arrows button {
  height: 46px;
  line-height: 46px;
}

.profile {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: 0.5em;
  position: relative;
}
.profile header .profile-h-main h2,
.profile header .profile-h-main h3 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  white-space: -moz-pre-wrap !important;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  white-space: -webkit-pre-wrap;
  white-space: normal;
  word-wrap: break-word;
}
.profile header .profile-h-main h2 a,
.profile header .profile-h-main h3 a {
  color: #2c729b;
}
.profile header .profile-h-info h2,
.profile header .profile-h-info h3 {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.2;
}
.profile header .profile-h-info h2 a,
.profile header .profile-h-info h3 a {
  color: #444;
}
.profile header .profile-h-info .p-icon {
  line-height: 1.6;
  margin-left: 0.5em;
}
.profile header .profile-h-info .p-icon i,
.profile header .profile-h-info .p-icon span,
.profile header .profile-h-info .p-icon button {
  vertical-align: text-bottom;
}
.profile header p {
  margin: 0;
}
.profile .profile-h-info .p-icon,
.profile .profile-h-info button {
  font-size: 13px;
  font-size: 0.8125rem;
}
.profile figure {
  float: left;
  margin: 0.25em 0.5em 0.5em 0 !important;
}
.profile figure + div {
  margin-left: 70px;
}
.profile section {
  text-align: center;
}

.profile-info.ui-tabs-panel {
  margin: 0.5em;
}

.article-content .profile {
  margin: 0.5em 0;
}
.article-content .termin p span {
  font-size: 14px;
  font-size: 0.875rem;
}
.article-content .termin p br {
  display: none;
}
.article-content .termin hr + a {
  font-size: 13px;
  font-size: 0.8125rem;
}

.flex-2 .profile {
  border: 1px solid #ccc;
  padding: 0.5em;
}
.flex-2 .profile .termin {
  border: 1px solid #ccc;
  box-shadow: none;
  margin: 0;
  width: 100%;
}
.flex-2 .profile .termin:hover {
  border-color: #0371a2;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
}
.flex-2 .profile .termin + .termin {
  margin-top: 0.5em;
}

@media (min-width: 40rem) {
  .flex-2 .profile .termin {
    margin: 0.25%;
    max-width: 49%;
  }
  .flex-2 .profile .termin + .termin {
    margin-top: 0.25%;
  }
  .flex-2 .flex-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 48rem) {
  .panel-info p,
  .panel-info h2 {
    margin: 0;
    text-align: left;
  }
  .flex-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .flex-2 > div {
    flex-grow: 1;
    margin: 0.5%;
    width: 49%;
  }
  .flex-2 .profile {
    margin-bottom: 0;
  }
  .flex-2 .profile .flex-2 .termin {
    width: 48%;
  }
  .flex-2 .profile .flex-2 .termin + .termin {
    margin-left: 1%;
  }
}
@media (min-width: 61.25rem) {
  .profile-info.ui-tabs-panel {
    margin: 0;
  }
  .profile-info.profile-info {
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 1em;
  }
  .full-screen > section {
    display: block !important;
  }
  .full-screen > .link-icon {
    display: none;
  }
  .article-news .flex-2 {
    display: block;
    column-gap: 4px;
  }
  .article-news .flex-2 > div {
    margin: 0;
    width: 100%;
  }
  .article-news .flex-2 > div .profile {
    margin: 0.5em 0;
  }
  .article-news .flex-2 > div + div {
    margin: 0;
  }
  .article-news .flex-2 .profile .flex-2 {
    display: flex;
  }
  .article-news .flex-2 .profile .flex-2 .termin {
    width: 49%;
  }
  .article-news .flex-2 .profile .flex-2 .termin + .termin {
    margin: 0 0 0 1%;
  }
}
@media (min-width: 1100px) {
  .article-news .flex-2 {
    display: flex;
  }
  .article-news .flex-2 > div {
    width: 49%;
  }
  .article-news .flex-2 > div + div {
    margin: 0 0 0 1%;
  }
}
.calendar {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
}
.calendar th,
.calendar td {
  font-weight: 300;
  padding: 5px 0;
}
.calendar td {
  color: #aaa;
  font-weight: 300;
  text-align: center;
}
.calendar a {
  display: block;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.calendar a:hover {
  text-decoration: none;
}
.calendar a::after {
  background-color: #ddf;
  content: " ";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  transition: all 0.2s ease 0s;
  width: 0;
  z-index: 2;
}
.calendar a:hover::after {
  left: 0;
  top: -100%;
}
.calendar a span {
  display: block;
  position: relative;
  z-index: 3;
}
.calendar a.selected span::after {
  background-color: #f44;
  content: " ";
  display: block;
  margin-top: -23%;
}
.calendar th,
.calendar td {
  font-size: 1.0625rem;
  line-height: 40px;
}
.calendar a {
  border-radius: 21px;
  height: 40px;
  width: 40px;
}
.calendar a span::after {
  border-radius: 4px;
  height: 8px;
  margin-left: 18px;
  width: 8px;
}
.calendar a::after {
  border-radius: 21px;
}
.calendar a:hover::after {
  height: 42px;
  left: 0;
  top: 0;
  width: 42px;
}

.schedule {
  height: 100%;
  overflow: hidden;
  position: relative;
}

.schedule-calendar,
.schedule-container {
  overflow: hidden;
  width: 10000%;
}

.schedule-calendar,
.schedule-container ul {
  list-style: none;
  padding: 0;
}

.schedule-calendar li,
.schedule-container li {
  float: left;
  text-align: center;
}

.schedule-calendar b {
  display: inline-block;
  margin-top: 5px;
}

.schedule-menu {
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.schedule-calendar,
.schedule-menu {
  height: 50px;
}

.schedule-day {
  float: left;
}

.schedule-list li {
  float: left;
  margin: 0.5%;
}

.schedule-info {
  background-color: #fff;
  margin: 0;
  padding: 0.5em 1em;
}

.schedule-container .hour {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}
.schedule-container a:focus .hour,
.schedule-container .hour a:focus {
  background-color: #2c729b;
  color: #fff;
}
.schedule-container .hour,
.schedule-container .hour > a {
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0;
  transition: all 0.2s ease;
}
.schedule-container .hour:hover,
.schedule-container .hour:hover a {
  text-decoration: none;
}

.schedule-vertical .schedule-container li {
  border-bottom: 1px dotted #ccc;
  float: none;
  padding-bottom: 1px;
  width: 99%;
}
.schedule-vertical .schedule-container li span {
  display: inline-block;
  line-height: 35px;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.schedule-vertical .schedule-container li:hover .person {
  background-color: #eee;
}
.schedule-vertical .schedule-container a {
  display: block;
}
.schedule-vertical .schedule-container .hour {
  width: 20%;
}
.schedule-vertical .schedule-container .person {
  padding-left: 1em;
  text-align: left;
  width: 80%;
}
.schedule-vertical .schedule-calendar li {
  line-height: 44px;
}

.hour {
  background-color: #eee;
  border: 0;
  color: #999;
  font-weight: 700;
  position: relative;
}

a .hour,
.hour a {
  background-color: #dee1ed;
  color: #233883;
}

a .payable.payable,
.payable.payable a {
  background-color: #e4ede4;
  color: #468346;
}

a .policy.policy,
.policy.policy a {
  background-color: #f5e9db;
  color: #b66c15;
}

a:hover .hour,
.hour a:hover {
  background-color: #2d759f;
  color: #fff;
}

@media (max-width: 61.187rem) {
  .schedule-calendar,
  .schedule-menu {
    position: absolute;
    top: 0;
  }
  .schedule-calendar {
    background-color: #eee;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  }
  .schedule-calendar li {
    width: 1%;
  }
  .schedule-container {
    height: 100%;
    padding-top: 50px;
  }
  .schedule-day {
    height: 100%;
    width: 1%;
  }
  .schedule-list {
    margin: 0.2em;
    max-height: 100%;
    overflow-y: auto;
  }
  .schedule-list li {
    width: 24%;
  }
  .schedule-vertical .schedule-list li {
    width: 99%;
  }
  .schedule-info {
    margin-top: 55px;
  }
}
@media (min-width: 48rem) {
  .schedule {
    background: rgba(0, 0, 0, 0) repeating-linear-gradient(to right, #fff, #fff 50%, #ccc 50.1%, #f8f8f8 50.1%, #f8f8f8 100%) repeat scroll 0 0 !important;
  }
  .schedule-calendar {
    background-color: transparent;
  }
  .schedule-calendar li,
  .schedule-day {
    width: 0.5%;
  }
  .schedule-container .schedule-list {
    margin: 0.5em;
  }
}
@media (min-width: 61.25rem) {
  .calendar th,
  .calendar td {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 50px;
  }
  .calendar a {
    border-radius: 26px;
    height: 50px;
    margin: 1px auto;
    width: 50px;
  }
  .calendar a::after {
    border-radius: 26px;
  }
  .calendar a:hover::after {
    height: 50px;
    width: 50px;
  }
  .calendar a span::after {
    border-radius: 4px;
    height: 8px;
    margin-left: 24px;
    width: 8px;
  }
  .schedule.schedule {
    background-color: transparent;
    background-image: repeating-linear-gradient(to right, #fff, #fff 33.3%, #ccc 33.3%, #f8f8f8 33.4%, #f8f8f8 66.6%, #ccc 66.6%, #f8f8f8 66.7%) !important;
    border: 1px solid #ccc;
  }
  .schedule-calendar li,
  .schedule-day {
    width: 0.333%;
  }
  .schedule-list li {
    width: 24%;
  }
  .schedule-menu {
    border-bottom: 1px solid #ccc;
    top: 0;
  }
  .schedule-list {
    overflow: hidden;
  }
  .schedule-container ul {
    padding: 1%;
  }
  .schedule-info + .schedule-container {
    border-top: 1px solid #ccc;
  }
}
.swipe {
  overflow: hidden;
  width: 100%;
}

.swipe-container {
  transition: all 0.2s ease-out;
  width: 200%;
}

.swipe-left,
.swipe-right {
  float: left;
  width: 50%;
}

.swipped {
  margin-left: -100%;
}

.link {
  background-color: transparent;
  background-image: none;
  border: 0;
  color: #2c729b;
  cursor: pointer;
  display: inline-block;
  padding: 0;
}
.link:hover {
  text-decoration: underline;
}
.link:hover.icon-16 {
  text-decoration: none;
}

.block-link {
  border: 0;
  color: #2c729b;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
.block-link .panel {
  align-items: center;
  border-color: #ccc;
  display: flex;
  margin: 0.25em 0;
}
.block-link .panel i {
  flex: 0 0 auto;
  margin: 0 0.5em 0 0.25em;
}
.block-link .panel p {
  margin: 0;
}
.block-link .panel p.h3 {
  font-weight: 700;
}
.block-link:hover, .block-link:focus {
  text-decoration: none;
}
.block-link:hover .panel,
.block-link:hover .message-box, .block-link:focus .panel,
.block-link:focus .message-box {
  background-color: #0070a5;
  color: #fff;
}
.block-link:hover .panel *,
.block-link:hover .message-box *, .block-link:focus .panel *,
.block-link:focus .message-box * {
  color: #fff !important;
}

.t-d\:n, .t-d\:n:focus, .t-d\:n:hover {
  color: inherit;
  text-decoration: none;
}

.link-icon {
  align-items: center;
  border: 0;
  border-radius: 4px;
  color: #2c729b;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 50px;
  min-width: 60px;
  overflow: visible;
  padding: 5px;
  position: relative;
  text-align: center;
  vertical-align: text-bottom;
}
.link-icon.narrow {
  min-width: 50px;
}
.link-icon > span {
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
  font-weight: 400;
  line-height: 1.1;
  order: 2;
  padding: 0 5px 2px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%;
}
.link-icon > i {
  order: 1;
  position: relative;
}
.link-icon span + .icon-16 {
  left: 22px;
  top: 10px;
}
.link-icon span .icon-24 {
  left: 18px;
  top: 6px;
}
.link-icon span .icon-32 {
  left: 14px;
  top: 3px;
}
.link-icon > i:first-child {
  position: relative;
}
.link-icon .icon-16:first-child {
  margin: 10px auto 7px;
}
.link-icon .icon-24:first-child {
  margin: 6px auto 3px;
}
.link-icon .icon-32:first-child {
  margin: 3px auto 1px;
}
.link-icon:not(.wczytywanieOfert):hover, .link-icon:not(.wczytywanieOfert):active {
  background-color: #2c729b;
  text-decoration: none;
}
.link-icon:not(.wczytywanieOfert):hover *, .link-icon:not(.wczytywanieOfert):active * {
  color: #fff;
}
.link-icon[disabled] {
  cursor: default;
}
.link-icon[disabled]:hover *, .link-icon[disabled]:active * {
  color: inherit;
}

span .link-icon, span .link-icon:hover, span .link-icon:active {
  background-color: transparent;
  color: #666;
  cursor: default;
}
span .link-icon:hover > *, span .link-icon:active > * {
  color: #666;
}

.link-icon.disabled, .link-icon.disabled:hover, .link-icon.disabled:active {
  background-color: #eee !important;
  cursor: default;
}
.link-icon.disabled > *, .link-icon.disabled:hover > *, .link-icon.disabled:active > * {
  color: #ccc !important;
}

#back-to-top {
  background-color: #2c729b;
  border-radius: 4px;
  bottom: 20px;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 1000;
  height: 50px;
  letter-spacing: 2px;
  line-height: 1.6;
  opacity: 0;
  padding-left: 2px;
  padding-top: 14px;
  position: fixed;
  right: 20px;
  text-align: center;
  text-transform: uppercase;
  transition: opacity 0.5s ease-in-out, color 0.2s, margin-bottom 0.2s;
  width: 50px;
  z-index: -1;
}
#back-to-top:hover, #back-to-top:focus {
  background-color: #215573;
}
#back-to-top.show {
  opacity: 1;
  z-index: 999;
}

#skipLinks {
  list-style: outside none none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
}
#skipLinks a {
  background-color: #231f20;
  background-image: none;
  color: #fff;
  display: inline;
  left: -9000em;
  padding: 7px 10px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 200px;
  z-index: 200;
}
#skipLinks a:hover, #skipLinks a:focus, #skipLinks a:active {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
}

.b\:box:after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}

html .m\:all.m\:all {
  margin: 0.5rem 1rem;
}
html .m\:auto.m\:auto {
  margin-left: auto;
  margin-right: auto;
}
html .margin-top--none.margin-top--none,
html .m-t\:0.m-t\:0 {
  margin-top: 0;
}
html .margin-bottom--none.margin-bottom--none,
html .m-b\:0.m-b\:0 {
  margin-bottom: 0;
}
html .m-l\:0.m-l\:0 {
  margin-left: 0;
}
html .m-r\:0.m-r\:0 {
  margin-right: 0;
}
html .margin-none.margin-none,
html .m\:0.m\:0 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
html .margin-auto.margin-auto,
html .m-v\:0.m-v\:0 {
  margin-bottom: 0;
  margin-top: 0;
}
html .m-h\:0.m-h\:0 {
  margin-left: 0;
  margin-right: 0;
}
html .m-t\:xxs.m-t\:xxs {
  margin-top: 0.1rem;
}
html .m-t\:xs.m-t\:xs {
  margin-top: 0.25rem;
}
html .margin-top--xs.margin-top--xs,
html .m-t\:s.m-t\:s {
  margin-top: 0.5rem;
}
html .margin-top.margin-top,
html .margin-top--s.margin-top--s,
html .m-t.m-t {
  margin-top: 1rem;
}
html .m-t\:l.m-t\:l {
  margin-top: 1.25rem;
}
html .margin-top--m.margin-top--m,
html .m-t\:xl.m-t\:xl {
  margin-top: 1.5rem;
}
html .margin-top--l.margin-top--l,
html .m-t\:xxl.m-t\:xxl {
  margin-top: 2rem;
}
html .margin-top--xxl.margin-top--xxl,
html .m-t\:xxxl.m-t\:xxxl {
  margin-top: 3rem;
}
html .m-b\:xxs.m-b\:xxs {
  margin-bottom: 0.1rem;
}
html .m-b\:xs.m-b\:xs {
  margin-bottom: 0.25rem;
}
html .margin-bottom--xs.margin-bottom--xs,
html .m-b\:s.m-b\:s {
  margin-bottom: 0.5rem;
}
html .margin-bottom.margin-bottom,
html .margin-bottom--s.margin-bottom--s,
html .m-b.m-b {
  margin-bottom: 1rem;
}
html .m-b\:l.m-b\:l {
  margin-bottom: 1.25rem;
}
html .margin-bottom--m.margin-bottom--m,
html .m-b\:xl.m-b\:xl {
  margin-bottom: 1.5rem;
}
html .margin-bottom--l.margin-bottom--l,
html .m-b\:xxl.m-b\:xxl {
  margin-bottom: 2rem;
}
html .margin-bottom--xxl.margin-bottom--xxl,
html .m-b\:xxxl.m-b\:xxxl {
  margin-bottom: 3rem;
}
html .m-l\:xxs.m-l\:xxs {
  margin-left: 0.1rem;
}
html .m-l\:xs.m-l\:xs {
  margin-left: 0.25rem;
}
html .m-l\:s.m-l\:s {
  margin-left: 0.5rem;
}
html .m-l.m-l {
  margin-left: 1rem;
}
html .m-l\:l.m-l\:l {
  margin-left: 1.25rem;
}
html .m-l\:xl.m-l\:xl {
  margin-left: 1.5rem;
}
html .m-l\:xxl.m-l\:xxl {
  margin-left: 2rem;
}
html .m-l\:xxxl.m-l\:xxxl {
  margin-left: 3rem;
}
html .m-r\:xxs.m-r\:xxs {
  margin-right: 0.1rem;
}
html .m-r\:xs.m-r\:xs {
  margin-right: 0.25rem;
}
html .m-r\:s.m-r\:s {
  margin-right: 0.5rem;
}
html .m-r.m-r {
  margin-right: 1rem;
}
html .m-r\:l.m-r\:l {
  margin-right: 1.25rem;
}
html .m-r\:xl.m-r\:xl {
  margin-right: 1.5rem;
}
html .m-r\:xxl.m-r\:xxl {
  margin-right: 2rem;
}
html .m-r\:xxxl.m-r\:xxxl {
  margin-right: 3rem;
}
html .margin-left-right.margin-left-right,
html .m-h.m-h {
  margin-left: 1rem;
  margin-right: 1rem;
}
html .sides-padding--xs,
html .m-h\:xs {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
html .m-h\:s {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
html .m-v.m-v {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
html .m-v\:xs.m-v\:xs {
  margin-bottom: 0.25rem !important;
  margin-top: 0.25rem !important;
}
html .m-v\:s {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}
html .m-v\:l {
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
}
html .m-v\:xl {
  margin-bottom: 1.5rem !important;
  margin-top: 1.5rem !important;
}
html .m-v\:xxl {
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
}
html .m-v\:xxxl {
  margin-bottom: 3rem !important;
  margin-top: 3rem !important;
}
html .m-v\:-m {
  margin-bottom: -1rem;
  margin-top: -1rem;
}
html .m-v\:-s {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
html .m-v\:-xs {
  margin-bottom: -0.25rem;
  margin-top: -0.25rem;
}
html .m-h\:-m {
  margin-left: -1rem;
  margin-right: -1rem;
}
html .m-h\:-s {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
html .m-h\:-xs {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
html .m-t\:-m {
  margin-top: -1rem;
}
html .m-t\:-s {
  margin-top: -0.5rem;
}
html .m-t\:-xs {
  margin-top: -0.25rem;
}
html .m-b\:-m {
  margin-bottom: -1rem;
}
html .m-b\:-s {
  margin-bottom: -0.5rem;
}
html .m-b\:-xs {
  margin-bottom: -0.25rem;
}
html .m-l\:-m {
  margin-left: -1rem;
}
html .m-l\:-s {
  margin-left: -0.5rem;
}
html .m-l\:-xs {
  margin-left: -0.25rem;
}
html .m-r\:-m {
  margin-right: -1rem;
}
html .m-r\:-s {
  margin-right: -0.5rem;
}
html .m-r\:-xs {
  margin-right: -0.25rem;
}
html .m-p\:0 p {
  margin: 0;
}

.inline.inline,
.display--inline.display--inline,
.d\:i.d\:i {
  display: inline;
}

.d\:i-b.d\:i-b {
  display: inline-block;
}

.d\:b.d\:b {
  display: block;
}

.d\:t.d\:t {
  display: table;
}

.d\:r.d\:r {
  display: table-row;
}

.d\:c.d\:c {
  display: table-cell;
}

.dl\:t.dl\:t {
  display: table;
}

.dl\:t.dl\:t dl {
  display: table-row;
}

.dl\:t.dl\:t dt,
.dl\:t.dl\:t dd {
  display: table-cell;
}

.dl\:t.dl\:t dd {
  text-align: right;
}

@media only screen and (min-width: 15em) {
  .d_m\:i.d_m\:i {
    display: inline;
  }
  .d_m\:i-b.d_m\:i-b {
    display: inline-block;
  }
  .d_m\:b.d_m\:b {
    display: block;
  }
  .d_m\:t.d_m\:t {
    display: table;
  }
  .d_m\:r.d_m\:r {
    display: table-row;
  }
  .d_m\:c.d_m\:c {
    display: table-cell;
  }
}
@media only screen and (min-width: 40em) {
  .d_p\:i.d_p\:i {
    display: inline;
  }
  .d_p\:i-b.d_p\:i-b {
    display: inline-block;
  }
  .d_p\:b.d_p\:b {
    display: block;
  }
  .d_p\:t.d_p\:t {
    display: table;
  }
  .d_p\:r.d_p\:r {
    display: table-row;
  }
  .d_p\:c.d_p\:c {
    display: table-cell;
  }
}
@media only screen and (min-width: 48em) {
  .d_t\:i.d_t\:i {
    display: inline;
  }
  .d_t\:i-b.d_t\:i-b {
    display: inline-block;
  }
  .d_t\:b.d_t\:b {
    display: block;
  }
  .d_t\:t.d_t\:t {
    display: table;
  }
  .d_t\:r.d_t\:r {
    display: table-row;
  }
  .d_t\:c.d_t\:c {
    display: table-cell;
  }
}
@media only screen and (min-width: 60em) {
  .d_d\:i.d_d\:i {
    display: inline;
  }
  .d_d\:i-b.d_d\:i-b {
    display: inline-block;
  }
  .d_d\:b.d_d\:b {
    display: block;
  }
  .d_d\:t.d_d\:t {
    display: table;
  }
  .d_d\:r.d_d\:r {
    display: table-row;
  }
  .d_d\:c.d_d\:c {
    display: table-cell;
  }
}
.float--left.float--left,
.fl\:l.fl\:l {
  float: left !important;
}

.float--right.float--right,
.fl\:r.fl\:r {
  float: right !important;
}

.fl\:n.fl\:n {
  float: none !important;
}

.cl\:l.cl\:l {
  clear: left;
}

.cl\:r.cl\:r {
  clear: right;
}

.cl\:b.cl\:b {
  clear: both;
}

.cl\:n.cl\:n {
  clear: none;
}

.v-a\:t.v-a\:t {
  vertical-align: top;
}

.v-a\:m.v-a\:m {
  vertical-align: middle;
}

.v-a\:b.v-a\:b {
  vertical-align: bottom;
}

.v-a\:l.v-a\:l {
  vertical-align: baseline;
}

.pos\:s.pos\:s {
  position: static;
}

.pos\:a.pos\:a {
  position: absolute;
}

.relative,
.pos\:r.pos\:r {
  position: relative;
}

.pos\:f.pos\:f {
  position: fixed;
}

.top\:-2.top\:-2 {
  top: -2em;
}

.top\:-1.top\:-1 {
  top: -1em;
}

.top\:0.top\:0 {
  top: 0;
}

.top\:half.top\:half {
  top: 0.5em;
}

.top\:1.top\:1 {
  top: 1em;
}

.top\:2.top\:2 {
  top: 1em;
}

.btm\:-2.btm\:-2 {
  bottom: -2em;
}

.btm\:-1.btm\:-1 {
  bottom: -1em;
}

.bottom,
.btm\:0.btm\:0 {
  bottom: 0;
}

.btm\:half.btm\:half {
  bottom: 0.5em;
}

.btm\:1.btm\:1 {
  bottom: 1em;
}

.btm\:2.btm\:2 {
  bottom: 2em;
}

.lft\:-2.lft\:-2 {
  left: -2em;
}

.lft\:-1.lft\:-1 {
  left: -1em;
}

.lft\:0.lft\:0 {
  left: 0;
}

.lft\:half.lft\:half {
  left: 0.5em;
}

.lft\:1.lft\:1 {
  left: 1em;
}

.lft\:2.lft\:2 {
  left: 2em;
}

.rgt\:-2.rgt\:-2 {
  right: -2em;
}

.rgt\:-1.rgt\:-1 {
  right: -1em;
}

.rgt\:0.rgt\:0 {
  right: 0;
}

.rgt\:half.rgt\:half {
  right: 0.5em;
}

.rgt\:1.rgt\:1 {
  right: 1em;
}

.rgt\:2.rgt\:2 {
  right: 2em;
}

.text--center.text--center,
.t-a\:c.t-a\:c {
  text-align: center !important;
}

.text--left.text--left,
.t-a\:l.t-a\:l {
  text-align: left !important;
}

.text--right.text--right,
.t-a\:r.t-a\:r {
  text-align: right !important;
}

.text--justify.text--justify,
.t-a\:j.t-a\:j {
  text-align: justify !important;
}

@media (max-width: 61.187rem) {
  .t-a_t\:c.t-a_t\:c {
    text-align: center !important;
  }
  .t-a_t\:l.t-a_t\:l {
    text-align: left !important;
  }
  .t-a_t\:r.t-a_t\:r {
    text-align: right !important;
  }
  .t-a_t\:j.t-a_t\:j {
    text-align: justify !important;
  }
}
@media (max-width: 47.937rem) {
  .text--center-m.text--center-m,
  .t-a_p\:c.t-a_p\:c {
    text-align: center !important;
  }
  .text--left-m.text--left-m,
  .t-a_p\:l.t-a_p\:l {
    text-align: left !important;
  }
  .text--right-m.text--right-m,
  .t-a_p\:r.t-a_p\:r {
    text-align: right !important;
  }
  .t-a_p\:j.t-a_p\:j {
    text-align: justify !important;
  }
}
@media (max-width: 39.937rem) {
  .t-a_m\:c.t-a_m\:c {
    text-align: center !important;
  }
  .t-a_m\:l.t-a_m\:l {
    text-align: left !important;
  }
  .t-a_m\:r.t-a_m\:r {
    text-align: right !important;
  }
  .t-a_m\:j.t-a_m\:j {
    text-align: justify !important;
  }
}
p[class*="t-a:"] * {
  text-align: inherit !important;
}

[class*="t-a:"] [class*="t-a:l"] {
  text-align: left !important;
}

[class*="t-a:"] [class*="t-a:c"] {
  text-align: center !important;
}

[class*="t-a:"] [class*="t-a:r"] {
  text-align: right !important;
}

.p\:all {
  padding: 0.5em 1em !important;
}

.no-padding,
.p\:0 {
  padding: 0 !important;
}

.p-v\:0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.p-h\:0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-t\:0 {
  padding-top: 0 !important;
}

.p-b\:0 {
  padding-bottom: 0 !important;
}

.p-l\:0 {
  padding-left: 0 !important;
}

.p-r\:0 {
  padding-right: 0 !important;
}

.p-v\:xxs {
  padding-bottom: 0.1em !important;
  padding-top: 0.1em !important;
}

.p-v\:xs {
  padding-bottom: 0.25em !important;
  padding-top: 0.25em !important;
}

.p-v\:s {
  padding-bottom: 0.5em !important;
  padding-top: 0.5em !important;
}

.p-v {
  padding-bottom: 1em !important;
  padding-top: 1em !important;
}

.p-v\:l {
  padding-bottom: 1.25em !important;
  padding-top: 1.25em !important;
}

.p-v\:xl {
  padding-bottom: 1.5em !important;
  padding-top: 1.5em !important;
}

.p-v\:xxl {
  padding-bottom: 2em !important;
  padding-top: 2em !important;
}

.p-h\:xxs {
  padding-left: 0.1em !important;
  padding-right: 0.1em !important;
}

.p-h\:xs {
  padding-left: 0.25em !important;
  padding-right: 0.25em !important;
}

.p-h\:s {
  padding-left: 0.5em !important;
  padding-right: 0.5em !important;
}

.p-h {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

.p-h\:l {
  padding-left: 1.25em !important;
  padding-right: 1.25em !important;
}

.p-h\:xl {
  padding-left: 1.5em !important;
  padding-right: 1.5em !important;
}

.p-h\:xxl {
  padding-left: 2em !important;
  padding-right: 2em !important;
}

.p-t\:xxs {
  padding-top: 0.1em !important;
}

.p-t\:xs {
  padding-top: 0.25em !important;
}

.p-t\:s {
  padding-top: 0.5em !important;
}

.p-t {
  padding-top: 1em !important;
}

.p-t\:l {
  padding-top: 1.25em !important;
}

.p-t\:xl {
  padding-top: 1.5em !important;
}

.p-t\:xxl {
  padding-top: 2em !important;
}

.p-b\:xxs {
  padding-bottom: 0.1em !important;
}

.p-b\:xs {
  padding-bottom: 0.25em !important;
}

.p-b\:s {
  padding-bottom: 0.5em !important;
}

.p-b {
  padding-bottom: 1em !important;
}

.p-b\:l {
  padding-bottom: 1.25em !important;
}

.p-b\:xl {
  padding-bottom: 1.5em !important;
}

.p-b\:xxl {
  padding-bottom: 2em !important;
}

.p-l\:xxs {
  padding-left: 0.1em !important;
}

.p-l\:xs {
  padding-left: 0.25em !important;
}

.p-l\:s {
  padding-left: 0.5em !important;
}

.p-l {
  padding-left: 1em !important;
}

.p-l\:l {
  padding-left: 1.25em !important;
}

.p-l\:xl {
  padding-left: 1.5em !important;
}

.p-l\:xxl {
  padding-left: 2em !important;
}

.p-r\:xxs {
  padding-right: 0.1em !important;
}

.p-r\:xs {
  padding-right: 0.25em !important;
}

.p-r\:s {
  padding-right: 0.5em !important;
}

.p-r {
  padding-right: 1em !important;
}

.p-r\:l {
  padding-right: 1.25em !important;
}

.p-r\:xl {
  padding-right: 1.5em !important;
}

.p-r\:xxl {
  padding-right: 2em !important;
}

.is-visible {
  visibility: visible;
}

.is-invisible {
  visibility: hidden;
}

[hidden],
.is-hidden {
  display: none !important;
}

@media (pointer: fine) {
  .touch-only {
    display: none !important;
  }
}
@media (pointer: coarse) {
  .touch-only {
    display: block !important;
  }
  .touch-hidden {
    display: none !important;
  }
}
.ag,
.box {
  position: relative;
}
.ag:after,
.box:after {
  content: "";
  display: table;
  clear: both;
}
.ag:before,
.box:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100%;
}

section.box {
  margin-bottom: 1em;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.rounded {
  border-radius: 5px;
}

.round {
  border-radius: 50%;
}

.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100%;
}

.w-50 {
  width: 50%;
}

.w-auto {
  width: auto;
}

.o\:h {
  overflow: hidden;
}

.o\:y {
  overflow-x: hidden;
  overflow-y: auto;
}

.o\:x {
  overflow-x: auto;
  overflow-y: hidden;
}

.flex {
  display: flex;
  width: 100%;
}
.flex > * {
  flex: 0 1 auto;
  max-width: 100%;
}

.flex-c {
  flex-direction: column;
}

.flex-g {
  flex-grow: 1;
}

.flex-s {
  flex-shrink: 1;
}

.flex-s\:0 {
  flex-shrink: 0;
}

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

.flex-i {
  display: inline-flex;
}

.gap {
  column-gap: 1rem;
  row-gap: 1rem;
}

.column-gap {
  column-gap: 1rem;
}

.row-gap {
  row-gap: 1rem;
}

.gap\:s {
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}

.column-gap\:s {
  column-gap: 0.5rem;
}

.row-gap\:s {
  row-gap: 0.5rem;
}

.flex-cols-3 {
  align-items: stretch;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

@media (max-width: 47.937rem) {
  .flex {
    flex-direction: column;
  }
  .flex.flex-r {
    flex-direction: row;
  }
  .flex .gap {
    column-gap: 0.5rem;
    row-gap: 0.5rem;
  }
  .flex .column-gap {
    column-gap: 0.5rem;
  }
  .flex .row-gap {
    row-gap: 0.5rem;
  }
}
@media (min-width: 40rem) {
  .flex-r_p {
    flex-direction: row;
  }
}
@media (min-width: 48rem) {
  .flex.flex-c {
    flex-direction: column;
  }
  .flex-a {
    align-self: center;
  }
  .o\:1 {
    order: 1;
  }
  .o\:2 {
    order: 2;
  }
  .o\:3 {
    order: 3;
  }
  .o\:4 {
    order: 4;
  }
  .o\:5 {
    order: 5;
  }
}
@media (min-width: 768px) {
  .a-i\:c {
    align-items: center;
  }
}
.a-i\:f-e {
  align-items: flex-end;
}

.a-i\:f-s {
  align-items: flex-start;
}

.a-i\:s {
  align-items: stretch;
}

.j-c\:b {
  justify-content: space-between;
}

.j-c\:c {
  justify-content: center;
}

.j-c\:e {
  justify-content: space-evenly;
}

.j-c\:f-s {
  justify-content: flex-start;
}

.j-c\:f-e {
  justify-content: flex-end;
}

.a-s\:c {
  align-self: center;
}

.a-s\:e {
  align-self: flex-end;
}

.a-s\:s {
  align-self: flex-start;
}

.flex-field {
  display: flex;
  flex-direction: column;
  margin: 0.5em 0;
}
.flex-field.flex-row {
  flex-direction: row;
}
.flex-field [class*=field-] {
  margin: 0;
}
.flex-field [class*=field-check] {
  margin: 0.5em 0;
}
.flex-field .flex-main {
  display: flex;
}
.flex-field .flex-main button {
  float: left;
  margin: 0 0 0 0.5em;
}

@media (min-width: 40rem) {
  .flex-cols-3 > * {
    flex-basis: calc(50% - 0.52rem);
  }
}
@media (min-width: 48rem) {
  .form-columns .flex-field {
    flex-direction: row;
  }
  .form-columns .flex-field .flex-label {
    align-self: flex-start;
    display: flex;
    flex: 1;
    min-height: 33px;
  }
  .form-columns .flex-field .flex-label label,
  .form-columns .flex-field .flex-label .label {
    align-self: center;
    line-height: 1.2;
    min-height: 0;
    padding: 0 0.5em;
    text-align: right;
    width: 100%;
  }
  .form-columns .flex-field .flex-main {
    flex: 2;
  }
}
@media (min-width: 61.25rem) {
  .flex-cols-3 > * {
    flex-basis: calc(33% - 0.52rem);
  }
}
.flex-right {
  margin-left: auto;
}

.shadow {
  box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), 0 2px 2px hsla(0, 0%, 0%, 0.08), 0 4px 4px hsla(0, 0%, 0%, 0.08), 0 8px 8px hsla(0, 0%, 0%, 0.08);
  transition: box-shadow 0.2s;
}
.shadow:not(.no-hover):hover {
  box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), 0 2px 2px hsla(0, 0%, 0%, 0.08), 0 4px 4px hsla(0, 0%, 0%, 0.08), 0 8px 8px hsla(0, 0%, 0%, 0.08), 0 16px 16px hsla(0, 0%, 0%, 0.08);
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  clear: both;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
  padding: 0;
}
hr.dotted {
  border-style: dotted;
}
hr.narrow {
  margin: 0.25rem 0;
}

hr.dashed {
  border-style: dashed;
}

h2 + hr {
  margin-bottom: 1em;
}

.hr {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
  padding-bottom: 0.45em;
}

@media (max-width: 39.937rem) {
  .divider {
    border: 0;
    border-top: 1px dotted #ccc;
    padding: 0.5em 0;
  }
}
.hr-t-right,
.hr-d-right,
.hr-t-left,
.hr-d-left {
  position: relative;
}

.hr-t-right:after,
.hr-d-right:after,
.hr-t-left:before,
.hr-d-left:before {
  border: 0 dotted #ccc;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 0;
}

@media (min-width: 48rem) {
  hr {
    margin: 1rem 0;
  }
  hr.narrow {
    margin: 0.25rem 0;
  }
  .hr-t,
  .hr-t-right {
    padding-right: 1%;
  }
  .hr-t-right + .hr-d,
  .hr-t-left {
    padding-left: 1%;
    padding-right: 0;
  }
  .hr-t-right:after {
    border-width: 0 1px 0 0;
    right: -2.5%;
  }
  .hr-t-left:before {
    border-width: 0 1px 0 0;
    left: -2%;
  }
}
@media (min-width: 61.25rem) {
  .hr-d,
  .hr-d-right {
    padding-right: 1%;
  }
  .hr-d-right + .hr-d,
  .hr-d-left {
    padding-left: 1%;
    padding-right: 0;
  }
  .hr-d-right:after {
    border-width: 0 1px 0 0;
    right: -2.4%;
  }
  .hr-d-left:before {
    border-width: 0 1px 0 0;
    left: -2%;
  }
}
[data-state=collapsed] {
  max-height: 300px;
  overflow: hidden;
  position: relative;
}

[data-state=collapsed]:after {
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
  bottom: 0;
  content: " ";
  display: block;
  height: 60px;
  position: absolute;
  width: 100%;
}

[data-state=collapsed] + div .show-less,
[data-state=expanded] + div .show-more {
  display: none;
}

.cat-desc [data-state=collapsed] {
  max-height: 75px;
}

.cat-desc [data-state=collapsed]:after {
  background-image: linear-gradient(rgba(246, 246, 246, 0), rgb(246, 246, 246));
}

.card {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5rem;
  padding: 1%;
  position: relative;
  transition: box-shadow 0.2s;
}
.card p {
  margin: 0.25em 0;
}
.card:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
}

.card-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-items: flex-start;
}

.card-info,
.card-award,
.card-szkolenie {
  display: flex;
  flex: 1 0 100%;
  margin: 15px 0;
  padding: 0;
  text-align: center;
}

.card-info {
  flex-direction: column;
  flex-shrink: 0;
  padding: 0;
}
.card-info > figure {
  background-color: #c0dbe9;
  border-radius: 9px 9px 0 0;
  height: 40px;
  margin: 0 0 1rem;
  padding: 0.25rem;
}
.card-info > figure div {
  background-color: #fff;
  border: 2px solid #c0dbe9;
  border-radius: 50%;
  height: 70px;
  left: 50%;
  padding: 12px;
  position: relative;
  top: -1.188rem;
  transform: translateX(-50%);
  width: 70px;
}
.card-info > section {
  padding: 0 1rem;
}
.card-info > div {
  flex-grow: 1;
  padding: 0.25rem 1rem 0;
}
.card-info > div + div {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0.5rem 1rem 0.75rem;
}

.card-answer {
  background-color: #eaffca;
}
.card-answer figure {
  background-color: #c9dea9;
}
.card-answer figure div {
  border-color: #c9dea9;
}

.card-award {
  align-items: center;
}
.card-award > figure {
  background-color: #c23636;
  border-radius: 9px 0 0 9px;
  padding: 1rem;
}
.card-award > div {
  padding: 1rem;
}

@media (min-width: 40rem) {
  .card-info,
  .card-award {
    flex-basis: 49%;
    flex-grow: 0;
  }
}
@media (min-width: 61.25rem) {
  .card-szkolenie {
    flex-basis: 49%;
    flex-grow: 0;
  }
  .card-wide {
    flex-basis: 100%;
  }
}
.card.c\:pharmind figure {
  background-color: #002169;
}
.card.c\:pharmind figure div {
  border-color: #002169;
}

.msg\:legal.msg\:legal,
.message-legal.message-legal {
  font-size: 10px;
  font-size: 0.625rem;
  color: #666;
  position: relative;
}
.msg\:legal.msg\:legal p,
.message-legal.message-legal p {
  font-size: 14px;
  font-size: 0.875rem;
  hyphens: auto;
  text-align: justify;
}

.msg\:legal.msg\:legal:before,
.message-legal:before {
  font-size: 32px;
  font-size: 2rem;
  color: #777;
  content: "\e906";
  display: block;
  float: left;
  font-family: icomoon;
  height: 32px;
  line-height: 1;
  margin: 0 10px 3px 0;
  padding: 0;
  width: 32px;
}

@media (min-width: 48rem) {
  .msg\:legal.msg\:legal,
  .message-legal.message-legal {
    padding-left: 55px;
    position: relative;
  }
  .msg\:legal.msg\:legal:before,
  .message-legal:before {
    float: none;
    left: 10px;
    margin: 0;
    position: absolute;
    top: calc(50% - 21px);
  }
}
.message-trans,
.msg\:trans, .message-info,
.msg\:info, .message-valid,
.msg\:valid, .message-warn,
.msg\:warn, .message-error,
.msg\:error, .message-box,
.msg\:box {
  border: 1px solid transparent;
  border-radius: 0.3em;
  margin: 1em auto;
  padding: 0.25em 1em;
}

.message-box,
.msg\:box {
  background: #fff;
  border-color: #cccccc;
}

.message-error,
.msg\:error {
  background: #f7d6d7;
  border-color: #e68184;
}

.message-warn,
.msg\:warn {
  background: #fbeedc;
  border-color: #f1c280;
}

.message-valid,
.msg\:valid {
  background: #e1f3d6;
  border-color: #a7dc87;
}

.message-info,
.msg\:info {
  background: #d6e9f1;
  border-color: #8ac0d7;
}

.message-trans,
.msg\:trans {
  background: transparent;
  border-color: rgba(0, 0, 0, 0);
}

[class^=message-] p,
[class^="msg:"] p {
  text-align: left;
}
[class^=message-] a,
[class^="msg:"] a {
  color: #2c729b;
}

.message-header {
  margin: -0.5em -1em 0;
  padding: 0.5em 1em;
}

.header-grey {
  background-color: #e3e3e3;
}

.p-icon.p-icon {
  align-items: flex-start;
  display: inline-flex;
  margin: 0 1em 0.5em 0;
}
.p-icon.p-icon .icon-16 {
  margin: 0.125em 0.5em 0 0;
}

.list-icon > div {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin: 0.125em 0;
}
.list-icon > div > i {
  margin-right: 0.25em;
}
.list-icon > div > p {
  font-weight: 700;
}

dl.list-icon--24 {
  margin-left: 0;
  font-family: inherit !important;
}
dl.list-icon--24 + dl.list-icon--24 {
  margin-top: 10px;
}
dl.list-icon--24 dt,
dl.list-icon--24 dd {
  font-size: 14px;
  font-size: 0.875rem;
  display: table-cell;
  padding: 0;
  vertical-align: middle;
}
dl.list-icon--24 dd {
  padding-left: 0.5em;
}

.help {
  cursor: help;
}

/* 'tables-default' */
.table-data {
  clear: both;
  margin-bottom: 1em;
}
@media (max-width: 61.187rem) {
  .table-data table {
    display: block !important;
    margin-top: -1px;
    width: 100%;
  }
  .table-data tbody,
  .table-data tr {
    display: block !important;
    background-color: #fff;
  }
  .table-data thead,
  .table-data tbody th {
    display: none !important;
  }
  .table-data td {
    font-size: 14px;
    font-size: 0.875rem;
    background-color: #fff;
    color: #444;
    display: block !important;
    font-weight: 400;
    padding: 0 10px 3px;
    width: 100%;
  }
  .table-data td:before {
    font-size: 11px;
    font-size: 0.6875rem;
    content: attr(data-header);
    display: block;
    font-weight: 400;
    margin-top: 0.2em;
    white-space: nowrap;
  }
  .table-data .cell-btns a {
    display: inline-block;
    font-weight: 400;
    padding: 5px;
  }
  .table-data li {
    margin-left: 15px;
  }
}
@media (min-width: 61.25rem) {
  .table-data {
    clear: both;
  }
  .table-data.scrolled {
    overflow-x: auto;
  }
  .table-data.scrolled table {
    max-width: 1100px;
  }
  .table-data > table {
    width: 100%;
  }
  .table-data.fixed > table {
    table-layout: fixed;
  }
  .table-data th {
    font-size: 12px;
    font-size: 0.75rem;
    background-color: #fff;
    line-height: 1.2;
    padding: 15px 5px;
    text-transform: uppercase;
    vertical-align: middle;
  }
  .table-data thead.narrow th {
    padding: 5px 5px;
  }
  .table-data.t-t\:n th {
    text-transform: none;
  }
  .table-data tbody th {
    border-top: 1px solid #ccc;
    padding: 5px 10px;
  }
  .table-data tbody tr:first-child th,
  .table-data tbody tr:first-child > td {
    border-top-width: 2px;
  }
  .table-data tr {
    display: table-row;
  }
  .table-data td {
    font-size: 13px;
    font-size: 0.8125rem;
    background-color: #f6f6f6;
    float: none;
    font-weight: normal;
    padding: 5px 10px;
    width: auto;
    min-width: 50px;
  }
  .table-data .table-data td p,
  .table-data .table-data td p label {
    font-size: inherit;
  }
  .table-data tr.is-hidden {
    display: none;
  }
  .table-data .cell-btns {
    text-align: center;
  }
  .table-data .cell-btns a {
    display: block;
    text-align: center;
    text-decoration: underline;
    white-space: nowrap;
  }
  .table-data tr:nth-child(even) td {
    background-color: #fff;
  }
  .table-data tbody th {
    text-align: left;
  }
  .table-data li {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2;
    list-style: outside;
    margin-left: 10px;
  }
  .table-data .dropdown li {
    font-size: inherit;
    line-height: 1.5;
    list-style: none;
    margin-left: 0;
  }
  .table-data.narrow-header thead th {
    padding: 5px 6px;
  }
}
.table-data table {
  font-size: 1em;
}
.table-data td {
  vertical-align: top;
}
.table-data > [class^=field-] {
  margin-left: 15px;
  margin-right: 15px;
}
.table-data tr.no-border {
  border-width: 0 0 0 0;
}

table.f-s\:s th,
table.f-s\:s td {
  font-size: 12px;
  font-size: 0.75rem;
}

table.f-s\:xs th,
table.f-s\:xs td {
  font-size: 11px;
  font-size: 0.6875rem;
}

@media (min-width: 61.25rem) {
  .table-data {
    border: 1px solid #ccc;
    border-radius: 0.5em;
  }
  .table-data table {
    border: 0;
    border-collapse: separate;
    border-left: 0;
    border-spacing: 0;
  }
  .table-data thead {
    border-collapse: separate;
    border-color: inherit;
    display: table-header-group;
  }
  .table-data thead tr + tr th:first-child {
    border-left: 1px solid #ccc;
  }
  .table-data thead tr + tr th {
    border-top: 1px dotted #ccc;
  }
  .table-data tr {
    border-color: inherit;
  }
  .table-data th {
    border-left: 1px solid #ccc;
  }
  .table-data tr td {
    border-left: 1px solid #ccc;
  }
  .table-data tbody td,
  .table-data tfoot td {
    border-top: 1px solid #ccc;
  }
  .table-data th:first-child,
  .table-data td:first-child {
    border-left-width: 0;
  }
  .table-data tbody:first-child tr:first-child td,
  .table-data tfoot:first-child + tbody tr:first-child td,
  .table-data colgroup + tbody tr:first-child td,
  .table-data colgroup + tfoot + tbody tr:first-child td {
    border-top-width: 0;
  }
  .table-data tbody th {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 700;
    padding: 5px 10px;
    vertical-align: text-top;
  }
  .table-data tfoot td {
    font-size: 15px;
    font-size: 0.9375rem;
    background-color: #e9e9e9;
  }
  .table-data tfoot tr:first-child td {
    border-top-width: 2px;
  }
  .table-data tr.no-border td {
    border-width: 0 0 0 0;
  }
  .table-data tr.no-border .border-left {
    border-left-width: 1px;
  }
  .table-data td.no-border--left {
    border-left-width: 0;
  }
  .table-data tbody tr:first-child td:first-child,
  .table-data thead tr:first-child td:first-child,
  .table-data thead tr:first-child th:first-child {
    border-radius: 0.5em 0 0 0;
  }
  .table-data tbody tr:first-child td:last-child,
  .table-data thead tr:first-child td:last-child,
  .table-data thead tr:first-child th:last-child {
    border-radius: 0 0.5em 0 0;
  }
  .table-data tbody tr:last-child td:last-child,
  .table-data tfoot tr:last-child td:last-child {
    border-radius: 0 0 0.5em 0;
  }
  .table-data tbody tr:last-child td:first-child,
  .table-data tfoot tr:last-child td:first-child {
    border-radius: 0 0 0 0.5em;
  }
  .table-data tbody tr:first-child td:first-child:last-child {
    border-radius: 0.5em 0.5em 0 0;
  }
  .table-data tbody:only-child tr:first-child td:first-child:last-child {
    border-radius: 0.5em 0.5em 0 0;
  }
  .table-data tfoot tr:last-child td:first-child:last-child {
    border-radius: 0 0 0.5em 0.5em;
  }
  .table-data thead + tbody tr:first-child td:first-child,
  .table-data thead + tfoot + tbody tr:first-child td:first-child,
  .table-data thead + tbody tr:first-child td:last-child,
  .table-data thead + tfoot + tbody tr:first-child td:last-child,
  .table-data tfoot + tbody tr:last-child td:first-child,
  .table-data tfoot + tbody tr:last-child td:last-child {
    border-radius: 0 0 0 0;
  }
  .table-data table tbody:first-child tr:first-child th,
  .table-data table colgroup + tbody tr:first-child th {
    border-top: 0;
  }
  .table-data table tbody:first-child tr:first-child th:first-child,
  .table-data table colgroup + tbody tr:first-child th:first-child {
    border-radius: 0.5em 0 0 0;
  }
}
.cell--status {
  text-align: center;
}

.cell--date {
  text-align: center;
  width: 110px;
}

.cell--time {
  text-align: center;
  width: 80px;
}

.cell--date-time {
  text-align: center;
  width: 130px;
}

.cell--price {
  text-align: right;
  width: 65px;
}

.table-data td.cell--comment.cell--comment,
.table-data tr.row--is-selected,
.table-data tr.row--is-selected.row--is-selected td {
  background-color: #ffd;
}

.table-price {
  border: 1px solid #ccc;
  border-width: 1px;
  position: relative;
}
@media (max-width: 61.187rem) {
  .table-price table,
  .table-price thead,
  .table-price tbody,
  .table-price tr {
    background-color: transparent;
    border: 0;
    display: block;
  }
  .table-price tr {
    border-top: 1px dashed #aaa;
    overflow: hidden;
  }
  .table-price tr:first-child {
    border: 0;
  }
  .table-price td {
    border-top: 0;
    font-weight: 400;
  }
}
.results-item .table-price {
  border-width: 1px 0;
}
.message-box .table-price {
  border-width: 0;
}
.table-price table {
  font-size: 13px;
  font-size: 0.8125rem;
  table-layout: fixed;
  width: 100%;
}
.table-price td {
  border-top: 1px dashed #aaa;
  padding: 0.5em;
}
.table-price tr:first-child td {
  border-top: 0;
}
.table-price .row-extend,
.table-price .row-extend td {
  border-top: 0;
  padding-top: 0;
}

.row-extend .results-proposal-title {
  background-color: #70b464;
  margin-bottom: 5px;
  padding-bottom: 0;
}

.results-proposal-title p {
  color: #fff;
  font-weight: 700;
  margin: 3px 5px;
}

.table-results {
  overflow: hidden;
  padding: 0 0.5em;
}
@media (min-width: 15rem) {
  .table-results .table-results-info {
    display: inline;
    min-width: 150px;
  }
  .table-results .table-results-info .p-icon {
    display: block;
  }
}
@media (min-width: 61.25rem) {
  .table-results .table-results-info {
    display: inline-block;
    vertical-align: top;
  }
  .table-results .table-results-info .p-icon {
    display: block;
  }
}
.table-results td {
  padding: 0.5em 0;
  vertical-align: top;
}

.table-compare {
  background-color: #ccc;
  border-radius: 5px;
  overflow: visible;
  padding: 5px 3px;
}
.table-compare > table {
  border-collapse: separate;
  border-spacing: 5px 0;
  width: 100%;
}
.table-compare td {
  border: 1px solid #ccc;
  border-width: 0 1px 1px;
  text-align: center;
}
.table-compare th {
  border: 1px solid #ccc;
  border-radius: 0 0 0;
  color: #fff;
}
.table-compare th:first-child {
  border-left-width: 1px;
  color: #444;
}
.table-compare td:first-child {
  border-left-width: 1px;
  text-align: left;
}
.table-compare th:nth-child(2) {
  background-color: #00819f;
}
.table-compare th:nth-child(3) {
  background-color: #61952b;
}
.table-compare th:nth-child(4) {
  background-color: #be6b00;
}
.table-compare th:nth-child(5) {
  background-color: #c14813;
}
.table-compare th:nth-child(6) {
  background-color: #695db9;
}

.table-interactions {
  display: none;
}
@media (min-width: 61.25rem) {
  .table-interactions {
    display: block;
  }
}
.table-interactions table {
  border-collapse: collapse;
  margin-bottom: 20px;
  table-layout: fixed;
  width: 100%;
}
.table-interactions table th,
.table-interactions table td {
  border: 1px solid #ddd;
  color: #fff;
  height: 50px;
  min-width: 40px;
  overflow: hidden;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
.table-interactions table th {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666;
  font-weight: 700;
  overflow: hidden;
  padding: 0 10px 0 10px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.table-interactions table th + th {
  border-width: 0 1px 1px 1px;
  padding: 5px 0 0;
  text-align: center;
  vertical-align: bottom;
}
.table-interactions table tr th:first-child {
  border-width: 0 3px 1px 0;
  font-weight: 700;
  vertical-align: middle;
}
.table-interactions table tr:first-child th:first-child {
  border-width: 0 3px 3px 0;
  width: 270px;
}
.table-interactions table tr:first-child th {
  border-width: 0 1px 3px 0;
  vertical-align: top;
}
.table-interactions table td {
  background-color: #27ae60;
}
.table-interactions table tr td a {
  color: #fff;
}
.table-interactions table .cell-x {
  font-size: 36px;
  font-size: 2.25rem;
  background-color: #eee;
  color: #ccc;
  line-height: 1;
  text-align: center;
}
.table-interactions table .cell-bi {
  background-color: #c0392b;
}
.table-interactions table .cell-i {
  background-color: #e67e22;
}
.table-interactions table .cell-mi {
  background-color: #f39c12;
}
.table-interactions table .cell-o {
  background-color: #7641a8;
}
.table-interactions table .cell-food {
  background-color: #eee;
  color: #50667b;
}

@media (max-width: 61.187rem) {
  .table-data table tbody {
    border: 1px solid #ccc;
  }
  .table-data table tbody tr {
    border-top: 1px solid #ccc;
    padding: 0 0.5em;
  }
  .table-data table tbody tr.no-border {
    border: 0;
  }
  .table-data table tbody tfoot,
  .table-data table tbody tfoot tr,
  .table-data table tbody tfoot td {
    background-color: #444;
    border-top: 0;
    color: #fff;
  }
  .table-harmonogram tbody tr:first-child {
    padding: 0;
  }
}
@media (min-width: 61.25rem) {
  .zebra-2 tbody td,
  .zebra-3 tbody td,
  .zebra-1 tbody tr:nth-child(even) td,
  .zebra-2 tbody tr:nth-child(even) td,
  .zebra-3 tbody tr:nth-child(even) td {
    background-color: #f5f5f5;
  }
  .zebra-2 tbody tr:nth-child(4n-1),
  .zebra-2 tbody tr:nth-child(4n),
  .zebra-3 tbody tr:nth-child(6n-1),
  .zebra-3 tbody tr:nth-child(6n-2),
  .zebra-1 tbody tr:nth-child(odd) td,
  .zebra-2 tbody tr:nth-child(4n-1) td,
  .zebra-2 tbody tr:nth-child(4n) td,
  .zebra-3 tbody tr:nth-child(6n) td,
  .zebra-3 tbody tr:nth-child(6n-1) td,
  .zebra-3 tbody tr:nth-child(6n-2) td {
    background-color: #fff;
  }
}
.table-data tbody tr.row-extend,
.table-data tbody tr.row-extend td {
  background-color: #dfffd2;
}

@media only screen and (max-width: 767px) {
  tbody,
  thead,
  tfoot,
  tr {
    clear: both;
    display: block !important;
    overflow: hidden;
  }
  .table-data table {
    display: flex !important;
    flex-direction: column;
  }
  .table-data thead {
    order: 1;
  }
  .table-data tbody {
    order: 2;
  }
  .table-data tfoot {
    order: 3;
  }
  colgroup {
    display: none;
  }
  .mc-3.mc-3 {
    float: left;
    width: 32%;
  }
  .mc-2.mc-2 {
    float: left;
    width: 49%;
  }
  .mc-1.mc-1 {
    width: 100%;
  }
  .mc-3x.mc-3x {
    float: left;
    width: 66%;
  }
  .mc-1.mc-1,
  .mc-2.mc-2,
  .mc-3.mc-3,
  .mc-3x.mc-3x {
    border-width: 0;
    display: block;
    margin: 0 0.5%;
    overflow: hidden;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
  }
  .mc-0 + .mc-1,
  .mc-0 + .mc-2,
  .mc-0 + .mc-3,
  .mc-1,
  .mc-1 + .mc-2,
  .mc-1 + .mc-3,
  .mc-2 + .mc-1,
  .mc-2 + .mc-3,
  .mc-3 + .mc-1,
  .mc-3 + .mc-2,
  .mc-1 + .mc-2:nth-child(2n+1),
  .mc-1 + .mc-3:nth-child(3n+1),
  .mc-2 + .mc-3:nth-child(3n+1),
  .mc-3 + .mc-2:nth-child(2n+1) {
    clear: both;
  }
  .mc-hidden.mc-hidden,
  .mc-0.mc-0 {
    display: none;
  }
  .table-data tfoot td {
    margin: 0;
    padding: 5px 5px;
    vertical-align: middle;
  }
  .table-data tfoot td:before {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom;
  }
  .table-data table {
    border-top-width: 0;
  }
  .table-data td {
    background-color: transparent;
    padding: 0 0 0.3em;
  }
  .table-data td:first-child {
    padding-top: 0.3em;
  }
  tfoot .mc-2.mc-2 {
    margin: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 50%;
  }
  .separate-m.separate-m,
  :first-child .separate-m {
    border-top: 1px dotted #aaa;
    margin-top: 0.5em;
  }
  .table-data table {
    border-bottom: 1px solid #aaa;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  tbody,
  thead,
  tfoot,
  tr {
    clear: both;
    display: block;
    overflow: hidden;
  }
  colgroup {
    display: none;
  }
  .tc-3.tc-3 {
    float: left;
    width: 32%;
  }
  .tc-2.tc-2 {
    float: left;
    width: 49%;
  }
  .tc-3x.tc-3x {
    float: left;
    width: 66%;
  }
  .tc-1.tc-1,
  .tc-2.tc-2,
  .tc-3.tc-3,
  .tc-3x.tc-3x {
    display: block;
    margin: 0 0.5%;
    text-align: left;
  }
  .tc-0,
  .tc-0 + .tc-1,
  .tc-0 + .tc-2,
  .tc-0 + .tc-3,
  .tc-1,
  .tc-1 + .tc-2,
  .tc-1 + .tc-3,
  .tc-2 + .tc-1,
  .tc-2 + .tc-3,
  .tc-3 + .tc-1,
  .tc-3 + .tc-2,
  .tc-1 + .tc-2:nth-child(2n+1),
  .tc-1 + .tc-3:nth-child(3n+1),
  .tc-2 + .tc-3:nth-child(3n+1),
  .tc-3 + .tc-2:nth-child(2n+1) {
    clear: both;
  }
  .tc-0.tc-0 {
    display: none;
  }
  .table-data tfoot td {
    border-bottom: 1px solid #999;
    padding: 10px 5px;
  }
  tfoot .tc-2.tc-2 {
    margin: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    width: 50%;
  }
  .table-data td {
    background-color: transparent;
    padding: 0.4em 0;
  }
  .separate-t.separate-t {
    border-top: 1px dotted #aaa;
  }
  .table-data tfoot td:before {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom;
  }
  .table-data table {
    border-bottom: 1px solid #aaa;
  }
}
@media only screen and (min-width: 640px) and (max-width: 979px) {
  [data-name=tabelaGrupy] {
    display: table;
  }
  [data-name=tabelaGrupy] tr {
    display: table-row;
  }
  [data-name=tabelaGrupy] tr td {
    display: table-cell;
    padding: 2px 4px;
  }
  [data-name=tabelaGrupy] colgroup {
    display: table-column-group;
  }
  [data-name=tabelaGrupy] tbody {
    display: table-row-group;
  }
}
@media only screen and (max-width: 979px) {
  .flexy-table {
    display: table;
  }
  .flexy-table tr {
    display: table-row;
  }
  .flexy-table tr td {
    display: table-cell;
    padding: 2px 4px;
    vertical-align: middle;
  }
  .flexy-table colgroup {
    display: table-column-group;
  }
  .flexy-table tbody {
    display: table-row-group;
  }
}
@media (min-width: 61.25rem) {
  table {
    width: 100%;
  }
  .dc-0 {
    display: none;
  }
}
.table-wrapper {
  border: 1px solid #ccc;
  border-width: 1px 1px 1px 0;
  overflow: auto;
}

.table-scrolling {
  border-collapse: collapse;
  display: table;
  width: 100%;
}

.table-scrolling thead,
.table-scrolling tbody {
  display: table-header-group;
}

.table-scrolling tr {
  display: table-row;
}

.table-scrolling th,
.table-scrolling td {
  display: table-cell;
}

.table-scrolling th {
  font-size: 12px;
  font-size: 0.75rem;
  background-color: #fff;
  border: 1px solid #ccc;
  border-width: 0 1px 2px;
  line-height: 1.2;
  padding: 15px 5px;
  text-transform: uppercase;
  vertical-align: middle;
}

.table-scrolling td {
  font-size: 13px;
  font-size: 0.8125rem;
  background-color: #f9f9f9;
  border: 1px solid #ccc;
  float: none;
  font-weight: normal;
  padding: 5px 10px;
  width: auto;
}

.filter {
  display: none;
  left: 5px;
  margin-top: -21px;
  position: absolute;
  text-align: left;
  text-transform: none;
  top: 100%;
}
.filter .filter-switch {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0 1px;
  display: block;
  outline: 0;
  padding: 4px 4px 8px;
  position: relative;
  width: 28px;
  z-index: 1;
}
.filter .filter-switch.visible {
  background-color: #fff;
  border-color: #ccc;
}
.filter .filter-content {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0 5px 5px 5px;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
  margin-top: -1px;
  position: relative;
}
.filter .filter-content * {
  font-size: 13px;
}
.filter .filter-content footer {
  padding: 5px 0 5px 5px;
  text-align: center;
}
.filter .filter-content footer a {
  max-width: 70px;
  width: 40%;
}
.filter .filter-content > p {
  border-width: 0 0 1px 0;
}
.filter .field-check label {
  padding: 0.3em 0 0.1em 1.9em;
}
.filter .field-check label + label {
  margin-top: 0;
  min-height: auto;
}

.has-options tr:first-child th {
  border-bottom: 1px dotted #ddd;
}
.has-options tr:nth-child(2) th {
  height: 22px;
  padding: 4px 4px 4px 0;
}

.has-filter {
  height: 100%;
  padding: 0;
  position: relative;
  text-align: right;
}
.has-filter .filter {
  display: block;
}

.sort-a2z .icon-16.icon-arrow-up2,
.sort-z2a .icon-16.icon-arrow-down2,
.sort-off .icon-16.icon-arrow-up2,
.sort-off .icon-16.icon-arrow-down2 {
  display: none;
}

.color--text,
.c\:text {
  color: #444 !important;
}

.bgr-color--text,
.bgr-c\:text {
  background-color: #444 !important;
}

.brd-c\:text {
  border-color: #444 !important;
}

.color--green,
.c\:green {
  color: #278112 !important;
}

.bgr-color--green,
.bgr-c\:green {
  background-color: #278112 !important;
}

.brd-c\:green {
  border-color: #278112 !important;
}

.color--blue,
.c\:blue {
  color: #0371a2 !important;
}

.bgr-color--blue,
.bgr-c\:blue {
  background-color: #0371a2 !important;
}

.brd-c\:blue {
  border-color: #0371a2 !important;
}

.color--red,
.c\:red {
  color: #da191b !important;
}

.bgr-color--red,
.bgr-c\:red {
  background-color: #da191b !important;
}

.brd-c\:red {
  border-color: #da191b !important;
}

.color--orange,
.c\:orange {
  color: #c65224 !important;
}

.bgr-color--orange,
.bgr-c\:orange {
  background-color: #c65224 !important;
}

.brd-c\:orange {
  border-color: #c65224 !important;
}

.color--yellow,
.c\:yellow {
  color: #a36700 !important;
}

.bgr-color--yellow,
.bgr-c\:yellow {
  background-color: #a36700 !important;
}

.brd-c\:yellow {
  border-color: #a36700 !important;
}

.color--black,
.c\:black {
  color: #000 !important;
}

.bgr-color--black,
.bgr-c\:black {
  background-color: #000 !important;
}

.brd-c\:black {
  border-color: #000 !important;
}

.color--dark-green,
.c\:dark-green {
  color: #9bcd8f !important;
}

.bgr-color--dark-green,
.bgr-c\:dark-green {
  background-color: #9bcd8f !important;
}

.brd-c\:dark-green {
  border-color: #9bcd8f !important;
}

.color--dark-blue,
.c\:dark-blue {
  color: #81b8d1 !important;
}

.bgr-color--dark-blue,
.bgr-c\:dark-blue {
  background-color: #81b8d1 !important;
}

.brd-c\:dark-blue {
  border-color: #81b8d1 !important;
}

.color--dark-red,
.c\:dark-red {
  color: #e19a9b !important;
}

.bgr-color--dark-red,
.bgr-c\:dark-red {
  background-color: #e19a9b !important;
}

.brd-c\:dark-red {
  border-color: #e19a9b !important;
}

.color--dark-orange,
.c\:dark-orange {
  color: #e5aa94 !important;
}

.bgr-color--dark-orange,
.bgr-c\:dark-orange {
  background-color: #e5aa94 !important;
}

.brd-c\:dark-orange {
  border-color: #e5aa94 !important;
}

.color--dark-yellow,
.c\:dark-yellow {
  color: #e6c180 !important;
}

.bgr-color--dark-yellow,
.bgr-c\:dark-yellow {
  background-color: #e6c180 !important;
}

.brd-c\:dark-yellow {
  border-color: #e6c180 !important;
}

.color--dark-grey,
.c\:dark-grey {
  color: #767676 !important;
}

.bgr-color--dark-grey,
.bgr-c\:dark-grey {
  background-color: #767676 !important;
}

.brd-c\:dark-grey {
  border-color: #767676 !important;
}

.color--light-green,
.c\:light-green {
  color: #cde6c6 !important;
}

.bgr-color--light-green,
.bgr-c\:light-green {
  background-color: #cde6c6 !important;
}

.brd-c\:light-green {
  border-color: #cde6c6 !important;
}

.color--light-blue,
.c\:light-blue {
  color: #c0dbe8 !important;
}

.bgr-color--light-blue,
.bgr-c\:light-blue {
  background-color: #c0dbe8 !important;
}

.brd-c\:light-blue {
  border-color: #c0dbe8 !important;
}

.color--light-red,
.c\:light-red {
  color: #f0cccd !important;
}

.bgr-color--light-red,
.bgr-c\:light-red {
  background-color: #f0cccd !important;
}

.brd-c\:light-red {
  border-color: #f0cccd !important;
}

.color--light-orange,
.c\:light-orange {
  color: #f1d4c9 !important;
}

.bgr-color--light-orange,
.bgr-c\:light-orange {
  background-color: #f1d4c9 !important;
}

.brd-c\:light-orange {
  border-color: #f1d4c9 !important;
}

.color--light-yellow,
.c\:light-yellow {
  color: #f2e0bf !important;
}

.bgr-color--light-yellow,
.bgr-c\:light-yellow {
  background-color: #f2e0bf !important;
}

.brd-c\:light-yellow {
  border-color: #f2e0bf !important;
}

.color--grey,
.c\:grey {
  color: #bfbfbf !important;
}

.bgr-color--grey,
.bgr-c\:grey {
  background-color: #bfbfbf !important;
}

.brd-c\:grey {
  border-color: #bfbfbf !important;
}

.color--pale-green,
.c\:pale-green {
  color: #e7f3e4 !important;
}

.bgr-color--pale-green,
.bgr-c\:pale-green {
  background-color: #e7f3e4 !important;
}

.brd-c\:pale-green {
  border-color: #e7f3e4 !important;
}

.color--pale-blue,
.c\:pale-blue {
  color: #e0eef4 !important;
}

.bgr-color--pale-blue,
.bgr-c\:pale-blue {
  background-color: #e0eef4 !important;
}

.brd-c\:pale-blue {
  border-color: #e0eef4 !important;
}

.color--pale-red,
.c\:pale-red {
  color: #f8e6e7 !important;
}

.bgr-color--pale-red,
.bgr-c\:pale-red {
  background-color: #f8e6e7 !important;
}

.brd-c\:pale-red {
  border-color: #f8e6e7 !important;
}

.color--pale-orange,
.c\:pale-orange {
  color: #f8eae5 !important;
}

.bgr-color--pale-orange,
.bgr-c\:pale-orange {
  background-color: #f8eae5 !important;
}

.brd-c\:pale-orange {
  border-color: #f8eae5 !important;
}

.color--pale-yellow,
.c\:pale-yellow {
  color: #f9f0e0 !important;
}

.bgr-color--pale-yellow,
.bgr-c\:pale-yellow {
  background-color: #f9f0e0 !important;
}

.brd-c\:pale-yellow {
  border-color: #f9f0e0 !important;
}

.color--silver,
.c\:silver {
  color: #eee !important;
}

.bgr-color--silver,
.bgr-c\:silver {
  background-color: #eee !important;
}

.brd-c\:silver {
  border-color: #eee !important;
}

.color--osoz,
.c\:osoz {
  color: #037ea0 !important;
}

.bgr-color--osoz,
.bgr-c\:osoz {
  background-color: #037ea0 !important;
}

.brd-c\:osoz {
  border-color: #037ea0 !important;
}

.color--purple,
.c\:purple {
  color: #7641a8 !important;
}

.bgr-color--purple,
.bgr-c\:purple {
  background-color: #7641a8 !important;
}

.brd-c\:purple {
  border-color: #7641a8 !important;
}

.color--sky,
.c\:sky {
  color: #39c !important;
}

.bgr-color--sky,
.bgr-c\:sky {
  background-color: #39c !important;
}

.brd-c\:sky {
  border-color: #39c !important;
}

.color--turq,
.c\:turq {
  color: #01837e !important;
}

.bgr-color--turq,
.bgr-c\:turq {
  background-color: #01837e !important;
}

.brd-c\:turq {
  border-color: #01837e !important;
}

.color--white,
.c\:white {
  color: #fff !important;
}

.bgr-color--white,
.bgr-c\:white {
  background-color: #fff !important;
}

.brd-c\:white {
  border-color: #fff !important;
}

.color--leon,
.c\:leon {
  color: #88b04b !important;
}

.bgr-color--leon,
.bgr-c\:leon {
  background-color: #88b04b !important;
}

.brd-c\:leon {
  border-color: #88b04b !important;
}

.color--lbk,
.c\:lbk {
  color: #006cb7 !important;
}

.bgr-color--lbk,
.bgr-c\:lbk {
  background-color: #006cb7 !important;
}

.brd-c\:lbk {
  border-color: #006cb7 !important;
}

.color--nfz,
.c\:nfz {
  color: #233883 !important;
}

.bgr-color--nfz,
.bgr-c\:nfz {
  background-color: #233883 !important;
}

.brd-c\:nfz {
  border-color: #233883 !important;
}

.color--bright-red,
.c\:bright-red {
  color: #c00 !important;
}

.bgr-color--bright-red,
.bgr-c\:bright-red {
  background-color: #c00 !important;
}

.brd-c\:bright-red {
  border-color: #c00 !important;
}

.color--pomegranate,
.c\:pomegranate {
  color: #c23636 !important;
}

.bgr-color--pomegranate,
.bgr-c\:pomegranate {
  background-color: #c23636 !important;
}

.brd-c\:pomegranate {
  border-color: #c23636 !important;
}

.color--theme,
.c\:theme {
  color: #88b04b !important;
}

.bgr-color--theme,
.bgr-c\:theme {
  background-color: #88b04b !important;
}

.brd-c\:theme {
  border-color: #88b04b !important;
}

[class*=color--] b,
[class*="c:"] b {
  color: inherit !important;
}

.c\:i {
  color: inherit !important;
}

tr[class*="bgr-c:"] td {
  background-color: inherit !important;
}

.preloader.preloader {
  font-size: 12px;
  font-size: 0.75rem;
  color: #444;
  margin: 15px 0;
  text-align: center;
}

.search-messages .preloader.preloader {
  bottom: 0;
  margin-bottom: -3.5em;
  position: absolute;
  width: 100%;
}

.loader {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  color: #4b8fbe;
  font-size: 0.75em;
  margin: -1em auto 2.5em;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader, .loader:before, .loader:after {
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
}
.loader:before, .loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.loader:before {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
  left: -3.5em;
}
.loader:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 1.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 1.5em 0 0;
  }
}
@keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 1.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 1.5em 0 0;
  }
}
.loading-m {
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
}
.loading-m span {
  display: inline-block;
  font-size: 1px;
  overflow: hidden;
  text-align: left;
  vertical-align: bottom;
  width: 15px;
}
.loading-m span:after {
  font-size: 12px;
  font-size: 0.75rem;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "…";
  vertical-align: bottom;
  width: 0;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
img {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

.img\:24 {
  max-height: 24px;
}

.img\:16 {
  max-height: 24px;
}

.img\:32 {
  max-height: 32px;
}

.img\:48 {
  max-height: 48px;
}

.img\:xs,
.img--xs {
  max-height: 40px;
}

.img\:s,
.img--s {
  max-height: 50px;
}

.img\:m,
.img--m {
  max-height: 80px;
}

.img\:l,
.img--l {
  max-height: 120px;
}

.img\:xl,
.img--xl {
  max-height: 160px;
}

.img\:xxl,
.img--xxl {
  max-height: 200px;
}

.img\:xxxl,
.img--xxxl {
  max-height: 261px;
}

.img\:auto,
.img--auto {
  max-height: 100%;
  max-width: 100%;
}

figcaption {
  font-size: 11px;
  font-size: 0.6875rem;
}

.img-border {
  border: 1px solid #999;
}

.icon {
  font-family: icomoon;
}

.animated {
  animation: roll 3s infinite;
}

@keyframes roll {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
#buttonKoszyk {
  transition: all 0.3s ease;
}

#buttonKoszyk.flash {
  background-color: #aa2929;
  background-image: none;
  color: #fff;
  font-size: 20px;
  margin-left: -4px;
  margin-top: -4px;
}

.icon-12.icon-12 {
  display: inline-block;
  font-size: 12px;
  height: 12px;
  text-indent: 0;
  width: 12px;
}

.icon-12 {
  vertical-align: middle;
}

.icon-12::before {
  content: " ";
}

.icon-12 + span {
  vertical-align: middle;
}

.icon-user + span {
  vertical-align: baseline;
}

.icon-16.icon-16 {
  display: inline-block;
  font-size: 16px;
  height: 16px;
  text-indent: 0;
  width: 16px;
}

.icon-16 {
  vertical-align: middle;
}

.icon-16::before {
  content: " ";
}

.icon-16 + span {
  vertical-align: middle;
}

.icon-user + span {
  vertical-align: baseline;
}

.icon-24.icon-24 {
  display: inline-block;
  font-size: 24px;
  height: 24px;
  text-indent: 0;
  width: 24px;
}

.icon-24 {
  vertical-align: middle;
}

.icon-24::before {
  content: " ";
}

.icon-24 + span {
  vertical-align: middle;
}

.icon-user + span {
  vertical-align: baseline;
}

.icon-32.icon-32 {
  display: inline-block;
  font-size: 32px;
  height: 32px;
  text-indent: 0;
  width: 32px;
}

.icon-32 {
  vertical-align: middle;
}

.icon-32::before {
  content: " ";
}

.icon-32 + span {
  vertical-align: middle;
}

.icon-user + span {
  vertical-align: baseline;
}

.icon-48.icon-48 {
  display: inline-block;
  font-size: 48px;
  height: 48px;
  text-indent: 0;
  width: 48px;
}

.icon-48 {
  vertical-align: middle;
}

.icon-48::before {
  content: " ";
}

.icon-48 + span {
  vertical-align: middle;
}

.icon-user + span {
  vertical-align: baseline;
}

.icon-round.icon-round {
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
}

.icon-32.icon-round {
  height: 64px;
  padding: 14px;
  width: 64px;
}

.icon-24.icon-round {
  height: 48px;
  margin: 0 8px;
  padding: 10px 11px;
  width: 48px;
}

.icon-16.icon-round {
  height: 32px;
  margin: 0 16px;
  padding: 7px;
  width: 32px;
}

.msg\:legal:before {
  content: "\e906";
}

.b-s\:f[aria-expanded=false] .b\:on:before,
.b-s\:f[aria-pressed=false] .b\:on:before {
  content: "\e90d";
}

.b-s\:f[aria-expanded=true] .b\:off:before,
.b-s\:f[aria-pressed=true] .b\:off:before {
  content: "\e910";
}

.b-s\:l[aria-expanded=false] .b\:on:before,
.b-s\:l[aria-pressed=false] .b\:on:before {
  content: "\e905";
}

.b-s\:l[aria-expanded=true] .b\:off:before,
.b-s\:l[aria-pressed=true] .b\:off:before {
  content: "\e960";
}

.b\:url > span:last-child:after {
  content: "\e90f";
}

.button-search:before {
  content: "\e944";
}

[type=checkbox]:checked + i:after,
.field-multiple [type=radio]:checked + i:after {
  content: "\e911";
}

@media (max-width: 61.187rem) {
  .nav-main [aria-haspopup=true]:after {
    content: "\e90f";
  }
}
.location-map {
  border: 1px solid #bbb;
  overflow: hidden;
}
.location-map-wrapper {
  background-color: #eee;
  margin: 0 auto;
}

.h-auto,
.h-295 {
  height: auto;
}

@media (min-width: 48rem) {
  .location .results {
    border-width: 0;
  }
  .location .results-item {
    background-color: #fff;
    border-top: 1px solid #ccc;
  }
  .location .results-item:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 61.25rem) {
  .h-295 {
    height: 295px;
  }
  .displace {
    bottom: 1em;
    position: absolute;
  }
  .location-list {
    height: auto;
  }
  .location-map {
    height: auto;
  }
}
@media (max-width: 61.187rem) {
  .location-map-wrapper {
    height: 100%;
  }
  .location-map .link-icon {
    display: none;
  }
  .fullpage {
    background-color: #f6f6f6;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
  }
  .fullpage .location-list {
    height: 65%;
    overflow: auto;
  }
  .fullpage .location-list table {
    margin-right: 0.5em;
  }
  .fullpage .location-map {
    display: block !important;
    height: 35%;
    max-height: 35%;
  }
  .fullpage .location-map .link-icon {
    background-color: #fff;
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
  }
  .fullpage .location-map .link-icon:hover {
    background-color: #2c729b;
  }
  .fullpage .olMap {
    position: relative;
  }
  .fullpage .search-panel {
    display: none;
  }
  .fullpage .results li {
    padding-left: 5px;
    padding-right: 5px;
  }
  .fullpage .fullpage-hidden {
    display: none;
  }
}
.passbook {
  display: block;
  margin: 0 auto 0;
  position: relative;
  text-align: center;
}
.passbook > img {
  margin: 0.5em 0 1.5em;
}

@media (max-width: 61.187rem) {
  .full-screen {
    background-color: #fff;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
  .full-screen section.ui-tabs-panel {
    height: 100%;
    height: calc(100% - 110px);
    overflow-y: auto;
    padding: 0.2em 0 0;
    position: relative;
    z-index: 1;
  }
  .full-screen .ui-tabs,
  .full-screen .ui-tabs-nav {
    margin: 0;
    padding: 0;
    z-index: 0;
  }
  .full-screen .ui-tabs-nav > li > a.ui-tabs-anchor,
  .full-screen .ui-tabs-nav > li > span {
    line-height: 35px;
    text-transform: uppercase;
  }
}
@media (min-width: 15rem) {
  .full-screen .ui-tabs-nav {
    display: table;
    margin-top: 50px;
    width: 100%;
  }
  .full-screen .ui-tabs-nav > li {
    display: table-cell;
    float: none;
  }
  .full-screen .ui-tabs-nav > li a {
    text-align: center;
    width: 100%;
  }
}
@media (min-width: 48rem) {
  .full-screen .ui-tabs-nav {
    display: block;
    margin-top: 0;
  }
  .full-screen .ui-tabs-nav > li {
    display: block;
    float: left;
  }
}
.search-container {
  position: relative;
}
.search-container .preloader.preloader {
  margin: 0;
}

.search-inner {
  max-width: 100%;
  position: relative;
  z-index: 0;
}
.search-inner input {
  font-size: 16px;
  font-size: 1rem;
}

.search-messages {
  margin: 0 auto;
  position: relative;
}
.search-messages span.form-error {
  bottom: -2em;
  position: absolute;
}
.search-messages .preloader.preloader {
  margin-bottom: 0;
  position: relative;
}

.krok-head {
  padding-left: 4.7em;
}

.loader-off {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.2s;
}

.loader-on {
  height: 50px;
  opacity: 1;
  overflow: hidden;
  transition: all 0.2s;
}

.search-inner:before {
  background-position: 3em 0.5em;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 96px;
  position: absolute;
  width: 100%;
  z-index: -1;
}

#kontenerSzukanie .search-inner:before {
  background-image: url(../../images/icon-szukaj-lokalizacji.png);
}

#kontenerSzukanieLekow .search-inner:before {
  background-image: url(../../images/icon-szukaj-leku.png);
  top: -0.5em;
}

.search-inner:before {
  opacity: 0;
  transition: opacity 0s ease-out;
}

@media (min-width: 48rem) {
  .search-content {
    margin: 0 auto;
    margin-left: 25%;
    transition: all 0.3s ease;
    width: 75%;
  }
  .search-inner:before {
    width: 20%;
  }
  .search-messages {
    margin-left: 25%;
    width: 75%;
  }
}
@media (min-width: 61.25rem) {
  .search-container {
    margin: 1em 0 0;
    min-height: 100px;
    padding: 0;
    z-index: 10;
  }
  .search-outer {
    margin: 0;
    padding: 0;
    position: relative;
  }
  .search-inner {
    padding: 4em 0;
    transition: padding 0.2s ease;
  }
  .search-inner-narrow {
    padding: 1em 0;
  }
  .search-content {
    margin: 0 auto;
    margin-left: 17.16667%;
    transition: all 0.3s ease;
    width: 65.66667%;
  }
  .search-messages {
    margin-left: 17.16667%;
    width: 65.66667%;
  }
}
.top-search-flex {
  flex-grow: 1;
}
.top-search-flex .top-search {
  display: none;
  margin: 0 auto;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.top-search-flex .top-search input::placeholder {
  font-size: 13px !important;
}

.page-header.has-searchbar .top-search {
  display: block;
}
.page-header.has-searchbar .top-search-flex {
  order: 4;
  width: 100%;
}

.top-search {
  display: block;
  margin: 0.5em auto 1em;
  position: relative;
}
.top-search-input {
  border: 1px solid #ccc;
  border-radius: 16px 0 0 16px;
  border-right-width: 0;
  height: 34px;
  margin: 0;
  padding: 0 0 0 15px;
  width: calc(100% - 34px);
}
.top-search-button {
  background-color: #eee;
  border: 1px solid #ccc;
  border-left-width: 0;
  border-radius: 0 16px 16px 0;
  color: #666;
  cursor: pointer;
  float: right;
  font-family: "icomoon" !important;
  height: 34px;
  margin: 0;
  padding: 0;
  width: 34px;
}
.top-search-input:focus + .top-search-button {
  border-color: #2463a4;
}
.top-search-button:focus {
  border-color: #88b048;
}
.top-search.square .top-search-input {
  border-radius: 5px 0 0 5px;
}
.top-search.square .top-search-button {
  border-radius: 0 5px 5px 0;
}

@media (max-width: 39.937rem) {
  .page-header.has-searchbar > .content {
    height: 95px;
  }
  .page-header.has-searchbar + .page-wrapper {
    margin-top: 95px;
  }
}
@media (min-width: 40rem) and (max-width: 47.937rem) {
  .page-header.has-searchbar .header-content {
    flex-grow: 0;
    margin-left: 1rem;
  }
  .page-header.has-searchbar .top-search-flex {
    order: 2;
    width: auto;
  }
  .page-header.has-searchbar .header-content {
    order: 3;
  }
  .page-header.has-searchbar .top-search {
    width: 220px;
  }
}
@media (min-width: 48rem) {
  .page-header.has-searchbar .top-search-flex {
    order: unset;
    width: auto;
  }
  .page-header.has-searchbar .top-search-flex + .header-content {
    flex-grow: 0;
    margin-left: 1rem;
  }
  .top-search {
    display: block;
    left: 45%;
    margin: 0 auto;
    position: absolute;
    top: -57px;
    transform: translate(-50%);
    width: 280px;
  }
  .crumbs-strap ~ .top-search {
    margin: 0 auto;
  }
  .top-search-input {
    border-width: 0;
    height: 44px;
    width: calc(100% - 44px);
  }
  .top-search-button {
    border-width: 0;
    font-size: 24px;
    height: 44px;
    width: 44px;
  }
}
div.field-search-text {
  font-size: 16px;
  font-size: 1rem;
  display: flex;
  align-items: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media (min-width: 640px) {
  div.field-search-text div.field-search-text > div + div {
    width: 180px;
  }
}
div.field-search-text > div input[type=text],
div.field-search-text > div input[type=search],
div.field-search-text > div .b\:pri {
  float: none;
  margin: 0;
  position: relative;
  width: 100%;
}
div.field-search-text > div input[type=text],
div.field-search-text > div input[type=search] {
  border-radius: 3px 0 0 3px;
}
div.field-search-text > div .b\:pri,
div.field-search-text > div .b\:sec,
div.field-search-text > div .b\:tra,
div.field-search-text > div .b\:brd {
  border-radius: 0 3px 3px 0;
  margin: 0;
  white-space: nowrap;
}

.search-container div.field-search-text input {
  height: 50px;
  line-height: 50px;
}
.search-container div.field-search-text .b\:pri {
  border-radius: 0 5px 5px 0;
  font-size: inherit;
  min-height: 50px;
  min-width: 50px;
}

p.field-search-text {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0.5em 0;
  padding-right: 50px;
  position: relative;
}
p.field-search-text span:first-child {
  display: block;
  height: 50px;
}
p.field-search-text [type=text],
p.field-search-text [type=search] {
  border-radius: 5px 0 0 5px;
  border-width: 1px 0 1px 1px;
  font-size: inherit;
  height: 50px;
  line-height: 50px;
  padding-left: 10px;
}
p.field-search-text .button-primary,
p.field-search-text .b\:pri {
  border-radius: 0 5px 5px 0;
  font-size: inherit;
  margin: 0;
  min-height: 50px;
  min-width: 50px;
  position: absolute;
  right: 0;
  top: 0;
}
p.field-search-text .button-primary:focus,
p.field-search-text .b\:pri:focus {
  border-color: #006cb7;
  box-shadow: none;
}

@media (min-width: 40rem) {
  p.field-search--text,
  p.field-search-text {
    overflow: hidden;
    padding-right: 190px;
  }
  p.field-search--text .button-primary,
  p.field-search--text .b\:pri,
  p.field-search-text .button-primary,
  p.field-search-text .b\:pri {
    width: 190px;
  }
}
@media (min-width: 48rem) {
  .search-content {
    margin-left: auto;
    margin-left: auto;
  }
}
.avatar {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  margin: 0 1em 0 0;
  position: relative;
  transition: all 0.2s ease-out;
  width: 50px;
  flex-shrink: 0;
}
.avatar > img {
  display: block;
}
.avatar > img + img:nth-child(n+2) {
  bottom: -15px;
  position: absolute;
  right: -15px;
  transform: scale(0.75, 0.75);
}
.avatar > img:first-child {
  border-radius: 5px;
  max-height: 100%;
  max-width: 100%;
  min-width: 100%;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.avatar > img:first-child + img {
  z-index: 5;
}
.avatar > img:first-child + img + img {
  right: -5px;
  z-index: 4;
}
.avatar > img:first-child + img + img + img {
  right: 5px;
  z-index: 3;
}
.avatar > img:first-child + img + img + img + img {
  right: 15px;
  z-index: 2;
}
.avatar > img:first-child + img + img + img + img + img {
  right: 25px;
  z-index: 1;
}
.avatar.favorite {
  cursor: pointer;
}
.avatar.favorite:after {
  font-size: 16px;
  font-size: 1rem;
  color: #f28e00;
  content: "\e61a";
  display: block;
  font-family: icomoon;
  height: 20px;
  left: -5px;
  margin-left: 20px;
  position: absolute;
  text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.3);
  top: -10px;
}
.avatar.fl\:r {
  margin: 0 0 0 1em;
}
.avatar .avatar-badges {
  bottom: -12px;
  display: flex;
  justify-content: flex-end;
  min-width: 24px;
  position: absolute;
  right: 6px;
}
.avatar .avatar-badges > img {
  margin-right: -16px;
}
.avatar .avatar-badges > img:last-child {
  margin-left: 4px;
  transform: scale(1.5);
}

@media (max-width: 61.187rem) {
  .full-screen .avatar {
    height: 100px;
    margin: 0.5em 2em 0.5em auto;
    width: 100px;
  }
}
@media (min-width: 48rem) {
  .avatar {
    height: 60px;
    width: 60px;
  }
  .avatar.favorite:after {
    height: 30px;
    width: 30px;
  }
  .avatar img:nth-child(2) {
    bottom: -15px;
    transform: none;
  }
  .avatar\:s {
    height: 50px;
    width: 50px;
  }
  .avatar--l,
  .avatar\:l {
    height: 80px;
    width: 80px;
  }
  .avatar\:xl {
    height: 100px;
    margin: 0 1.5em 0 0;
    width: 100px;
  }
  .avatar\:xxl {
    height: 120px;
    margin: 0 2em 0 0;
    width: 120px;
  }
  .avatar\:xl .fl\:r,
  .avatar\:xxl .fl\:r {
    margin: 0 0 0 1.5em;
  }
  .avatar.fl\:l + div {
    float: none;
    margin-left: 75px;
  }
  .avatar .avatar\:l .fl\:l + div {
    float: none;
    margin-left: 100px;
  }
}
.pasek-osoz {
  position: relative;
}
.pasek-osoz .pasek-content {
  background-color: #037ea0;
  color: #fff;
  width: 100%;
}
.pasek-osoz .pasek-content .content {
  margin: 0 auto;
  max-width: 1100px;
  overflow: hidden;
}
.pasek-osoz .stick {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.pasek-osoz .pha\:m p {
  font-size: 12px;
  margin: 3px 0;
}
.pasek-osoz .pha\:m a {
  color: #fff;
  text-decoration: underline;
}

[class*=mod-] * {
  transition: all 0.2s ease-out;
}

.mod-3 {
  cursor: pointer;
  height: auto;
  margin-bottom: 1em;
  position: relative;
  z-index: 0;
}
.mod-3 > div {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #444;
  margin: 0 5px;
  max-height: 100%;
  overflow: hidden;
}
.mod-3 > div.mod-animate .mod-section {
  display: block;
  margin: 10px 0 0;
  padding: 10px 15px;
}
.mod-3 > div.mod-animate .mod-section dl {
  margin: 0;
}
.mod-3 .mod-header {
  margin: 10px 15px;
  min-height: 240px;
  position: relative;
}
.mod-3 .mod-image {
  max-height: 100%;
}
.mod-3 .mod-image img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}
.mod-3 .mod-caption {
  background-color: #e6e6e6;
  background-color: rgba(220, 220, 220, 0.75);
  bottom: -15px;
  left: -15px;
  margin: 0;
  padding: 10px 15px;
  position: absolute;
  right: -15px;
}
.mod-3 .mod-caption p {
  margin: 0;
}
.mod-3 .mod-title {
  margin: 0;
  padding-right: 75px;
}
.mod-3 .mod-section {
  display: none;
}
.mod-3 .mod-price {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
}

@media (max-width: 61.187rem) {
  .mod-3:nth-child(even) {
    clear: left;
  }
}
@media (min-width: 61.25rem) {
  .mod-3 {
    height: 265px;
  }
  .mod-3:focus {
    z-index: 1;
  }
  .mod-3:focus > div.mod-animate {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    margin: -25px -15px;
    max-height: 500%;
    padding: 10px 15px;
  }
  .mod-3:focus > div.mod-animate .mod-caption {
    margin: 0 -15px;
    padding: 10px 35px;
  }
  .mod-3:focus > div.mod-animate .mod-image {
    margin: 0 5px;
  }
  .mod-3:focus > div.mod-animate .mod-section {
    padding: 10px 15px;
  }
}
[class*=mod-] * {
  transition: all 0.2s ease-out;
}

.mod-3 {
  cursor: pointer;
  height: auto;
  margin-bottom: 1em;
  position: relative;
  z-index: 0;
}
.mod-3 > div {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #444;
  margin: 0 5px;
  max-height: 100%;
  overflow: hidden;
}
.mod-3 > div.mod-animate .mod-section {
  display: block;
  margin: 10px 0 0;
  padding: 10px 15px;
}
.mod-3 > div.mod-animate .mod-section dl {
  margin: 0;
}
.mod-3 .mod-header {
  margin: 10px 15px;
  min-height: 240px;
  position: relative;
}
.mod-3 .mod-image {
  max-height: 100%;
}
.mod-3 .mod-image img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}
.mod-3 .mod-caption {
  background-color: #e6e6e6;
  background-color: rgba(220, 220, 220, 0.75);
  bottom: -15px;
  left: -15px;
  margin: 0;
  padding: 10px 15px;
  position: absolute;
  right: -15px;
}
.mod-3 .mod-caption p {
  margin: 0;
}
.mod-3 .mod-title {
  margin: 0;
  padding-right: 75px;
}
.mod-3 .mod-section {
  display: none;
}
.mod-3 .mod-price {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
}

@media (max-width: 61.187rem) {
  .mod-3:nth-child(even) {
    clear: left;
  }
}
@media (min-width: 61.25rem) {
  .mod-3 {
    height: 265px;
  }
  .mod-3:focus {
    z-index: 1;
  }
  .mod-3:focus > div.mod-animate {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    margin: -25px -15px;
    max-height: 500%;
    padding: 10px 15px;
  }
  .mod-3:focus > div.mod-animate .mod-caption {
    margin: 0 -15px;
    padding: 10px 35px;
  }
  .mod-3:focus > div.mod-animate .mod-image {
    margin: 0 5px;
  }
  .mod-3:focus > div.mod-animate .mod-section {
    padding: 10px 15px;
  }
}
.cookies {
  display: flex;
  min-height: 365px !important;
}
.cookies section {
  width: 100%;
}

.cookies-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin-top: 0.5em;
  min-height: 100%;
  width: 100%;
}

.cookies-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 300px;
}

.cookies-scrolled {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0.5em;
}

.cookies-buttons {
  align-items: center;
  border-top: 1px solid #999;
  box-shadow: 0 -7px 7px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-shrink: 0;
  margin: 0 -1em;
  padding: 0.5em 1em 0;
  z-index: 1;
}
.cookies-buttons div {
  flex-grow: 1;
  order: 2;
  text-align: right;
}
.cookies-buttons div + div {
  order: 1;
  text-align: left;
}

.cookies-options {
  display: none;
}

.cookies-header {
  align-items: center;
  display: flex;
  width: 100%;
}
.cookies-header div:first-child {
  flex-grow: 1;
}

@media (max-width: 640px) {
  .cookies-buttons {
    flex-direction: column;
  }
  .cookies-buttons div + div {
    order: 2;
  }
  .cookies-buttons button {
    width: 100%;
  }
}
.ie10 .cookies-wrapper,
.ie10 .cookies-content,
.ie10 .cookies-scrolled,
.ie11 .cookies-wrapper,
.ie11 .cookies-content,
.ie11 .cookies-scrolled {
  display: block !important;
}

.ie10 .cookies-buttons {
  display: block !important;
}

.ie8 .cookies-info,
.ie9 .cookies-info,
.ie10 .cookies-info,
.ie11 .cookies-info {
  max-width: 100%;
}

.ie8 .cookies-content,
.ie9 .cookies-content,
.ie10 .cookies-content,
.ie11 .cookies-content {
  height: 300px;
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  width: auto;
}

.ie8 .cookies,
.ie9 .cookies,
.ie10 .cookies,
.ie11 .cookies {
  overflow: hidden;
}

.ie8 .cookies-scrolled,
.ie9 .cookies-scrolled,
.ie10 .cookies-scrolled,
.ie11 .cookies-scrolled {
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  width: 100%;
}

.ie9 .cookies .label {
  width: calc(100% - 70px);
}

.ie8 .cookies-buttons div {
  float: right;
}
.ie8 .cookies-buttons div + div {
  float: left;
}

.ie7 .cookies-buttons {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.ie7 .cookies-buttons > div {
  float: right;
}
.ie7 .cookies-buttons > div + div {
  float: left;
}
.ie7 .cookies-wrapper {
  height: 365px;
  overflow: hidden;
  position: relative;
}
.ie7 .cookies-wrapper .flex {
  display: block;
}
.ie7 .cookies-scrolled {
  height: 325px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ie7 .cookies-scrolled .tgg-s {
  display: none;
}
.ie7 .cookies-scrolled .tgg-c {
  display: inline-block;
  vertical-align: middle;
}
.ie7 .cookies-scrolled .tgg-f {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
.ie7 .cookies-scrolled .field-toggle {
  position: static;
}
.ie7 .cookies-scrolled .link {
  margin-top: 10px;
  text-align: left;
}

#cookie_info {
  max-width: 100%;
  background-color: transparent;
  line-height: 20px;
  margin: 0 auto;
  padding: 5px 0;
  text-align: center;
  z-index: 100;
}
#cookie_info p {
  font-size: 11px;
  font-size: 0.6875rem;
  padding: 0 5px;
}
#cookie_info p br {
  display: none;
}

.kml_widget {
  font-size: 13px;
  font-size: 0.8125rem;
  border: solid #88b04b;
  border-width: 0 1px;
  color: #444;
  font-family: Arial, sans-serif;
  max-width: 980px;
  overflow: hidden;
}

.kml_widget-box {
  background-color: #fff;
  overflow: hidden;
  position: relative;
}

.kml_widget-box_oferta,
.kml_widget-box_mapa {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 0;
}

.kml_widget-box_oferta > div,
.kml_widget-box_mapa > div {
  margin: 10px;
  position: relative;
}

.kml_widget-link {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 100;
}

.kml_widget-header {
  background-color: #88b04b;
  min-height: 24px;
  padding: 5px 10px;
}
.kml_widget-header a {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
}

.kml_widget-footer {
  background-color: #88b04b;
  clear: both;
  padding: 5px 5px 3px;
  position: relative;
}

.kml_widget-logo {
  height: 16px;
  text-align: right;
}
.kml_widget-logo a {
  display: block;
}

.kml_widget-tekst p {
  font-size: 18px;
  text-align: center;
}
.kml_widget-tekst b {
  color: #a00;
}

.kml_widget-container_mapa {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
  overflow: hidden;
}

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

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

.kml_widget-button,
.kml_widget-button:hover {
  font-size: 18px;
  font-size: 1.125rem;
  background-color: #2d759f;
  border: 1px solid #2d759f;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  line-height: 1.2em;
  margin: 10px 5px 5px;
  outline: 0;
  padding: 7px 13px 10px;
  text-decoration: none;
  transition: all 0.2s ease-out;
  vertical-align: middle;
  white-space: nowrap;
}

@media only screen and (max-width: 639px) {
  .kml_widget-box_oferta,
  .kml_widget-box_mapa {
    overflow: hidden;
    width: 100%;
  }
  .kml_widget-tekst p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 640px) {
  .kml_widget-box_oferta {
    float: left;
    width: calc(100% - 220px);
  }
  .kml_widget-box_mapa {
    float: right;
    width: 220px;
  }
}
@media only screen and (min-width: 480px) {
  .kml_widget-button br {
    display: none;
  }
}
.popup-container {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.popup-mapa {
  background-color: #fff;
  float: left;
  height: 100%;
}

.popup-lista {
  background-color: #fff;
  float: left;
  height: 100%;
  overflow-y: auto;
  padding: 0.5em;
}

.popup-mapa-content {
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.popup-mapa-content {
  border: 1px solid #ccc;
}

.kml_widget-full_width {
  max-width: auto;
}

pre {
  background: #eee;
  border: 1px solid #ddd;
  hyphens: none;
  line-height: 1.3;
  margin: 1.5em 0;
  overflow: auto;
  padding: 0;
  position: relative;
  tab-size: 2;
  word-break: normal;
}
pre[data-rel] {
  padding-top: 25px;
}
pre:before {
  background-color: #666;
  color: white;
  content: attr(data-rel);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 13px;
  height: 20px;
  left: 0;
  line-height: 20px;
  padding: 1px 0;
  position: absolute;
  text-indent: 15px;
  top: 0;
  width: 100%;
}
pre code {
  background: none;
  display: block;
  font-family: "Source Code Pro", Menlo, Consolas, Monaco, monospace;
  font-size: 13px;
  overflow: auto;
  padding: 10px 15px;
  white-space: pre;
}

.has-tooltip {
  cursor: help;
  position: relative;
}

.hover-tooltip {
  background-color: #444;
  border: 0;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0;
  color: #fff;
  left: 5%;
  margin-top: -25px;
  opacity: 0;
  padding: 5px 10px;
  position: absolute;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
  top: 0;
  transition: all 0.5s ease-out;
  width: 90%;
  z-index: -1;
}

.has-tooltip:hover .hover-tooltip {
  display: block;
  margin-top: -50px;
  opacity: 1;
  z-index: 10;
}

.hover-tooltip:after {
  border-color: #444 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  bottom: -20px;
  content: "";
  height: 0;
  left: calc(50% - 5px);
  position: absolute;
  width: 0;
}

@media only screen and (min-width: 40em) {
  .hover-tooltip {
    left: 30%;
    width: 40%;
  }
}
@media (min-width: 61.25rem) {
  #facebook-likebox {
    background-color: #fff;
    border-color: #335f9d;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    margin-top: -246px;
    padding: 5px;
    position: fixed;
    right: -352px;
    top: 50%;
    width: 352px;
    z-index: 6;
  }
  #facebook-likebox-button {
    background-color: #335f9d;
    background-image: url(../../images/f.png);
    border-radius: 5px 0 0 5px;
    color: #fff;
    display: block;
    height: 32px;
    left: -33px;
    padding: 0;
    position: absolute;
    top: -1px;
    width: 32px;
  }
  #facebook-likebox iframe {
    display: block;
  }
}
.news-section {
  display: flex;
  flex-wrap: wrap;
}
.news-section .news-article {
  height: 200px;
  margin: 1%;
  position: relative;
  width: 100%;
}
.news-section .news-article a:after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.news-section .news-article .news-image {
  display: block;
  height: inherit;
  overflow: hidden;
}
.news-section .news-article .news-image img {
  height: 100%;
  margin-left: 0;
  margin-top: 0;
  position: relative;
  transition: all 0.2s;
  width: 100%;
  object-fit: cover;
}
.news-section .news-article .news-header {
  background-color: transparent;
  bottom: 0;
  color: #fff;
  display: flex;
  height: 100%;
  padding: 0;
  position: absolute;
  width: 100%;
}
.news-section .news-article .news-header h4 {
  font-size: 18px;
  font-size: 1.125rem;
  align-self: flex-end;
  background-image: linear-gradient(transparent, rgba(42, 56, 69, 0.4) 34%, rgba(42, 56, 69, 0.8));
  font-weight: 700;
  margin: 0;
  padding: 3rem 0.5rem 0.5rem;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  width: 100%;
}
.news-section .news-article .news-header h4 a {
  color: inherit;
  font-size: inherit;
}
.news-section .news-article .news-header h4 a:hover {
  text-decoration: none;
}
.news-section .news-article .news-lead {
  display: none;
}
.news-section .news-article.google-ad {
  height: auto;
}
.news-section .news-article.google-ad > span {
  margin: 0;
}
.news-section .google-ad > div {
  border: 0;
  display: flex;
  justify-content: center;
  margin: 0;
}

.news .news-category {
  margin-bottom: 1em;
}
.news .news-category h3 {
  align-items: center;
  background-image: linear-gradient(90deg, rgba(136, 176, 75, 0.05), rgba(136, 176, 75, 0.3));
  display: flex;
  font-size: 24px;
  padding: 3px 10px 8px;
}
.news .news-category h3 img {
  margin-right: 0.75em;
}
.news .news-category h3 a {
  display: inline-block;
  line-height: 1;
}

.header-poradniki {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

#conatinerBlog .nav-sec {
  margin-bottom: 1.5em;
}
#conatinerBlog .nav-sec .nav-cat {
  align-items: stretch;
}
#conatinerBlog .nav-sec .nav-cat .nav-item {
  flex: 1 0 auto;
  text-align: center;
}

.header-poradniki-text {
  align-items: center;
  background-color: #5f7a34;
  border-radius: 3px 0 0 3px;
  display: flex;
  flex: 1 0 auto;
  width: 100%;
}
.header-poradniki-text h2 {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  margin: 0 auto;
  padding: 0.25em 0.5em;
  text-transform: uppercase;
}

.header-poradniki-search {
  flex: 0 0 auto;
  margin: 1em auto 0;
}
.header-poradniki-search #blogForm {
  width: 100%;
}
.header-poradniki-search .field-search-text {
  margin: 0;
}

.article-news [id] {
  scroll-margin-top: calc(70px + 1rem);
}

@media (min-width: 40rem) {
  .news-section .news-article {
    margin: 0.75%;
    height: 268px;
  }
  .news-section .news-article:first-child h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .news-section .news-article:first-child ~ .news-article {
    width: 48.5%;
  }
  .header-poradniki-text {
    width: initial;
  }
  .header-poradniki-text h2 {
    font-size: 28px;
    margin: 0;
  }
  .header-poradniki-search {
    margin: 0 0 0 0.25em;
  }
}
@media (min-width: 48rem) {
  .news-section .news-article {
    height: 268px;
    margin: 0.5%;
  }
  .news-section .news-article h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .news-section .news-article:first-child h4 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .news-section .news-article:first-child ~ .news-article {
    width: 32.3%;
  }
}
@media (min-width: 61.25rem) {
  .news-section .news-article .news-lead {
    font-size: 12px;
    font-size: 0.75rem;
    background-color: rgba(42, 56, 69, 0);
    bottom: 0;
    display: block;
    left: 0;
    line-height: 1.4;
    margin: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    transition: background-color 0.2s ease-out, max-height 0.2s ease-out;
  }
  .news-section .news-article .news-lead:before {
    background-color: #2a3845;
    content: "";
    display: block;
    height: 10px;
    left: 0;
    position: absolute;
    top: 100px;
    width: 100%;
  }
  .news-section .news-article .news-lead:after {
    background: linear-gradient(to right, rgba(42, 56, 69, 0), #2a3845 50%);
    bottom: 0;
    content: "";
    height: 1.7em;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    transition: opacity 0.2s ease-out;
    width: 70%;
  }
  .news-section .news-article:first-child {
    width: 49%;
  }
  .news-section .news-article:first-child ~ .news-article {
    width: 24%;
  }
  .news-section .news-article:hover {
    z-index: 2;
  }
  .news-section .news-article:hover .news-image img {
    height: 110%;
    margin-left: -5%;
    margin-top: -5%;
    max-width: 110%;
    width: 110%;
  }
  .news-section .news-article:hover .news-lead {
    background-color: #2a3845;
    max-height: 95px;
    padding: 0.5rem 10px 0.25rem;
  }
  .news-section .news-article:hover .news-lead:after {
    opacity: 1;
  }
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .news-section .news-article .news-image img {
    height: 100%;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translate(-50%, 0);
    width: auto;
  }
  .news-section .news-article:first-child .news-image img {
    height: auto;
    width: 100%;
  }
}
.ie8 .news .news-category h3 {
  background-color: #e6efd8;
}

.news-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25em;
}
.news-list .news-article {
  background-color: #757575;
  flex-basis: auto;
  margin: 5px 1.5%;
  overflow: hidden;
  position: relative;
  width: 47%;
}
.news-list .news-article a {
  color: #444;
}
.news-list .news-article img {
  display: block;
}
.news-list .news-article .news-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0.5em;
  transition: margin-bottom 0.2s ease-out;
}
.news-list .news-article .news-lead {
  bottom: -110px;
  height: 65px;
  margin: 1em 1em 0.5em 0;
  overflow: hidden;
  position: absolute;
  transition: bottom 0.2s ease-out;
}
.news-list .news-article:first-child {
  height: 200px;
  width: 99%;
}
.news-list .news-article:first-child a {
  display: block;
  height: 200px;
}
.news-list .news-article:first-child img {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.news-list .news-article:first-child .news-image {
  display: block;
  height: 200px;
}
.news-list .news-article:first-child .news-header {
  background-color: transparent;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0.8));
  bottom: 0;
  padding: 15% 0.5em 0.5em;
  position: absolute;
  width: 100%;
}
.news-list .news-article:first-child .news-header .news-title {
  color: #fff;
}

@media screen and (min-width: 640px) {
  .news-list .news-article {
    height: 200px;
    margin: 5px 0.8%;
    width: 31.7%;
  }
  .news-list .news-article .news-image {
    height: 100%;
    left: 0;
    min-height: 250px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .news-list .news-article .news-image img {
    height: 100%;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translate(-50%, 0);
  }
  .news-list .news-article .news-header {
    background-color: transparent;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0.8));
    bottom: 0;
    color: #fff;
    height: auto;
    margin: 0;
    padding: 15% 1em 1em;
    position: absolute;
    width: 100%;
  }
  .news-list .news-article .news-header .news-title {
    color: #fff;
    font-size: 18px;
    margin: 0;
  }
  .news-list .news-article:first-child {
    height: 250px;
    width: 100%;
  }
  .news-list .news-article:first-child img {
    height: auto;
    left: 0;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
  }
  .news-list .news-article:first-child .news-title {
    font-size: 24px;
    padding: 0 0.25em 0.5em;
  }
  .news-list .news-article:hover .news-lead {
    bottom: 10px;
  }
  .news-list .news-article:hover .news-title {
    margin-bottom: 70px;
  }
}
@media screen and (min-width: 960px) {
  .news-list .news-article {
    height: 250px;
    margin: 5px 0.4%;
    width: 24.17%;
  }
  .news-list .news-article:first-child {
    min-height: 220px;
    width: 49.17%;
  }
}
.news h2 a,
.news h3 a {
  color: #444;
}
.news > .box {
  margin-bottom: 2em;
}

.blog-wrapper .blog-article {
  flex: 1 0 1%;
}
.blog-wrapper .blog-article h1,
.blog-wrapper .blog-article h2,
.blog-wrapper .blog-article h3,
.blog-wrapper .blog-article h4 {
  font-weight: 700;
}
.blog-wrapper .blog-article .article-source {
  margin: 1rem 0;
}
.blog-wrapper .blog-article .article-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.blog-wrapper .blog-article .article-header .social-buttons {
  flex-grow: 1;
}
.blog-wrapper .blog-article .article-header > p {
  flex: 1 0 100%;
}
.blog-wrapper .blog-article .social-button {
  background-size: 30px;
  border-radius: 3px;
  display: inline-flex;
  float: none;
  height: 30px;
  line-height: 30px;
  padding-left: 30px;
}
.blog-wrapper .blog-article .social-twitter {
  background-position-y: -30px;
}
.blog-wrapper .blog-article .article-title {
  flex: 1 0 100%;
}
.blog-wrapper .blog-article .article-publish {
  align-items: flex-start;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin: 0.5rem 0;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
}
.blog-wrapper .blog-article .article-authors {
  display: flex;
  flex-wrap: wrap;
}
.blog-wrapper .blog-article .article-author-header {
  font-weight: 600;
  width: 100%;
}
.blog-wrapper .blog-article .article-author-box {
  align-items: flex-end;
  display: flex;
  margin: 0.25rem 1rem 0.25rem 0;
}
.blog-wrapper .blog-article .article-author-box img {
  align-self: center;
  border: 1px solid #88b04b;
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}
.blog-wrapper .blog-article .article-author-title {
  font-size: 0.8125rem;
  line-height: 1;
}
.blog-wrapper .blog-article .article-author {
  color: #444;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}
.blog-wrapper .blog-article .article-image {
  flex: 0 0 100%;
  margin: 1em auto;
}
.blog-wrapper .blog-article .article-status {
  font-weight: 600;
  width: 100%;
}
.blog-wrapper .blog-article .article-lead {
  flex: 1 0 100%;
  margin: 0 0 0.5rem;
}
.blog-wrapper .blog-article .article-dates {
  margin: 0.5rem 0;
}
.blog-wrapper .blog-article .article-pub-date,
.blog-wrapper .blog-article .article-upd-date {
  display: flex;
  line-height: 1.3;
  margin: 0 0.5rem 0 0;
}
.blog-wrapper .blog-article .article-pub-date dd,
.blog-wrapper .blog-article .article-upd-date dd {
  font-weight: 600;
}
.blog-wrapper .blog-article .article-recommendations strong {
  font-weight: 600;
}
.blog-wrapper .blog-article .article-title {
  order: 1;
}
.blog-wrapper .blog-article .article-status {
  order: 2;
}
.blog-wrapper .blog-article .article-publish {
  order: 5;
}
.blog-wrapper .blog-article .article-lead {
  order: 7;
}
.blog-wrapper .blog-article .article-authors {
  order: 3;
}
.blog-wrapper .blog-article .article-image {
  order: 8;
}
.blog-wrapper .blog-article .social-buttons {
  order: 9;
}
.blog-wrapper .blog-article .article-recommendations {
  order: 6;
}
.blog-wrapper .blog-article .article-menu > ul {
  margin: 1em 0;
  padding: 0;
}
.blog-wrapper .blog-article .article-menu > ul li {
  font-weight: 700;
  list-style: none;
  margin: 0.25rem 0;
  padding-left: 2rem;
}
.blog-wrapper .blog-article .article-menu > ul li a {
  position: relative;
}
.blog-wrapper .blog-article .article-menu > ul li a:before {
  background: #88b04b;
  border-radius: 100%;
  content: "";
  height: 13px;
  left: -1.5em;
  position: absolute;
  top: 3px;
  width: 13px;
}
.blog-wrapper .blog-article .article-footer {
  align-items: center;
  border-width: 0 0 1px;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 0.5rem 0;
}
.blog-wrapper .blog-article .article-footer .social-buttons {
  flex: 1 0 auto;
}
.blog-wrapper .blog-article .article-genus {
  flex: 2 1 1%;
  margin-bottom: 1rem;
  width: 100%;
}
.blog-wrapper .blog-article .article-genus,
.blog-wrapper .blog-article .social-buttons {
  width: 100%;
}
.blog-wrapper .blog-article .article-cats,
.blog-wrapper .blog-article .article-tags {
  font-size: 14px;
  font-size: 0.875rem;
}
.blog-wrapper .blog-article .article-cats a,
.blog-wrapper .blog-article .article-tags a {
  display: inline-block;
  margin-left: 0.5em;
}
.blog-wrapper .blog-article .article-statement {
  border: 1px solid #ccc;
  border-width: 1px 0;
  flex: 0 0 100%;
  margin: 0 0 0.25rem;
  padding: 0.25rem 0;
  width: 100%;
}
.blog-wrapper .blog-article .article-statement p {
  font-style: italic;
  line-height: 1.2;
  font-size: 14px;
  font-size: 0.875rem;
}
.blog-wrapper .blog-article .article-content {
  margin-bottom: 2em;
  margin-bottom: 2rem;
}
.blog-wrapper .blog-article #kontenerSzukanieLekow .search-content {
  margin: 1em auto;
  padding: 0.25em 1em;
}
.blog-wrapper .blog-article #kontenerSzukanieLekow .search-inner:before {
  background-position: 2.5em 2.5em;
}
.blog-wrapper .blog-article .article-recommendations {
  align-self: flex-end;
  flex-direction: row;
  margin-top: 0.5rem;
  width: 100%;
}
.blog-wrapper .blog-article .article-recommendations img {
  align-self: baseline;
}
.blog-wrapper .blog-list {
  flex: 0 0 310px;
}

.more-articles a {
  display: block;
  height: 150px;
  margin: 0 auto 1em;
  overflow: hidden;
  position: relative;
}
.more-articles a img {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 0;
}
.more-articles a p {
  background-color: transparent;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0.8));
  bottom: 0;
  color: #fff;
  font-weight: 700;
  margin: 0;
  padding: 15% 10px 10px;
  position: absolute;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
}

.video-link a {
  float: none;
  height: 207px;
  margin: 0 auto 1em;
  max-width: 100%;
  width: 310px;
}

@media (max-width: 61.187rem) {
  .blog-article #kontenerSzukanieLekow {
    margin-left: auto;
  }
  .blog-article #kontenerSzukanieLekow .search-inner:before {
    background-image: none;
  }
  .blog-article .search-content {
    width: 100%;
  }
}
@media (min-width: 48rem) {
  .blog-wrapper {
    display: flex;
  }
  .blog-wrapper .blog-article p,
  .blog-wrapper .blog-article li {
    font-size: 16px;
    font-size: 1rem;
  }
  .blog-wrapper .blog-article .article-genus {
    flex: 1 1 0;
    margin-bottom: 0;
    width: auto;
  }
  .blog-wrapper .blog-article .social-buttons {
    width: auto;
  }
  .blog-wrapper .blog-article .article-header .social-buttons {
    margin-top: 1rem;
    text-align: right;
    width: auto;
  }
  .blog-wrapper .blog-article .article-footer .social-buttons {
    flex-grow: 0;
    text-align: right;
    white-space: nowrap;
    width: auto;
  }
  .blog-wrapper .blog-article .search-container {
    margin: 1em auto;
  }
  .blog-wrapper .blog-article .search-container p {
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .blog-wrapper .blog-list {
    margin-left: 1.5em;
    width: 310px;
  }
}
@media (min-width: 61.25rem) {
  .blog-wrapper .blog-article .social-buttons {
    order: 4;
  }
}
@media (min-width: 40rem) and (max-width: 47.937rem) {
  .more-articles a {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    min-width: 0;
    width: 48%;
  }
}
.news-wrapper {
  margin-bottom: 1em;
}
.news-wrapper .article-lead {
  font-weight: 700;
}
.news-wrapper .article-content > h1,
.news-wrapper .article-content > h2,
.news-wrapper .article-content > h3,
.news-wrapper .article-content > h4,
.news-wrapper .article-content > h5,
.news-wrapper .article-content > h6 {
  font-weight: 700;
  margin: 1.25em 0 0.75em;
  padding: 0;
}
.news-wrapper .article-footer {
  border: 1px solid #ccc;
  border-width: 1px 0;
  margin: 1em 0;
  padding: 0.5em 1em;
}
.news-wrapper .article-cats,
.news-wrapper .article-tags {
  font-size: 16px;
}
.news-wrapper .article-cats a,
.news-wrapper .article-tags a {
  display: inline-block;
  margin-right: 5px;
}
.news-wrapper .article-menu {
  margin: 1em 0;
}
.news-wrapper .article-menu li {
  color: #88b048;
}
.news-wrapper h1 {
  margin-bottom: 0.5em;
  padding-right: 0;
}
.news-wrapper .article-news {
  margin-bottom: 1.5em;
}
.news-wrapper .article-news figure:not(.th-avatar) {
  margin: 1em auto;
  text-align: center;
}
.news-wrapper .article-news figure:not(.th-avatar) img {
  width: 100%;
}

.blog-content figure:not(.th-avatar) {
  margin: 1em auto;
  text-align: center;
}
.blog-content figure:not(.th-avatar) img {
  width: 100%;
}

@media screen and (max-width: 979px) {
  .news-wrapper .article-news .article-content > h1 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .news-wrapper .article-news .article-content > h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .news-wrapper .article-news .article-content > h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .news-wrapper .article-news .article-content > h4 {
    font-size: 16px;
    font-size: 1rem;
  }
  .news-wrapper .article-news .article-content > h5 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
  }
  .news-wrapper .article-news .article-content > h6 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 100;
  }
  .news-wrapper .article-news .article-content p,
  .news-wrapper .article-news .article-content li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 980px) {
  .news-wrapper {
    float: left;
    max-width: 625px;
  }
  .news-wrapper .article-news > h1 {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .news-wrapper .article-news > h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .news-wrapper .article-news > h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .news-wrapper .article-news > h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .news-wrapper .article-news > h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .news-wrapper .article-news > h6 {
    font-size: 16px;
    font-size: 1rem;
  }
  .news-wrapper .article-news p,
  .news-wrapper .article-news li {
    font-size: 16px;
    font-size: 1rem;
  }
  .blog-list {
    float: right;
    width: 310px;
  }
}
@media screen and (min-width: 1100px) {
  .news-wrapper {
    max-width: 740px;
  }
}
.more-articles a {
  display: block;
  height: 150px;
  margin: 0 auto 1em;
  overflow: hidden;
  position: relative;
}
.more-articles a img {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 0;
}
.more-articles a p {
  font-size: 16px;
  font-size: 1rem;
  background-color: transparent;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.4) 34%, rgba(0, 0, 0, 0.8));
  bottom: 0;
  color: #fff;
  font-weight: 700;
  margin: 0;
  padding: 15% 10px 10px;
  position: absolute;
  width: 100%;
}

@media screen and (min-width: 640px) and (max-width: 979px) {
  .more-articles a {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    min-width: 0;
    width: 48%;
  }
}
.video-link a {
  float: none;
  height: 207px;
  margin: 0 auto 1em;
  max-width: 100%;
  width: 310px;
}

.pull-in {
  background-color: #f6f6f6;
  border-left: 6px solid #88b048;
  margin: 1.5em 0 1.5em 1em;
  padding: 0.5em 0.5em 0.5em 1em;
}
.pull-in p {
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  font-weight: 700;
}
.pull-in p a {
  display: block;
  margin-left: 0.5em;
}

section.linki-seo {
  background-color: #34495e;
  margin-bottom: -2em;
  margin-left: -1em;
  margin-right: -1em;
  max-width: none;
  padding: 1em;
}
section.linki-seo > div.box {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
}
section.linki-seo h3 {
  color: #fff;
  font-size: 13px;
}
section.linki-seo a {
  color: #eee;
  display: block;
  font-size: 11px;
  line-height: 1.3;
  padding-left: 10px;
}

.krok {
  padding: 0.5em 0;
}

.krok-count a {
  display: block;
}

.krok-count span {
  display: inline-block;
  font-size: 32px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  margin-right: 0.15em;
  vertical-align: middle;
}

.krok-count {
  float: left;
  margin-right: 1em;
  margin-top: 1px;
}

.krok-count a {
  outline: 0;
  text-decoration: none;
}

.krok-head * {
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

.krok-head p {
  font-size: 14px;
  font-size: 0.875rem;
}

.krok-head h2 {
  font-size: 16px;
  font-size: 1rem;
  color: #666;
}

.icon-krok {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  height: 32px;
  padding: 7px;
  text-indent: 0;
  vertical-align: middle;
  width: 32px;
}

.icon-checkmark {
  font-size: 24px;
  font-size: 1.5rem;
  height: 24px;
  padding: 0;
  width: 24px;
}

.krok .icon-checkmark {
  display: none;
  float: right;
}

.krok .icon-checkmark,
.krok .krok-count *,
.krok .krok-head h2,
.krok .krok-head p {
  color: #999;
}

.krok-ready .icon-checkmark,
.krok-ready .krok-count *,
.krok-sended .icon-checkmark,
.krok-sended .krok-count *,
.krok-selected .krok-count *,
.krok-status .krok-count * {
  color: #88b04b;
}

.krok-ready .icon-checkmark,
.krok-sended .icon-checkmark {
  display: block;
}

.krok-selected .icon-krok,
.krok-status .icon-krok {
  background-color: #88b04b;
  border-color: #88b04b;
  color: #fff;
}

.krok-ready .krok-head h2,
.krok-ready .krok-head p,
.krok-status .krok-head h2,
.krok-status .krok-head p,
.krok-selected .krok-head h2,
.krok-selected .krok-head p {
  color: #444;
}

.krok-ready #krok_1_pomin,
.krok-ready + div #krok_1_pomin_m,
.krok-sended #krok_1_pomin,
.krok-sended + div #krok_1_pomin_m,
.krok-skipped #krok_1_pomin,
.krok-skipped + div #krok_1_pomin_m {
  display: none;
}

@media screen and (min-width: 960px) {
  .krok {
    padding: 0.3em 0 0.5em 0;
  }
  .krok-count span {
    font-size: 64px;
    font-size: 4rem;
    height: 55px;
    line-height: 0.76em;
  }
  .krok-head p {
    font-size: 14px;
    font-size: 0.875rem;
  }
  .krok-head h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .icon-krok {
    font-size: 24px;
    font-size: 1.5rem;
    height: 48px;
    margin: 0 8px;
    padding: 11px 11px 0;
    width: 48px;
  }
  .icon-checkmark {
    font-size: 48px;
    font-size: 3rem;
    height: 48px;
    margin: 0;
    padding: 0;
    width: 48px;
  }
  .krok-head * {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
  .krok-head h2 span,
  .krok-head h2 span b {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.hover-tooltip {
  display: none;
}

.has-tooltip .hover-tooltip {
  display: block;
}

#krok_1.krok-selected #krok_1_tytul_wybrane,
#krok_1.krok-selected #krok_1_opis_niewybrane_link,
#krok_1.krok-selected #krok_1_opis_wybrane,
#krok_1.krok-selected #krok_1_opis_wybrane_link,
#krok_1.krok-skipped #krok_1_tytul_wybrane,
#krok_1.krok-skipped #krok_1_opis_niewybrane,
#krok_1.krok-skipped #krok_1_opis_wybrane,
#krok_1.krok-skipped #krok_1_opis_wybrane_link,
#krok_1.krok-ready #krok_1_tytul_niewybrane,
#krok_1.krok-ready #krok_1_opis_niewybrane,
#krok_1.krok-ready #krok_1_opis_niewybrane_link,
#krok_1.krok-ready #krok_1_opis_wybrane,
#krok_1.krok-sended #krok_1_tytul_niewybrane,
#krok_1.krok-sended #krok_1_opis_niewybrane,
#krok_1.krok-sended #krok_1_opis_niewybrane_link,
#krok_1.krok-sended #krok_1_opis_wybrane_link,
#krok_2.krok-unactive #krok_2_tytul_wybrane,
#krok_2.krok-unactive #krok_2_opis_niewybrane_link,
#krok_2.krok-unactive #krok_2_opis_wybrane,
#krok_2.krok-unactive #krok_2_opis_wybrane_link,
#krok_2.krok-selected #krok_2_tytul_wybrane,
#krok_2.krok-selected #krok_2_opis_niewybrane_link,
#krok_2.krok-selected #krok_2_opis_wybrane,
#krok_2.krok-selected #krok_2_opis_wybrane_link,
#krok_2.krok-ready #krok_2_tytul_niewybrane,
#krok_2.krok-ready #krok_2_opis_niewybrane,
#krok_2.krok-ready #krok_2_opis_niewybrane_link,
#krok_2.krok-ready #krok_2_opis_wybrane,
#krok_2.krok-sended #krok_2_tytul_niewybrane,
#krok_2.krok-sended #krok_2_opis_niewybrane,
#krok_2.krok-sended #krok_2_opis_niewybrane_link,
#krok_2.krok-sended #krok_2_opis_wybrane_link,
#krok_3.krok-unactive #krok_3_tytul_wyslane,
#krok_3.krok-unactive #krok_3_tytul_status,
#krok_3.krok-unactive #krok_3_opis_status,
#krok_3.krok-unactive #krok_3_opis_gotowa,
#krok_3.krok-selected #krok_3_tytul_wyslane,
#krok_3.krok-selected #krok_3_tytul_status,
#krok_3.krok-selected #krok_3_opis_status,
#krok_3.krok-selected #krok_3_opis_gotowa,
#krok_3.krok-status #krok_3_tytul_niewyslane,
#krok_3.krok-status #krok_3_tytul_wyslane,
#krok_3.krok-status #krok_3_opis_rezerwacja,
#krok_3.krok-status #krok_3_opis_gotowa,
#krok_3.krok-sended #krok_3_tytul_niewyslane,
#krok_3.krok-sended #krok_3_tytul_status,
#krok_3.krok-sended #krok_3_opis_status,
#krok_3.krok-sended #krok_3_opis_rezerwacja,
#krok_3.krok-sended #krok_3_opis_status,
#krok_4.krok-unactive #krok_4_tytul_aktywny,
#krok_4.krok-unactive #krok_4_opis_aktywny,
#krok_4.krok-unactive #krok_4_opis_zrealizowane,
#krok_4.krok-awaiting #krok_4_tytul_aktywny,
#krok_4.krok-awaiting #krok_4_opis_aktywny,
#krok_4.krok-awaiting #krok_4_opis_zrealizowane,
#krok_4.krok-selected #krok_4_tytul_nieaktywny,
#krok_4.krok-selected #krok_4_opis_nieaktywny,
#krok_4.krok-selected #krok_4_opis_zrealizowane,
#krok_4.krok-status #krok_4_tytul_nieaktywny,
#krok_4.krok-status #krok_4_opis_aktywny,
#krok_4.krok-status #krok_4_opis_nieaktywny {
  display: none;
}

.cart-count {
  font-size: 10px;
  font-size: 0.625rem;
  background-color: #88b04b;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 18px;
  line-height: 17px;
  margin: 0;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 5px;
  width: 18px;
  z-index: 1;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.partners {
  margin: 0 auto 1em;
  width: 320px;
}

.partners:after {
  clear: both;
  content: "";
  display: table;
}

.partners article {
  float: left;
  height: 202px;
  height: auto;
  margin: 0 4px 1em;
  width: 302px;
}

.partners article div {
  border: 1px solid #ccc;
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: all 0.2s ease-out;
  width: 300px;
}

.partners article ul {
  height: auto;
  list-style: none;
  overflow: auto;
  padding: 0.75em;
  position: relative;
  top: 0;
  transition: all 0.2s ease-out;
  width: 300px;
  z-index: 1;
}

@media only screen and (min-width: 15em) {
  .partners article:nth-child(odd) {
    clear: left;
  }
}
@media only screen and (min-width: 40em) {
  .partners {
    width: 640px;
  }
  .partners article {
    margin: 0 8px 1em;
  }
}
@media only screen and (min-width: 60em) {
  .partners {
    width: 100%;
  }
  .partners article {
    height: 200px;
    margin: 6px;
    position: relative;
    width: 32%;
  }
  .partners article:nth-child(odd) {
    clear: none;
  }
  .partners article div {
    background: #fff;
    height: 200px;
    text-align: center;
    width: 100%;
  }
  .partners article ul {
    height: 200px;
    position: absolute;
    top: 200px;
    width: 90%;
  }
  .partners article:hover {
    z-index: 10;
  }
  .partners article div:after {
    background-color: rgba(255, 255, 255, 0.9);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .partners article:hover div {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    height: calc(200px + 2em);
    margin: -1em;
    padding: 1em;
    width: calc(100% + 2em);
  }
  .partners article:hover div:after {
    opacity: 1;
  }
  .partners article:hover ul {
    top: 1em;
  }
}
.partners p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 76px 0;
  text-align: center;
}

.partners p.two-lines {
  padding: 67px 0;
}

.probiotyk {
  background-image: linear-gradient(to bottom, #fff 0, #fff 105px, #deeaf6 200px, #aad5ea 100%);
  border: 1px solid #aad5ea;
  overflow: hidden;
  padding: 15px;
}

.probiotyk a {
  background-image: linear-gradient(to top, #cb3042, #db9a94);
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  padding: 0.5em 1em;
  text-transform: uppercase;
}

.probiotyk-img,
.probiotyk-link {
  text-align: center;
}

.probiotyk-text {
  margin-bottom: 1em;
}

.probiotyk-text .h2 {
  margin-top: 0;
}

@media screen and (min-width: 640px) {
  .probiotyk {
    background-image: linear-gradient(to right, #fff 0, #fff 135px, #deeaf6 200px, #aad5ea 100%);
  }
  .probiotyk-img {
    float: left;
    padding-right: 1em;
  }
}
@media screen and (min-width: 960px) {
  .probiotyk {
    display: table;
    padding: 0;
  }
  .probiotyk .h2 {
    color: #145f8d;
  }
  .probiotyk-img,
  .probiotyk-text,
  .probiotyk-link {
    display: table-cell;
    float: none;
    padding: 0.25em 1em;
    vertical-align: middle;
  }
  .probiotyk-text {
    vertical-align: top;
  }
  .probiotyk-img {
    width: 120px;
  }
  .probiotyk-link {
    width: 200px;
  }
}
.content:after {
  clear: both;
  content: "";
  display: block;
}

.shortcuts {
  font-size: 14px;
  font-size: 0.875rem;
  background-color: #5f7a34;
  color: #fff;
  margin-bottom: -2rem;
  overflow: hidden;
  padding-bottom: 1em;
}
.shortcuts li {
  line-height: 1.5;
}
.shortcuts h3 {
  color: #fff;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0;
  text-transform: uppercase;
}
.shortcuts h3:after {
  background-color: #88b04b;
  content: "";
  display: block;
  height: 3px;
  margin-bottom: 30px;
  margin-top: 12px;
  width: 30px;
}
.shortcuts a {
  color: inherit;
  font-size: inherit;
}
.shortcuts h4,
.shortcuts .h4 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: inherit;
  margin: 0;
}
.shortcuts aside {
  margin-top: 3em;
}

@media (min-width: 40rem) {
  .shortcuts {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .shortcuts aside {
    float: left;
    width: 50%;
  }
  .shortcuts aside:nth-child(odd) {
    clear: left;
  }
}
@media (min-width: 61.25rem) {
  .shortcuts aside:nth-child(odd) {
    clear: none;
  }
}
@media (min-width: 80rem) {
  .shortcuts {
    background-size: auto;
  }
  .shortcuts .content {
    padding: 5em 1em;
  }
  .shortcuts aside {
    float: left;
    width: 25%;
  }
  .shortcuts aside:nth-child(odd) {
    clear: none;
  }
  .shortcuts aside:nth-child(n) {
    margin-top: 0;
  }
  .shortcuts aside.cols3 {
    margin-bottom: 3em;
  }
  .shortcuts aside.cols3:nth-child(3n+1) {
    clear: left;
    width: 42%;
  }
  .shortcuts aside.cols3:nth-child(3n+2) {
    width: 33%;
  }
  .shortcuts aside.cols3:nth-child(3n+3) {
    width: 25%;
  }
  .shortcuts aside.cols3:nth-child(n+4) {
    margin-bottom: 0;
  }
}
.btn-ktomalek,
.btn-ktomalek:hover {
  background: #88b04b url(../../images/logo-m.png) center 10px no-repeat;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.1;
  margin: 20px 0;
  min-height: 70px;
  min-width: 50%;
  padding: 70px 10px 10px 10px;
  position: relative;
  text-decoration: none;
}

@media only screen and (min-width: 40em) {
  .btn-ktomalek,
  .btn-ktomalek:hover {
    background-position: 20px center;
    padding: 21px 25px 21px 121px;
  }
}
.ui-widget {
  font-family: inherit !important;
}
.ui-widget table {
  display: table;
}
.ui-widget thead {
  display: table-header-group;
}
.ui-widget tfoot {
  display: table-footer-group;
}
.ui-widget tbody {
  display: table-row-group;
}
.ui-widget colgroup {
  display: table-column-group;
}
.ui-widget col {
  display: table-column;
}
.ui-widget tr {
  display: table-row;
}
.ui-widget td {
  display: table-cell;
}
.ui-widget a {
  color: #2c729b;
}

.ui-dialog-titlebar-close .ui-button-text {
  height: 1px;
  overflow: hidden;
  width: 1px;
}

.ui-autocomplete {
  background-image: none;
  border: 1px solid #aaa;
  border-width: 1px;
  box-shadow: 2px 6px 10px 2px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete:before {
  background-color: #fff;
  content: "";
  height: 3px;
  position: absolute;
  top: -3px;
  width: 100%;
}
.ui-autocomplete .ui-menu-item {
  background-image: none;
  border: 0;
  line-height: 1.2;
  padding: 0;
}
.ui-autocomplete .ui-menu-item a {
  background-color: #fff;
  border: 1px solid #fff;
  border-width: 1px 0;
  display: block;
  padding: 4px 10px;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
  background-color: transparent;
  background-image: none;
  border: 0;
  font-weight: 400;
  padding: 1px;
}
.ui-autocomplete .ui-menu-item.ui-state-focus a,
.ui-autocomplete .ui-menu-item a:hover {
  background-color: #eee;
  border-color: #ddd;
  color: #222;
  text-decoration: none;
}
.ui-autocomplete .icon-16 {
  color: #0070a5;
}
.ui-autocomplete .extended {
  color: #444;
  display: block;
  font-size: 13px;
}
.ui-autocomplete div.extended {
  margin-left: 20px;
}

.ui-tabs.ui-widget-content {
  background-image: none;
  border-width: 0;
  color: inherit;
  padding: 0;
}

.jcrop-holder {
  margin: auto;
}

#avatarCropper {
  max-height: 250px;
}

.ui-dialog {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000000000;
}
.ui-dialog .ui-dialog-titlebar {
  flex-shrink: 0;
}
.ui-dialog .ui-dialog-title {
  line-height: 1.2;
}
.ui-dialog .ui-dialog-content {
  flex: 1 1 auto;
  max-height: 85vh !important;
}
.ui-dialog .ui-widget-header {
  color: #fff;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tl {
  border-top-left-radius: 6px;
}

.ui-widget-overlay {
  background: #000000;
  filter: Alpha(Opacity=40);
  opacity: 0.4;
}

.question-box-container {
  background-image: url("../../images/qanda-bgr.png");
  background-position: center top;
  margin-bottom: 1em;
  margin-top: -1em;
  margin-top: -1rem;
}

.question-box {
  height: 200px;
  margin: 0 -0.5em;
  overflow: hidden;
}
.question-box .field-area {
  background-image: none;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding: 1em 0 0;
  width: 100%;
}
.question-box .field-area > div {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  padding: 0.5em 1em 0.5em;
  width: 90%;
}
.question-box .field-area textarea {
  background-color: transparent;
  border: 0;
  height: 70px;
  margin-bottom: 0.5em;
  min-height: 80px;
  overflow: auto;
  resize: none;
}
.question-box h1 {
  color: #444;
  margin: 0;
  padding: 0;
}

.ie8 .question-box .field-area textarea,
.ie9 .question-box .field-area textarea {
  background-color: #fff;
}

@media (min-width: 40rem) {
  .question-box {
    height: 260px;
  }
  .question-box .field-area {
    background-image: url(../../images/qanda-person.png);
    background-position: 95% 100%;
    max-width: none;
    padding-right: 180px;
  }
  .question-box .field-area textarea {
    height: 140px;
  }
  .question-box .field-area div {
    background-repeat: no-repeat;
    max-width: 700px;
  }
  .question-box .field-area h1 {
    margin-top: 0;
  }
}
@media (min-width: 48rem) {
  .question-box {
    height: 299px;
  }
  .question-box h1 {
    font-size: 26px;
    margin: 0.5em 0;
  }
  .question-box .field-area textarea {
    height: 160px;
  }
}
@media (min-width: 61.25rem) {
  .question-box {
    max-width: 830px;
  }
}
.q-and-a {
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 2em;
  margin-bottom: 2rem;
  position: relative;
}
.q-and-a p {
  margin: 0;
}
.q-and-a a,
.q-and-a button,
.q-and-a input {
  position: relative;
  z-index: 1;
}
.q-and-a .panel-link {
  color: #444;
  position: static;
  text-decoration: none;
}
.q-and-a .q-and-a-top {
  margin: 0.75em 1em 0.5em;
  margin: 0.75rem 1rem 0.5rem;
}
.q-and-a .q-and-a-top h3 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: bold;
}
.q-and-a .q-and-a-bottom {
  background-color: #f6f6f6;
  border-radius: 0 0 4px 4px;
  border-top: 1px solid #ddd;
  padding: 0.75em 1em 0.7rem;
  padding: 0.75rem 1rem 0.75rem;
}
.q-and-a .q-and-a-bottom .answer-best {
  margin-top: 1em;
  overflow: hidden;
}
.q-and-a .q-and-a-bottom .answer-best a {
  position: relative;
  z-index: 1;
}
.q-and-a .q-and-a-bottom .answer-count {
  color: #4b6d38;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.q-and-a .q-and-a-bottom.q-and-a-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.q-and-a .q-and-a-bottom.q-and-a-flex div {
  align-self: flex-start;
  flex-grow: 1;
}
.q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-person {
  margin: 0.5em 0;
  margin: 0.5rem 0;
  order: 2;
}
.q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-pharmacy {
  order: 3;
}
.q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-thanks {
  order: 1;
}
.q-and-a .like {
  color: #4b6d38;
}
.q-and-a .q-and-a-box-footer {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #6C6C6C;
  margin-top: 0.5em;
  margin-top: 0.5rem;
}
.q-and-a .q-and-a-box-footer:after {
  content: "";
  display: table;
  clear: both;
}
.q-and-a .q-and-a-box-footer p:first-child {
  float: left;
  padding-top: 0.1em;
  padding-top: 0.1rem;
}
.q-and-a .q-and-a-box-footer p + p {
  float: right;
}
.q-and-a .q-and-a-box-footer p + p span {
  font-size: 14px;
  font-size: 0.875rem;
  color: #444;
}

@media (min-width: 40rem) {
  .q-and-a .q-and-a-bottom.q-and-a-flex {
    flex-direction: row;
  }
  .q-and-a .q-and-a-bottom.q-and-a-flex div {
    align-self: center;
  }
  .q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-person {
    margin: 0;
    order: 1;
  }
  .q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-thanks {
    order: 2;
    width: auto;
  }
  .q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-pharmacy {
    order: 3;
  }
}
@media (min-width: 48rem) {
  .q-and-a .panel-link:before {
    border-radius: 6px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 100%;
    top: 0;
    transition: all 0.2s ease-out;
    white-space: nowrap;
    width: 100%;
    z-index: 0;
  }
  .q-and-a .panel-link:hover:before {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  }
  .q-and-a .q-and-a-bottom:after {
    content: "";
    display: table;
    clear: both;
  }
  .q-and-a .q-and-a-bottom.q-and-a-flex div.q-and-a-pharmacy {
    width: 100%;
  }
  .q-and-a .q-and-a-bottom .answer-best {
    margin-left: 120px;
    margin-top: 0;
  }
  .q-and-a .q-and-a-bottom .answer-count {
    float: left;
    margin-top: 0.25em;
    margin-top: 0.25rem;
    width: 100px;
  }
  .q-and-a .q-and-a-bottom .answer-count span {
    display: block;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
  }
}
.qanda-add {
  background-color: #eee;
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  width: 100%;
}

.quanda-img,
.quanda-txt,
.quanda-btn {
  text-align: center;
}

@media (min-width: 48rem) {
  .qanda-add {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
  }
  .quanda-img {
    width: 151px;
  }
  .quanda-txt p {
    font-size: 20px;
  }
  .quanda-btn {
    width: 200px;
  }
}
.box.q-and-a-question {
  background-color: #f4fbe9;
  border-color: #88b04b;
  border-radius: 0;
  border-style: solid;
  border-width: 0 0 0 10px;
  margin: 0 0 1em;
  padding: 0.25em 0.5em 0.25em 2.2em;
  position: relative;
}
.box.q-and-a-question:before {
  color: #444;
  content: "”";
  display: block;
  font-family: serif;
  font-size: 3em;
  font-weight: 700;
  left: 0.1em;
  line-height: 72px;
  position: absolute;
  top: -0.2em;
}
.box.q-and-a-question .q-and-a-question-content {
  font-weight: 700;
  margin: 0.5em 0;
  text-indent: 0;
}

.like {
  color: #4b6d38;
}

.q-and-a-box-footer {
  display: flex;
}
.q-and-a-box-footer p {
  align-self: center;
  color: #595959;
  flex-grow: 1;
  font-size: 13px;
  margin: 0;
}
.q-and-a-box-footer p:last-child:not(:only-child) {
  text-align: right;
}

.q-and-a-responses {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  margin: 0;
  padding: 0.75rem 1rem;
}
.q-and-a-responses .answer-best {
  margin-top: 1em;
  overflow: hidden;
}
.q-and-a-responses .answer-best a {
  position: relative;
  z-index: 1;
}
.q-and-a-responses .answer-count {
  color: #4b6d38;
  font-size: 12px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.q-and-a-responses .q-and-a-box-footer p:last-child:first-child {
  text-align: left;
}

.q-and-a-award {
  align-self: center;
  display: flex;
  justify-content: flex-end;
}
.q-and-a-award a {
  display: block;
}

.q-and-a-respondent {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 0 1.5rem;
  padding: 0.75rem 0.5rem;
}
.q-and-a-respondent div {
  align-self: flex-start;
  flex-grow: 1;
}
.q-and-a-respondent div.q-and-a-avatar {
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-grow: 0;
  margin-right: 0.75rem;
  order: 1;
}
.q-and-a-respondent div.q-and-a-person {
  margin: 0.34rem 0;
  order: 2;
  width: calc(100% - 65px);
}
.q-and-a-respondent div.q-and-a-person p {
  margin: 0;
}
.q-and-a-respondent div.q-and-a-pharmacy {
  margin: 1em 0;
  order: 3;
  width: 100%;
}
.q-and-a-respondent div.q-and-a-thanks {
  order: 4;
  width: 80%;
}
.q-and-a-respondent div.q-and-a-thanks > span {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
}
.q-and-a-respondent div.q-and-a-thanks button {
  margin: 0;
}
.q-and-a-respondent div.q-and-a-award {
  order: 5;
  text-align: right;
  width: 20%;
}
.q-and-a-respondent .q-and-a-pharmacy .p-icon {
  display: inline-block;
}

.q-and-a-question {
  background-color: #f3f7ed;
  border-color: #c6daa8;
  border-left-color: #88b04b;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px 1px 1px 10px;
  margin: 0 0 1.5rem;
  padding: 0.5rem 2rem;
  position: relative;
}
.q-and-a-question > h3 {
  line-height: 1.5;
  margin: 0.25rem 0 0;
  text-indent: 2em;
}
.q-and-a-question > h3 + p {
  font-weight: 700;
  margin: 0.5rem 0;
}
.q-and-a-question > p:first-child {
  font-weight: 700;
  margin: 1rem 0 0.5rem;
  text-indent: 2em;
}
.q-and-a-question:before {
  color: #c1d89e;
  content: "”";
  display: inline-block;
  font-family: serif;
  font-size: 6rem;
  font-weight: 700;
  left: 0.5rem;
  line-height: 1;
  position: absolute;
  top: -0.3rem;
}

.q-and-a-answer {
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0;
  padding: 0.75rem 1rem 0.5rem;
  position: relative;
}

.q-and-a-box {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  margin: 0 0 1.5rem;
  position: relative;
}
.q-and-a-box a,
.q-and-a-box button,
.q-and-a-box input {
  position: relative;
  z-index: 1;
}
.q-and-a-box .panel-link {
  color: #444;
  position: static;
  text-decoration: none;
}
.q-and-a-box .q-and-a-responses {
  border-top-width: 0;
  position: relative;
}
.q-and-a-box .q-and-a-responses:before {
  background-color: #f3f7ed;
  border-color: #c6daa8;
  border-left-color: #88b04b;
  border-style: solid;
  border-width: 0 1px 1px 10px;
  content: "";
  display: block;
  height: 6px;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -6px;
}
.q-and-a-box .q-and-a-question {
  margin: 1rem 0 0;
  position: unset;
}
.q-and-a-box .q-and-a-question:before {
  left: 1.1rem;
}

.q-and-a-counter {
  counter-reset: section;
  margin-top: 1.5em;
}
.q-and-a-counter .q-and-a-box:before {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #767676;
  content: counter(section);
  counter-increment: section;
  font-size: 14px;
  font-weight: 700;
  height: 28px;
  left: -6px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -6px;
  width: 28px;
  z-index: 2;
}

@media (max-width: 47.937rem) {
  .q-and-a-respondent div.q-and-a-thanks {
    width: 60%;
  }
  .q-and-a-respondent div.q-and-a-award {
    width: 40%;
  }
  .q-and-a-respondent div.q-and-a-award a img {
    height: 33px;
  }
}
@media (min-width: 48rem) {
  .q-and-a-responses .answer-best {
    margin-left: 120px;
    margin-top: 0;
  }
  .q-and-a-responses .answer-count {
    float: left;
    margin-top: 0.25rem;
    width: 100px;
  }
  .q-and-a-responses .answer-count span {
    display: block;
    font-size: 48px;
    font-weight: bold;
    line-height: 1;
  }
  .q-and-a-respondent {
    flex-direction: row;
    padding: 0.75rem 1rem;
  }
  .q-and-a-respondent div.q-and-a-avatar {
    order: 1;
  }
  .q-and-a-respondent div.q-and-a-person {
    flex-grow: 1;
    order: 2;
    width: auto;
  }
  .q-and-a-respondent div.q-and-a-pharmacy {
    border-top: 1px dotted #ccc;
    margin-bottom: -0.5rem;
    order: 5;
    padding-top: 0.5rem;
    width: 100%;
  }
  .q-and-a-respondent div.q-and-a-thanks {
    flex-grow: 0;
    order: 4;
    width: auto;
  }
  .q-and-a-respondent div.q-and-a-thanks button {
    margin: 0.55rem 0 0.55rem 0.5rem;
  }
  .q-and-a-respondent div.q-and-a-award {
    margin-right: 1rem;
    order: 3;
  }
  .q-and-a-box .panel-link:before {
    border-radius: 6px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 100%;
    top: 0;
    transition: all 0.2s ease-out;
    white-space: nowrap;
    width: 100%;
    z-index: 0;
  }
  .q-and-a-box .panel-link:hover:before {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  }
}
.social-button {
  background-color: #888;
  background-image: url(../../images/social-buttons-2.0.svg);
  background-position-x: 0;
  background-repeat: no-repeat;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 1%;
  padding-left: 40px;
  padding-right: 10px;
  text-align: left;
}
.social-button:first-child {
  margin-left: 0;
}

.social-facebook {
  background-color: #3c57a8;
  background-position-y: 0;
}

.social-twitter {
  background-color: #2daae2;
  background-position-y: -30px;
}

.social-link {
  background-position-y: -120px;
}

.social-count {
  float: right;
}

.social-2 button {
  margin-left: 1%;
  width: 49.5%;
}

@media screen and (max-width: 639px) {
  .social-2 button {
    margin-left: 2%;
    padding-right: 10px;
    width: 49%;
  }
}
.qanda {
  background-color: #88b04b;
  border-radius: 10px 10px 0 0;
  bottom: 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  height: 45px;
  line-height: 1;
  padding: 0;
  position: fixed;
  right: 165px;
  text-align: center;
  transition: all 0.3s ease-out;
  z-index: 101;
}

.qanda-a {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 100%;
  min-width: 150px;
  position: relative;
  text-decoration: none;
  width: 100%;
}

.qanda-a:before {
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAJm0lEQVR42u2YA5AkTbtGT5a6Whhrbem3bdu2bdu2P9u27bUtjduoynxvx8RGR68dvCfiGTRPGvw/R0Fd8q3Xc4K4SqlZwLOBlwMLgSiwB1gC3As8KiLrgQAQjgGb48epizwL+C3wM+ANwBygFUgCPfvkXgt8CHgOMCjCVsBwFNSFX38tx4iq06EUPwA+AkQ4dgxwocCPjDEbjlRb6vyvveaYasVS6qUofgPM48RZh8jHjJF7Dyelzv3KqzgKnmVZ71XweyDNybNd4APGmLsOJaXO/vIrOQxRBX2WUq9HqR8DcU4dy0XkXcBKDkCd9cWXcwj6LMv6DPAOEZnC6eFMEfk8UKAJdeYXXsYBdIH6J/BGTj+vBrmpuenUfz/7EpqIKKW+Bvyk8QJAOG1cISIfBrKN0WOMoYkJdaGP0oQRwVIKVY/IKVd7PTAVeKJRAf/61AvZhwW8Ezi/aeKhFmoqlQoR1yHiR0AABARQClCgYN9foABAjKBFAFAckfcD5zZqSDdqiDjwAppQAMaQbm2nXC4zPJLFc2w81wUFxhiCWkBoDEYbAi1jj9mOTSaVxHMdGp9/mA6gUOMAmpqs8YIEMKv5pToMsF2Xpz316cTicdauXcOOHTvJZbMEOsR1XTLtvSSSKSKxOK7rUQsCtm/bxtZtm+jIJEkl4mOSACIGlGqWoVit+vsJaW0aHRroaW6uSrVKZ0sb48ePI5VK0dXZidEBuwZGKBsb34+SaW2ho6sL17HJjmapVmuAsPixR7ntxuuo1jSxqI+lwHNttNaNRrQtRaFSc/YTCsOw8bdlWUkaCHVZWuoSm3b3M7RiHUPDo6QTcZ77rCcTa+lGLAfl+zz4wEM89vBjZDIZurs7SSUTTJ41h2dpzT03XU+7bREawQ9s4p6DQRBADITh/qPKahpNljbGq4exaAMownyJaL7I3EyS54zrZPvjS7jwP+dRyI2gHIsll1zBlb/+Iy25HC+a1Mfz+rqY5NrIth3M9KKkExn6c0V0pczAcI7hXB6tNRhDaDQ1rXP715DWTT2uSVAp/HKV1sEsQWKAFSM5skSId3UzvTVO7v6HGa2GtDgOn/rqZykZi8eGCmxZ/QTTki7T58wmOmh45qadDJWKTP/Qe0gunM+Khx5g86qlWBZoUVQDM1APDaGmqUUbYyo0hITQthmNeTy6vZ9ZL34r19+7nJsefIjfv/eFTG33CbSF39FGOHEmo+U4f/3Nv1j8+CM8d3YvT9m8jTd1tNMykmX8m17LlNe9Dj8ao7utnatHh9izbRNFbVELzfZDNlkQBhVt9PZ6qAeMMFKtUimXeOPLX8wr3vAmdDLF9Kc+lUmzF+F1thOdOI7q6ChtdaF03yRmLJiJRKM84zWv590veykZC3q+9WX6PvhexBjK+RypdAttnd2ERihWg2yo5dBCRpvReh6oh3qQekIFu7MFrL27CG4/j+89uZO/vWIWk/tXEYQGO5MBFPnl99Mzso7XTu3glx99PZ9+ch/dyRjRBQvpeNELcAEThgiAAtu2qIa6LqTvFGGQJpxyudFKBeBKQT4DOEYplBhGwxplPNyyoi8oYySgls7gtHehXBcnnSa3dAmWWcwL7AhO3KX8xDIqUY/orKmYWg0xBgDbdjDaUMzlyJZq1EL7VsFka5rmPiQ0sdKIXALybgALKJaKFFwLb8pEVLlMTcqMLSG2iwQB/sTx+JMnYhnwagrLKHwFgaMJVTj2GgDHtnE9j9VLH2fD+nXkK7oYKvshEE0T6tuvnckBPFvgGgVtCmGkUOJZz30Br3/Vy1FKCIIABViej4qlwbIbS4KlLDCCiIBSCAKA57nk8kXuvPMult13G0PZAqOB81elrG8BhaOdOraDlIyYFyGWGwZBXarClKmT6WjNEIQaUBAGmGoZ5XggIIGmmi+DBZbnICJjiXgeKIuzz7+Y6y6/BM9RZLVbCLR8B1jPAVgcAhHOMEb+HegwjPo+u7Zv5+77H6VSC/BjEWoDBfLr85B36gkgq1CjEbY+uJ7yaG5s/QOwlMKPRlmyfCWPPvww7akYJe1SqJp/I/LE8ZzLAiXyqIEJCpnv2bBm804yre3MmDoBXauwd0uBtgXPx++cjBNvx4rEce0K8b4MYgSAVCLBnv4B/nPGOQzv3EQiEae/YLYLfAXYySGwODxDiHwjCPWVnuvi6jIXXn49jzyxmsy4TsbNb6W8aTnltWspLVlCceUjpCeksFwXjCEa9SmUSpx70ZWsWb6UjnScoZKhauSvlmItwPEKAexA5PPVILy8LRWlku3n7+dcyl33LyU9rpVUa4lwcBnaGcKZ1YbxXSTURCKRsf3T/865mOuvv4HetEcoilzVbBaRGwF9MkfpnBF5INSmLxOPzBscHOSxlRsJtKJ3cg9tM8cRmzye0ICEprHVvfHWu/nXGefRl3LpSvvsLRgKgToH5GJAn1gNNdeUsr5UC/R549riuJUhLr38Gn72x3P5+/+uYPni1ehqjWq1ihjD8MgIt919P74K6GmJUK6F1EJBG7MCqAKcrBDAblBfrYX6uvpoMZ2+Zu3Kpfz1jIs485yLSMQ8Io6FYxlKxZLs2LzRpFUJEwSICBYGY8QAnCohgL0i6ieVINwblrJ0xcy2cePGl9onzmLVzgJBYhyxWc+la8EL1Gve+dFVU2YtPL+Qz+d1UCUeUShkarGq1akUIj8yuGN0sH9w/JynnfOyD3/nwbd/7Isy+2kvYkgyLNkywkOPrYd4F2//2Jd63/Cl38yd/eK3l4qForHKI2R89V5BPZkjoD7+nF6Ok+++8v2f/8CiF72xf89IYUoyHuvs7Gi3vEiEMAjYtXMHlXIFz/cJxKZcyBZX3nKePHj12dZorhwLXP8qbO/TwO5DCt17w6UcA09dv/jB542bNve50xY+88XjpkyL5wtVZ8mSxWr+vDl0dLRTLBaJRqOM7XsqFeq1wrKVK2lpaZMpEyaYnRuW7Vn+wK1/WH7/rTdkh/ZuBiqHFMrnixyAAhLAq4HXodQcHQR9QpCI+MmYZTsohIH+flavWcOihQtoa2ulUCjg+z6u6wKwZ08/TyxeTEd7O3PmzMWP+mEYVFaN7N39ceBhDoMDAHhAGogCKeAbwNsAFxHL8Tws5WOMQYeVsS8tFItobWg6tTSO2vXHGB4eRkSwbBttNEG16hhYkO7su8xxvA8Btx1O6FnAXqAX2AycD8wHBKVEKaXFGDSGxvG6VhurEdu2GkKq6QAYBAH5fA6Ugn13A0YEYwxgenUY/g14C7CCA/g/AGfKVQuhcaMAAAAASUVORK5CYII=");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 9px 0 0 0;
  content: "";
  display: block;
  height: 44px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 40px;
}

.qanda-div {
  height: 100%;
  left: 0;
  padding-left: 40px;
  position: absolute;
  top: 0;
  width: 100%;
}

.qanda-text,
.qanda-hover {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.qanda-text {
  font-size: 13px;
  line-height: 18px;
  margin: 0;
  padding: 5px 0;
  position: absolute;
}

.qanda-hover {
  display: none;
}

@media screen and (min-width: 640px) and (max-width: 1279px) {
  .qanda {
    height: 45px;
    left: auto;
    right: 330px;
    width: 270px;
  }
  .qanda-a {
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .qanda-a:before {
    background-size: 32px;
    height: 45px;
    width: 40px;
  }
  .qanda-div {
    transition: top 0.2s ease-out;
  }
  .qanda-text,
  .qanda-hover {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 45px;
    letter-spacing: 1px;
    line-height: 45px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
  .qanda-hover {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 0;
  }
  .qanda:hover div {
    top: -45px;
  }
}
@media screen and (min-width: 1280px) {
  .qanda {
    border-radius: 10px 0 0 10px;
    bottom: 580px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
    height: 80px;
    left: auto;
    right: -210px;
    width: 290px;
  }
  .qanda-a {
    height: 80px;
    width: 100%;
  }
  .qanda-a:before {
    height: 40px;
    width: 78px;
  }
  .qanda-div {
    padding-left: 0;
  }
  .qanda-text {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0;
    padding: 2px 0;
    top: 42px;
    width: 80px;
  }
  .qanda-hover {
    display: block;
    font-size: 14px;
    left: 100px;
    line-height: 1.5;
    position: absolute;
    top: 5px;
  }
  .qanda:hover {
    right: 0;
  }
}
#hecon-hr {
  bottom: 460px;
  margin: 0;
  padding: 0;
  position: fixed;
  right: -53px;
}

@media screen and (min-width: 1280px) {
  .hecon-animation {
    animation-delay: 8s;
    animation-duration: 5s;
    animation-iteration-count: 1;
    animation-name: hecon;
    animation-timing-function: linear;
    position: absolute !important;
    top: -110px;
  }
  @keyframes hecon {
    0% {
      right: -53px;
    }
    10% {
      right: 0;
    }
    90% {
      right: 0;
    }
    100% {
      right: -53px;
    }
  }
}
.notifications .image {
  background-color: #88b04b;
  color: #fff;
  line-height: 1.2;
  margin: -0.5em -1em 0.5em;
}
.notifications button {
  padding: 5px 20px;
}
.notifications .ui-dialog-titlebar {
  display: none;
}
.notifications .ui-dialog-content {
  height: auto !important;
}

.header-strap {
  color: #fff;
}
.header-strap .content {
  align-items: center;
}

.footer-links p {
  margin: 12px 0 40px;
}

@media only screen and (min-width: 48em) {
  .footer-langs p {
    margin: 7px 0;
  }
  .footer-copy p {
    line-height: 28px;
    margin: 7px 0;
  }
  .footer-links p {
    margin: 12px 120px;
  }
}
.naganiacz {
  border-radius: 5px;
  color: #fff;
  margin-bottom: 1em;
  width: 100%;
}
.naganiacz .box {
  padding: 0.5em 0.5em;
}
.naganiacz img + p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
}
.naganiacz .box > div {
  text-align: center;
}
.naganiacz .sticky {
  border-radius: 0 0 5px 5px;
  padding: 0.5em 0.5em;
}
.naganiacz .sticky p {
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 5px;
  text-align: center;
}
.naganiacz .sticky a {
  background-color: #e01b22;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
.naganiacz .sticky a:hover {
  text-decoration: none;
}

#naganiaczSticky {
  height: inherit;
  max-width: calc(1100px - 1em);
  transition: box-shadow 0.2s ease-out;
  width: inherit;
}
#naganiaczSticky.stick {
  box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.2);
  margin-top: 0 !important;
  position: fixed;
  top: 0;
  width: calc(100% - 1em);
  z-index: 10000;
}

.anchor {
  height: 0;
  margin-top: -135px;
  position: absolute;
}

@media (min-width: 48rem) {
  .naganiacz .sticky {
    border-radius: 0 0 5px 5px;
    padding: 0.5em 1.2em;
  }
  .naganiacz .sticky p {
    float: left;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0;
  }
  .naganiacz .sticky a {
    float: right;
    padding: 8px 30px;
  }
  .anchor {
    margin-top: -115px;
  }
}
@media (min-width: 61.25rem) {
  .naganiacz .sticky p {
    font-size: 22px;
    margin: 4px 0;
  }
}
.naganiacz {
  background-color: #88b04b;
}
.naganiacz .sticky {
  background-color: #759740;
}

.naganiacz-kml {
  background-color: #88b04b;
}
.naganiacz-kml .sticky {
  background-color: #4a6728;
}

.naganiacz-lbk {
  background-color: #006cb7;
}
.naganiacz-lbk .sticky {
  background-color: #005793;
}

.naganiacz-tele {
  background-image: url(../../images/n-lbk-bgr.png), linear-gradient(45deg, rgb(20, 125, 156) 0%, rgb(10, 69, 91) 35%, rgb(1, 33, 55) 85%);
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #fff;
  max-width: 1100px;
  min-width: 300px;
  position: relative;
  width: 100%;
}
.naganiacz-tele p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 0;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(1, 33, 55, 0.75);
}
.naganiacz-tele .flex {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: space-around;
  padding: 160px 0 16px;
}
.naganiacz-tele .flex div {
  flex: 0 1 auto;
  text-align: center;
}
.naganiacz-tele a {
  color: #fff;
  text-decoration: none;
}
.naganiacz-tele a:hover {
  text-decoration: underline;
}
.naganiacz-tele a:before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

@media (min-width: 40rem) {
  .naganiacz-tele {
    background-position: 100% center;
    background-size: auto 100%;
  }
  .naganiacz-tele .mob\:o {
    display: none;
  }
  .naganiacz-tele .flex {
    padding: 30px 0;
    width: 60%;
  }
}
@media (min-width: 48rem) {
  .naganiacz-tele .flex {
    padding: 15px 0 16px;
    width: 80%;
  }
  .naganiacz-tele .flex div {
    padding: 0 20px;
  }
  .naganiacz-tele p {
    font-size: 18px;
  }
}
.slick {
  margin: 1.5em 0 1.5em 8%;
  width: 84%;
}
@media screen and (min-width: 640px) {
  .slick {
    margin-left: 6%;
    width: 88%;
  }
}
@media screen and (min-width: 768px) {
  .slick {
    margin-left: 5%;
    width: 90%;
  }
}
@media screen and (min-width: 960px) {
  .slick {
    margin-left: 3%;
    width: 94%;
  }
}

.home-screen {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 10001;
}
.home-screen > div {
  background-color: #fff;
  box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.5);
  display: table;
  margin: 0 auto;
}
.home-screen > div > div {
  display: table-cell;
  vertical-align: middle;
}
.home-screen > div button {
  margin: 0;
  text-align: left;
}
.home-screen > div img {
  margin: 1em;
}

.price-coma,
.price-zl,
.price-gr {
  display: inline-block;
  line-height: 1;
}

.price-zl,
.price-coma {
  font-size: 48px;
  font-size: 3rem;
  display: inline-block;
  font-weight: 700;
}

.price-gr {
  font-size: 24px;
  font-size: 1.5rem;
  display: inline-block;
  font-weight: 700;
  padding-top: 5px;
  vertical-align: top;
}

.price-coma {
  opacity: 0;
  width: 1px;
}

.price-currency {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
}

.smaller {
  color: gray;
}
.smaller .price-zl,
.smaller .price-coma {
  font-size: 32px;
  font-size: 2rem;
}
.smaller .price-gr,
.smaller .price-currency {
  font-size: 16px;
  font-size: 1rem;
}

.mod-price {
  color: #a00;
  margin: 0;
}
.mod-price sup {
  color: #444;
}
.mod-price + p + .mod-price {
  margin-top: 1.5em;
}

[class*=mod-] * {
  transition: all 0.2s ease-out;
}

.mod-3 {
  cursor: pointer;
  height: auto;
  margin-bottom: 1em;
  position: relative;
  z-index: 0;
}
.mod-3 > div {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #444;
  margin: 0 5px;
  max-height: 100%;
  overflow: hidden;
}
.mod-3 > div.mod-animate .mod-section {
  display: block;
  margin: 10px 0 0;
  padding: 10px 15px;
}
.mod-3 > div.mod-animate .mod-section dl {
  margin: 0;
}
.mod-3 .mod-header {
  margin: 10px 15px;
  min-height: 240px;
  position: relative;
}
.mod-3 .mod-image {
  max-height: 100%;
}
.mod-3 .mod-image img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
}
.mod-3 .mod-caption {
  background-color: #e6e6e6;
  background-color: rgba(220, 220, 220, 0.75);
  bottom: -15px;
  left: -15px;
  margin: 0;
  padding: 10px 15px;
  position: absolute;
  right: -15px;
}
.mod-3 .mod-caption p {
  margin: 0;
}
.mod-3 .mod-title {
  margin: 0;
  padding-right: 75px;
}
.mod-3 .mod-section {
  display: none;
}
.mod-3 .mod-price {
  position: absolute;
  right: 10px;
  text-align: right;
  top: 10px;
}

@media (max-width: 61.187rem) {
  .mod-3:nth-child(even) {
    clear: left;
  }
}
@media (min-width: 61.25rem) {
  .mod-3 {
    height: 265px;
  }
  .mod-3:focus {
    z-index: 1;
  }
  .mod-3:focus > div.mod-animate {
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    margin: -25px -15px;
    max-height: 500%;
    padding: 10px 15px;
  }
  .mod-3:focus > div.mod-animate .mod-caption {
    margin: 0 -15px;
    padding: 10px 35px;
  }
  .mod-3:focus > div.mod-animate .mod-image {
    margin: 0 5px;
  }
  .mod-3:focus > div.mod-animate .mod-section {
    padding: 10px 15px;
  }
}
.available {
  background-color: #aaa;
  border: 1px solid #aaa;
  border-radius: 3px;
  height: 10px;
  margin: 0.5em auto;
  max-width: 300px;
  overflow: hidden;
  position: relative;
  width: 80%;
}

.available.available\:l {
  border-radius: 10px;
  height: 20px;
}

.available:before {
  content: " ";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}

.available-hard:before {
  background-color: #c00;
  width: 25%;
}

.available-weak:before {
  background-color: #f78042;
  width: 50%;
}

.available-easy:before {
  background-color: #ffba1b;
  width: 75%;
}

.available-well:before {
  background-color: #23bd00;
  width: 100%;
}

.available span {
  display: block;
  height: 100%;
  width: 100%;
}

.available span:before,
.available span:after,
.available:after {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 25%;
  position: absolute;
  top: 0;
  width: 1px;
}

.available span:before {
  left: 50%;
}

.available span:after {
  left: 75%;
}

.counter {
  display: flex;
  justify-content: center;
  text-align: center;
}
.counter .less,
.counter .more {
  background-color: #eee;
  border: 1px solid #949494;
  border-radius: 3px 0 0 3px;
  color: #eee;
  position: relative;
  transition: none;
}
.counter .less i,
.counter .more i {
  color: #0070a5;
  font-size: 30px;
  height: 30px;
  position: relative;
  transition: none;
  width: 30px;
}
.counter .less i:before,
.counter .more i:before {
  left: -1px;
  position: relative;
  top: -1px;
  transition: none;
}
.counter .less:hover,
.counter .more:hover {
  background-color: #0070a5;
}
.counter .less:hover i,
.counter .more:hover i {
  color: #fff;
}
.counter .more {
  border-radius: 0 3px 3px 0;
}
.counter .less + input[type=number] {
  font-size: 16px;
  font-size: 1rem;
  border-color: #949494;
  border-radius: 0;
  border-width: 1px 0;
  color: #444;
  display: inline;
  float: none;
  font-weight: 700;
  height: 32px;
  margin: 0;
  padding: 1px 6px;
  text-align: center;
  width: 40px !important;
}
.counter .less + input[type=number], .counter .less + input[type=text] {
  padding: 3px 6px;
  width: 40px !important;
}
.counter[class*=field-text] > input:focus {
  border-color: #ccc;
  box-shadow: none;
}

.mod-4 {
  margin-bottom: 1em;
}
.mod-4 .counter {
  margin-bottom: 0;
}
.mod-4 article {
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
  position: relative;
}
.mod-4 article + article {
  border-radius: 0;
  border-top-width: 0;
}
.mod-4 select {
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%226%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22%23444%22%20d%3D%22M0%200l4.5%206L9%200z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);
  border: 1px solid #949494;
  color: #0070a5;
  display: inline-block;
  float: none;
  height: 24px;
  max-width: 250px;
  padding-bottom: 0;
  padding-top: 0;
  width: 100%;
}
.mod-4 select option {
  color: #444;
}
.mod-4 .mod-4-warning {
  background-color: #c23636;
  color: #fff;
  padding: 0.25em 1em;
}

.mod-4-dane {
  display: block;
  float: left;
  padding: 5px 10px;
  width: calc(100% - 60px);
}
.mod-4-dane + .mod-4-usun {
  display: block;
  float: right;
}
.mod-4-dane > span {
  display: block;
}

.mod-4-icon,
.mod-4-foto,
.mod-4-koszt + div,
.mod-4-koszt + .mod-4-usun {
  display: none;
}

.mod-4-koszt {
  clear: both;
}

.mod-4-przeliczanie {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.mod-4-cena,
.mod-4-ilosc,
.mod-4-zamiana {
  display: table-cell;
  padding: 5px 10px;
  vertical-align: middle;
}

.mod-4-cena {
  vertical-align: top;
}

.mod-4-ilosc {
  padding: 0;
  text-align: center;
}

.mod-4-odplatnosc {
  margin: 0 10px;
  text-align: right;
}

.mod-4-usun {
  width: 60px;
}

.mod-4-foto {
  padding: 5px 10px;
  text-align: center;
  width: 100px;
}

.mod-4-nazwa {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.mod-4-koszt-pozycji,
.mod-4-cena-pozycji {
  display: block;
  text-align: right;
}

.mod-4-koszt-pozycji {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
}

.mod-4-cena-pozycji {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 3.5;
}
.mod-4-cena-pozycji + .mod-4-cena-pozycji {
  line-height: 1.5;
}

.mod-4-opakowanie,
.mod-4-rodzaj {
  font-size: 14px;
  font-size: 0.875rem;
}

.mod-4-suma {
  background-color: #f6f6f6;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  border-width: 0 1px 1px;
  color: #444;
  padding: 5px 10px;
  text-align: right;
}
.mod-4-suma span {
  font-size: 14px;
  font-size: 0.875rem;
  display: inline-block;
  margin-right: 0.5em;
}
.mod-4-suma b {
  font-size: 24px;
  font-size: 1.5rem;
}

.mod-4-extend .mod-4-ilosc button.link-icon {
  margin: 0 27px;
}

@media (min-width: 40rem) {
  .mod-4-foto {
    display: block;
    float: left;
  }
  .mod-4-dane {
    width: calc(100% - 160px);
  }
  .mod-4-icon {
    display: table-cell;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    width: 100px;
  }
  .mod-4-zamiana i.icon-24 {
    display: none;
  }
}
@media (max-width: 47.937rem) {
  .mod-4-cena {
    width: 150px;
  }
  .mod-4-ilosc {
    text-align: right;
  }
  .mod-4-ilosc .counter {
    display: inline-block;
  }
}
@media (min-width: 48rem) {
  .mod-4 article {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .mod-4-foto,
  .mod-4-dane,
  .mod-4-koszt {
    border-right: 1px solid #ccc;
  }
  .mod-4-koszt {
    padding: 0;
  }
  .mod-4-koszt + .mod-4-usun {
    padding: 0 10px;
    width: 80px;
  }
  .mod-4-koszt + div {
    display: table-cell;
    padding: 0 10px;
    width: 80px;
  }
  .mod-4-dane + .mod-4-usun {
    display: none;
  }
  .mod-4-dane,
  .mod-4-koszt {
    display: table-cell;
    float: none;
    padding: 5px 10px;
    vertical-align: top;
    width: auto;
  }
  .mod-4-foto,
  .mod-4-koszt + .mod-4-usun {
    display: table-cell;
    float: none;
    vertical-align: middle;
  }
  .mod-4-suma {
    padding-right: 100px;
  }
  .mod-4-icon,
  .mod-4-zamiana {
    border-right: 1px solid #ccc;
  }
}
.ie8 .mod-4-odplatnosc select,
.ie9 .mod-4-odplatnosc select {
  background-color: #fff !important;
  background-image: none;
  border: 1px solid #ccc;
  direction: ltr;
}
.ie8 .counter,
.ie9 .counter {
  display: table;
}
.ie8 .counter button,
.ie8 .counter input,
.ie9 .counter button,
.ie9 .counter input {
  display: table-cell;
}
.ie8 .counter input[type=text],
.ie9 .counter input[type=text] {
  border-radius: 0;
  border-width: 1px 0;
  color: #444;
  font-weight: 700;
  height: 32px;
  margin: 0;
  padding: 1px 6px;
  text-align: center;
  width: 50px !important;
}
.ie8 .counter .less,
.ie8 .counter .more,
.ie9 .counter .less,
.ie9 .counter .more {
  vertical-align: top;
}

.ie8 .mod-4 article {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ie8 .mod-4-foto,
.ie8 .mod-4-dane,
.ie8 .mod-4-koszt {
  border-right: 1px solid #ccc;
}
.ie8 .mod-4-koszt {
  padding: 0;
}
.ie8 .mod-4-dane + .mod-4-usun {
  display: none;
}
.ie8 .mod-4-dane,
.ie8 .mod-4-koszt {
  display: table-cell;
  float: none;
  padding: 5px 10px;
  vertical-align: top;
  width: auto;
}
.ie8 .mod-4-dane {
  width: 440px;
}
.ie8 .mod-4-ilosc .counter {
  margin: 0 auto;
}
.ie8 .mod-4-foto,
.ie8 .mod-4-koszt + .mod-4-usun {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.ie8 .mod-4-koszt + .mod-4-usun {
  padding: 0 10px;
  width: 80px;
}
.ie8 .mod-4-suma {
  padding-right: 100px;
}

select::-ms-value, select::-ms-value:focus {
  background-color: white;
  color: #000;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}

.overlay-box {
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.overlay-page {
  margin-bottom: 1em;
  position: relative;
  z-index: 1000;
}
.overlay-page > div {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.overlay-page:before {
  background-color: rgba(150, 150, 150, 0.4);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}

@media (min-width: 61.25rem) {
  .overlay-page > div {
    margin-bottom: 2em;
    margin-top: 2em;
  }
}
.add {
  text-align: center;
}
.add > div,
.add > div > div {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.add > div > div {
  border: 1px solid #ccc;
}
.add .add-caption {
  font-size: 11px;
  font-size: 0.6875rem;
  display: block;
  font-size: 11px;
  height: 14px;
  line-height: 14px;
  margin-bottom: 2px;
  max-width: 100%;
  text-align: left;
  text-transform: uppercase;
}
.add .add-caption span {
  font-size: 9px;
  font-size: 0.5625rem;
  text-transform: none;
}
.add .add-caption a {
  float: right;
  text-transform: uppercase;
}
.add img {
  height: auto;
  max-width: 100%;
  width: auto;
}
.add a {
  display: block;
}
.add .add-big + .add-button {
  background-image: linear-gradient(rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0));
  border: 0;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin: 5px;
  outline: 0;
  padding: 0.25em 0.75em;
  text-transform: uppercase;
}
.add .add-big + .add-button span {
  font-size: 14px;
  font-weight: 700;
  margin-left: 10px;
  text-align: center;
  text-transform: uppercase;
}
.add .add-big + .add-button:hover {
  background-image: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
}
.add .add-small + .add-big {
  display: none;
}
.add .add-small + .add-big + .add-button {
  border-radius: 50%;
  bottom: -5px;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
  height: 80px;
  margin: 0;
  padding: 0 2px 2px;
  position: absolute;
  right: -5px;
  width: 80px;
}
.add .add-small + .add-big + .add-button:active {
  box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.3);
}
.add .add-small + .add-big + .add-button i {
  position: relative;
  top: -6px;
}
.add .add-small + .add-big + .add-button span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.5px;
  margin-left: 0;
  position: relative;
  top: -5px;
}

@media screen and (min-width: 768px) {
  .add .add-big + .add-button {
    border-radius: 50%;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
    height: 80px;
    margin: 0;
    padding: 0 2px 2px;
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
  }
  .add .add-big + .add-button i {
    position: relative;
    top: -6px;
  }
  .add .add-big + .add-button span {
    display: block;
    font-size: 11px;
    letter-spacing: 0.5px;
    margin-left: 0;
    position: relative;
    top: -5px;
  }
  .add .add-big + .add-button:active {
    box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.3);
  }
  .add .add-small {
    display: none;
  }
  .add .add-small + .add-big {
    display: block;
  }
  .add .add-small + .add-big + .add-button {
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
  }
  .add.add-corner .add-big + .add-button {
    bottom: -5px;
    right: -5px;
    top: auto;
    transform: none;
  }
}
.add-button {
  background-color: #cb3042;
}

.google-ad span {
  color: #999;
  display: block;
  font-family: arial, sans-serif;
  font-size: 10px;
  margin: 10px 0 0;
  text-align: left;
}
.google-ad span span {
  float: right;
  margin: 0;
}
.google-ad > div {
  background-color: #fff;
  border: 0;
  margin: 0 0 20px;
  position: relative;
  text-align: center;
}
.google-ad .add-caption {
  color: #999;
  display: block;
  font-size: 10px;
  margin: 10px 0 0;
}
.google-ad .add-caption a {
  display: inline-block;
  vertical-align: bottom;
}
.google-ad .add-caption span {
  float: right;
}

.sidebar {
  align-items: center;
  animation-direction: normal;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
  animation-name: in-cm;
  animation-timing-function: linear;
  bottom: -500px;
  display: flex;
  height: 0;
  left: 0;
  overflow: visible;
  position: fixed;
  right: 0;
  top: auto;
  width: 100vw;
  z-index: 9999;
}
.sidebar .sidebar-content {
  align-items: flex-end;
  background-color: #88b04b;
  border-radius: 25px 25px 0 0;
  bottom: 0;
  display: flex;
  left: 5px;
  padding: 1px;
  position: absolute;
}
.sidebar .sidebar-content [class*=sidebar-] span ~ img {
  height: 24px;
  max-width: none;
  width: 24px;
}
.sidebar .sidebar-content [class*=sidebar-] .sidebar-icon-on {
  display: none;
}
.sidebar .sidebar-content [class*=sidebar-].hovered a .sidebar-icon-on, .sidebar .sidebar-content [class*=sidebar-].hovered button .sidebar-icon-on,
.sidebar .sidebar-content [class*=sidebar-] > a:focus .sidebar-icon-on,
.sidebar .sidebar-content [class*=sidebar-] > a:hover .sidebar-icon-on,
.sidebar .sidebar-content [class*=sidebar-] > button:hover .sidebar-icon-on {
  display: block;
}
.sidebar .sidebar-content [class*=sidebar-].hovered a .sidebar-icon-off, .sidebar .sidebar-content [class*=sidebar-].hovered button .sidebar-icon-off,
.sidebar .sidebar-content [class*=sidebar-] > a:focus .sidebar-icon-off,
.sidebar .sidebar-content [class*=sidebar-] > a:hover .sidebar-icon-off,
.sidebar .sidebar-content [class*=sidebar-] > button:hover .sidebar-icon-off {
  display: none;
}
.sidebar .sidebar-content [class*=sidebar-] a,
.sidebar .sidebar-content [class*=sidebar-] button {
  background-color: #fff;
  border: 0;
  border-radius: 27px;
  color: #444;
  cursor: pointer;
  display: block;
  display: flex;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 12px;
  margin: 5px;
  overflow: hidden;
  padding: 5px;
  position: relative;
  text-decoration: none;
}
.sidebar .sidebar-content [class*=sidebar-] a .sidebar-txt-d,
.sidebar .sidebar-content [class*=sidebar-] button .sidebar-txt-d {
  display: none;
}
.sidebar .sidebar-content [class*=sidebar-] a .sidebar-txt-m,
.sidebar .sidebar-content [class*=sidebar-] button .sidebar-txt-m {
  display: inline-block;
  line-height: 1.2;
  margin: -3px 0;
  padding: 0 10px;
  text-align: center;
}
.sidebar .sidebar-content [class*=sidebar-] + [class*=sidebar-] {
  margin-left: -5px;
}
.sidebar .sidebar-content .sidebar-counter {
  background-color: #c00;
  border-radius: 100%;
  color: #fff;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 28px;
  max-height: 28px;
  max-width: 28px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 100%;
}

.sidepanel {
  display: none;
}

@media (min-width: 80rem) {
  .sidebar {
    animation-name: in-c;
    bottom: auto;
    height: 100vh;
    left: auto;
    right: -500px;
    top: 0;
    width: 0;
  }
  .sidebar .sidebar-content {
    border-radius: 30px 0 0 30px;
    bottom: auto;
    flex-direction: column;
    left: auto;
    padding: 4px;
    right: 0;
  }
  .sidebar .sidebar-content [class*=sidebar-] img[class^=sidebar-icon-] {
    height: 32px;
    max-width: none;
    width: 32px;
  }
  .sidebar .sidebar-content [class*=sidebar-] a,
  .sidebar .sidebar-content [class*=sidebar-] button {
    padding: 10px;
  }
  .sidebar .sidebar-content [class*=sidebar-] a .sidebar-txt-d,
  .sidebar .sidebar-content [class*=sidebar-] button .sidebar-txt-d {
    animation-direction: normal;
    animation-duration: 0.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: out-t;
    animation-timing-function: linear;
    display: block;
    font-size: 14px;
    height: auto;
    line-height: 1.3;
    overflow: hidden;
  }
  .sidebar .sidebar-content [class*=sidebar-] a .sidebar-txt-d > span,
  .sidebar .sidebar-content [class*=sidebar-] button .sidebar-txt-d > span {
    animation-direction: normal;
    animation-duration: 0.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: out-b;
    animation-timing-function: linear;
    display: block;
    line-height: 16px;
    padding: 0 7px;
    text-align: center;
    white-space: nowrap;
  }
  .sidebar .sidebar-content [class*=sidebar-] a .sidebar-txt-m,
  .sidebar .sidebar-content [class*=sidebar-] button .sidebar-txt-m {
    display: none !important;
  }
  .sidebar .sidebar-content [class*=sidebar-] a:focus .sidebar-txt-d, .sidebar .sidebar-content [class*=sidebar-] a:hover .sidebar-txt-d,
  .sidebar .sidebar-content [class*=sidebar-] button:focus .sidebar-txt-d,
  .sidebar .sidebar-content [class*=sidebar-] button:hover .sidebar-txt-d {
    animation-duration: 0.25s;
    animation-name: in-t;
    max-width: 500px;
  }
  .sidebar .sidebar-content [class*=sidebar-] a:focus .sidebar-txt-d span, .sidebar .sidebar-content [class*=sidebar-] a:hover .sidebar-txt-d span,
  .sidebar .sidebar-content [class*=sidebar-] button:focus .sidebar-txt-d span,
  .sidebar .sidebar-content [class*=sidebar-] button:hover .sidebar-txt-d span {
    animation-duration: 0.25s;
    animation-name: in-b;
  }
  .sidebar .sidebar-content [class*=sidebar-].hovered a .sidebar-txt-d,
  .sidebar .sidebar-content [class*=sidebar-].hovered button .sidebar-txt-d {
    animation-name: in-t;
    max-width: 500px;
  }
  .sidebar .sidebar-content [class*=sidebar-].hovered a .sidebar-txt-d span,
  .sidebar .sidebar-content [class*=sidebar-].hovered button .sidebar-txt-d span {
    animation-name: in-b;
  }
  .sidebar .sidebar-content [class*=sidebar-] + [class*=sidebar-] {
    margin-left: 0;
  }
  .sidebar .sidebar-content .sidebar-counter {
    line-height: 22px;
    max-height: 22px;
    max-width: 22px;
    right: 5px;
    top: 5px;
  }
}
@keyframes in-b {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes out-b {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes in-t {
  0% {
    max-height: 32px;
    max-width: 0;
  }
  100% {
    max-height: 150px;
    max-width: 500px;
  }
}
@keyframes out-t {
  0% {
    max-height: 150px;
    max-width: 500px;
  }
  100% {
    max-height: 32px;
    max-width: 0;
  }
}
@keyframes in-c {
  0% {
    right: -500px;
  }
  100% {
    right: 0;
  }
}
@keyframes in-cm {
  0% {
    bottom: -500px;
  }
  100% {
    bottom: 0;
  }
}
#chatModal[aria-expanded=false] #toggleChat {
  display: none !important;
}

.sidebar-call-center .sidebar-txt-d .sidebar-image {
  float: right;
}
.sidebar-call-center .sidebar-txt-d .sidebar-image ~ span {
  margin-right: 70px;
}

.expando {
  background-color: #88b04b;
  border-radius: 50%;
  bottom: 20px;
  box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.25);
  color: #464448;
  height: 50px;
  left: 20px;
  overflow: hidden;
  padding: 13px;
  position: fixed;
  transition: 0.2s;
  width: 50px;
  z-index: 1000;
}
.expando.expando\:r {
  left: auto;
  right: 20px;
}
.expando .expando-button {
  border: 0;
  border-radius: 50%;
  bottom: 0;
  color: white;
  font-weight: 400;
  height: 50px;
  line-height: 1;
  outline: none;
  padding: 13px;
  position: absolute;
  right: 0;
  transition: 0.2s;
  user-select: none;
  width: 50px;
  z-index: 1;
}
.expando .expando-button .icon-plus {
  display: none;
}
.expando .expando-button .icon-plus:before {
  display: block;
  transform: rotate(45deg);
}
.expando .expando-button .icon-bubble {
  display: block;
}
.expando .expando-content {
  opacity: 0;
  transition: 0.2s;
  visibility: hidden;
}
.expando .expando-content-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.expando .expando-content-list li {
  align-items: center;
  display: flex;
  margin: 4px 0;
  opacity: 0;
  transform: translateX(20px);
  transition: 0.2s;
}
.expando .expando-content-list li img {
  height: 24px;
  margin-right: 10px;
  width: 24px;
}
.expando .expando-content-list li button,
.expando .expando-content-list li a {
  color: #444;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.expando .expando-content-list li:nth-child(1) {
  transition-delay: 0.08s;
}
.expando .expando-content-list li:nth-child(2) {
  transition-delay: 0.12s;
}
.expando .expando-content-list li:nth-child(3) {
  transition-delay: 0.16s;
}
.expando .expando-content-list li:nth-child(4) {
  transition-delay: 0.2s;
}
.expando .expando-content-list li:nth-child(5) {
  transition-delay: 0.24s;
}
.expando.open {
  background: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  height: auto;
  padding-top: 30px;
  width: 280px;
}
.expando.open .expando-content {
  opacity: 1;
  visibility: visible;
}
.expando.open .expando-button {
  color: #999;
  height: 24px;
  padding: 0;
  right: 6px;
  top: 6px;
  width: 24px;
}
.expando.open .expando-button .icon-plus {
  display: block;
}
.expando.open .expando-button .icon-bubble {
  display: none;
}
.expando.open .expando-content-list li {
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 79.937rem) {
  .expando ~ .sidebar {
    display: none;
  }
}
@media (min-width: 80rem) {
  .expando {
    display: none;
  }
}
.sticky-queue {
  max-width: 650px;
  position: fixed;
  width: 96%;
  z-index: 100;
}
.sticky-queue.bottom-center {
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
}
.sticky-queue .sticky {
  background-color: #ffe19c;
  border: 1px solid #999;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  box-shadow: 0 0 5px #bbb;
  color: #555;
  display: none;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px 10px;
  position: relative;
}
.sticky-queue .sticky-close {
  cursor: pointer;
  height: 14px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 14px;
}
.sticky-queue .sticky-close:before {
  content: "✖";
}

.sticky-bottom {
  align-items: center;
  background: rgb(255, 255, 255);
  bottom: 0;
  box-shadow: rgba(17, 58, 102, 0.45) 0 4px 6px 3px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9998;
}
.sticky-bottom .sticky-content {
  text-align: center;
  width: 100%;
}
.sticky-bottom .sticky-cancel {
  background: #fff;
  border: 0;
  border-radius: 8px 0 0;
  box-shadow: rgba(17, 58, 102, 0.25) -1px -1px 3px;
  color: rgb(0, 0, 0);
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(0%, -100%);
  width: 26px;
  pointer-events: all;
}
.sticky-bottom .sticky-cancel button {
  background-color: transparent;
  border: 0;
  height: 9px;
  left: 50%;
  opacity: 0.99;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
}
.sticky-bottom .sticky-cancel button:focus {
  outline: none !important;
}
.sticky-bottom .sticky-cancel button:after, .sticky-bottom .sticky-cancel button:before {
  background: #000;
  content: "";
  display: inline-block;
  height: 20%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
  width: 125%;
}
.sticky-bottom .sticky-cancel button:after {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}

.phone-msg > .ui-dialog-content {
  padding: 0;
}

.tel-dialog section {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
  max-width: 100%;
  min-height: 350px;
  text-align: center;
}
.tel-dialog section div {
  flex: 0 0 auto;
}
.tel-dialog section div img {
  height: 150px;
}
.tel-dialog section div + div {
  flex: 1 1 auto;
  margin: 1em 0 2em 1em;
}
.tel-dialog p {
  font-size: 0.9375em;
  line-height: 1.3;
}
.tel-dialog .reserve-now {
  border-top: 1px solid #ccc;
  margin-top: 1em;
  padding-top: 1em;
}
.tel-dialog .nr-telefonu {
  display: inline-flex;
  margin: 0 auto;
  width: auto;
}

@media (min-width: 40rem) {
  .tel-dialog section {
    background-image: url(../../images/kml-phone-message-bgr.png);
    background-position: 0 100%;
    background-repeat: no-repeat;
    flex-direction: row;
    max-width: 600px;
  }
  .tel-dialog section div img {
    height: auto;
  }
  .tel-dialog section div + div {
    width: 300px;
  }
}
.submit-section {
  margin: 0 auto 2rem;
  text-align: center;
}

.shop-item {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: 0 0.5rem;
  padding: 0.5rem 0.5rem 0;
  width: 100%;
}

.slick-initialized .slick-slide {
  display: flex;
}

.shop-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.shop-info .item-name {
  font-weight: 700;
  line-height: 1.2;
  margin: 0.5rem 0 0;
  text-align: center;
}
.shop-info .item-info {
  margin-left: 0;
  text-align: center;
}
.shop-info img {
  display: block;
  height: 100px;
  margin: auto;
  transition: height 0.2s;
}
.shop-info .item-data {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}

.shop-reserve {
  align-items: center;
  margin: 0.5rem 0 0;
  text-align: center;
  width: 100%;
}
.shop-reserve .b\:sec {
  margin: 0 0 -1px calc(-0.5rem - 1px);
  max-width: 200%;
  width: calc(100% + 1rem + 2px);
  border-radius: 0 0 3px 3px;
}

.shop-price {
  display: block;
  color: orangered;
  font-size: 1rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
}

#promocja2 img {
  height: auto;
  width: 50%;
}

#promocja2 .shop-reserve {
  flex-direction: column;
  margin: 0.5rem 0;
}

#promocja2 .shop-price {
  margin: 0 0 0.25rem 0;
}

.slick-track {
  align-items: stretch;
  display: flex;
}

.slick-prev,
.slick-next {
  height: 24px;
  width: 24px;
}

@media (max-width: 459px) {
  .shop-info img {
    height: 75px;
  }
  .shop-item {
    margin: 0 3px;
  }
  .item-data {
    align-self: center;
    flex-grow: 1;
  }
}
.hero-container {
  background-image: linear-gradient(#88b04b, #5f8725);
}

.hero {
  display: flex;
  min-height: 420px;
  background-image: url(../../images/img-ad-kml.png);
  background-position: 40px center;
  background-repeat: no-repeat;
  align-items: center;
  padding: 50px;
  justify-content: flex-end;
  border-radius: 8px;
  transition: all 0.2s;
}
.hero > div {
  color: #fff;
  width: 55%;
  text-shadow: 3px 3px 10px rgb(64, 99, 12);
  transition: all 0.2s;
}
.hero h1 {
  font-size: calc(32px + 32 * (100vw - 375px) / 1225);
}
.hero h2 {
  font-size: calc(24px + 8 * (100vw - 375px) / 1225);
}

.slammed-gradient {
  background-image: linear-gradient(176deg, #5f8725, #5f8725 260px, #fff 261px);
}

.ad-grid {
  display: grid;
  grid-template: "a b c";
  grid-auto-rows: auto;
  grid-column-gap: 20px;
}

.panel.col-1,
.panel.col-2,
.panel.col-3 {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  padding: 1rem;
}

.col-1 {
  grid-area: a;
}

.col-2 {
  grid-area: b;
}

.col-3 {
  grid-area: c;
}

@media (max-width: 980px) {
  .hero {
    padding: 10px;
    align-items: flex-start;
    background-size: 300px;
    background-position: center 30px;
  }
  .hero > div {
    width: 100%;
    margin-top: 330px;
  }
}
@media (max-width: 768px) {
  .ad-grid {
    grid-template: "a" "b" "c";
  }
  .panel.col-1,
  .panel.col-2,
  .panel.col-3 {
    margin: 1rem;
  }
}
@media (max-width: 480px) {
  .hero {
    background-size: 200px;
  }
  .hero > div {
    margin-top: 230px;
  }
}
.kontakt {
  padding: 10px 10px 20px;
  font-size: 18px;
}

/* 'mod-panel-leku' */
.mod-panel-leku {
  border-bottom: 1px solid #ddd;
  padding: 0.5rem 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s;
}
.mod-panel-leku:hover {
  border-bottom: 1px solid rgba(255, 255, 255, 0.01);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.mod-panel-leku .mod-image {
  margin: 0 !important;
}
.mod-panel-leku .mod-image a {
  display: block;
  text-align: center;
}
.mod-panel-leku .mod-details {
  flex-grow: 1;
  margin-bottom: 0.75rem;
}
.mod-panel-leku .mod-buttons .b\:tra,
.mod-panel-leku .mod-buttons .b\:sec {
  margin: 0;
}
.mod-panel-leku .mod-cena-suma {
  font-size: 1.25rem;
}

.chat {
  background-color: #fff;
  bottom: 0;
  box-shadow: none;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 14px;
  height: 460px;
  line-height: 1.5;
  max-height: 100%;
  position: fixed;
  right: 0;
  transition: all 0.2s ease-out;
  width: 100%;
  z-index: 10000;
}
@media screen and (min-width: 640px) {
  .chat {
    width: 320px;
  }
  .chat[aria-expanded=false] .chat-toggle {
    width: 300px;
  }
  .chat[aria-expanded=false] .chat-toggle .toggle-div {
    width: 300px;
  }
  .chat[aria-expanded=false] .chat-toggle .toggle-div .toggle-text {
    font-size: 18px;
    line-height: 45px;
    padding: 0;
    transition: all 0.2s ease-out;
  }
  .chat[aria-expanded=false] .chat-toggle:hover .toggle-div .toggle-text {
    margin-top: -45px;
  }
}
@media screen and (min-width: 640px) and (max-height: 460px) {
  .chat {
    width: 80%;
  }
}
@media screen and (min-width: 1280px) {
  .chat[aria-expanded=false] {
    right: -320px;
    top: 100%;
  }
  .chat[aria-expanded=false] .chat-toggle {
    border-radius: 10px 0 0 10px;
    bottom: 380px;
    height: 80px;
    position: fixed;
    right: -210px;
    top: auto;
    transition: right 0.2s ease-out;
    width: 290px;
    z-index: -1;
  }
  .chat[aria-expanded=false] .chat-toggle .chat-icon-bubble {
    height: 40px;
    width: 80px;
  }
  .chat[aria-expanded=false] .chat-toggle .toggle-div {
    border-radius: 9px 0 0 9px;
    bottom: auto;
    height: 80px;
    left: 0;
    padding-left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: 320px;
  }
  .chat[aria-expanded=false] .chat-toggle .toggle-div .toggle-text {
    font-size: 12px;
    height: 40px;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0;
    padding: 4px 0;
    position: absolute;
    top: 40px;
    width: 80px;
  }
  .chat[aria-expanded=false] .chat-toggle .toggle-div .toggle-hover {
    display: block;
    font-size: 14px;
    height: auto;
    left: 90px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 8px;
    width: 190px;
  }
  .chat[aria-expanded=false] .chat-toggle .toggle-div .toggle-hover br {
    display: none;
  }
  .chat[aria-expanded=false] .chat-toggle:hover {
    right: 0;
  }
  .chat[aria-expanded=false] .chat-toggle:hover .toggle-div .toggle-text {
    margin-top: 0;
  }
}
.chat,
.chat * {
  box-sizing: border-box;
}
.chat .chat-box {
  height: 100%;
  position: relative;
  z-index: 0;
}
.chat p {
  font-size: inherit;
  margin: 8px 0;
  text-align: inherit;
}
.chat button,
.chat input,
.chat select,
.chat textarea {
  font-family: inherit;
}
.chat .chat-box {
  background-color: #1e7fc3;
}
.chat .chat-toggle {
  background-color: #1e7fc3;
  overflow: visible;
}
.chat .chat-body,
.chat fieldset {
  background-color: #fff;
  border: 1px solid #ddd;
  border-width: 0 1px;
}
.chat .chat-header {
  background-color: inherit;
  color: #fff;
  height: 30px;
  position: relative;
}
.chat .chat-header > span {
  display: inline-block;
  font-size: 16px;
  line-height: 28px;
}
.chat .chat-header > button {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  float: right;
  height: 30px;
  line-height: 0.9;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 30px;
}
.chat .chat-header > .chat-icon-bubble {
  float: left;
  margin: 6px 10px;
}
.chat [class*=chat-icon-] {
  background-position: 0 100%;
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  margin: 0 7px;
  text-decoration: none;
  width: 16px;
}
.chat .chat-icon-bubble {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAxElEQVR42mP4//8/AxrWAeJZQPwIiP/8h4AfQHwRiIuBWARZPbJGSSBegaQJF/gENYgN2QANID71n3jwB+pKHpBmQSDe8J90ADKkAGSAPxB//08eOM3EwMBgB8QcDOQBNZABUgzkAz6QAc8oMOATyIBDQPyDTANuwQzYSYbmv0C8lCrpADkl7idCM0pKZEFy0gcgfo/DuT+B+CYQLwLihUD8Bi6D5IJYIP6KZEshELNgyWwM2DJTARC/AuLzUOdJEdIIwwDcVhNwBD758QAAAABJRU5ErkJggg==");
}
.chat .chat-icon-close {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAVUlEQVR42oWRAQYAMQwEl/6j5AH9/yP6qD1B3N3ADsAMbRI1Pi4Bl480uinophNvDwXdbHn5vgn09ZKQmFpMqJFA/5Mv0DkIT4RPhjHjouKq47HSuR8q0RRsC0AQBwAAAABJRU5ErkJggg==");
}
.chat .chat-icon-hide {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAyklEQVR4AW3AoWoCARyA8Q8EUV9B0O4DWIWrdgX76tAw2BC2tGpdELNPMIsun0HuDix204bFJ/jG8S8q96OaPdtUsQ5g07ND7pm48KRezD145JYt1z5a2iDYNTekznz3z5DZoeTO8AZg36sfhg1gYvgBcGThHPw2DHBveAXHlibg1JBiangBJ5bG4JdhjwPDFpxbOAIwMySAG8OnV/tgzZVhR8mOmeHXZ5/cGnK7BBsufbS2xS2PHiy8qCcXJtxz6NkmgHWq2LZHpX/zvBGpRdQp6wAAAABJRU5ErkJggg==");
}
.chat .chat-icon-notification-on {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA4UlEQVR42p2MM1Q3ABxFf59t28KY7T3bnvrvztJaU7axn7Rn254yb7Zw33nTg1wKlBlGwVU5CO9pwlTW4RreTFLIzYNxB+ArwmdS+cU3+ok7HG8VHlPIHAaosoyqEET8uroAAF/u4cRNYhnkJjmkCAfx5T3DZHCLcWxxZOhIQQQ1VnlIKcFowXEFN6a4QRn+6LIirBws8ItlFLxlARP8aBY0sVxX3r6Hlzylal1XqSZMtuA62buFH4xRzzu8mOK9yMHKeoGH2HNn3Qu4yH64ThRKsg7PKGEBHzkJvpHAfzkfa+fd/DhYNXltAAAAAElFTkSuQmCC");
}
.chat .chat-icon-notification-off {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAATElEQVR42mOgJvgv8//a/0B80nf+//+fiVcaq4L/Lf9nAuE9oCQOBVBASwV/CSmw/h8KhGtRFWAqY/m/CqYAjxKIAnxKev6bMFAdAAB0zH0iWqhHWQAAAABJRU5ErkJggg==");
}
.chat .chat-icon-clock {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAjVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACcCnFDAAAAL3RSTlMAzM8PEL4KrHQpbXlEFWzHa+ToIcvm3sgCzUA/xtgoeCJFAMW1F9/Q3SAxERQcJ2FJnLcAAABzSURBVHheRY5HEoMwAMTkgjFgDKEH0nv ///MyJoccd2ZHEgeMLdq2sAYgiUTp9qWIEshFrAF0LHK2UnFfPUHJDJnCZ62BdMligs1tpwbGbh7vY3c6M164eqB+1EO4ZVIB/AB/dPOapd453wQpGNtXVR9yvvawBlXhkLeFAAAAAElFTkSuQmCC");
  background-position: 100% 20%;
  background-repeat: no-repeat;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
.chat .chat-body {
  height: 390px;
  height: calc(100% - 70px);
  overflow: hidden;
  width: 100%;
}
.chat .chat-body ul {
  list-style: none;
  margin: 0;
  max-height: calc(100% - 62px);
  overflow-y: scroll;
  padding: 0;
  overflow-wrap: break-word;
}
.chat .chat-body li div {
  padding: 0 16px;
}
.chat .consultant {
  background-color: #eee;
  border-bottom: 1px solid #ddd;
  max-height: 62px;
  overflow: hidden;
  padding: 6px 16px;
}
.chat .consultant .chat-name {
  font-size: 1.1em;
  font-weight: 700;
  margin: -0.25em 0 0 0;
}
.chat .consultant .chat-img {
  border-radius: 50%;
  float: right;
  height: 50px;
  margin: 0;
  overflow: hidden;
  width: 50px;
}
.chat .consultant .chat-img img {
  border: 0;
  max-height: 100%;
  max-width: 100%;
}
.chat .consultant .chat-desc {
  font-size: 0.875em;
  height: 2.5em;
  line-height: 1.3;
  margin: 0;
  overflow: hidden;
}
.chat .consultant + .post-left {
  border-top-width: 0;
}
.chat .post-left,
.chat .post-right {
  border-top: 1px solid #ccc;
  padding: 8px 0;
}
.chat .post-right {
  background-color: #dbecfc;
  text-align: right;
}
.chat .post-time {
  font-size: 12px;
}
.chat .post-right .post-time {
  float: right;
}
.chat .post-content p {
  font-size: 13px;
  margin: 3px 0;
}
.chat .post-poster {
  font-size: 1em;
  font-weight: 700;
  margin: 4px 0 0;
}
.chat .post-time {
  float: left;
  margin: 0 0;
}
.chat .post-header {
  overflow: hidden;
}
.chat .chat-footer {
  border: 1px solid #ddd;
  border-top-color: #aaa;
  height: 40px;
  padding: 0;
}
.chat .chat-footer input[type=text] {
  background-color: #eee;
  border: 0;
  float: left;
  height: 100%;
  line-height: 40px;
  margin: 0;
  padding: 0 10px;
  width: 75%;
}
.chat .chat-footer button {
  background-color: transparent;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
  line-height: 40px;
  text-align: center;
  width: 25%;
}
.chat .chat-poll {
  height: 430px;
  overflow-x: hidden;
  overflow-y: auto;
}
.chat .chat-poll form {
  display: block;
  position: relative;
}
.chat .chat-poll .chat-field-radio label,
.chat .chat-poll .chat-field-check label {
  line-height: 1.5;
  overflow: hidden;
  position: relative;
  text-indent: 1.7em;
}
.chat .chat-poll fieldset {
  border: 0;
  font-size: 16px;
  margin: 0;
  min-height: 430px;
  padding: 5px 10px 50px 10px;
}
.chat .chat-poll p {
  color: #444;
  font-size: 13px;
  margin: 5px 0;
}
.chat .chat-poll .chat-label,
.chat .chat-poll label {
  display: block;
  font-size: 13px;
  line-height: 1.7;
}
.chat .chat-poll .chat-label {
  margin-bottom: 5px;
}
.chat .chat-center {
  text-align: center;
}
.chat .chat-justify {
  text-align: justify;
}
.chat .chat-bold {
  font-weight: 700;
}
.chat input[type=text],
.chat textarea {
  border: 1px solid #ccc;
  display: block;
  width: 100%;
}
.chat textarea {
  height: 100px;
  resize: vertical;
}
.chat .chat-button {
  background-color: transparent;
  border: 0;
  color: #fff;
  cursor: pointer;
  height: 40px;
  margin: 0;
  text-align: center;
  width: 100%;
}
.chat .chat-poll-footer {
  bottom: 0;
  height: 40px;
  position: absolute;
  width: 100%;
}
.chat .chat-thanks,
.chat .chat-question {
  text-align: center;
}
.chat .chat-thanks p,
.chat .chat-question p {
  background-color: #fff;
  margin: 0;
  padding: 45% 0 20px;
}
.chat .chat-question {
  overflow: hidden;
}
.chat .chat-question button {
  float: left;
  width: 50%;
}
.chat .chat-question button + button {
  background-color: #ddd;
  color: #000;
}
.chat .chat-counter {
  display: block;
  left: -5px;
  position: absolute;
  top: -5px;
  z-index: 2;
}
.chat .chat-counter span {
  background-color: #c00;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 20px;
}
.chat .chat-toggle {
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.chat .chat-toggle .chat-icon-bubble {
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAcCAYAAAAAwr0iAAAAxUlEQVR4AWPYWOLACsSJQHwaiP/TCZ+G2snKAGX8HyCcyADz+YsjU///e7KdHhhkFzwkGKAMkARdMcxenA4YdcCxyYnUSmggs4aGA8jBo2lgNA2MpgGQuuHmAPpHwagDBr5BkkhqQvt+a83/Qz1RVGmSEdsoRbF8b1sw9RqlhACyA77fBlreHgIz5DIQizLQGkAtA1q+9v8+hOVXYJbTywFAy0Nhll8FYjGQHF0dgGk5/R1wDYjFQWL0dsBCIN4NxBK0MB8ATa7EPoXsC4cAAAAASUVORK5CYII=");
  background-position: center;
  border-radius: 9px 0 0 0;
  display: block;
  height: 45px;
  margin: 1px 1px 5px;
  position: absolute;
  top: 0;
  width: 40px;
  z-index: 1;
}
.chat .chat-toggle .toggle-div {
  border-radius: 9px 9px 0 0;
  height: 45px;
  left: 0;
  padding-left: 40px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.chat .chat-toggle .toggle-text,
.chat .chat-toggle .toggle-hover {
  display: block;
  font-size: 13px;
  height: 45px;
  line-height: 18px;
  margin: 0;
  padding: 5px 0;
  text-align: center;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
  width: 155px;
  width: 100%;
}
.chat[aria-expanded=false] {
  bottom: -470px;
}
.chat[aria-expanded=false] .chat-toggle {
  height: 45px;
  position: absolute;
  right: 5px;
  top: -55px;
  width: 150px;
}
.chat[aria-expanded=false] .chat-toggle .toggle-div {
  overflow: hidden;
}

.chat[aria-expanded=true] {
  box-shadow: -3px -3px 15px rgba(0, 0, 0, 0.2);
}

.chat-toggle .chat-icon-close,
.chat[aria-expanded=true] .chat-toggle .chat-icon-bubble,
.chat[aria-expanded=false] .chat-icon-hide,
[data-notification=false] .chat-icon-notification-on,
[data-notification=true] .chat-icon-notification-off,
.chat[aria-expanded=true] .toggle-div,
.chat[aria-expanded=true] .chat-counter {
  display: none;
}

.chat[aria-expanded=true] .chat-toggle {
  border-radius: 0;
  box-shadow: none;
}

/* 'button-kml' */
.b\:kml.b\:pri {
  background-color: #457000;
  border-color: #457000;
}
.b\:kml.b\:sec {
  border-color: #457000;
  color: #457000;
}
.b\:kml.b\:pri:hover, .b\:kml.b\:sec:hover {
  border-color: #4b7a00;
  background-color: #4b7a00;
  color: #fff;
}

/* 'kmllekopedia' */
.products-filters {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.grey-panel {
  background-color: #eee;
  border-radius: 0.25rem;
  overflow: hidden;
}
.grey-panel > .b-s {
  margin: 0.25rem 0.75rem 0.25rem 0.5rem;
}
.grey-panel > .slider {
  padding: 0 0.75rem 0.5rem;
}
.grey-panel > .slider .b-s + .b-s,
.grey-panel > .slider .slider + .b-s {
  margin-top: 0.5rem;
}
.grey-panel .field-check span {
  font-size: 13px;
}

.products-list {
  min-width: 0;
}

.product-box {
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}
.product-box:nth-child(even) {
  background-color: #f6f6f6;
}

.product-box-content {
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: 0.8125rem;
  padding: 0.5rem 0.75rem;
  transition: box-shadow 0.2s;
  row-gap: 0.25rem;
}
.product-box-content:hover {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}

.product-name {
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}

.product-package,
.product-extra {
  line-height: 1.3;
}

.product-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.product-availability {
  align-items: center;
  column-gap: 1rem;
  display: flex;
}

.product-price-desc {
  font-size: 12px;
  height: 1rem;
  text-align: center;
}

.product-image {
  margin-bottom: 0.25rem;
  text-align: center;
}
.product-image img {
  margin: auto;
}

.product-buttons {
  column-gap: 0.25rem;
  display: flex;
}
.product-buttons .b\:sec,
.product-buttons .b\:pri {
  margin: 0;
}
.product-buttons .b\:pri {
  align-items: center;
  column-gap: 0.5rem;
  display: flex;
  flex-grow: 1;
}
.product-buttons .b\:pri span {
  padding-left: 0.5rem;
}
.product-buttons span,
.product-buttons strong {
  flex-grow: 1;
  text-align: center;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 6px !important;
}

.select2-container--default .select2-results__group {
  font-weight: 400;
  color: #444;
  font-style: italic;
  border-bottom: 1px solid #5897fb;
}

.drug-card:before {
  background-color: #f6f6f6;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: -1;
}

.card-info-content, .card-section, .drug-card > header {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  margin-bottom: 1rem;
  padding: 0.75rem;
}

.drug-card > header {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.card-section {
  margin-bottom: 1rem !important;
  isolation: isolate;
}
.card-section table {
  display: block;
  overflow-x: auto;
  width: 100%;
}
.card-section tbody {
  display: table !important;
  min-width: 680px;
  table-layout: fixed;
  width: calc(100% - 1px);
}
.card-section tr {
  display: table-row !important;
  min-width: 680px;
  width: 100%;
}
.card-section td {
  border: 1px solid #ccc;
  display: table-cell !important;
  padding: 2px 4px;
  width: auto;
}
.card-section td p {
  overflow: visible;
  text-align: left;
}

.card-info-content {
  column-gap: 1.5rem !important;
}
.card-info-content .card-section {
  padding: 0;
}

#pytania ul {
  margin: 0;
}

.drug-card-image {
  margin-bottom: 1rem;
  text-align: center;
  grid-area: a;
}

.drug-card-info {
  grid-area: b;
}

.drug-card-name {
  margin: 0;
}

.drug-card-cart {
  grid-area: c;
}
.drug-card-cart > div {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.drug-card-cart .b\:pri {
  flex-grow: 1;
}

.drug-card-prices {
  margin: 0.5rem 2.5rem 0.5rem 0;
  grid-area: d;
}

.drug-card-availability {
  align-self: center;
  margin: 1rem 2.5rem 1rem 0;
  text-align: center;
  grid-area: e;
}

.drug-card-payment {
  grid-area: f;
}

.drug-card-sublinks {
  column-gap: 1.5rem;
  column-gap: 0.5rem;
  display: inline-flex;
  flex-wrap: wrap;
  grid-area: g;
}

.drug-card-sublinks-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.25rem;
}

.drug-card-sublinks button.b\:brd {
  display: flex;
  margin: 0;
}

.b\:brd.selected {
  background-color: #ebefe4;
  border-color: #88B04B;
}

.inner-menu > ul {
  margin: 1em 0;
  padding: 0;
}
.inner-menu li {
  font-weight: 700;
  list-style: none;
  margin: 0.25rem 0;
  padding-left: 2rem;
}
.inner-menu li a {
  font-size: 1rem;
  position: relative;
}
.inner-menu li a:before {
  background: #88b04b;
  border-radius: 100%;
  content: "";
  height: 13px;
  left: -1.5em;
  position: absolute;
  top: 3px;
  width: 13px;
}

#navTopOver {
  position: absolute;
}

.nav-tab-links {
  position: relative;
  z-index: 1;
}
.nav-tab-links ul {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  column-gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0.5rem;
  transition: all 0.2s;
  row-gap: 0.25rem;
}
.nav-tab-links ul li {
  text-align: center;
}
.nav-tab-links ul li a {
  color: #444;
  font-size: 1rem;
  position: relative;
  text-align: center;
}
.nav-tab-links ul li a:hover {
  text-decoration: none;
}
.nav-tab-links ul li.go2nav {
  display: none;
}
.nav-tab-links .current {
  font-weight: 700;
  letter-spacing: 0;
}

.drug-card-content [id] {
  scroll-margin-top: 150px;
}

.drug-details {
  grid-area: details;
}
.drug-details dt {
  font-weight: 600;
}
.drug-details dd {
  font-weight: 400;
}

.card-section {
  margin: 0 0 3rem;
}

.card-info-content .card-section {
  background-color: transparent;
  box-shadow: none;
}
.card-info-content p {
  overflow: auto;
}
.card-info-content td p {
  margin: 0;
}

.card-qanda-container {
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: grid;
  padding: 0.5rem 1rem;
  grid-template-columns: auto auto auto 140px;
  grid-template-rows: auto 2.5rem 1.5rem auto;
  grid-template-areas: "a a a a" "b b b e" "c c c e" "d d d e";
}

.card-qanda-question {
  font-size: 1rem;
  margin: 0.5rem 0 1rem;
  grid-area: a;
}

.card-qanda-time {
  align-self: flex-end;
  grid-area: b;
}

.card-qanda-person {
  align-self: flex-end;
  grid-area: c;
}

.card-qanda-drug {
  align-self: flex-end;
  grid-area: d;
}

.card-qanda-answers {
  align-self: flex-end;
  grid-area: e;
}
.card-qanda-answers > a {
  align-items: center;
  color: #4B6D38;
  display: flex;
  width: 140px;
}
.card-qanda-answers > a span {
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
}
.card-qanda-answers > a span span {
  display: block;
  font-size: 3rem;
  font-weight: 700;
}
.card-qanda-answers > a:hover {
  text-decoration: none;
}

.card-qanda-answers i:before {
  background-color: #4B6D38;
  border-radius: 50%;
  color: #fff;
  padding: 2px;
}

.card-qanda-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}

.card-info-content {
  margin-top: 1rem;
}

.product-categories {
  align-items: flex-end;
  display: grid;
  gap: 1rem;
  justify-items: center;
  margin-top: 2rem;
  grid-template-columns: repeat(1, 1fr);
}

.product-category {
  max-width: 18.75rem;
}
.product-category figure {
  text-align: center;
}
.product-category a {
  display: block;
}
.product-category a > div {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
}
.product-category a:hover {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  text-decoration: none;
}
.product-category .advert {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 0.25rem;
}

.product-category-title {
  color: #444;
  font-size: 0.875rem;
  text-align: center;
}

.selected-filter {
  margin-bottom: 1rem;
}
.selected-filter.scrollable {
  max-width: 100%;
  overflow-x: scroll;
  scrollbar-width: none;
}
.selected-filter.scrollable .selected-filter-container {
  display: flex;
  flex-wrap: nowrap;
}

.selected-filter-container button span {
  max-width: calc(100% - 20px);
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#opisLeku-content {
  max-width: 100%;
  overflow-x: auto;
}

.nav-tab-links ul {
  border-radius: 0.5rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  column-gap: 0.5rem;
  width: 100%;
}

#all-boxes hr {
  display: none;
}
#all-boxes > .box {
  border-top: 1px dotted #ccc;
  margin-top: 1rem;
  padding-top: 1rem;
}

.sticky-card-nav ul {
  border-bottom: 1px solid #88B04B;
  border-radius: 0;
  box-shadow: none;
  max-width: calc(100% - 1.5rem);
  min-height: 42px;
  position: fixed;
  top: 90px;
}
.sticky-card-nav ul li {
  display: none;
}
.sticky-card-nav ul li.current, .sticky-card-nav ul li.current + li {
  display: block;
}
.sticky-card-nav ul li.go2nav {
  display: block;
  flex-grow: 1;
  text-align: right;
}
.sticky-card-nav ul li.go2nav a {
  display: inline-block;
  font-size: 0.875rem;
}

[id].card-section {
  scroll-margin-top: calc(70px + 4rem);
}

.card-section article > a {
  display: block;
}

@media (min-width: 640px) {
  .products-grid {
    column-gap: 1.5rem;
    display: grid;
    row-gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-categories {
    grid-template-columns: repeat(2, 1fr);
  }
  .product-box {
    margin-bottom: 0;
  }
  .product-box:nth-child(even) {
    background-color: transparent;
  }
  .sticky-card-nav ul {
    top: 50px;
  }
  [id].card-section {
    scroll-margin-top: calc(70px + 1rem);
  }
  .drug-info [id].card-section {
    scroll-margin-top: calc(70px + 2rem);
  }
}
@media (min-width: 48rem) {
  .products-container {
    display: grid;
    gap: 2rem;
    grid-template-columns: 260px 1fr;
  }
  .products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .drug-card-header {
    column-gap: 1rem;
    display: grid;
    grid-template-columns: 200px auto auto 200px;
    grid-template-rows: auto 80px auto auto auto;
    grid-template-areas: "a b b b" "c c d d" "e e f f" "g g g g";
  }
  .nav-tab-links {
    display: block;
    position: relative;
    z-index: 1;
  }
  .card-qanda-container {
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: grid;
    padding: 0.5rem 1rem;
    row-gap: 1rem;
    grid-template-columns: 1fr 1fr 2fr 140px;
    grid-template-rows: auto;
    grid-template-areas: "a a a e" "b c d e";
  }
  .card-qanda-time,
  .card-qanda-person,
  .card-qanda-drug {
    margin-bottom: 0.5rem;
  }
  .product-categories {
    grid-template-columns: repeat(3, 1fr);
  }
  .sticky-card-nav ul {
    top: 70px;
  }
  [id].card-section {
    scroll-margin-top: calc(70px + 3.5rem);
  }
  .drug-info [id].card-section {
    scroll-margin-top: calc(70px + 4.5rem);
  }
}
@media (min-width: 61.25rem) {
  .products-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .drug-card-header {
    column-gap: 1rem;
    display: grid;
    grid-template-rows: 65px auto auto auto;
    grid-template-columns: 240px auto auto 300px;
    grid-template-areas: "a b b c" "a b b d" "a f f e" "a g g g";
  }
  .card-info-content {
    column-gap: 2rem;
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-areas: "info details";
  }
  .product-categories {
    grid-template-columns: repeat(4, 1fr);
  }
  .nav-tab-links ul {
    border-bottom: 1px solid #4B6D38;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 4px 0 #fff, 0 0 4px rgba(0, 0, 0, 0.2);
    min-height: 42px;
    padding: 1rem;
  }
  .nav-tab-links ul li {
    display: block;
  }
  .nav-tab-links ul li a {
    font-size: 1.125rem;
  }
  .nav-tab-links ul li a:before {
    content: attr(data-content);
    display: block;
    font-weight: 700;
    max-height: 1px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    z-index: -1;
  }
  .nav-tab-links ul li.go2nav {
    display: none !important;
  }
  .nav-tab-links + .card-info-content {
    border-radius: 0 0 8px 8px;
    margin-top: 0;
  }
  .sticky-card-nav ul {
    border-radius: 0;
    box-shadow: none;
  }
  #navTop {
    position: absolute;
  }
  #navTopOver {
    position: absolute;
  }
}
@media (min-width: 1100px) {
  .sticky-card-nav ul {
    max-width: 1076px;
  }
}
@media (max-width: 979px) {
  .sticky-card-nav ul {
    flex-wrap: nowrap;
  }
  .sticky-card-nav ul li a {
    white-space: nowrap;
  }
  .sticky-card-nav ul li + .current + li:not(.go2nav) {
    min-width: 0;
  }
  .sticky-card-nav ul li + .current + li:not(.go2nav) a {
    text-overflow: ellipsis;
    /* max-width : 100%; */
    display: block;
    overflow: hidden;
  }
}
/* 'kmlofertaapteki' */
.la-apteka {
  background-color: #fdfdfd;
  border: 1px solid #ddd;
  border-radius: 0.5rem;
}
.la-apteka + .la-apteka {
  margin-top: 1.5rem;
}
.la-apteka .box\:t {
  border-bottom-width: 0;
  border-top-width: 0;
}
.la-apteka header {
  padding: 0.5rem 0.5rem 0;
}
.la-apteka footer {
  border-top: 1px solid #ddd;
  padding: 0.5rem 0.25rem;
}

.la-lek-nazwa {
  grid-area: n;
}
.la-lek-nazwa strong {
  font-size: 1rem;
}

.la-leki-switcher {
  padding: 0.25rem 0.25rem !important;
}

.la-lek-brak {
  margin: 0.25rem 0;
  grid-area: b;
}

.la-lek-ilosc {
  font-size: 0.8125rem;
  font-weight: 700;
  text-align: right;
  grid-area: i;
}

.la-lek-uprawnienia {
  margin-top: 0.5rem;
  grid-area: u;
}
.la-lek-uprawnienia select {
  max-width: 460px;
}

.la-lek-cena {
  align-self: center;
  font-size: 1.125rem;
  margin-top: 0.5rem;
  text-align: right;
  grid-area: c;
}

.la-lek {
  column-gap: 0.5rem;
  display: grid;
  padding: 0.5rem 0.5rem;
  grid-template-areas: "n i i" "b b b" "u u c";
  grid-template-columns: auto 20px 90px;
}
.la-lek + .la-lek {
  border-top: 1px dashed #ddd;
}

.la-leki {
  border: 1px solid #ddd;
  border-width: 1px 0 0;
}
.la-leki .touch-visible {
  border-top: 1px dashed #ddd;
  padding: 0.5rem;
  text-align: right;
}

.last-one {
  background-color: #da191b;
  border-radius: 0.25rem;
  color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 0.25rem 0.5rem;
}

@media (pointer: coarse) {
  .touch-hidden {
    display: none !important;
  }
  .la-leki {
    display: none;
  }
}
@media (pointer: fine) {
  .touch-visible {
    display: none !important;
  }
  .la-leki-switcher {
    display: none !important;
  }
  .la-leki {
    display: block !important;
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .la-lek {
    padding: 0.5rem 1rem;
    grid-template-areas: "n i u c" "n b b b";
    grid-template-columns: auto 120px 23% 100px;
    grid-column-gap: 0.75rem;
  }
  .la-lek-uprawnienia,
  .la-lek-cena {
    align-self: center;
    margin-top: 0;
  }
  .la-lek-ilosc {
    align-self: center;
    text-align: left;
  }
  .la-leki-switcher {
    padding: 0.25rem 0.5rem !important;
  }
  .la-apteka header {
    padding: 0.5rem 1rem 0;
  }
  .la-apteka footer {
    padding: 0.5rem 1rem;
  }
}
.sf-farmaceuta-header {
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: 3rem auto;
  grid-template-areas: "a b" "c c" "d d" "g g" "f f";
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}
.sf-farmaceuta-header .farmaceuta-avatar {
  grid-area: a;
}
.sf-farmaceuta-header .farmaceuta-name {
  align-content: center;
  grid-area: b;
}
.sf-farmaceuta-header .farmaceuta-stats {
  grid-area: c;
}
.sf-farmaceuta-header .farmaceuta-pp {
  grid-area: d;
}
.sf-farmaceuta-header .farmaceuta-apteka {
  grid-area: e;
}
.sf-farmaceuta-header .farmaceuta-info {
  grid-area: f;
}
.sf-farmaceuta-header .farmaceuta-buttons {
  text-align: end;
  grid-area: g;
}
.sf-farmaceuta-header .farmaceuta-opis {
  grid-area: h;
}

@media screen and (min-width: 768px) {
  .sf-farmaceuta-header {
    grid-template-columns: 8rem auto;
    grid-template-areas: "a b g" "a c c" "a d d" "f f f";
  }
  .sf-farmaceuta-header .farmaceuta-avatar {
    margin-top: 0.5rem;
  }
  .sf-farmaceuta-header .farmaceuta-info > div {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template: "h e";
  }
}
@media screen and (min-width: 980px) {
  .sf-farmaceuta-header {
    grid-template-columns: 8rem auto 15rem;
    grid-template-areas: "a b g" "a c c" "a d d" "a f f";
  }
}
/* 'blogredakcja' */
.boxed {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.boxed + .boxed {
  margin-top: 1rem;
}

.boxed:hover {
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);
}

.farmaceuta-info-box {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 50px auto;
  grid-template-areas: "ava nam" "ava sta" "ava apt";
  padding: 0.5rem;
}

.fib-avatar {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  display: inline-flex;
  height: 50px;
  overflow: hidden;
  width: 50px;
  grid-area: ava;
}

.fib-name {
  margin: 0;
  grid-area: nam;
}

.fib-stats {
  display: flex;
  flex-wrap: wrap;
  grid-area: sta;
}

.fib-apteka {
  grid-area: apt;
}

.fib-option {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: 24px auto;
  grid-template-areas: "svg fib";
  margin: 0.25rem 0.5rem 0.25rem 0;
}
.fib-option svg {
  height: 48px;
  width: 48px;
  margin: -12px;
  transform: scale(0.5);
  grid-area: svg;
  stroke-width: 1.5;
}
.fib-option svg circle {
  stroke-width: 1;
}

.fibo-dane {
  display: flex;
  flex-wrap: wrap;
  grid-area: fib;
}

.fibod-dd {
  display: flex;
  flex-grow: 1;
  margin-left: 0.25rem;
}
.fibod-dd strong {
  margin-right: 0.24rem;
}

.fibodd-link {
  margin-left: auto;
}

@media (min-width: 768px) {
  .farmaceuta-info-box {
    column-gap: 1rem;
    grid-template-columns: 130px auto;
  }
  .fib-avatar {
    height: 130px;
    width: 130px;
  }
  .fib-option {
    grid-template-columns: 48px auto;
    margin-right: 1rem;
  }
  .fib-option svg {
    margin: 0;
    transform: none;
    stroke-width: 1px;
  }
  .fibo-dane {
    flex-direction: column;
  }
  .fibod-dd strong {
    font-size: 1rem;
  }
}
.articles-grid {
  margin-top: 2rem;
}

.recommend-article {
  display: grid;
  grid-template-areas: "a b" "c c" "d d";
  grid-template-columns: 5rem auto;
}
.recommend-article .article-image {
  grid-area: a;
  width: 4rem;
}
.recommend-article .article-header {
  grid-area: b;
}
.recommend-article .article-header h2 {
  line-height: 1.3;
  margin-bottom: 0;
}
.recommend-article .article-desc {
  grid-area: c;
}
.recommend-article .article-buttons {
  grid-area: d;
  text-align: end;
}
.recommend-article + .recommend-article {
  border-top: 1px solid #ccc;
  margin-top: 1rem;
  padding-top: 1rem;
}

@media (min-width: 768px) {
  .recommend-article {
    grid-template-areas: "a b" "a c" "a d";
    grid-template-columns: 12rem auto;
  }
  .recommend-article .article-image {
    width: 10rem;
  }
  .recommend-article .article-header {
    grid-area: b;
  }
}
/* 'kmlselect2' */
.kp-select {
  display: flex;
  width: auto;
  overflow: hidden;
  align-items: center;
}

.kp-select-product {
  flex-grow: 1;
  margin-right: 10px;
  min-width: max-content;
}

.kp-select .available {
  display: block;
  width: 80px;
  min-width: min-content;
}

.field-select2 .select2-container .select2-selection--single,
.field-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
  height: 32px;
}

.odlegloscDiv {
  min-height: 21px;
}

.ui-tooltip {
  background-color: #444;
  background-image: none;
  border-color: #444;
  color: #fff;
  text-align: center;
  white-space: pre-line;
}

.ui-tooltip-content {
  background-color: #444;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

[aria-describedby=imageGallery] .ui-dialog-titlebar {
  display: block;
}

.ui-datepicker {
  z-index: 100 !important;
}

.ui-dialog.ui-widget .ui-dialog-buttonpane button {
  background-image: none !important;
  font-weight: 400 !important;
  padding: inherit;
  font-size: 14px;
  font-size: 0.875rem;
}

.ui-dialog button span {
  font-size: inherit;
  font-weight: 400;
}

.ui-widget-header {
  background-color: #006cb7;
  background-image: none;
  border-color: #1e7fc3;
}

.ui-widget {
  border-color: #ccc;
}

[lang=en] .lang-pl,
[lang=pl] .lang-en,
.user-bar--old {
  display: none;
}

#lekiZakladki {
  display: none !important;
}

body {
  background-color: #f6f6f6;
}

#wybraneLeki,
.field-search {
  transition: all 0.2s ease-out;
}

#rodzajeAptek .box .results-item + .results-item {
  margin-top: 2em;
}

.results-item-details td {
  padding: 0.5em 1em;
}

.loader {
  color: #88b04b;
}

.ui-widget-header {
  background-color: #88b04b;
  background-image: none;
  border-color: #88b04b;
}

.kontenerWyszukanychLekow a.display--block {
  line-height: 1;
}

[lang=en] .field-search--text .button-primary,
[lang=en] .field-search--text .b\:pri {
  font-size: 15px;
  font-size: 0.9375rem;
}

#blogForm {
  margin: 0 auto;
  max-width: 355px;
  width: 98%;
}

#listaZablokowanych {
  border-top: 1px solid #ccc;
}

@media (min-width: 48rem) {
  .page {
    margin: 0 auto;
  }
  .search-inner form {
    position: relative;
  }
  .search-inner form:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 100px;
    left: -150px;
    opacity: 1;
    position: absolute;
    top: -25px;
    transition: opacity 1s ease-out;
    width: 145px;
  }
  #kontenerInterakcjeLeki .search-inner form:before {
    background-image: url(../../images/icon-interakcje-leki.png);
  }
  #kontenerInterakcjeAlkohol .search-inner form:before {
    background-image: url(../../images/icon-interakcje-alkohol.png);
  }
  #kontenerInterakcjeZywnosc .search-inner form:before {
    background-image: url(../../images/icon-interakcje-cytrusy.png);
  }
}
@media (max-width: 47.937rem) {
  .page-footer {
    padding-bottom: 60px;
  }
}
@media print {
  #metrykaLeku dt {
    font-weight: bold;
  }
  #metrykaLeku dd {
    font-weight: normal;
  }
}
.ranking {
  margin: 1em 0;
}

.ranking-item {
  align-items: start;
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  padding: 0.5em;
}

.ranking-item > :nth-child(1) i {
  margin-top: 0.5em;
}

.ranking-item > :nth-child(2) {
  min-width: 70px;
  text-align: center;
}

.icon-radio-unchecked {
  position: relative;
}

.icon-radio-unchecked > span {
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
  font-weight: bold;
  left: 6px;
  position: absolute;
  top: 4px;
}

.chatSpace {
  overflow: hidden;
  position: relative;
}

.flex-kafelki > div {
  margin: 20px 0;
  padding: 0 10px;
}
.flex-kafelki > div h2 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media (min-width: 40rem) {
  .flex-kafelki {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .flex-kafelki > div {
    flex: 1 0 45%;
  }
}
@media (min-width: 48rem) {
  .flex-kafelki {
    flex-wrap: wrap;
  }
  .flex-kafelki > div {
    flex: 1 0 30%;
  }
}
@media (min-width: 61.25rem) {
  .page-footer {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .page-footer .dg-12 {
    margin: 0;
  }
  .flex-kafelki {
    flex-wrap: nowrap;
  }
  .flex-kafelki > div {
    flex: 0 1 20%;
  }
}
:root .f-s\:xxl.scale {
  font-size: calc(14px + 4 * (100vw - 320px) / 760) !important;
}

.lista-lekow {
  border-width: 0;
}

.ie10 .nav-tags,
.ie10 .nav-tags .row-start {
  display: -ms-flexbox;
}
.ie10 .nav-tags .row-start,
.ie10 .nav-tags .row-end,
.ie10 .nav-tags .row-start .box-hideable {
  -ms-flex: 1;
}

_:-ms-input-placeholder,
:root .page {
  display: block;
}

_:-ms-input-placeholder,
:root .page-wrapper {
  min-height: 90vh;
  width: inherit;
}

.expando {
  max-width: 350px;
}

.expando.open {
  left: 10px;
  max-width: 350px;
  padding: 7px;
  padding-top: 7px;
  width: calc(100% - 20px);
}

.expando.open .expando-button {
  right: 0px;
  top: 2px;
}
.expando.open .expando-button .icon-plus {
  background-color: #fff;
  border: 1px solid #444;
  border-radius: 50%;
  height: 22px;
  width: 22px;
}
.expando.open .expando-button .icon-plus::before {
  color: #444;
  margin: -2px 0 0 -2px;
}

@media (min-width: 80rem) {
  .sidebar .sidebar-content .sidebar-qanda .sidebar-icon-off {
    transition: width 0.2s, height 0.2s;
  }
  .sidebar .sidebar-content .sidebar-qanda a {
    transition: all 0.2s;
  }
  .sidebar .sidebar-content .sidebar-qanda a .sidebar-txt-d {
    animation-name: out-t-alt;
  }
  .sidebar .sidebar-content .sidebar-qanda a:focus, .sidebar .sidebar-content .sidebar-qanda a:hover {
    padding: 5px;
  }
  .sidebar .sidebar-content .sidebar-qanda a:focus .sidebar-txt-d, .sidebar .sidebar-content .sidebar-qanda a:hover .sidebar-txt-d {
    animation-name: in-t-alt;
  }
  .sidebar .sidebar-content .sidebar-qanda a:focus .sidebar-icon-off, .sidebar .sidebar-content .sidebar-qanda a:hover .sidebar-icon-off {
    display: block !important;
    height: 0;
    width: 0;
  }
  .sidebar .sidebar-content .sidebar-qanda a:focus .sidebar-icon-on, .sidebar .sidebar-content .sidebar-qanda a:hover .sidebar-icon-on {
    display: none !important;
  }
  .sidebar .sidebar-content .sidebar-qanda.hovered a {
    padding: 5px;
  }
  .sidebar .sidebar-content .sidebar-qanda.hovered a .sidebar-txt-d {
    animation-name: in-t-alt;
  }
  .sidebar .sidebar-content .sidebar-qanda.hovered a .sidebar-icon-on {
    display: none !important;
  }
}
.sidebar-qanda div {
  width: 220px;
}
.sidebar-qanda div p {
  margin: 0;
  text-align: center;
}
.sidebar-qanda div .red-btn {
  background-color: #aa2929;
  background-image: none;
  border: 1px solid;
  border-color: #aa2929;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5em;
  margin: 2px 5px 2px 0;
  outline: 0;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  word-spacing: 0;
}
.sidebar-qanda .textarea {
  background-color: #f0f0f0;
  border: 1px solid #aaa;
  border-radius: 3px;
  color: #444;
  display: block;
  height: 70px;
  margin: 10px 5px 5px;
  padding: 5px !important;
  text-align: left !important;
}

@keyframes in-t-alt {
  0% {
    max-height: 32px;
    max-width: 0;
  }
  100% {
    max-height: 500px;
    max-width: 500px;
  }
}
@keyframes out-t-alt {
  0% {
    max-height: 500px;
    max-width: 500px;
  }
  100% {
    max-height: 32px;
    max-width: 0;
  }
}
.logo {
  flex-grow: 1;
  max-width: none !important;
}
.logo a {
  margin: 0;
}
.logo a img {
  width: 140px;
}
.logo a img.pha\:m {
  display: none !important;
}
.logo a img.tab\:u {
  display: block !important;
}

.page-header {
  position: fixed;
  top: 0;
  transition: height 0.2s;
  width: 100%;
  z-index: 100;
}

.page-header > .content {
  align-items: center;
  display: flex;
  height: 50px;
  transition: height 0.2s;
}

.page-wrapper {
  margin-top: 50px;
  transition: margin-top 0.2s;
}

#naganiaczSticky.stick {
  top: 50px;
  transition: top 0.2s;
}

.page-header {
  height: auto;
}
.page-header > .content {
  flex-wrap: wrap;
  height: 50px;
}
.page-header .popup-menu-button > button {
  height: auto;
}

.header-logo {
  flex-shrink: 0;
}
.header-logo a {
  display: block;
}

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

@media (pointer: fine) {
  .barcode-btn {
    display: none;
  }
}
.barcode-scan {
  border: 1px solid #aaa;
  border-radius: 0 !important;
  border-width: 1px 0;
  height: 100% !important;
  justify-content: center;
  padding: 0 !important;
  width: 50px;
}

#search:focus + .barcode-btn .barcode-scan {
  border-color: #2463a4;
}

@media (max-width: 47.937rem) {
  .header-logo img {
    height: 40px !important;
  }
}
@media screen and (max-width: 419px) {
  .header-logo img {
    height: 28px !important;
  }
  .page-header .header-info p {
    font-size: 12px;
    margin: 0;
    padding: 0;
  }
  .popup-menu-button {
    margin-left: 10px;
    margin-right: -10px;
  }
}
@media screen and (min-width: 420px) {
  .popup-menu-button {
    margin-left: 10px;
  }
}
@media (min-width: 40rem) {
  .shortcuts {
    background-image: url(../../images/kml_shortcuts-bgr.svg);
  }
}
@media (min-width: 48rem) {
  .page-header > .content {
    height: 70px;
  }
  .page-wrapper {
    margin-top: 70px;
  }
  #naganiaczSticky.stick {
    top: 70px;
  }
  .logo a img {
    max-width: none !important;
    width: auto;
  }
  .header-logo a {
    height: auto;
  }
}
.jestNaLiscieOfert,
.jestNaLiscieOfert:active {
  background-color: #eee !important;
  border-color: #ccc !important;
  color: #666 !important;
}

.flexy-grid {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px;
}

.flexy-grid a,
.flexy-grid .link-icon {
  flex-grow: 1;
}

@media (max-width: 639px) {
  .flexy-grid {
    margin-top: 5px;
    max-width: 375px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .m\:0.m\:0.przechodzenieDoUlotki {
    margin: 10px 0;
  }
}
@media (min-width: 980px) {
  .flexy-grid {
    width: 100%;
  }
}
.pf-button {
  padding: 0.5rem 0.5rem;
}

.pf-close {
  padding: 0.25rem;
  text-align: right;
}

.pf-close .b\:sec {
  padding: 0 !important;
}

.pf-close .icon-plus {
  transform: rotate(45deg);
}

.filters-on {
  overflow: hidden;
}
.filters-on .popup-filters {
  background-color: #fff;
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
.filters-on .page-wrapper,
.filters-on .page-content {
  z-index: 101;
}
.filters-on .pf-close {
  display: block !important;
}
.filters-on .pf-list {
  flex-grow: 1;
  overflow-y: auto;
  padding: 0 0.5rem;
}

.popup-menu-container {
  top: 0;
}

@media (max-width: 640px) {
  .flex.flex-reverse {
    flex-direction: column-reverse;
  }
}
@media (max-width: 47.937rem) {
  .popup-filters {
    display: none;
  }
}
@media (min-width: 48rem) {
  .kafelek-leku {
    column-gap: 1rem;
  }
  .kafelek-leku > div:first-child {
    max-width: calc(100% - 140px);
  }
  .kafelek-leku > div:last-child {
    flex-grow: 1;
  }
}/*# sourceMappingURL=styles.css.map */