@charset "UTF-8";
@font-face {
  font-family: "lato";
  src: local("Lato Regular"), local("Lato-Regular"), url("fonts/Lato-Regular.ttf");
  font-display: swap;
}
@font-face {
  font-family: "lato";
  font-style: italic;
  src: local("Lato Italic"), local("Lato-Italic"), url("fonts/Lato-Italic.ttf");
  font-display: swap;
}
@font-face {
  font-family: "lato";
  font-weight: bold;
  src: local("Lato Bold"), local("Lato-Bold"), url("fonts/Lato-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "lato";
  font-weight: bold;
  font-style: italic;
  src: local("Lato BoldItalic"), local("Lato-BoldItalic"), url("fonts/Lato-BoldItalic.ttf");
  font-display: swap;
}
@font-face {
  font-family: "lato";
  font-weight: 900;
  src: local("Lato Heavy"), local("Lato-Heavy"), url("fonts/Lato-Heavy.ttf");
  font-display: swap;
}
@font-face {
  font-family: "lato";
  font-weight: 500;
  src: local("Lato Semibold"), local("Lato-Semibold"), url("fonts/Lato-Semibold.ttf");
  font-display: swap;
}
@font-face {
  font-family: "Titillium";
  src: local("Titillium Regular"), local("Titillium-Regular"), url("fonts/Titillium-Regular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Titillium";
  font-style: italic;
  src: local("Titillium RegularItalic"), local("Titillium-RegularItalic"), url("fonts/Titillium-RegularItalic.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Titillium";
  font-weight: bold;
  font-style: italic;
  src: local("Titillium BoldItalic"), local("Titillium-BoldItalic"), url("fonts/Titillium-BoldItalic.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Titillium";
  font-weight: bold;
  src: local("Titillium Bold"), local("Titillium-Bold"), url("fonts/Titillium-Bold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Titillium";
  font-weight: 500;
  src: local("Titillium SemiBold"), local("Titillium-SemiBold"), url("fonts/Titillium-Semibold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: "Titillium";
  font-weight: 300;
  src: local("Titillium Light"), local("Titillium-Light"), url("fonts/Titillium-Light.otf") format("opentype");
  font-display: swap;
}
/*ver->2.0std-02-08-2019*/
/*ver->2.0std-02-08-2019*/
/* ================= FORMULARZE ================ */
label {
  color: lighten #717171, 10%;
  font-size: 16px;
  text-transform: none;
  margin-top: 10px;
}

span + label {
  margin-top: 0;
}

input, select, textarea, .input-placeholder {
  margin: 0;
  border: 1px solid #aaa;
  border-radius: 2px;
  background: #fff;
  height: 40px;
  line-height: 1;
}

.submit-controls {
  padding-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.submit-controls > div {
  width: auto;
  margin-right: 20px;
}

.submit-controls > div:last-child {
  margin-right: 0;
}

.submit-area {
  display: block;
  text-align: right;
}

.submit-area .button {
  margin: 0;
}

.input-wrapper {
  padding: 0 0 10px 0;
  width: 100%;
  position: relative;
}

.form-fields-wrapper {
  margin-right: -10px;
  width: 100%;
}

.columns .form-fields-wrapper {
  width: auto;
}

/* ================= formularze nowe ================ */
/* ---- placeholdery pól ---- */
input ::-webkit-input-placeholder, textarea ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #333;
  opacity: 0.4;
}
input ::-moz-placeholder, textarea ::-moz-placeholder { /* Firefox 19+ */
  color: #333;
  opacity: 0.4;
}
input :-ms-input-placeholder, textarea :-ms-input-placeholder { /* IE 10+ */
  color: #333;
  opacity: 0.4;
}
input :-moz-placeholder, textarea :-moz-placeholder { /* Firefox 18- */
  color: #333;
  opacity: 0.4;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
} /* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.input-number {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 120px;
  max-width: 120px;
}

.input-number input {
  width: 40px;
  text-align: center;
}

.input-number > span {
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #fff;
  transition: all 300ms;
}

.input-number > span.down {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.input-number > span.up {
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.input-number > span.up:after, .input-number > span.down:after {
  line-height: 1;
}

.input-number > span.up:after {
  content: url("graphics/commerce/plus.png");
}

.input-number > span.down:after {
  content: url("graphics/commerce/minus.png");
}

.input-number > span.down:hover, .input-number > span.up:hover {
  background: #eee;
}

.select-placeholder {
  color: #999999;
}

/* ----- select ----- */
.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  height: 40px;
  margin: 0;
  width: 100%;
}

.styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0px 40px 0 10px;
  font-weight: normal;
  border: 1px solid #aaa;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 18px;
  right: 10px;
}

.styledSelect:active, .styledSelect.active {
  background-color: #efefef;
}

.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #aaa;
  background-color: white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.options li {
  padding: 0 6px;
  margin: 0 0;
  padding: 0 10px;
}

/* -- SELECT HOVER -- */
.options li:hover {
  background-color: #000;
  color: #fff;
}

/* INNY SELECT */
.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 3px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 50%;
  margin-top: -13px;
}

.select2-results ul, .select2-results ul li {
  text-align: left;
  margin: 0;
}

.select2-results ul li {
  padding: 9px 15px;
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background: #0084d0;
  color: #fff;
}

/* --- input type=radio, input type=checkbox --- */
input[type=checkbox] + label,
input[type=radio] + label {
  padding: 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  cursor: pointer;
  margin: 0;
  margin-bottom: 3px;
  line-height: 1.5;
}

input[type=radio] + label::before,
input[type=checkbox] + label::before {
  content: "";
  background-color: #fff;
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

input[type=checkbox] + label::before {
  width: 22px;
  max-width: 22px;
  min-width: 22px;
  height: 22px;
  margin-right: 10px;
  margin-top: 2px;
  border: 1px solid #aaa;
  border-radius: 2px;
}

input[type=checkbox]:checked + label::before {
  background-image: url("graphics/ico-ok.png");
  background-color: #000;
}

input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

input[type=checkbox][required] + label span::after {
  content: "*";
  color: #f3371d;
  top: -2px;
  left: 26px;
  display: inline !important;
  background: none;
}

input[type=radio] + label::before {
  width: 22px;
  height: 22px;
  max-width: 22px;
  min-width: 22px;
  margin-right: 10px;
  border: 1px solid #aaa;
  border-radius: 100%;
}

input[type=radio]:checked + label::before {
  background-image: url("graphics/ico-ok.png");
  background-color: #000;
}

input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.checklist.rodo label {
  font-size: 0.7rem;
}

.checklist.wrapper {
  display: block;
  border: 1px solid #ddd;
  border-radius: 2px;
  padding: 10px 10px;
}

.checklist.wrapper > label {
  margin-bottom: 10px;
}

.checklist.wrapper > label:last-child {
  margin-bottom: 0;
}

/* === DISABLED === */
input[type=checkbox][disabled] + label {
  opacity: 0.8;
}

input[type=checkbox][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[type=radio][disabled] + label {
  opacity: 0.8;
}

input[type=radio][disabled] + label:before {
  background-color: #f0f0f0;
  opacity: 0.8;
}

input[disabled=disabled] {
  background-color: #f0f0f0;
}

/* === swith toggle === */
.onoffswitch {
  position: relative;
  width: 90px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  position: absolute;
  opacity: 0;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #717171;
  border-radius: 20px;
  display: block !important;
}

.onoffswitch-checkbox[disabled=""] + .onoffswitch-label {
  opacity: 0.6;
  pointer-events: none;
}

.onoffswitch-label:before {
  display: none !important;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  box-sizing: border-box;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 10px;
  background-color: #0084d0;
  color: #FFFFFF;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 10px;
  background-color: #eee;
  color: #717171;
  text-align: right;
}

.onoffswitch-switch {
  display: block;
  width: 18px;
  margin: 6px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 56px;
  border: 1px solid #717171;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* =============== zestawy pól ============== */
.input-combo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.input-combo > div {
  flex: 1;
  margin-right: 10px;
}

.input-combo > div:last-child {
  margin-right: 0;
}

.input-combo > div.post-code {
  flex: 0.5;
}

/* ================ Klasy specjalne ============= */
.question-label {
  display: block;
  margin-top: 20px;
}

span + .question-label {
  margin-top: 0;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  margin-top: 5px;
}

.custom-file .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.custom-file .custom-file-label {
  box-sizing: border-box;
  position: absolute;
  display: inline-block;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 100%;
  color: #888;
  line-height: 1.6;
  font-size: 16px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 9px 15px;
  cursor: pointer;
  margin-top: 0;
}

.custom-file .custom-file-label::after {
  box-sizing: border-box;
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: 0;
  z-index: 3;
  display: block;
  height: 47px;
  padding: 10px;
  line-height: 1;
  letter-spacing: 2px;
  text-align: center;
  font-weight: 500;
  font-size: 0.8rem;
  color: #fff;
  content: url("graphics/add.png");
  background-color: #0084d0;
  transition: all 300ms;
  text-transform: uppercase;
  border: 1px solid white;
  border-radius: 2px;
  font-family: Titillium, tahoma, arial, sans-serif;
}

.custom-file:hover .custom-file-label::after {
  text-decoration: none;
  background: #f3371d;
  color: #fff;
}

li div.required, .input-wrapper.required {
  position: relative;
  display: inherit;
}

li div.required:before, .input-wrapper.required:before {
  content: "*";
  color: #f3371d;
  position: absolute;
  top: 16px;
  right: 8px;
  left: auto;
  font-size: 1.1rem;
  display: block !important;
  background: none;
}

.rodo-permissions-list {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-bottom: 2em;
}

.input-wrapper > span.wrong-value-tooltip {
  display: none;
  position: absolute;
  bottom: 100%;
  background: #000;
  color: #fff;
  padding: 10px 15px;
  border-radius: 2px;
  left: 0;
  font-size: 0.9rem;
}

.input-wrapper.wrong-value > span.wrong-value-tooltip {
  display: inline-block;
  animation-name: fadeIn;
  animation-duration: 500ms;
}

.input-wrapper.wrong-value input {
  border: 2px solid #ff0000;
}

@keyframes show-correct-code {
  0% {
    top: 100%;
  }
  10% {
    top: 2px;
  }
  90% {
    top: 2px;
  }
  100% {
    top: 100%;
  }
}
.rabat-combo {
  position: relative;
  overflow: hidden;
}

.correct-code-info {
  position: absolute;
  top: 100%;
  left: 1px;
  width: auto;
  height: 40px;
  padding: 5px 15px;
  box-sizing: border-box;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #f4361e;
  animation-name: show-correct-code;
  animation-duration: 1s;
  animation-timing-function: linear;
}

.order-form-delivery {
  margin-bottom: 1rem;
}

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.pending .submit-area {
  width: auto;
}

.pending .submit-area .button {
  display: none;
}

.pending .submit-area {
  position: relative;
}

.pending .submit-area:before,
.pending .submit-area:after {
  content: "";
  position: absolute;
}

.pending .submit-area:before {
  content: "trwa wysyłanie wiadomości...";
  top: 0;
  left: 40px;
  bottom: 0;
}

.pending .submit-area:after {
  content: url("graphics/loading.svg");
  top: 0;
  left: 0;
  width: 25px;
  height: 25px;
  animation-name: loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

.input-wrapper > label[for] {
  margin-top: 0;
}

.input-wrapper > label[for]:first-child {
  position: absolute;
  top: 20px;
  transform: translate(0, -50%);
  left: 10px;
  line-height: 1;
  display: inline-block;
  padding: 2px;
  background: #fff;
  cursor: text;
  opacity: 0.5;
  z-index: 1;
  transition: all 200ms;
}

.input-wrapper > label[for].active:first-child, .input-wrapper > label[for].stay-active:first-child {
  top: 0;
  left: 5px;
  opacity: 1;
  font-size: 0.7rem;
}

.text-wrapper ul,
.ita-schedule-item ul {
  list-style: none;
  clear: both;
}

.text-wrapper ul li,
.ita-schedule-item ul li {
  position: relative;
  padding-left: 14px;
  margin-left: 0;
}

.text-wrapper ul li:before,
.ita-schedule-item ul li:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #777;
  border-radius: 50%;
}

html,
body,
input,
textarea {
  line-height: 1.6;
}

h1,
h2,
.h2,
h3,
.h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 1.5em 0 0.8em 0;
  line-height: 1.2;
  letter-spacing: 0;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: 600;
  display: block;
  color: #111A29;
}

h1,
.h1 {
  font-size: 3.4rem;
}

.product-lead-wrapper h1,
.product-lead-wrapper .h1 {
  font-size: 3rem;
  margin-top: 0;
}

h2,
.h2 {
  font-size: 2.5rem;
}

h3,
.h3 {
  font-size: 1.25rem;
}

h4,
.h4 {
  font-size: 1.2em;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
}

h5,
.h5 {
  font-size: 1.1em;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
}

h6,
.h6 {
  font-size: 1em;
  font-weight: bold;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
}

#START h1,
#START .h1 {
  font-size: 4rem;
}

#START h2,
#START .h2 {
  font-size: 2rem;
}

h1.with-ico,
h2.with-ico,
div.h-with-ico,
.h1.with-ico,
.h2.with-ico {
  padding-left: 130px;
  min-height: 100px;
  position: relative;
}

div.h-with-ico > h1,
div.h-with-ico > .h1 {
  margin-top: -10px;
  margin-bottom: 20px;
}

h1.with-ico .ico,
h2.with-ico .ico,
div.h-with-ico .ico,
.h1.with-ico .ico,
.h2.with-ico .ico {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

h1.with-ico .ico img,
h2.with-ico .ico img,
div.h-with-ico .ico img,
.h1.with-ico .ico img,
.h2.with-ico .ico img {
  width: 100%;
}

span.subtitle {
  line-height: 1.2;
  display: block;
  font-weight: normal;
  margin-bottom: 5px;
  font-size: 13px;
}

h1 > span.subtitle,
.h1 > span.subtitle {
  color: #111A29;
}

a {
  color: #0055aa;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #0d1522;
}

.ps-image:after,
.opSlider-inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.button {
  font-size: 13px;
  text-transform: none;
  font-weight: 600;
  letter-spacing: normal;
  border: none;
  border-radius: 10px;
  padding: 12px 16px;
  min-width: 7em;
}

:hover.button {
  transition: all 400ms;
}

.button.alt {
  color: #717171;
  border: none;
  background: #F3F5F8;
}

:hover.button.alt {
  background: #e3e8ef;
}

.button.txt {
  height: 2em;
  text-transform: none;
  padding: 0;
  background: none;
  color: #111A29;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  min-width: 0;
  padding-right: 45px;
}

.button.txt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 35px;
  background-image: url("graphics/svg/btn-arrow-txt.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  transition: right 300ms;
}

.button.txt:hover:after {
  right: 0;
}

.button.txt.br {
  margin: 0;
  padding: 0 25px;
}

.button.txt.br::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 15px;
  background-image: url("graphics/svg/arrow-right-black-txt.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.button.file-btn {
  padding-right: 70px;
}

.button.file-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  box-sizing: border-box;
  background-image: url("graphics/download.png");
  background-color: rgba(0, 60, 119, 0.1);
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  background-origin: content-box;
  transition: all 300ms;
}

.button.file-btn:hover:after {
  background-color: #0055aa;
}

.button.ico-left,
.button.ico-right {
  background: rgba(0, 85, 170, 0.1);
  border: solid 3px rgba(0, 85, 170, 0.1);
  color: #0055AA;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.button.ico-left {
  padding-left: 40px;
}

.button.ico-right {
  padding-right: 40px;
}

.button.ico-left .ico,
.button.ico-right .ico,
.button.ico-only .ico {
  position: absolute;
  top: 0;
  padding: 10px;
  box-sizing: border-box;
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
}

.button.ico-left .ico {
  left: 0;
}

.button.ico-right .ico {
  right: 0;
}

.button.ico-left:hover,
.button.ico-right:hover {
  background: #006fdd;
  border-color: #006fdd;
}

.button.alt.ico-left,
.button.alt.ico-right,
.button.alt.ico-left:hover,
.button.alt.ico-right:hover {
  background: #F3F5F8;
  border: solid 3px #717171;
  color: #717171;
  box-shadow: none;
  text-shadow: none;
  transition: all 300ms;
}

.button.alt.ico-left:hover,
.button.alt.ico-right:hover {
  border-color: #006fdd;
  color: none;
}

.article-footer-controls .button.alt.ico-left,
.article-footer-controls .button.alt.ico-right,
.article-footer-controls .button.alt.ico-left:hover,
.article-footer-controls .button.alt.ico-right:hover {
  background: #fff;
}

.button.spec-button {
  background: none;
  color: #fff;
  border: 1px solid #fff;
  padding-right: 70px;
}

.button.spec-button .ico {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  border-left: 1px solid #fff;
}

.button.spec-button .ico:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("graphics/arrow-alt-btn.png");
  background-position: center;
  background-size: 40%;
  background-repeat: no-repeat;
}

.button.open-form-button {
  color: #717171;
  background: #fff;
  border: 1px solid #0084d0;
  position: relative;
  padding-right: 85px;
}

.button.shop-button {
  position: relative;
  padding-right: 60px;
}

.button.open-form-button .ico,
.button.shop-button .ico {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  box-sizing: border-box;
  background: #003c77;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 300ms;
}

.button.open-form-button .ico {
  border-left: 1px solid #2cbbfa;
  transition: all 300ms;
}

.button.shop-button.cta,
.button.shop-button.cta:hover {
  border: 0;
  background: #0d1522;
}

.button.shop-button.cta .ico {
  background-color: #de260c;
  border: 0;
}

.button.open-form-button:hover,
.button.open-form-button:hover .ico {
  border-color: #0d1522;
}

.button.alt.spec-button,
.button.alt.spec-button .ico {
  border-color: #2cbbfa;
  color: #717171;
  transition: all 300ms;
}

.button.ico-only,
.button.alt.ico-only {
  padding: 0;
  width: 40px;
  min-width: 0;
  border: 0;
}

.button.shop-button:hover .ico {
  background: #0055aa;
}

.button.arrow-btn {
  height: 30px;
  position: relative;
  min-width: 0;
  transition: all 300ms;
  border-radius: 100px;
}

.button.arrow-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 9px;
  bottom: 0;
  width: 14px;
  background-image: url("graphics/svg/arrow_2.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}

.button.arrow-btn > span {
  display: none;
}

.updated {
  font-size: 0.9rem;
  font-weight: bold;
  color: #0055aa;
}

.image-wrapper {
  position: relative;
  overflow: visible;
}

.gallery .image-wrapper {
  overflow: hidden;
}

#page-product .text-wrapper .image-wrapper {
  float: left;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 40%;
}

#page-product .text-wrapper ul {
  clear: both;
}

.icon-text {
  position: relative;
  padding-left: 50px;
}

.icon-text .icon-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}

.icon-text .icon-wrapper .icon {
  width: 30px;
  height: 30px;
}

.red-alert,
.yellow-alert,
.green-alert {
  margin: 0.5em 0;
  min-height: 20px;
  padding: 1em 1em 1em 100px;
  border-top: solid 0.3em;
  border-bottom: solid 0.3em;
  display: block;
}

.red-alert {
  color: #4D4D4D;
  background: #e7cbc7 url(graphics/alert-red.png) 20px center no-repeat;
  border-color: #5e1a28;
}

.yellow-alert {
  color: #4D4D4D;
  background: #f9f6ef url(graphics/alert-yellow.png) 20px center no-repeat;
  border-color: #cfb18c;
}

.green-alert {
  color: #4D4D4D;
  background: #d4dcd2 url(graphics/alert-green.png) 20px center no-repeat;
  border-color: #646c5c;
}

.social-sharing-module {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.social-sharing-module > span.sharing-title {
  margin: 0;
  margin-right: 1.8em;
  font-size: 1.1em;
}

#copy_link_sharing {
  position: relative;
}

#copy_link_sharing:after {
  content: "✓";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #519c46;
  color: #fff;
  border-radius: 50%;
  transition: all 500ms;
  transform: scale(0);
}

#copy_link_sharing.link-copied:after {
  transform: scale(1);
}

.links ul li {
  list-style: none;
  margin-left: 0;
}

.links ul li a {
  text-decoration: none;
  transition: all 300ms;
}

.video-wrapper {
  overflow: hidden;
  border-radius: 10px;
}

.video-wrapper .mp4-video video {
  display: block;
  max-width: 100%;
}

.icon {
  width: 55px;
  height: 55px;
}

.breadcrumps {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: 1rem;
  margin: 0;
  color: #999;
  text-transform: none;
  padding-bottom: 0;
}

.breadcrumps-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
}

.breadcrumps-list li {
  margin-left: 0;
}

.breadcrumps img,
.breadcrumps svg {
  height: 10px;
  margin: 0 8px;
}

.bc-arrow {
  position: relative;
  height: 100%;
  background: #0055aa;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* --ostatnie-- */
.breadcrump-start img {
  height: 20px;
  filter: invert(100%);
}

.category-products-counter {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 30px 0;
  border-top: 1px solid #ddd;
  margin-bottom: 30px;
}

.category-products-counter .category-count,
.category-products-counter .product-count {
  font-size: 0.9rem;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 1px;
  min-width: 188px;
}

.category-products-counter .category-count strong,
.category-products-counter .product-count strong {
  font-size: 2.5rem;
  font-weight: normal;
  color: rgba(113, 113, 113, 0.41);
  margin-right: 5px;
}

.cb-text_photo,
.cb-video {
  clear: both;
  overflow: hidden;
}

.cb-video .video-wrapper,
.cb-text_photo .image-wrapper {
  margin: 40px;
}

.cb-photo_banner .image-wrapper {
  overflow: hidden;
}

.cb-text_photo.border-none .image-wrapper .image.cut-corner {
  border: none;
}

.cb-text_photo.border-none .image-wrapper .image.cut-corner:after {
  display: none;
}

.cb-text_photo .img-signature,
.cb-photo_banner .img-signature {
  font-size: 0.9rem;
  color: #999;
  font-style: italic;
  display: block;
  padding-right: 40px;
}

.cb-text_photo {
  padding-bottom: 50px !important;
}

.cb-text_photo.quote-style .cb-container {
  padding: 40px 40px;
  position: relative;
  overflow: visible;
  border: 1px solid #ddd;
  margin-top: 50px;
  background: #fff;
  background: #fafafa;
  border-radius: 12px;
  max-width: 900px;
  box-sizing: border-box;
}

.cb-text_photo.quote-style .cb-container:after {
  content: "";
  position: absolute;
  top: -27px;
  left: 40px;
  width: 80px;
  height: 55px;
  background-image: url("graphics/svg/quote.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
}

.cb-text_photo.quote-style .cb-container .image-wrapper {
  position: absolute;
  bottom: -30px;
  right: 40px;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50%;
  overflow: visible;
  margin: 0 !important;
}

.cb-text_photo.quote-style .cb-container .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cb-text_photo.quote-style .cb-container > .img-signature {
  position: absolute;
  bottom: 6px;
  right: 120px;
  padding-right: 20px;
  font-size: 1.2rem;
}

.cb-text_photo.quote-style .cb-container .text-wrapper {
  font-style: italic;
  font-size: 1.4rem;
}

.cb-text_content.hightlight-pointer .text-wrapper ul li {
  font-size: 1.2rem;
  padding-bottom: 10px;
  padding-left: 40px;
}

.cb-text_content.hightlight-pointer .text-wrapper ul li::before,
.cb-text_content.hightlight-pointer .ita-schedule-item ul li::before {
  width: 18px;
  height: 18px;
  background-image: url("graphics/svg/check.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 18px;
  background-color: transparent;
}

.footer {
  text-align: center;
}

.img-placeholder {
  background-color: #f7f7f7;
  background-image: none;
}

.header.with-button {
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  flex-wrap: wrap;
}

.header.with-button .button {
  margin-bottom: 0;
}

.header.with-button .button:last-child {
  margin-right: 0;
}

.header.with-button h2,
#START .header.with-button h2,
.header.with-button .h2,
#START .header.with-button .h2 {
  margin-top: 0;
  margin-bottom: 0px;
  margin-right: 30px;
}

.product-list-wrapper .columns,
.columns.ita-listing {
  margin: 0;
}

.product-list-wrapper .columns > div,
.columns.ita-listing > div {
  padding: 0;
  margin: -1px;
}

.product-list-wrapper .columns > div > a:hover,
.columns.ita-listing > div > a:hover {
  z-index: 2;
}

.logo-box {
  margin: 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.logo-box .thb {
  transition: filter 600ms;
  margin: 10px;
}

.logo-box:hover .thb {
  filter: grayscale(0);
}

.tile.logo-box-tile {
  margin-bottom: 30px;
}

.icon-card {
  text-align: left;
  padding-left: 190px;
  min-height: 170px;
}

.icon-card .icon-wrapper {
  width: 170px;
  height: 170px;
  position: absolute;
  top: 0;
  left: 0;
}

.icon-card .icon {
  margin: 0;
  width: 100%;
  height: auto;
}

.icon-card .icon .img-placeholder {
  width: 100%;
  height: 100%;
  padding-bottom: 100%;
}

.icon-card p {
  font-size: 0.9rem;
}

.icon-card a {
  color: inherit;
}

.icon-card.with-border {
  min-height: 0;
}

.icon-card.with-border .icon-wrapper {
  width: 80px;
  height: 80px;
  position: relative;
  top: 0;
  left: 0;
}

.icon-card.with-border .icon-wrapper .icon {
  width: 80px;
  height: 80px;
}

.icon-card.box {
  padding: 40px;
  border: 1px solid #ddd;
  text-align: center;
}

.icon-card.box .icon-wrapper {
  text-align: center;
  padding: 20px;
  border-radius: 50%;
  background-color: #E5F5FB;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}

.icon-card.box .icon-wrapper .icon {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-card.box .content {
  text-align: center;
}

.photo-card {
  max-width: 900px;
  position: relative;
  padding-bottom: 100px;
  overflow: visible;
}

.photo-card .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  max-width: 500px;
  float: left;
}

.photo-card .content {
  position: absolute;
  bottom: 50px;
  right: 0;
  max-width: 430px;
  padding: 30px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.85);
  box-shadow: 6px 12px 40.2px 0px rgba(0, 0, 0, 0.08);
  -webkit-backdrop-filter: blur(19.7000007629px);
          backdrop-filter: blur(19.7000007629px);
}

.photo-card .content h3 {
  margin-top: 0;
}

.photo-card-wrapper > div:nth-child(even) .photo-card .image-wrapper {
  float: right;
}

.photo-card-wrapper > div:nth-child(even) .photo-card .content {
  right: auto;
  left: 0;
}

a.card {
  text-decoration: none;
  color: #717171;
}

.card p {
  font-size: 0.9rem;
}

.tile p {
  font-size: 0.9rem;
}

.tile h2,
.tile h3,
.tile .h2,
.tile .h3 {
  margin: 0 0 0.5em 0;
}

.icon-tile,
.tile {
  display: block;
  background: #fff;
}

.icon-tile .content,
.tile .content {
  margin-bottom: 0;
}

.icon-tile .content h3,
.tile .content h3,
.icon-tile .content .h3,
.tile .content .h3 {
  margin-top: 0;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-size: 1.125rem;
}

.icon-tile.with-border,
.tile.with-border,
.icon-card.with-border {
  border: 1px solid #F3F5F8;
  padding: 30px 30px 30px 30px;
}

.icon-tile.with-border .image-wrapper .image,
.icon-tile.with-border .image-wrapper,
.tile.with-border .image-wrapper .image,
.tile.with-border .image-wrapper {
  width: 135px;
  height: 135px;
  box-sizing: border-box;
}

.icon-tile.with-border .image-wrapper .image,
.tile.with-border .image-wrapper .image {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-tile.with-border .controls,
.tile.with-border .controls {
  bottom: 30px;
  right: 30px;
}

a.icon-tile,
a.tile {
  text-decoration: none;
  color: inherit;
  transition: all 300ms;
}

a.icon-tile.with-border:hover,
a.tile.with-border:hover {
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
}

.icon-tile .controls-placeholder {
  margin-top: 5px;
}

.sb-hightlight-text-photo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  -moz-column-gap: 80px;
       column-gap: 80px;
}

.sb-hightlight-text-photo .image-wrapper {
  width: 40%;
  min-width: 40%;
}

.sb-hightlight-text-photo .content {
  flex: 1;
}

.sb-hightlight-text-photo .content h2:first-child,
.sb-hightlight-text-photo .content h3:first-child {
  margin-top: 0;
}

.sb-hightlight-text-photo .content h3 {
  font-size: 2rem;
}

.sb-hightlight-text-photo.photo-left {
  flex-direction: row-reverse;
}

.sb-hightlight-text-photo .content ul li {
  padding-left: 32px;
  position: relative;
  list-style: none;
  margin-left: 0;
  padding-bottom: 12px;
  font-size: 1.1rem;
  font-weight: 500;
  color: #000;
}

.sb-hightlight-text-photo .content ul li:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 22px;
  height: 22px;
  background-image: url("graphics/svg/checked.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.ita-info-box-mod-wrapper {
  align-items: flex-start;
}

.ita-info-box-mod-wrapper > div:nth-child(even) {
  transform: translate(0, -70px);
}

.ita-info-box-mod-wrapper .icon-card {
  margin-bottom: 0;
  padding: 30px 30px 30px 30px;
  display: block;
  position: relative;
}

.ita-info-box-mod-wrapper a.icon-card {
  color: #717171;
  border: 1px solid #ccc;
}

.ita-info-box-mod-wrapper .icon-card .icon,
.icon-card-square .icon {
  width: 55px;
  height: 55px;
  justify-content: flex-start;
}

.ita-info-box-mod-wrapper .icon-card .controls {
  bottom: 30px;
  left: 30px;
  right: 30px;
  text-align: left;
}

.ita-info-box-mod-wrapper > div:nth-child(2),
.ita-info-box-mod-wrapper > div:nth-child(4) {
  position: relative;
  align-self: flex-end;
}

.ita-info-box-mod-wrapper .icon-card-square-area {
  padding-bottom: 100%;
  position: relative;
}

.ita-info-box-mod-wrapper .icon-card-square {
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 30px;
  background: #0055aa;
}

.ita-info-box-mod-wrapper .icon-card-square h3,
.ita-info-box-mod-wrapper .icon-card-square .h3 {
  color: #fff;
}

.ita-info-box-mod-wrapper .icon-card-square .icon {
  margin: 0;
}

.ita-info-box-mod-wrapper .icon-card-square .controls {
  text-align: right;
  position: absolute;
  bottom: 30px;
  right: 30px;
  left: 30px;
}

.ita-info-box-mod-wrapper .icon-card-square .button.txt {
  color: #fff;
  margin-bottom: 0;
}

.ita-info-box-mod-wrapper .icon-card-square .button.txt:after {
  background-image: url("graphics/arrow-alt-btn.png");
}

.ita-info-box-mod-wrapper .image-wrapper {
  padding-bottom: 100%;
  position: relative;
}

.ita-info-box-mod-wrapper .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/* category-card-wrapper */
.category-card-wrapper {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.category-card-wrapper > div {
  width: 25%;
  max-width: 25%;
}

.category-card-wrapper .card.category-card {
  position: relative;
  padding-bottom: 150px;
  height: 100%;
  box-sizing: border-box;
}

.category-card-wrapper .card.category-card .image-wrapper {
  display: block;
  padding-bottom: 100%;
  background-color: #121b2a;
  position: relative;
  margin: 0;
}

.category-card-wrapper .card.category-card .image-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: #414954;
}

.category-card-wrapper .card.category-card .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.category-card-wrapper .card.category-card .image-wrapper .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.card.category-card .image-wrapper .gradient-mask,
.card.category-card .image-wrapper .cien-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: 0;
}

.card.category-card .image-wrapper .gradient-mask {
  background-image: url("graphics/gradient.png");
  opacity: 0.6;
  background-size: 120%;
  transition: all 600ms;
}

.card.category-card .image-wrapper .cien-mask {
  background-image: url("graphics/cien.png");
  transition: all 600ms;
}

a.card.category-card .image-wrapper .image {
  transition: all 600ms;
}

a.card.category-card:hover .image-wrapper .image {
  transform: scale(1.02);
}

.card.category-card:hover .image-wrapper .gradient-mask {
  opacity: 0.8;
  background-size: 130%;
}

.category-card-wrapper .card.category-card .content {
  padding: 60px 40px 0 40px;
  position: relative;
}

.category-card-wrapper .card.category-card:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background-color: rgba(61, 70, 80, 0.35);
}

.category-card-wrapper .card.category-card .content .controls {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  padding: 0 40px;
  transform: translate(0, -50%);
}

.category-card-wrapper .card.category-card .content .controls .button {
  margin: 0;
}

.category-card-wrapper .card.category-card .add-info-counter {
  padding-top: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 40px;
  padding-right: 40px;
  height: 130px;
  box-sizing: border-box;
}

.category-card-wrapper .card.category-card .add-info-counter > div {
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  padding-bottom: 10px;
  gap: 10px;
}

.category-card-wrapper .card.category-card .add-info-counter > div strong {
  font-size: 2.5rem;
  color: rgba(113, 113, 113, 0.41);
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: normal;
  line-height: 1;
}

/* ITA statystyki */
.stats-section {
  background-image: url("graphics/svg/Frame2.svg");
  background-position: top left;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.ita-stats-mod-wrapper {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 40px;
}

.ita-stats-controls .controls,
.ita-world-wrapper .controls {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.ita-stats-controls .controls .link,
.ita-world-wrapper .controls .link {
  padding: 0 30px;
  position: relative;
}

.ita-stats-controls .controls .link:after,
.ita-world-wrapper .controls .link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  height: 16px;
  margin-top: -8px;
  width: 1px;
  background-color: #777;
}

.ita-stats-controls .controls .link:first-child,
.ita-world-wrapper .controls .link:first-child {
  padding-left: 0;
}

.ita-stats-controls .controls .link:last-child,
.ita-world-wrapper .controls .link:last-child {
  padding-right: 0;
}

.ita-stats-controls .controls .link:last-child:after,
.ita-world-wrapper .controls .link:last-child:after {
  display: none;
}

.ita-stats-video-wrapper {
  width: 65%;
}

.ita-stats-list-wrapper > div {
  padding-bottom: 40px;
}

.ita-stats-list-wrapper > div:last-child {
  padding-bottom: 0;
}

.stat-box-area {
  border: 1px solid #ddd;
  padding: 60px 30px 30px 30px;
  position: relative;
}

.stat-box-area .stats-number-bg {
  position: absolute;
  top: 15px;
  left: 50px;
  font-size: 6rem;
  color: #edf0f5;
  font-weight: bold;
  line-height: 1;
  z-index: 0;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
}

.stat-box-area .icon-wrapper {
  text-align: left;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
}

.stat-box-area .icon-wrapper .icon {
  margin: 0;
}

.stat-box-area .stat-box > strong {
  font-size: 1.3rem;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: normal;
  color: #000;
  display: block;
}

.ita-video-wrapper {
  background: #eee;
  margin-bottom: 30px;
}

.ita-video-wrapper .video-wrapper:before {
  display: none;
}

.ita-labo-mod-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 80px;
  background-image: url("graphics/svg/tlo-lab.svg");
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
}

.ita-labo-mod-wrapper .container {
  padding: 0;
}

.ita-labo-content-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 30px;
}

.ita-labo-content-wrapper > div {
  width: 50%;
}

.ita-labo-content-wrapper .labo-stats-list {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 30px;
}

.ita-labo-content-wrapper .labo-stats-list > div {
  width: 50%;
}

.ita-labo-content-wrapper .labo-stats-list .stat-box-area {
  height: 100%;
  box-sizing: border-box;
  background-color: #fff;
}

.labo-stats-list .stat-box .txt {
  padding-top: 40px;
}

.icon-card-lux-section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding-bottom: 80px;
}

.icon-card-lux-section:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: #fff;
}

.icon-card-lux-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
}

.icon-card-lux-section .container {
  position: relative;
  z-index: 1;
}

.icon-card-lux-section .icon-card .content {
  color: #fff;
}

.icon-card-lux-section .icon-card h3,
.icon-card-lux-section .icon-card .h3 {
  color: #0055aa;
}

.icon-card-lux-section .icon-card .icon-wrapper {
  border-radius: 50%;
  padding: 3px;
  background: linear-gradient(90deg, #0055aa, #fff);
  width: 120px;
  height: 120px;
  margin: 0 auto 1em auto;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon {
  background: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.icon-card-lux-section .icon-card .icon-wrapper .icon img {
  width: 50%;
  height: 50%;
}

/* -- kolaż zdjęć -- */
.img-kolage-wrapper {
  position: relative;
}

.img-kolage-wrapper > div {
  width: 33%;
  float: left;
  box-sizing: border-box;
  padding: 1.5%;
}

.img-kolage-wrapper .img-kolage-area {
  padding-bottom: 100%;
  position: relative;
}

.img-kolage-wrapper .img-kolage-area .img-kolage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* nieregularność */
.img-kolage-wrapper > div.elem0 {
  width: 50%;
  margin-left: -17%;
}

.img-kolage-wrapper > div.elem0 .img-kolage-area {
  padding-bottom: 62%;
}

.img-kolage-wrapper > div.elem1 {
  margin-top: -10%;
}

.img-kolage-wrapper > div.elem1 .img-kolage-area {
  padding-bottom: 134%;
}

.img-kolage-wrapper > div.elem3 {
  widtH: 50%;
  margin-left: -9%;
}

.img-kolage-wrapper > div.elem4 {
  width: 50%;
}

.img-kolage-wrapper > div.elem4 .img-kolage-area {
  padding-bottom: 62%;
}

.find-us {
  margin-left: -25px;
  margin-right: -25px;
}

.find-us > div {
  float: left;
  box-sizing: border-box;
  padding-right: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
}

.find-us > div.col1 {
  width: 50%;
}

.find-us > div.col2 {
  width: 25%;
}

.find-us > div.col3 {
  width: 25%;
}

.main-ita-box-wrapper {
  padding: 0;
}

.main-ita-box-wrapper .main-ita-box .content {
  text-align: left;
}

.main-ita-box-wrapper .main-ita-box .content h3 {
  margin-top: 0;
  font-size: 1.6rem;
}

.main-ita-box-wrapper .main-ita-box .content .button {
  margin-right: 0;
}

.main-ita-box-wrapper .main-ita-box .content .company_name {
  font-size: 1.125rem;
  line-height: 1.3;
  letter-spacing: 0;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: 600;
  color: #222;
  max-width: 340px;
  display: block;
}

.main-ita-box-wrapper .main-ita-box .content .phone-wrapper {
  justify-content: flex-start;
}

.main-ita-box-wrapper .main-ita-box .content .phones-wrapper a,
.main-ita-box-wrapper .main-ita-box .content .emails-wrapper a {
  color: inherit;
}

.card.branch-card {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 5px;
}

.card.branch-card .image-wrapper {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 0;
}

.card.branch-card .content {
  padding: 40px;
}

.card.branch-card .content h3 {
  font-size: 2rem;
}

.card.branch-card .content .company_sygnature {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 20px;
  color: #000;
  line-height: 1.2;
}

.card.branch-card .content .tel-mail-wrapper > span,
.card.branch-card .content .krs-nip-regon-wrapper > span {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}

.card.branch-card .content .tel-mail-wrapper > span:first-child,
.card.branch-card .content .krs-nip-regon-wrapper > span:first-child {
  padding-left: 0;
}

.card.branch-card .content .tel-mail-wrapper > span:last-child,
.card.branch-card .content .krs-nip-regon-wrapper > span:last-child {
  padding-right: 0;
}

.card.branch-card .content .tel-mail-wrapper > span:last-child:after,
.card.branch-card .content .krs-nip-regon-wrapper > span:last-child:after {
  padding-right: 0;
}

.counter-wrapper .counter-item-wrapper .content .counter-int {
  font-size: 2rem;
}

.counter-wrapper .stat-box-area {
  border: 1px solid #ddd;
  background: #fafafa;
  margin-left: -1px;
}

.counter-wrapper .stat-box-area .stat-box span {
  color: #717171;
  font-weight: normal;
}

.counter-wrapper .stat-box-area .stat-box strong {
  line-height: 1.2;
}

.counter-wrapper .columns.x4 .stat-box-area .stat-box strong {
  font-size: 2.2rem;
}

.counter-wrapper .stat-box-area .stat-box span {
  min-height: 3em;
}

.counter-wrapper .columns.x4 .stat-box .icon-wrapper {
  margin-bottom: 8px;
}

.counter-wrapper .stat-txt .stat-box-txt-area {
  height: 0;
  padding-bottom: 100%;
  position: relative;
}

.counter-wrapper .stat-box .icon-wrapper {
  margin-bottom: 20px;
}

.counter-wrapper .stat-box .icon-wrapper .icon {
  margin: 0;
  width: 40px;
  height: 40px;
}

.columns.columns-stick {
  margin: 0;
}

.columns.columns-stick > div {
  padding: 0;
}

.card.event-card {
  padding: 30px;
  border: 1px solid #ddd;
  margin: -1px;
  transition: all 300ms;
  background: #fff;
  min-height: 380px;
  box-sizing: border-box;
}

a.card.event-card {
  overflow: visible;
}

a.card.event-card:hover {
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
}

a.card.event-card h3 .subtitle,
a.card.event-card .h3 .subtitle {
  color: #111A29;
  line-height: 1.2;
}

/* === znikająca aktualność === */
.peja-news {
  padding: 0;
  background-color: rgba(0, 85, 170, 0.1);
  border-radius: 24px;
}

.peja-news .tile {
  margin-bottom: 0;
}

.peja-news .tile .thb {
  max-width: 40%;
  width: auto;
}

.news-lead .photo-wrapper {
  max-width: 40%;
  min-width: 40%;
}

.peja-news-tile {
  position: relative;
  margin-bottom: 0;
  padding: 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 24px;
}

.peja-news-tile .image-wrapper {
  overflow: visible;
  z-index: 1;
  padding-top: 0;
  padding-bottom: 0;
  box-sizing: border-box;
  margin-right: 0;
  padding: 16px;
}

.peja-news-tile .image-wrapper .image {
  border: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0;
  border-radius: 16px;
}

.peja-news-tile .content {
  padding: 50px;
  padding-bottom: 25px;
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  box-sizing: border-box;
}

.peja-news-tile .content p {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 4;
  display: -moz-box;
  -moz-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 1.25em;
  font-weight: 400;
  color: #111A29;
  max-width: 590px;
}

.peja-news-tile .content.cut-corner {
  border: 2px solid #2cbbfa;
}

.peja-news-tile .content.cut-corner:after {
  border-left: 2px solid #2cbbfa;
}

.peja-news-tile .content h3,
.peja-news-tile .content .h3 {
  margin-top: 0;
  font-size: 2em;
  font-weight: 700;
}

.peja-news-tile .updated {
  font-size: 0.9rem;
  opacity: 1;
  margin-bottom: 10px;
}

.peja-news-tile .controls {
  justify-content: flex-start;
  padding-top: 20px;
}

.peja-news-tile .image {
  position: relative;
  overflow: hidden;
}

.peja-news-tile .image a img {
  transition: all 2s;
}

.peja-news-tile .image a:hover img {
  transform: scale(1.1);
}

.peja-news-tile .image a:hover::before {
  opacity: 1;
}

/* === ita_world trio_card === */
.ita-world-wrapper {
  padding-left: 0;
  position: relative;
}

.ita-world-wrapper .ita-world-controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 25%;
}

.controls .link {
  display: block;
  padding: 5px 0;
  color: #717171;
  font-size: 1.25rem;
  transition: all 300ms;
}

.controls .link:hover {
  color: #000;
}

.ita-world .card {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  padding: 24px;
  min-height: 420px;
}
.ita-world .card .controls-placeholder {
  display: none;
}

.ita-world-wrapper .header {
  padding-bottom: 0;
}

.ita-world .card .image img {
  border-radius: 8px;
}

.ita-world .card .content {
  padding-bottom: 20px;
}

.ita-world .card .content h3,
.ita-world .card .content .h3 {
  font-size: 1.125rem;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.ita-world .controls {
  left: 24px;
  bottom: 24px;
}

.ita-world .splide__track {
  overflow: visible;
}

.ita-world .splide__track:after {
  content: "";
  position: absolute;
  top: -20px;
  right: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: #fff;
}

.ita-world .splide__track:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.ita-world .splide__arrow--prev {
  top: -12% !important;
  left: 41% !important;
}

.ita-world .splide__arrow--next {
  top: -12% !important;
  left: 45% !important;
}

/* newsletter */
.newsletter-mod-wrapper {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 60px;
  max-width: 600px;
}

.newsletter-mod-wrapper form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}
.newsletter-mod-wrapper form ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}
.newsletter-mod-wrapper form :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}
.newsletter-mod-wrapper form :-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}

.newsletter-mod-wrapper input {
  margin: 0;
  height: 50px;
  background: none;
  border: 1px solid #2cbbfa;
  border-right: 0;
  width: 100%;
}

.newsletter-mod-wrapper .combo {
  flex-wrap: wrap;
  display: flex;
  width: 100%;
}

.newsletter-mod-wrapper .combo > * {
  margin: 0 !important;
}

.newsletter-mod-wrapper .spec-button {
  max-width: 50px;
  padding-left: 0;
  padding-right: 50px;
  box-sizing: border-box;
  margin: 0;
  margin-left: -1px;
}

.newsletter-mod-wrapper .button {
  padding: 5px 15px;
  min-width: 0;
  max-width: 110px;
  margin: 0;
  border-radius: 0 3px 3px 0;
}

.newsletter-mod-wrapper .combo .input-wrapper {
  height: 50px;
  flex: 1;
}

.newsletter-mod-wrapper .spec-button .ico:after,
.newsletter-mod-wrapper .spec-button .ico:before {
  background: #fff;
}

.newsletter-mod-wrapper span.red-alert,
.newsletter-wrapper span.red-alert {
  color: white;
  background: #de0000 url(graphics/alert-white-error.png) 20px center no-repeat;
  border-color: #de0000;
}

.newsletter-mod-wrapper span.green-alert,
.newsletter-wrapper span.green-alert {
  color: white;
  background: #6ca355 url(graphics/alert-white-check.png) 20px center no-repeat;
  border-color: #6ca355;
}

#IFRAME-CANVAS {
  text-align: left;
  padding-bottom: 90px;
  padding-right: 40px;
  padding-left: 40px;
}

#IFRAME-CANVAS .iframe-window-controls {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 40px;
  padding-left: 40px;
  height: 70px;
  background: #fff;
}

#IFRAME-CANVAS .iframe-window-controls .button {
  margin-bottom: 0;
}

#IFRAME-CANVAS > h4:first-child {
  margin-top: 0;
}

.form_special.step2 .window-content {
  bottom: 0;
}

.form_special.step2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.form_special.step2 .form_next_step {
  position: absolute;
  bottom: -5px;
}

.event-date-radio-wrapper {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #f00;
  margin-bottom: 10px;
  padding-left: 10px;
  position: relative;
}

.event-date-radio-wrapper .radio-wrapper {
  margin-top: 10px;
}

.event-date-radio-wrapper.required::before {
  content: "*";
  color: #f3371d;
  position: absolute;
  top: 16px;
  right: 8px;
  left: auto;
  font-size: 1.1rem;
  display: block !important;
  background: none;
}

.event-date-radio-wrapper .radio-wrapper .input-wrapper {
  display: inline-block;
  width: auto;
  margin-right: 10px;
}

#page-cart #CANVAS {
  background: none;
}

.page-section.alt-bg {
  background: #eee;
}

.page-section.alt-bg .cut-corner:after {
  background: #eee;
}

.page-section.alt-bg .article.padding-bottom {
  padding-bottom: 80px;
}

.page-section:first-child {
  padding-top: 80px;
}

.PAGE {
  padding-top: 20px !important;
}

.container,
.container.alt,
.container.full {
  padding: 0 150px;
}

#TOP.unsticked {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

#START #TOP.unsticked {
  border: 0;
}

#TOP.sticked,
#START #TOP.sticked {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
}

#TOP-MAIN .container,
#TOP-EXTENDED .container {
  padding: 0 50px;
}

nav.desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  box-sizing: border-box;
  z-index: 0;
}

nav.desktop ul {
  height: auto;
  width: auto;
}

.header-compact nav.desktop {
  float: left;
  margin-left: 75px;
}

nav.desktop .nav-button > a {
  font-size: 1rem;
  padding: 10px 20px;
  position: relative;
  letter-spacing: 0;
  text-transform: none;
  transition: all 300ms;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  color: #111A29;
  font-weight: 600;
}

nav.desktop .nav-button:first-child a {
  margin-left: -20px !important;
}

nav.desktop .nav-button > a:hover {
  color: #0055aa;
  background-color: rgba(0, 85, 170, 0.1019607843);
  border-radius: 10px;
}

nav.desktop .nav-button > a span {
  position: relative;
}

nav.desktop .nav-button > a > span:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: -14px;
  left: 0;
  right: 0;
  height: 0;
  background: #0055aa;
  transition: all 300ms;
  display: none;
}

#START #TOP.unsticked nav.desktop .nav-button > a > span:after {
  background: #fff;
}

nav.desktop .nav-button > a:hover,
nav.desktop .nav-button.urhere > a {
  color: #0055aa;
}

nav.desktop .nav-button > a:hover > span:after,
nav.desktop .nav-button.urhere > a > span:after {
  height: 2px;
}

.header-modules {
  float: right;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-bottom: 0;
  position: relative;
  z-index: 2;
}

.header-modules .links,
.header-modules .controls {
  padding-left: 20px;
}

.header-modules .controls .button {
  min-width: 0;
  width: auto;
}

.header-modules .links ul {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.header-modules .links a {
  text-transform: capitalize;
  color: #111A29;
  margin: 0 12px;
  font-size: 13px;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
}

#START #TOP.unsticked .header-modules .links a {
  color: #fff;
}

.header-modules .line {
  width: 1px;
  height: 20px;
  background: rgba(221, 221, 221, 0.8);
  margin-right: 30px;
}

.logo-ue {
  margin-right: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  width: 60px;
}

#TOP .social-links-wrapper h3,
#TOP .social-links-wrapper .h3 {
  display: none;
}

#logo {
  height: 120px;
  width: 80px;
  left: 0;
}

.sticked #logo {
  height: 76px;
  width: 80px;
  left: 30px;
}

#TOP .social-icon {
  width: 20px;
  height: 20px;
}

#TOP {
  border-bottom: 0;
  max-width: 1840px;
  margin: 0 auto;
}

#START #TOP.unsticked {
  background: none;
}

#START #TOP.unsticked #logo .primary-logo {
  display: none;
}

#START #TOP.unsticked #logo .secondary-logo {
  display: block;
}

#START #TOP.unsticked .social-icon svg path {
  fill: #fff;
}

#TOP .search-wrapper {
  float: right;
  height: 100%;
  display: flex;
  align-items: center;
}

#TOP-MAIN .header-modules {
  padding-left: 30px;
  margin-left: 15px;
  position: relative;
}

.header-modules .button {
  margin: 0;
  min-width: 220px;
}

.header-modules .phone-wrapper {
  margin-left: 30px;
}

.phone-wrapper .button .ico {
  padding: 10px;
}

.opSlider-control-prev,
.opSlider-control-next {
  display: none;
}

.banner-content h1,
.banner-content h2,
.banner-content .text-wrapper,
.banner-content .controls {
  text-align: left;
  max-width: 720px;
  font-weight: 500;
}

.banner-content h1 {
  margin-bottom: 40px;
}

.article-section.padding-top h2:first-child {
  margin-top: 0;
}

#BOTTOM {
  padding: 100px 0;
}

#BOTTOM,
#SYSTEM-FOOT {
  background: #111a29;
}

#SYSTEM-FOOT {
  background: #0d1522;
}

#BOTTOM h3,
#BOTTOM .h3 {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

#BOTTOM h3:first-child,
#BOTTOM .h3:first-child {
  margin-top: 0;
}

#BOTTOM,
#BOTTOM h3,
#BOTTOM .h3,
#BOTTOM p,
#BOTTOM span,
#BOTTOM a,
#BOTTOM strong {
  color: white;
}

#BOTTOM .social-links {
  margin-top: 1em;
}

#BOTTOM .social-icon {
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

#BOTTOM .social-icon svg path {
  fill: #9fa3a9;
}

#BOTTOM .links ul li {
  padding-bottom: 5px;
}

#BOTTOM .links ul li a:hover {
  color: white;
}

#BOTTOM .contact_data_wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

#BOTTOM .contact_data_wrapper .image-wrapper {
  width: 110px;
}

#BOTTOM .contact_data .company_name {
  font-size: 1.25rem;
  font-weight: 500;
}

#BOTTOM .contact_data .address,
#BOTTOM .contact_data .phones-wrapper,
#BOTTOM .contact_data .emails-wrapper {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.6);
}

#BOTTOM .contact_data .address span,
#BOTTOM .contact_data .phones-wrapper span,
#BOTTOM .contact_data .emails-wrapper span,
#BOTTOM .contact_data .address a,
#BOTTOM .contact_data .phones-wrapper a,
#BOTTOM .contact_data .emails-wrapper a {
  color: rgba(255, 255, 255, 0.6);
}

#BOTTOM .contact_data .emails-wrapper a {
  color: #717171 !important;
}

#BOTTOM .contact_data .phones-wrapper,
#BOTTOM .contact_data .emails-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#BOTTOM .contact_data .phones-wrapper > span,
#BOTTOM .contact_data .emails-wrapper > span {
  padding-right: 8px;
  margin-right: 8px;
  position: relative;
}

#BOTTOM .contact_data .phones-wrapper > span:after,
#BOTTOM .contact_data .emails-wrapper > span:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0;
  height: 16px;
  width: 1px;
  background: #9fa3a9;
}

#BOTTOM .contact_data .phones-wrapper > span:last-child,
#BOTTOM .contact_data .emails-wrapper > span:last-child {
  padding-right: 0;
  margin-right: 0;
}

#BOTTOM .contact_data .phones-wrapper > span:last-child:after,
#BOTTOM .contact_data .emails-wrapper > span:last-child:after {
  display: none;
}

#SYSTEM-FOOT {
  border-top: 0;
}

#SYSTEM-FOOT .container {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#SYSTEM-FOOT .links ul {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#SYSTEM-FOOT .links ul li a {
  color: #fff;
  margin-right: 20px;
  font-size: 0.9rem;
}

#SYSTEM-FOOT .copyright {
  font-size: 0.9rem;
  color: #fff;
}

#BOTTOM .events-footer-wrapper h3,
#BOTTOM .events-footer-wrapper .h3,
#BOTTOM .events-footer-wrapper p {
  margin-bottom: 0;
}

#BOTTOM .events-footer-wrapper p {
  color: rgba(255, 255, 255, 0.6);
}

#BOTTOM .events-footer-wrapper h3 {
  font-size: 1.1rem;
}

#BOTTOM .events-footer-wrapper p {
  font-size: 1rem;
  font-weight: normal;
}

#BOTTOM .events-footer-wrapper .controls {
  padding-top: 10px;
}

#BOTTOM .events-footer-wrapper .controls .button.alt {
  border-color: #fff;
}

#BOTTOM .social-icon svg path {
  fill: #9fa3a9;
}

#BOTTOM .social-icon:hover svg path {
  fill: #fff;
}

#START h2 {
  text-align: left;
}

h3 .subtitle,
.h3 .subtitle {
  font-size: 1rem;
  display: block;
  color: #666;
  margin-bottom: 2px;
}

.video-banner-wrapper {
  height: 600px;
  background: #333;
  position: relative;
  overflow: hidden;
}

#START .video-banner-wrapper {
  height: 100vh;
}

.bg-stripe {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  background: url("graphics/plusiki-duzie-biale.png") repeat top left;
}

#page-search_results h1 {
  margin-top: 0;
}

.photo-banner-wrapper {
  height: 700px;
  background: #333;
  position: relative;
  overflow: hidden;
}

.photo-banner-wrapper .photo-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*-------------------------------------------- */
#credo {
  position: absolute;
  top: 200px;
  left: 0;
  right: 0;
  margin-bottom: 120px;
}

#credo .container {
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
}

#credo,
#credo h1,
#credo h1 .subtitle {
  color: #fff;
}

#credo h1 {
  font-weight: 500;
}

#credo .container .text-wrapper {
  margin: 0 auto;
}

#credo .container .button.alt {
  border-color: #fff;
  color: #fff;
}

#credo .container .button.alt:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.video-banner-wrapper .video-banner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-banner-wrapper .video-banner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3) !important;
  z-index: 1;
}
.video-banner-wrapper .video-banner > * {
  position: relative;
  z-index: 2;
}

.video-banner-wrapper .video-banner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.3) !important;
  z-index: 2;
}

.video-banner-wrapper .video-banner video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  overflow: hidden;
}

#page-calibration_laboratory .video-banner-wrapper .video-banner video {
  max-width: 100%;
}

.video-banner-wrapper .video-banner iframe {
  height: 100%;
  width: 100%;
}

.video-banner-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.video-banner-nav .video-nav-box-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  padding: 15px 20px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.01);
  -webkit-backdrop-filter: blur(22.5px);
          backdrop-filter: blur(22.5px);
}

.video-banner-nav .video-nav-box-wrapper.urhere,
.video-banner-nav .video-nav-box-wrapper:hover {
  border: 1px solid rgb(255, 255, 255);
}

.video-nav-box-wrapper .content {
  position: relative;
  display: block;
  color: #fff;
  font-size: 1.25rem;
  text-align: center;
}

.add-img-banner {
  width: 10%;
  min-width: 140px;
  max-height: 120px;
  position: absolute;
  bottom: 20px;
  right: 100px;
  text-align: right;
}

.add-img-banner img {
  max-width: 100%;
  max-height: 100%;
  opacity: 0.8;
}

.search-btn-wrapper .search-btn {
  background: none;
  border-radius: 0;
  border: 1px solid transparent;
  filter: invert(60%);
  padding: 4px;
  transition: all 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
}

#START #TOP.unsticked .search-btn-wrapper .search-btn {
  filter: invert(0);
  border: 1px solid transparent;
}

.search-btn-wrapper .search-btn:hover {
  background: none;
}

.search-btn-wrapper .search-btn:hover img {
  filter: invert(0) grayscale(0);
}

.search-wrapper .search-panel {
  right: 40px;
}

.search-wrapper.show-panel .search-panel {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  width: 280px;
}

.search-wrapper.show-input-wrapper .input-panel-wrapper {
  z-index: 1;
}

.search-wrapper.show-input-wrapper .search-input-wrapper {
  box-shadow: none;
}

.search-wrapper.show-input-wrapper .search-btn-wrapper .search-btn {
  border: 1px solid #ddd;
  padding: 9px;
}

#START #TOP.unsticked .search-wrapper.show-input-wrapper .search-btn-wrapper .search-btn {
  padding: 9px;
}

.search-panel input {
  padding-top: 5px;
  height: 100%;
  width: 250px;
  box-sizing: border-box;
}

.search-panel > div {
  height: 100%;
  background: #fff;
}

.search-wrapper.show-panel .search-panel {
  border-color: #666;
}

#START #TOP.unsticked .search-wrapper.show-panel .search-panel {
  border-color: #fff;
}

.input-search-bar {
  position: relative;
  padding-right: 45px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  height: 45px;
  width: 16vw;
  box-sizing: border-box;
}

.input-search-bar input {
  margin: 0;
  border: 0;
  height: 100%;
}

.input-search-bar .ico,
.input-search-bar .search-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -1px;
}

.input-search-bar .search-close {
  cursor: pointer;
}

.input-search-bar .ico img,
.input-search-bar .search-close img {
  width: 50%;
  filter: invert(30%);
}

.input-search-bar .search-close img {
  width: 36%;
}

.input-search-bar .search-close {
  display: none;
}

.input-search-bar.show-clear .ico {
  display: none;
}

.input-search-bar.show-clear .search-close {
  display: flex;
}

.megadropdown {
  transition: none;
}

.megadropdown .results-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding-left: 40px;
}

.cart-module .cart-ico {
  background: none;
}

.cart-module .cart-ico {
  position: relative;
  width: 48px;
  height: 48px;
  float: right;
  margin-top: 0;
}

.commerce-info {
  height: 46px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 25px;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  color: #666;
  width: 100%;
}

.commerce-info.short {
  display: inline-flex;
  float: right;
  width: auto;
}

.commerce-info .commerce-ico {
  width: 22px;
  height: 22px;
  margin-right: 15px;
}

.commerce-info .info {
  border-right: 1px solid #ddd;
  margin-right: 15px;
  padding-right: 15px;
  white-space: nowrap;
}

.commerce-info .price-wrapper {
  flex: 1;
  text-align: right;
  color: #001f52;
  font-weight: 500;
  white-space: nowrap;
}

.commerce-info .price-wrapper > span {
  line-height: 1;
  white-space: nowrap;
}

.commerce-info .price-wrapper .price {
  font-size: 1.4rem;
}

/* -- filtry -- */
.product-filters-section {
  padding: 30px 35px 25px 35px;
  border: 1px solid #ddd;
  margin-bottom: 0;
  background-color: #fff;
  position: relative;
}

.product-filters-section:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 5%;
  width: 16px;
  height: 16px;
  transform: rotate(-45deg);
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: #fff;
  z-index: 1;
}

.clear-filters {
  position: relative;
  color: #717171;
  display: inline-block;
  float: left;
  padding: 15px 45px 15px 30px;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.clear-filters:hover {
  color: #717171;
}

.clear-filters .ico-x:after,
.clear-filters .ico-x:before {
  background: #0084d0;
}

.ingenuity-filter-close {
  position: relative;
  color: #717171;
  display: inline-block;
  float: right;
  padding: 15px 45px 15px 30px;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.ingenuity-filter-close:hover {
  color: #717171;
}

.ingenuity-filter-close .ico-x:after,
.ingenuity-filter-close .ico-x:before {
  background: #0084d0;
}

.product-filters-section h3,
.product-filters-section .h3 {
  letter-spacing: 1px;
  font-size: 1.5rem;
  margin-top: 0;
}

.product-filters {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.product-filters > div {
  flex: 1;
  margin-right: 20px;
}

.product-filters > div.ingenuity-filters {
  flex: 1;
}

.product-filters > div h4 {
  border-bottom: 1px solid #e0e0e0;
  padding: 0 0 10px 0;
  margin: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.9rem;
  color: #717171;
}

.subcat-filter,
.manufacturer-filter,
.ingenuity-filter,
.ingenuity-filter-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 16px;
  border: 3px solid #777;
  background: #fff;
  margin: 0 10px 10px 0;
  color: #111A29;
  font-size: 0.9rem;
  position: relative;
  transition: all 300ms;
  box-sizing: border-box;
  border-radius: 10px;
  background: #F3F5F8;
}

.product-filters .select2-container--default .select2-selection--single {
  border: 3px solid #777777;
  border-radius: 5px;
}

.product-filters .select2-container .select2-selection--single {
  height: 40px;
}

.product-filters .select2-container--default.urhere .select2-selection--single {
  background-color: #0084d0;
  color: #fff;
  border: 3px solid #0084d0;
}

.product-filters .select2-container--default.urhere .select2-selection--single .select2-selection__rendered {
  color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__clear,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 47px;
  height: 100%;
  z-index: 10;
  margin: 0;
}

.product-filters .select2-container--default.urhere .select2-selection--single .select2-selection__arrow {
  display: none;
}

.product-filters .select2-container--default .select2-selection--single .select2-selection__arrow {
  background-image: url("graphics/svg/strzalka.svg");
  background-repeat: no-repeat;
  background-size: 40%;
  background-position: center;
  transition: all 300ms;
}

.product-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
  transform: rotate(180deg);
}

.product-filters .select2-container--default .select2-selection--single .select2-selection__clear:before,
.select2-container--default .select2-selection--single .select2-selection__clear:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 1px;
  background: #fff;
}

.product-filters .select2-container--default .select2-selection--single .select2-selection__clear:before {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(-45deg);
}

.product-filters .select2-container--default .select2-selection--single .select2-selection__clear:after {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(45deg);
}

.product-filters .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.product-filters .select2-container {
  width: auto !important;
  min-width: 280px;
  margin-bottom: 10px;
}

.product-filters .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 50px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 40px !important;
}

.tag_pages_links {
  padding-top: 20px;
}

.ico-x {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 100%;
}

.ico-x:after,
.ico-x:before {
  content: "";
  position: absolute;
  width: 22px;
  height: 1px;
  background: #fff;
}

.ico-x:after {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(45deg);
}

.ico-x:before {
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  transform: rotate(-45deg);
}

.subcat-filter.urhere,
.manufacturer-filter.urhere,
.ingenuity-filter.urhere {
  border: 3px solid #0084d0;
  background: #0084d0;
  color: #fff;
  padding: 16px 45px 16px 16px;
}

.subcat-filter:hover,
.manufacturer-filter:hover,
.ingenuity-filter:hover,
.ingenuity-filter-button:hover {
  border: 3px solid #0084d0;
  color: #fff;
  background: #0084d0;
}

.subcat-filter .ico-x,
.manufacturer-filter .ico-x,
.ingenuity-filter .ico-x {
  display: none;
}

.subcat-filter.urhere .ico-x,
.manufacturer-filter.urhere .ico-x,
.ingenuity-filter.urhere .ico-x {
  display: block;
}

.ingenuity-filters-wrapper {
  position: absolute;
  display: none;
  background: white;
  z-index: 15;
  left: 10px;
  right: 0px;
  bottom: -35px;
}

.ingenuity-filters-wrapper.active {
  display: block;
}

.ingenuity-filters-wrapper .ingenuity-filter-close {
  position: absolute;
  top: 0;
  right: 0;
}

.add-controls-filters {
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
}

.add-controls-filters.knowledge-article-filters {
  margin-bottom: 30px;
  margin-top: 30px;
}

.product-filters-section .x-close {
  width: 50px;
  height: 50px;
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #0d1522;
  transition: right 500ms;
}

.product-filters-section .x-close .ico-x {
  width: 50px;
}

.product-filters-section .x-close .ico-x:before,
.product-filters-section .x-close .ico-x:after {
  background: #fff;
  height: 2px;
}

.product-filters-section.show-me .x-close {
  right: 100%;
}

.product-filters-section.knowledge-article {
  position: fixed;
  width: 340px;
  height: 100%;
  left: -340px;
  right: auto;
  box-sizing: border-box;
  top: 50px;
  bottom: 0;
  transition: all 500ms;
  z-index: 500;
  padding: 0;
}

.product-filters-section.knowledge-article > div {
  overflow-y: auto;
  padding: 30px 35px 25px 35px;
  height: 100%;
  box-sizing: border-box;
}

.product-filters-section.knowledge-article.show-me {
  left: 0;
  right: auto;
}

.product-filters-section.knowledge-article .x-close {
  display: block;
}

.product-filters-section.knowledge-article .product-filters .subcategories-filters {
  padding-bottom: 50px;
  width: 100%;
  overflow-y: auto;
}

.product-filters-section.knowledge-article .product-filters {
  flex-direction: column;
}

.product-filters-section.knowledge-article .product-filters > div {
  width: 100%;
}

.product-filters-section.knowledge-article .subcat-filter,
.product-filters-section.knowledge-article .manufacturer-filter {
  padding: 0 10px;
  display: flex;
  line-height: 1.1;
}

.product-filters-section.knowledge-article .x-close {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: auto;
  left: 0;
  background: #0d1522;
  transition: all 500ms;
}

.product-filters-section.knowledge-article.show-me .x-close {
  left: 100%;
}

.product-list-wrapper {
  position: relative;
  min-height: 150px;
}

.product-list-wrapper .empty-results-info {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  padding-top: 50px;
}

.product-category.icon-tile .icon {
  width: 100px;
  height: 100px;
}

.ita-listing-root .product-category.icon-tile .icon {
  width: 60px;
  height: 60px;
}

a.product-tile {
  text-decoration: none;
  color: inherit;
  padding: 24px;
  border: 1px solid #ddd;
  background: #fff;
}

.product-tile .image-wrapper .image,
.product-tile .image-wrapper {
  width: auto;
  height: auto;
}

.product-tile .image-wrapper {
  position: relative;
  overflow: visible;
}

.product-tile .image-wrapper .image {
  padding: 0;
  border: none;
}

.product-tile.programs-style .image-wrapper .image {
  padding: 10px;
}

.product-tile .controls {
  right: 30px;
  bottom: 30px;
}

.product-tile .commerce-info {
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.product-tile .product-ribbons-wrapper {
  top: 5px;
  right: auto;
  left: -5px;
}

a.product-tile:hover {
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
}

.product-ribbons-wrapper > .product-ribbon {
  margin-right: 10px;
}

.product-ribbons-wrapper > .product-ribbon:last-child {
  margin-right: 0;
}

.product-ribbon {
  padding: 5px 10px;
  background: #0d1522;
  color: #111A29;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 5px;
  top: 25px;
}

.product-ribbon.price-discount-percent {
  background: #d90d0d;
}

.icon-label-wrapper .icon-label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.icon-label-wrapper .icon-label .icon {
  height: 50px;
  width: 50px;
  min-width: 50px;
  margin: 0 15px 0 0;
}

.icon-label-wrapper .icon-label span {
  font-weight: 400;
  font-size: 15px;
  color: #111A29;
}

/* SHOP SECTION */
.shop-section {
  position: relative;
}

.card.product-card {
  padding: 0;
  min-height: 420px;
  overflow: visible;
  border: 2px solid #F3F5F8;
  background: #FFF;
  border-radius: 10px;
}

.product-card .product-ribbon {
  position: absolute;
}

.shop-section .card.product-card .image-wrapper {
  padding-bottom: 80%;
}

.shop-section .card.product-card .image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
  top: 10px;
  left: 20px;
  right: 20px;
  bottom: 0;
  max-height: 225px;
}

.card.product-card .content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 130px;
  line-height: 1.1;
}

.card.product-card .content ul li {
  display: flex;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 8px;
  color: #111A29;
}

.shop-section .card.product-card .content.without-price {
  padding-bottom: 60px;
}

.shop-section .card.product-card .content .subtitle {
  font-size: 13px;
}

.card.product-card .content h3,
.card.product-card .content .h3 {
  font-size: 1.25rem;
  font-weight: 600;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 3;
  display: -moz-box;
  -moz-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 16px;
}

.shop-section .card.product-card .content .category-title {
  line-height: 1.1;
  font-size: 0.8rem;
}

.card.product-card .controls {
  left: 20px;
  bottom: 20px;
  right: 20px;
  text-align: left;
}

.card.product-card .price-wrapper {
  position: absolute;
  bottom: 70px;
  left: 20px;
  right: 20px;
  padding: 0;
  display: flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 5px;
  height: auto;
  border: 0;
  width: auto;
  box-sizing: border-box;
  color: #000;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 10px 0;
}

.card.product-card .price-wrapper .price {
  font-size: 26px;
  font-weight: 600;
}

.shop-section .product-ribbon {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.shop-section .splide__track:after {
  content: "";
  position: absolute;
  top: -20px;
  right: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: #fff;
}

.shop-section .splide__track:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.shop-section.alt-bg .splide__track::before {
  background-color: rgba(243, 245, 248, 0.5);
}

.shop-section.alt-bg .splide__track:after {
  background-color: #F3F5F8;
}

.shop-section .splide__track {
  overflow: visible !important;
  margin-left: -10px;
  margin-right: -10px;
}

.splide__slide > div,
.splide__slide > div .card {
  height: 100%;
}

.shop-section .slick-prev,
.shop-section .slick-next {
  border: 0;
  height: 40px;
  width: 40px;
  display: block !important;
  top: 0 !important;
  bottom: auto !important;
  left: -50px !important;
  right: auto !important;
}

.shop-section .slick-prev {
  border: 0;
  height: 40px;
  left: 0;
  right: auto;
  top: 45px !important;
}

.shop-section .slick-prev:after {
  background-image: url(graphics/svg/arrow-slick-left.svg);
  background-position: center;
}

.shop-section .slick-next {
  border: 0;
  height: 40px;
  right: 0;
}

.shop-section .slick-next:after {
  background-image: url(graphics/svg/arrow-slick-right.svg);
  background-position: center;
}

.splide__arrows {
  display: flex;
  gap: 10px;
  padding-top: 10px;
}

.splide__arrow {
  align-items: center;
  background: #ccc;
  background-color: rgb(204, 204, 204);
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 2em;
  justify-content: center;
  opacity: 0.7;
  padding: 0;
  position: inherit;
  left: 17%;
  transform: translateY(-50%);
  width: 2em;
  z-index: 1;
}

.splide__arrow--next {
  right: 0;
  top: -10%;
  background-color: #F3F5F8;
}
.splide__arrow--next svg {
  display: none;
}

.splide__arrow--prev {
  left: 14%;
  top: -10%;
  background-color: #F3F5F8;
}
.splide__arrow--prev svg {
  display: none;
}

.splide__arrow--next::after {
  content: "";
  background-image: url(/css/graphics/svg/see-more.svg);
  width: 12px;
  height: 12px;
  position: absolute;
  right: 9px;
  top: 10px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.splide__arrow--prev::after {
  content: "";
  background-image: url(/css/graphics/svg/see-more.svg);
  width: 12px;
  height: 12px;
  position: absolute;
  right: 9px;
  top: 10px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}

.lead-image-content .splide__arrow {
  position: absolute;
}

#page-product .article-columns.side,
#page-product .article-columns.side .side,
#page-software .article-columns.side,
#page-software .article-columns.side .side,
#page-event .article-columns.side,
#page-event .article-columns.side .side {
  padding-top: 0;
}

.manufacturer-wrapper {
  position: relative;
  margin-bottom: 25px;
}

.manufacturer-wrapper .logo-box {
  width: 150px;
  height: 150px;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  border: 1px solid #ccc;
}

.manufacturer-wrapper .logo-box .thb {
  filter: grayscale(0);
}

.product-lead-wrapper .image img {
  width: 100%;
  display: block;
  transition: all 2s;
}

.product-lead-wrapper .image a {
  overflow: hidden;
  display: block;
  position: relative;
}

.product-lead-wrapper .image a:hover img {
  transform: scale(1.1);
}

.product-lead-wrapper .image a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url("graphics/lupa-ico-2.png") no-repeat center;
  z-index: 2;
  opacity: 0;
  transition: all 1s;
}

.product-lead-wrapper .image a:hover:before {
  opacity: 1;
}

.image .img-counter {
  position: absolute;
  bottom: -12px;
  right: -12px;
  border-style: solid;
  height: 0;
  width: 0;
  border-color: transparent transparent #0084d0 transparent;
  border-width: 0 0 60px 60px;
  z-index: 1;
}

.image .img-counter > div {
  position: absolute;
  top: 35px;
  right: 0;
  bottom: 0;
  left: -35px;
  width: 40px;
  height: 30px;
}

.image .img-counter > div span {
  color: #fff;
  font-size: 0.8rem;
}

.product-lead-wrapper .lead-image-content {
  min-height: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px 0 0 0;
}

.product-lead-wrapper .lead-image-content {
  gap: 60px;
}

.product-lead-wrapper .lead-image-content .lead-content {
  flex: 1;
  width: 100%;
}

.product-lead-wrapper .lead-image-content .lead-content h1 {
  position: relative;
  margin-bottom: 0;
}

.lead-image-content .lead-content .text-wrapper ul {
  list-style-type: none;
}
.lead-image-content .lead-content .text-wrapper li {
  position: relative;
}
.lead-image-content .lead-content .text-wrapper li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #717171;
  top: 0px;
  background-color: unset;
  border-radius: unset;
}
.lead-image-content .lead-content .text-wrapper span {
  margin-left: 8px;
}

.product-lead-wrapper .lead-image-content > .image-wrapper,
.product-lead-wrapper .lead-image-content > .video-wrapper {
  width: 500px;
  min-height: 380px;
  position: relative;
  overflow: visible;
  border: 1px solid #CCC;
  background: #FFF;
}

#page-products_listing .product-lead-wrapper .lead-image-content > .image-wrapper {
  width: 300px;
}

.manufacturer-name {
  margin-bottom: 1em;
  text-transform: inherit;
  display: block;
  font-size: 0.9rem;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: 500;
}

.category-title {
  color: #B5B5B5;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 10px;
}

.product-cta-wrapper {
  border: 1px solid #ccc;
  padding: 20px 30px;
  margin-top: 2em;
  background: #fff;
  text-align: left;
}

.product-cta-wrapper .price-section {
  position: relative;
  top: auto;
  right: auto;
}

.product-cta-wrapper h3:first-child,
.product-cta-wrapper .h3:first-child {
  margin-top: 0;
}

.product-cta-wrapper .price-section strong {
  margin-bottom: 1em;
  display: block;
}

.product-cta-wrapper .product-price {
  padding: 0;
  text-align: right;
}

.product-cta-wrapper .product-price .price span.disconted {
  color: #3b920f;
}

.product-cta-wrapper .product-price .old-price {
  display: inline-block;
  margin-right: 20px;
}

.product-cta-wrapper .old-price::after {
  top: 50%;
}

.product-cta-wrapper .controls {
  text-align: left;
}

.add-to-cart-container {
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.product-price .price {
  font-size: 2.4rem;
  color: #0055aa;
}

.nice-cart-quantity-controls {
  margin-right: 0;
}

.nice-cart-quantity-controls .button {
  margin-right: 0;
}

#add-to-cart-message {
  background: #f5f5f5;
  border: 1px solid #ddd;
  padding: 5px 10px;
  overflow: hidden;
  font-size: 0.9rem;
  margin-top: 20px;
  margin-bottom: 10px;
  display: none;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
#add-to-cart-message.show-me {
  display: block;
  animation-name: fadeInUp;
  animation-duration: 500ms;
}

#add-to-cart-message img {
  float: left;
  margin-right: 15px;
}

.availability-info-wrapper {
  padding: 10px 20px;
  background: #eee;
  background: #ffce39;
  background: none;
  border: 1px solid #ffce39;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}

.unaddable .availability-info-wrapper {
  background: none;
  border: 1px solid #ff0000;
}

.product-detail-section .product-detail .thb,
.product-detail-section .product-detail .thb img {
  display: block;
  border-radius: 4px;
}

.product-detail-section .product-detail .thb:after {
  content: "";
  position: absolute;
  bottom: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
  background: #fff;
  border-left: 1px solid #ddd;
}

.product-detail-section .product-detail .content {
  margin-top: 10px;
  padding-left: 1px;
  padding-right: 1px;
  font-size: 0.9rem;
  opacity: 0.8;
}

.product-detail-list {
  list-style: none;
  padding-left: 0;
  margin: 1em 0;
}

.product-detail-list li {
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 0.5em;
  list-style-type: none;
  margin-left: 0;
}

.product-detail-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #111A29;
}

.programs-tile {
  margin-bottom: 1em;
}

.programs-tile .logo-box {
  float: left;
  width: 20%;
  box-sizing: border-box;
  padding-right: 30px;
  margin: 0;
}

.programs-tile .logo-box .thb {
  filter: grayscale(0);
}

.programs-tile .content {
  float: left;
  width: 80%;
  box-sizing: border-box;
  padding-left: 0;
}

.programs-tile .content h3 {
  margin-top: 0;
}

.programs-long-descr-wrapper > div.movie-box-wrapper {
  width: 700px;
  max-width: 100%;
  margin-top: 20px;
}

.folded {
  margin-bottom: 30px;
}

.folded .programs-content {
  height: 0;
  overflow: hidden;
}

.fold-btn {
  display: none;
}

.folded .fold-btn {
  display: inline-flex;
  height: 40px;
  margin: 0;
}

.folded .programs-content.show-me {
  height: auto;
}

.folded .programs-content.show-me + .fold-btn {
  display: none;
}

.specifications-section {
  padding-top: 0;
}

.table-specifications {
  min-width: 800px;
  overflow-x: auto;
}

.table-specifications.is-short {
  min-width: 400px;
}

.product-lead-wrapper .lead-image-content.title {
  max-width: 35%;
  min-width: 35%;
  text-transform: uppercase;
  width: 35%;
}

.table-specifications-wrapper {
  padding-top: 20px;
  margin-bottom: 30px;
}

div.table-specifications {
  font-size: 0.9rem;
}

.table {
  display: inline-block;
  width: 100%;
  overflow: visible;
}

.table.is-short {
  padding-right: 500px;
  box-sizing: border-box;
}

.table.short-tables {
  padding-right: 0;
}

.table.colimg-exists {
  margin-top: 160px;
}

.table.colimg-exists .table-row:first-child {
  border-left: 1px solid #40b0f1;
}

.table.colimg-exists .table-row:first-child .table-cell {
  overflow: visible;
  background: #40b0f1;
  border-bottom: 0px solid #ddd;
}

.table.colimg-exists .table-row:first-child .table-cell:last-child {
  border-right: 1px solid #40b0f1;
}

.table-row {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  overflow: visible;
}

.table-row .table-cell {
  background: #fff;
}

.table-cell {
  display: block;
  position: relative;
  overflow: visible;
  box-sizing: border-box;
  border-bottom: 2px solid #F3F5F8;
  font-size: 0.75rem;
  padding: 12px 0;
  font-size: 15px;
  font-weight: 600;
  color: #111A29;
}
.table-cell span {
  font-size: 15px;
  font-weight: 400;
  color: #111A29;
}

.table-row.table-header .table-cell {
  overflow: visible;
}

.table-row.table-header .table-cell > * {
  color: #717171;
  color: #111A29;
}

.table-row.table-header .table-cell * {
  text-align: center;
}

.table-row.table-header .table-cell.title * {
  text-align: left;
}

.table-cell * {
  margin: 0;
}

.table .table-row.table-header .table-cell {
  overflow: visible;
  background: #fff !important;
  color: #111A29;
  font-size: 1.5rem;
}

.table-cell > * {
  text-align: left;
}

.table .table-row.table-header {
  min-height: 45px;
}

.table-cell.title {
  max-width: 40%;
  min-width: 40%;
  text-transform: none;
  width: 40%;
}

.colspan,
.colspan-2,
.colspan-3,
.colspan-4,
.colspan-5,
.colspan > *,
.colspan-2 > *,
.colspan-3 > *,
.colspan-4 > *,
.colspan-5 > * {
  text-align: center !important;
}

.rowspan-2,
.rowspan-3,
.rowspan-4 {
  background: #fff !important;
}

.table-specifications .price-wrapper {
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  color: #001f52;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
  margin-bottom: 10px;
}

.table-specifications .price-wrapper .price {
  font-size: 1.2rem;
}

.table-specifications .controls {
  text-align: center;
  justify-content: center;
}

.table-specifications .controls .button {
  height: 40px;
  font-size: 0.8rem;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}

.nodisplay {
  display: none;
}

.title.nodisplay {
  display: block;
  background: #fff !important;
  position: relative;
}

.title.nodisplay:after {
  content: "";
  position: absolute;
  height: 1px;
  background: #fff;
  top: -1px;
  left: 0;
  right: 0;
}

.title.nodisplay > span {
  display: none;
}

.img-table-frame {
  position: absolute;
  bottom: 0;
  margin-bottom: 10%;
  left: 50%;
  transform: translate(-50%);
  width: 90%;
  max-width: 150px;
  height: 500%;
  border: 1px solid #ddd;
  background: #fff;
}

.img-table-frame > div {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  z-index: 2;
}

.img-table-frame:after {
  content: "";
  position: absolute;
  bottom: -5%;
  left: 50%;
  margin-left: -5%;
  width: 10%;
  height: 10%;
  transform: rotate(-45deg);
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  background: #fff;
  z-index: 1;
}

.ukryj-ramke .image,
.ukryj-ramke .image:after {
  border: 0 none;
}

.ukryj-ramke .image:after {
  display: none;
}

.news-wrapper > div {
  overflow: hidden;
}

.distinction {
  color: #45b2f1;
}

.show-on-ipad {
  display: none;
}

.link-file {
  font-weight: 300;
  line-height: 1.1;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: center;
  padding: 24px 120px 24px 24px;
  border-radius: 10px;
  border: 1px solid #F3F5F8;
  min-height: 100px;
}
.link-file span {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
  color: #717171;
}
.link-file p {
  font-weight: 600;
  font-size: 1.2rem;
  color: #111A29;
  margin-bottom: 8px;
}

.link-file-info {
  display: flex;
  gap: 6px;
}

.link-file-icon {
  width: 32px;
  height: 32px;
  left: 26px;
  margin-top: -16px;
}

.link-file .button {
  right: 15px;
  padding-left: 25px;
}

.link-file .button::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 15px;
  transform: rotate(90deg);
  width: 10px;
  height: 10px;
  background-image: url(graphics/svg/see-more.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.links-files.columns.x3 > div {
  padding: 0 10px 10px 10px;
}

.service-block {
  border: 1px solid #ddd;
  padding: 45px;
  background: #fff;
  margin-bottom: 30px;
}

.service-content-wrapper {
  overflow: visible;
}

.service-content-wrapper .content {
  float: left;
  width: 60%;
  padding-right: 30px;
  box-sizing: border-box;
}

.service-content-wrapper .content.is-video {
  width: 100%;
  padding-right: 0;
}

.service-content-wrapper .content.is-video h3:first-child {
  margin-bottom: 0;
  margin-top: 0;
}

.service-content-wrapper .content.is-video .video {
  padding: 30px 0;
}

.service-content-wrapper .service-video,
.service-content-wrapper .service-images {
  float: right;
  width: 40%;
}

.card.service-card {
  padding: 0;
  min-height: 0;
  overflow: visible;
  background: #FFF;
  border-radius: 10px;
}

.card.service-card .image-wrapper {
  padding-bottom: 65%;
  margin: 0;
}

.card.service-card .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
}

.card.service-card .image-wrapper .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.card.service-card .content {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 80px;
  padding-top: 0;
}

.card.service-card .content h3 {
  min-height: 2.8em;
}

.aplications .icon-card .controls {
  text-align: right;
}

.card.service-card .content p {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 4;
  display: -moz-box;
  -moz-line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 13px;
  line-height: 105%;
  letter-spacing: 0%;
}

.article-section.alt-bg {
  background-color: #f4f5f9;
  border-radius: 10px;
}

#START .article-section.padding-bottom.alt-bg.service-card-wrapper {
  padding-bottom: 64px;
}

#START .article-section.padding-both.alt-bg {
  padding-top: 64px;
  padding-bottom: 64px;
}

.service-card-wrapper {
  position: relative;
}

.service-card-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 150px;
  background-color: #f4f5f9;
}

.service-card-wrapper .slick-slider::after {
  display: none;
}

.service-card-wrapper .slick-slider .slick-list {
  -webkit-clip-path: inset(0 -2000px 0 0);
          clip-path: inset(0 -2000px 0 0);
}

.header-columns {
  margin-left: -30px;
  margin-right: -30px;
  position: relative;
  overflow: hidden;
}

.header-columns > div {
  width: 50%;
  float: left;
  box-sizing: border-box;
  padding-left: 30px;
  padding-right: 30px;
}

.hightlight-pointer .text-wrapper ul li {
  padding-bottom: 15px;
  font-size: 1.2rem;
}

.hightlight-pointer .text-wrapper ul li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url(graphics/svg/check-2.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.event-info-box {
  padding: 0;
  width: 100%;
  margin-bottom: 1em;
  border: 1px solid #ddd;
  background: #fff;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 40px;
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
}

.event-info-box > div.event-info-col {
  flex: 1;
  padding: 30px;
  position: relative;
}

.event-info-box > div.event-info-col:after {
  content: "";
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 0;
  width: 1px;
  background: #ddd;
}

.event-info-box > div.event-info-col > div {
  height: 100%;
  position: relative;
  padding-left: 50px;
}

.event-info-box > div.event-info-col > div p {
  line-height: 1.4;
}

.event-info-box > div.event-info-col:first-child:after {
  display: none;
}

.event-info-box > div.event-info-col.with-button {
  flex: 1;
}

.event-info-box > div.event-info-col.with-button > div {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.event-info-box > div.event-info-col.with-button > div > div {
  flex: 1;
}

.event-info-box > div.event-info-col.with-button .event-alert {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  margin-top: 1em;
}

.event-info-box > div.event-info-col.with-button > div {
  padding-left: 0;
}

.event-info-box > div.event-info-col.with-button .button {
  width: 100%;
  margin: 0;
  margin-top: 10px;
}

.event-info-box > div.event-info-col.empty > div,
.event-info-box > div.event-info-col.empty:after {
  display: none;
}

.event-info-box > div.event-info-col .place-left {
  padding-top: 10px;
}

.event-info-box > div.event-info-col .place-left strong {
  white-space: nowrap;
  background: #eee;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 5px;
  font-size: 1.2rem;
}

.event-info-col .icon-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

.event-info-col .icon-wrapper .icon {
  margin: 0;
  width: 30px;
  height: 30px;
}

.event-info-col .icon-wrapper > span {
  display: block;
  margin-left: 15px;
}

.location2-event > div {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  background: #eeeeee;
  padding: 5px 15px;
  border-radius: 5px;
  margin-bottom: 10px;
  min-width: 90px;
}

.location2-event > div > span {
  display: inline-block;
  font-size: 0.8rem;
  text-transform: capitalize;
  opacity: 0.6;
  margin-right: 10px;
  line-height: 1;
}

.location2-event > div > strong {
  font-weight: 300;
  display: inline-block;
  font-size: 1.6rem;
  color: #001f52;
  line-height: 1;
}

.event-info-box > div.event-info-col .price-wrapper {
  white-space: nowrap;
  background: #eee;
  padding: 5px 15px;
  display: inline-block;
  border-radius: 5px;
}

.event-info-box > div.event-info-col .price-wrapper span {
  font-size: 1.1rem;
  color: #666;
}

.event-info-box > div.event-info-col .price-wrapper .price {
  font-size: 2rem;
  color: #001f52;
  line-height: 1;
}

.event-info-box > div.event-info-col .price-wrapper .free {
  font-size: 1.1rem;
  color: #001f52;
  line-height: 1.5;
  text-align: center;
  display: block;
}

.event-info-box > div.event-info-col .price_decr {
  padding-top: 5px;
  font-size: 0.8rem;
}

.event-info-box .logo-box {
  width: 100%;
  margin-bottom: 0;
  padding: 0 10px 20px 0;
}

.event-info-box .logo-box img {
  width: 100%;
  max-height: 100px;
}

.events-list .tile .image-wrapper .image,
.service-list-wrapper .tile .image-wrapper .image {
  padding: 10px;
  border: 1px solid #ddd;
}

.tile .image-wrapper img {
  border-radius: 8px;
}

.ita-speaker {
  position: relative;
  background: #eee;
  border-radius: 10px;
  min-height: 250px;
  max-width: 460px;
  box-sizing: border-box;
}

.ita-speaker:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 50%;
  width: 70px;
  height: 16px;
  border-radius: 8px;
  background: #fff;
  transform: translate(-50%, 0);
}

.ita-speaker > div {
  position: absolute;
  top: 40px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  padding: 20px 20px 20px 150px;
  background: #f4f4f4;
  border-radius: 10px;
}

.ita-speaker .image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 180px;
  box-sizing: border-box;
  padding: 20px;
}

.ita-speaker .image-wrapper .image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}

.ita-speaker .content {
  padding-left: 0;
}

.ita-speaker .content h3 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 1.1rem;
}

.ita-speaker .content .label {
  display: block;
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #aaa;
}

.ita-event-keeper {
  max-width: 460px;
  padding: 40px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
}

.ita-event-keeper .ita-event-keeper-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0;
}

.ita-event-keeper .ita-event-keeper-title .image-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.ita-event-keeper .ita-event-keeper-title .image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  border: 1px solid #ddd;
}

.ita-event-keeper .ita-event-keeper-title .content {
  padding-left: 20px;
}

.ita-event-keeper .ita-event-keeper-title .content h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.2rem;
}

.ita-event-keeper .ita-event-keeper-title .content strong {
  font-size: 0.8rem;
}

.ita-event-keeper-contact {
  padding-top: 20px;
}

.ita-event-keeper-contact .phone-wrapper a,
.ita-event-keeper-contact .phone-wrapper .phone-txt,
.ita-event-keeper-contact .email a {
  display: block;
  text-decoration: none;
  color: #111A29;
  font-size: 1.4rem;
}

.ita-event-keeper .ico-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 5px;
}

.ita-event-keeper .ico-text .ico {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  padding: 8px;
  border-radius: 50%;
  box-sizing: border-box;
}

.location-content {
  padding: 5px 0;
  font-size: 0.9rem;
  font-weight: bold;
}

.past-events a.tile {
  filter: grayscale(100%);
  transition: filter 300ms;
}

.past-events a.tile:hover {
  filter: grayscale(0);
}

.date-begin-end {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.date-begin,
.date-end {
  width: auto;
  min-width: 80px;
  min-height: 105px;
  text-align: center;
  background: #eeeeee;
  padding: 20px 3px;
  margin-right: 25px;
  border-radius: 5px;
  position: relative;
  box-sizing: border-box;
}

.date-end:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -17px;
  width: 8px;
  height: 3px;
  background: #111A29;
  transform: translate(0, -50%);
}

.date-begin > strong.day,
.date-end > strong.day {
  font-size: 2rem;
  color: #001f52;
  display: block;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 3px;
}

.date-begin > .month,
.date-end > .month {
  display: block;
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-transform: capitalize;
  opacity: 0.6;
}

.date-begin > .year,
.date-end > .year {
  display: block;
  line-height: 1.2;
  font-size: 0.8rem;
  opacity: 0.6;
}

.date-end.time-style:before {
  display: none;
}

.date-end.time-style > strong {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #001f52;
  line-height: 1;
  font-weight: 300;
  margin-bottom: 3px;
  vertical-align: top;
}

.date-end.time-style > strong > span:first-child {
  font-size: 1.8rem;
}

.date-end.time-style > span {
  line-height: 1.2;
  font-size: 0.8rem;
  opacity: 0.6;
  display: block;
  padding-top: 2px;
}

.speaker-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.speaker-wrapper .speaker-img-wrapper {
  border-radius: 50%;
  width: 24px;
  min-width: 24px;
  height: 24px;
  position: relative;
}

.speaker-wrapper .speaker-img-wrapper .speaker-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.speaker-wrapper .content {
  font-size: 0.8rem;
  padding-left: 10px;
}

.speaker-wrapper .content .name {
  line-height: 1;
}

.date-countdown {
  margin-bottom: 0;
  max-width: 280px;
}

.date-countdown label {
  font-size: 0.9rem;
  margin-bottom: 13px;
}

#zostalo,
#minelo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#zostalo > div,
#minelo > div {
  width: auto;
  min-width: 30px;
  padding: 8px;
  background: #eee;
  flex: 1;
  margin-right: 5px;
  border-radius: 3px;
  text-align: center;
}

#zostalo > div:last-child,
#minelo > div:last-child {
  border-right: 0;
  margin-right: 0;
}

#zostalo > div > span,
#minelo > div > strong {
  display: block;
  text-align: center;
  line-height: 1;
}

#zostalo > div > span,
#minelo > div > span {
  font-size: 0.8rem;
  opacity: 0.6;
}

#zostalo > div > strong,
#minelo > div > strong {
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  margin-bottom: 3px;
}

#minelo > div {
  padding: 3px;
}

#minelo > div > strong {
  line-height: 1;
  display: block;
  margin-bottom: -2px;
}

.event-info-col .addeventatc {
  margin-top: 12px;
  border-radius: 0 !important;
  border: 0 !important;
  font-family: source-sans-pro, tahoma, arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 0.9rem !important;
  text-transform: uppercase;
  padding: 7px 20px !important;
  z-index: 99 !important;
  margin-bottom: 0;
  text-shadow: none !important;
  box-shadow: none !important;
  width: 100% !important;
  display: block !important;
  text-align: center;
  box-sizing: border-box;
}

.event-info-col .addeventatc .addeventatc_icon {
  left: 16px !important;
  top: 14px !important;
  background-image: url("graphics/icon-calendar.svg") !important;
  background-repeat: no-repeat !important;
  display: none !important;
}

.event-info-col .addeventatc:hover {
  background-color: #fff !important;
  color: #0d1522 !important;
}

.product-file {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}

a.product-file {
  color: inherit;
}

.product-file img {
  height: 40px;
}

.ticket-wrapper {
  position: relative;
  padding: 30px 100px 30px 160px;
  border: 2px solid #45bbfa;
  background: #fff;
  max-width: 750px;
  box-sizing: border-box;
}

.ticket-wrapper .ticket {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.ticket-wrapper .ticket .ticket-logo {
  width: 15%;
  padding-right: 30px;
}

.ticket-wrapper .ticket-content {
  position: relative;
}

.ticket-date,
.ticket-place {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  line-height: 1.2;
  margin-bottom: 35px;
  font-size: 0.9rem;
}

.ticket-date {
  padding-top: 20px;
}

.ticket-date > span,
.ticket-place > span {
  display: inline-block;
  margin-right: 4px !important;
}

.ticket-date .ico,
.ticket-place .ico {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -5px;
}

.ticket-date .month {
  display: inline-block;
  margin: 0;
}

.ticket-wrapper .ticket-content {
  padding-left: 30px;
}

.ticket-wrapper .ticket-content h3 {
  margin-top: 0;
}

.ticket-wrapper .ticket-content .ticket-header {
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
}

.ticket-wrapper .ticket-content .ticket-header h3 {
  margin: 0;
}

.ticket-wrapper .ticket-logo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100px;
  padding: 30px;
  background: #eee;
}

.ticket-wrapper .ticket-logo .thb-wrapper.cut-corner::after {
  background: #eee;
}

.ticket-wrapper .ticket-logo .voucher {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0.9rem;
  opacity: 0.8;
}

.ticket-wrapper .ticket-controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80px;
  border-left: 2px dashed #45bbfa;
  transition: all 300ms;
}

.ticket-wrapper .ticket-controls > span.ticket-controls-descr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: rotate(-90deg) translate(-40%, 0);
  transform-origin: 0;
  width: 200px;
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
  white-space: nowrap;
  transition: all 300ms;
}

a.ticket-wrapper {
  text-decoration: none;
  color: #717171;
  transition: all 300ms;
  display: block;
}

a.ticket-wrapper:hover {
  border-color: #0084d0;
}

a.ticket-wrapper:hover .ticket-controls {
  background: #0084d0;
}

a.ticket-wrapper:hover .ticket-controls span.ticket-controls-descr {
  color: #fff;
}

.ticket-wrapper .logo-box .thb {
  filter: grayscale(0);
}

.div-combo {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.div-combo > div {
  flex: 1;
  margin-right: 15px;
  margin-bottom: 0;
}

.relation-products .product-tile .image-wrapper .image,
.relation-products .product-tile .image-wrapper {
  width: 105px;
  height: 105px;
}

#page-event .product-tile-item.overflow {
  display: none;
}

#page-calibration_laboratory .video-banner-wrapper,
#page-calibration_laboratory .photo-banner-wrapper {
  margin-top: -92px;
}

.flex-columns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-columns > div {
  flex: 1;
}

.page-calibration-stats .stat-video-area {
  padding-left: 0;
  margin-bottom: 30px;
}

.page-calibration-stats .stat-box-area {
  padding-top: 80px;
  min-height: 3.2em;
}

.page-calibration-stats .stats-number-bg {
  font-size: 4rem;
  left: 25px;
  color: #ddd;
}

.page-calibration-stats .stats-number-bg .prefix {
  font-size: 2rem;
}

.page-calibration-stats .stat-box strong {
  font-size: 1rem;
}

.page-calibration-stats .stat-box .stat-prefix {
  min-height: 0;
}

.ui-accordion-header,
h2.ui-accordion-header {
  border: 0;
  margin: 0;
  font-size: 1.3rem;
}

.accreditation-wrapper .ui-accordion-header,
.accreditation-wrapper h2.ui-accordion-header {
  border-bottom: 1px solid #ddd;
  box-shadow: 0;
  padding: 20px 90px 20px 0;
}

.accreditation-wrapper .ui-accordion-header-icon {
  top: 22px;
  right: 0;
  bottom: auto;
  width: 25px;
  height: 25px;
}

.accreditation-wrapper .ui-accordion-header-icon::after {
  content: url("graphics/svg/strzalka.svg");
}

.accreditation-wrapper > h2 .parameters-subtitle-list {
  font-size: 1rem;
  color: #717171;
  transition: all 600ms;
  opacity: 1;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  margin-top: 4px;
}

.accreditation-wrapper > h2 .parameters-subtitle-list > span {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  margin-right: 5px;
}

.accreditation-wrapper > h2 .parameters-subtitle-list > span:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1px;
  background: #717171;
}

.accreditation-wrapper > h2 .parameters-subtitle-list > span:last-child:after {
  display: none;
}

.accreditation-wrapper .accordion-content .parameters-wrapper {
  padding-top: 40px;
}

.accreditation-wrapper .accordion-content .parameters-wrapper:first-child {
  padding-top: 0;
}

.accreditation-wrapper .ui-accordion-content {
  padding: 0 0 30px 0;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-header,
.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content {
  padding: 0 30px;
  margin-left: -30px;
  margin-right: -30px;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-header {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row {
  width: 100%;
  display: table-row;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row .parameter-key,
.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row .parameter-val {
  padding-top: 5px;
  padding-bottom: 5px;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row.icon-row .parameter-key,
.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row.icon-row .parameter-val {
  vertical-align: middle;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row .parameter-key {
  padding-right: 15px;
  display: table-cell;
  vertical-align: baseline;
  opacity: 0.6;
}

.accreditation-wrapper .ui-accordion-content .parameters-wrapper .parameter-content .parameter-row .parameter-val {
  font-size: 0.9rem;
  flex: 1;
  padding-top: 2px;
  display: table-cell;
  padding-left: 15px;
  vertical-align: baseline;
  color: #444;
}

.accreditation-wrapper .place-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 15px;
}

.accreditation-wrapper .place-wrapper .ico {
  width: auto;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.accreditation-wrapper .place-wrapper .ico img {
  width: 100%;
  height: 100%;
}

.table-signature {
  font-size: 0.8rem;
  opacity: 0.8;
  margin-top: 1em;
}

.accreditation-wrapper .ui-accordion-header:hover,
.accreditation-wrapper h2.ui-accordion-header:hover {
  box-shadow: 0;
  border: 0;
  border-bottom: 1px solid #ddd;
}

.accreditation-wrapper .ui-accordion-header.ui-accordion-header-active,
.accreditation-wrapper h2.ui-accordion-header.ui-accordion-header-active,
.accreditation-wrapper .ui-accordion-header.ui-accordion-header-active:hover,
.accreditation-wrapper h2.ui-accordion-header.ui-accordion-header-active:hover {
  border: 0;
  box-shadow: none;
}

.accreditation-wrapper .ui-accordion-content.ui-accordion-content-active {
  border: 0;
}

.accreditation-wrapper h2.ui-accordion-header.ui-accordion-header-active .parameters-subtitle-list,
.accreditation-wrapper .ui-accordion-header.ui-accordion-header-active .parameters-subtitle-list {
  opacity: 0;
}

/* galeria */
.gallery .image-wrapper .gal-img-signature {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 300ms;
  text-align: right;
  font-size: 0.8rem;
  line-height: 1.3;
}

.gallery .image-wrapper:hover .gal-img-signature {
  opacity: 1;
}

.gallery a.image-wrapper {
  display: block;
  padding-bottom: 100%;
}

.gallery a.image-wrapper .image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: all 1s;
}

.gallery a.image-wrapper:hover .image {
  transform: scale(1.1);
}

.cb-container .image {
  position: relative;
}

.cb-container .image img {
  width: 100%;
  display: block;
  transition: all 2s;
}

.cb-container .image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  display: block;
}

.photo-banner .cb-container .image-wrapper.full-width .image,
.cb-container .image.no-proportion {
  padding-bottom: 0 !important;
}

.cb-container .image.no-proportion a {
  position: static;
}

.cb-container .image.no-proportion a img {
  width: auto;
  height: auto;
  -o-object-fit: inherit;
     object-fit: inherit;
}

.cb-container .image a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cb-container .image a:hover img {
  transform: scale(1.1);
}

.cb-container .image a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url("graphics/lupa-ico-2.png") no-repeat center;
  z-index: 2;
  opacity: 0;
  transition: all 1s;
}

.cb-container .image a:hover:after {
  opacity: 1;
}

/* certifikat */
.certificates-wrapper {
  padding-top: 30px;
}

.certificates-wrapper .certificate,
.certificates-wrapper a.certificate {
  display: inline-block;
  text-decoration: none;
  color: #717171;
  padding: 15px 70px 15px 145px;
  position: relative;
  border: 1px solid #ddd;
  height: 120px;
  box-shadow: 0;
  box-sizing: border-box;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 450px;
}

.certificates-wrapper .certificate .icon {
  position: absolute;
  top: 5px;
  left: 10px;
  height: 100px;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.certificates-wrapper .certificate:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  right: 10px;
  width: 40px;
  height: 40px;
  background-image: url("graphics/svg/strzalka-prawo.svg");
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
}

.certificates-wrapper .certificate .certificate-header {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.certificates-wrapper a.certificate:hover {
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
}

/* timeline */
.timeline-section-wrapper {
  max-width: 700px;
  margin: 0 auto;
}

.timeline-section-wrapper .timeline-section {
  position: relative;
  padding-left: 240px;
}

.timeline-section-wrapper .timeline-section:first-child:after {
  content: "";
  position: absolute;
  top: -20px;
  left: 240px;
  height: 50px;
  border-right: 2px dashed #2cbbfa;
}

.timeline-section .timeline-section-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: auto;
  font-size: 1.2rem;
  font-weight: 300;
  color: #111A29;
  padding: 10px 20px 10px 20px;
  line-height: 1;
  box-sizing: border-box;
}

.timeline-section .timeline-item {
  padding-top: 30px;
  padding-left: 60px;
  position: relative;
}

.timeline-section .timeline-item:before {
  content: "";
  position: absolute;
  top: 30px;
  bottom: -30px;
  left: 0;
  width: 2px;
  background: #2cbbfa;
}

.timeline-section .timeline-item:after {
  content: "";
  position: absolute;
  top: 30px;
  left: -10px;
  width: 20px;
  height: 20px;
  background: #2cbbfa;
  border-radius: 50%;
}

.timeline-section .timeline-item h3 {
  margin: 0;
}

.timeline-section-header.check-onscreen,
.timeline-section-header.check-onscreen.offscreen-bottom {
  top: 20px;
  position: absolute;
  left: -100px;
  transition: all 500ms;
}

.timeline-section-header.check-onscreen.onscreen {
  left: 0;
  top: 20px;
}

.timeline-item .content.check-onscreen {
  top: 0;
  right: -100px;
  transition: all 500ms;
}

.timeline-item .content.check-onscreen.onscreen {
  right: 0;
  top: 0;
}

/* cytaty */
.quote-section-wrapper {
  position: relative;
  padding: 100px 0;
}

.quote-section-wrapper:before {
  content: "";
  position: absolute;
  top: 40%;
  bottom: 20%;
  left: 0;
  right: 0;
  background: #0055aa;
  z-index: -1;
}

.card.quote-card {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.card.quote-card .quote-mark {
  width: 80px;
  height: 80px;
  position: absolute;
  top: -40px;
  left: 50px;
}

.card.quote-card .quote-mark img {
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
}

.quote-card .content {
  padding: 60px 50px;
}

.card.quote-card.cut-corner:after {
  background: #fff;
}

.quote-section .slick-list {
  overflow: visible;
}

.quote-section .slick-list::after {
  content: "";
  position: absolute;
  top: -20px;
  right: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: #fff;
}

.quote-section .slick-list::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.quote-section-wrapper .slick-prev,
.quote-section-wrapper .slick-next {
  border: 0;
  height: 80px;
}

.quote-section-wrapper .slick-prev:after {
  background-image: url(graphics/svg/strzalka-lewo.svg);
}

.quote-section-wrapper .slick-next:after {
  background-image: url(graphics/svg/strzalka-prawo.svg);
}

blockquote::before {
  display: none;
}

.quote-card {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  padding: 32px !important;
}
.quote-card .quote-item {
  padding-bottom: 20px;
}
.quote-card blockquote {
  color: #111A29;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  font-style: normal;
  padding-left: 0;
  padding-bottom: 30px;
}
.quote-card span.signature {
  font-size: 13px;
  font-weight: 600;
  color: #111A29;
}
.quote-card .inline-items {
  color: #717171;
  font-size: 13px;
  font-weight: 400;
}
.quote-card .dot-separator {
  margin: 0 5px;
}

.quote-card.slick-slide {
  margin: 0 8px;
}

/* ita-person */
.card.ita-person {
  padding: 0;
  border: 1px solid #eee;
  background: #fff;
  min-height: 0;
}

.card.ita-person .content,
.card.ita-person h3 {
  text-align: center;
}

.card.ita-person .content {
  padding: 15px;
}

.card.ita-person .img-placeholder {
  padding-bottom: 100%;
}

.card.ita-person .image {
  border: 0;
}

.service-list-wrapper .tile .content {
  padding-left: 30px;
}

.service-list-wrapper > .controls {
  text-align: left;
  justify-content: center;
  flex-direction: column;
  margin-top: 20px;
}

.service-list-wrapper .controls .button {
  margin: 0;
}

.more-service-list-wrapper {
  overflow: hidden;
  position: relative;
  height: 0;
  transition: height 500ms;
  margin: 0 -10px;
  padding: 0 10px;
}

.more-service-list {
  position: relative;
}

.service-list-wrapper .controls .button.hide-more,
.service-list-wrapper .controls .button.show-more {
  display: flex !important;
  opacity: 1;
  height: 30px;
  transition: all 300ms;
}

.service-list-wrapper .controls .button.hide-more.hidden,
.service-list-wrapper .controls .button.show-more.hidden {
  display: flex !important;
  opacity: 0;
  height: 0;
  transition: all 300ms;
}

/* harmonogram */
.ita-schedule-wrapper {
  position: relative;
}

.ita-schedule-item-wrapper {
  padding-left: 150px;
  position: relative;
}

.ita-schedule-item-wrapper.day {
  padding: 15px 20px;
  border: 1px solid #ddd;
  background: #fff;
  margin: 20px 0 15px 0;
}

.ita-schedule-item-wrapper .ita-time-wrapper {
  position: absolute;
  top: -3px;
  left: 0;
  width: 120px;
  text-align: right;
}

.ita-schedule-item-wrapper .ita-time-wrapper .hours {
  color: #2cbbfa;
  font-size: 1.1rem;
}

.ita-schedule-item {
  position: relative;
  padding-left: 40px;
  padding-bottom: 10px;
  max-width: 600px;
  border-left: 2px solid #ddd;
}

.ita-schedule-item:after {
  content: "";
  position: absolute;
  top: 0;
  margin-top: 0;
  left: -14px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #0d1522;
  background: #fff;
  border: 2px solid #ddd;
}

.ita-schedule-item.day {
  border-left: 0 solid #ddd;
  padding-left: 0;
  padding: 0;
}

.ita-schedule-item.day:after {
  display: none;
}

.ita-schedule-item.day h3 {
  margin: 0;
  padding-top: 0;
  font-size: 1.2rem;
  text-transform: uppercase;
}

.ita-schedule-item .content {
  padding: 0 0 20px 0;
  border-radius: 4px;
  position: relative;
  font-size: 0.9rem;
}

.ita-schedule-item .content p:last-child {
  margin-bottom: 0;
}

.ita-schedule-item .content:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  left: -16px;
  width: 30px;
  height: 30px;
  background: #fff;
  transform: rotate(45deg);
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #eee;
  display: none;
}

.ita-schedule-item .content h3 {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 1.2rem;
}

.ita-schedule-item .content h3 .hours {
  margin: 0;
}

.ita-schedule-item .content p {
  margin-top: 5px;
}

.ita-schedule-item .content p.spiker {
  margin: 0;
  font-size: 0.8rem;
  color: #aaa;
}

.ita-schedule-item .dates-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ita-schedule-item .dates-wrapper > * {
  margin-right: 20px !important;
}
.ita-schedule-item .dates-wrapper > :last-child {
  margin-right: 0 !important;
}

.ita-schedule-item .content span {
  display: inline-block;
}

.ita-schedule-item .hours {
  color: #2cbbfa;
  padding-right: 0.5em;
}

.ita-day-group .ita-schedule-item-wrapper:last-child:after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 145px;
  width: 10px;
  height: 10px;
  border-radius: inherit;
  background: transparent;
  transform: rotate(-45deg);
  border: initial;
  border-left: 2px solid #ddd;
  box-shadow: -2px 2px 0px 6px transparent;
  border-bottom: 2px solid #ddd;
}

.ita_schedule_accordion .ui-accordion-header-icon {
  background: #0084d0;
  width: 30px;
  height: 30px;
}

.ita_schedule_accordion .ui-accordion-header,
.ita_schedule_accordion h2.ui-accordion-header {
  border: 1px solid #ddd;
  font-size: 1.2rem;
}

.ita_schedule_accordion .ui-accordion-header:hover,
.ita_schedule_accordion h2.ui-accordion-header:hover,
.ita_schedule_accordion .ui-accordion-header-active,
.ita_schedule_accordion h2.ui-accordion-header-active {
  border: 1px solid #ddd;
}

.ita_schedule_accordion .ui-accordion-content {
  margin-top: 0;
  padding: 0;
}

.location-header {
  overflow: hidden;
  margin-bottom: 30px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.location-header > div {
  float: left;
  box-sizing: border-box;
}

.location-header .location-image-wrapper {
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  background: #fff;
}

.location-header .location-image-wrapper .location-image {
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.location-header .location-image-wrapper .location-image img {
  max-width: 100%;
}

.location-header .content {
  flex: 1;
  padding-left: 30px;
}

.location-header .content p {
  font-size: 1.1rem;
}

.location-header .content h3 {
  margin-bottom: 0.5rem;
}

.location-header .content h3.location-name {
  margin-top: 0;
}

.side-tree .search {
  max-width: 300px;
  width: 100%;
  position: absolute;
  top: -115px;
  right: 150px;
}

.side-tree .search input {
  color: #717171;
  border: 1px solid #777;
  background: none;
  padding-right: 50px;
}

.side-tree .search .ico-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  padding: 15px;
  box-sizing: border-box;
}

.side-tree .search .ico-img img {
  opacity: 0.8;
  filter: invert(60%);
  max-width: 100%;
  max-height: 100%;
}

.side-tree .search {
  max-width: 380px;
  width: 100%;
  position: relative;
  top: auto;
  right: auto !important;
  margin-bottom: 30px;
}
.side-tree .search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}
.side-tree .search ::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}
.side-tree .search :-ms-input-placeholder { /* IE 10+ */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}
.side-tree .search :-moz-placeholder { /* Firefox 18- */
  color: #fff;
  font-style: none;
  opacity: 0.4;
}

.side-tree .search input {
  color: #fff;
  border: 1px solid #fff;
}

.side-tree .search .ico-img img {
  filter: invert(0);
}

.autor-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  bottom: 25px;
  left: 20px;
  right: 20px;
  font-size: 0.9rem;
}

a .autor-wrapper .autor {
  color: #717171;
}

.autor-wrapper .autor-thb.circle {
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 50%;
  background-image: url("graphics/avatar_empty.png");
  background-color: #eae9ef;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  margin-right: 10px;
}

.autor-wrapper .autor > span {
  display: block;
  line-height: 1.2;
}

.autor-wrapper .autor .label {
  font-size: 0.9em;
  opacity: 0.9;
}

.updated,
a .updated,
.card .updated {
  color: #717171;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
}

.subcategories-tree {
  background-color: #0055aa;
  min-height: 400px;
  padding-top: 40px;
  padding-bottom: 70px;
  padding-right: 25px;
  padding-left: 25px;
  box-sizing: border-box;
  position: relative;
}

.subcategories-tree:before {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  bottom: 0;
  right: 100%;
  background: #0055aa;
  width: 5000px;
}

.subcategories-tree > h3 {
  margin: 0 0 1em 0;
  color: #fff;
  font-size: 2.6rem;
}

.full-tree li a,
.full-tree li a.main {
  color: #eee;
  background: none;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.full-tree li a:hover,
.full-tree li a.urhere,
.full-tree li a.main.urhere {
  color: #fff;
  background: none;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0;
}

.konowledge-articles-wrapper > .first-item-wrapper,
.news-wrapper2 > .first-item-wrapper {
  width: 100% !important;
}

.konowledge-articles-wrapper > .first-item-wrapper .tile.first-item {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.konowledge-articles-wrapper > .first-item-wrapper .tile.first-item .content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.konowledge-articles-wrapper > .first-item-wrapper .tile.first-item .content > div {
  flex: 1;
}

.konowledge-articles-wrapper > .first-item-wrapper .image-wrapper,
.news-wrapper2 > .first-item-wrapper .image-wrapper {
  width: 47%;
  min-width: 47%;
}

.konowledge-articles-wrapper > .first-item-wrapper .image,
.konowledge-articles-wrapper > .first-item-wrapper .img-placeholder,
.news-wrapper2 > .first-item-wrapper .image,
.news-wrapper2 > .first-item-wrapper .img-placeholder {
  width: 100%;
}

.konowledge-articles-wrapper .tile,
.konowledge-articles-wrapper .card,
.news-wrapper2 .tile,
.news-wrapper2 .card {
  padding: 0;
  border: 1px solid #ccc;
  background: #fff;
}

.konowledge-articles-wrapper .tile h3,
.konowledge-articles-wrapper .card h3,
.news-wrapper2 .tile h3,
.news-wrapper2 .card h3 {
  font-size: 1.1rem;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  font-weight: normal;
}

.konowledge-articles-wrapper .tile .content,
.konowledge-articles-wrapper .card .content,
.news-wrapper2 .tile .content,
.news-wrapper2 .card .content {
  position: relative;
  padding-bottom: 60px;
  padding: 20px;
}

.konowledge-articles-wrapper .card .content {
  padding-bottom: 70px;
}

.konowledge-articles-wrapper > .first-item-wrapper .autor-wrapper {
  left: 47%;
  padding-left: 30px;
}

.konowledge-articles-wrapper > .first-item-wrapper .tile h3,
.news-wrapper2 > .first-item-wrapper .tile h3 {
  font-size: 2rem;
  margin-top: 2px;
}

.konowledge-articles-wrapper,
.news-wrapper2 {
  font-size: 1.2rem;
}

.konowledge-articles-wrapper .card .img-placeholder,
.news-wrapper2 .card .img-placeholder {
  padding-bottom: 67%;
}

.konowledge-articles-wrapper .card .image img,
.news-wrapper2 .card .image img {
  max-height: 170px;
}

#page-knowledge_article .article-add-info {
  overflow: hidden;
  margin-top: -20px;
  margin-bottom: 10px;
  max-width: 900px;
}

#page-knowledge_article .article-add-info .autor-wrapper {
  position: static;
  margin-bottom: 10px;
}

#page-knowledge_article .article-add-info .added > span {
  color: #999;
  font-size: 0.8rem;
}

#page-knowledge_article .article-add-info .autor-wrapper .autor-thb.circle {
  width: 60px;
  height: 60px;
  margin-right: 20px;
}

#page-knowledge_article .autor-wrapper .autor span {
  font-size: 1.1rem;
}

#page-knowledge_article .autor-wrapper .autor .label {
  font-size: 0.9rem;
  color: #999;
  display: inline-block;
  margin-right: 5px;
}

#page-knowledge_article .autor-wrapper .autor .updated {
  font-size: 1.1rem;
  opacity: 1;
  color: #717171;
  font-weight: normal;
}

#page-knowledge_article .article-add-action,
#page-news .article-add-action {
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  max-width: 900px;
  margin-bottom: 30px;
  background: #fff;
}

#page-news .article-add-action {
  margin-top: 30px;
}

#page-knowledge_article .social-sharing > span.sharing-title,
#page-news .article-add-action .social-sharing > span.sharing-title {
  margin: 0;
  margin-right: 0px;
  margin-right: 1.8em;
  font-size: 1.1em;
}

#page-knowledge_article .related-knowledge-items,
#page-knowledge_article .product-list-wrapper {
  max-width: 950px;
}

.news-wrapper2 .card .controls,
.news-wrapper2 .tile .controls {
  padding: 20px;
  text-align: right;
}

.bw-privacy {
  font-size: 0.8rem;
  opacity: 0.6;
  border-top: 1px solid #ddd;
  padding: 25px 0 10px 0;
  margin-top: 30px;
}

.signs {
  display: flex;
}
.signs .tag {
  display: inline-block;
  padding: 5px 10px;
  font-size: 13px;
  font-weight: 400;
  border-radius: 5px;
  margin-right: 5px;
}
.signs .reading-time {
  font-weight: 400;
  font-size: 13px;
  color: #717171;
  align-self: center;
}

.signs.article {
  margin: 10px 0;
}

.related-knowledge-items .item {
  padding: 20px 70px 20px 30px;
  border: 1px solid #ccc;
  margin-bottom: 30px;
  display: block;
  color: inherit;
  position: relative;
  width: 100%;
  max-width: 950px;
  box-sizing: border-box;
}

.related-knowledge-items .item:after,
.related-knowledge-items .item:before {
  content: "";
  position: absolute;
  width: 26px;
  height: 2px;
  background: #2cbbfa;
}

.related-knowledge-items .item:after {
  top: 50%;
  right: 30px;
  transform: rotate(180deg);
}

.related-knowledge-items .item:before {
  top: 50%;
  right: 30px;
  transform: rotate(90deg);
}

.listing-tile-wrapper .tile .image-wrapper {
  height: 200px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.listing-tile-wrapper .tile .image-wrapper .image {
  width: 100%;
  height: 100%;
}

.listing-tile-wrapper .tile .image-wrapper .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#page-about_company .article-columns.side.left {
  padding-top: 0;
  padding-left: 420px;
}

#page-about_company .article-columns.side.left .side {
  width: 360px;
  padding-top: 0;
}

.table-wrapper.job-table-wrapper {
  border: 0px solid #ddd;
  border-radius: 3px;
  overflow: hidden;
  background: #f3f5f8;
}

.table-wrapper.job-table-wrapper td,
.table-wrapper.job-table-wrapper th {
  font-size: 0.95rem;
  border-right: 0px solid #ddd;
  border-bottom: 0px solid #ddd;
}

.table-wrapper.job-table-wrapper th {
  background: #f3f5f8;
  font-weight: bold;
  color: #333;
  border-bottom: 0;
  padding-bottom: 10px;
  padding-top: 0;
}

.table-wrapper.job-table-wrapper th.center,
.table-wrapper.job-table-wrapper td.center {
  text-align: center;
}

.table-wrapper.job-table-wrapper th.left,
.table-wrapper.job-table-wrapper td.left {
  text-align: left;
}

.table-wrapper.job-table-wrapper th.right,
.table-wrapper.job-table-wrapper td.right {
  text-align: right;
}

.table-wrapper.job-table-wrapper th,
.table-wrapper.job-table-wrapper td {
  vertical-align: top;
}

.table-wrapper.job-table-wrapper th.job_offer_name,
.table-wrapper.job-table-wrapper td.job_offer_name {
  width: 40%;
  padding-left: 60px;
}

.table-wrapper.job-table-wrapper th.job_url,
.table-wrapper.job-table-wrapper td.job_url {
  width: 90px;
  padding-right: 60px;
  vertical-align: middle;
}

.table-wrapper.job-table-wrapper td.job_url > a,
.job_url > a {
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #000;
  border-radius: 5px;
  color: #717171;
  font-size: 0.8rem;
  text-transform: uppercase;
  transition: all 300ms;
}

.table-wrapper.job-table-wrapper td.job_url > a:hover,
.job_url > a:hover {
  background: #fff;
  color: #333;
}

.table-wrapper.job-table-wrapper table {
  border-left: 0;
  border-top: 0;
}

.table-wrapper.job-table-wrapper table td {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f3f5f8;
}

.table-wrapper.job-table-wrapper table tr:nth-child(even) td {
  background: #f9fafb;
}

.table-wrapper.job-table-wrapper table tr:last-child td {
  border: 0;
}

.job-arrow-area {
  padding-bottom: 90px;
  position: relative;
  display: none;
}

.job-arrow-area > span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-style: solid;
  height: 0;
  width: 0;
  border-color: #f3f5f8 transparent transparent transparent;
  border-width: 30px 20px 0 20px;
}

.mobile-offer-card-wrapper {
  background: #f3f5f8;
}

.mobile-offer-card-wrapper .mobile-offer-card {
  border-top: 1px solid #ddd;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.mobile-offer-card-wrapper .mobile-offer-card > div {
  padding-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.mobile-offer-card-wrapper .mobile-offer-card > div span.key {
  color: #333;
  display: inline-block;
  min-width: 100px;
  padding-right: 10px;
  box-sizing: border-box;
}

.mobile-offer-card-wrapper .mobile-offer-card > div.job_url {
  padding-top: 10px;
}

.table-wrapper.job-table-wrapper.empty {
  margin-top: -40px;
}

.table-wrapper.job-table-wrapper.empty > div {
  padding: 0 60px 60px 60px;
}

.table-wrapper.job-table-wrapper.empty > div > strong {
  display: block;
  padding: 20px;
  width: auto;
  border: 1px solid #ddd;
}

#page-contactus .PAGE {
  background-image: url("graphics/svg/paski.svg");
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: top right -40px;
}

.header.section-header,
.section-hr {
  padding-top: 100px;
  margin-top: 80px;
  border-top: 1px solid #ddd;
}

.section-hr {
  padding-top: 80px;
  margin-top: 0;
  box-sizing: border-box;
}

.section-hr + .article-section .container > h2:first-child,
.section-hr + .article-section .header > h2:first-child {
  margin-top: 0;
}

.header.section-header > h2 {
  margin-top: 0;
}

.first-section .header.section-header {
  padding-top: 0;
  border: 0;
}

.section-title {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
  padding: 5px 20px;
  border-radius: 45px;
  background: rgba(0, 151, 215, 0.1);
  color: #0097D7;
  font-weight: 500;
  font-size: 1.1rem;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.section-title > img {
  margin-right: 10px;
}

.side-nav.about_us_nav {
  padding: 30px 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
}

.side-nav.about_us_nav > div {
  padding: 0;
}

.side-nav.about_us_nav .side-nav-item {
  margin-right: -20px;
}

.side-nav.about_us_nav .side-nav-item img {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 26px;
  height: auto;
  transform: translate(0, -50%);
  filter: grayscale(100%);
  opacity: 0.8;
}

.side-nav.about_us_nav .side-nav-item.urhere,
.side-nav.about_us_nav .side-nav-item:hover {
  background: rgba(0, 151, 215, 0.1) !important;
  border-right: 2px solid #0097D7;
}

.side-nav.about_us_nav .side-nav-item.urhere img,
.side-nav.about_us_nav .side-nav-item:hover img {
  filter: grayscale(0);
  opacity: 1;
}

.side-nav.about_us_nav::before {
  display: none;
}

.side-nav.about_us_nav .side-nav-item > div {
  padding-left: 60px;
}

.side-nav.about_us_nav .side-nav-item > div::before,
.side-nav.about_us_nav .side-nav-item > div::after {
  display: none;
}

.side-nav.about_us_nav .side-nav-title {
  color: #717171;
  text-transform: none;
  font-size: 1rem;
}

.cta-frame-wrapper {
  padding: 60px;
  background-color: #F3F5F8;
  background-image: url("graphics/svg/paski-biale.svg");
  background-position: top right;
  background-repeat: no-repeat;
}

.cta-frame-wrapper h3 {
  margin-top: 0;
  font-size: 2rem;
}

.cta-frame-wrapper .controls .button {
  margin-bottom: 0;
}

.multiblocks-frames-card-wrapper.page-section {
  padding: 110px 0;
}

.left-header-section {
  padding-left: 50%;
  position: relative;
}

.left-header-section.with-sticky .header-stycky {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
}

.left-header-section.with-sticky .header-stycky > .uk-sticky-placeholder {
  margin: 0 !important;
}

.left-header-section .header {
  width: 350px !important;
  padding-right: 0;
  box-sizing: border-box;
  position: relative;
}

.left-header-section > .header h2,
#START .left-header-section .header h2 {
  margin-top: 0;
  text-align: left;
}

.left-header-section .header .controls {
  padding-top: 30px;
}

.left-header-section .header .add-image {
  position: absolute;
  top: 10px;
  left: 100%;
  width: 60px;
  height: 60px;
}

.left-header-section .header .add-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.border-frame {
  border-radius: 5px;
  border: 1px solid #DDD;
  background: rgba(0, 0, 0, 0.01);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  padding: 40px;
  transition: all 300ms;
}

a.border-frame {
  text-decoration: none;
  display: block;
}

a.border-frame:hover {
  background: rgba(0, 0, 0, 0.1);
}

.border-frame .controls {
  padding-top: 20px;
}

.border-frame h3 {
  margin-top: 0;
}

.border-frame .title-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  box-sizing: border-box;
  padding: 3px 15px;
  margin-bottom: 25px;
  border-radius: 45px;
  background-color: #eee;
}

.border-frame .title-label.E {
  background-color: #e5fbf8;
  color: #00AD98;
}

.border-frame .title-label.S {
  background-color: #e5f4fb;
  color: #0097D7;
}

.border-frame .title-label.G {
  background-color: #e5e9fb;
  color: #7E5DC3;
}

#page-contactus .columns .contact_data h3:first-child,
#page-contactus .columns .form-wrapper h2:first-child {
  margin-top: 0;
}

#page-contactus .columns .form-wrapper h2 {
  font-size: 1.6em;
}

.company_name,
.add_company_name,
.address,
.phone,
.email,
.hours,
.add_descr,
.fax {
  display: block;
}

.company_name,
.add_company_name,
.address,
.phones-wrapper,
.emails-wrapper,
.hours,
.add_descr {
  margin-bottom: 1em;
}

.company_name {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 500;
}

.phones-wrapper {
  margin-bottom: 0;
}

.add_descr > p {
  margin: 0;
  font-size: 0.8rem;
  color: #999;
}

.contact-section-icon {
  overflow: hidden;
}

.contact-icon {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 20px;
}

.contact-icon .icon {
  width: 40px;
  min-width: 40px;
  height: 40px;
  margin: 0;
  margin-right: 20px;
}

.contact-icon .button {
  margin: 0;
}

.contact-icon strong {
  display: block;
  margin-bottom: 5px;
  color: #111A29;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
}

.contact-icon .hours {
  margin-top: 0;
}

.email-wrapper .email,
.phone-wrapper .phone {
  display: none;
}

.email-wrapper.show-email .email,
.phone-wrapper.show-phone .phone {
  display: flex;
}

.email-wrapper.show-email .button.show-btn,
.phone-wrapper.show-phone .button.show-btn {
  display: none;
}

.email-wrapper.show-email,
.phone-wrapper.show-phone {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.phone-number > a:hover {
  text-decoration: none;
}

.map iframe {
  width: 100% !important;
}

.contact-simple-layout {
  overflow: hidden;
}

.contact-simple-layout > div {
  float: left;
}

.contact-simple-layout > div h2:first-child,
.contact-layout > div h3:first-child {
  margin-top: 0;
}

.contact-simple-layout > div.contact-content {
  width: 35%;
}

.contact-simple-layout > div.contact-form {
  width: 65%;
}

.form-fields-wrapper {
  overflow: visible;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.form-fields-wrapper > .col1,
.form-fields-wrapper > .col2 {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

.form-fields-wrapper > .col1 {
  padding-right: 5px;
}

.form-fields-wrapper > .col2 {
  padding-left: 5px;
}

.form-fields-wrapper .input-wrapper.field-rodo {
  clear: both;
}

.form-fields-wrapper > .col2 .input-wrapper {
  height: calc(100% - 10px);
}

.form-fields-wrapper > .col2 textarea {
  min-height: 120px;
  height: 100%;
}

.form-fields-wrapper .input-wrapper input,
.form-fields-wrapper .input-wrapper textarea {
  display: block;
}

.form-fields-wrapper .input-wrapper textarea {
  padding-bottom: 35px;
  min-height: 124px;
}

.contact-data-form-section {
  overflow: hidden;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border: 1px solid #0055aa;
}

.contact-data-form-section > div {
  box-sizing: border-box;
  padding: 50px;
}

.contact-data-form-section > div.contact-col {
  background: #0055aa;
  position: relative;
  width: 40%;
}

.contact-data-form-section > div.contact-col:after {
  content: "";
  position: absolute;
  top: 60px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #0055aa;
  transform: rotate(45deg);
}

#START .contact-data-form-section > div.contact-col,
#START .contact-data-form-section > div.contact-col h2,
#START .contact-data-form-section > div.contact-col h2 .subtitle,
.contact-data-form-section > div.contact-col,
.contact-data-form-section > div.contact-col h2,
.contact-data-form-section > div.contact-col h2 .subtitle {
  color: #fff;
}

.contact-data-form-section > div.add-module-col {
  width: 60%;
}

.contact-data-form-section h2,
#START .contact-data-form-section h2,
.contact-data-form-section h3,
#START .contact-data-form-section h3 {
  margin-top: 0;
  margin-bottom: 15px;
  text-align: left;
  font-size: 2.4rem;
}

.contact-data-form-section .contact_data .button {
  min-width: 180px;
}

.contact-data-product-section {
  border: 1px solid #ddd;
  padding: 50px;
}

.contact-data-product-section > div {
  float: left;
  box-sizing: border-box;
  padding-right: 60px;
}

.contact-data-product-section > div.contact-col {
  position: relative;
  width: 35%;
}

.contact-data-product-section > div.add-module-col {
  width: 65%;
  padding-right: 0;
}

.contact-data-product-section h2,
#START .contact-data-product-section h2,
.contact-data-product-section h3,
#START .contact-data-product-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-product-section .contact_data {
  padding-top: 30px;
}

.contact-data-product-section .button-style .button,
.contact-data-product-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-section .contact-box {
  padding: 50px 50px 20px 50px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  position: relative;
}

.contact-data-section .contact-box.small {
  padding-right: 50%;
}

.contact-data-section .contact-box.small .image-wrapper {
  position: absolute;
  top: -15px;
  right: 0;
  bottom: -15px;
  width: 40%;
}

.contact-data-section .contact-box.small .image-wrapper .image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.contact-data-section .form-fields-wrapper textarea {
  min-height: 179px;
}

.contact-data-section h2,
#START .contact-data-section h2,
.contact-data-section h3,
#START .contact-data-section h3 {
  margin-top: 0;
  text-align: left;
  font-size: 2.6rem;
}

.contact-data-section .phone-wrapper .button,
.contact-data-section .email-wrapper .button,
.contact-data-product-section .phone-wrapper .button,
.contact-data-product-section .email-wrapper .button,
.contact-data-form-section .phone-wrapper .button,
.contact-data-form-section .email-wrapper .button {
  min-width: 180px;
}

.contact-data-product-section .contact-icon,
.contact-data-form-section .contact-icon {
  align-items: center;
}

.bg-color {
  background: linear-gradient(90deg, #0055aa, #fff);
}

.bg-color h1,
.bg-color h2,
.bg-color h3,
.bg-color .subtitle,
#START .bg-color .subtitle,
.bg-color p,
.bg-color a,
.bg-color span {
  color: #fff;
}

.bg-color .green-alert,
.bg-color .red-alert,
.bg-color .yellow-alert {
  color: inherit;
}

.check-onscreen {
  position: relative;
}

.check-onscreen.offscreen-bottom {
  top: 100px;
  opacity: 0;
  transition: all 400ms;
}

.check-onscreen.onscreen {
  top: 0;
  opacity: 1;
  transition: all 400ms;
}

.blur-up {
  filter: blur(5px);
  transition: filter 400ms;
}

.blur-up.lazyloaded {
  filter: blur(0);
}

/* === ścięty narożnik === */
.megadropdown .hide-button {
  bottom: 0;
  transform: translate(0, 50%);
  border-radius: 5px;
}

.megadropdown.show-me {
  top: 0;
}

.megadropdown.show-me .megadropdown-content {
  max-width: 1320px;
  margin: 0 auto;
  box-shadow: 0 20px 80px rgba(17, 26, 41, 0.1);
  border-radius: 24px;
}

.megadropdown .megadropdown-content {
  padding: 50px 45px;
}

.megadropdown .columns-wrapper {
  display: inline-block;
  overflow: visible;
  width: 100%;
  height: 100%;
}

.megadropdown .columns-wrapper .col-1 {
  overflow: visible;
  position: relative;
  width: 31%;
  box-sizing: border-box;
  height: auto;
  float: left;
  transition: width 600ms ease-out, opacity 600ms;
  padding: 0 25px;
  opacity: 1;
}

.megadropdown .columns-wrapper .col-2,
.megadropdown .columns-wrapper .col-3,
.megadropdown .columns-wrapper .col-4 {
  overflow: visible;
  position: relative;
  width: 23%;
  box-sizing: border-box;
  height: auto;
  float: left;
  transition: width 600ms ease-out, opacity 600ms;
  padding: 0 25px;
  opacity: 1;
}

.megadropdown .columns-wrapper .col-1 > div {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: visible;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list {
  width: 16vw;
  padding-bottom: 20px;
}

.megadropdown .categories-simple-list .subcategories,
#dropdown_search .search-results-box {
  position: absolute;
  top: 0;
  left: 17vw;
  width: 50vw;
  display: none;
  padding-left: 40px;
  height: 100%;
  overflow: visible;
  background: #fff;
}

#dropdown_search .search-results-box.show-me {
  display: block;
}

.megadropdown {
  z-index: 100;
}

.megadropdown .categories-simple-list .subcategories > a.top_category_link {
  position: absolute;
  top: 0;
  left: 55px;
  margin-bottom: 7px;
  height: 36px;
}

.megadropdown .columns-wrapper.col-1-hover .col-1 {
  width: 100vw;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list.show-category .subcategories {
  display: block;
  padding-top: 0;
}

.megadropdown .columns-wrapper.col-1-hover .col-2,
.megadropdown .columns-wrapper.col-1-hover .col-3,
.megadropdown .columns-wrapper.col-1-hover .col-4 {
  opacity: 0;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list.show-category .cut-corner {
  border-color: #bbb;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list.show-category .cut-corner:after {
  border-color: #aaa;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list .cut-corner .ico {
  transition: all 300ms;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list .cut-corner .ico img {
  display: block;
}

.megadropdown .columns-wrapper .col-1 .categories-simple-list.show-category .cut-corner .ico {
  transform: rotate(180deg);
}

.megadropdown .dd-info-box .icon {
  width: 48px;
  height: 48px;
  padding: 5px;
  border: 1px solid #ddd;
}

.megadropdown .dd-info-box .controls .button,
.megadropdown .newsletter-wrapper .button {
  height: 45px;
  min-width: 150px;
}

.megadropdown .newsletter-wrapper {
  padding: 40px 10px 10px 80px;
  position: relative;
}

.megadropdown .newsletter-wrapper:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  background: #ddd;
}

.megadropdown .newsletter-wrapper input,
.megadropdown .newsletter-wrapper input[type=checkbox] + label:before {
  border: 1px solid #ddd;
}

.megadropdown .newsletter-wrapper .combo > * {
  margin-right: 0 !important;
}

.megadropdown .newsletter-wrapper .submit-area {
  max-width: 140px;
  min-width: 140px;
}

.megadropdown .newsletter-wrapper .icon {
  position: absolute;
  top: 35px;
  left: 10px;
  width: 38px;
  height: 38px;
}

.megadropdown .newsletter-wrapper .icon img {
  width: 100%;
}

.megadropdown-content .categories-simple-list .main-category {
  margin-bottom: 0;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-decoration: none;
}

.megadropdown-content .categories-simple-list .main-category > div {
  padding: 12px 12px;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 50px;
  border: 0px solid #0084d0;
  background: #0055aa;
  border-radius: 5px;
}

.megadropdown-content .categories-simple-list .main-category > div:after {
  border-color: #0084d0;
  border: 0;
}

.megadropdown-content .categories-simple-list .main-category > div .ico {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  right: 20px;
  transition: all 300ms;
}

.megadropdown-content .categories-simple-list .main-category .photo {
  width: 38px;
  min-width: 38px;
  height: 38px;
  text-align: center;
}

.megadropdown-content .categories-simple-list .main-category .photo img,
.megadropdown-content .categories-simple-list .main-category .photo svg {
  max-width: 100%;
  max-height: 100%;
}

.megadropdown-content .categories-simple-list .main-category .photo svg *,
.megadropdown-content .categories-simple-list .main-category .photo svg path,
.megadropdown-content .categories-simple-list .main-category .photo svg rect,
.megadropdown-content .categories-simple-list .main-category .photo svg polygon {
  stroke: #fff;
}

.megadropdown-content .categories-simple-list .main-category h4,
.megadropdown-content .categories-simple-list .main-category .h4 {
  margin: 0 10px 0 20px;
  transition: margin 100ms ease-in;
  color: #fff;
  font-size: 1rem;
}

.megadropdown-content .categories-simple-list .photo img {
  max-height: 100%;
}

.megadropdown-content .categories-simple-list .subcategories > div > a {
  padding: 5px 2px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #656565;
  font-size: 0.85rem;
  border-bottom: solid 1px #ddd;
}

.megadropdown-content .categories-simple-list .subcategories > div > a:hover {
  background: #f8f8f8;
  color: #2cbbfa;
}

.megadropdown-content .tile,
.megadropdown-content .tile {
  padding: 10px;
  min-height: 0;
  border: 0;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.megadropdown-content .tile h3,
.megadropdown-content .tile .h3 {
  font-size: 1rem;
  margin: 0;
}

.megadropdown-content .tile .content {
  padding-left: 10px;
}

.megadropdown-content .tile .image-wrapper,
.megadropdown-content .tile .image {
  width: 60px;
  min-width: 60px;
  height: 60px;
}

.megadropdown-content .tile .image-wrapper,
.megadropdown-content .tile .image {
  width: 45px;
  min-width: 45px;
  height: 45px;
}

.megadropdown-content .tile .image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.megadropdown-content a.tile {
  box-shadow: 0;
  transition: all 300ms;
}

.megadropdown-content a.tile:hover {
  box-shadow: 0 0 15px -3px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.megadropdown-content a.card .image-wrapper {
  width: 80%;
  margin-left: 0;
  margin-right: 0;
}

.side-nav .side-nav-item {
  height: auto;
  padding-bottom: 0;
}

.side-nav {
  margin: 0;
  z-index: 10;
  overflow: visible;
  position: relative;
  padding: 15px 0;
}

.side-nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  width: 1px;
  background: #ddd;
}

.side-nav > div {
  width: 100%;
  padding: 0;
  float: none;
  box-sizing: border-box;
  display: block;
  margin-top: 1px;
  padding-left: 60px;
}

.side-nav > div:nth-child(even) {
  transform: none;
}

.side-nav .side-nav-item {
  height: 0;
  padding-bottom: 55px;
  position: relative;
  cursor: pointer;
  display: block;
  color: inherit;
  border-color: transparent;
  background: none !important;
}

.side-nav .side-nav-item:after {
  border-color: transparent;
  display: none;
}

.side-nav .side-nav-item > div {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding: 10px 0;
  font-family: source-sans-pro, tahoma, arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  box-sizing: border-box;
}

.side-nav .side-nav-item > div:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background-color: #fff;
  transition: all 300ms;
}

.side-nav .side-nav-item > div:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff;
  transition: all 300ms;
}

.side-nav .side-nav-item > div > span {
  margin-right: 10px;
}

.side-nav-number {
  font-size: 1rem;
  color: #ccc;
  display: none;
  font-weight: 300;
  line-height: 1;
  transition: all 300ms;
}

.side-nav-title {
  color: #ccc;
  text-transform: uppercase;
  font-size: 0.9rem;
  line-height: 1.2;
  display: block;
  font-weight: 500;
  margin-bottom: 1px;
  transition: all 300ms;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.side-nav .side-nav-item.urhere,
.side-nav .side-nav-item:hover {
  background: #fff;
  border-color: transparent;
}

.side-nav .side-nav-item:hover:after,
.side-nav .side-nav-item.urhere:after {
  border-color: transparent;
}

.side-nav .side-nav-item:hover .side-nav-number,
.side-nav .side-nav-item.urhere .side-nav-number {
  color: #001f52;
}

.side-nav .side-nav-item:hover .side-nav-title,
.side-nav .side-nav-item.urhere .side-nav-title {
  color: #0d1522;
}

.side-nav .side-nav-item.urhere > div:after {
  background: #0055aa;
  border-color: #0055aa;
}

.side-nav .side-nav-item.urhere > div:before {
  border-color: #0055aa;
}

table {
  max-width: 100%;
  table-layout: fixed;
}

table tr th,
table tr td {
  padding: 6px 12px;
  font-size: 0.75rem;
  text-align: left;
}

table tr th {
  background: #2cbbfa;
  color: #fff;
  font-weight: bold;
}

table tr th.colspan,
table tr td.colspan {
  text-align: center;
}

.set-cookie {
  background: #fff;
}

.cb-text_photo.cb-elem-position-bottom .image-wrapper,
.cb-text_photo.cb-elem-position-top .image-wrapper {
  margin-left: 0;
}

.leadgen-column {
  overflow: visible;
  padding-bottom: 1em;
  padding-top: 1em;
  padding-left: 160px;
  position: relative;
  box-sizing: border-box;
  max-width: 950px;
}

.leadgen-column > div.contact-col {
  position: absolute;
  top: 70px;
  left: 0;
  width: 320px;
  transform: translate(0, 0);
  background: #fff;
  padding: 20px 0 10px 0;
  z-index: 1;
}

.leadgen-column > div.contact-col .phone-txt,
.leadgen-column > div.contact-col .email {
  font-size: 1.2rem;
}

.leadgen-column > div.form-col {
  width: 100%;
  padding: 70px 70px 70px 210px;
  background-color: #fff;
  position: relative;
  border: 2px solid #2cbbfa;
  box-sizing: border-box;
}

.leadgen-column > div.form-col .submit-controls > .submit-area {
  margin-top: 0;
}

.leadgen-column > div.form-col.cut-corner::after {
  border-color: #2cbbfa;
  border-width: 2px;
}

.leadgen-column > div.form-col > h4 {
  margin-top: 0;
}

.leadgen-column > div.form-col .submit-controls {
  padding-top: 0;
  margin-top: -37px;
  margin-right: 25px;
}

.leadgen-column > div.contact-col .button {
  min-width: 310px;
  justify-content: flex-start;
}

#ajax-window-overlay .window-header {
  padding: 10px 80px 10px 40px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#ajax-window-overlay .window-header h3 {
  margin: 0;
  text-align: left;
  white-space: nowrap;
}

#ajax-window-overlay .window-header h3 > span.subtitle {
  font-size: 0.9rem;
  color: #999;
  display: block;
}

#ajax-window-overlay .window-header .step-nav-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding-left: 40px;
  margin-left: 40px;
  padding-bottom: 12px;
  position: relative;
}

#ajax-window-overlay .window-header .step-nav-wrapper:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  height: 60px;
  width: 2px;
  background: #ddd;
  transform: translate(0, -30px);
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav {
  flex: 1;
  position: relative;
  border-top: 2px solid #ddd;
  max-width: 80px;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav:first-child {
  max-width: 50px;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav.urhere {
  border-top: 2px solid #0055aa;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav > span {
  position: absolute;
  bottom: -30px;
  font-size: 0.5rem;
  text-transform: uppercase;
  transform: translate(50%, 0);
  right: 0;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav:after,
#ajax-window-overlay .window-header .step-nav-wrapper .step-nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 20px;
  height: 20px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 2px solid #ddd;
  background: #fff;
  transition: all 300ms;
  z-index: 1;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav:after {
  width: 12px;
  height: 12px;
  border: 0;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav.urhere:before {
  border-color: #0055aa;
}

#ajax-window-overlay .window-header .step-nav-wrapper .step-nav.urhere:after {
  background: #0055aa;
  border-color: #0055aa;
}

.rodo-permission-checkboxes label {
  font-size: 0.8rem;
}

.rodo-permission-checkboxes label > span {
  margin-top: 3px;
}

.rodo-permission-checkboxes label[for=select_all_checkbox_below] {
  font-size: 0.8rem;
}

.rodo-permission-checkboxes label strong {
  font-size: 1rem;
}

.rodo-permission.txt {
  margin-left: 34px;
}

.rodo-permission.txt-disclaimer {
  display: block;
  padding-top: 0;
  margin-top: 15px;
  border-top: 1px solid #ddd;
}

.rodo-permission.txt-disclaimer label {
  font-size: 0.6rem;
  opacity: 0.8;
}

.slick-prev,
.slick-next {
  display: none !important;
}

.promo-bannner-wrapper {
  width: 100%;
  max-width: 1920px;
  padding-bottom: 30%;
  margin-top: -80px;
  position: relative;
  margin-bottom: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border: 0;
}

.promo-bannner-wrapper .promo-banner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}

.promo-bannner-wrapper .promo-logo {
  position: absolute;
  top: 40px;
  right: 40px;
  height: 36px;
}

.promo-bannner-wrapper .promo-logo img {
  height: 100%;
}

.promo-bannner-wrapper .promo-banner .container {
  height: 100%;
}

.promo-bannner-wrapper .promo-banner .content-wrapper {
  padding: 30px 0;
  height: 100%;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.promo-bannner-wrapper .promo-banner .content-wrapper label {
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.3);
}

.promo-bannner-wrapper .promo-banner .content-wrapper h2 {
  color: #fff;
  font-size: 2.9rem;
  margin-bottom: 50px;
  margin-top: 0;
  line-height: 1.5;
}

.promo-bannner-wrapper .promo-banner .content-wrapper h2 > span.promo-val {
  display: inline-block;
  padding: 4px 20px 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  background: #d90d0d;
  line-height: 1;
}

.promo-bannner-wrapper .promo-banner .controls {
  position: relative;
  padding-top: 60px;
}

.promo-bannner-wrapper .promo-banner .controls .button.alt {
  border-color: #fff;
  color: #fff;
}

.promo-bannner-wrapper .promo-banner #zostalo > div,
.promo-bannner-wrapper .promo-banner #minelo > div {
  background: #0055aa;
}

#page-product .promo-bannner-wrapper {
  padding-bottom: 17%;
  margin-bottom: -2em;
  margin-top: 2em;
}

#page-product .promo-bannner-wrapper.cut-corner:after,
#page-product .promo-bannner-wrapper .promo-logo,
#page-product .promo-bannner-wrapper .promo-banner .content-wrapper label,
#page-product .date-countdown {
  display: none;
}

#page-product .promo-bannner-wrapper .promo-banner .container {
  padding: 0 30px;
}

#page-product .promo-bannner-wrapper .promo-banner .controls {
  padding-top: 0;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

#page-product .promo-bannner-wrapper .promo-banner .content-wrapper {
  padding: 8px 0;
}

#page-product .promo-bannner-wrapper .promo-banner .content-wrapper h2 {
  font-size: 1.6rem;
  margin-bottom: 0;
}

#page-product .promo-bannner-wrapper .promo-banner .controls .button.alt {
  height: 38px;
  font-size: 0.6rem;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}

#page-product .promo-bannner-wrapper .promo-banner .content-wrapper h2 > span.promo-val {
  display: inline-block;
  padding: 2px 12px 6px 12px;
  border-radius: 5px;
  font-weight: bold;
  background: #d90d0d;
  line-height: 1;
  margin-left: 7px;
}

#page-listing_page .promo-bannner-wrapper .promo-banner .controls {
  display: none;
}

#START .promo-bannner-wrapper .promo-banner .content-wrapper h2 {
  text-align: left;
}

.payment-info {
  border: solid 1px #ddd;
  padding: 30px 30px 20px 30px;
  max-width: 510px;
  width: 100%;
}

.payment-info h3 {
  margin-top: 0;
}

.fancybox-is-open .fancybox-bg {
  background: rgba(34, 34, 34, 0.8) !important;
  opacity: 1 !important;
}

.fancybox-navigation .fancybox-button {
  width: 90px !important;
  height: 120px !important;
  top: calc(50% - 60px) !important;
  bottom: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: transparent;
}

.fancybox-navigation .fancybox-button div {
  border-radius: 50% !important;
  border: 2px solid #fff !important;
  overflow: hidden !important;
  background-color: #222 !important;
  width: 60px !important;
  height: 60px !important;
}

.fancybox-navigation .fancybox-button[disabled] {
  opacity: 0.1 !important;
  filter: grayscale(100%) !important;
}

.fancybox-progress {
  top: auto !important;
  bottom: 0 !important;
}

.fancybox-infobar {
  position: absolute !important;
  top: auto !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  color: #fff !important;
  font-size: 20px !important;
}

.fancybox-caption {
  left: auto !important;
}

.fancybox-image {
  border-radius: 5px !important;
}

.window.dynamics-form-wrapper .window-content input[type=radio]:checked + label::before,
.window.dynamics-form-wrapper .window-content input[type=radio] + label::before {
  display: none;
}

.window.dynamics-form-wrapper .window-content input[type=radio] {
  position: inherit;
  display: none;
}

.window.dynamics-form-wrapper .window-content input[type=radio]:checked {
  color: #000;
  background-color: #fff;
}

.window.dynamics-form-wrapper .window-content .order-form-delivery-buttons {
  -moz-column-count: 2;
       column-count: 2;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  gap: 0;
}

.window.dynamics-form-wrapper .window-content .order-form-delivery-buttons .radio-label {
  width: 100%;
  justify-content: center;
  padding: 5px 0;
  font-weight: 600;
}

.window.dynamics-form-wrapper .window-content .order-form-delivery-buttons .radio-label-first {
  border-right: none;
}

.window.dynamics-form-wrapper .window-content .order-form-delivery-buttons .radio-label-first input[type=radio]:checked label {
  color: #000;
}

.window.dynamics-form-wrapper .window-content .order-form-delivery-buttons > div {
  justify-content: center;
  background: #faf9f8;
  border: 1px solid #ddd;
}

.window.dynamics-form-wrapper .window-content .order-form-delivery-buttons input[type=radio]:checked + label {
  background: #fff;
  color: #000;
}

.window-overlay.message-only .window {
  max-width: 450px;
  height: 30vh;
}
.window-overlay.message-only .window .green-alert {
  margin: 0 auto;
  width: 90%;
}

.card.branch-card .content .controls.navigate .button {
  position: relative;
  background-color: rgba(0, 85, 170, 0.1019607843);
  font-size: 13px;
  color: #0055AA;
  font-weight: 600;
  padding: 12px 16px;
  bottom: 20px;
  left: 22px;
  justify-content: flex-start;
  min-width: 8em;
}

.card.branch-card .content .controls.navigate .button.navigate-details {
  background-color: #FFFFFF;
  color: #717171;
  min-width: 13em;
}

.card.branch-card .content .controls.navigate .button.navigate-details::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 14px;
  height: 20px;
  width: 20px;
  background-image: url("graphics/svg/nawiguj2.svg");
  background-repeat: no-repeat;
}

.card.branch-card .content .controls.navigate .button::after {
  content: "";
  position: absolute;
  right: 10px;
  top: 14px;
  height: 20px;
  width: 20px;
  background-image: url("graphics/svg/nawiguj.svg");
  background-repeat: no-repeat;
}

.dynamicsEventStyle [type=checkbox]:checked + label::before {
  border: 1px solid #0055AA !important;
  background-color: transparent !important;
  background-image: url("graphics/ico-ok-2.png") !important;
  background-size: 50%;
}

.dynamicsEventStyle .tooltip-word:hover .tooltiptext {
  right: auto;
}

#page-product .order-form-page .input-wrapper > label {
  opacity: 1;
}

#page-product .dynamics-form-wrapper .order-form-page .input-wrapper .form-title-text {
  margin-top: 0;
}

#page-product .order-form-page .rodo-permission .tooltip-word,
#page-contactus .order-form-page .rodo-permission .tooltip-word,
#page-usluga .order-form-page .rodo-permission .tooltip-word,
#page-calibration_laboratory .order-form-page .rodo-permission .tooltip-word {
  position: relative;
}

#page-contactus .dynamics-form-wrapper .form-top-info-wrapper,
#page-contactus .order-form-page {
  width: 100%;
}

#page-contactus .card.branch-card,
#page-error .card.branch-card {
  background-color: #F3F5F8;
  padding: 8px;
  border-radius: 10px;
  box-shadow: none;
}

#page-contactus .card.branch-card .content,
#page-error .card.branch-card .content {
  padding: 20px;
}

#page-contactus .krs-nip-regon-wrapper,
#page-contactus .tel-mail-wrapper,
#page-error .krs-nip-regon-wrapper,
#page-error .tel-mail-wrapper {
  display: flex;
  flex-direction: column;
}

#page-contactus .krs-nip-regon-wrapper .nip,
#page-contactus .krs-nip-regon-wrapper .regon,
#page-contactus .tel-mail-wrapper .mail,
#page-error .krs-nip-regon-wrapper .nip,
#page-error .krs-nip-regon-wrapper .regon,
#page-error .tel-mail-wrapper .mail {
  padding-left: 0;
}

#page-contactus .krs-nip-regon-wrapper .regon,
#page-error .krs-nip-regon-wrapper .regon {
  padding-bottom: 50px;
}

#page-contactus .icon-card.with-border,
#page-error .icon-card.with-border {
  border-radius: 10px;
}

#page-contactus .tel-mail-wrapper .mail,
#page-error .tel-mail-wrapper .mail {
  padding-bottom: 20px;
}

#page-contactus .card.branch-card .content h3,
#page-error .card.branch-card .content h3 {
  font-size: 1.625rem;
  margin-bottom: 6px;
}

.dynamics-form-wrapper .green-alert {
  margin: initial;
  width: 100%;
}

.newsletter-form-wrapper {
  background-color: #F3F5F8;
  padding: 64px;
  margin: 0 auto;
  max-width: 1480px;
  border-radius: 10px;
}
.newsletter-form-wrapper h4 {
  font-weight: 600;
  font-size: 2rem;
  margin-top: 0;
}
.newsletter-form-wrapper .radiobuttons label {
  padding-left: 25px;
}
.newsletter-form-wrapper .radiobuttons input[type=radio] {
  clip: unset;
}
.newsletter-form-wrapper .radiobuttons input[type=radio] + label::before {
  display: none;
}
.newsletter-form-wrapper .input-wrapper.optionSetFormFieldBlock {
  padding: 10px 0 15px 0;
}
.newsletter-form-wrapper .input-wrapper.optionSetFormFieldBlock .block-label {
  position: relative;
  left: 0;
  top: 10px;
  background: unset;
  opacity: 1;
}

.newsletter-form-wrapper .newsletter-form-inputs .submitButtonWrapper {
  align-self: end;
}

.newsletter-form-text {
  padding-right: 20px;
  text-align: left;
  align-self: center;
}

.dynamics-form-wrapper {
  padding: 64px;
  background-color: #F3F5F8;
  border-radius: 10px;
  margin: 0 auto;
}
.dynamics-form-wrapper h2 {
  margin-top: 0 !important;
  font-weight: 700;
  font-size: 2rem;
  color: #222222;
}
.dynamics-form-wrapper h3 {
  font-weight: 400;
  font-size: 2rem;
  color: #222222;
  margin-top: 0;
}
.dynamics-form-wrapper h4 {
  margin-top: 10px;
}
.dynamics-form-wrapper .order-form-page {
  margin: 0 auto;
}
.dynamics-form-wrapper .form-top-info-wrapper {
  margin: 0 auto;
  padding-bottom: 32px;
  width: 70%;
}
.dynamics-form-wrapper .form-top-info {
  display: flex;
  justify-content: space-between;
}
.dynamics-form-wrapper .form-top-contact-wrapper {
  display: flex;
  align-items: center;
}
.dynamics-form-wrapper .form-top-contact-wrapper .ico {
  padding-right: 10px;
}
.dynamics-form-wrapper .form-top-contact-wrapper h4 {
  margin: 0;
  color: #717171;
  font-size: 13px;
  font-weight: 600;
}
.dynamics-form-wrapper .form-top-contact-wrapper .form-top-contact-info a {
  font-size: 16px;
  font-weight: 700;
  color: #222222;
}
.dynamics-form-wrapper .form-top-contact-wrapper .form-top-contact-info a:hover {
  text-decoration: underline;
}

.order-form-page,
.newsletter-form-wrapper {
  margin: 0 auto;
}
.order-form-page .input-wrapper > label,
.newsletter-form-wrapper .input-wrapper > label {
  opacity: 1;
}
.order-form-page .input-wrapper .form-title-text,
.newsletter-form-wrapper .input-wrapper .form-title-text {
  top: 20px;
}
.order-form-page input[type=checkbox]:checked + label::before,
.newsletter-form-wrapper input[type=checkbox]:checked + label::before {
  border: 1px solid #0055AA !important;
  background-color: transparent !important;
  background-image: url("graphics/ico-ok-2.png");
  background-size: 50%;
}
.order-form-page h3,
.newsletter-form-wrapper h3 {
  margin-top: 0;
  margin-bottom: 16px;
}
.order-form-page .input-wrapper,
.newsletter-form-wrapper .input-wrapper {
  position: relative;
}
.order-form-page .input-wrapper .form-title-text,
.newsletter-form-wrapper .input-wrapper .form-title-text {
  position: absolute;
  left: 16px;
  top: 10px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  opacity: 1 !important;
}
.order-form-page .input-wrapper .form-title-text.active,
.newsletter-form-wrapper .input-wrapper .form-title-text.active {
  position: absolute;
  left: 16px;
  top: 10px;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  opacity: 1 !important;
}
.order-form-page .input-combo.break,
.newsletter-form-wrapper .input-combo.break {
  margin-bottom: 14px;
}
.order-form-page .input-wrapper.description,
.newsletter-form-wrapper .input-wrapper.description {
  margin: 15px 0 30px 0;
}
.order-form-page .input-wrapper.description textarea,
.newsletter-form-wrapper .input-wrapper.description textarea {
  padding-top: 40px;
}
.order-form-page #additional-message.input-wrapper textarea,
.newsletter-form-wrapper #additional-message.input-wrapper textarea {
  padding-top: 40px;
}
.order-form-page #notes_wrapper .bindlabels,
.newsletter-form-wrapper #notes_wrapper .bindlabels {
  margin-top: 10px;
}
.order-form-page .input-wrapper.hidden-input,
.newsletter-form-wrapper .input-wrapper.hidden-input {
  visibility: hidden;
  margin-bottom: -115px;
}
.order-form-page .input-wrapper:not(.hidden-input),
.newsletter-form-wrapper .input-wrapper:not(.hidden-input) {
  visibility: visible;
}
.order-form-page .input-wrapper.hidden-input textarea,
.newsletter-form-wrapper .input-wrapper.hidden-input textarea {
  margin-bottom: 20px;
}
.order-form-page .input-wrapper input,
.newsletter-form-wrapper .input-wrapper input {
  padding-left: 16px;
  padding-top: 35px;
  font-weight: 600;
}
.order-form-page .input-wrapper textarea,
.newsletter-form-wrapper .input-wrapper textarea {
  font-weight: 600;
}
.order-form-page .input-wrapper input,
.newsletter-form-wrapper .input-wrapper input {
  height: 64px;
}
.order-form-page .input-wrapper input:focus,
.newsletter-form-wrapper .input-wrapper input:focus {
  border: 2px solid #0055AA;
  color: #222222;
}
.order-form-page .block-label,
.newsletter-form-wrapper .block-label {
  padding-top: 10px;
  padding-bottom: 15px;
}
.order-form-page .input-wrapper input,
.order-form-page textarea,
.newsletter-form-wrapper .input-wrapper input,
.newsletter-form-wrapper textarea {
  border-radius: 10px;
  border: none;
}
.order-form-page input[type=checkbox] + label::before,
.newsletter-form-wrapper input[type=checkbox] + label::before {
  width: 20px;
  max-width: 20px;
  min-width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid #717171;
  background-color: #F3F5F8;
}
.order-form-page input[type=checkbox]:checked + label::before,
.newsletter-form-wrapper input[type=checkbox]:checked + label::before {
  background-color: #000;
}
.order-form-page #different_delivery_data,
.newsletter-form-wrapper #different_delivery_data {
  margin-top: 48px;
}
.order-form-page .order-form-delivery-buttons,
.newsletter-form-wrapper .order-form-delivery-buttons {
  -moz-column-count: 2;
       column-count: 2;
  background-color: #fff;
  margin-bottom: 3rem;
  display: flex;
}
.order-form-page .order-form-delivery-buttons .radio-label:last-child,
.newsletter-form-wrapper .order-form-delivery-buttons .radio-label:last-child {
  margin: 0;
}
.order-form-page .order-form-delivery-buttons .radio-label,
.newsletter-form-wrapper .order-form-delivery-buttons .radio-label {
  padding: 8px 0px;
  width: 100%;
  margin-right: 0;
  text-align: center;
}
.order-form-page .rodo-permission,
.newsletter-form-wrapper .rodo-permission {
  margin-left: 16px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.order-form-page .rodo-permission .tooltip-word,
.newsletter-form-wrapper .rodo-permission .tooltip-word {
  position: absolute;
  right: 0;
}
.order-form-page .rodo-permission .tooltip-word::after,
.newsletter-form-wrapper .rodo-permission .tooltip-word::after {
  background-size: contain;
}
.order-form-page .rodo-permission.rodo-check,
.newsletter-form-wrapper .rodo-permission.rodo-check {
  margin-left: 0;
}
.order-form-page .submit-area .button,
.newsletter-form-wrapper .submit-area .button {
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  height: 48px;
}
.order-form-page .submit-controls > div,
.newsletter-form-wrapper .submit-controls > div {
  width: 100%;
}
.order-form-page .submit-consents,
.newsletter-form-wrapper .submit-consents {
  margin-top: 2rem;
  font-size: 11px;
  font-weight: 400;
  color: #717171;
}

.error-message {
  color: red;
  font-size: 12px;
  display: none;
  position: relative;
  padding-left: 18px;
}

.error-message:before {
  content: "";
  background-image: url("graphics/svg/information_red.svg");
  background-repeat: no-repeat;
  padding-left: 8px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
}

.input-wrapper.empty-value input {
  border: 2px solid red !important;
}

.input-wrapper.empty-value .error-message {
  display: block;
}

.rodo-permission,
.rodo-permission-all {
  margin-bottom: 10px;
}

.rodo-permission.wrong-value .error-message {
  display: block;
}

.rodo-permission.wrong-value {
  flex-direction: column;
}

.error-message {
  color: red;
  font-size: 0.875rem;
  display: none;
  margin-top: 5px;
}

input[type=checkbox] + label,
input[type=radio] + label {
  margin-bottom: 0;
}

.submitButton {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  border: none;
  background-color: #0055AA;
  cursor: pointer;
}

.newsletter-form-wrapper .input-wrapper.textFormFieldBlock .form-title-text.active {
  left: 14px;
  top: 20px;
}

.newsletter-form-wrapper .submit-consents {
  margin-top: 12px;
}

.newsletter-form-wrapper .newsletter-consents {
  font-size: 13px;
  font-weight: 400;
  text-align: left;
}
.newsletter-form-wrapper .newsletter-consents a {
  color: #717171;
  text-decoration: underline;
}

.newsletter-form-wrapper .submit-consents .tooltip-word:hover .tooltiptext {
  width: 300px !important;
  font-size: 0.8rem !important;
}

.newsletter-form-wrapper input[type=checkbox] + label::before {
  margin-top: 17px;
}

.newsletter-form-wrapper input[type=checkbox][required] + label span::after {
  left: auto;
}

.newsletter-form-wrapper {
  position: relative;
  margin-bottom: -188px;
}
.newsletter-form-wrapper input[type=checkbox][required] + label .tooltip-word::after {
  content: "";
  background-image: url("graphics/svg/information.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 2px;
  right: 0;
  width: 15px;
  height: 15px;
}

#BOTTOM,
#START #BOTTOM {
  padding-top: 280px;
}

.dynamics-form-wrapper.dynamics-form-newsletter-module {
  padding: 0;
  background-color: #fff;
  border-radius: 10px;
  margin: 0 auto;
  width: 70%;
}
.dynamics-form-wrapper.dynamics-form-newsletter-module .green-alert {
  margin-bottom: 20px;
}

.tooltip {
  position: relative;
}

.tooltiptext {
  display: none;
}

.tooltip-word {
  position: relative;
  padding-right: 18px;
}

.tooltip-word::after {
  content: "";
  background-image: url("graphics/svg/information.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  right: 0;
  width: 15px;
  height: 15px;
}

.tooltip-word:hover {
  text-decoration: underline;
}

.tooltip-word:hover .tooltiptext {
  display: block;
  background: #fff;
  position: absolute;
  top: 25px;
  padding: 15px;
  color: #222;
  border-radius: 10px;
  z-index: 1;
  width: 400px;
  font-size: 0.9rem;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
  right: 0;
}

.submit-consents sup {
  position: relative;
}

.tooltip-word {
  position: relative;
}

.submit-consents .tooltip-word::after {
  top: 1px;
}

.submit-consents .tooltip-word:hover .tooltiptext {
  display: block;
  background: #fff;
  position: absolute;
  padding: 15px;
  color: #222;
  border-radius: 10px;
  left: -180px;
  width: 500px;
  font-size: 0.9rem;
  z-index: 2;
}

.tooltip-word.left .tooltiptext {
  left: auto;
  right: 100%;
  margin-left: 0;
  margin-right: 10px;
}

#page-article .order-form-page .input-wrapper > label {
  opacity: 1;
}

#page-article .dynamics-form-wrapper .order-form-page .input-wrapper .form-title-text {
  top: 20px;
}

#page-error .card.category-card .image {
  border: none;
}

#page-error .PAGE {
  padding-top: 80px !important;
}
#page-error h1 {
  text-align: center;
  font-weight: 500;
  font-size: 3.8rem;
  margin: 0;
}
#page-error h2 {
  text-align: center;
}
#page-error .error-buttons,
#page-error .text-wrapper {
  text-align: center;
  margin: 0 auto;
}
#page-error .section-hr {
  padding: 0;
}
#page-error .error-page .page-section {
  padding-top: 30px;
}

#page-cart,
#page-article {
  /* Stylizuj etykietę jako przycisk */
  /* Kiedy przycisk jest wybrany, zmień styl */
  /* Dodaj hover efekt dla etykiety */
}
#page-cart .information-panel,
#page-article .information-panel {
  padding: 64px;
  background-color: #F3F5F8;
  border-radius: 10px;
  width: 60%;
}
#page-cart .cart-contents,
#page-article .cart-contents {
  width: 40%;
}
#page-cart .cart-contents .nice-cart-item .del,
#page-article .cart-contents .nice-cart-item .del {
  align-self: end;
  margin-bottom: 15px;
}
#page-cart .error-message,
#page-article .error-message {
  color: red;
  font-size: 12px;
  display: none;
  position: relative;
  padding-left: 18px;
}
#page-cart .error-message:before,
#page-article .error-message:before {
  content: "";
  background-image: url("graphics/svg/information_red.svg");
  background-repeat: no-repeat;
  padding-left: 8px;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
}
#page-cart .input-wrapper.empty-value input,
#page-article .input-wrapper.empty-value input {
  border: 2px solid red !important;
}
#page-cart .input-wrapper.empty-value .error-message,
#page-article .input-wrapper.empty-value .error-message {
  display: block;
}
#page-cart .rodo-permission,
#page-cart .rodo-permission-all,
#page-article .rodo-permission,
#page-article .rodo-permission-all {
  margin-bottom: 10px;
}
#page-cart .rodo-permission.wrong-value .error-message,
#page-article .rodo-permission.wrong-value .error-message {
  display: block;
}
#page-cart .rodo-permission.wrong-value,
#page-article .rodo-permission.wrong-value {
  flex-direction: column;
}
#page-cart .error-message,
#page-article .error-message {
  color: red;
  font-size: 0.875rem;
  display: none;
  margin-top: 5px;
}
#page-cart input[type=checkbox] + label,
#page-cart input[type=radio] + label,
#page-article input[type=checkbox] + label,
#page-article input[type=radio] + label {
  margin-bottom: 0;
}
#page-cart .tooltip,
#page-article .tooltip {
  position: relative;
}
#page-cart .tooltiptext,
#page-article .tooltiptext {
  display: none;
}
#page-cart .tooltip-word,
#page-article .tooltip-word {
  position: relative;
  padding-right: 18px;
}
#page-cart .tooltip-word::after,
#page-article .tooltip-word::after {
  content: "";
  background-image: url("graphics/svg/information.svg");
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  right: 0;
  width: 15px;
  height: 15px;
}
#page-cart .tooltip-word:hover,
#page-article .tooltip-word:hover {
  text-decoration: underline;
}
#page-cart .tooltip-word:hover .tooltiptext,
#page-article .tooltip-word:hover .tooltiptext {
  display: block;
  background: #fff;
  position: absolute;
  top: 25px;
  padding: 15px;
  color: #222;
  border-radius: 10px;
  z-index: 1;
  width: 400px;
  font-size: 0.9rem;
  box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15);
}
#page-cart .submit-consents sup,
#page-article .submit-consents sup {
  position: relative;
}
#page-cart .tooltip-word,
#page-article .tooltip-word {
  position: relative;
}
#page-cart .submit-consents .tooltip-word::after,
#page-article .submit-consents .tooltip-word::after {
  top: 1px;
}
#page-cart .page-order-section .submit-consents .tooltip-word:hover .tooltiptext,
#page-article .page-order-section .submit-consents .tooltip-word:hover .tooltiptext {
  width: 350px;
  z-index: 4 !important;
}
#page-cart .submit-consents .tooltip-word:hover .tooltiptext,
#page-article .submit-consents .tooltip-word:hover .tooltiptext {
  display: block;
  background: #fff;
  position: absolute;
  padding: 15px;
  color: #222;
  border-radius: 10px;
  left: auto;
  width: 150px;
  font-size: 0.9rem;
  z-index: 2;
}
#page-cart .submitButton,
#page-article .submitButton {
  width: 100%;
  height: 48px;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 1rem;
  color: #fff;
  font-weight: 500;
  border: none;
  background-color: #0055AA;
  cursor: pointer;
}
#page-cart .cart-contents .nice-cart-item .del,
#page-article .cart-contents .nice-cart-item .del {
  width: 32px;
  height: 32px;
}
#page-cart .cart-contents .item-content strong a,
#page-article .cart-contents .item-content strong a {
  color: #222;
}
#page-cart .cart-contents .item-content .product-quantity .quantity_down,
#page-cart .cart-contents .item-content .product-quantity .quantity_up,
#page-article .cart-contents .item-content .product-quantity .quantity_down,
#page-article .cart-contents .item-content .product-quantity .quantity_up {
  border-radius: 50%;
  padding: 9px;
  opacity: 0.8;
  width: 32px;
  height: 32px;
}
#page-cart .cart-contents .nice-cart-item .item-content strong,
#page-article .cart-contents .nice-cart-item .item-content strong {
  white-space: wrap;
  font-weight: 600;
}
#page-cart .cart-contents .nice-cart-summary,
#page-article .cart-contents .nice-cart-summary {
  border-top: none;
  font-weight: 600;
}
#page-cart .cart-contents .nice-cart-item > div,
#page-article .cart-contents .nice-cart-item > div {
  margin-right: 0;
}
#page-cart .cart-contents .nice-cart-item .item-price,
#page-article .cart-contents .nice-cart-item .item-price {
  align-self: flex-start;
  font-weight: 600;
  font-size: 16px;
  color: #222;
  min-width: 50px;
  margin-right: -30px;
}
#page-cart .cart-contents .nice-cart-summary-row.total-price,
#page-article .cart-contents .nice-cart-summary-row.total-price {
  font-weight: 600;
}
#page-cart .cart-contents .nice-cart-summary-row.total-price:last-child,
#page-article .cart-contents .nice-cart-summary-row.total-price:last-child {
  font-weight: bold;
  color: #222;
}
#page-cart .cart-contents .nice-cart-summary-row .cell-2 span,
#page-article .cart-contents .nice-cart-summary-row .cell-2 span {
  text-align: left;
}
#page-cart .cart-contents .nice-cart-summary-row .cell-3,
#page-article .cart-contents .nice-cart-summary-row .cell-3 {
  padding-right: 0;
}
#page-cart .cart-contents .nice-cart-item .item-image .item-thb,
#page-article .cart-contents .nice-cart-item .item-image .item-thb {
  max-width: 96px;
  width: 96px;
  max-height: 96px;
  height: 96px;
  border: none;
  margin-right: 25px;
  background-color: #F3F5F8;
  border-radius: 10px;
}
#page-cart .cart-contents,
#page-article .cart-contents {
  padding: 0;
  padding-left: 80px;
}
#page-cart section,
#page-article section {
  margin-bottom: 30px;
}
#page-cart .custom-radio,
#page-article .custom-radio {
  display: none;
}
#page-cart .radio-label,
#page-article .radio-label {
  display: inline-block;
  background-color: #fff;
  color: #717171;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
  transition: border 0.3s, color 0.3s;
  padding: 8px 35px;
}
#page-cart .radio-label::before,
#page-article .radio-label::before {
  display: none;
}
#page-cart .custom-radio:checked + .radio-label,
#page-article .custom-radio:checked + .radio-label {
  color: #000;
  border: 1px solid #222222;
  border-radius: 8px;
}
#page-cart .radio-label:hover,
#page-article .radio-label:hover {
  background-color: #e1e1e1;
  border-color: #999;
}
#page-cart .rodo-permission-checkboxes .rodo-permission-all label strong,
#page-article .rodo-permission-checkboxes .rodo-permission-all label strong {
  font-weight: 600;
}
#page-cart .rodo-permission-checkboxes label strong,
#page-article .rodo-permission-checkboxes label strong {
  color: #000;
  font-weight: 500;
}
#page-cart .rodo-permission.wrong-value input[type=checkbox] + label::before,
#page-article .rodo-permission.wrong-value input[type=checkbox] + label::before {
  border: 2px solid red;
}
#page-cart .success-green-box,
#page-article .success-green-box {
  background: #1FAA00;
  padding: 75px 64px;
  border-radius: 10px;
}
#page-cart .icon,
#page-article .icon {
  background: #fff;
  border-radius: 50%;
}
#page-cart .green-box-text,
#page-article .green-box-text {
  margin: 0 auto;
  text-align: center;
  color: #fff;
  max-width: 672px;
}
#page-cart .green-box-text h2,
#page-article .green-box-text h2 {
  color: #fff;
  margin: 0;
  font-size: 1.5rem;
  margin-bottom: 1em;
}
#page-cart .green-box-text .button,
#page-article .green-box-text .button {
  background: #fff;
  color: #000;
  font-weight: 600;
  font-size: 15px;
  margin-top: 15px;
}

#page-cart .thank-you-contents h3 {
  margin-top: 0;
  padding-left: 30px;
  font-size: 24px;
  font-weight: 600;
}
#page-cart .thank-you-contents .cart-contents {
  padding-left: 30px;
  width: 80%;
}
#page-cart .thank-you-contents .nice-cart-item .item-content {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#page-cart .thank-you-contents .nice-cart-item .item-content span.place-holder {
  font-size: 16px;
  font-weight: 600;
  width: 50px;
}
#page-cart .thank-you-contents .item-price .unit-price {
  display: block;
  font-size: 13px;
  color: #717171;
  text-transform: inherit;
}

#page-cart .order-form-page {
  width: 100%;
}
#page-cart .order-form-page .radio-label {
  margin-right: 0;
  padding: 8px;
}

.nice-cart-item .item-content {
  padding-bottom: 50px;
}

.item-content-variant {
  font-weight: 600;
  font-size: 13px !important;
}

.thank-you-contents .nice-cart-summary-row .cell-2 {
  width: 40%;
}

.thank-you-contents .nice-cart-summary-row .cell-3 {
  width: 85%;
}

.thank-you-contents .nice-cart-summary span {
  font-size: 14px;
}

.page-order-section .columns.x2 .thank-you-6 {
  width: 60%;
}

.page-order-section .columns.x2 .thank-you-4 {
  width: 40%;
}

.green-alert {
  background: none;
  background-color: #1FAA00;
  border: none;
  width: 66%;
  display: flex;
  border-radius: 10px;
  padding: 15px 16px;
  margin: 0 auto;
  margin-bottom: 20px;
  color: #fff;
}
.green-alert .icon {
  margin: 0 16px;
  background-color: #fff;
  border-radius: 50%;
}
.green-alert .green-alert-title {
  font-size: 16px;
  font-weight: 600;
}
.green-alert .green-alert-text {
  font-size: 15px;
  font-weight: 600;
  opacity: 70%;
  margin-top: 15px;
  margin-bottom: 4px;
}

.red-alert {
  background: none;
  background-color: #d90d0d;
  border: none;
  width: 66%;
  display: flex;
  border-radius: 10px;
  padding: 12px 16px;
  margin: 0 auto;
  margin-bottom: 20px;
  color: #fff;
}
.red-alert .red-alert-title {
  font-size: 16px;
  font-weight: 600;
}
.red-alert .red-alert-text {
  font-size: 15px;
  font-weight: 600;
  opacity: 70%;
  margin-top: 15px;
  margin-bottom: 4px;
}

.privacy-policy:first-child h3 {
  display: none;
}

.privacy-policy .columns > div {
  padding: 15px;
}

#page-article .politics-page .article-columns.side {
  padding-top: 0;
}

.politics-page .hash-navigator.side-nav {
  padding: 0;
}

.politics-page .side-nav.about_us_nav .side-nav-item > div {
  padding-left: 20px;
}

.politics-page .side-nav.about_us_nav .side-nav-item {
  margin-right: 0;
}

.politics-page .article-columns.side.left .side {
  width: 360px;
  padding-top: 0;
}

.politics-page .article-columns.side.left.politics {
  padding-top: 0;
  padding-left: 420px;
}

.article-columns.side.left.politics .hash-navigator-list {
  padding-left: 30px;
}
.article-columns.side.left.politics .hash-navigator-list span {
  color: #222;
}
.article-columns.side.left.politics .hash-navigator-list li {
  padding: 8px;
}
.article-columns.side.left.politics ul li {
  list-style: none;
  margin-left: 0;
}
.article-columns.side.left.politics h2 {
  margin-top: 30px;
  font-size: 1.8rem;
}

.article-columns.side.left.politics .hash-navigator-list {
  padding: 0px;
  border: 1px solid #ddd;
  border-radius: 5px;
  box-sizing: border-box;
}
.article-columns.side.left.politics .hash-navigator-item {
  padding: 4px;
}
.article-columns.side.left.politics .hash-navigator-item:hover {
  background: rgba(0, 151, 215, 0.1) !important;
  border-right: 2px solid #0097D7;
}
.article-columns.side.left.politics .hash-navigator-item.urhere {
  background: rgba(0, 151, 215, 0.1) !important;
  border-right: 2px solid #0097D7;
}
.article-columns.side.left.politics .hash-navigator-item.urhere span {
  color: #0d1522;
}

#BOTTOM .contact_data_wrapper {
  flex-direction: column;
  -moz-column-gap: unset;
       column-gap: unset;
  row-gap: 40px;
}
#BOTTOM .contact_data_wrapper .contact_data {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#BOTTOM .contact_data_wrapper .contact_data .image-wrapper {
  order: 1;
}
#BOTTOM .contact_data_wrapper .contact_data .address {
  position: relative;
  order: 4;
  color: #717171;
  padding-left: 28px;
}
#BOTTOM .contact_data_wrapper .contact_data .address::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 16px;
  height: 18px;
  background-image: url(/css/graphics/svg/FooterLocation.svg);
  background-repeat: no-repeat;
}
#BOTTOM .contact_data_wrapper .contact_data .phones-wrapper {
  order: 2;
}
#BOTTOM .contact_data_wrapper .contact_data .phones-wrapper .phone-wrapper .phone-txt {
  color: #FFFFFF;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.41rem;
  padding-left: 28px;
}
#BOTTOM .contact_data_wrapper .contact_data .phones-wrapper .phone-wrapper .phone-txt:before {
  content: "";
  position: absolute;
  left: 0;
  width: 16px;
  height: 18px;
  background-image: url(/css/graphics/svg/FooterPhone.svg);
  background-repeat: no-repeat;
}
#BOTTOM .contact_data_wrapper .contact_data .emails-wrapper {
  order: 3;
}
#BOTTOM .contact_data_wrapper .contact_data .emails-wrapper .email a {
  display: block;
  color: #ddd;
  transition: all 300ms;
  padding-left: 28px;
}
#BOTTOM .contact_data_wrapper .contact_data .emails-wrapper .email a:hover {
  color: #FFF;
}
#BOTTOM .contact_data_wrapper .contact_data .emails-wrapper .email a:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  width: 16px;
  height: 18px;
  background-image: url(/css/graphics/svg/FooterEmail.svg);
  background-repeat: no-repeat;
}
#BOTTOM .social-links-wrapper h3 {
  display: none;
}
#BOTTOM .social-links-wrapper .social-links {
  justify-content: start;
}
#BOTTOM .social-links-wrapper .social-links svg path {
  fill: #FFFFFF;
}
#BOTTOM .links h3 {
  margin-bottom: 24px;
}
#BOTTOM .links ul li {
  padding-bottom: unset;
  line-height: 2.44rem;
}
#BOTTOM .links ul li a {
  color: #717171 !important;
}

#CANVAS {
  padding: 0 32px;
}

.article-section h2 {
  font-weight: 700;
  font-size: 2rem !important;
  color: #222222;
}

#BOTTOM,
#START #BOTTOM {
  border-radius: 24px;
}

#TOP {
  position: relative;
}

.button.alt.arrow {
  position: relative;
  padding-right: 40px;
}

.button.alt.arrow::after {
  content: "";
  background-image: url(/css/graphics/svg/see-more.svg);
  width: 13px;
  height: 13px;
  position: absolute;
  right: 15px;
  top: 14px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.button.cart {
  width: auto;
  padding-left: 40px;
}

.button.cart::before {
  content: "";
  background-image: url(/css/graphics/svg/button_cart.svg);
  width: 16px;
  height: 14px;
  position: absolute;
  left: 16px;
  top: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.slider-logo {
  padding-top: 50px !important;
}

.slider-logo .header h2 {
  font-weight: 700;
  font-size: 10px !important;
  text-align: center !important;
  color: #717171;
  letter-spacing: 20%;
  text-transform: uppercase;
  margin-top: 0;
}

#realization-slider-2 .splide__arrow--next,
#realization-slider-2 .splide__arrow--prev {
  display: none;
}

#realization-slider-2 li {
  width: 200px !important;
  display: flex;
  justify-content: center;
}

.event-new-wrapper {
  display: flex;
  position: relative;
  padding: 24px;
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  margin-bottom: 8px;
}
.event-new-wrapper .event-date {
  text-align: center;
  position: relative;
}
.event-new-wrapper .event-date .event-duration {
  color: #111A29;
  font-size: 28px;
  font-weight: 700;
}
.event-new-wrapper .event-date .event-month {
  display: block;
  width: 110px;
  font-size: 15px;
  font-weight: 600;
  color: #717171;
  text-transform: capitalize;
}
.event-new-wrapper .event-date p {
  margin-right: 20px;
  margin-bottom: 0;
}
.event-new-wrapper .event-date::after {
  content: "";
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
  width: 2px;
  background-color: #ddd;
  opacity: 0.5;
}
.event-new-wrapper .event-content {
  display: flex;
  justify-content: space-around;
  flex-direction: column;
  text-align: left;
  margin: 0 20px;
}
.event-new-wrapper .event-content h3 {
  margin: 0;
}
.event-new-wrapper .event-content .event-description {
  font-weight: 400;
  font-size: 15px;
  color: #717171;
}
.event-new-wrapper .event-location {
  display: flex;
  gap: 20px;
}
.event-new-wrapper .event-location .event-place {
  padding-left: 20px;
  position: relative;
}
.event-new-wrapper .event-location .event-place::before {
  content: "";
  background-image: url(/css/graphics/svg/event-place.svg);
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.event-new-wrapper .event-location .event-time {
  padding-left: 20px;
  position: relative;
}
.event-new-wrapper .event-location .event-time::before {
  content: "";
  background-image: url(/css/graphics/svg/event-time.svg);
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 5px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.event-new-wrapper .event-location p {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 15px;
}
.event-new-wrapper .controls {
  position: absolute;
  right: 24px;
  top: 50px;
}
.event-new-wrapper .controls a {
  margin: 0;
}

.event-controls {
  margin-top: 15px;
}

.ita-lab-wrapper {
  display: flex;
  margin-bottom: 15px;
}
.ita-lab-wrapper .ita-lab-content {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 20px 64px;
  max-width: 600px;
}
.ita-lab-wrapper .ita-lab-content p {
  color: #111A29;
  font-size: 1.25em;
  font-weight: 400;
  max-width: 450px;
}
.ita-lab-wrapper .lab-content-items {
  display: flex;
}
.ita-lab-wrapper .lab-content-items .icon {
  margin: 0;
  margin-bottom: 16px;
  position: relative;
  overflow: visible;
}
.ita-lab-wrapper .lab-content-items p {
  color: #111A29;
  font-size: 1em;
  font-weight: 600;
}
.ita-lab-wrapper .lab-content-items .lab-number {
  position: absolute;
  right: -40px;
  font-size: 1.85em;
  font-weight: 600;
  color: #0055AA;
}
.ita-lab-wrapper .lab-content-items > div {
  width: 240px;
}
.ita-lab-wrapper .image img {
  border-radius: 10px;
}

.category-cards-wrapper {
  display: flex;
  margin-top: -150px;
  position: relative;
  z-index: 3;
}
.category-cards-wrapper > div {
  padding: 4px;
}
.category-cards-wrapper .card {
  background-color: #F3F5F8;
  border-radius: 24px;
}
.category-cards-wrapper .card .image-wrapper {
  max-height: 170px;
}
.category-cards-wrapper .card .image {
  max-width: 85%;
}
.category-cards-wrapper .content {
  display: flex;
  justify-content: space-between;
  padding: 24px;
  min-height: 50px;
}
.category-cards-wrapper .content .controls {
  position: relative;
}
.category-cards-wrapper .content h3 {
  max-width: 90px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
}

.new-services-2 {
  display: flex;
}
.new-services-2 .header {
  padding-bottom: 0;
}
.new-services-2 .header h2 {
  margin-bottom: 40px;
}
.new-services-2 > div {
  width: 50%;
}
.new-services-2 .columns > div {
  padding: 0 15px 20px 15px;
}
.new-services-2 .tile {
  background: transparent;
}
.new-services-2 .content {
  max-width: 535px;
}
.new-services-2 .content p {
  font-weight: 400;
  font-size: 15px;
  color: #111A29;
  line-height: 130%;
  letter-spacing: 0;
}
.new-services-2 .header-columns > div {
  width: 100%;
}
.new-services-2 .controls {
  padding-left: 30px;
}

.service-card-wrapper .splide__arrow--next {
  background-color: #fff;
  left: 2%;
}
.service-card-wrapper .splide__arrow--prev {
  background-color: #fff;
  left: -1%;
}
.service-card-wrapper .controls {
  text-align: right;
}
.service-card-wrapper .controls .button {
  margin-bottom: 2em;
}
.service-card-wrapper .card.service-card .controls {
  padding: 20px;
  text-align: left;
}
.service-card-wrapper .card.service-card .controls .button {
  margin: 0;
}

.news-module-listing.service-card-wrapper::before {
  display: none;
}

.news-module-listing.service-card-wrapper .splide__arrow--next {
  left: 18%;
  top: -10%;
  background-color: #F3F5F8;
}

.news-module-listing.service-card-wrapper .splide__arrow--prev {
  left: 15%;
  top: -10%;
  background-color: #F3F5F8;
}

.news-module-listing p,
.news-module-listing h3 {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news-module-listing .card.card-to-tile {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  padding: 24px;
  height: auto;
}
.news-module-listing .card .image img {
  border-radius: 10px;
  max-height: 170px;
}
.news-module-listing .content {
  padding-bottom: 40px;
}
.news-module-listing .controls {
  position: inherit;
  text-align: left;
}
.news-module-listing .controls a.button {
  margin-bottom: 0;
}
.news-module-listing .splide__track {
  overflow: visible;
}
.news-module-listing .splide__track::after {
  content: "";
  position: absolute;
  top: -20px;
  right: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: #fff;
}
.news-module-listing .splide__track::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.video-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgb(17, 26, 41) 40%, rgba(17, 26, 41, 0) 65%);
  z-index: 1;
  opacity: 1;
}

.video-section {
  width: 100%;
  height: 650px;
  /* or whatever you need */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 24px;
  /* optional rounded corners */
  padding-bottom: unset;
  max-width: 1840px;
  margin: 0 auto;
  overflow: hidden;
}
.video-section .vs-video video {
  left: 70%;
  height: 100%;
}
.video-section .banner-content .controls .button.cta {
  padding: 18px 24px;
  height: 50px;
  padding-right: 45px;
  position: relative;
}
.video-section .banner-content .controls .button.cta::after {
  content: "";
  background-image: url(/css/graphics/svg/right-arrow-white-cta.svg);
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
  top: 20px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.video-section .banner-content .controls .button.shop {
  padding: 18px 24px;
  height: 50px;
  padding-right: 45px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  position: absolute;
}
.video-section .banner-content .controls .button.shop::after {
  content: "";
  background-image: url(/css/graphics/svg/shop-item-2.svg);
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
  top: 17px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.photo-section {
  width: 100%;
  height: 650px;
  /* or whatever you need */
  background: linear-gradient(to right, rgb(17, 26, 41) 40%, rgba(17, 26, 41, 0) 65%), url(/css/graphics/banner-img-2.png) no-repeat right center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  border-radius: 24px;
  /* optional rounded corners */
  padding-bottom: unset;
  max-width: 1840px;
  margin: 0 auto;
}
.photo-section .banner-content .controls .button.cta {
  background: #0055AA;
  color: #fff;
  padding: 18px 24px;
  height: 50px;
  padding-right: 45px;
  position: relative;
}
.photo-section .banner-content .controls .button.cta::after {
  content: "";
  background-image: url(/css/graphics/svg/right-arrow-white-cta.svg);
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
  top: 20px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.photo-section .banner-content .controls .button.shop {
  padding: 18px 24px;
  height: 50px;
  padding-right: 45px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  position: absolute;
}
.photo-section .banner-content .controls .button.shop::after {
  content: "";
  background-image: url(/css/graphics/svg/shop-item-2.svg);
  width: 19px;
  height: 19px;
  position: absolute;
  right: 15px;
  top: 17px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.banner-content {
  padding-bottom: 200px;
}

.ps-image {
  position: relative;
}

#TOP.unsticked {
  height: 150px;
}

#TOP.sticked #TOP-MAIN {
  top: 0;
}

#TOP.sticked,
#START #TOP.sticked,
#TOP.sticked #TOP-MAIN {
  height: 64px;
  box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.13);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#TOP-MAIN {
  top: 16px;
}

nav.mobile .main-menu {
  height: auto;
}

.contact-mini-top {
  display: inline-flex;
}
.contact-mini-top .image-wrapper {
  padding-right: 15px;
  align-self: center;
}
.contact-mini-top .contact_data p {
  margin: 0;
}
.contact-mini-top .phone-txt {
  font-weight: 700;
  font-size: 16px;
  color: #111A29;
}

.compact-contact .ico {
  display: flex;
  justify-content: center;
  align-items: center;
}

#TOP .search-wrapper {
  height: auto;
  align-items: center;
}

#TOP .header-full {
  display: block;
}

#TOP .header-compact {
  display: none;
}

#TOP .header-compact-right {
  display: flex;
  justify-content: end;
  align-items: center;
}

#TOP.sticked .header-full {
  display: none;
}

#TOP.sticked .header-compact {
  display: block;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.first-row-items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding-bottom: 20px;
}

.first-row-items > div {
  display: inline-flex;
  justify-content: space-between;
}

.first-row-items #logo {
  position: relative;
  transform: none;
  height: 60px;
  height: 80px;
}

.second-row-items > div {
  display: inline-flex;
}

.second-row-items {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.second-row-items .links a {
  padding: 8px;
  font-weight: 400;
  font-size: 13px;
  color: #717171;
}

.header-compact .links ul,
.second-row-items .links ul {
  display: flex;
  gap: 10px;
  margin: 0;
}

.search-wrapper .input-panel-wrapper {
  left: 0;
}

.search-wrapper .search-input-wrapper {
  left: 40px;
  overflow: visible;
}

.search-btn-wrapper {
  display: flex;
  background-color: #F3F5F8;
  border-radius: 100px;
}

.search-wrapper .search-input-wrapper {
  position: relative;
  width: 100%;
  left: 0;
  top: 1px;
}

.search-input-wrapper input {
  border: 0;
  background: transparent;
  font-weight: 600;
}

.search-btn-wrapper .search-btn {
  padding-left: 15px;
}

.dropdown-link {
  padding-right: 30px !important;
  position: relative;
}

.dropdown-link::after {
  content: "";
  background-image: url("graphics/svg/arrow_dropdown.svg");
  width: 10px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 56%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}

.columns-wrapper .dropdown-link-bottom {
  width: 100%;
  float: left;
}

.columns-wrapper .dropdown-link-bottom a:hover {
  color: #0055AA !important;
}

.columns-wrapper a.dropdown-category {
  display: block;
  padding: 1px 5px;
  display: block;
}

.columns-wrapper a.dropdown-category:hover {
  background: rgba(0, 85, 170, 0.1019607843);
  color: #0055AA !important;
  border-radius: 8px;
}

.megadropdown.show-me {
  height: 650px;
}

.cart-module-wrapper {
  height: auto;
}

.col-1 .dropdown-title-popular {
  color: #0055AA;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 20%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.col-1 a {
  font-size: 15px;
  color: #111A29;
  margin-bottom: 10px;
}
.col-1 .bold {
  font-weight: 600;
  font-size: 18px;
}

.col-2 .dropdown-title,
.col-3 .dropdown-title,
.col-4 .dropdown-title {
  color: #717171;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 20%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.col-2 a,
.col-3 a,
.col-4 a {
  font-weight: 400;
  font-size: 15px;
  color: #111A29;
  margin-bottom: 10px;
}

.footer-copyright {
  text-align: left;
  color: #717171;
  font-size: 14px;
  padding: 20px 0;
  font-weight: 400;
  display: flex;
  align-items: center;
}

.footer-copyright a {
  color: #717171 !important;
  text-decoration: none;
  padding-left: 3px;
}

.footer-copyright-wrapper .card {
  min-height: 5em;
}
.footer-copyright-wrapper .card .image img {
  width: auto;
}

.footer-badges .columns {
  justify-content: end;
}

.footer-badges .columns > div {
  padding: 0 5px 0 5px;
  width: auto;
}

.adv-card {
  background-color: #0055AA;
  border-radius: 10px;
  max-width: 315px;
  overflow: hidden;
  padding: 8px;
}
.adv-card .image {
  border: none;
}
.adv-card .image img {
  width: auto;
  border-radius: 10px;
}
.adv-card .content {
  padding: 16px;
}
.adv-card h3,
.adv-card p {
  color: #fff;
  margin-top: 0;
}
.adv-card p {
  margin-bottom: 0;
}
.adv-card .controls {
  padding: 16px;
}
.adv-card .controls .button {
  width: 100%;
  color: #0055AA;
  background-color: #fff;
  margin-bottom: 0;
}

.horizontal-side {
  background: white;
  padding: 12px 20px;
  box-shadow: none;
  transition: all 0.3s ease;
  display: flex;
  justify-content: space-between;
  z-index: 90;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  margin-left: -20px !important;
}

.horizontal-side.uk-active {
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.13);
}

.horizontal-side .side-nav {
  display: flex;
}
.horizontal-side .side-nav > div {
  padding-left: 0;
}
.horizontal-side .side-nav::before {
  display: none;
}
.horizontal-side .side-nav .side-nav-item > div::before,
.horizontal-side .side-nav .side-nav-item > div::after {
  display: none;
}
.horizontal-side .side-nav-title {
  color: #717171;
  font-size: 14px;
  font-weight: 400;
  padding: 12px 16px;
  border-radius: 10px;
  text-transform: inherit;
}
.horizontal-side .side-nav-title:hover {
  background: rgba(0, 85, 170, 0.1019607843);
  color: #0055AA !important;
}
.horizontal-side .side-nav .side-nav-item > div {
  position: relative;
}
.horizontal-side .side-nav > div:nth-child(2n) {
  transform: none;
}

.company-items-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.company-items-wrapper .manufacturer-name a {
  color: #717171;
  font-weight: 400;
  font-size: 14px;
}
.company-items-wrapper .manufacturer-logo {
  max-width: 130px;
  width: 130px;
}
.company-items-wrapper .manufacturer-logo img {
  max-height: 70px;
  float: right;
}

.questions-mod {
  background-color: rgba(0, 85, 170, 0.1019607843);
  border-radius: 10px;
  padding: 24px;
  margin-top: 30px;
}
.questions-mod h3 {
  margin-top: 0;
}
.questions-mod .questions-mod-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.questions-mod .consultant-wrapper {
  display: flex;
}
.questions-mod .consultant-wrapper .image-wrapper .image img {
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 100px;
}
.questions-mod .consultant-wrapper .company_name,
.questions-mod .consultant-wrapper .add_company_name {
  margin-bottom: 0;
}
.questions-mod .consultant-wrapper .company_name {
  color: #111A29;
  font-weight: 600;
  font-size: 16px;
}
.questions-mod .consultant-wrapper .add_company_name {
  font-weight: 400;
  font-size: 13px;
  color: #717171;
}
.questions-mod .consultant-wrapper .consultant-items {
  padding-left: 12px;
  align-self: center;
  padding-right: 12px;
}
.questions-mod .phone-wrapper .button {
  margin-right: 0;
}
.questions-mod .contact_data {
  display: flex;
}
.questions-mod .contact_data .emails-wrapper,
.questions-mod .contact_data .phone-wrapper .button,
.questions-mod .contact_data .email-wrapper .button {
  margin-bottom: 0;
}
.questions-mod .contact_data .phone-wrapper .button,
.questions-mod .contact_data .email-wrapper .button {
  padding-left: 40px;
}
.questions-mod .contact_data .phone-wrapper .button::before {
  content: "";
  background-image: url(/css/graphics/svg/q-about-phone.svg);
  width: 16px;
  height: 18px;
  position: absolute;
  left: 12px;
  top: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.questions-mod .contact_data .email-wrapper .button::before {
  content: "";
  background-image: url(/css/graphics/svg/q-about-mail.svg);
  width: 16px;
  height: 18px;
  position: absolute;
  left: 12px;
  top: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.questions-mod .phone-wrapper.show-phone {
  margin-right: 15px;
}

.show-more-wrapper {
  padding-top: 20px;
}

.product-list-wrapper .splide {
  visibility: visible;
}

.product-list-wrapper .splide__track {
  overflow: visible;
}

.product-descr-wrapper {
  display: flex;
}
.product-descr-wrapper .text-wrapper {
  width: 65%;
  padding-right: 34px;
}
.product-descr-wrapper .product-detail-section {
  width: 35%;
  background-color: #F3F5F8;
  border-radius: 10px;
  padding: 36px;
}
.product-descr-wrapper .product-detail-section h3 {
  margin-top: 0;
}
.product-descr-wrapper .fat-descr {
  font-weight: 400;
  font-size: 1.375rem;
  color: #111A29;
  line-height: 150%;
}
.product-descr-wrapper .product-detail {
  margin-bottom: 8px;
}
.product-descr-wrapper .product-detail > div {
  display: flex;
  background-color: #fff;
  border-radius: 9px;
  padding: 16px;
  gap: 16px;
}
.product-descr-wrapper .product-detail > div .content {
  margin-top: 0;
  align-self: center;
}
.product-descr-wrapper .product-detail > div h3 {
  font-weight: 600;
  font-size: 16px;
}
.product-descr-wrapper .product-detail > div p {
  font-weight: 400;
  font-size: 15px;
  color: #717171;
  margin-bottom: 0;
}
.product-descr-wrapper .product-detail > div img {
  max-width: unset;
}
.product-descr-wrapper .product-detail > div .text-wrapper {
  width: 100%;
}
.product-descr-wrapper .product-detail .thb {
  width: 85px;
  height: 85px;
}
.product-descr-wrapper .singleblock-video-2-wrapper {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  margin: 32px 0;
}
.product-descr-wrapper .singleblock-video-2-wrapper > div {
  padding: 8px;
}
.product-descr-wrapper .singleblock-video-2-wrapper .video-wrapper {
  overflow: hidden;
}
.product-descr-wrapper .singleblock-video-2-wrapper .singleblock-video-2-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.product-descr-wrapper .singleblock-video-2-wrapper .singleblock-video-2-content-wrapper .text-wrapper {
  flex: initial;
  width: 100%;
  padding-right: 0;
}
.product-descr-wrapper .singleblock-video-2-wrapper .singleblock-video-2-content-wrapper .text-wrapper .controls .button {
  margin-bottom: 0;
}
.product-descr-wrapper .singleblock-video-2-wrapper .singleblock-video-2-content-wrapper h3 {
  margin: 0;
}
.product-descr-wrapper .singleblock-video-2-wrapper .singleblock-video-2-content-wrapper .subtitle {
  margin-bottom: 24px;
}

.mini-gray-title,
.product-descr-wrapper .text-wrapper p strong,
.descr-block .text-wrapper p strong {
  color: #717171;
  font-size: 10px;
  letter-spacing: 20%;
  text-transform: uppercase;
  margin-bottom: 16px;
  text-wrap: nowrap;
  font-weight: 500;
}

.descr-block .text-wrapper ul li {
  font-weight: 400;
  font-size: 15px;
  color: #717171;
}

.questions-afford-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0055AA;
  border-radius: 10px;
  padding: 24px;
}
.questions-afford-wrapper .questions-afford-items {
  display: flex;
  align-items: center;
  gap: 24px;
}
.questions-afford-wrapper .image-wrapper {
  width: auto !important;
  margin: 0 !important;
}
.questions-afford-wrapper .emails-wrapper {
  margin: 0;
}
.questions-afford-wrapper .emails-wrapper .show-email {
  background-color: #fff;
  border-radius: 10px;
  padding: 8px 12px;
  height: auto;
  font-weight: 600;
  font-size: 13px;
}
.questions-afford-wrapper .emails-wrapper .button {
  background-color: #fff;
  border-radius: 10px;
  padding: 12px 16px;
  padding-left: 40px;
  margin: 0;
}
.questions-afford-wrapper .emails-wrapper .button:hover {
  color: #002f5e;
}
.questions-afford-wrapper .emails-wrapper .button::before {
  content: "";
  background-image: url(/css/graphics/svg/q-about-mail.svg);
  width: 16px;
  height: 18px;
  position: absolute;
  left: 12px;
  top: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.questions-afford-wrapper .afford-wrapper .company_name,
.questions-afford-wrapper .afford-wrapper .add_company_name {
  color: #fff;
  margin-bottom: 0;
  font-weight: 300;
}

.service-list-wrapper .product-tile.related_usluga {
  border: 1px solid #F3F5F8;
  border-radius: 10px;
}
.service-list-wrapper .product-tile.related_usluga .content p {
  margin-bottom: 20px;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-width: 350px;
}
.service-list-wrapper .product-tile.related_usluga .image-wrapper .image {
  border: none;
  padding: 0;
  max-width: 180px;
  max-height: 180px;
}

.logo-box-subpage {
  overflow: hidden;
}

.logo-box-wrapper-subpage {
  display: flex;
  align-items: center;
  margin-top: 50px;
}
.logo-box-wrapper-subpage #realization-slider-2 li {
  width: 140px !important;
}

.related-knowledge-card {
  padding: 24px;
  border-radius: 10px;
  border: 2px solid #F3F5F8;
  box-sizing: border-box;
}
.related-knowledge-card .content {
  padding-top: 16px;
}
.related-knowledge-card img {
  border-radius: 10px;
  min-height: 175px;
  max-height: 175px;
  height: 100%;
  width: 100%;
}
.related-knowledge-card h3 {
  margin-top: 0;
  font-weight: 600;
  font-size: 1.25rem;
  max-width: 225px;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.related-knowledge-card p {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.related-knowledge-card .date {
  font-weight: 400;
  font-size: 13px;
  color: #717171;
  margin-bottom: 5px;
  display: block;
}
.related-knowledge-card .button {
  margin-bottom: 0;
}

.related-knowledge-items .splide__arrow--prev {
  left: 8%;
  top: -6%;
}

.related-knowledge-items .splide__arrow--next {
  left: 11%;
  top: -6%;
}

.related-knowledge-items .splide__track {
  overflow: visible;
}

.related-knowledge-items .splide__track::after {
  content: "";
  position: absolute;
  top: -20px;
  right: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: #fff;
}

.related-knowledge-items .splide__track::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}

.product-list-wrapper .product-tile.related_software {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  flex-direction: row;
  min-height: unset;
}
.product-list-wrapper .product-tile.related_software .logo-box-tile {
  margin-bottom: 0;
}
.product-list-wrapper .product-tile.related_software .image-wrapper {
  width: 90px !important;
  height: 80px !important;
  margin: unset !important;
  padding-bottom: 24px !important;
  max-width: unset !important;
}
.product-list-wrapper .product-tile.related_software .logo-box {
  border: none;
}
.product-list-wrapper .product-tile.related_software .content p {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 3;
  display: -moz-box;
  -moz-line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-width: 375px;
  padding-right: 20px;
}
.product-list-wrapper .product-tile.related_software .controls {
  position: initial;
}

.subpage-product-listing .splide__arrow--prev {
  left: 36%;
}

.subpage-product-listing .splide__arrow--next {
  left: 40%;
}

.subpage-product-listing .card.product-card .content p,
.subpage-product-listing .card.product-card .content ul li {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.subpage-product-listing .card.product-card .content ul li {
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 0.5em;
  list-style-type: none;
  margin-left: 0;
}

.subpage-product-listing .card.product-card .content ul li::after {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #111A29;
}

.singleblock-icon-tile-2 {
  background-color: #F3F5F8;
  padding: 42px 48px;
  border-radius: 10px;
}
.singleblock-icon-tile-2 > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.singleblock-icon-tile-2 h3 {
  font-weight: 700;
  font-size: 1.5rem !important;
}
.singleblock-icon-tile-2 .content {
  align-self: center;
}
.singleblock-icon-tile-2 .content ul {
  display: flex;
  gap: 16px;
  margin-bottom: 0;
}
.singleblock-icon-tile-2 .content ul li {
  color: #111A29;
  margin-left: 0;
}
.singleblock-icon-tile-2 .content ul li::marker {
  font-size: 0;
}
.singleblock-icon-tile-2 .content ul li::before {
  content: "";
  background-image: url(/css/graphics/svg/thin-check.svg);
  width: 16px;
  background-repeat: no-repeat;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
}
.singleblock-icon-tile-2 .tile {
  background-color: #F3F5F8;
  display: flex;
  justify-content: start;
}
.singleblock-icon-tile-2 .tile .image-wrapper {
  width: 100px;
}
.singleblock-icon-tile-2 .controls {
  position: initial;
}
.singleblock-icon-tile-2 .controls .button {
  background-color: #0055AA;
  color: #fff;
  height: 50px;
  padding-right: 40px;
  margin-bottom: 0;
}
.singleblock-icon-tile-2 .controls .button::after {
  content: "";
  background-image: url(/css/graphics/svg/right-arrow-white-cta.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  right: 15px;
  top: 20px;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-lead-wrapper .lead-image-content .product-image-wrapper {
  position: initial;
  padding-bottom: 0;
  margin: unset;
  max-width: 620px;
  width: 100%;
  border: none;
  display: flex;
  gap: 10px;
}
.product-lead-wrapper .lead-image-content .product-image-wrapper #thumbnail-slider {
  margin-top: 10px;
}
.product-lead-wrapper .lead-image-content .product-image-wrapper .splide__track {
  overflow: hidden;
  height: 100% !important;
}
.product-lead-wrapper .lead-image-content .product-image-wrapper .splide__arrows {
  padding-top: 0;
}
.product-lead-wrapper .lead-image-content .product-image-wrapper .splide__track--fade > .splide__list > .splide__slide {
  height: 100% !important;
}
.product-lead-wrapper .lead-image-content .product-image-wrapper .splide__track--nav > .splide__list > .splide__slide.is-active {
  opacity: 1;
}
.product-lead-wrapper .lead-image-content .product-image-wrapper .splide__track--nav > .splide__list > .splide__slide {
  opacity: 0.5;
}

.product-image-wrapper {
  max-width: 600px;
  margin: auto;
}

#main-slider {
  margin-bottom: 10px;
}

#main-slider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#thumbnail-slider .splide__slide img {
  cursor: pointer;
  border: 2px solid transparent;
  transition: border 0.3s;
}

#thumbnail-slider .splide__slide.is-active img {
  border-color: #333;
}

#thumbnail-slider-list.splide__list {
  overflow: hidden;
}

.product-lead-wrapper .lead-image-content .product-image-wrapper #thumbnail-slider {
  margin-top: 0;
}

.product-lead-wrapper .product-image-wrapper .splide__arrow--next {
  top: 95%;
  left: 90%;
}

.product-lead-wrapper .product-image-wrapper .splide__arrow--prev {
  top: 95%;
  left: 82%;
}

.product-lead-wrapper .product-image-wrapper #main-slider .splide__slide img {
  width: auto;
  border-radius: 10px;
}

.splide__track--nav > .splide__list > .splide__slide.is-active {
  border: none;
}

.product-lead-wrapper .product-image-wrapper .splide__slide {
  border-radius: 10px;
}

.side-nav-item.urhere .side-nav-title {
  background: rgba(0, 85, 170, 0.1019607843);
  color: #0055AA !important;
}

.article-section .dynamics-form-wrapper .form-top-info-wrapper,
.article-section .dynamics-form-wrapper .order-form-page {
  max-width: 500px;
}

.shop-top-btn {
  align-self: center;
  color: #111A29;
  font-weight: 600;
  padding: 0 20px;
}

.shop-top-btn:hover {
  background: rgba(0, 85, 170, 0.1019607843);
  color: #0055AA !important;
  border-radius: 8px;
  padding: 10px 20px;
}

.card.listing-product-item {
  min-height: unset;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
}
.card.listing-product-item .commerce-wrapper {
  padding: 0;
}
.card.listing-product-item .button.cart {
  margin-bottom: 0;
}
.card.listing-product-item .image img {
  width: auto;
}

.listing-product-item .image-wrapper {
  padding-bottom: 90%;
  margin: 0;
}
.listing-product-item .image-wrapper .image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  top: 10px;
  left: 20px;
  right: 20px;
  bottom: 0;
}

.listing-product-item .product-ribbons-wrapper {
  display: inline-flex;
  position: absolute;
  left: 0px;
  top: 20px;
}
.listing-product-item .product-ribbons-wrapper .product-ribbon {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.listing-product-item .content {
  padding: 0;
}

.product-list-wrapper .columns > div {
  padding: 8px;
  margin: 0;
}

.product-tile-item {
  position: relative;
}
.product-tile-item .product-ribbons-wrapper {
  position: absolute;
  top: 40px;
  z-index: 3;
}
.product-tile-item .product-ribbon {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.product-tile-item ul {
  list-style-type: none;
}
.product-tile-item li {
  position: relative;
}
.product-tile-item li::before {
  content: "✔";
  position: absolute;
  left: -14px;
  color: #111A29;
}

.product-list-wrapper .product-tile {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 430px;
}
.product-list-wrapper .product-tile .image-wrapper {
  width: auto !important;
  margin: 0 !important;
  padding-bottom: 24px !important;
  max-width: unset !important;
  height: unset !important;
}
.product-list-wrapper .product-tile .content {
  padding: 0;
}
.product-list-wrapper .product-tile .content .h3 {
  margin-bottom: 16px;
  min-height: 65px;
}
.product-list-wrapper .product-tile .content ul li {
  font-size: 13px;
  color: #111A29;
}
.product-list-wrapper .product-tile .content ul li span {
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 2;
  display: -moz-box;
  -moz-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.product-list-wrapper .product-tile .content li::marker {
  display: none;
}
.product-list-wrapper .product-tile .subtitle {
  font-size: 13px;
  color: #717171;
  font-weight: 400;
  overflow: hidden;
  display: box;
  box-orient: vertical;
  line-clamp: 1;
  display: -moz-box;
  -moz-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 5px;
}
.product-list-wrapper .product-tile .image-wrapper .image {
  width: auto !important;
  height: auto !important;
  max-height: unset !important;
  max-width: unset !important;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.product-list-wrapper-services .product-tile {
  min-height: unset;
  flex-direction: row;
}
.product-list-wrapper-services .product-tile .image-wrapper {
  width: 100px !important;
  height: 100px !important;
  margin-right: 20px !important;
  padding-bottom: 0 !important;
}

.listing-product-item .content span.h3 {
  margin-top: 0;
}

.listing-product-item .price-items .price {
  font-weight: 600;
  font-size: 18px;
  color: #111A29;
}
.listing-product-item .price-items span {
  color: #111A29;
}

.listing-product-item.card .image-wrapper .img-placeholder,
.listing-product-item.card .image .img-placeholder {
  padding: 0;
}

.service-listing .service-block.has-bg {
  background-color: #F3F5F8;
  border-radius: 10px;
}
.service-listing .service-block.has-bg .content.is-video .columns {
  flex-direction: row-reverse;
}
.service-listing .service-block {
  background-color: #fff;
  border: none;
  padding: 0;
}
.service-listing .service-block h3 {
  margin-bottom: 32px !important;
}
.service-listing .service-block p {
  color: #717171;
  font-size: 15px;
  font-weight: 400;
}
.service-listing .service-block strong {
  color: #111A29;
  font-size: 19px;
  font-weight: 400;
}
.service-listing .service-block .video-wrapper {
  align-self: center;
}
.service-listing .service-block .video-wrapper .video iframe {
  border-radius: 10px;
}
.service-listing .content.is-video .video {
  padding: 0 16px;
}
.service-listing .content-wrapper {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  padding: 60px;
}

.icon-cards.aplications .icon-card.with-border {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  padding: 24px;
}
.icon-cards.aplications .icon-card .controls {
  text-align: left;
  bottom: 24px;
  left: 24px;
}
.icon-cards.aplications .icon-card.with-border .icon-wrapper {
  margin-bottom: 24px;
}
.icon-cards.aplications .icon-card.with-border .controls .button span {
  padding-left: 10px;
}
.icon-cards.aplications .icon-card.with-border .controls .button.alt.ico-only .ico {
  top: unset;
}
.icon-cards.aplications .icon-card.with-border .controls .button.alt.ico-only span {
  padding: 0;
}
.icon-cards.aplications .icon-card.with-border .controls .button span {
  color: #0055AA;
}
.icon-cards.aplications .icon-card.with-border .controls .button:hover {
  background-color: #2b95ff;
}
.icon-cards.aplications .icon-card.with-border .controls .button:hover span {
  color: #fff;
}
.icon-cards.aplications .button.alt.ico-only img {
  transition: filter 0.3s ease;
}
.icon-cards.aplications .button.alt.ico-only:hover svg path {
  fill: #fff;
}

#page-usluga .product-lead-wrapper .lead-content .image-wrapper {
  width: 130px;
}

.shop-categories .columns > div {
  padding: 0 15px 8px 15px;
}
.shop-categories .category-item {
  text-align: center;
  padding: 24px;
  border-radius: 10px;
  background-color: #F3F5F8;
  display: block;
  height: auto;
  display: flex;
  justify-content: start;
  align-items: center;
}
.shop-categories .category-item img {
  max-width: 84px;
  max-height: 84px;
  padding-right: 24px;
}
.shop-categories p {
  font-weight: 400;
  font-size: 15px;
  color: #717171;
}
.shop-categories .title {
  font-weight: 600;
  font-size: 16px;
  color: #111A29;
  max-width: 150px;
  text-align: left;
}
.shop-categories a {
  text-decoration: none;
}

.contact-ita-wrapper {
  display: flex;
  gap: 16px;
}

.email-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.email-address > a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
}

.email-wrapper > span {
  display: block;
}

.email-wrapper > span.button {
  display: flex;
}

.email-txt {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: width 300ms;
}

.email-hidden .email-txt {
  width: 6.5em;
}

.reveal-btn {
  width: 20px;
  height: 20px;
  position: relative;
  display: none;
}

.reveal-btn > span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 85, 170, 0.1);
  background: #0055aa;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
}

.email-hidden .reveal-btn {
  display: inline-block;
}

.email-address.button {
  padding-left: 40px;
  min-width: 200px;
  justify-content: flex-start;
}

.email-address.button .ico {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  box-sizing: border-box;
}

.contact-data-dzialy-biuro-wrapper {
  border: 1px solid #ccc;
}
.contact-data-dzialy-biuro-wrapper .content {
  padding: 32px;
}
.contact-data-dzialy-biuro-wrapper .content h3 {
  margin-top: 0;
  font-size: 2rem;
  font-weight: 700;
}
.contact-data-dzialy-biuro-wrapper .content .additional-text p {
  font-weight: 400;
  font-size: 13px;
}
.contact-data-dzialy-biuro-wrapper .map {
  padding: 16px;
}
.contact-data-dzialy-biuro-wrapper .contact-ita-wrapper {
  padding-bottom: 40px;
}

.contact-ita-wrapper {
  padding-bottom: 24px;
}
.contact-ita-wrapper .ico {
  align-self: center;
}

.contact-ita-wrapper-items .phone-txt,
.contact-ita-wrapper-items .email-txt,
.contact-ita-wrapper-items .address {
  color: #111A29;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}
.contact-ita-wrapper-items .description-contact {
  padding-bottom: 15px;
  font-size: 13px;
  font-weight: 600;
  color: #909090;
}
.contact-ita-wrapper-items .email-address > a,
.contact-ita-wrapper-items .phone-number > a {
  color: #111A29;
  font-weight: 600;
}

.button.light {
  background-color: transparent;
  color: #717171;
  border: 2px solid #F3F5F8;
  margin-left: 15px;
  margin-bottom: 0;
  min-width: 4em;
  padding: 12px 4px;
}

.icon-card.with-border .content .title {
  font-size: 10px;
  font-weight: 600;
  color: #0055AA;
  padding-bottom: 5px;
  letter-spacing: 20%;
  text-transform: uppercase;
}

.tile.sb-tile.career-tile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.tile.sb-tile.career-tile .content {
  padding-left: 100px;
}
.tile.sb-tile.career-tile h3 {
  font-size: 2rem;
  font-weight: 700;
}
.tile.sb-tile.career-tile p {
  font-size: 1.15rem;
  font-weight: 400;
  color: #111A29;
  max-width: 560px;
}
.tile.sb-tile.career-tile .image-wrapper {
  width: 50%;
}

.tile.sb-tile.career-tile.right {
  background-color: #F3F5F8;
  padding: 16px;
  flex-direction: row-reverse;
}
.tile.sb-tile.career-tile.right .content {
  padding-right: 100px;
  padding-left: 66px;
}

#splide_knowledge .subcat-filter {
  font-size: 14px;
  border: unset;
  background-color: unset;
  color: #717171;
}
#splide_knowledge .subcat-filter.urhere {
  background-color: rgba(0, 85, 170, 0.1) !important;
  color: #0055AA !important;
  padding: 16px;
}

.knowledge-filters .splide {
  display: flex;
  flex-direction: row-reverse;
}

.konowledge-articles-wrapper .card {
  padding: 0;
  overflow: visible;
  border: 2px solid #F3F5F8;
  background: #FFF;
  border-radius: 10px;
  padding: 16px;
  min-height: 420px;
}
.konowledge-articles-wrapper .card h3 {
  font-weight: 600;
  font-size: 1.25rem;
  margin-bottom: 16px;
  margin-top: 8px;
}
.konowledge-articles-wrapper .card p {
  font-size: 13px;
}
.konowledge-articles-wrapper .card .image-wrapper img {
  border-radius: 8px;
}
.konowledge-articles-wrapper .card .content {
  padding: 0;
}
.konowledge-articles-wrapper .card .controls-wrapper {
  position: relative;
}
.konowledge-articles-wrapper .card .controls {
  left: 16px;
  bottom: 16px;
}

#page-knowledge_article .text-wrapper {
  margin: 0 auto;
  max-width: 800px;
}
#page-knowledge_article h2 {
  max-width: 800px;
  margin: 0 auto;
}

.past-events .event-new-wrapper {
  background-color: #F3F5F8;
  min-height: 95px;
}

.events-trusted-item .header {
  display: none;
}
.events-trusted-item h3 {
  font-weight: 700;
  font-size: 10px !important;
  text-align: left !important;
  color: #717171;
  letter-spacing: 20%;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 20px;
}

.pagination {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 24px;
  flex-wrap: wrap;
}

.pagination-btn {
  width: 36px;
  height: 36px;
  border-radius: 12px;
  border: 1px solid transparent;
  background-color: #f5f5f5;
  color: #444;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s ease;
}

.pagination-btn:hover:not(:disabled) {
  background-color: #e1e1e1;
}

.pagination-btn.active {
  background-color: #004aad;
  color: #fff;
}

.pagination-btn:disabled {
  opacity: 0.4;
  cursor: default;
}

.pagination-btn.arrow {
  font-weight: bold;
  font-size: 16px;
  padding: 0;
}

.banner-subpage-wrapper {
  display: flex;
  position: relative;
  border-radius: 24px;
  /* Dodaj border-radius do całego wrappera */
  overflow: hidden;
  /* Upewnia się, że gradienty i obrazy są wewnątrz zaokrąglonych narożników */
  max-width: 1856px;
  /* Gradient na lewym zdjęciu */
  /* Gradient na prawym zdjęciu */
  /* Dodatkowe style dla przycisku, jeśli potrzebne */
}
.banner-subpage-wrapper .content {
  text-align: center;
  background-color: rgb(17, 26, 41);
  padding: 20px;
  /* Dostosuj padding według potrzeb */
  flex-grow: 1;
  /* Pozwala contentowi zająć dostępną przestrzeń */
  display: flex;
  /* Dodane dla centrowania zawartości pionowo, jeśli to potrzebne */
  flex-direction: column;
  /* Dodane */
  justify-content: center;
  /* Dodane */
  align-items: center;
  /* Dodane */
  position: relative;
  z-index: 1;
}
.banner-subpage-wrapper .content h2,
.banner-subpage-wrapper .content p {
  color: #fff;
}
.banner-subpage-wrapper .image-wrapper {
  position: relative;
  width: 35%;
  /* Przykładowa szerokość, możesz dostosować */
  /* Możesz użyć flex-shrink: 0; jeśli nie chcesz, żeby zdjęcia się kurczyły */
}
.banner-subpage-wrapper .image-wrapper img {
  height: 100%;
  width: 100%;
  /* Obraz zajmuje całą dostępną szerokość */
  -o-object-fit: cover;
     object-fit: cover;
  /* Ważne, aby obraz wypełniał kontener bez zniekształceń */
  display: block;
}
.banner-subpage-wrapper .left::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  /* Zaczyna się od prawej krawędzi lewego obrazka */
  bottom: 0;
  left: 0;
  /* Pokrywa cały obraz */
  background: linear-gradient(to right, transparent 0%, rgba(17, 26, 41, 0.7) 60%, rgb(17, 26, 41) 100%);
  /* Gradient: od przezroczystego do koloru tła contentu */
  z-index: 1;
  /* Nad obrazem, ale pod contentem */
}
.banner-subpage-wrapper .right::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Pokrywa cały obraz */
  background: linear-gradient(to left, transparent 0%, rgba(17, 26, 41, 0.7) 60%, rgb(17, 26, 41) 100%);
  /* Gradient: od przezroczystego do koloru tła contentu */
  z-index: 1;
  /* Nad obrazem, ale pod contentem */
}
.banner-subpage-wrapper .left img {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.banner-subpage-wrapper .right img {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.banner-subpage-wrapper .button {
  background-color: #007bff;
  /* Przykładowy kolor, dostosuj do swojego designu */
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 20px;
  display: inline-block;
}

.cards-devices-process {
  margin-top: 80px;
}
.cards-devices-process .columns > div {
  padding: 0 8px 8px 8px;
}
.cards-devices-process .header {
  text-align: center;
}
.cards-devices-process .card {
  border: 2px solid #F3F5F8;
  border-radius: 10px;
  padding: 16px;
}
.cards-devices-process .card .image-wrapper {
  width: 32px;
  margin: 0;
  padding-bottom: 20px;
  padding-top: 20px;
}
.cards-devices-process .card li {
  color: #111A29;
}

.content ul {
  list-style: none;
}
.content ul li {
  margin: 0;
}

.content ul li::before {
  content: "";
  background-image: url(/css/graphics/svg/check_4.svg);
  min-width: 12px;
  background-repeat: no-repeat;
  height: 16px;
  display: inline-block;
  margin-right: 8px;
}

.service-team .header {
  text-align: center;
}
.service-team .card {
  border: 2px solid #F3F5F8;
  border-radius: 8px;
  padding: 40px;
  text-align: center;
}
.service-team .image-wrapper img {
  border-radius: 100px;
  max-width: 164px;
  margin: 0 auto;
}

.service-packages {
  display: flex;
  background-color: #F3F5F8;
}
.service-packages .header-wrapper {
  padding: 48px;
  flex: 1;
}
.service-packages .header-wrapper h2 {
  margin-top: 0;
}
.service-packages .header-wrapper .text-wrapper {
  color: #111A29;
  font-size: 22px;
  font-weight: 400;
}
.service-packages .header-wrapper .text-wrapper-2 {
  color: #717171;
  font-size: 15px;
}
.service-packages .right-col {
  padding: 16px;
}
.service-packages .right-col .tile {
  margin-bottom: 16px;
  padding: 4px;
  border-radius: 8px;
}
.service-packages .right-col .content {
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
  height: 100%;
  padding-right: 20px;
}
.service-packages .right-col .content h3 {
  font-size: 26px;
}
.service-packages .right-col .content .button {
  margin-top: 20px;
}
.service-packages .right-col .service-form {
  color: #0055AA;
  letter-spacing: 20%;
  line-height: 18px;
  font-weight: 600;
  padding-bottom: 8px;
}
.service-packages .right-col .service-form p {
  font-size: 10px;
}

.card.product-card .image {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  padding: 0;
  top: 10px;
  left: 20px;
  right: 20px;
  bottom: 0;
  max-height: 225px;
}

.splide__slide > div {
  position: relative;
}

.new-items .splide__track,
.bestsellers .splide__track {
  overflow: visible;
}

.new-items .splide__track::after,
.bestsellers .splide__track::after {
  content: "";
  position: absolute;
  top: -20px;
  right: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: #fff;
}

.new-items .splide__track::before,
.bestsellers .splide__track::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100%;
  bottom: -20px;
  width: 2000px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}/*# sourceMappingURL=theme.css.map */