@charset "UTF-8";
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,
button {
  background: transparent;
  cursor: pointer;
  font-size: 100%;
  margin: 0;
  padding: 0;
  text-decoration: none;
  vertical-align: baseline;
}

a: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;
}

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 {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

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

.group:after,
.page-wrapper:after, .grid:after, .nav-category:after, fieldset: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: 40em) {
  .mobile-only,
  .mob\:o {
    display: none !important;
  }
}

@media only screen and (max-width: 39.937em), (min-width: 48em) {
  .phablet-only,
  .pha\:o {
    display: none !important;
  }
}

@media only screen and (max-width: 47.937em), (min-width: 61.25em) {
  .tablet-only,
  .tab\:o {
    display: none !important;
  }
}

@media only screen and (max-width: 61.187em), (min-width: 80em) {
  .desktop-only,
  .des\:o {
    display: none !important;
  }
}

@media only screen and (min-width: 48em) {
  .phablet-max,
  .pha\:m {
    display: none !important;
  }
}

@media only screen and (min-width: 61.25em) {
  .handheld-max,
  .tab\:m {
    display: none !important;
  }
}

@media only screen and (min-width: 80em) {
  .des\:m {
    display: none !important;
  }
}

@media only screen and (max-width: 39.937em) {
  .phablet-up,
  .pha\:u {
    display: none !important;
  }
}

@media only screen and (max-width: 47.937em) {
  .tablet-up,
  .tab\:u {
    display: none !important;
  }
}

@media only screen and (max-width: 61.187em) {
  .desktop-up,
  .des\:u {
    display: none !important;
  }
}

@media only screen and (max-width: 79.937em) {
  .large-up,
  .lar\:u {
    display: none !important;
  }
}

@media (max-width: 39.937em) {
  .mob\:h {
    display: none;
  }
}

@media (min-width: 40em) and (max-width: 47.937em) {
  .pha\:h {
    display: none;
  }
}

@media (min-width: 48em) and (max-width: 61.187em) {
  .tab\:h {
    display: none;
  }
}

@media (min-width: 61.25em) and (max-width: 79.937em) {
  .des\:h {
    display: none;
  }
}

@media (min-width: 80em) {
  .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.5em;
  padding-right: 0.5em;
  position: relative;
}

.content:after,
.content-wide:after {
  content: "";
  display: table;
  clear: both;
}

.page-header {
  transition: all 0.2s ease-out;
}

@media (min-width: 15em) {
  .page-header {
    height: 70px;
    position: relative;
  }
}

@media (min-width: 61.25em) {
  .page-header {
    max-width: 100%;
  }
}

.page-footer {
  overflow: hidden;
}

@media (min-width: 15em) {
  .page-footer {
    height: auto;
    min-height: 40px;
    position: relative;
  }
}

@media (min-width: 61.25em) {
  .page-footer {
    height: auto;
    min-height: 40px;
    max-width: 100%;
  }
}

.body {
  min-width: 320px;
}

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

.page {
  background-color: #fff;
  overflow: hidden;
}

.page-wrapper {
  background-color: transparent;
  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: 61.25em) {
  .main-content {
    padding: 0 0 2rem 0;
  }
}

.nav-main {
  display: none;
}

.nav-main,
.page-main-wrapper,
.page-main {
  display: block;
  float: none;
  left: 0;
  top: 0;
  transition: all 0.2s ease-out;
}

.nav-main {
  max-height: 0;
  overflow: hidden;
}

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

@media (max-width: 61.187em) {
  .mobile-menu .nav-main {
    overflow: visible;
    border-left: 0 solid transparent;
  }
}

@media (min-width: 61.25em) {
  .page-main-wrapper:before {
    background-color: transparent;
    box-shadow: 10px 0 10px rgba(0, 0, 0, 0.2);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: width .2s ease;
    width: 0;
    z-index: 1;
  }
}

@media (min-width: 80em) {
  .page-main-wrapper:before {
    display: none;
  }
}

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

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

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

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

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

.grid {
  margin-left: -.5%;
  margin-right: -.5%;
}

@media (min-width: 48em) {
  .grid {
    margin-left: -1%;
    margin-right: -1%;
  }
}

.ag > [class*="mg-"],
.ag > [class*="pg-"],
.ag > [class*="tg-"],
.ag > [class*="dg-"],
.ag > [class*="lg-"],
.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: 15em) {
  .mg-1 {
    margin: 0 0.5%;
    width: 7.33333%;
  }
  .mg-2 {
    margin: 0 0.5%;
    width: 15.66667%;
  }
  .mg-3 {
    margin: 0 0.5%;
    width: 24%;
  }
  .mg-4 {
    margin: 0 0.5%;
    width: 32.33333%;
  }
  .mg-5 {
    margin: 0 0.5%;
    width: 40.66667%;
  }
  .mg-6 {
    margin: 0 0.5%;
    width: 49%;
  }
  .mg-7 {
    margin: 0 0.5%;
    width: 57.33333%;
  }
  .mg-8 {
    margin: 0 0.5%;
    width: 65.66667%;
  }
  .mg-9 {
    margin: 0 0.5%;
    width: 74%;
  }
  .mg-10 {
    margin: 0 0.5%;
    width: 82.33333%;
  }
  .mg-11 {
    margin: 0 0.5%;
    width: 90.66667%;
  }
  .mg-12 {
    margin: 0 0.5%;
    width: 99%;
  }
  .mp-1 {
    margin-left: 8.83333%;
  }
  .mp-2 {
    margin-left: 17.16667%;
  }
  .mp-3 {
    margin-left: 25.5%;
  }
  .mp-4 {
    margin-left: 33.83333%;
  }
  .mp-5 {
    margin-left: 42.16667%;
  }
  .mp-6 {
    margin-left: 50.5%;
  }
  .mp-7 {
    margin-left: 58.83333%;
  }
  .mp-8 {
    margin-left: 67.16667%;
  }
  .mp-9 {
    margin-left: 75.5%;
  }
  .mp-10 {
    margin-left: 83.83333%;
  }
  .mp-11 {
    margin-left: 92.16667%;
  }
}

@media (min-width: 40em) {
  .pg-1 {
    margin: 0 0.5%;
    width: 7.33333%;
  }
  .pg-2 {
    margin: 0 0.5%;
    width: 15.66667%;
  }
  .pg-3 {
    margin: 0 0.5%;
    width: 24%;
  }
  .pg-4 {
    margin: 0 0.5%;
    width: 32.33333%;
  }
  .pg-5 {
    margin: 0 0.5%;
    width: 40.66667%;
  }
  .pg-6 {
    margin: 0 0.5%;
    width: 49%;
  }
  .pg-7 {
    margin: 0 0.5%;
    width: 57.33333%;
  }
  .pg-8 {
    margin: 0 0.5%;
    width: 65.66667%;
  }
  .pg-9 {
    margin: 0 0.5%;
    width: 74%;
  }
  .pg-10 {
    margin: 0 0.5%;
    width: 82.33333%;
  }
  .pg-11 {
    margin: 0 0.5%;
    width: 90.66667%;
  }
  .pg-12 {
    margin: 0 0.5%;
    width: 99%;
  }
  .pp-1 {
    margin-left: 8.83333%;
  }
  .pp-2 {
    margin-left: 17.16667%;
  }
  .pp-3 {
    margin-left: 25.5%;
  }
  .pp-4 {
    margin-left: 33.83333%;
  }
  .pp-5 {
    margin-left: 42.16667%;
  }
  .pp-6 {
    margin-left: 50.5%;
  }
  .pp-7 {
    margin-left: 58.83333%;
  }
  .pp-8 {
    margin-left: 67.16667%;
  }
  .pp-9 {
    margin-left: 75.5%;
  }
  .pp-10 {
    margin-left: 83.83333%;
  }
  .pp-11 {
    margin-left: 92.16667%;
  }
  .pp-0 {
    margin-left: 0;
  }
}

@media (min-width: 48em) {
  .tg-1 {
    margin: 0 1%;
    width: 6.33333%;
  }
  .tg-2 {
    margin: 0 1%;
    width: 14.66667%;
  }
  .tg-3 {
    margin: 0 1%;
    width: 23%;
  }
  .tg-4 {
    margin: 0 1%;
    width: 31.33333%;
  }
  .tg-5 {
    margin: 0 1%;
    width: 39.66667%;
  }
  .tg-6 {
    margin: 0 1%;
    width: 48%;
  }
  .tg-7 {
    margin: 0 1%;
    width: 56.33333%;
  }
  .tg-8 {
    margin: 0 1%;
    width: 64.66667%;
  }
  .tg-9 {
    margin: 0 1%;
    width: 73%;
  }
  .tg-10 {
    margin: 0 1%;
    width: 81.33333%;
  }
  .tg-11 {
    margin: 0 1%;
    width: 89.66667%;
  }
  .tg-12 {
    margin: 0 1%;
    width: 98%;
  }
  .tp-1 {
    margin-left: 9.33333%;
  }
  .tp-2 {
    margin-left: 17.66667%;
  }
  .tp-3 {
    margin-left: 26%;
  }
  .tp-4 {
    margin-left: 34.33333%;
  }
  .tp-5 {
    margin-left: 42.66667%;
  }
  .tp-6 {
    margin-left: 51%;
  }
  .tp-7 {
    margin-left: 59.33333%;
  }
  .tp-8 {
    margin-left: 67.66667%;
  }
  .tp-9 {
    margin-left: 76%;
  }
  .tp-10 {
    margin-left: 84.33333%;
  }
  .tp-11 {
    margin-left: 92.66667%;
  }
  .tp-0 {
    margin-left: 0;
  }
}

@media (min-width: 61.25em) {
  .dg-1 {
    margin: 0 1%;
    width: 6.33333%;
  }
  .dg-2 {
    margin: 0 1%;
    width: 14.66667%;
  }
  .dg-3 {
    margin: 0 1%;
    width: 23%;
  }
  .dg-4 {
    margin: 0 1%;
    width: 31.33333%;
  }
  .dg-5 {
    margin: 0 1%;
    width: 39.66667%;
  }
  .dg-6 {
    margin: 0 1%;
    width: 48%;
  }
  .dg-7 {
    margin: 0 1%;
    width: 56.33333%;
  }
  .dg-8 {
    margin: 0 1%;
    width: 64.66667%;
  }
  .dg-9 {
    margin: 0 1%;
    width: 73%;
  }
  .dg-10 {
    margin: 0 1%;
    width: 81.33333%;
  }
  .dg-11 {
    margin: 0 1%;
    width: 89.66667%;
  }
  .dg-12 {
    margin: 0 1%;
    width: 98%;
  }
  .dp-1 {
    margin-left: 9.33333%;
  }
  .dp-2 {
    margin-left: 17.66667%;
  }
  .dp-3 {
    margin-left: 26%;
  }
  .dp-4 {
    margin-left: 34.33333%;
  }
  .dp-5 {
    margin-left: 42.66667%;
  }
  .dp-6 {
    margin-left: 51%;
  }
  .dp-7 {
    margin-left: 59.33333%;
  }
  .dp-8 {
    margin-left: 67.66667%;
  }
  .dp-9 {
    margin-left: 76%;
  }
  .dp-10 {
    margin-left: 84.33333%;
  }
  .dp-11 {
    margin-left: 92.66667%;
  }
  .dp-0 {
    margin-left: 0;
  }
}

@media (min-width: 80em) {
  .lg-1 {
    margin: 0 1%;
    width: 6.33333%;
  }
  .lg-2 {
    margin: 0 1%;
    width: 14.66667%;
  }
  .lg-3 {
    margin: 0 1%;
    width: 23%;
  }
  .lg-4 {
    margin: 0 1%;
    width: 31.33333%;
  }
  .lg-5 {
    margin: 0 1%;
    width: 39.66667%;
  }
  .lg-6 {
    margin: 0 1%;
    width: 48%;
  }
  .lg-7 {
    margin: 0 1%;
    width: 56.33333%;
  }
  .lg-8 {
    margin: 0 1%;
    width: 64.66667%;
  }
  .lg-9 {
    margin: 0 1%;
    width: 73%;
  }
  .lg-10 {
    margin: 0 1%;
    width: 81.33333%;
  }
  .lg-11 {
    margin: 0 1%;
    width: 89.66667%;
  }
  .lg-12 {
    margin: 0 1%;
    width: 98%;
  }
  .lp-1 {
    margin-left: 9.33333%;
  }
  .lp-2 {
    margin-left: 17.66667%;
  }
  .lp-3 {
    margin-left: 26%;
  }
  .lp-4 {
    margin-left: 34.33333%;
  }
  .lp-5 {
    margin-left: 42.66667%;
  }
  .lp-6 {
    margin-left: 51%;
  }
  .lp-7 {
    margin-left: 59.33333%;
  }
  .lp-8 {
    margin-left: 67.66667%;
  }
  .lp-9 {
    margin-left: 76%;
  }
  .lp-10 {
    margin-left: 84.33333%;
  }
  .lp-11 {
    margin-left: 92.66667%;
  }
  .lp-0 {
    margin-left: 0;
  }
}

body.user-is-tabbing .page-footer a:focus,
body.user-is-tabbing .nav-top a:focus {
  outline: #fff dotted 2px !important;
}

body.user-is-tabbing .ui-state-focus,
body.user-is-tabbing a:focus,
body.user-is-tabbing button:focus,
body.user-is-tabbing .button-primary:focus,
body.user-is-tabbing .button-secondary:focus {
  outline: #c00 dotted 2px !important;
  outline-offset: 1px;
  text-decoration: none;
  z-index: 1;
}

body {
  color: #444;
  font-weight: 400;
  line-height: 1.5;
}

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 .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.25em) {
  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;
  }
  h1 {
    margin-bottom: 1.2em;
    margin-top: 0;
    padding-right: 10%;
  }
}

p,
li,
dt,
dd,
blockquote,
label,
input,
select,
textarea {
  line-height: 1.5;
}

p,
.p {
  margin: .5em 0;
  font-size: 14px;
  font-size: 0.875rem;
}

b,
strong {
  font-weight: 700;
}

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

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

a {
  color: #2F7BA7;
  text-decoration-skip: ink;
}

a:hover {
  text-decoration: underline;
}

a:hover[class*="icon-"],
a:hover > img {
  text-decoration: none;
}

.l-h\:1,
a.absolute,
a.pos\:a {
  line-height: 1;
}

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

ol,
ul {
  list-style: outside;
  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;
  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: 1em;
}

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

@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 {
  display: block;
  margin-bottom: .25em;
  margin-top: 1px;
  padding-right: 5px;
  font-size: 13px;
  font-size: 0.8125rem;
}

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

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

dd + dt {
  margin: .5em 0 .25em;
}

dl.display--inline-block,
dl.d\:i-b {
  margin-right: 1em;
}

dl.display--inline-block dd,
dl.d\:i-b dd {
  padding-left: 0;
}

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

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

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

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

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

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

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

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

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

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

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

:root .text--l,
:root .f-w\:l {
  font-weight: 300;
}

:root .text--n,
:root .f-w\:n {
  font-weight: 400;
}

:root .text--b,
:root .f-w\:b {
  font-weight: 700;
}

:root .f-s\:n {
  font-style: normal;
}

:root .f-s\:i {
  font-style: italic;
}

:root .t-d\:u {
  text-decoration: underline;
}

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

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

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

.hyphens {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-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: 0 0 1em;
  padding: 0 2em;
  position: relative;
  text-align: justify;
}

blockquote:before {
  content: "\0201C";
  display: inline-block;
  font-family: sans-serif;
  line-height: 0;
  margin-right: .2em;
  position: relative;
  top: .2em;
  font-size: 48px;
  font-size: 3rem;
}

blockquote:after {
  bottom: -.65em;
  content: "\0201D";
  display: inline-block;
  font-family: sans-serif;
  line-height: 0;
  position: relative;
  font-size: 48px;
  font-size: 3rem;
}

.v-h,
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  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;
}

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

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

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

@media screen and (max-width: 959px) {
  .text--mega,
  .f-s\:64 {
    height: 32px;
    line-height: 30px;
    font-size: 32px;
    font-size: 2rem;
  }
  .text--mega + .icon-16.icon-round {
    margin: 0;
  }
}

@media (min-width: 15em) {
  .page-header {
    background-color: #006cb7;
    padding: 0;
  }
  .section-top {
    height: 70px;
    min-height: 40px;
    padding-top: 5px;
    position: relative;
  }
}

.top-main {
  float: right;
  margin-left: .5em;
  margin-right: -.5em;
}

.section-top a:focus {
  outline: #fff dotted 2px;
}

.popup-menu-button {
  color: #444;
  line-height: 1;
  position: relative;
}

.popup-menu-button > button {
  color: #fff;
  padding: 0 .5em;
}

@media (min-width: 15em) {
  .popup-menu-button > button {
    height: 70px;
  }
}

@media (min-width: 48em) {
  .popup-menu-button > button {
    height: 70px;
  }
}

@media (min-width: 61.25em) {
  .popup-menu-button > button {
    height: 70px;
  }
}

.popup-menu {
  height: 0;
  position: relative;
  z-index: 7;
}

.popup-menu .content {
  height: 0;
  padding: 0 .5em;
  padding: 0 .5rem;
}

.popup-menu-container {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  display: none;
  padding: .5em 1em;
  position: absolute;
  left: 0.5em;
  top: 1.7em;
  width: 300px;
  z-index: 6;
}

.popup-menu-container > div {
  font-size: 13px;
  font-size: 0.8125rem;
}

.popup-menu-container > div > div > a {
  margin: .25em 0;
}

.popup-menu-container > div > div > a:first-child {
  margin-right: .5em;
}

.popup-menu-container a {
  color: #444;
  display: inline-block;
  line-height: 1.2;
  margin: 5px .5%;
  vertical-align: top;
  width: 48%;
}

@media (min-width: 61.25em) {
  .popup-menu-container {
    left: auto;
    right: .5em;
  }
}

[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,
.popup-menu-button [aria-pressed="false"] .icon-close-mobile,
.popup-menu-button [aria-pressed="true"] .icon-menu {
  display: none;
}

.logo {
  max-width: 160px;
  margin: 0;
  padding: 0;
}

.logo a {
  display: block;
  margin: 5px 0;
}

@media (min-width: 48em) {
  .logo {
    max-height: 70px;
  }
}

@media (min-width: 61.25em) {
  .logo {
    max-height: 70px;
    max-width: none;
  }
  .logo a {
    margin: 10px 0;
  }
}

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

.nav-top li {
  display: block;
  float: left;
  height: 70px;
  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 {
  display: block;
  font-size: 10px;
  font-size: 0.625rem;
}

.mobile-anchors {
  float: right;
  max-width: 50px;
  overflow: hidden;
  transition: all 0.2s ease-out;
  display: none;
}

@media (min-width: 61.25em) {
  .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: .2s ease-out;
}

.message-count {
  background-color: #fff;
  border: 2px solid #006cb7;
  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;
  font-size: 10px;
  font-size: 0.625rem;
}

@media screen and (min-width: 640px) {
  .top-header--image {
    background-color: #fff;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    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(../../common/images/header-placowka.jpg);
  }
  .header-image--apteka {
    background-image: url(../../common/images/header-apteka.jpg);
  }
  .header-image--lekarz {
    background-image: url(../../common/images/header-lekarz.jpg);
  }
}

.page-footer .box {
  overflow: hidden;
  z-index: 1;
}

.page-footer button + p {
  display: inline;
  text-align: left;
}

.page-footer {
  background-color: #00243d;
  position: relative;
}

.page-footer a,
.page-footer p {
  color: #fff;
  font-size: 12px;
}

.page-footer .content {
  min-height: 40px;
}

.footer-langs,
.footer-copy {
  bottom: 0;
  position: absolute;
  z-index: 10;
}

.footer-copy {
  right: 1em;
}

.footer-langs {
  left: 1em;
  white-space: nowrap;
}

.footer-langs label,
.footer-langs select {
  display: inline-block;
  float: none;
  font-size: inherit;
  height: 24px;
  margin: 0 5px 0 0;
  padding: 0 20px 0 5px;
  vertical-align: baseline;
  width: auto;
}

.footer-langs select,
.footer-langs option {
  color: #000;
}

.footer-content {
  margin-bottom: 40px;
  margin-top: 1em;
}

.footer-links p {
  margin: 12px 0 40px;
}

@media (min-width: 40em) {
  .footer-badges {
    border-left: 1px solid rgba(255, 255, 255, 0.5);
  }
}

@media (min-width: 61.25em) {
  .page-footer .content {
    min-height: 40px;
  }
}

input.button-primary,
input.b\:pri,
button.button-primary,
button.b\:pri, .button-primary,
.b\:pri, input.button-secondary,
input.b\:sec,
button.button-secondary,
button.b\:sec, .button-secondary,
.b\:sec, input.button-transparent,
input.b\:tra,
button.button-transparent,
button.b\:tra, .button-transparent,
.b\:tra, input.button-border,
input.b\:brd,
button.button-border,
button.b\:brd, .button-border,
.b\:brd {
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  border: 1px solid;
  border-radius: 3px;
  cursor: pointer;
  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;
}

.button-primary.button-primary,
.b\:pri.b\:pri {
  background-color: #3790c4;
  border-color: #3790c4;
  color: #fff;
}

.button-primary.button-primary:hover, .button-primary.button-primary:focus,
.b\:pri.b\:pri:hover,
.b\:pri.b\:pri:focus {
  border-color: #006cb7;
  text-decoration: none;
  background-color: #006cb7;
  color: #fff;
}

.button-primary.button-primary:active,
.b\:pri.b\:pri:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-primary.button-primary:focus,
.b\:pri.b\:button-alt-name:focus {
  border-color: #fff;
  box-shadow: 0 0 3px 0px #41a0ff;
}

.button-secondary.button-secondary,
.b\:sec.b\:sec {
  background-color: #fff;
  border-color: #3790c4;
  color: #3790c4;
}

.button-secondary.button-secondary:hover, .button-secondary.button-secondary:focus,
.b\:sec.b\:sec:hover,
.b\:sec.b\:sec:focus {
  border-color: #006cb7;
  text-decoration: none;
  background-color: #006cb7;
  color: #fff;
}

.button-secondary.button-secondary:active,
.b\:sec.b\:sec:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-secondary.button-secondary:focus,
.b\:sec.b\:button-alt-name:focus {
  border-color: #fff;
  box-shadow: 0 0 3px 0px #41a0ff;
}

.button-transparent.button-transparent,
.b\:tra.b\:tra {
  background-color: transparent;
  border-color: transparent;
  color: #3790c4;
}

.button-transparent.button-transparent:hover, .button-transparent.button-transparent:focus,
.b\:tra.b\:tra:hover,
.b\:tra.b\:tra:focus {
  border-color: transparent;
  text-decoration: none;
  background-color: transparent;
  color: #006cb7;
}

.button-transparent.button-transparent:active,
.b\:tra.b\:tra:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-transparent.button-transparent:focus,
.b\:tra.b\:button-alt-name:focus {
  border-color: #fff;
  box-shadow: 0 0 3px 0px #41a0ff;
}

.button-border.button-border,
.b\:brd.b\:brd {
  background-color: transparent;
  border-color: #ccc;
  color: #666;
}

.button-border.button-border:hover, .button-border.button-border:focus,
.b\:brd.b\:brd:hover,
.b\:brd.b\:brd:focus {
  border-color: #006cb7;
  text-decoration: none;
  background-color: #006cb7;
  color: #fff;
}

.button-border.button-border:active,
.b\:brd.b\:brd:active {
  box-shadow: 0 1px 1px #fff;
  text-shadow: none;
}

.button-border.button-border:focus,
.b\:brd.b\:button-alt-name:focus {
  border-color: #fff;
  box-shadow: 0 0 3px 0px #41a0ff;
}

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

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

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

.button--giant.button--giant,
.button--giant.button--giant:active,
.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: 14px;
  font-size: 0.875rem;
}

.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-"] > i,
[class^="b:"] > i {
  margin-left: 5px;
  margin-right: 0;
  margin-top: -3px;
}

[class^="button-"] > i:first-child,
[class^="b:"] > i:first-child {
  margin-left: 0;
  margin-right: 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;
}

@media (min-width: 40em) {
  [class^="button-"] > span.phablet-up + i.icon-mobile,
  [class^="b:"] > span.phablet-up + i.icon-mobile {
    margin-left: 10px;
  }
}

@media (min-width: 48em) {
  [class^="button-"] > span.tablet-up + i.icon-mobile,
  [class^="b:"] > span.tablet-up + i.icon-mobile {
    margin-left: 10px;
  }
}

@media (min-width: 61.25em) {
  [class^="button-"] > span.desktop-up + i.icon-mobile,
  [class^="b:"] > span.desktop-up + 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;
  position: relative;
  margin-right: 0;
  z-index: 1;
}

.button-group [class^="button-"]:focus, .button-group [class^="button-"]:hover, .button-group [class^="button-"].active,
.button-group [class^="b:"]:focus,
.button-group [class^="b:"]:hover,
.button-group [class^="b:"].active,
.b-g [class^="button-"]:focus,
.b-g [class^="button-"]:hover,
.b-g [class^="button-"].active,
.b-g [class^="b:"]:focus,
.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 + .button-group,
.b-g + .b-g {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

@media (min-width: 61.25em) {
  .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:"] {
  box-shadow: none;
  font-size: 13px;
  font-size: 0.8125rem;
  margin: 0;
  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 {
  color: #444;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  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"],
.table-data [class*="b:pri"]:active,
.table-data [class*="b:sec"],
.table-data [class*="b:sec"]:active,
.table-data [class*="b:tra"],
.table-data [class*="b:tra"]:active,
.table-data [class*="b:brd"],
.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;
}

.button-settings {
  display: block;
  text-align: left;
}

.button-settings .icon-cog {
  float: right;
  opacity: 0;
  padding: 5px 15px 5px 0;
  transition: opacity .2s ease;
}

.button-settings:hover .icon-cog {
  opacity: 1;
}

.link {
  background-color: transparent;
  background-image: none;
  border: 0;
  color: #2F7BA7;
  cursor: pointer;
  display: inline-block;
  padding: 0;
}

.link:hover {
  text-decoration: underline;
}

.link:hover.icon-16 {
  text-decoration: none;
}

.link:focus {
  outline: 0;
}

.link-icon {
  background-color: transparent;
  border: 0;
  border-radius: 3px;
  color: #2F7BA7;
  cursor: pointer;
  display: inline-block;
  min-height: 50px;
  min-width: 60px;
  overflow: visible;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: text-bottom;
}

.link-icon.narrow {
  min-width: 50px;
}

.link-icon > span {
  display: block;
  font-weight: 400;
  line-height: 1.1;
  padding: 0 5px 2px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: 100%;
  font-size: 11px;
  font-size: 0.6875rem;
}

.link-icon > i {
  position: absolute;
}

.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 > span:first-child,
.link-icon > span:first-child + span {
  bottom: 2px;
  position: absolute;
}

.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:hover, .link-icon:active {
  background-color: #3790c4;
  text-decoration: none;
}

.link-icon:hover *, .link-icon: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;
}

.block-link:hover, .block-link:focus {
  outline: 0;
  text-decoration: none;
}

.block-link:hover .message-box, .block-link:focus .message-box {
  background-color: #0070a5;
  color: #fff;
}

.block-link:hover .message-box *, .block-link:focus .message-box * {
  color: #fff !important;
}

.button-switch {
  border: 0;
  color: #2F7BA7;
  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 {
  display: block;
  font-family: "icomoon" !important;
  height: 24px;
  position: absolute;
  right: -23px;
  top: 0;
  width: 24px;
  font-size: 20px;
  font-size: 1.25rem;
}

.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.187em) {
  .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: 48em) {
  .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.25em) {
  .switch-full:hover > span:before {
    animation-duration: .75s;
    animation-iteration-count: infinite;
    animation-name: slide;
    animation-timing-function: linear;
  }
}

.toggle-box .switch-full,
.toggle-box .b-s\:f {
  padding: .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: .25em 0;
}

.slider {
  display: none;
  overflow: visible;
}

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

.hover-box {
  min-height: 32px;
}

.hover-box > .box {
  padding: .25em .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.25em) {
  .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;
}

.button-url:after {
  content: "\e90f";
  display: block;
  font-family: "icomoon" !important;
  height: 24px;
  position: absolute;
  right: -2px;
  top: -4px;
  width: 24px;
  font-size: 20px;
  font-size: 1.25rem;
}

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

@media (min-width: 48em) {
  .button-url span {
    display: block;
  }
  .button-url + p {
    margin-right: 5em;
  }
}

.button-url:hover:after {
  animation-duration: .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\:f {
  padding: .35em 0;
}

.box\:t .b-s:hover {
  background-color: rgba(30, 127, 195, 0.1);
}

.slider {
  display: none;
  overflow: hidden;
}

.b-s {
  position: relative;
}

.switcher {
  border: 0;
  color: #2F7BA7;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
}

.switcher:after,
.switcher span:after {
  content: "";
  font-family: "icomoon" !important;
}

.switcher.chevron > span:after {
  content: "\e90d";
}

.switcher.chevron[aria-pressed="true"] > span:after {
  content: "\e910";
}

.b-s\:f {
  height: 100%;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: right;
  top: 0;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
}

.b-s\:f + h2,
.b-s\:f + h3,
.b-s\:f + h4,
.b-s\:f + p {
  margin: 0 0 0 .25em;
  padding: 0 1.2em 0 0;
}

.b-s\:f span:last-child:after {
  content: "\e90d";
  display: block;
  height: 24px;
  position: absolute;
  right: -23px;
  top: 0;
  width: 24px;
  font-size: 20px;
  font-size: 1.25rem;
}

.b-s\:f[aria-pressed="true"] span:last-child:after {
  content: "\e910";
}

.b-s\:f > span:last-child {
  margin-right: 1.5em;
  position: relative;
}

.b-s\:l {
  height: 100%;
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
}

.b-s\:l + h2,
.b-s\:l + h3,
.b-s\:l + h4,
.b-s\:l + p {
  margin: 0;
  padding: 0 0 0 1.3em;
}

.b-s\:l:after {
  content: "\e905";
  line-height: 1.5;
  margin: 0 0 0 0.2em;
  position: relative;
  font-size: 16px;
  font-size: 1rem;
}

.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 {
  content: "\e91f";
  font-size: 24px;
  font-size: 1.5rem;
}

.b-s\:s[aria-pressed="true"]:after {
  content: "\e954";
}

.b-s\:s > span {
  display: none;
}

.b-s\:f:hover > span:after {
  animation-duration: .75s;
  animation-iteration-count: infinite;
  animation-name: slide-ver;
  animation-timing-function: linear;
}

@keyframes slide-ver {
  0% {
    top: 0;
  }
  25% {
    top: 2px;
  }
  50% {
    top: 0;
  }
  75% {
    top: -2px;
  }
  100% {
    top: 0;
  }
}

@media (min-width: 48em) {
  .b-s\:f + h2,
  .b-s\:f + h3,
  .b-s\:f + h4,
  .b-s\:f + p {
    padding: 0 5em 0 0;
  }
}

@media screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .b-s\:s::after {
    position: relative;
    top: -6px;
  }
  .b-s\:f span:last-child::after {
    right: -20px;
  }
}

@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:after,
.b\:url span:after {
  content: "";
  font-family: "icomoon" !important;
}

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

.b\:url.b-s\:f:hover > span:after {
  animation-duration: .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;
}

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

.store-data-apple:after,
.store-data-google:after {
  color: #fff;
  content: attr(data-title);
  display: block;
  font-size: 10px;
  left: 36px;
  line-height: 1;
  position: absolute;
  top: 5px;
}

.store-data-google:after {
  font-size: 9px;
  left: 40px;
  text-transform: uppercase;
}

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

.button-back,
.b\:back {
  line-height: 26px;
  overflow: hidden;
  padding-left: 25px;
  position: absolute;
  right: 0;
  top: 11px;
  width: 24px;
  font-size: 14px;
  font-size: 0.875rem;
}

.button-back i,
.button-back i:before,
.b\:back i,
.b\:back i:before {
  display: none !important;
}

.button-back:before,
.b\:back:before {
  content: "\e918";
  display: block;
  font-family: icomoon;
  font-size: 16px;
  left: 5px;
  position: absolute;
}

.button-back:hover,
.b\:back:hover {
  color: #245e7f;
  text-decoration: none;
}

@media (min-width: 61.25em) {
  .button-back,
  .b\:back {
    height: 33px;
    line-height: 33px;
    overflow: hidden;
    padding-left: 25px;
    padding-right: 5px;
    top: 0;
    width: auto;
  }
  .button-back:hover:before,
  .b\:back:hover:before {
    animation-duration: .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;
  }
}

ul.pagination {
  border-radius: 0;
  display: inline-block;
  list-style: none;
  margin: 20px auto;
  padding: 0;
}

ul.pagination > li {
  display: inline;
}

ul.pagination > li > a,
ul.pagination > li > span {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #428bca;
  float: left;
  line-height: 1.5;
  margin-left: -1px;
  padding: 4px 11px;
  position: relative;
  text-decoration: none;
}

ul.pagination > li > a:hover,
ul.pagination > li > span:hover {
  background-color: transparent;
  color: #fff;
}

ul.pagination > li:first-child > a,
ul.pagination > li:first-child > span {
  border-radius: 3px 0 0 3px;
}

ul.pagination > li:last-child > a,
ul.pagination > li:last-child > span {
  border-radius: 0 3px 3px 0;
}

ul.pagination > .is-selected a,
ul.pagination > .is-selected span {
  background-color: transparent;
  color: #006cb7;
}

div.pagination {
  display: block;
  margin: 20px auto;
  font-size: 14px;
  font-size: 0.875rem;
}

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

div.pagination .go2page {
  float: left;
}

div.pagination .go2page input[type="number"] {
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #444;
  height: 29px;
  margin: 0;
  padding: 2px;
  text-align: center;
  vertical-align: middle;
  width: 50px;
  font-size: 14px;
  font-size: 0.875rem;
}

div.pagination .go2page label,
div.pagination .go2page span {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
}

div.pagination .prevnext {
  float: right;
}

div.pagination .prevnext a i {
  margin: 0;
}

div.pagination .b\:pri,
div.pagination .b\:sec {
  margin: 0 5px 0 0;
  padding: 2px 10px 4px;
}

@media (max-width: 61.187em) {
  ul.pagination {
    display: none;
  }
}

@media (min-width: 61.25em) {
  div.pagination {
    display: none;
  }
}

.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 {
  background-color: transparent;
  border-color: #006cb7;
  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: 0px 0px 0px 0px;
  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 > a.ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li:first-child > span,
.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: #006cb7;
}

.ui-tabs .ui-tabs-nav li > a.ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li > span {
  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: #2F7BA7;
  display: block;
  float: left;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0;
  padding: 7px 11px 7px 11px;
  position: relative;
  text-decoration: none;
  font-size: 13px;
  font-size: 0.8125rem;
}

.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: #006cb7;
  background-image: none;
  border-color: #006cb7 #006cb7 #fff;
  border-radius: 3px 3px 0 0;
  border-style: solid;
  border-width: 1px 1px 0px 0px;
  color: #fff;
  font-weight: normal;
  margin: -3px 0 0 0;
  padding: 10px 11px 7px 11px;
}

.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;
  float: none;
}

.full-width .ui-tabs-nav > li {
  display: table-cell;
  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-weight: 700 !important;
  font-size: 14px;
  font-size: 0.875rem;
}

.ui-tabs > ul li .subtitle {
  font-weight: 400;
  font-size: 12px;
  font-size: 0.75rem;
}

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

.tabs-strap {
  clear: both;
  margin-bottom: 15px;
  margin-top: 5px;
  overflow: hidden;
}

.tabs-strap .field-check {
  display: block;
  float: left;
  line-height: 1;
  margin: 5px .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 input[type="checkbox"][disabled] + i + span {
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 48em) {
  .tabs-strap {
    background-color: #006cb7;
    color: #fff;
    margin-top: -20px;
  }
  .tabs-strap .field-check {
    margin-top: 3px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  }
  .tabs-strap .field-check input[type="checkbox"][disabled] + i + span {
    color: rgba(255, 255, 255, 0.7);
    text-shadow: none;
  }
}

.multi-steps {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: .25em;
  margin: 1em auto 1em;
  padding: .25em .5em;
  width: 100%;
}

.multi-steps:after {
  content: "";
  display: table;
  clear: both;
}

.multi-steps li {
  display: block;
  margin: .1em 0;
  padding: 0 0 0 15px;
  position: relative;
}

.multi-steps li:last-of-type:after {
  display: none;
}

.multi-steps li em {
  color: #444;
  display: inline-block;
  font-style: normal;
  font-size: 12px;
  font-size: 0.75rem;
}

.multi-steps li.current-v em,
.multi-steps li.visited em,
.multi-steps li.waiting em {
  color: #27ae60;
}

.multi-steps li.current em {
  color: #418bca;
  font-weight: 700;
}

.multi-steps li.current-x em,
.multi-steps li.current-xx em {
  color: #e74c3c;
  font-weight: 700;
}

.multi-steps.count li {
  counter-increment: steps;
}

.multi-steps.count li em: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: "\2714";
  display: block;
  left: -2px;
  position: absolute;
}

.multi-steps.count li.waiting + li:before {
  animation: flashed 1s linear infinite;
  color: #418bca;
  content: "\2022\2022\2022";
  display: block;
  left: -4px;
  position: absolute;
}

.multi-steps span[data-time]:before,
.multi-steps span[data-wait1]:before,
.multi-steps span[data-wait2]:after {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
}

.multi-steps span[data-time]:before {
  content: " (" attr(data-time) ")";
}

.multi-steps span[data-wait1]:before {
  content: " (" attr(data-wait1);
}

.multi-steps span[data-wait2]:after {
  content: " " attr(data-wait2) ")";
}

@media (min-width: 48em) {
  .multi-steps {
    background-color: transparent;
    border-width: 0;
    padding: 0;
    text-align: center;
  }
  .multi-steps li {
    display: inline-block;
    float: none;
    margin: .4em 0;
    position: relative;
  }
  .multi-steps li em {
    color: #364e5e;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .multi-steps li em span {
    display: block;
  }
  .multi-steps li em:before {
    background-color: #eee;
    border-radius: 50%;
    content: "";
    height: 12px;
    position: absolute;
    width: 12px;
    z-index: 1;
    left: 50%;
    right: auto;
  }
  .multi-steps li:last-of-type {
    margin-right: 0;
  }
  .multi-steps li:after {
    background-color: #eee;
    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 {
    background-color: #27ae60;
  }
  .multi-steps li.visited em {
    color: #27ae60;
  }
  .multi-steps li.current em {
    color: #418bca;
  }
  .multi-steps li.current em:before {
    background-color: #418bca;
  }
  .multi-steps li.current-x em,
  .multi-steps li.current-xx em {
    color: #e74c3c;
  }
  .multi-steps li.current-x em:before, .multi-steps li.current-xx em:before {
    background-color: #e74c3c;
  }
  .multi-steps li.current-xx:after {
    background-color: #e74c3c;
  }
  .multi-steps li.waiting em {
    color: #27ae60;
  }
  .multi-steps li.waiting em:before {
    background-color: #27ae60;
  }
  .multi-steps li.waiting:after {
    animation: dotted 4s linear infinite;
    background-image: linear-gradient(90deg, #eee 50%, #418bca 50%);
    background-size: 10% 100%;
  }
  .multi-steps li.waiting.off:after {
    animation: unset;
    background-color: #418bca;
    background-image: none;
  }
  .multi-steps.text-top li {
    line-height: 1.2;
    text-align: center;
  }
  .multi-steps.text-top li:after {
    bottom: 4px;
    left: 50%;
    position: absolute;
    width: 100%;
  }
  .multi-steps.text-top li em {
    padding-bottom: 20px;
  }
  .multi-steps.text-top li em:before {
    bottom: 0;
  }
  .no-touch .multi-steps a:hover {
    color: #418bca;
  }
  .no-touch .multi-steps a:hover:before {
    box-shadow: 0 0 0 3px rgba(65, 139, 202, 0.3);
  }
  .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: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);
  }
  .multi-steps.text-top.count li em {
    padding-bottom: 34px;
  }
  .multi-steps.text-top.count li em:before {
    color: #fff;
    content: counter(steps);
    height: 26px;
    line-height: 26px;
    margin-left: -8px;
    text-align: center;
    width: 26px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .multi-steps.text-top.count li.current ~ li em:before {
    color: #364e5e;
  }
  .multi-steps.text-top.count li.current-x em:before,
  .multi-steps.text-top.count li.current-xx em:before {
    color: #fff;
    content: "X";
  }
  .multi-steps.text-top.count li:after {
    bottom: 11px;
  }
  .multi-steps.text-top.count li.current-x ~ li em:before,
  .multi-steps.text-top.count li.waiting ~ li em:before {
    color: #364e5e;
  }
  .multi-steps.text-top.count li.waiting + li em:before {
    color: #fff;
  }
}

@keyframes flashed {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes dotted {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}

.breadcrumb {
  display: inline-block;
  list-style: none;
  margin: 0;
  margin-bottom: .5em;
  padding: 0;
  position: relative;
}

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

.breadcrumb:hover {
  z-index: 100;
}

.breadcrumb > li {
  display: inline;
  float: left;
  line-height: 24px;
  margin: 0 0 0 12px;
  min-height: 24px;
  padding: inherit;
  position: relative;
  font-size: 13px;
  font-size: 0.8125rem;
}

.breadcrumb > li:first-child {
  margin-left: 0;
}

.breadcrumb > li > a,
.breadcrumb > li > button,
.breadcrumb > li > span {
  border: 1px solid rgba(204, 204, 204, 0);
  border-radius: 3px;
  border-width: 1px;
  color: #444;
  display: inline-block;
  line-height: 22px;
  padding: 0 5px;
  position: relative;
}

.breadcrumb > li a {
  text-decoration: none;
}

.breadcrumb > li:hover > a {
  background-color: #006cb7;
  color: #fff;
  border-color: #006cb7;
}

.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: #006cb7;
  border-color: #006cb7;
  z-index: 1;
}

.breadcrumb > li[data-dropdown="true"]:hover ul {
  display: block;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.breadcrumb > li:after, .touch .breadcrumb > li + li:before {
  border-radius: 0 3px 0 0;
  color: #999;
  content: "\e90f";
  display: inline-block;
  font-family: "icomoon";
  text-indent: -4px;
  vertical-align: middle;
  width: 12px;
  font-size: 19px;
  font-size: 1.1875rem;
}

.breadcrumb > li:after {
  line-height: 24px;
  position: absolute;
  left: -12px;
  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 {
  color: #444;
  display: inline-block;
  padding: 0 5px;
  white-space: nowrap;
  font-size: 13px;
  font-size: 0.8125rem;
}

.breadcrumb ul a:hover {
  text-decoration: underline;
}

.no-touch .breadcrumb .touch-only,
.touch .breadcrumb .mouse-only {
  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: 3px;
  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: .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 {
  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 {
  display: block;
  font-weight: 400;
  line-height: 1.5;
  min-height: 30px;
  padding: 5px 6px;
  width: auto;
  font-size: 13px;
  font-size: 0.8125rem;
}

.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 {
  display: block;
  padding: 5px 6px;
  font-size: 13px;
  font-size: 0.8125rem;
}

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

.nav-in-page .has-submenu:hover .nav-cat-title {
  background-color: #006cb7;
  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.25em) {
  .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: #006cb7;
  }
  .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: #006cb7;
    color: #fff;
    outline: none;
  }
}

.page-strap {
  background-color: #eee;
  position: relative;
  z-index: 7;
}

.page-strap > div {
  display: flex;
  line-height: 1;
  padding: 3px .5em;
  padding: 3px .5rem;
}

.page-strap > div > .breadcrumb {
  margin: 0;
  padding: 0;
  flex-grow: 1;
}

.page-strap > div > .breadcrumb > li > a,
.page-strap > div > .breadcrumb > li > button {
  color: #2F7BA7;
}

.page-strap > div > .breadcrumb > li > a:hover,
.page-strap > div > .breadcrumb > li > button:hover {
  color: #fff;
}

.page-strap > div > .logging {
  margin: 0 .5em 0 0;
  margin: 0 .5rem 0 0;
  padding: 0;
  align-self: flex-start;
}

.page-strap > div > .logging button {
  border: 1px solid #eee;
  border-radius: 3px;
  color: #2F7BA7;
  padding: 2px 3px;
  white-space: nowrap;
  font-size: 13px;
  font-size: 0.8125rem;
}

.page-strap > div > .logging button span {
  vertical-align: middle;
}

.page-strap > div > .logging button:hover {
  background-color: #006cb7;
  border-color: #006cb7;
  color: #fff;
}

.touch .page-strap > div {
  flex-direction: column;
  align-items: flex-start;
}

.touch .page-strap .breadcrumb {
  width: 100%;
}

.touch .page-strap .logging {
  border-top: 1px solid #ccc;
  width: 100%;
}

@media (max-width: 61.187em) {
  .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 - 70px);
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 1;
  }
  .mobile-menu .nav-main > ul {
    max-height: 1000px;
  }
  .mobile-menu .nav-main + .page-main-wrapper {
    height: calc(100vh - 70px);
  }
  .mobile-menu .page-footer {
    height: 0;
  }
  .nav-category,
  .nav-submenu {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .nav-item button,
  .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-item i.icon-24 {
    font-size: 16px !important;
    height: 16px;
    margin-right: 10px;
    width: 16px;
  }
  .nav-item i:before {
    line-height: 16px;
    font-size: 16px;
    font-size: 1rem;
  }
  .nav-submenu {
    max-height: 100%;
  }
  .nav-submenu li a {
    padding-left: 25px;
  }
  .nav-submenu .nav-back a {
    font-weight: 700;
    padding-left: 5px;
  }
  .nav-cat-title {
    width: 100%;
  }
  .selected .selected,
  .selected > a span {
    font-weight: bold;
  }
  .has-submenu > a {
    padding-right: 20px;
  }
  .has-submenu > a:after {
    content: "\e90f";
    display: block;
    font-family: "icomoon" !important;
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 16px;
    font-size: 1rem;
  }
  .nav-category,
  .nav-category ul {
    position: relative;
    transition: right .5s ease-out;
  }
  .has-submenu ul {
    position: absolute;
    top: 0;
  }
  .nav-category,
  .nav-category ul,
  .has-submenu ul ul,
  [data-expanded="second"] .nav-category ul ul,
  [data-expanded="third"] .nav-category [data-expanded="yes"] ul {
    right: 0;
  }
  [data-expanded="second"] .nav-category ul,
  [data-expanded="third"] .nav-category ul,
  [data-expanded="third"] .nav-category [data-expanded="yes"] ul ul {
    right: -200%;
  }
  .has-submenu ul,
  [data-expanded="second"] .nav-category [data-expanded="yes"] ul,
  [data-expanded="second"] .nav-category [data-expanded="yes"] ul ul,
  [data-expanded="third"] .nav-category [data-expanded="yes"] [data-expanded="yes"] ul {
    right: -100%;
  }
  [data-expanded="second"] .nav-category,
  [data-expanded="third"] .nav-category,
  [data-expanded="third"] .nav-category ul ul {
    right: 100%;
  }
  .nav-category a {
    transition: opacity .3s ease-out;
  }
  .nav-category > li > ul > li > a,
  .nav-category > li > ul > li > ul > li > a,
  [data-expanded="second"] .nav-category > li > a {
    opacity: 0;
  }
  [data-expanded="second"] .nav-category > li > ul > li > a,
  [data-expanded="third"] .nav-category > li > ul > li > ul > li > a {
    opacity: 1;
  }
}

@media (min-width: 61.25em) {
  .nav-main {
    margin: 0;
    background-color: transparent;
    background-image: none;
    display: none !important;
  }
  .nav-main > ul {
    background-color: transparent;
    border-color: #ddd;
    border-radius: 0;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    overflow: hidden;
    text-align: left;
  }
  .nav-main .nav-category {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 86px;
  }
  .nav-main .nav-item {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  .nav-main .nav-item .nav-cat-title {
    border-color: #fff;
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    color: #006cb7;
    display: block;
    overflow: hidden;
    width: 100%;
    background-color: transparent;
    background-image: none;
  }
  .nav-main .nav-item .nav-cat-title + ul .nav-main .nav-item .nav-cat-title {
    border-width: 0;
  }
  .nav-main .nav-item .nav-cat-title:hover {
    border-color: rgba(0, 108, 183, 0.5);
    color: #fff;
    background-color: transparent;
    background-image: none;
  }
  .nav-main .nav-item .nav-cat-title span {
    display: block;
    font-weight: 400;
    line-height: 1.5;
    min-height: 82px;
    padding: 30.5px 10px;
    width: auto;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .nav-main .nav-item.selected > a {
    background-color: transparent;
    border-color: #006cb7;
    color: #006cb7;
    overflow: hidden;
    background-image: none;
  }
  .nav-main .nav-cat-title [class^="icon-"] {
    display: none !important;
  }
  .nav-main {
    margin: 0;
    padding: 0;
  }
  .nav-main .nav-submenu li {
    display: block;
  }
  .nav-main .nav-submenu {
    border-color: #ccc;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    color: #444;
    display: none;
    margin: 1px 0px 0px 0;
    max-height: 0;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
    background-color: #006cb7;
    background-color: transparent;
  }
  .nav-main .nav-submenu li {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  .nav-main .nav-submenu a {
    color: #444;
    display: block;
    font-size: 13px;
    font-weight: 400;
    margin: 0px 0px 0px 0px;
    padding: 5px 10px 5px 10px;
    background-color: transparent;
  }
  .nav-main .nav-submenu a:hover,
  .selected .nav-main .nav-submenu a:hover {
    color: #fff;
    background-color: rgba(16, 96, 152, 0.7);
  }
  .nav-main .nav-submenu .selected a {
    color: #fff;
    background-color: #006cb7;
    background-color: rgba(0, 108, 183, 0.7);
  }
  .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 {
    color: #fff;
    text-align: right;
    background-color: #83acc6;
    background-image: none;
  }
}

@media (pointer: fine) {
  .has-submenu button.nav-cat-title {
    display: none;
  }
}

@media (pointer: coarse) {
  .has-submenu a.nav-cat-title {
    display: none;
  }
}

_:-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;
  padding: 0;
}

.nav button,
.nav a {
  color: #2F7BA7;
  margin: 0;
  padding: 0;
  display: block;
}

.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"] {
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0 6px;
  height: 28px;
}

.nav .field-search-text > div + div {
  width: 40px;
}

.nav .field-search-text > div + div .b\:pri {
  height: 28px;
}

.nav .field-search-text > div + div .b\:pri i {
  margin: 3px 0 0 0;
}

@media (min-width: 40em) {
  .nav .field-search-text {
    float: right;
    max-width: 250px;
    min-width: 250px;
  }
  .nav .field-search-text input[type="search"] {
    max-width: 210px;
  }
}

.crumbs-strap {
  margin: 0 0 .5em;
  margin: 0 0 .5rem;
  position: relative;
  z-index: 4;
}

.nav-crumbs {
  display: flex;
  flex-direction: column;
}

.nav-crumbs * {
  font-size: 13px;
  font-size: 0.8125rem;
}

.nav-crumbs .row-start {
  flex-grow: 1;
  order: 2;
}

.nav-crumbs .box-hideable {
  overflow: visible;
}

.nav-crumbs .row-end {
  border-bottom: 1px dotted #ccc;
  flex-grow: 0;
}

.nav-crumbs .row-end li {
  white-space: nowrap;
}

.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 .row-start .nav-item + .nav-item:before {
  color: #999;
  content: "\e90f";
  display: inline-block;
  font-family: "icomoon";
  line-height: 1;
  text-indent: -3px;
  vertical-align: text-bottom;
  width: 10px;
  font-size: 19px;
  font-size: 1.1875rem;
}

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

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

.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 {
  min-height: 30px;
  padding: 3px 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: 3px;
  display: inline-block;
  line-height: 22px;
  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.25em) {
  .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);
  }
  .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: #006cb7;
    border-color: #006cb7;
    color: #fff;
  }
  .no-touch .nav-crumbs .nav-item.has-submenu > a {
    border-radius: 3px 3px 0 0;
    border-width: 1px 1px 0;
  }
}

.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 {
  display: flex;
  flex-direction: column;
  background-color: #eee;
  border-radius: 3px;
  margin: 0 0 .5em;
  margin: 0 0 .5rem;
  z-index: 2;
}

.nav-sec .switcher::after,
.nav-sec .switcher span::after {
  line-height: 1;
}

.nav-sec a,
.nav-sec button {
  border: 0;
  line-height: 1.538;
  font-size: 13px;
  font-size: 0.8125rem;
}

.nav-sec a i,
.nav-sec button i {
  vertical-align: baseline;
}

.nav-sec .row-start {
  order: 2;
  flex-grow: 1;
}

.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 {
  border-bottom: 1px dotted #ccc;
}

.nav-sec .row-end .nav-item:last-child a,
.nav-sec .row-end .nav-item:last-child button {
  border-radius: 0 3px 3px 0;
}

.nav-sec .nav-back {
  display: none;
}

.nav-sec .nav-cat-title {
  line-height: 22px;
  padding: 3px .5rem;
}

.nav-sec .nav-cat-title span {
  line-height: 1;
}

.nav-sec .has-submenu {
  position: relative;
}

.nav-sec .has-submenu button.nav-cat-title {
  display: block;
  width: 100%;
  text-align: left;
}

.nav-sec .has-submenu > button::after,
.nav-sec .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-sec .nav-submenu {
  overflow: visible;
  margin-left: 1.5em;
  margin-left: 1.5rem;
}

.nav-sec .nav-submenu a:hover,
.nav-sec .nav-submenu button:hover {
  text-decoration: underline;
}

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

@media (max-width: 61.187em) {
  .box-hideable {
    display: none;
  }
}

@media (min-width: 40em) {
  .nav-sec {
    flex-direction: row;
  }
  .nav-sec .row-start {
    width: 50%;
  }
  .nav-sec .row-end {
    order: 2;
    width: 50%;
    text-align: right;
  }
  .nav-sec .row-end .nav-cat {
    display: inline-block;
    border-width: 0;
  }
  .nav-sec .box-hideable {
    width: 200%;
  }
}

@media (min-width: 61.25em) {
  .nav-sec {
    margin: .5em 0;
    margin: .5rem 0;
  }
  .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;
  }
  .no-touch .nav-sec .row-end {
    order: 2;
    width: auto;
    text-align: right;
  }
  .no-touch .nav-sec .row-end .nav-cat-title {
    border-width: 0 0 0 1px;
  }
  .no-touch .nav-sec .has-submenu:hover > 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 {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
    position: absolute;
    white-space: nowrap;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 3px 3px;
    border-width: 1px 1px;
    margin: -1px 0 0 0;
    padding: 3px 10px;
  }
  .no-touch .nav-sec .nav-cat-title {
    border: 1px solid #fff;
    border-width: 0 1px 0 0;
  }
  .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: #006cb7;
    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 {
  display: flex;
  flex-direction: column;
  background-color: #eee;
  border-radius: 3px;
  margin: .5em 0;
  margin: .5rem 0;
  z-index: 1;
}

.nav-tags a,
.nav-tags button {
  border: 0;
  line-height: 1.538;
  font-size: 13px;
  font-size: 0.8125rem;
  font-size: 13px;
}

.nav-tags a i,
.nav-tags button i {
  vertical-align: baseline;
}

.nav-tags .row-start {
  order: 2;
  flex-grow: 1;
  position: relative;
  z-index: 2;
}

.nav-tags .row-start .nav-cat-title.switcher {
  border-radius: 3px;
}

.nav-tags .row-end {
  padding: 2px;
  position: relative;
}

.nav-tags .nav-item:first-child a,
.nav-tags .nav-item:first-child button {
  border-radius: 3px 0 0 3px;
}

.nav-tags .nav-cat-title {
  line-height: 22px;
  padding: 3px .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 {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

.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: #006cb7;
  color: #fff;
}

.no-touch .nav-tags .switcher[aria-pressed="false"] + .box-hideable {
  display: none !important;
}

@media (min-width: 40em) {
  .nav-tags {
    flex-direction: row;
  }
  .nav-tags .row-start {
    order: 1;
    width: 50%;
  }
  .nav-tags .row-start .nav-cat-title.switcher {
    border-radius: 3px 0 0 3px;
  }
  .nav-tags .row-end {
    order: 2;
    width: 50%;
    text-align: right;
    border-width: 0;
    padding: 0;
  }
  .nav-tags .box-hideable {
    width: 200%;
  }
  .nav-tags .nav-cat {
    display: inline-block;
  }
}

@media (min-width: 40em) {
  .nav-tags .row-start {
    width: auto;
    display: flex;
    flex-direction: row;
    border-radius: 3px 0 0 0;
  }
  .nav-tags .row-start .box-hideable {
    display: block !important;
    height: 28px !important;
    overflow: hidden;
    border-radius: 3px;
  }
  .nav-tags .row-start > button {
    white-space: nowrap;
    flex-shrink: 0;
  }
  .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 {
    height: auto !important;
    border-top: 1px dotted #ccc;
  }
  .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 {
    display: block !important;
  }
}

.msg\:legal.msg\:legal,
.message-legal.message-legal {
  color: #666;
  position: relative;
  font-size: 10px;
  font-size: 0.625rem;
}

.msg\:legal.msg\:legal p,
.message-legal.message-legal p {
  hyphens: auto;
  text-align: justify;
  font-size: 12px;
  font-size: 0.75rem;
}

.msg\:legal.msg\:legal:before,
.message-legal:before {
  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;
  font-size: 32px;
  font-size: 2rem;
}

@media (min-width: 48em) {
  .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-box,
.msg\:box, .message-error,
.msg\:error, .message-warn,
.msg\:warn, .message-valid,
.msg\:valid, .message-info,
.msg\:info, .message-trans,
.msg\:trans {
  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;
}

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

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

.p-icon.p-icon {
  color: #666;
  line-height: 1.5;
  margin: 0 1em .5em 0;
  padding-left: 22px;
  text-align: left;
}

.p-icon.p-icon-alt {
  padding-left: 0;
}

@media (min-width: 40em) {
  .p-icon {
    display: inline-block;
    line-height: 18px;
  }
  .p-icon + span {
    vertical-align: top;
  }
}

.p-icon > .icon-16.icon-16 {
  float: left;
  margin: 1px 5px 1px -22px;
  vertical-align: baseline;
  line-height: 1.3;
}

.p-icon > .button-switch {
  margin-top: -1px;
}

.p-icon-alt .icon-16 {
  margin: 1px 5px 1px 1px;
}

.list-icon--24 {
  margin-left: 0;
}

.list-icon--24 + .list-icon--24 {
  margin-top: 10px;
}

.list-icon--24 dt,
.list-icon--24 dd {
  display: table-cell;
  padding: 0;
  vertical-align: middle;
  font-size: 14px;
  font-size: 0.875rem;
}

.list-icon--24 dd {
  padding-left: .5em;
}

.subicon-minus,
.subicon-plus {
  position: relative;
}

.subicon-minus:after,
.subicon-plus:after {
  border-radius: 50%;
  color: #bb4c4c;
  content: "\e602";
  display: block;
  font-family: "Icomoon";
  font-weight: 400;
  height: 18px;
  line-height: .7;
  position: absolute;
  right: -12px;
  text-align: center;
  text-shadow: none;
  top: -3px;
  width: 18px;
  font-size: 16px;
  font-size: 1rem;
}

.subicon-plus:after {
  color: green;
  content: "\e906";
  line-height: .8;
}

a:hover .subicon-minus:after,
a:hover .subicon-plus:after {
  color: #fff;
}

.help {
  cursor: help;
}

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

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

select {
  padding: 0 5px;
}

optgroup {
  font-family: "Open Sans", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding: 5px 10px 0 10px;
  font-size: 14px;
  font-size: 0.875rem;
}

optgroup + optgroup {
  border-top: 1px dotted #aaa;
}

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

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

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

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

[class*="field-"] {
  margin-bottom: .5em;
  position: relative;
  z-index: 0;
}

[class*="field-"]:after {
  clear: both;
  content: "";
  display: table;
}

fieldset {
  margin-bottom: 20px;
}

fieldset + fieldset {
  margin-top: 10px;
}

label,
.label {
  display: block;
  margin-top: 0;
  min-height: 26px;
  text-align: left;
  font-size: 13px;
  font-size: 0.8125rem;
}

.field-check,
.field-radio {
  overflow: hidden;
}

.field-check input,
.field-radio input {
  padding: 0;
  vertical-align: middle;
}

legend {
  color: #444;
  font-size: 1rem;
  font-weight: 300;
  margin-top: 3px;
  width: 100%;
}

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

.form + .form {
  margin-top: 20px;
}

[class*="field--horizontal"] label,
[class*="field-h"] label {
  float: left;
  margin-right: 15px;
  padding-right: 0;
}

[class*="field--horizontal"]:after,
[class*="field-h"]:after {
  clear: both;
  content: "";
  display: block;
}

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

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

.input-value {
  color: #000;
  display: block;
  margin: 0;
  min-height: 32px;
  padding: 3px 6px 3px 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.field-file {
  overflow: hidden;
}

.field-button [class*="b:"]:first-child {
  margin-top: 1em;
}

@media (min-width: 40em) {
  .field-button [class*="b:"]:first-child {
    margin-top: 1.625em;
  }
}

.input--xxs,
.i\:xxs {
  width: 60px !important;
}

.input--xs,
.i\:xs {
  width: 90px !important;
}

.input--s,
.i\:s {
  width: 120px !important;
}

.input--m,
.i\:m {
  width: 150px !important;
}

.input--l,
.i\:l {
  width: 190px !important;
}

.input--xl,
.i\:xl {
  width: 230px !important;
}

.input--xxl,
.i\:xxl {
  width: 280px !important;
}

.input--xxxl,
.i\:xxxl {
  width: 330px !important;
}

.input--xs,
.input--s,
.input--m,
.input--l,
.input--xl,
.input--xxl,
.input--xxxl,
.i\:xs,
.i\:s,
.i\:m,
.i\:l,
.i\:xl,
.i\:xxl,
.i\:xxxl {
  position: relative;
}

.input--xs input,
.input--s input,
.input--m input,
.input--l input,
.input--xl input,
.input--xxl input,
.input--xxxl input,
.i\:xs input,
.i\:s input,
.i\:m input,
.i\:l input,
.i\:xl input,
.i\:xxl input,
.i\:xxxl input {
  padding-right: 30px;
}

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

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

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

[type="search"]::placeholder {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}

[type="search"]:-ms-input-placeholder {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}

.search-box [type="search"]::placeholder {
  font-size: 16px;
  font-size: 1rem;
}

.search-box [type="search"]:-ms-input-placeholder {
  font-size: 16px;
  font-size: 1rem;
}

@media only screen and (max-width: 359px) {
  [data-placeholder] {
    margin-top: 25px;
    position: relative;
  }
  [data-placeholder]:before {
    content: attr(data-placeholder);
    display: block;
    position: absolute;
    top: -25px;
  }
  [data-placeholder]::-webkit-input-placeholder {
    opacity: 0 !important;
  }
  [data-placeholder]::-moz-placeholder {
    opacity: 0 !important;
  }
  [data-placeholder]:-ms-input-placeholder {
    color: transparent;
  }
}

@media only screen and (max-width: 640px) {
  ::-webkit-input-placeholder {
    font-size: 12px !important;
  }
  ::-moz-placeholder {
    font-size: 12px !important;
  }
  ::-moz-placeholder {
    font-size: 12px !important;
  }
  :-ms-input-placeholder {
    font-size: 12px !important;
  }
}

[class^="ui-"] select {
  display: inline-block;
}

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

.field-check .icon-16 {
  margin: 0 0 0 .4em;
}

.field--horizontal .icon-16,
.field-h .icon-16 {
  margin: 4px 1em 0 5px;
}

.field--horizontal .icon-16,
.field-h .icon-16 {
  float: left;
}

.field--horizontal label,
.field-h label {
  clear: none;
}

@media (min-width: 61.25em) {
  .field--s[class*="field-text"] > input,
  .field--s textarea,
  .field--s select,
  .field\:s[class*="field-text"] > input,
  .field\:s textarea,
  .field\:s select {
    height: 30px;
  }
}

.field-radio > .optgroup,
.field-check > .optgroup {
  font-family: "Open Sans", Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin: 0;
  padding: 5px 10px 0 0;
  text-indent: 4px;
  font-size: 16px;
  font-size: 1rem;
}

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

@media (min-width: 61.25em) {
  .show-desc option:after {
    content: attr(data-desc);
    display: inline-block;
    margin-left: .3em;
  }
}

[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: #ccc;
}

input[type="radio"][disabled] + i + span,
input[type="checkbox"][disabled] + i + span {
  color: #777;
}

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

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

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

[class*="field-text"] > input:focus,
textarea:focus,
select:focus {
  border: 1px solid #2463a4;
  box-shadow: 0 0 3px 3px rgba(66, 139, 202, 0.3);
}

.field-multiple,
.field-multiple2 {
  display: block;
}

.field-multiple > div,
.field-multiple > div,
.field-multiple2 > div,
.field-multiple2 > div {
  background-color: #fff;
  border: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-radius: 3px;
  margin: 0;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 3px 6px;
  transition: all .2s ease-out;
  -khtml-user-select: none;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.field-multiple > div span,
.field-multiple > div span,
.field-multiple2 > 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-multiple > div label + .optgroup,
.field-multiple2 > 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-multiple > div [type="radio"] + i,
.field-multiple > div [type="checkbox"] + i,
.field-multiple2 > div [type="radio"] + i,
.field-multiple2 > div [type="checkbox"] + i,
.field-multiple2 > div [type="radio"] + i,
.field-multiple2 > div [type="checkbox"] + i {
  top: 5px;
}

.field-multiple .field-radio label,
.field-multiple .field-check label {
  font-size: 13px;
  margin: 1px 0;
  padding: 0;
  position: relative;
  text-indent: 0;
  width: 100%;
}

.field-multiple .field-radio label span,
.field-multiple .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;
  font-family: "icomoon";
  font-size: 16px;
  font-style: normal;
  height: 16px;
  left: 0;
  line-height: 1;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 16px;
}

.field-multiple input:checked + i + span {
  background-color: #39f;
  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] {
  height: auto;
}

.field-multiple.resizable > div,
.field-multiple2.resizable > div {
  height: 150px;
  max-height: none;
  min-height: 150px;
  overflow-x: auto;
  overflow-y: scroll;
  position: relative;
  resize: vertical;
}

.field-error.field-multiple > div + div,
.field-error.field-multiple2 > div + div {
  background-color: transparent !important;
  border-width: 0;
  overflow: hidden;
}

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

.field-multiple [type="checkbox"]:focus + i,
.field-multiple [type="radio"]:focus + i {
  border-color: transparent;
  box-shadow: none;
}

.field-multiple [type="checkbox"]:focus + i + span:before,
.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;
}

.field-multiple [type="checkbox"]:checked:focus + i + span:before,
.field-multiple [type="radio"]:checked:focus + i + span:before {
  background-color: #006cb7;
}

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

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

[class*="field-text"] input {
  padding: 3px 31px 3px 6px;
}

textarea {
  height: 106px;
  min-height: 106px;
  resize: vertical;
}

textarea.input--xs.input--xs,
textarea.i\:xs.i\:xs {
  width: 100% !important;
}

textarea.input--s.input--s,
textarea.i\:s.i\:s {
  height: 36px;
  width: 100% !important;
}

textarea.input--m.input--m,
textarea.i\:m.i\:m {
  height: 105px;
  width: 100% !important;
}

textarea.input--l.input--l,
textarea.i\:l.i\:l {
  height: 174px;
  width: 100% !important;
}

textarea.input--xl.input--xl,
textarea.i\:xl.i\:xl {
  height: 243px;
  width: 100% !important;
}

textarea:focus,
textarea.autosize {
  height: 100px;
}

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

label,
.label,
.field-text label,
.field-area label,
.field-select label,
.field-text--datatime label,
.field-text--date label,
.field-text--time label,
.field-text\:dt label,
.field-text\:d label,
.field-text\:t label {
  line-height: 2em;
}

.field-check > label,
.field-radio > label {
  cursor: pointer;
  line-height: 1.5;
  margin-top: 1px;
  overflow: hidden;
  padding-left: 1.7em;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}

.field--horizontal.field-check > label,
.field--horizontal.field-radio > label,
.field-h.field-check > label,
.field-h.field-radio > label {
  margin-top: .5em;
}

[type="checkbox"],
[type="radio"] {
  left: -2em;
  position: absolute;
}

[type="checkbox"] ~ i,
[type="radio"] ~ i {
  background-color: #fff;
  border: 2px solid #aaa;
  border-radius: 2px;
  display: block;
  height: 16px;
  left: 2px;
  line-height: 16px;
  position: absolute;
  top: 2px;
  transition: all 0.2s ease-out;
  width: 16px;
}

[type="radio"] ~ i {
  border-radius: 50%;
}

[type="checkbox"]:checked ~ i,
[type="radio"]:checked ~ i {
  border-color: #2463a4;
}

[type="checkbox"]:focus ~ i,
[type="radio"]:focus ~ i {
  border-color: #41a0ff;
  box-shadow: 0 0 2px 2px rgba(66, 139, 202, 0.5);
}

[type="checkbox"]:checked ~ i:after {
  color: #2463a4;
  content: "\e911";
  font-family: "icomoon";
  font-style: normal;
  height: 16px;
  left: 1px;
  position: absolute;
  text-indent: 0;
  top: -2px;
  width: 16px;
  font-size: 10px;
  font-size: 0.625rem;
}

[type="radio"]:checked ~ i:after {
  background-color: #2463a4;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 6px;
}

[class*="ui-"] textarea {
  height: 100px;
}

.field-search input[type="search"] {
  height: 50px;
}

.field-button > .button-primary,
.field-button > .b\:pri,
.field-button > .button-secondary,
.field-button > .b\:sec {
  margin: 0;
  padding: 6px 10px 7px;
}

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

/* Focus */
input:focus,
select:focus,
textarea:focus {
  border-color: #2463a4;
  outline: 0;
}

/* Info icon */
[class*="field-"] .icon-info {
  cursor: help;
  margin-left: 5px;
  margin-top: .55em;
}

.field-radio .icon-info,
.field-check .icon-info {
  margin-top: 5px;
}

.has-info {
  overflow: hidden;
}

.field-radio.has-info label,
.field-check.has-info label,
.field-select.has-info select,
.field-area.has-info textarea,
.field-text.has-info input,
.has-info .icon-info {
  float: left;
}

.field-text--date.has-info .icon-info,
.field-text--time.has-info .icon-info,
.field-text--datetime.has-info .icon-info {
  float: none;
}

.field-radio.has-info label,
.field-check.has-info label,
.field-select.has-info select,
.field-area.has-info textarea,
.field-text.has-info input {
  width: calc(100% - 25px);
}

.field--horizontal.field--horizontal label,
.field-h.field-h label {
  width: auto;
}

.field--horizontal.has-info label,
.field-h.has-info label {
  margin-right: 0;
}

.field--horizontal.has-info .icon-info,
.field-h.has-info .icon-info {
  margin-top: 8px;
}

select {
  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, #fff 0%, #fff 100%);
  background-position: right 8px center, 0 0;
  background-repeat: no-repeat;
  padding-right: 20px;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

@supports (-webkit-overflow-scrolling: touch) {
  input,
  select,
  textarea {
    font-size: 16px;
    font-size: 1rem;
  }
}

.field-text.has-info .field-text--inline ~ * {
  display: inline;
  float: none;
}

.field-multiple.resizable > p,
.field-multiple2.resizable > p {
  height: 150px;
  max-height: none;
  min-height: 150px;
  overflow: scroll;
  resize: vertical;
}

.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,
.field-error.field-multiple i {
  display: none;
}

.form-error {
  clear: both;
  color: #c00;
  display: block;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-top: .5em;
  font-size: 12px;
  font-size: 0.75rem;
}

span.form-error {
  font-size: 11px;
  font-size: 0.6875rem;
}

.field-inline > div {
  display: table;
}

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

.field-inline > div > div:first-child {
  padding-left: 0;
}

.is-required label:after,
.is-required .label:after,
.field-check input[required] + i + span:before {
  color: #c00;
  content: "\e96e";
  font-family: icomoon;
  font-size: 6px;
  line-height: 1;
  margin-left: 3px;
  vertical-align: super;
}

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

.dropdown {
  display: inline-block;
  margin: .35em .4em 0 0;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}

.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: .1em;
}

.dropdown + .dropdown {
  margin-right: 1em;
}

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

.dropdown-menu {
  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;
  text-align: left;
  top: 100%;
  width: auto;
  z-index: 1000;
  font-size: 14px;
  font-size: 0.875rem;
}

.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: #2F7BA7;
  display: block;
  font-size: inherit;
  font-weight: normal;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  min-width: 100%;
  overflow: hidden;
  padding: 5px .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: .5em;
  vertical-align: sub;
}

.dropdown--left .dropdown-menu,
.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: .5em 1em;
  text-align: left;
}

.filters,
.filters2,
.filters\:r {
  margin-top: 1em;
}

.filters p,
.filters div,
.filters2 p,
.filters2 div,
.filters\:r p,
.filters\:r div {
  display: inline-block;
  margin: 0;
  vertical-align: bottom;
}

.filters p,
.filters > div,
.filters2 p,
.filters2 > div,
.filters\:r p,
.filters\:r > div {
  margin: 0 .25em 0 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.filters .field-button [class*="b:"],
.filters2 .field-button [class*="b:"],
.filters\:r .field-button [class*="b:"] {
  margin-top: 1em;
}

@media (min-width: 48em) {
  .filters2,
  .filters\:r {
    text-align: right;
  }
}

.filters\:s {
  margin: .25em 0;
}

.filters\:s label,
.filters\:s .label {
  line-height: 1.125em;
  min-height: 18px;
}

.filters\:s input,
.filters\:s select {
  height: 27px;
  padding: 0 5px;
}

.field-text\:d:after,
.field-text\:t:after {
  content: "";
  display: table;
  clear: both;
}

.field-text\:d i,
.field-text\:t i {
  border: 0;
  color: #aaa;
  display: block;
  font-family: icomoon;
  font-size: 16px;
  height: 36px;
  left: 0;
  line-height: 28px;
  margin-top: 0;
  position: relative;
  right: 0;
  text-align: center;
  width: 160px;
  z-index: 1;
}

.field-text\:d i:before,
.field-text\:t i:before {
  border-left: 1px solid #ccc;
  color: #aaa;
  display: inline-block;
  font-family: icomoon;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 4px;
  width: 28px;
  z-index: 4;
}

.field-text\:d i:after,
.field-text\:t i:after {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  border-width: 1px 1px 1px 1px;
  content: "";
  display: block;
  height: 36px;
  left: 0;
  position: absolute;
  top: 0;
  transition-duration: .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: 13px;
  margin-left: 1px;
  padding: 8px 0 8px 6px;
  position: relative;
  z-index: 4;
}

.field-text\:d input:focus,
.field-text\:t input:focus {
  box-shadow: none;
}

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

.input-wrapper {
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  z-index: 0;
}

.field-text\:d .icon-calendar,
.field-text\:t .icon-clock {
  border-left: 1px solid #ddd;
  color: #aaa;
  font-size: 18px;
  height: 28px;
  margin-left: -32px;
  padding: 6px 6px 5px;
  position: relative;
  text-align: center;
  top: 10px;
  width: 28px;
}

input[type="date"] {
  max-width: 126px;
  min-width: 126px;
}

input[type="time"] {
  max-width: 62px;
  min-width: 62px;
}

.field-text\:d i:before {
  content: "\e93b";
}

.field-text\:t i {
  width: 100px;
}

.field-text\:t i:before {
  content: "\e93a";
}

.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 + i:after {
  border-color: #2463a4;
  box-shadow: 0 0 3px 3px rgba(66, 139, 202, 0.3);
}

.field-text\:d input:focus {
  border: 0;
}

/* d2d */
.d2d {
  margin: 0;
}

.d2d .field-text\:d label,
.d2d .field-text\:t label {
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
  min-height: 0;
  padding: 3px 0 0;
  vertical-align: middle;
}

.d2d .field-text\:d,
.d2d .field-text\:t {
  display: inline-block;
  margin: 0 0 .5em;
  vertical-align: top;
}

.d2d .label + .field-text\:d,
.d2d .label + .field-text\:t {
  margin-right: .25em;
}

.field-text--date,
.field-text--time {
  text-align: left;
}

.field-text--date label,
.field-text--time label {
  line-height: 2em;
}

.field-text--date .icon-calendar,
.field-text--date .icon-clock,
.field-text--time .icon-calendar,
.field-text--time .icon-clock {
  border-left: 1px solid #ddd;
  color: #aaa;
  font-size: 18px;
  height: 28px;
  margin-left: -32px;
  padding: 6px 6px 5px;
  position: relative;
  text-align: center;
  top: 10px;
  width: 28px;
}

.field-text--date input,
.field-text--time input {
  float: left;
  max-width: 125px;
  padding-right: 40px;
}

.field-text--date:after,
.field-text--time:after {
  clear: both;
  content: "";
  display: table;
}

.field-text--date input[type="date"] {
  max-width: 165px;
  min-width: 165px;
}

.field-text--time input[type="time"] {
  max-width: 115px;
  min-width: 115px;
}

.format-message {
  clear: both;
  display: block;
  font-size: 12px;
  line-height: 1.2;
  margin: 0 0 5px;
  padding: 5px 0 0;
}

.error-message {
  clear: both;
  display: block;
  margin: 0;
  padding: 0;
}

.error-message label.error {
  color: #c00;
  font-size: 12px;
  line-height: 1.2;
  margin: 0 0 5px;
  min-height: 0;
  padding: 5px 0 0;
}

.error-message label.error:after {
  content: "";
}

.format-message + .error-message label {
  padding-top: 0;
}

input[type="search"],
[class*="field-text"] input,
textarea,
select {
  float: left;
}

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

.field-text .error + i,
.field-text .valid + i {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  display: block;
  height: 28px;
  margin-top: 4px;
  position: absolute;
  right: 4px;
  width: 28px;
}

.field-text .error + i:before,
.field-text .valid + i:before {
  color: #aaa;
  display: inline-block;
  font-family: icomoon;
  font-size: 16px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  width: 28px;
}

[class*="field-text"] .error + i:before {
  color: #c00;
  content: "\e957";
}

[class*="field-text"] .valid + i:before {
  color: green;
  content: "\e911";
}

.panel {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: .5em;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}

.panel dl {
  margin-bottom: .2em;
}

.panel dd {
  color: inherit;
}

.panel.mobile {
  border-width: 0;
  padding: .5em 1em;
}

.panel p {
  margin: 0;
}

.panel h3 {
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 .5em;
}

.panel h3 + p {
  margin-top: .75em;
}

.lista-lekarzy .panel {
  min-height: 122px;
}

.lista-lekarzy .panel > div {
  min-height: 100px;
}

@media (min-width: 48em) {
  .panel .avatar {
    margin-bottom: 1em;
  }
}

@media (min-width: 61.25em) {
  .panel.mobile {
    border-width: 1px;
  }
}

.panel-light {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.15);
}

.panel-light.termin {
  padding: .5em;
}

.card {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 1.5rem;
  overflow: hidden;
  padding: .25em 1em;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}

.card p {
  margin: 0.25em 0;
}

.results-item {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  clear: both;
  margin: 0;
  padding: 1em .5em;
  position: relative;
  font-size: 14px;
  font-size: 0.875rem;
}

.results-item h2,
.results-item h3,
.results-item h4,
.results-item .h2,
.results-item .h3,
.results-item .h4,
.results-item p {
  margin: 0 .3em .6em 0;
}

.results-item a,
.results-item > a:hover {
  text-decoration: none;
}

@media (min-width: 15em) {
  .results-item .ag {
    padding: 0 .8em;
  }
}

@media (min-width: 61.25em) {
  .results-item .ag {
    padding: 0 .2em;
  }
}

.results-item-title {
  color: #666;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}

.results-item-title span {
  font-weight: normal;
}

.results-item-info {
  color: #444;
  line-height: 1.3em;
  margin: 0 0 0 10px;
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}

.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: 48em) {
  .results-services-status span {
    display: inline-block;
    line-height: 16px;
    margin-right: 10px;
    vertical-align: bottom;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

.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: 48em) {
  .results {
    margin: 0;
    overflow: visible;
  }
  .results-item + .results-item {
    margin-top: 1em;
  }
}

.search-results {
  margin: .5em 0 1em;
  position: relative;
  width: 100%;
}

.search-results h3:first-child {
  margin-top: 0;
}

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

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

.item-title {
  color: #666;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 0 10px;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
}

.item-title span {
  font-weight: 400;
}

.item-info {
  color: #444;
  line-height: 1.3em;
  margin: 0 0 0 10px;
  text-align: left;
  font-size: 12px;
  font-size: 0.75rem;
}

.item-icon {
  max-width: 60px;
  padding: 0;
  flex: 0 0 auto;
}

.message-item {
  overflow: hidden;
  transition: max-height .5s;
}

.results-item > [class^="message-"] {
  bottom: 0;
  height: auto;
  left: 0;
  margin: -1px;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}

.results-item + .message-item {
  max-height: 0;
}

.results-item[style*="none"] + .message-item {
  max-height: none;
}

.div-selected {
  background-color: #bfe8ff;
}

.panel-free-term {
  font-size: 13px;
  font-size: 0.8125rem;
}

.panel-free-term a {
  display: block;
  padding: 0 0 .2em;
}

.panel-free-term .icon-24 {
  margin: 4px 0;
}

#galleria {
  height: 180px;
}

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

@media (min-width: 48em) {
  #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 {
  content: attr(data-day);
  display: block;
  font-weight: 700;
  padding: 5px 0;
  font-size: 13px;
  font-size: 0.8125rem;
}

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

@media (min-width: 48em) {
  .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 .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;
}

@media (min-width: 61.25em) {
  .timetable-list a:hover:before {
    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;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media (max-width: 61.187em) {
  .timetable-list a:before {
    color: #000;
    content: attr(data-name);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .timetable-list a:hover:before {
    text-decoration: none;
  }
}

.timetable-list li {
  color: #666;
  float: left;
  width: 100%;
}

.timetable-list a,
.timetable-list span {
  display: block;
  padding: .5em .5em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 40em) {
  .timetable-list li {
    width: 25%;
  }
}

@media (min-width: 48em) {
  .timetable-list li {
    width: 20%;
  }
}

@media (min-width: 61.25em) {
  .timetable-list li {
    width: 4em;
  }
}

.slider-arrows {
  overflow: hidden;
  padding: 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;
}

.panel-info p,
.panel-info h2 {
  margin: .2em 0 0;
  text-align: center;
}

.panel-info h2 {
  font-weight: 700;
}

@media (min-width: 48em) {
  .panel-info p,
  .panel-info h2 {
    margin: 0;
    text-align: left;
  }
}

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

@media (min-width: 61.25em) {
  .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;
  }
}

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

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

.schedule-container .hour {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
}

.schedule-container a:focus .hour,
.schedule-container .hour a:focus {
  background-color: #2F7BA7;
  color: #fff;
}

.schedule-container .hour,
.schedule-container .hour > a {
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0;
  transition: all .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: #3790c4;
  color: #fff;
}

@media (max-width: 61.187em) {
  .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: .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: 48em) {
  .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: .5%;
  }
  .schedule-container .schedule-list {
    margin: .5em;
  }
}

@media (min-width: 61.25em) {
  .calendar th,
  .calendar td {
    line-height: 50px;
    font-size: 22px;
    font-size: 1.375rem;
  }
  .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: .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 .2s ease-out;
  width: 200%;
}

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

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

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

.margin-all.margin-all,
.m\:all.m\:all {
  margin: .5em 1em;
}

.m\:auto.m\:auto {
  margin-left: auto;
  margin-right: auto;
}

.margin-none.margin-none,
.m\:0.m\:0 {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}

.margin-auto.margin-auto,
.m-v\:0.m-v\:0 {
  margin-bottom: 0;
  margin-top: 0;
}

.margin-sides--none.margin-sides--none,
.m-h\:0.m-h\:0 {
  margin-left: 0;
  margin-right: 0;
}

.m-t\:xxs.m-t\:xxs {
  margin-top: .1em;
}

.m-t\:xs.m-t\:xs {
  margin-top: .25em;
}

.margin-top--xs.margin-top--xs,
.m-t\:s.m-t\:s {
  margin-top: .5em;
}

.margin-top.margin-top,
.margin-top--s.margin-top--s,
.m-t.m-t {
  margin-top: 1em;
}

.m-t\:l.m-t\:l {
  margin-top: 1.25em;
}

.margin-top--m.margin-top--m,
.m-t\:xl.m-t\:xl {
  margin-top: 1.5em;
}

.margin-top--l.margin-top--l,
.m-t\:xxl.m-t\:xxl {
  margin-top: 2em;
}

.margin-top--xxl.margin-top--xxl,
.m-t\:xxxl.m-t\:xxxl {
  margin-top: 4em;
}

.margin-top--none.margin-top--none,
.m-t\:0.m-t\:0 {
  margin-top: 0;
}

.m-b\:xxs.m-b\:xxs {
  margin-bottom: .1em;
}

.m-b\:xs.m-b\:xs {
  margin-bottom: .25em;
}

.margin-bottom--xs.margin-bottom--xs,
.m-b\:s.m-b\:s {
  margin-bottom: .5em;
}

.margin-bottom.margin-bottom,
.margin-bottom--s.margin-bottom--s,
.m-b.m-b {
  margin-bottom: 1em;
}

.m-b\:l.m-b\:l {
  margin-bottom: 1.25em;
}

.margin-bottom--m.margin-bottom--m,
.m-b\:xl.m-b\:xl {
  margin-bottom: 1.5em;
}

.margin-bottom--l.margin-bottom--l,
.m-b\:xxl.m-b\:xxl {
  margin-bottom: 2em;
}

.margin-bottom--xxl.margin-bottom--xxl,
.m-b\:xxxl.m-b\:xxxl {
  margin-bottom: 4em;
}

.margin-bottom--none.margin-bottom--none,
.m-b\:0.m-b\:0 {
  margin-bottom: 0;
}

.m-l\:xxs.m-l\:xxs {
  margin-left: .1em;
}

.m-l\:xs.m-l\:xs {
  margin-left: .25em;
}

.margin-left--s.margin-left--s,
.m-l\:s.m-l\:s {
  margin-left: .5em;
}

.margin-left.margin-left,
.m-l.m-l {
  margin-left: 1em;
}

.m-l\:l.m-l\:l {
  margin-left: 1.25em;
}

.margin-left--l.margin-left--l,
.m-l\:xl.m-l\:xl {
  margin-left: 1.5em;
}

.margin-left--xl.margin-left--xl,
.m-l\:xxl.m-l\:xxl {
  margin-left: 2em;
}

.m-l\:xxxl.m-l\:xxxl {
  margin-left: 4em;
}

.m-l\:0.m-l\:0 {
  margin-left: 0;
}

.m-r\:xxs.m-r\:xxs {
  margin-right: .1em;
}

.m-r\:xs.m-r\:xs {
  margin-right: .25em;
}

.margin-right--s.margin-right--s,
.m-r\:s.m-r\:s {
  margin-right: .5em;
}

.margin-right.margin-right,
.m-r.m-r {
  margin-right: 1em;
}

.m-r\:l.m-r\:l {
  margin-right: 1.25em;
}

.margin-right--l.margin-right--l,
.m-r\:xl.m-r\:xl {
  margin-right: 1.5em;
}

.margin-right--xl.margin-right--xl,
.m-r\:xxl.m-r\:xxl {
  margin-right: 2em;
}

.m-r\:xxxl.m-r\:xxxl {
  margin-right: 4em;
}

.m-r\:0.m-r\:0 {
  margin-right: 0;
}

.m-h.m-h,
.margin-left-right.margin-left-right {
  margin-left: 1em;
  margin-right: 1em;
}

.m-v.m-v {
  margin-top: 1em;
  margin-bottom: 1em;
}

.m-v\:s.m-v\:s {
  margin-top: .5em;
  margin-bottom: .5em;
}

.m-v\:xs.m-v\:xs {
  margin-top: .25em;
  margin-bottom: .25em;
}

.m-v\:-m {
  margin-bottom: -1em;
  margin-top: -1em;
}

.m-v\:-s {
  margin-bottom: -.5em;
  margin-top: -.5em;
}

.m-v\:-xs {
  margin-bottom: -.25em;
  margin-top: -.25em;
}

.m-h\:-m {
  margin-left: -1em;
  margin-right: -1em;
}

.m-h\:-s {
  margin-left: -.5em;
  margin-right: -.5em;
}

.m-h\:-xs {
  margin-left: -.25em;
  margin-right: -.25em;
}

.m-t\:-m {
  margin-top: -1em;
}

.m-t\:-s {
  margin-top: -.5em;
}

.m-t\:-xs {
  margin-top: -.25em;
}

.m-b\:-m {
  margin-bottom: -1em;
}

.m-b\:-s {
  margin-bottom: -.5em;
}

.m-b\:-xs {
  margin-bottom: -.25em;
}

.m-l\:-m {
  margin-left: -1em;
}

.m-l\:-s {
  margin-left: -.5em;
}

.m-l\:-xs {
  margin-left: -.25em;
}

.m-r\:-m {
  margin-right: -1em;
}

.m-r\:-s {
  margin-right: -.5em;
}

.m-r\:-xs {
  margin-right: -.25em;
}

.m-p\:0 p {
  margin: 0;
}

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

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

.block.block,
.display--block.display--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) {
  .md-inline.md-inline,
  .d_m\:i.d_m\:i {
    display: inline;
  }
  .md-inline-block.md-inline-block,
  .d_m\:i-b.d_m\:i-b {
    display: inline-block;
  }
  .md-block.md-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) {
  .pd-inline.pd-inline,
  .d_p\:i.d_p\:i {
    display: inline;
  }
  .pd-inline-block.pd-inline-block,
  .d_p\:i-b.d_p\:i-b {
    display: inline-block;
  }
  .pd-block.pd-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) {
  .td-inline.td-inline,
  .d_t\:i.d_t\:i {
    display: inline;
  }
  .td-inline-block.td-inline-block,
  .d_t\:i-b.d_t\:i-b {
    display: inline-block;
  }
  .td-block.td-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) {
  .dd-inline.dd-inline,
  .d_d\:i.d_d\:i {
    display: inline;
  }
  .dd-inline-block.dd-inline-block,
  .d_d\:i-b.d_d\:i-b {
    display: inline-block;
  }
  .dd-block.dd-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;
}

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

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

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

.clear--all.clear--all,
.cl\:b.cl\:b {
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

.top\:0.5.top\:0.5 {
  top: .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.bottom,
.btm\:0.btm\:0 {
  bottom: 0;
}

.btm\:0.5.btm\:0.5 {
  bottom: .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;
}

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

.lft\:0.5.lft\:0.5 {
  left: .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;
}

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

.rgt\:0.5.rgt\:0.5 {
  right: .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.187em) {
  .text--center-t.text--center-t,
  .t-a_t\:c.t-a_t\:c {
    text-align: center !important;
  }
  .text--left-t.text--left-t,
  .t-a_t\:l.t-a_t\:l {
    text-align: left !important;
  }
  .text--right-t.text--right-t,
  .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.937em) {
  .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.937em) {
  .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;
  }
}

[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.p\:all {
  padding: .5em 1em;
}

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

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

.v-p--xxs.v-p--xxs,
.p-v\:xs.p-v\:xs {
  padding-bottom: 0.25em;
  padding-top: 0.25em;
}

.v-p--xs.v-p--xs,
.p-v\:s.p-v\:s {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

.v-p--s.v-p--s,
.p-v.p-v {
  padding-bottom: 1em;
  padding-top: 1em;
}

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

.v-p--l.v-p--l,
.p-v\:xl.p-v\:xl {
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}

.h-p--xl.h-p--xl,
.p-v\:xxl.p-v\:xxl {
  padding-bottom: 2em;
  padding-top: 2em;
}

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

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

.h-p--xxs.h-p--xxs,
.p-h\:xs.p-h\:xs {
  padding-left: 0.25em;
  padding-right: 0.25em;
}

.h-p--xs.h-p--xs,
.p-h\:s.p-h\:s {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.h-p--s.h-p--s,
.p-h.p-h {
  padding-left: 1em;
  padding-right: 1em;
}

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

.h-p--l.h-p--l,
.p-h\:xl.p-h\:xl {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.h-p--xl.h-p--xl,
.p-h\:xxl.p-h\:xxl {
  padding-left: 2em;
  padding-right: 2em;
}

.no-h-p.no-h-p,
.p-h\:0.p-h\:0 {
  padding-left: 0;
  padding-right: 0;
}

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

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

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

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

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

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

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

.no-t-p.no-t-p,
.p-t\:0.p-t\:0 {
  padding-top: 0;
}

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

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

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

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

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

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

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

.no-b-p.no-b-p,
.p-b\:0.p-b\:0 {
  padding-bottom: 0;
}

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

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

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

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

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

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

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

.no-l-p,
.p-l\:0.p-l\:0 {
  padding-left: 0;
}

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

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

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

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

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

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

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

.no-r-p.no-r-p,
.p-r\:0.p-r\:0 {
  padding-right: 0;
}

.is-visible {
  visibility: visible;
}

.is-invisible {
  visibility: hidden;
}

.is-hidden {
  display: none;
}

.ie8 [hidden],
.ie9 [hidden],
.ie10 [hidden] {
  display: none !important;
}

.ag,
.box {
  position: relative;
}

.ag:after,
.box:after {
  content: "";
  display: table;
  clear: both;
}

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

.box:before {
  content: "";
  display: block;
  overflow: hidden;
  width: 100%;
}

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

.rounded {
  border-radius: 5px;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.w-50 {
  width: 50%;
}

.w-auto {
  width: auto;
}

.o\:h {
  overflow: hidden;
}

.flex {
  display: flex;
  width: 100%;
}

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

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

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

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

@media (max-width: 47.937em) {
  .flex {
    flex-direction: column;
  }
  .flex.flex-r {
    flex-direction: row;
  }
}

@media (min-width: 48em) {
  .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;
  }
}

.shadow {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  clear: both;
  display: block;
  height: 1px;
  margin: .5em 0 .5em;
  padding: 0;
}

hr.dotted {
  border-style: dotted;
}

hr.dashed {
  border-style: dashed;
}

fieldset + hr {
  margin-top: -.5em;
}

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

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

@media (max-width: 39.937em) {
  .divider {
    border: 0;
    border-top: 1px dotted #ccc;
    padding: .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: 48em) {
  .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.25em) {
  .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), white);
  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), #f6f6f6);
}

.table-data {
  clear: both;
  margin-bottom: 1em;
}

@media (max-width: 61.187em) {
  .table-data table {
    margin-top: -1px;
    width: 100%;
  }
  .table-data tr {
    background-color: #fff;
  }
  .table-data thead,
  .table-data tbody th {
    display: none;
  }
  .table-data td {
    background-color: #fff;
    color: #444;
    display: block;
    font-weight: 400;
    padding: 0 10px 3px;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .table-data td:before {
    content: attr(data-header);
    display: block;
    font-weight: 400;
    margin-top: .2em;
    white-space: nowrap;
    font-size: 11px;
    font-size: 0.6875rem;
  }
  .table-data .cell-btns a {
    display: inline-block;
    font-weight: 400;
    padding: 5px;
  }
  .table-data li {
    margin-left: 15px;
  }
}

@media (min-width: 61.25em) {
  .table-data {
    clear: both;
  }
  .table-data > table {
    width: 100%;
  }
  .table-data th {
    background-color: #fff;
    line-height: 1.2;
    padding: 15px 5px;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .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 {
    background-color: #f9f9f9;
    float: none;
    font-weight: normal;
    padding: 5px 10px;
    width: auto;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .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-weight: normal;
    line-height: 1.2;
    list-style: outside;
    margin-left: 10px;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .table-data .dropdown li {
    font-size: inherit;
    line-height: 1.5;
    list-style: none;
    margin-left: 0;
  }
}

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

@media (min-width: 61.25em) {
  .table-data {
    border: 1px solid #ccc;
    border-radius: 0.3em;
  }
  .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,
  .table-data 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-weight: 700;
    padding: 5px 10px;
    vertical-align: text-top;
    font-size: 13px;
    font-size: 0.8125rem;
  }
  .table-data tfoot td {
    background-color: #e9e9e9;
    font-size: 15px;
    font-size: 0.9375rem;
  }
  .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: 4px 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 4px 0 0;
  }
  .table-data tbody tr:last-child td:last-child,
  .table-data tfoot tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
  }
  .table-data tbody tr:last-child td:first-child,
  .table-data tfoot tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
  }
  .table-data tfoot tr:last-child td:first-child:last-child {
    border-radius: 0 0 4px 4px;
  }
  .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: 4px 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.187em) {
  .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 {
  table-layout: fixed;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
}

.table-price td {
  border-top: 1px dashed #aaa;
  padding: .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 .5em;
}

@media (min-width: 15em) {
  .table-results .table-results-info {
    display: inline;
    min-width: 150px;
  }
  .table-results .table-results-info .p-icon {
    display: block;
  }
}

@media (min-width: 61.25em) {
  .table-results .table-results-info {
    display: inline-block;
    vertical-align: top;
  }
  .table-results .table-results-info .p-icon {
    display: block;
  }
}

.table-results td {
  padding: .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.25em) {
  .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 {
  color: #666;
  font-weight: 700;
  overflow: hidden;
  padding: 0 10px 0 10px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-size: 0.8125rem;
}

.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 {
  background-color: #eee;
  color: #ccc;
  line-height: 1;
  text-align: center;
  font-size: 36px;
  font-size: 2.25rem;
}

.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.187em) {
  .table-data table tbody {
    border: 1px solid #ccc;
  }
  .table-data table tbody tr {
    border-top: 1px solid #ccc;
    padding: 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.25em) {
  .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) {
  table,
  tbody,
  thead,
  tfoot,
  tr {
    clear: both;
    display: block;
    overflow: hidden;
  }
  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 .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 {
    border-bottom: 1px solid #999;
    margin: 0;
    padding: 10px 5px;
    vertical-align: middle;
  }
  .table-data tfoot td:before {
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .table-data table {
    border-top-width: 0;
  }
  .table-data td {
    background-color: transparent;
    padding: 0 0 .3em;
  }
  .table-data td:first-child {
    padding-top: .3em;
  }
  tfoot .mc-2.mc-2 {
    margin: 0;
    padding-left: .5em;
    padding-right: .5em;
    width: 50%;
  }
  .separate-m.separate-m,
  :first-child .separate-m {
    border-top: 1px dotted #aaa;
    margin-top: .5em;
  }
  .table-data table {
    border-bottom: 1px solid #aaa;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  table,
  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 .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: .5em;
    padding-right: .5em;
    width: 50%;
  }
  .table-data td {
    background-color: transparent;
    padding: .4em 0 .8em;
  }
  .separate-t.separate-t {
    border-top: 1px dotted #aaa;
  }
  .table-data tfoot td:before {
    display: inline-block;
    margin: 0 5px;
    vertical-align: bottom;
    font-size: 14px;
    font-size: 0.875rem;
  }
  .table-data table {
    border-bottom: 1px solid #aaa;
  }
}

@media (min-width: 61.25em) {
  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 {
  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;
  font-size: 12px;
  font-size: 0.75rem;
}

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

.filter {
  display: none;
  left: 5px;
  margin-top: -21px;
  position: absolute;
  text-align: left;
  text-transform: none;
  top: 100%;
}

.filter .filter-switch {
  background-color: transparent;
  display: block;
  border: 1px solid transparent;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0 1px;
  outline: 0;
  padding: 4px 4px 8px;
  position: relative;
  z-index: 1;
  width: 28px;
}

.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,
.filter .filter-content > p {
  border-width: 0 0 1px 0;
}

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

.on-list label,
.on-list p {
  line-height: 24px;
  margin: 0;
}

.on-list label,
.on-list input {
  display: inline-block;
  float: none;
  margin: 0 3px;
  font-size: 14px;
  font-size: 0.875rem;
}

.on-list .b\:pri,
.on-list .b\:sec,
.on-list input {
  height: 26px;
}

.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--black,
.c\:black {
  color: #000 !important;
}

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

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

.color--blue,
.c\:blue {
  color: #0070a5 !important;
}

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

.brd-c\:blue {
  border-color: #0070a5 !important;
}

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

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

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

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

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

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

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

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

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

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

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

.brd-c\:orange {
  border-color: #e5721c !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--red,
.c\:red {
  color: #c00 !important;
}

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

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

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

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

.brd-c\:silver {
  border-color: #c0c0c0 !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--yellow,
.c\:yellow {
  color: #dc9000 !important;
}

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

.brd-c\:yellow {
  border-color: #dc9000 !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--nfz,
.c\:nfz {
  color: #233883 !important;
}

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

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

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

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

.brd-c\:light-green {
  border-color: #458538 !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--light-red,
.c\:light-red {
  color: #c23636 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.loader:before,
.loader:after,
.loader {
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
  border-radius: 50%;
  height: 1.5em;
  width: 1.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.loader {
  -webkit-animation-delay: -.16s;
  animation-delay: -.16s;
  color: #4b8fbe;
  font-size: .75em;
  margin: -1em auto 2.5em;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  -webkit-animation-delay: -.32s;
  animation-delay: -.32s;
  left: -3.5em;
}

.loader:after {
  left: 3.5em;
}

.loader:before,
.loader:after {
  content: "";
  position: absolute;
  top: 0;
}

@-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 {
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  vertical-align: bottom;
  width: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}

img {
  font-size: 10px;
  font-size: .625rem;
  max-width: 100%;
  vertical-align: bottom;
}

.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 .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: "\00a0";
}

.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: "\00a0";
}

.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: "\00a0";
}

.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: "\00a0";
}

.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: "\00a0";
}

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

.icon-help {
  font-size: 14px !important;
}

.icon {
  font-family: icomoon;
}

@media (min-width: 61.25em) {
  .location-list {
    height: auto;
  }
  .location-map {
    height: auto;
  }
}

@media (min-width: 48em) {
  .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;
  }
}

.location-map {
  border: 1px solid #bbb;
  overflow: hidden;
}

.location-map-wrapper {
  background-color: #eee;
  margin: 0 auto;
}

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

@media screen and (min-width: 960px) {
  .h-295 {
    height: 295px;
  }
  .displace {
    bottom: 1em;
    position: absolute;
  }
}

@media (max-width: 61.187em) {
  .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: .5em;
  }
  .fullpage .location-map {
    display: block !important;
    height: 35%;
    max-height: 35%;
  }
  .fullpage .olMap {
    position: relative;
  }
  .fullpage .search-panel {
    display: none;
  }
  .fullpage .location-map .link-icon {
    background-color: #fff;
    display: block;
    position: absolute;
    right: 1px;
    top: 1px;
  }
  .fullpage .location-map .link-icon:hover {
    background-color: #2F7BA7;
  }
  .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: .5em 0 1.5em;
}

@media (max-width: 61.187em) {
  .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: .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;
  }
  .full-screen .button-back {
    display: none;
  }
}

@media (min-width: 15em) {
  .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: 48em) {
  .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-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 .2s;
}

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

@media (min-width: 48em) {
  .search-content {
    margin: 0 auto;
    margin-left: 25%;
    transition: all .3s ease;
    width: 75%;
  }
  .search-messages {
    margin-left: 25%;
    width: 75%;
  }
}

@media (min-width: 61.25em) {
  .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 .2s ease;
  }
  .search-inner-narrow {
    padding: 1em 0;
  }
  .search-content {
    margin: 0 auto;
    margin-left: 17.16667%;
    transition: all .3s ease;
    width: 65.66667%;
  }
  .search-messages {
    margin-left: 17.16667%;
    width: 65.66667%;
  }
}

.top-search {
  display: block;
  margin: .5em auto 1em;
  position: relative;
  width: 300px;
}

.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: 266px;
}

.top-search-button {
  background-color: #eee;
  border: 1px solid #ccc;
  border-left-width: 0;
  border-radius: 0 16px 16px 0;
  color: #666;
  cursor: pointer;
  font-family: "icomoon" !important;
  float: right;
  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 (min-width: 48em) {
  .top-search {
    display: block;
    left: 45%;
    margin: 0 auto;
    position: absolute;
    top: -57px;
    transform: translate(-50%);
  }
  .crumbs-strap ~ .top-search {
    margin: 0 auto;
  }
  .top-search-input {
    border-width: 0;
    height: 44px;
    width: 256px;
  }
  .top-search-button {
    border-width: 0;
    font-size: 24px;
    height: 44px;
    width: 44px;
  }
}

@media (min-width: 61.25em) {
  .top-search {
    top: -57px;
  }
}

div.field-search-text {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
}

div.field-search-text > div {
  display: table-cell;
  vertical-align: middle;
}

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="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;
  height: 36px;
  margin: 0;
  white-space: nowrap;
}

div.field-search-text > div + div {
  width: 70px;
}

@media (min-width: 640px) {
  div.field-search-text div.field-search-text > div + div {
    width: 180px;
  }
}

.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,
p.field-search-text {
  margin: .5em 0;
  padding-right: 50px;
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
}

p.field-search--text span:first-child,
p.field-search-text span:first-child {
  display: block;
  height: 50px;
}

p.field-search--text [type="search"],
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,
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,
p.field-search-text .button-primary:focus,
p.field-search-text .b\:pri:focus {
  border-color: #006cb7;
  box-shadow: none;
}

@media (min-width: 40em) {
  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;
  }
}

.avatar {
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  margin: 0 1em 0 0;
  position: relative;
  transition: all .2s ease-out;
  width: 50px;
}

.avatar img {
  border-radius: 5px;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  transition: all .2s ease-out;
}

.avatar.favorite {
  cursor: pointer;
}

.avatar.favorite:after {
  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;
  font-size: 16px;
  font-size: 1rem;
}

.avatar.fl\:r {
  margin: 0 0 0 1em;
}

@media (max-width: 61.187em) {
  .full-screen .avatar {
    height: 100px;
    margin: .5em 2em .5em auto;
    width: 100px;
  }
}

@media (min-width: 48em) {
  .avatar {
    height: 60px;
    width: 60px;
  }
  .avatar.favorite:after {
    height: 30px;
    width: 30px;
  }
  .avatar\:s {
    height: 50px;
    width: 50px;
  }
  .avatar--l,
  .avatar\:l {
    height: 80px;
    width: 80px;
  }
  .avatar\:xl {
    height: 100px;
    width: 100px;
    margin: 0 1.5em 0 0;
  }
  .avatar\:xxl {
    height: 120px;
    width: 120px;
    margin: 0 1.5em 0 0;
  }
  .avatar\:xl.fl\:r,
  .avatar\:xxl.fl\:r {
    margin: 0 0 0 1.5em;
  }
  .avatar.float--left + div,
  .avatar.fl\:l + div {
    float: none;
    margin-left: 75px;
  }
  .avatar.avatar--l.float--left + div,
  .avatar.avatar\:l.fl\:l + div {
    float: none;
    margin-left: 100px;
  }
}

.panel-free-term {
  font-size: 13px;
  font-size: 0.8125rem;
}

.panel-free-term a {
  display: block;
  padding: 0 0 .2em;
}

.panel-free-term .icon-24 {
  margin: 4px 0;
}

#galleria {
  height: 180px;
}

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

@media (min-width: 48em) {
  #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 {
  content: attr(data-day);
  display: block;
  font-weight: 700;
  padding: 5px 0;
  font-size: 13px;
  font-size: 0.8125rem;
}

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

@media (min-width: 48em) {
  .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 .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;
}

@media (min-width: 61.25em) {
  .timetable-list a:hover:before {
    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;
    font-size: 12px;
    font-size: 0.75rem;
  }
}

@media (max-width: 61.187em) {
  .timetable-list a:before {
    color: #000;
    content: attr(data-name);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
  .timetable-list a:hover:before {
    text-decoration: none;
  }
}

.timetable-list li {
  color: #666;
  float: left;
  width: 100%;
}

.timetable-list a,
.timetable-list span {
  display: block;
  padding: .5em .5em;
  font-size: 14px;
  font-size: 0.875rem;
}

@media (min-width: 40em) {
  .timetable-list li {
    width: 25%;
  }
}

@media (min-width: 48em) {
  .timetable-list li {
    width: 20%;
  }
}

@media (min-width: 61.25em) {
  .timetable-list li {
    width: 4em;
  }
}

.slider-arrows {
  overflow: hidden;
  padding: 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;
}

.mod-1 {
  background-color: #fff;
  border: 1px solid #ccc;
  height: auto;
  margin-bottom: 1em;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.mod-1 * {
  transition: all .2s;
}

.mod-1 section {
  margin: 0;
  padding: 0;
  position: relative;
}

.mod-1 .mod-left {
  background-color: #eee;
}

.mod-1 .mod-right {
  overflow: hidden;
  top: 0;
}

.mod-1 .mod-right .mod-top {
  background-color: #fff;
}

.mod-1 .mod-top,
.mod-1 .mod-bottom {
  overflow: hidden;
  padding: .5em;
  position: relative;
}

.mod-1 p {
  line-height: 1.2;
  margin: 0 0 .2em;
}

.mod-1 .mod-image {
  border: 1px solid #ccc;
  border-radius: 3px;
  float: left;
  height: 50px;
  overflow: hidden;
  width: 50px;
}

.mod-1 .mod-lekarz {
  background-color: #fff;
  padding: .5em 1em .5em .5em;
}

.mod-1 .mod-lekarz p {
  line-height: 1;
}

.mod-1 .mod-info {
  margin-left: 60px;
  min-height: 50px;
}

.mod-1 .mod-placowka {
  padding: .5em .75em;
}

.mod-1 .mod-details {
  margin-top: .75em;
  text-align: center;
}

.mod-1 .mod-data {
  float: left;
  margin-bottom: 5px;
  width: 50%;
}

.mod-1 .mod-status {
  float: left;
  width: 50%;
}

.mod-1 .mod-status div p {
  font-weight: 700;
  margin: 5px 0 0 0;
  padding: 8px 10px;
  text-align: center;
  text-transform: uppercase;
}

@media (min-width: 48em) {
  .mod-1 {
    display: table;
    height: auto;
    width: 100%;
  }
  .mod-1 section {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 50%;
  }
  .mod-1 .mod-left {
    border-right: 1px solid #ccc;
    height: 100%;
  }
  .mod-1 .mod-placowka {
    bottom: 0;
  }
  .mod-1 .mod-top,
  .mod-1 .mod-bottom {
    padding: .5em 1em;
  }
  .mod-1 .mod-top,
  .mod-1 .mod-lekarz {
    min-height: 90px;
  }
  .mod-1 .mod-bottom {
    min-height: 105px;
  }
  .mod-1 .mod-details {
    display: none;
  }
  .mod-1 .mod-right {
    cursor: default;
  }
  .mod-1 .mod-right:focus {
    top: 0;
  }
  .mod-1 .mod-lekarz p + p + p {
    line-height: 1.2;
    max-height: 34px;
    min-height: 16px;
    overflow: hidden;
  }
}

.status--confirm {
  background-color: #4eac4e;
  color: #fff;
}

.status--denied {
  background-color: #c25252;
  color: #fff;
}

.status--waiting {
  background-color: #e67e22;
  color: #fff;
}

.mod-confirm {
  background-color: #e1f3d6;
}

.mod-denied {
  background-color: #f7d6d7;
}

.mod-waiting {
  background-color: #f9dec6;
}

[class*="mod-"] * {
  transition: all .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.187em) {
  .mod-3:nth-child(even) {
    clear: left;
  }
}

@media (min-width: 61.25em) {
  .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;
  }
}

#cookie_info {
  background-color: transparent;
  line-height: 20px;
  margin: 0 auto;
  min-height: 60px;
  text-align: center;
  z-index: 100;
  max-width: 100%;
}

#cookie_info else {
  max-width: none;
}

#cookie_info p {
  padding: 5px;
  font-size: 11px;
  font-size: 0.6875rem;
}

@media (min-width: 40em) {
  #cookie_info p {
    margin: 0;
    padding: 10px 5px 0;
    text-align: center;
  }
  #cookie_info p br {
    display: block;
  }
}

#cookie_info p br {
  display: none;
}

.kml_widget {
  border: solid #88b04b;
  border-width: 0 1px;
  color: #444;
  font-family: Arial, sans-serif;
  max-width: 980px;
  overflow: hidden;
  font-size: 13px;
  font-size: 0.8125rem;
}

.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 {
  background-color: #3790c4;
  border: 1px solid #3790c4;
  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 .2s ease-out;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 18px;
  font-size: 1.125rem;
}

@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: .5em;
}

.popup-mapa-content {
  margin: 0 auto;
  max-height: 100%;
  max-width: 100%;
}

.popup-mapa-content {
  border: 1px solid #ccc;
}

.lekopedia-box {
  background: url(../../common/images/bgr-lekopedia.png) 100% bottom no-repeat transparent;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  font-size: 26px;
  height: 60px;
  line-height: 60px;
  margin: 2em 1%;
  padding: 0;
  text-shadow: 1px 1px 0 #fff;
  width: 98%;
}

.lekopedia-box a {
  display: block;
  padding-left: 1em;
}

.kml_widget-full_width {
  max-width: auto;
}

pre {
  background: #eee;
  border: 1px solid #ddd;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  hyphens: none;
  line-height: 1.3;
  margin: 1.5em 0;
  overflow: auto;
  padding: 0;
  position: relative;
  -moz-tab-size: 2;
  -o-tab-size: 2;
  tab-size: 2;
  -ms-word-break: normal;
  word-break: normal;
  word-break: normal;
  -ms-hyphens: none;
}

pre[rel] {
  padding-top: 21px;
}

pre:before {
  background-color: #666;
  color: white;
  content: attr(data-rel);
  font-family: "Source Sans Pro", sans-serif;
  left: 0;
  padding: 1px 0;
  position: absolute;
  text-indent: 15px;
  top: 0;
  width: 100%;
  font-size: 13px;
  font-size: 0.8125rem;
}

pre code {
  background: none;
  display: block;
  font-family: "Source Code Pro", Menlo, Consolas, Monaco, monospace;
  overflow: auto;
  padding: 35px 15px 10px;
  white-space: pre;
  font-size: 13px;
  font-size: 0.8125rem;
}

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

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

.shortcuts {
  background-color: #003f6b;
  color: #fff;
  margin-bottom: -2rem;
  overflow: hidden;
  padding-bottom: 1em;
  font-size: 14px;
  font-size: 0.875rem;
}

.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: #006cb7;
  content: "";
  display: block;
  height: 3px;
  margin-bottom: 30px;
  margin-top: 12px;
  width: 30px;
}

.shortcuts a {
  color: inherit;
  font-size: inherit;
}

.shortcuts h4,
.shortcuts .h4 {
  line-height: inherit;
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.shortcuts aside {
  margin-top: 3em;
}

@media (min-width: 40em) {
  .shortcuts {
    background-image: url(../images/shortcuts-bgr.svg);
    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: 80em) {
  .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;
  }
}

#blogNav {
  display: none;
}

@media only screen and (min-width: 60em) {
  #blogNav,
  #blogNav[style] {
    display: block !important;
  }
}

.blog-nav {
  display: none;
  min-height: 28px;
  position: relative;
  width: 100%;
  z-index: 1;
}

.blog-nav .nav-item i.icon-i-lekopedia {
  display: inline-block;
  height: 24px;
  margin: -1px 5px -1px 0;
  vertical-align: middle;
  width: 24px;
}

.blog-nav .nav-item i.icon-i-lekopedia:before {
  line-height: 1;
  font-size: 24px;
  font-size: 1.5rem;
}

.blog-nav .nav-item .icon-rss::before {
  line-height: 1;
  font-size: 12px;
  font-size: 0.75rem;
}

@media only screen and (min-width: 60em) {
  .blog-nav {
    display: block !important;
  }
  .blog-nav span,
  .blog-nav a span {
    display: block;
    padding: 9px 10px;
  }
  .blog-nav .nav-submenu {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  }
  .blog-nav .nav-item {
    float: left;
  }
  .blog-nav .nav-item:hover .nav-submenu {
    color: #fff;
    display: block;
    max-height: none;
    padding-left: 0;
  }
  .blog-nav .nav-submenu {
    background-color: #e2e2e2;
    border-width: 0;
    left: 0;
    padding-left: 1.5em;
    position: absolute;
    top: 38px;
    width: 100%;
  }
  .blog-nav .nav-submenu li {
    float: left;
  }
  .blog-nav .nav-submenu a {
    padding: 10px;
  }
  .blog-nav .tap .nav-submenu {
    max-height: 0;
    top: 29px;
  }
  .blog-nav .nav-item button:hover,
  .blog-nav .nav-item a:hover {
    background-color: #006cb7;
  }
  .blog-nav .nav-item button:hover .nav-submenu a,
  .blog-nav .nav-item a:hover .nav-submenu a {
    color: #444;
  }
  .blog-nav .nav-item button:hover a,
  .blog-nav .nav-item a:hover a {
    background-color: transparent;
    color: #fff;
  }
  .blog-nav .nav-item:hover > a:after {
    border-top-color: #fff;
  }
  .blog-nav .rss,
  .blog-nav .fl\:r {
    float: right !important;
  }
  .blog-nav a:hover [class^="icon-"] {
    color: #fff;
  }
  .blog-nav [class^="icon-"] {
    color: #fff;
    padding: 0;
  }
}

.pull-in {
  border-left: 4px solid #88b048;
  margin: 1em 0 1em 1em;
  padding: .5em .5em .5em 1.5em;
}

.pull-in p {
  margin: 0;
}

.news h2 a,
.news h3 a {
  color: #444;
}

.news > .box {
  margin-bottom: 2em;
}

.recommended-list,
.news-list {
  display: flex;
  margin: 0 -.25em;
  flex-wrap: wrap;
}

.news-article {
  background-color: #757575;
  margin: 5px 1.5%;
  overflow: hidden;
  position: relative;
  width: 47%;
  flex-basis: auto;
}

.news-article a {
  color: #444;
}

.news-article img {
  display: block;
}

.news-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: .5em .5em;
  transition: margin-bottom .2s ease-out;
}

.news-lead {
  bottom: -110px;
  height: 65px;
  margin: 1em 1em .5em 0;
  overflow: hidden;
  position: absolute;
  transition: bottom .2s ease-out;
}

.news-list article:first-child {
  height: 200px;
  width: 99%;
}

.news-list article:first-child a {
  display: block;
  height: 200px;
}

.news-list article:first-child .article-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;
  padding: 15% 1em 1em;
  position: absolute;
  width: 100%;
}

.news-article:first-child,
.recommended-list .news-article {
  height: 100px;
  width: 98%;
}

.news-article:first-child a,
.news-article:first-child .news-image,
.recommended-list .news-article a,
.recommended-list .news-article .news-image {
  display: block;
  height: 100px;
}

.news-article:first-child img,
.recommended-list .news-article img {
  left: 0;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.news-article:first-child .news-header,
.recommended-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;
  padding: 15% .5em .5em;
  position: absolute;
  width: 100%;
}

.news-article:first-child .news-header .news-title,
.recommended-list .news-article .news-header .news-title {
  color: #fff;
}

@media screen and (min-width: 640px) {
  .news-header .news-title {
    color: #fff;
  }
  .news-article {
    height: 250px;
    margin: 5px .8%;
    width: 31.7%;
  }
  .news-list article:first-child {
    height: 250px;
    width: 100%;
  }
  .news-article {
    height: 200px;
  }
  .news-article:hover .news-lead {
    bottom: 10px;
  }
  .news-list .news-article:hover .news-title {
    margin-bottom: 70px;
  }
  .news-list .news-image {
    height: 100%;
    left: 0;
    min-height: 250px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .news-list .news-image img {
    height: 100%;
    left: 50%;
    max-width: none;
    position: relative;
    transform: translate(-50%, 0);
  }
  .news-list article:first-child img {
    height: auto;
    left: 0;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
  }
  .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-title {
    font-size: 18px;
    margin: 0;
  }
  .news-list article:first-child .news-title {
    font-size: 24px;
    padding: 0 .25em .5em;
  }
  .news-list article:first-child .news-title a {
    color: #fff;
    display: block;
    width: 100%;
  }
  .recommended-list .news-article {
    width: 48%;
  }
}

@media screen and (min-width: 768px) {
  .recommended-list .news-article {
    margin: 5px .4%;
    width: 32.5%;
  }
}

@media screen and (min-width: 960px) {
  .news-article {
    height: 250px;
    margin: 5px .4%;
    width: 24.17%;
  }
  .news-list article:first-child {
    min-height: 220px;
    width: 49.17%;
  }
}

.article-lead {
  font-weight: 700;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
  font-weight: 700;
  margin: 1.25em 0 .75em;
  padding: 0;
}

.article-footer {
  border: 1px solid #ccc;
  border-width: 1px 0;
  margin: 1em 0;
  padding: .5em 1em;
}

.article-footer .fb-like {
  display: block !important;
  margin-top: 1em;
}

.article-cats,
.article-tags {
  font-size: 16px;
}

.article-cats a,
.article-tags a {
  display: inline-block;
  margin-right: 5px;
}

.article-menu {
  margin: 1em 0;
}

.article-menu li {
  color: #88b048;
}

.news-wrapper {
  margin-bottom: 1em;
}

.news-wrapper h1 {
  margin-bottom: .5em;
  padding-right: 0;
}

.article-news {
  margin-bottom: 1.5em;
}

.article-news figure {
  margin: 1em auto;
  text-align: center;
}

.article-news figure img {
  width: 100%;
}

@media screen and (max-width: 979px) {
  .article-news h1 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .article-news h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .article-news h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .article-news h4 {
    font-size: 16px;
    font-size: 1rem;
  }
  .article-news h5 {
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
  }
  .article-news h6 {
    font-weight: 100;
    font-size: 16px;
    font-size: 1rem;
  }
  .article-news p,
  .article-news li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}

@media screen and (min-width: 980px) {
  .news-wrapper {
    float: left;
    max-width: 625px;
  }
  .blog-list {
    float: right;
    width: 310px;
  }
  .article-news h1 {
    font-size: 26px;
    font-size: 1.625rem;
  }
  .article-news h2 {
    font-size: 24px;
    font-size: 1.5rem;
  }
  .article-news h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
  .article-news h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .article-news h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .article-news h6 {
    font-size: 16px;
    font-size: 1rem;
  }
  .article-news p,
  .article-news li {
    font-size: 16px;
    font-size: 1rem;
  }
}

@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 {
  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;
}

@media screen and (min-width: 640px) and (max-width: 979px) {
  .more-articles a 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;
}

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

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-top: 1px;
}

.jcrop-holder {
  margin: auto;
}

#avatarCropper {
  max-height: 250px;
}

.field-boxes {
  z-index: 7000;
}

.social-button {
  background-color: #888;
  background-image: url(../../common/images/social-buttons.png);
  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: -40px;
}

.social-gplus {
  background-color: #da2713;
  background-position-y: -80px;
}

.social-link {
  background-position-y: -120px;
}

.social-count {
  float: right;
}

.social-2 button {
  margin-left: 1%;
  width: 49.5%;
}

.social-3 button {
  width: 32.666%;
}

.social-4 button {
  width: 24.25%;
}

@media screen and (max-width: 480px) {
  .social-4 button span,
  .social-2 button span:first-child {
    display: none;
  }
  .social-4 button {
    background-position-x: center;
  }
}

@media screen and (max-width: 639px) {
  .social-2 button {
    margin-left: 2%;
    padding-right: 10px;
    width: 49%;
  }
  .social-3 button {
    margin-left: 2%;
    padding-right: 10px;
    width: 32%;
  }
  .social-4 button {
    margin-left: 2%;
    padding-right: 10px;
    width: 23.5%;
  }
  .social-3 button span:first-child {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .social-4 button span:first-child {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .social-4 button {
    width: 25.65%;
  }
  .social-4 button:last-child {
    width: 20%;
  }
}

.header-strap {
  color: #fff;
}

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

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

.naganiacz {
  border-radius: 5px;
  color: #fff;
  margin-bottom: 1em;
  width: 100%;
}

.naganiacz .box {
  padding: .5em .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: .5em .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 .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: 48em) {
  .naganiacz .sticky {
    border-radius: 0 0 5px 5px;
    padding: .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: -95px;
  }
}

@media (min-width: 61.25em) {
  .naganiacz .sticky p {
    font-size: 22px;
    margin: 4px 0;
  }
}

.naganiacz {
  background-color: #006cb7;
}

.naganiacz .sticky {
  background-color: #005793;
}

.naganiacz-kml {
  background-color: #88b04b;
}

.naganiacz-kml .sticky {
  background-color: #4a6728;
}

.naganiacz-lbk {
  background-color: #006cb7;
}

.naganiacz-lbk .sticky {
  background-color: #005793;
}

.metryka section {
  overflow: hidden;
}

.metryka-half {
  border-bottom: 1px solid #006cb7;
  margin: 0;
}

.metryka-half b {
  color: #006cb7;
  display: block;
  font-weight: 700;
  line-height: 1.3;
  padding: .5em 1em;
  font-size: 18px;
  font-size: 1.125rem;
}

.metryka-table {
  display: table;
  width: 100%;
}

.metryka-table .metryka-field {
  display: table-cell;
  vertical-align: middle;
}

.metryka-km {
  display: table-cell;
  padding: 0 0 0 10px;
  white-space: nowrap;
  width: 1%;
}

.metryka-km select {
  border: 0;
  border-radius: 0;
  color: #006cb7;
  height: 23px;
  margin: 10px 0;
  padding: 0;
  width: 85px;
  font-size: 14px;
  font-size: 0.875rem;
}

.metryka-field label {
  background-color: transparent;
  color: #006cb7;
  cursor: pointer;
  float: right;
  line-height: 43px;
  font-size: 16px;
  font-size: 1rem;
}

.metryka-field label > span {
  font-size: 14px;
  font-size: 0.875rem;
}

.metryka-field label + div {
  margin-right: 70px;
}

.metryka-field input {
  border: 0;
  color: #006cb7;
  font-weight: 700;
  height: 43px;
  padding: 0 1em 0 0;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
}

.metryka-field input:hover,
.metryka-field input:focus {
  text-decoration: underline;
}

.metryka-section {
  border-bottom: 1px solid #006cb7;
  padding: .5em 0;
}

.metryka-section:after {
  clear: both;
  content: "";
  display: table;
}

.metryka-section h1,
.metryka-section h2,
.metryka-section p {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.metryka-section h1 a,
.metryka-section h2 a,
.metryka-section p a,
.metryka-section b {
  color: #006cb7;
  font-weight: 700;
}

.metryka-section .avatar\:s {
  float: left;
}

.metryka-section .avatar\:s ~ h1,
.metryka-section .avatar\:s ~ p {
  display: block;
  margin-top: .25em;
}

.metryka-change {
  float: right;
  font-size: 14px;
  font-size: 0.875rem;
}

.metryka-info {
  border-top: 1px dotted #ccc;
  clear: both;
  padding-top: 5px;
}

.metryka-info p {
  display: block;
}

.metryka-info .avatar {
  float: left;
}

@media screen and (min-width: 768px) {
  .metryka-half {
    float: left;
    margin-right: 2%;
    width: 49%;
  }
  .metryka-half + .metryka-half {
    margin-right: 0;
  }
  .metryka-km {
    padding-left: 0;
  }
  .metryka-field label {
    margin-right: 1em;
  }
  .metryka-field input {
    padding: 0 1em;
    font-size: 18px;
    font-size: 1.125rem;
  }
  .metryka-section {
    padding: .5em 1em;
  }
  .metryka-section h1 a,
  .metryka-section h2 a,
  .metryka-section p a,
  .metryka-section b {
    font-size: 18px;
    font-size: 1.125rem;
  }
  .metryka-info {
    border-top: 0;
    margin-top: 5px;
  }
}

.field-flipping {
  background-color: transparent;
  border-width: 0;
  height: auto;
  z-index: auto;
}

.field-flipping .half {
  margin: 0;
  overflow: hidden;
  position: relative;
}

.field-flipping .half input[type="text"],
.field-flipping .half input[type="search"] {
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  display: block !important;
  height: 40px;
  left: 0;
  margin: .25em auto;
  outline-width: 0;
  padding: .5em 1em;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 0;
}

.field-flipping .half input[type="text"]:focus,
.field-flipping .half input[type="search"]:focus {
  box-shadow: 0 0 5px 5px rgba(66, 139, 202, 0.5);
  z-index: 1;
}

.field-flipping .b\:pri.b\:pri {
  border: 1px solid #ccc;
  border-radius: 3px;
  height: 40px;
  line-height: 100%;
  margin: .25em auto .25em;
  outline: 0;
  position: relative;
  transition-property: background-color, color;
  width: 100%;
}

.field-flipping:after:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 61.25em) {
  .field-flipping {
    height: 60px;
  }
  .field-flipping .half {
    border: 0;
    float: left;
    height: 60px;
    margin-right: 1% !important;
    position: relative;
    width: 39% !important;
  }
  .field-flipping .half input[type="text"],
  .field-flipping .half input[type="search"] {
    font-size: 110%;
    height: 60px;
    margin: 0;
  }
  .field-flipping .b\:pri.b\:pri {
    font-size: 100%;
    height: 60px;
    margin: 0;
    width: 20%;
  }
}

.terminarz-terminy {
  overflow: hidden;
  position: relative;
}

.terminarz-header .box > div,
.terminarz-terminy > div {
  margin-bottom: 0;
  margin-top: 0;
  position: relative;
}

.terminy-a a {
  display: inline-block;
  margin: .1em .35em;
}

.terminarz .panel {
  margin: 1.5em .5em;
}

.terminarz.visible .sticky + div {
  max-width: 100%;
  position: fixed;
  top: 0;
  width: calc(100% - 1em);
  z-index: 1;
}

.terminarz .sticky-terminy {
  position: relative;
  z-index: 0;
}

.terminarz-header {
  min-height: 35px;
  overflow: hidden;
  position: relative;
}

.terminarz-header > .box {
  background: #fff;
  border-bottom: 1px dotted #ddd;
}

.termin {
  margin-bottom: 1rem;
  min-height: 0;
  text-align: center;
  transition: all .2s;
}

.termin:hover {
  box-shadow: 0 12px 12px rgba(0, 0, 0, 0.25);
}

.termin p span {
  display: inline-block;
}

.termin .data {
  color: #444;
  font-size: 1.2em;
  font-weight: 400;
  margin: 0 auto 10px;
}

.box > a > .termin {
  min-height: 165px;
}

.lead {
  background-color: #A86800;
  border-radius: 5px 5px 0 0;
  color: #fff;
  margin: -.5em -1rem 0;
  padding: .5em 0;
  text-align: center;
}

.lead ~ a .data {
  margin: 0 auto 10px;
}

.lead + a {
  display: block;
  margin: 1em auto 1em;
}

.panel-light .lead {
  margin-bottom: .5em;
}

.panel-light .lead p,
.termin .lead p {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 1em;
}

.panel-light .lead p + p,
.termin .lead p + p {
  font-size: 13px;
  font-weight: 400;
  margin: .3em 1.5em 0;
}

.brak-terminu.brak-terminu {
  font-size: 13px;
  margin: 10px 0;
}

@media (min-width: 48em) {
  .terminarz-header:before,
  .terminarz-header:after,
  .terminarz-terminy:before,
  .terminarz-terminy:after,
  .terminarz.col-4 .terminarz-header > .box:before,
  .terminarz.col-4 .terminarz-terminy > div:before {
    border-right: 1px dotted #ddd;
    content: "";
    display: block;
    height: 100%;
    margin-left: 33.333%;
    position: absolute;
    top: 0;
    width: 0;
    z-index: 2;
  }
  .terminarz-terminy:before,
  .terminarz-terminy:after {
    z-index: 1;
  }
  .terminarz.col-2 .terminarz-header:before,
  .terminarz.col-2 .terminarz-terminy:before {
    margin-left: 50%;
  }
  .terminarz.col-2 .terminarz-header:after,
  .terminarz.col-2 .terminarz-terminy:after {
    content: none;
  }
  .terminarz.col-3 .terminarz-header:after,
  .terminarz.col-3 .terminarz-terminy:after {
    margin-left: 66.666%;
  }
  .terminarz.col-4 .terminarz-header:before,
  .terminarz.col-4 .terminarz-terminy:before {
    margin-left: 25%;
  }
  .terminarz.col-4 .terminarz-header:after,
  .terminarz.col-4 .terminarz-terminy:after {
    margin-left: 50%;
  }
  .terminarz.col-4 .terminarz-header > .box:before,
  .terminarz.col-4 .terminarz-terminy div:first-child:before {
    margin-left: 75%;
  }
  .terminarz.col-4 .terminarz-header > .sticky + .box:before {
    content: none;
  }
  .terminarz .panel-light {
    margin: 1.5em .5em 2.5em;
  }
  .termin {
    min-height: 223px;
  }
  .termin .lead {
    height: 75px;
  }
}

@media (min-width: 15em) {
  .slim.termin,
  .telefoniczna.termin,
  .telewizyta.termin {
    min-height: 0;
  }
  .slim.termin .lead,
  .telefoniczna.termin .lead,
  .telewizyta.termin .lead {
    height: auto;
  }
}

.dg-6 .slim {
  min-height: 150px;
}

@media (min-width: 61.25em) {
  .terminarz.visible .sticky + div {
    max-width: calc(1100px - 1em);
    padding: 0;
  }
}

.drops {
  background-color: #006cb7;
  border-radius: 50%;
  color: white;
  font-size: 14px;
  font-size: .875rem;
  height: 26px;
  line-height: 26px;
  margin: 1em auto 1em;
  text-align: center;
  width: 26px;
}

.promo {
  bottom: 0;
  left: 50%;
  position: fixed;
  transform: translate(-50%, 0);
  z-index: 100;
}

.promo .message-valid {
  border-radius: 10px 10px 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  max-width: 90%;
  padding: 10px 10px 10px 10px;
  position: relative;
}

.promo .message-valid .h3 {
  margin: .5em 0 0;
}

.promo .button-primary,
.promo .b\:pri {
  text-align: center;
}

.promo .button-transparent,
.promo .b\:tra {
  position: absolute;
  right: 0;
  top: 0;
}

@media screen and (min-width: 700px) {
  .promo .message-valid {
    max-width: 640px;
  }
}

.less + input[type="number"],
.less + input[type="text"] {
  padding: 3px 6px;
  width: 60px !important;
}

div.counter {
  text-align: center;
}

div.counter .less,
div.counter .more {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
  color: #eee;
  position: relative;
  transition: none;
}

div.counter .less i,
div.counter .more i {
  color: #0070a5;
  font-size: 30px;
  height: 30px;
  position: relative;
  transition: none;
  width: 30px;
}

div.counter .less i:before,
div.counter .more i:before {
  left: -1px;
  position: relative;
  top: -1px;
  transition: none;
}

div.counter .less:hover,
div.counter .more:hover {
  background-color: #0070a5;
}

div.counter .less:hover i,
div.counter .more:hover i {
  color: #fff;
}

div.counter .more {
  border-radius: 0 3px 3px 0;
}

div.counter .less + input[type="number"] {
  border-radius: 0;
  border-width: 1px 0;
  color: #444;
  display: inline;
  float: none;
  font-weight: 700;
  height: 32px;
  margin: 0 0;
  padding: 1px 6px;
  text-align: center;
  width: 50px !important;
  font-size: 16px;
  font-size: 1rem;
}

div.counter[class*="field-text"] > input:focus {
  border-color: #ccc;
  box-shadow: none;
}

.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.25em) {
  .overlay-page > div {
    margin-bottom: 2em;
    margin-top: 2em;
  }
}

.page-start {
  margin-top: -1em;
  margin-top: -1rem;
}

.page-start > .content {
  height: 100%;
}

.header-strap {
  color: #fff;
}

#searchButton {
  display: none;
}

#menu-anchor i {
  margin: 0;
}

#menu-anchor span {
  font-size: 11px;
  line-height: 1.1;
  margin-top: 5px;
  text-transform: uppercase;
}

.mobile-menu .page-header {
  overflow: visible;
  z-index: 5;
}

.nav-main.is-expanded {
  top: 50px;
}

.page-start {
  background: url(../images/main-page-bgr.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.main-search {
  display: table;
  height: 100%;
  margin: 0 auto;
  width: 95%;
}

.main-search > div {
  display: table-row;
}

.main-search > div > div {
  display: table-cell;
  vertical-align: middle;
}

.main-search h1 {
  color: #fff;
  font-size: 1.8em;
  font-weight: 400;
  margin: .5em 0 .7em;
  padding: 0;
  text-align: left;
  text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
}

.main-search h1 span {
  display: block;
  font-size: .6em;
  line-height: 1;
}

.main-search .half + button {
  margin-top: .3em;
}

#stopkaLBK > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  margin: 2em 0;
  text-align: center;
  justify-content: center;
}

#stopkaLBK > div a {
  display: block;
  margin: 0 .5em;
}

.ui-datepicker {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  text-transform: uppercase;
}

.ui-datepicker th {
  color: #006cb7;
  font-size: 13px;
  font-weight: 400;
}

.ui-datepicker .ui-state-default {
  background: transparent;
  border: 0;
  color: #444;
  font-weight: 400;
  text-align: center;
}

.ui-datepicker .ui-state-highlight {
  color: #006cb7;
  font-weight: 700;
}

.ui-datepicker .ui-state-active {
  background-color: #006cb7;
  color: #fff;
}

.ui-datepicker button.ui-state-default {
  color: #006cb7;
  font-size: 14px;
}

.ui-datepicker .ui-state-hover {
  background: transparent;
  border: 0;
  color: #444;
  cursor: pointer;
  font-weight: 400;
}

.ui-datepicker .ui-state-hover a {
  color: #444;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  background-image: url("../../common/images/ui-icons_ffffff_256x240.png");
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-w {
  background-position: -96px 0;
}

.ui-datepicker .ui-icon.ui-icon-circle-triangle-e {
  background-position: -32px 0;
}

.full-bg {
  background: url(../../themes/lbk/images/main-page-bgr.jpg) center center no-repeat;
  background-size: cover;
  color: #fff;
  height: 335px;
}

.full-bg a {
  color: #fff;
}

.full-bg .content {
  height: 335px;
  overflow: hidden;
  position: relative;
}

.full-bg .breadcrumb {
  margin-top: 3em;
  text-transform: uppercase;
}

.full-bg .breadcrumb li:before {
  content: "/";
  margin: 0 10px;
}

.full-bg h1 {
  bottom: 80px;
  font-size: 42px;
  font-weight: 400;
  margin: 0 50px 0 0;
  padding: 0;
  position: absolute;
  text-transform: uppercase;
}

hr.blue {
  border-top: 4px solid #006cb7;
  margin: 2em 0;
}

hr.short {
  margin: 2em 0;
  width: 85px;
}

.galeria {
  margin: 2em 0;
}

.galeria ul,
.galeria li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.galeria ul {
  overflow: hidden;
}

.galeria li {
  float: left;
  padding: 1%;
  width: 25%;
}

.list-icon--24 dd {
  padding-left: 1em;
}

.steps h2 {
  background-color: #006cb7;
  color: #fff;
  font-weight: 700;
  margin: 0 0 1px;
  padding: 20px 20px;
}

.steps h2 + div {
  border: 1px solid #d9e4ec;
  padding: 1.5em;
}

.steps h2 h1 {
  bottom: 20px;
  font-size: 42px;
  font-weight: 400;
  margin: 0 50px 0 0;
  padding: 0;
  text-transform: uppercase;
}

hr.grey {
  border-top: 4px solid #eee;
  margin: 2em 0;
}

.content-wide {
  margin: 0 .5em;
  transition: all .2s ease-out;
}

.box-panels {
  margin: 0 auto;
  max-width: 1100px;
}

.box-map {
  float: right;
  margin-left: 2em;
  width: 0;
}

.filters {
  margin: 0;
  min-height: 50px;
  overflow: hidden;
  padding: 0;
}

.filters > button {
  display: block;
  font-size: .75em;
  margin: 1em auto 0;
}

.filters button[aria-expanded="true"] + .filters-content {
  max-height: none;
}

.filters .field-text input {
  padding-left: 2.5em;
}

.filters .field-text:after {
  bottom: .6em;
  content: "\e944";
  display: block;
  font-family: icomoon;
  left: 1em;
  position: absolute;
}

.filters-content {
  max-height: 0;
  overflow: hidden;
}

.filters-strap {
  border: 1px solid #dfdfdf;
}

.filters-strap .filters {
  border-width: 0;
  padding: 0;
}

.filters-strap .filters p:first-child {
  border-left: 1px solid #dfdfdf;
}

.filters-strap .filters p.field-text--date {
  border-right: 1px solid #dfdfdf;
  margin: 0;
  padding: .5em 0 .5em .5em;
}

.text--up {
  text-transform: uppercase;
}

.profile {
  background-color: #f6f6f6;
  border: 1px solid #e2e2e2;
}

.profile header h3,
.profile header p {
  margin: 0;
}

.profile figure {
  float: left;
  margin: .25em .5em .5em 0;
}

.profile figure + div {
  margin-left: 70px;
}

.profile section {
  text-align: center;
}

.message-info.tip {
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
  font-size: .8125rem;
  position: absolute;
}

.message-info.tip:before {
  border: 8px solid transparent;
  border-bottom: 10px solid #8ac0d7;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: -19px;
  width: 0;
}

.message-info.tip button,
.message-info.tip button:active {
  background-color: #006cb7;
  border: 0;
  border-radius: 50%;
  color: #fff;
  display: block;
  padding: 2px;
  position: absolute;
  right: -.5em;
  top: -.5em;
}

.message-info.tip button i.icon-16 {
  display: block;
  position: relative;
}

.doc-info {
  border-bottom: 1px solid #006cb7;
  padding: 0 1em 0 0;
}

.doc-info .avatar {
  float: left;
  margin: .5em .5em .5em 0;
}

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

.half p {
  float: left;
}

.half p button {
  text-align: left;
}

.half p button.change {
  float: none;
}

#lokalizacja button.change {
  margin: 0;
}

.breadcrumb > li::after {
  font-size: 17px;
  font-weight: 700;
  line-height: 22px;
}

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

.icon-16.icon-menu:before {
  content: "\e95d";
}

@media (min-width: 40em) {
  .box.specjalizacje .pg-6:nth-child(odd) {
    clear: both;
  }
  #doctor {
    background-image: url(../images/front-doctor.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    display: block;
    min-height: 250px;
    position: absolute;
    right: 3%;
    width: 100%;
    z-index: 0;
  }
  .main-search {
    margin-left: 5%;
    width: 65%;
  }
}

@media (min-width: 48em) {
  .tabs-strap {
    background-color: #006cb7;
  }
  .terminarz .panel {
    margin: 1.5em 1em 2.5em;
  }
  .header-strap {
    display: block;
  }
  #menu-anchor {
    top: 50px;
  }
  nav.nav-main {
    max-height: 0;
    overflow: hidden;
  }
  nav.nav-main.is-expanded {
    top: 120px;
  }
  .main-search h1 {
    font-size: 2.2em;
    margin: 1em 0 .7em;
  }
  .main-search h1 + div {
    margin-bottom: 3em;
  }
  .multi-steps.text-top.count li.current-x em::before {
    content: "\e95e";
    font-family: icomoon;
  }
}

@media (min-width: 61.25em) {
  .box.specjalizacje .pg-6:nth-child(odd) {
    clear: none;
  }
  .box.specjalizacje .dg-4:nth-child(3n+4) {
    clear: both;
  }
  .half p {
    padding: 0 1em;
  }
  .header-strap {
    height: 100%;
  }
  #menu-anchor {
    display: none;
  }
  nav.nav-main {
    float: right;
    max-height: none;
    text-transform: uppercase;
  }
  .nav-main.is-expanded {
    top: auto;
  }
  .tap {
    background-color: transparent;
  }
  .content-wrapper {
    height: 130px;
    margin-bottom: 75px;
    overflow: visible;
    position: relative;
  }
  .page-start {
    height: calc(100vh - 340px);
    min-height: 400px;
  }
  .main-search {
    margin-left: 5%;
    width: 75%;
  }
  .main-search h1 {
    font-size: 2.6em;
    margin: 2em 0 .7em;
  }
  #doctor {
    background-image: url(../images/front-doctor.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: calc(100vh - 340px);
    left: 0;
    min-height: 400px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
  }
  .main-search .half + button {
    margin-top: 0;
  }
  .shortcuts aside:first-child {
    margin-left: 10%;
    width: 30%;
  }
  .shortcuts aside:first-child + aside {
    padding-right: 10px;
    width: 35%;
  }
  .shortcuts aside:first-child + aside + aside {
    width: 25%;
  }
  .shortcuts aside:nth-child(odd) {
    clear: none;
  }
  .filters-content {
    max-height: none;
  }
  .filters {
    border: 1px solid #dfdfdf;
  }
  .filters .field-text:after {
    bottom: 1em;
  }
  .filters > button {
    display: none;
  }
  .filters [class^="field-"]:not(.field-text--date) {
    border-right: 1px solid #ccc;
    float: left;
    margin: 0;
    padding: .5em .5em;
  }
  .filters [class^="field-"] input,
  .filters [class^="field-"] select {
    border-width: 0;
  }
  .filters .field-text--date {
    float: left;
    margin: .5em 0 .5em 10px;
  }
  .filters label {
    height: 0;
    min-height: 0;
    overflow: hidden;
  }
  .main-search {
    padding-bottom: 8em;
  }
  #wybraneMiasto {
    max-width: calc(100% - 155px);
    padding-right: 0;
  }
  #wybraneMiasto button {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .doc-info {
    padding: 0 1em;
  }
  #filtryTerminarza {
    display: block !important;
  }
}

@media screen and (min-width: 1600px) {
  .content-wide {
    margin: 0 2em;
  }
  .box-panels {
    margin: 0 0;
  }
  .box-map {
    height: 600px;
    width: calc(100% - 1100px - 2em);
  }
}

@media (max-width: 47.937em) {
  #stopkaLBK img {
    max-width: 80%;
  }
}

@media (max-width: 61.187em) {
  #filtryTerminarza {
    display: none;
  }
}

#menuStrap[style*="none"] ~ .page-start {
  margin-top: 0 !important;
}
/*# sourceMappingURL=styles.css.map */