@charset "UTF-8";
@font-face {
  font-family: "roboto";
  src: url("/css/fonts/roboto/roboto_light/Roboto-Light-webfont.eot");
  src: url("/css/fonts/roboto/roboto_light/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/roboto/roboto_light/Roboto-Light-webfont.woff") format("woff"), url("/css/fonts/roboto/roboto_light/Roboto-Light-webfont.ttf") format("truetype"), url("/css/fonts/roboto/roboto_light/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotoItalic";
  src: url("/css/fonts/roboto/roboto_lightitalic/Roboto-LightItalic-webfont.eot");
  src: url("/css/fonts/roboto/roboto_lightitalic/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/roboto/roboto_lightitalic/Roboto-LightItalic-webfont.woff") format("woff"), url("/css/fonts/roboto/roboto_lightitalic/Roboto-LightItalic-webfont.ttf") format("truetype"), url("/css/fonts/roboto/roboto_lightitalic/Roboto-LightItalic-webfont.svg#robotolight_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotoBold";
  src: url("/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.eot");
  src: url("/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.woff") format("woff"), url("/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.ttf") format("truetype"), url("/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.svg#robotobold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "robotoBoldItalic";
  src: url("/css/fonts/roboto/roboto_italic/Roboto-Italic-webfont.eot");
  src: url("/css/fonts/roboto/roboto_italic/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/css/fonts/roboto/roboto_italic/Roboto-Italic-webfont.woff") format("woff"), url("/css/fonts/roboto/roboto_italic/Roboto-Italic-webfont.ttf") format("truetype"), url("/css/fonts/roboto/roboto_italic/Roboto-Italic-webfont.svg#robotobold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*

@font-face {
	font-family: 'roboto';
	src: url('/css/fonts/roboto/roboto_light/Roboto-Regular-webfont.eot');
	src: url('/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.woff') format('woff'),
		 url('/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.ttf') format('truetype'),
		 url('/css/fonts/roboto/roboto_regular/Roboto-Regular-webfont.svg#robotoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoItalic';
	src: url('/css/fonts/roboto/roboto_regularitalic/Roboto-RegularItalic-webfont.eot');
	src: url('/css/fonts/roboto/roboto_regularitalic/Roboto-RegularItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/roboto/roboto_regularitalic/Roboto-RegularItalic-webfont.woff') format('woff'),
		 url('/css/fonts/roboto/roboto_regularitalic/Roboto-RegularItalic-webfont.ttf') format('truetype'),
		 url('/css/fonts/roboto/roboto_regularitalic/Roboto-RegularItalic-webfont.svg#robotolight_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoBold';
	src: url('/css/fonts/roboto/roboto_medium/Roboto-Medium-webfont.eot');
	src: url('/css/fonts/roboto/roboto_medium/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/roboto/roboto_medium/Roboto-Medium-webfont.woff') format('woff'),
		 url('/css/fonts/roboto/roboto_medium/Roboto-Medium-webfont.ttf') format('truetype'),
		 url('/css/fonts/roboto/roboto_medium/Roboto-Medium-webfont.svg#robotomedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'robotoBoldItalic';
	src: url('/css/fonts/roboto/roboto_bolditalic/Roboto-BoldItalic-webfont.eot');
	src: url('/css/fonts/roboto/roboto_bolditalic/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/roboto/roboto_bolditalic/Roboto-BoldItalic-webfont.woff') format('woff'),
		 url('/css/fonts/roboto/roboto_bolditalic/Roboto-BoldItalic-webfont.ttf') format('truetype'),
		 url('/css/fonts/roboto/roboto_bolditalic/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

*/
/*
@font-face {
	font-family: 'robotoBlack';
	src: url('/css/fonts/roboto/roboto_black/Roboto-Black-webfont.eot');
	src: url('/css/fonts/roboto/roboto_black/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/roboto/roboto_black/Roboto-Black-webfont.woff') format('woff'),
		 url('/css/fonts/roboto/roboto_black/Roboto-Black-webfont.ttf') format('truetype'),
		 url('/css/fonts/roboto/roboto_black/Roboto-Black-webfont.svg#robotoblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
:root {
  --col-text: #212529;
  --col-primary: #3C64DE;
  --col-primary-highlight: #365AC7;
  --col-secondary: #F2F2F2;
  --col-secondary-highlight: #CCC;
  --col-highlight: #F2F2F2;
  --col-hobby: #fce806;
  --col-bg-light-grey: #e9ecef;
  --col-border-light-grey: #ced4da;
  --col-white09: rgba(255,255,255,0.9);
  --col-white08: rgba(255,255,255,0.8);
  --col-black09: rgba(0,0,0,0.9);
  --col-black08: rgba(0,0,0,0.8);
  --col-CAD: #0878be;
  --col-Cut: #ee3a34;
  --col-Fusing: #0c4da2;
  --col-Machines: #008c44;
  --col-Household: #7f3f98;
  --col-Iron: #28ba98;
  --col-Scissors: #20479a;
  --col-Needles: #00539f;
  --col-Chairs: #000;
}

body {
  padding-right: 0 !important;
}

.btn {
  cursor: pointer;
}

.btn img {
  vertical-align: top;
}

.btn.disabled {
  cursor: default;
}

.btn:focus, .btn.focus, .btn:active:focus, .btn.active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
          box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.btn span.text-truncate {
  display: inline-block;
  width: calc(100% - 10px);
  line-height: 1.2;
  padding-top: 3px;
  margin-bottom: -3px;
}

a.btn {
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  cursor: pointer;
}

a[onclick]:not([href]) {
  text-decoration: underline;
}

a.btn[onclick]:not([href]) {
  text-decoration: none;
}

.btn-link {
  color: var(--col-primary);
}
.btn-link:hover {
  color: var(--col-primary-highlight);
}

.btn-primary {
  color: #fff;
  background-color: var(--col-primary);
  border-color: var(--col-primary);
}

a.btn-primary:not([href]):not([tabindex]) {
  color: #fff;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--col-primary-highlight);
  border-color: var(--col-primary-highlight);
}

.btn-outline-primary {
  color: #000;
  border-color: var(--col-primary);
}

.border-primary {
  border-color: var(--col-primary) !important;
}

.btn-secondary {
  color: #000;
  background-color: var(--col-secondary);
  border-color: var(--col-secondary);
}

.btn-secondary:hover, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #000;
  background-color: var(--col-secondary-highlight);
  border-color: var(--col-secondary-highlight);
}

.bg-primary {
  background-color: var(--col-primary) !important;
}

.btn-light {
  color: #000;
  background-color: #fff;
  border-color: var(--col-secondary-highlight);
}

.btn-light:hover, .btn-primary-light:not(:disabled):not(.disabled).active, .btn-primary-light:not(:disabled):not(.disabled):active, .show > .btn-primary-light.dropdown-toggle {
  color: #000;
  background-color: var(--col-secondary);
  border-color: #000;
}

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: var(--col-secondary);
  border-color: #000;
}

.btn-dark {
  color: #fff;
  background-color: #000;
  border-color: #000;
}

.btn-dark:hover, .btn-primary-dark:not(:disabled):not(.disabled).active, .btn-primary-dark:not(:disabled):not(.disabled):active, .show > .btn-primary-dark.dropdown-toggle {
  color: #000;
  background-color: #fff;
  border-color: #000;
}

.btn-menu {
  color: #000;
  background-color: #fff;
  border-color: #fff;
  text-transform: uppercase;
  border: 0;
}
.btn-menu:hover {
  border-color: #fff;
  color: #000;
  background-color: var(--col-highlight);
  border-color: var(--col-highlight);
}

.btn-primary-menu:not(:disabled):not(.disabled).active,
.btn-primary-menu:not(:disabled):not(.disabled):active,
.show > .btn-primary-menu.dropdown-toggle,
.btn-menu.popoverShown {
  color: #000;
  background-color: var(--col-highlight);
  border-color: var(--col-highlight);
}

.dropdown-menu .dropdownCloseBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-color: #fff;
  opacity: 1;
  border-radius: 0.25rem;
  z-index: 10;
}

.dropdown-menu .dropdownCloseBtn span {
  vertical-align: 0.3rem;
}

.dropdown-menu .dropdownCloseBtn:hover {
  opacity: 1 !important;
  background-color: var(--col-highlight);
}

.dropdown-item:focus, .dropdown-item:hover {
  color: #000;
  text-decoration: none;
  background-color: var(--col-highlight);
}

.view-mobile .dropdown-menu {
  overflow: auto;
  max-height: 75vh;
  max-width: 90vw;
} /* right: 0; */
.view-desktop .dropdown-menu {
  overflow: auto;
  max-height: 75vh;
}

.btn-checkbox {
  margin-top: 2px;
}

.btn-checkbox label {
  padding: 0.3rem 0.5rem;
}

.btn-checkbox span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 3px 0 3px 0;
  background-color: #fff;
}

.btn-checkbox .active span {
  background-color: transparent;
  background: url("/img/svg/strima-ico-agree.svg") no-repeat;
  width: 20px;
  height: 18px;
  margin: 0px -4px 0px -4px;
  background-size: 18px;
  background-position: 2px 2px;
}

.custom-control-label {
  cursor: pointer;
}

.custom-control-label::before {
  border-color: var(--col-primary);
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: var(--col-primary);
  background-color: var(--col-primary);
}

.mark, mark {
  background-color: var(--col-highlight);
}

.breadcrumb {
  padding: 0 0.25rem;
  background-color: var(--col-secondary);
  font-size: 0.9rem;
}
.breadcrumb .breadcrumb-item {
  padding-right: 0.5rem;
  padding-left: 0;
}
.breadcrumb .breadcrumb-item a {
  text-decoration: none;
}
.breadcrumb .homeIco {
  background: url(/img/svg/g/home-black.svg) no-repeat -1px 2px;
  display: inline-block;
  width: 14px;
  height: 16px;
  background-size: 16px;
}
.breadcrumb .homeIco:hover {
  background-image: url(/img/svg/g/home.svg);
}

.breadcrumb-searchInfo + .breadcrumb-searchInfo::before {
  content: "–";
}

.badge {
  font-size: 100%;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

.bg-light-grey {
  background-color: var(--col-bg-light-grey);
}

.modal-body {
  max-height: 75vh;
  overflow: auto;
}

.view-mobile .modal-body {
  max-height: 65vh;
}

.modal-footer {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.modal-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.view-mobile .modal-content {
  margin-top: 60px;
}

.modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.bg-light {
  background-color: var(--col-border-light-grey) !important;
}

.text-primary {
  color: var(--col-primary) !important;
}

/**** popover ****/
.popover {
  font-family: inherit;
  font-size: 1.1rem;
}
.popover.popoverCustom {
  min-width: 250px;
  border-color: var(--col-primary);
}
.popover.popoverCustom .arrow::after {
  border-bottom-color: var(--col-primary);
}
.popover.popoverCustom.bs-popover-top .arrow::before {
  border-top-color: var(--col-primary);
}
.popover.popoverCustom .popover-header {
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  background-color: var(--col-primary);
  border-top-color: var(--col-primary);
}
.popover.popoverCustom .popover-header::before {
  border-bottom-color: var(--col-primary);
}
.popover.popoverCustom.popoverNavi .popover-header {
  text-align: left;
}
.popover.popoverNavi {
  width: 100%;
  max-width: 1202px;
}
.popover.popoverNavi .popoverCloseBtn {
  margin-left: 0.5rem;
}
.popover .popoverCloseBtn {
  width: 31px;
  height: 31px;
  background-color: var(--col-secondary);
  opacity: 1;
  border-radius: 0.25rem;
  z-index: 10;
  margin-left: 0.25rem;
}
.popover .popoverCloseBtn span {
  vertical-align: 0.2rem;
}
.popover .popoverCloseBtn:hover {
  opacity: 1 !important;
  background-color: var(--col-secondary-highlight);
}

/**** input ****/
.justify-content-center .form-check-input {
  position: static;
  margin-right: 0.25rem;
}

.align-items-center .form-check-input {
  margin-top: 0;
}

.list-group-item.active {
  background-color: var(--col-primary);
  border-color: var(--col-primary);
}

.input-group-text {
  background-color: var(--col-secondary);
}

.custom-file-input {
  cursor: pointer;
}

.custom-file:hover .custom-file-label::after {
  background-color: var(--col-primary);
  color: #fff;
}

/**** alerts ****/
.alert {
  text-align: center;
}

.alert-primary {
  color: var(--col-primary);
  background-color: #ebeffc;
  border-color: var(--col-primary);
} /* 10% col-primary */
.alert-danger {
  color: var(--col-text);
}

.container {
  max-width: 1200px;
}

.alert-success a {
  color: #155724;
}
.alert-success a:hover {
  color: var(--col-primary);
}

.alert-primary a {
  color: var(--col-primary);
}
.alert-primary a:hover {
  color: #000;
}

/**** nav ****/
.nav-pills .nav-link {
  background-color: var(--col-secondary);
  border-color: #fff !important;
  text-decoration: none;
}
.nav-pills .nav-link.active {
  background-color: var(--col-primary);
  border-color: var(--col-primary) !important;
}

mark {
  padding: 0.05rem 0.2rem;
}

.alert-warning a {
  color: #856404;
}

.custom-switch-right {
  padding-left: 0;
  padding-right: 2.25rem;
}
.custom-switch-right .custom-control-label::before {
  left: unset;
  right: -2.25rem;
  top: calc(0.25rem + 1px);
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch-right .custom-control-label::after {
  top: calc(0.25rem + 3px);
  left: unset;
  right: calc(-2.25rem + 2px + 1rem - 4px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
.custom-switch-right .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

body {
  font-family: roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.1rem;
}
body.isIOS {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 100vh;
  -webkit-overflow-scrolling: touch;
}
body:not(.isIOS) {
  overflow-x: hidden;
  overflow-y: scroll;
}
body.view-desktop.mainPage {
  padding-top: calc(99px - 0.5rem);
}
body.view-mobile.mainPage {
  padding-top: calc(123px - 0.5rem);
}
body.view-mobile.scrollTop.mainPage {
  padding-top: calc(147px - 0.5rem);
}
body.scrollBlocked {
  overflow: hidden !important;
}

.wrapper {
  max-width: 1200px;
  min-width: 320px;
  margin: 0 auto;
}

.verticallyCentred {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.topCentred {
  position: absolute;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.touch {
  -webkit-overflow-scrolling: touch;
}

.overflowX {
  overflow-x: hidden;
}

.overflowY {
  overflow-y: hidden;
}

h3, h4, h5, h6, .h3, .h4, .h5, .h6 {
  font-size: 1.2rem;
}

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

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

.onlyPrint {
  display: none !important;
}

.small, small {
  font-size: 90%;
}

.small80 {
  font-size: 80%;
}

h1, h2, h3, h4, h5, h6, strong, b, .strong {
  font-family: robotoBold, Arial, sans-serif;
  font-weight: normal;
}

em, i, .em {
  font-family: robotoItalic, Arial, sans-serif;
  font-style: normal;
}

h1.em, h2.em, h3.em, h4.em, h5.em, h6.em, strong.em, b.em, em.strong, i.strong, .strongEm, .strong > em, strong > em {
  font-family: robotoBoldItalic, Arial, sans-serif;
}

img {
  max-width: 100%;
}

.delParent {
  position: relative;
}

.del {
  display: inline-block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("/img/svg/del-red-1px.svg") repeat-x 0 50%;
  -webkit-transform: rotate(-9deg);
          transform: rotate(-9deg);
}

del {
  display: inline-block;
}

.text-large {
  font-size: 120%;
  line-height: 1.1;
}

.text-xlarge {
  font-size: 140%;
  line-height: 1.1;
}

a {
  text-decoration: underline;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: var(--col-primary);
}

a.noHover:hover {
  color: #000;
}

.deco-none {
  text-decoration: none;
}

button, input[type=checkbox] {
  cursor: pointer;
}

.link {
  text-decoration: underline;
  cursor: pointer;
}

.linkNoDeco {
  cursor: pointer;
}

.link:hover, .linkNoDeco:hover {
  text-decoration: none;
  color: var(--col-primary);
}

.bullet {
  position: absolute;
  left: 0px;
}

.transparent {
  opacity: 0;
}

.visibility-collapse {
  visibility: collapse;
}

.clear {
  clear: both;
}

.red {
  color: red !important;
}

.green {
  color: #008c00 !important;
}

.blue {
  color: var(--col-primary);
}

ul.listBulletToLeft {
  padding-left: 1.3rem;
}

.clickAction {
  cursor: pointer;
}

.border-none > * {
  border: none !important;
}

/*** loading ***/
.loading {
  position: absolute;
  z-index: 1040;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.75);
}

.loading img {
  max-width: 75%;
  max-height: 100%;
}

.showLoadingInDiv .loading {
  position: absolute;
  z-index: 100;
}

.showLoadingInDiv .loading img {
  max-width: 200px;
}

.showLoadingInDiv .loading img.verticallyCentred {
  top: 10%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.modal-body .loading {
  position: absolute;
  top: 0;
  left: 0;
}

.modal-body .loading img {
  max-width: 250px;
}

.modal-body .loading.static {
  position: static;
  text-align: center;
}

.modal-body .loading.static .verticallyCentred {
  position: static;
  -webkit-transform: none;
          transform: none;
}

.btnLoadingSpinner {
  margin-top: -2px;
  display: block;
  opacity: 0.5;
  position: absolute;
  right: -20px;
}

/*** ************* ***/
#JSinfo {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
}

.shadowBelow {
  -webkit-box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25), 0px 10px 20px 0px rgba(0, 0, 0, 0.35);
          box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.25), 0px 10px 20px 0px rgba(0, 0, 0, 0.35);
}

table.everyother thead tr {
  background: rgba(0, 0, 0, 0.05);
}

table.everyother tr:nth-child(even), div.everyother div.everyotherDiv:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}

table.everyother tr:nth-child(odd), div.everyother div.everyotherDiv:nth-child(odd) {
  background: #FFF;
}

table.everyother2 tbody tr:nth-child(4n+2) {
  background: rgba(0, 0, 0, 0.05);
}

table.everyother2 tbody tr:nth-child(4n+1) {
  background: rgba(0, 0, 0, 0.05);
}

table.everyother2x tr:nth-child(4n) {
  background: #FFF;
}

.view-desktop .btn-std {
  min-width: 38px;
  border: #fff solid 1px;
}

.view-desktop .btn-std img {
  height: 28px;
}

.view-mobile .btn-std {
  min-width: 40px;
  border: #fff solid 1px;
}

.view-mobile .btn-std img {
  height: 30px;
}

.dawnArrowBefore::before {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dawnArrowAfter::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

/*** call to action ***/
/*** btn scroll to top ***/
.hashLinkBtn {
  position: relative;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.hashLinkBtn strong {
  display: block;
  position: absolute;
  top: 2px;
}

.hashLinkBtn:hover strong {
  top: 0px;
}

.hashLinkBtn strong:first-child {
  left: 0.5rem;
}

.hashLinkBtn strong:last-child {
  right: 0.5rem;
}

/*** markery ***/
a.markerAdd:not([href]):not([tabindex]), a.markerRemove:not([href]):not([tabindex]) {
  text-decoration: underline;
  display: block;
}

.markerAdd:hover:not([href]):not([tabindex]), .markerRemove:hover:not([href]):not([tabindex]) {
  text-decoration: none;
  color: var(--col-primary);
}

.markerAdd::before, .markerRemove::before {
  display: block;
  border-radius: 50%;
  background-color: #fff;
  color: var(--col-primary);
  float: left;
  margin-right: 0.25rem;
  text-align: center;
  width: 1.1rem;
  line-height: 1rem;
  font-size: 1rem;
  margin-top: 0.1rem;
  border: 1px solid var(--col-primary);
}

.markerAdd:hover::before, .markerRemove:hover::before {
  background-color: var(--col-primary);
  color: #fff;
}

.markerAdd::before {
  content: "+";
}

.markerRemove::before {
  content: "-";
}

/*** rotacje ***/
.rotate20 {
  transform: rotate(-20deg);
  /* Safari */
  -webkit-transform: rotate(-20deg);
  /* Firefox */
  -moz-transform: rotate(-20deg);
  /* IE */
  -ms-transform: rotate(-20deg);
  /* Opera */
  -o-transform: rotate(-20deg);
}

/*** OPEN ICONIC ***/
.open-iconic-icon {
  display: inline-block;
  width: 20px;
  height: auto;
}

.btn-primary .open-iconic-icon .the-icon, .btn-info .open-iconic-icon .the-icon {
  fill: #fff;
}

/*** button sprawdź raty ***/
.checkInstalmentsPL, .cartLeasingBtnPL {
  display: inline-block;
  padding: 0 5px 0 0;
  background-color: #fff;
  border-color: #fff;
  border-radius: 0;
}
.checkInstalmentsPL:hover, .cartLeasingBtnPL:hover {
  padding: 0 0 0 5px;
  border-left-color: var(--col-secondary);
}

.alert-shipment {
  font-size: 1rem;
  color: var(--col-primary);
  background-color: var(--col-secondary);
  border-color: var(--col-secondary);
}

/***********************************************************
* rabat niedostępności
***********************************************************/
#prepaidDiscount {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#304889), to(#4f6cc5));
  background-image: linear-gradient(to bottom, #304889, #4f6cc5);
}
#prepaidDiscount .custom-control-label::before {
  border-color: #fff;
}
#prepaidDiscount .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #fff;
  background-color: var(--success);
}
#prepaidDiscount .card-footer {
  padding-left: 4rem;
  position: relative;
}
#prepaidDiscount .card-footer img {
  position: absolute;
  left: 0.8rem;
  max-height: 90px;
  height: 175%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

#suggestDefaultLanguage .languageLink {
  white-space: nowrap;
  display: inline-block;
  padding-left: 0.25rem;
  padding-top: 0;
  clear: both;
}

/**** desktop: naviSimple (na skroty) ****/
a.naviSimpleLink span {
  color: #000;
}

a.naviSimpleLink:hover span {
  color: var(--col-primary);
}

a#naviSimpleCAD {
  color: var(--col-CAD);
}

a#naviSimpleCut {
  color: var(--col-Cut);
}

a#naviSimpleCFusing {
  color: var(--col-Fusing);
}

a#naviSimpleMachines {
  color: var(--col-Machines);
}

a#naviSimpleHousehold {
  color: var(--col-Household);
}

a#naviSimpleIron {
  color: var(--col-Iron);
}

a#naviSimpleScissors {
  color: var(--col-Scissors);
}

a#naviSimpleNeedles {
  color: var(--col-Needles);
}

a#naviSimpleChairs {
  color: var(--col-Chairs);
}

.view-md #naviSimple a {
  font-size: 0.8rem;
}

/**** navigacja ****/
.spacer {
  margin-bottom: 1.5rem; /*background-color: red !important;*/
}

#myAccountBtn {
  padding: 0.45rem 0.5rem;
}
#myAccountBtn span {
  padding-right: 2px;
  margin-top: 5px;
  display: inline-block;
  text-transform: initial;
  font-size: 0.8rem;
}

/**** navigacja desktop ****/
#naviMenu {
  padding: 0 0.75rem 0 0.75rem;
}

.view-desktop .submenuElement {
  padding-left: 10px;
  position: relative;
}

.view-desktop #navbarDesktop a.btn-menu {
  border-right: 1px solid #fff;
  background-color: var(--col-primary);
  color: #fff;
  border-radius: 0;
} /* border-bottom-left-radius: 0; border-bottom-right-radius: 0;*/
.view-desktop #navbarDesktop a.btn-menu:last-of-type {
  border-right: 0px;
  border-top-right-radius: 0.25rem;
}

.view-desktop #navbarDesktop a.btn-menu:first-of-type {
  border-top-left-radius: 0.25rem;
}

.view-desktop #navbarDesktop a.btn-menu strong {
  color: #fff;
}

.view-desktop #navbarDesktop a.btn-menu:hover {
  color: #000;
  background-color: var(--col-highlight);
}

.view-desktop #navbarDesktop a.btn-menu:hover strong {
  color: #000;
}

.view-desktop #naviMenu {
  padding: 0.5rem 0;
}

.cartBtn {
  position: relative;
}

.cartCounter {
  position: absolute;
  right: 0px;
  top: -3px;
  display: block;
  border-radius: 3px;
  background-color: var(--col-primary);
  padding: 2px 4px;
  color: #fff;
  font-size: 11px;
  line-height: 11px;
}

#cartSimpleProductsList {
  max-height: 40vh;
  overflow: auto;
}

/**** navigacja mobile: btns ****/
.view-xs .stucked #naviMenu {
  padding: 0 0.5rem 0 0.5rem;
} /* dla urzadzen o szer 320 gdy jest 6 btn na gorze */
nav.navbar {
  padding: 0.5rem 0 0 0;
}

.navbar-toggler {
  min-width: 50px;
}

.navbar-toggler:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}

.navbar-toggler.noHoverMobileFix:hover {
  background-color: #fff;
}

.navbar-toggler.noHoverMobileFix.active {
  background-color: var(--col-highlight);
}

/**** navigacja mobile: menu ****/
.view-mobile .stucked #mobileLogo {
  display: none !important;
}

#navMobile {
  width: 100%;
  overflow: hidden;
}

#navMobile .nav-link {
  color: #000;
}

#navMobile .nav-link:hover {
  color: #000;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--col-primary);
}

.dropdown-item.active:hover, .dropdown-item:active {
  background-color: var(--col-primary-highlight);
  color: #fff;
}

#navMobile .nav-item.show {
  background-color: var(--col-highlight);
}

#navMobile .nav-item.show .dropdown-menu {
  background-color: transparent;
}

#navMobile .nav-item.show .nav-link {
  color: #000;
}

#navMobile .nav-item .dropdown-toggle::after {
  float: right;
  display: block;
  margin-top: 13px;
}

#navMobile .nav-item.show .dropdown-toggle::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

#navbarDesktop a.btn-menu {
  padding: 0.25rem 0.25rem;
}

#navbarDesktop a.btn-menu strong {
  color: #000;
} /* font-weight: bold; color: #58595b;*/
#navi.stucked #navbarDesktop a.btn-menu {
  padding: 0.25rem 0.25rem;
}

.view-desktop a.btn-menu.menuItemHobby {
  background-color: var(--col-hobby);
}

.view-desktop a.btn-menu.menuItemHobby strong {
  font-family: roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: bold;
}

.view-desktop a.btn-menu.menuItemHobby:hover, .view-desktop a.btn-menu.menuItemHobby.popoverShown {
  background-color: var(--col-primary);
  color: #fff;
}

.popoverNavi .popover-header img {
  height: 30px;
}

.nav-divider::before {
  display: block;
  content: "";
  height: 0;
  width: 100%;
  border-top: var(--col-highlight) 1px solid;
}

.nav-sub-divider::before {
  display: block;
  content: "";
  height: 0;
  width: 100%;
  border-top: #fff 1px solid;
}

.arrowToggler::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.arrowTogglerUp::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

/**** navigacja 2023 desktop ****/
#navbarDesktop2023 #mainMenu {
  width: 100%;
}
#navbarDesktop2023 #mainMenu .mainMenuBtn {
  cursor: pointer;
  display: block;
  margin-right: 2rem;
  color: #000;
  font-size: 1.2rem;
  line-height: 25px;
}
#navbarDesktop2023 #mainMenu .mainMenuBtn .ico {
  display: block;
  margin-right: 7px;
  height: 28px;
  width: 28px;
  float: left;
  line-height: 21px;
}
#navbarDesktop2023 #mainMenu .mainMenuBtn:hover {
  color: var(--col-primary);
}
#navbarDesktop2023 .mainMenuLink {
  margin-left: 0.5rem;
  padding: 0.25rem;
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 0.25rem;
  font-size: 1rem;
  color: #000;
  text-decoration: none;
}
#navbarDesktop2023 .mainMenuLink:hover {
  color: var(--col-primary);
}
#navbarDesktop2023 .mainMenuLink:last-child {
  margin-right: -0.25rem;
}

/**** navigacja 2023 mobile: menu ****/
#searchMobile2023 {
  width: 100%;
  margin-top: 5px;
}
#searchMobile2023 #naviSearchBar {
  padding: 0 !important;
}

#mobileNavLinks {
  margin: 5px -1rem 0 -1rem;
  padding-left: 0.5rem;
  width: calc(100% + 2rem);
  white-space: nowrap;
  overflow-x: scroll;
  scrollbar-color: rgba(255, 255, 255, 0.3) #000;
  scrollbar-width: thin;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#mobileNavLinks::-webkit-scrollbar {
  height: 8px;
}
#mobileNavLinks::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}
#mobileNavLinks::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}
#mobileNavLinks::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.45);
}
#mobileNavLinks:hover {
  scrollbar-color: rgba(255, 255, 255, 0.45) #000;
}
#mobileNavLinks .mainMenuLink {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  font-size: 0.9rem;
  text-decoration: none;
}
#mobileNavLinks .mainMenuLink:last-child {
  margin-right: 1rem;
}

#navbarMobile2023 .btn-menu,
#navi .btn-menu {
  padding: 0.25rem 0.25rem;
  min-width: 50px;
  border: 0;
}
#navbarMobile2023 .btn-menu:hover,
#navi .btn-menu:hover {
  border-color: #000;
}
#navbarMobile2023 .btn-menu img,
#navi .btn-menu img {
  height: 30px;
}
#navbarMobile2023 .btn-menu#loginMobile span,
#navi .btn-menu#loginMobile span {
  padding-right: 2px;
  margin-top: 5px;
  display: inline-block;
  text-transform: initial;
  font-size: 0.8rem;
}
#navbarMobile2023 .btn-menu#mobileMainPage,
#navi .btn-menu#mobileMainPage {
  padding: 0.25rem 0;
}
#navbarMobile2023 .btn-menu#mobileMainPage img,
#navi .btn-menu#mobileMainPage img {
  margin: 7px 0;
  height: 16px;
}
#navbarMobile2023 #mainNavi,
#navi #mainNavi {
  padding-top: 0.5rem;
}
@media (max-width: 399px) {
  #navbarMobile2023 .btn-menu img,
  #navi .btn-menu img {
    height: 26px;
  }
  #navbarMobile2023 .btn-menu#mobileMainPage img,
  #navi .btn-menu#mobileMainPage img {
    height: 12px;
  }
  #navbarMobile2023 .btn-menu#loginMobile span,
  #navi .btn-menu#loginMobile span {
    margin-top: 0;
    font-size: 0.8rem;
  }
  #navbarMobile2023 .btn-menu#loginMobile span::after,
  #navi .btn-menu#loginMobile span::after {
    vertical-align: 0px;
  }
}

#navMobile.navMobile2023 {
  width: 86vw;
  max-width: 320px;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
.view-desktop #navMobile.navMobile2023 {
  max-width: 420px;
}
#navMobile.navMobile2023 #navSlider {
  height: calc(100vh - 55px);
  position: relative;
}
#navMobile.navMobile2023 #navSlider .close, #navMobile.navMobile2023 #navSlider #navBtnBack {
  position: absolute;
  top: 5px;
  z-index: 4;
  background-color: #fff;
  opacity: 1;
  vertical-align: top;
  line-height: 35px;
  color: var(--col-text);
  font-weight: lighter;
}
#navMobile.navMobile2023 #navSlider .close img, #navMobile.navMobile2023 #navSlider #navBtnBack img {
  display: block;
}
#navMobile.navMobile2023 #navSlider .close:focus, #navMobile.navMobile2023 #navSlider #navBtnBack:focus {
  border: 0;
  outline: 0;
}
#navMobile.navMobile2023 #navSlider .close {
  padding: 3px 11px 8px 11px;
  right: 15px;
}
#navMobile.navMobile2023 #navSlider #navBtnBack {
  width: 35px;
  height: 35px;
  padding: 0;
  left: 7px;
  right: unset;
  overflow: hidden;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  -webkit-transition-delay: 200ms;
          transition-delay: 200ms;
}
#navMobile.navMobile2023 #navSlider #navBtnBack.hidden {
  opacity: 0;
  left: 20px;
}
#navMobile.navMobile2023.show .mainMenuGroup {
  left: 110%;
}
#navMobile.navMobile2023.show .mainMenuGroupL1 {
  left: 0 !important;
}
#navMobile.navMobile2023.collapsing + #navMobileMask, #navMobile.navMobile2023.show.collapse + #navMobileMask {
  display: block;
}
#navMobile.navMobile2023 .mainMenuGroup {
  list-style: none;
  padding: 0 0 10px 0;
  width: 100%;
  height: 100vh;
  background: #fff;
  overflow: hidden;
  position: absolute;
  left: 220%;
  top: 0;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
#navMobile.navMobile2023 .mainMenuGroup.mainMenuGroupL1 {
  left: -110%;
}
#navMobile.navMobile2023 .mainMenuGroup.mainMenuGroupL1 > .mainMenuSubCat.header {
  padding-left: 15px;
  padding-top: 0;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader {
  background-color: #fff;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #menuHeaderBtns {
  padding: 1rem 0.75rem;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #accountMobileMenu, #navMobile.navMobile2023 .mainMenuGroup #menuHeader #loginMobileMenu, #navMobile.navMobile2023 .mainMenuGroup #menuHeader #mainPageMenu {
  text-transform: unset;
  white-space: nowrap;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #accountMobileMenu span, #navMobile.navMobile2023 .mainMenuGroup #menuHeader #loginMobileMenu span, #navMobile.navMobile2023 .mainMenuGroup #menuHeader #mainPageMenu span {
  font-size: 0.8rem;
  color: #000;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #accountMobileMenu, #navMobile.navMobile2023 .mainMenuGroup #menuHeader #loginMobileMenu {
  float: right;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #accountMobileMenu span, #navMobile.navMobile2023 .mainMenuGroup #menuHeader #loginMobileMenu span {
  margin-right: 1px;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #mainPageMenu {
  float: left;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #mainPageMenu span {
  margin-left: -2px;
}
#navMobile.navMobile2023 .mainMenuGroup #menuHeader #mainPageMenu img {
  margin-top: -1px;
  margin-left: -5px;
}
#navMobile.navMobile2023 .mainMenuGroup.subMenuOpened {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
}
#navMobile.navMobile2023 .mainMenuGroup.subMenuOpened li:last-child {
  margin-bottom: 60px;
}
.isIOS #navMobile.navMobile2023 .mainMenuGroup.subMenuOpened li:last-child {
  margin-bottom: 120px;
}
.isIOS #navMobile.navMobile2023 .mainMenuGroup.subMenuOpened {
  -webkit-overflow-scrolling: touch;
}
#navMobile.navMobile2023 .mainMenuGroup.subMenuOpened li.initNavBtnBack {
  padding-top: 10px;
  padding-left: 43px;
}
#navMobile.navMobile2023 .mainMenuSubCat {
  background-color: #fff;
  margin-bottom: 5px;
  padding: 0 15px;
}
#navMobile.navMobile2023 .mainMenuSubCat.header {
  margin-bottom: 10px;
  padding: 10px 15px;
  border-bottom: 2px solid #000;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#navMobile.navMobile2023 .mainMenuSubCat.header a {
  text-decoration: none;
  color: var(--col-text);
}
#navMobile.navMobile2023 .mainMenuSubCat.header:first-letter {
  text-transform: uppercase;
}
#navMobile.navMobile2023 .mainMenuSubCat.lineUp {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 2px solid #000;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#navMobile.navMobile2023 .mainMenuSubCat.lineUp a {
  text-decoration: none;
  color: var(--col-text);
}
#navMobile.navMobile2023 .mainMenuSubCat.lineUp a:hover {
  color: var(--col-primary);
}
#navMobile.navMobile2023 .mainMenuSubCat.lineUp:first-letter {
  text-transform: uppercase;
}
#navMobile.navMobile2023 .mainMenuSubCat.more > .mainMenuLabel {
  padding-right: 30px;
}
#navMobile.navMobile2023 .mainMenuSubCat.more::before {
  content: "›";
  display: block;
  position: absolute;
  right: 23px;
  padding: 4px 0;
  font-size: 24px;
  line-height: 1.1;
  font-weight: lighter;
  color: var(--col-text);
}
#navMobile.navMobile2023 .mainMenuSubCat.active {
  background-color: var(--col-secondary-highlight);
}
#navMobile.navMobile2023 .mainMenuSubCat.active > .mainMenuGroup {
  z-index: 3;
  left: 0;
}
#navMobile.navMobile2023 .mainMenuSubCat a:not([href]):not([tabindex]):focus, #navMobile.navMobile2023 .mainMenuSubCat a:not([href]):not([tabindex]):hover {
  color: var(--col-primary);
}
#navMobile.navMobile2023 .mainMenuSubCat.label a {
  text-decoration: none;
}
#navMobile.navMobile2023 .mainMenuLabel {
  display: block;
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#navMobile.navMobile2023 .mainMenuLabel.showIco {
  position: relative;
  padding-left: 33px;
}
#navMobile.navMobile2023 .mainMenuLabel.showIco .catImg {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 28px;
}
#navMobile.navMobile2023 .mainMenuLabel.showIco .catImg img {
  display: block;
  max-width: 100%;
  max-height: 28px;
  margin: 0 auto;
}
#navMobile.navMobile2023 #naviSearchBar {
  padding: 0 !important;
}

#navMobileMask {
  display: none;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
#navMobileMask #navBtnToggle {
  font-size: 3rem;
  text-shadow: none;
  font-weight: lighter;
  color: #fff;
  opacity: 1;
  float: unset;
  margin-left: calc(93vw - 13px);
  margin-top: 5px;
}
.view-desktop #navMobileMask #navBtnToggle {
  margin-left: 435px;
}
#navMobileMask #navBtnToggle:focus {
  outline: none;
  border: none;
}

@media (min-width: 375px) {
  #navMobileMask #navBtnToggle {
    margin-left: 335px;
  }
}
/***********************************************************
* SEARCH
***********************************************************/
#search::-webkit-search-decoration, #search::-webkit-search-cancel-button, #search::-webkit-search-results-button, #search::-webkit-search-results-decoration {
  display: none;
}

#searchForm {
  width: 100%;
}

#navi {
  background-color: #fff;
  margin: 0 auto;
  max-width: none;
  -webkit-box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
  padding: 0 0.5rem;
  position: fixed;
  top: 0;
  z-index: 1045;
}
#navi .form-control {
  border-color: var(--col-primary);
}
#navi #btnAdvSearch {
  background-color: #fff;
  border-color: var(--col-primary);
}
#navi #btnAdvSearch:hover, #navi #btnAdvSearch.dropdown-toggle {
  color: #000;
}
#navi .toggleBtnNavi {
  margin-left: -1px;
}
.view-mobile #navi {
  padding: 0;
}

#navi.stucked {
  z-index: 1045;
}

#search.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.view-xs button#btnAdvSearch {
  max-width: 300px;
}

.view-sm #btnAdvSearch {
  height: 38px;
  max-width: 300px;
}

.view-md #btnAdvSearch {
  height: 31px;
}

.view-lg #btnAdvSearch {
  height: 31px;
}

.view-xl #btnAdvSearch {
  height: 31px;
}

#btnAdvSearchLabel {
  width: 110px;
  text-align: left;
}

.advSearchOption.selected {
  background-color: var(--col-primary-highlight);
  color: #fff;
}

.advSearchMainCatLabel {
  margin: 0;
  padding-left: 0.5rem;
}

.view-sm #btnAdvSearch.dropdown-toggle::after, .view-lg #btnAdvSearch.dropdown-toggle::after, .view-xl #btnAdvSearch.dropdown-toggle::after {
  vertical-align: 0.2em;
}

.view-xs #btnAdvSearch.dropdown-toggle::after, .view-md #btnAdvSearch.dropdown-toggle::after {
  margin-left: 0;
  vertical-align: 0.2em;
}

.autocomplete-suggestions {
  background-color: #fff;
  border-color: var(--col-primary) !important;
  position: absolute;
  display: none;
  padding-top: 2px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.autocompleteResults {
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  border-top: 1px solid var(--col-secondary);
  font-size: 0.9rem;
}

#autocompleteNoResults {
  text-align: center;
  margin-bottom: 0;
  padding: 20px 0;
  border-top: 1px solid var(--col-secondary);
}

.autocomplete-suggestion {
  padding: 2px 0.5rem;
  cursor: pointer;
}

.autocomplete-suggestion img {
  float: left;
  margin-right: 3px;
  display: block;
}

.autocomplete-suggestion.withImg {
  margin-bottom: 2px;
}

.autocomplete-suggestion.withImg span {
  display: inline-block;
  padding-right: 3px;
}

.autocomplete-suggestion:last-child {
  margin-bottom: 8px;
}

.autocomplete-selected {
  background-color: var(--col-secondary);
}

.autocompleteGroup {
  color: var(--col-primary);
  margin-top: 0.5rem;
  padding: 2px 0.5rem;
}

.autocompleteBtn {
  position: absolute;
  height: calc(100% - 8px);
  top: 4px;
}

#autocompleteLoading {
  z-index: 10;
  margin-left: 3px;
}

.view-mobile #autocompleteLoading {
  margin-left: 0px;
}

#autocompleteCloseBtn {
  z-index: 11;
  width: 30px;
  opacity: 1;
}

#autocompleteCloseBtn span {
  display: block;
  margin-top: -4px;
}

#autocompleteReopenBtn {
  z-index: 12;
  width: 30px;
  opacity: 1;
}

#autocompleteReopenBtn span {
  display: block;
  margin: 0 auto 0 auto;
  width: 0;
  height: 0;
  border-top: 0.3em solid #000;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  font-size: 0.875rem;
  line-height: 1.5;
}

.autocompleteOverflowMarker {
  width: 100%;
  height: 15px;
  margin: 0;
  position: absolute;
  bottom: -4px;
  z-index: 2;
  background: var(--col-secondary-highlight) url("/img/svg/strima-ico-overflow-marker-full-white.svg") no-repeat center 1px;
  background-size: 43px;
}

.overflowMarker {
  width: 100%;
  height: 11px;
  margin: 0;
  background: var(--col-secondary-highlight) url("/img/svg/strima-ico-overflow-marker-full-white.svg") no-repeat center 1px;
  background-size: 43px;
}

/***********************************************************
* jezyki i waluty
***********************************************************/
#changeLanguageContainer {
  background-color: #333;
  display: none;
}
#changeLanguageContainer #changeLanguageCurrency {
  position: static;
  padding: 0.25rem 0.5rem;
  float: right;
}
.view-desktop #changeLanguageContainer {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.scrollTop #changeLanguageContainer {
  display: block;
}
#navMobile #changeLanguageContainer {
  background-color: #000;
  position: relative;
  border-bottom: 1px solid #111;
}
#navMobile #changeLanguageContainer .wrapper {
  min-width: auto;
}
#navMobile #changeLanguageContainer .wrapper #changeLanguageCurrency {
  padding: 0.25rem 0.75rem;
}
#navMobile #changeLanguageContainer .wrapper #changeLanguageCurrency .changeCurrencyPanel {
  margin-top: -0.25rem;
  right: 0.25rem;
}
#changeLanguageContainer .languageLink:hover {
  -webkit-box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 2px 1px rgba(255, 255, 255, 0.5);
}
#changeLanguageContainer .currentCurrency, #changeLanguageContainer .currentLanguageBtn {
  border: 0;
  padding: 0 0.25rem;
  display: block;
  height: 16px;
  color: #fff;
  line-height: 1;
}
#changeLanguageContainer .currentCurrency:hover, #changeLanguageContainer .currentLanguageBtn:hover {
  color: #000;
  background-color: var(--col-highlight);
}

.currentCurrency,
.currentLanguageBtn {
  font-family: robotoBold, Arial, sans-serif;
  color: var(--col-primary);
  text-transform: uppercase;
  padding: 0.4rem 0.5rem;
  border: 0;
}
.currentCurrency:hover,
.currentLanguageBtn:hover {
  color: var(--col-primary);
  background-color: var(--col-highlight);
}

.changeCurrencyPanel.dropdown-menu,
.changeLanguagePanel.dropdown-menu {
  min-width: 5px;
}

.flag {
  height: 14px;
  display: block;
}

.languageLink,
.currencyLink {
  float: left;
  clear: both;
  display: block;
  padding: 0 1rem;
  width: 63px;
  text-align: center;
  text-transform: uppercase;
}
.languageLink:hover,
.currencyLink:hover {
  color: #000;
  background-color: var(--col-highlight);
}

/***********************************************************
* Twoje konto menu
***********************************************************/
.panelOptionsList a.userPanelOption {
  display: block;
  padding: 0.25rem 0.75rem;
  text-decoration: none;
  border-radius: 0.25rem;
}

.panelOptionsList a.userPanelOption:hover {
  background-color: var(--col-highlight);
}

.panelOptionsList a.userPanelOption.active {
  background-color: var(--col-primary);
  color: #fff;
}

.panelOptionsList a#userPanelOption-offers {
  background-color: red;
  color: #fff;
}

.panelOptionsList a#userPanelOption-offers:hover {
  background-color: var(--col-highlight);
  color: var(--col-primary);
}

.panelOptionsList a#userPanelOption-vouchers {
  background-color: yellow;
}

.panelOptionsList a#userPanelOption-vouchers:hover {
  background-color: var(--col-highlight);
  color: var(--col-primary);
}

/***********************************************************
* INDEX
***********************************************************/
#addTodaysDeals, #addBestsellers, #addNewProducts {
  min-height: 290px;
}
#addTodaysDeals .loading, #addBestsellers .loading, #addNewProducts .loading {
  position: absolute;
  width: 120%;
  left: -10%;
}
.view-xl #addTodaysDeals.emptyJSONContainer, .view-xl #addBestsellers.emptyJSONContainer, .view-xl #addNewProducts.emptyJSONContainer {
  min-height: 577px;
}
.view-lg #addTodaysDeals.emptyJSONContainer, .view-lg #addBestsellers.emptyJSONContainer, .view-lg #addNewProducts.emptyJSONContainer {
  min-height: 567px;
}
.view-md #addTodaysDeals.emptyJSONContainer, .view-md #addBestsellers.emptyJSONContainer, .view-md #addNewProducts.emptyJSONContainer {
  min-height: 575px;
}
.view-sm #addTodaysDeals.emptyJSONContainer, .view-sm #addBestsellers.emptyJSONContainer, .view-sm #addNewProducts.emptyJSONContainer {
  min-height: 536px;
}
.view-xs #addTodaysDeals.emptyJSONContainer, .view-xs #addBestsellers.emptyJSONContainer, .view-xs #addNewProducts.emptyJSONContainer {
  min-height: 529px;
}

/***********************************************************
* PVI
***********************************************************/
.pvi_module {
  position: relative;
}
.pvi_module::after {
  clear: both;
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.view-mobile .pvi_module {
  overflow: auto;
}
.view-mobile .pvi_module .btnAddToCartLabel {
  display: none;
}
.pvi_module .productPrice {
  padding: 0 0.5rem;
  text-align: center;
  line-height: 1.2;
}
.pvi_module .addToCartForm {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pvi_module .savingsValue {
  color: var(--col-primary);
  white-space: nowrap;
}
.pvi_module .atc_quantity {
  width: 70px;
  margin-right: 10px;
  border-color: var(--col-primary);
  max-width: 50px;
  padding: 0.375rem 0.25rem;
}
.pvi_module .badgePanel .productBadge {
  font-size: 1.1rem;
}
.view-xs .pvi_module .badgePanel .productBadge {
  font-size: 1rem;
}
.pvi_module .productImgCont {
  margin-bottom: 0.75rem;
  overflow: hidden;
}
.pvi_module .productCode .productLabel {
  font-size: 0.8rem;
  line-height: 1.5;
}
.pvi_module .form-inline .input-group {
  width: auto;
}
.pvi_module .sellPrice {
  margin-bottom: 1.5rem;
}
.pvi_module .priceInfo {
  font-size: 1rem;
  margin-bottom: 0;
}
.pvi_module .onlyTodaySavings {
  font-size: 1rem;
  margin-top: 0;
}
.pvi_module .historyPrice {
  font-size: 1rem;
}
.mainPage .pvi_module .priceInfo, .mainPage .pvi_module .historyPrice {
  font-size: 0.8rem;
}
.view-mobile .pvi_module .price {
  font-size: 1.2rem;
}

.pvi_row::after {
  clear: both;
  display: block;
  width: 0;
  height: 0;
  content: "";
}

.view-mobile .pvi_module_element {
  display: block;
  float: left;
}
.pvi_module_element .productCode {
  text-align: center;
}
.pvi_module_element .productName {
  text-align: center;
}
.pvi_module_element .productAddToCart {
  text-align: center;
  padding: 0.5rem 0;
}

.pviCont {
  background-color: #fff;
  cursor: pointer;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pviCont:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.pviCont:hover h3.productName a {
  color: var(--col-primary-highlight);
}
.pviCont .productShipment {
  text-align: center;
}
.pviCont .badgeJokerPanel {
  top: unset;
  bottom: -0.5rem;
}

.pviScrollBtn {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: calc(50% - 25px);
}

.pviScrollNextBtn {
  right: -2px;
}
.view-mobile .pviScrollNextBtn {
  right: -0.5rem;
}

.pviScrollPrevBtn {
  left: -2px;
}
.view-mobile .pviScrollPrevBtn {
  left: calc(-0.5rem - 0px);
}

.pviScrollNextBtnIco {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.pviScrollPrevBtnIco {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.pviScrollNextBtnIco, .pviScrollPrevBtnIco {
  display: block;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  width: 50px;
  height: 50px;
  background-size: 60% 60%;
  background-position: center center;
  background-repeat: no-repeat;
}
.pviScrollBtn:hover .pviScrollNextBtnIco, .pviScrollBtn:hover .pviScrollPrevBtnIco {
  background-color: rgba(0, 0, 0, 0.5);
}
.pviScrollBtn:active .pviScrollNextBtnIco, .pviScrollBtn:active .pviScrollPrevBtnIco {
  background-color: rgba(0, 0, 0, 0.1);
}

/***********************************************************
* PVI Tylko Dzisiaj
***********************************************************/
.pviCont.todaysDeal .productCode {
  background-color: var(--col-primary);
}
.pviCont.todaysDeal .productCode a {
  color: #fff;
}

/***********************************************************
* PVI OUTLET
***********************************************************/
.pviCont.pvi_module_outlet .btn-primary {
  background-color: red;
  border-color: red;
}
.pviCont.pvi_module_outlet .btn-primary:hover {
  background-color: var(--col-primary-highlight);
  border-color: var(--col-primary-highlight);
}
.pviCont.pvi_module_outlet .productIcons:not(.outletBadge) {
  right: 0.1rem;
  top: 0rem;
}
.pviCont.pvi_module_outlet .productIcons:not(.outletBadge) img {
  width: 75px;
}
.pviCont.pvi_module_outlet .outletSoldoutPanel {
  padding: 0.9rem 0;
}
.pviCont.pvi_module_outlet .outletSoldout {
  font-size: 1.1rem;
  padding: 0.4rem;
}
.pviCont.pvi_module_outlet .promoPrice {
  color: red;
}

.vis {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
.vis .visBox {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
}

#product h1 {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
#product .leftProductPanel .product-menu {
  padding: 1.5rem 0 1rem 0;
  background-color: #fff;
  top: 90px;
  z-index: 1020;
}
.view-mobile #product .leftProductPanel .product-menu {
  padding: 1rem 0 1rem 0;
  top: unset;
  bottom: 0;
  text-align: center;
}
#product .rightProductPanel .btnAddToCart {
  width: calc(100% - 80px);
}
#product .rightProductPanel .productRow {
  z-index: 1;
  top: 140px;
  background-color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
#product .rightProductPanel .productBannerInfo .productBannerInfoIco {
  text-align: center;
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#product .rightProductPanel .productBannerInfo .productBannerInfoIco img {
  max-height: 25px;
  max-width: 42px;
  margin: 0 auto;
}
#product .rightProductPanel .productBannerInfo .loadingCont {
  position: relative;
}
#product .rightProductPanel .productBannerInfo .loadingCont .btnLoadingSpinner {
  right: -2rem;
}
#product .rightProductPanel .productBannerInfo .row:not(.noHover) {
  cursor: pointer;
}
#product .rightProductPanel .productBannerInfo > .row:first-child {
  border-top: 1px solid var(--col-border-light-grey);
}
#product .rightProductPanel .productBannerInfo .row {
  padding: 0.5rem 0;
  border-bottom: 1px solid var(--col-border-light-grey);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#product .rightProductPanel .productBannerInfo .row:hover:not(.noHover) {
  background-color: #f4f7ff;
}
#product .rightProductPanel .productBannerInfo .btnShowCompareList {
  padding: 0.15rem 0.5rem;
}
#product .rightProductPanel .productBannerInfo a {
  text-decoration: none;
}
#product .rightProductPanel .productBannerInfo a:hover {
  color: var(--col-text);
}
#product .rightProductPanel .form-inline .input-group {
  width: auto;
}
#product #imgBox {
  width: 100%;
  max-width: 750px;
}
.view-mobile #product #imgBox {
  margin-bottom: 2rem;
}
#product #imgBox .carousel-item img {
  height: auto;
  margin: 0 auto;
}
#product .productPanelInfo {
  margin-bottom: 2rem;
}
.view-mobile #product .productPanelInfo {
  margin-bottom: 3rem;
}
#product .productPanelInfo .sellPrice {
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
#product .productPanelInfo .priceInfo {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 1rem;
  margin-bottom: 0;
}
#product .productPanelInfo .price {
  font-size: 1.6rem;
}
#product .productPanelInfo .delParent {
  font-size: inherit;
}
#product .productPanelInfo .onlyTodaySavings {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 0.1rem;
}
#product .productPanelInfo .historyPrice {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 1rem;
  position: relative;
}
#product .productPanelInfo .savingsValue {
  color: var(--col-primary);
}
#product .productPanelInfo .savingsValue.TDPromo {
  color: var(--col-primary);
}
#product .productPanelInfo.outletInfo .promoPrice {
  color: red;
}
#product .productPPS {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
}
#product .productPPS .labelPPS {
  padding-right: 0.25rem;
}
#product .productBrand {
  margin-top: 1rem;
  margin-left: 1rem;
  float: right;
}
#product .productBrand img {
  max-width: 100px;
  max-height: 62px;
}
#product .productAvailability {
  margin-bottom: 0.75rem;
}
#product .productShipmentCont {
  margin-top: 1rem;
}
#product .productInfo {
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-top: 3rem;
}
.view-mobile #product .productInfo {
  margin-top: 2rem;
}
#product .headline {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid var(--col-secondary-highlight);
  font-size: 1.4rem;
}
#product .productsPanel {
  margin-bottom: 1rem;
  width: auto;
  min-width: 280px;
  float: right;
  margin-left: 2rem;
}
.view-mobile #product .productsPanel {
  margin-bottom: 1rem;
  float: none;
  margin-left: 0;
}
#product .productAddToClipboard, #product .productAddToCompare {
  margin-top: 1rem;
}
#product .quantityDiscounts {
  margin-bottom: 0.75rem;
}
#product .quantityDiscounts span {
  display: inline-block;
  padding: 0.25rem;
  margin: 0.25rem 0;
}
#product .quantityDiscounts .quantityDiscountBtn {
  margin-left: 0.25rem;
  cursor: pointer;
  background-color: var(--col-highlight);
}
#product .quantityDiscounts .quantityDiscountBtn:hover {
  color: #fff;
  background-color: var(--col-primary);
}
#product .product-menu a {
  display: inline-block;
  margin-right: 1rem;
  text-decoration: none;
}
#product .product-menu a:last-child {
  margin-right: 0;
}
#product .product-menu a.active {
  color: var(--col-primary);
}
#product .atc_quantity {
  width: 70px;
  margin-right: 10px;
  border-color: var(--col-primary);
}

.productLabel {
  float: left;
  display: block;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.9rem;
  text-transform: uppercase;
}
.productLabel.labelNewProduct {
  background-color: #73f2d0;
}
.productLabel.labelTodaysDeals {
  color: #fff;
  background-color: var(--col-primary);
}
.productLabel.labelTodaysDeals.clickAction:hover {
  background-color: #fff;
  color: var(--col-primary);
}
.productLabel.labelOutlet {
  color: #fff;
  background-color: red;
}
.productLabel.labelOutlet.clickAction:hover {
  background-color: #fff;
  color: red;
}

#productDescription h2, #productDescription h3 {
  font-size: 1.3rem;
}
#productDescription img {
  max-width: 400px;
}
#productDescription .descBlock p {
  margin-bottom: 0;
}
#productDescription .j-tabela {
  border: 1px solid #b3adad;
  padding: 5px;
  font-size: 0.9rem;
}
#productDescription .j-tabela th {
  border: 1px solid #b3adad;
  padding: 5px;
  background: #f0f0f0;
  text-align: center;
}
#productDescription .j-tabela td {
  border: 1px solid #b3adad;
  text-align: center;
  padding: 5px;
  background: #ffffff;
}
#productDescription .j-tabela-bold {
  background: #f0f0f0 !important;
}

.view-mobile #productAtributes {
  margin-bottom: 2rem;
}
#productAtributes table td {
  width: 50%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.modal-dialog.modalWithZoomedImg {
  max-width: calc(750px + 2rem + 2px);
  margin: 0 auto;
}

.modal-dialog.modalWithZoomedImg .modal-body {
  padding: 0;
  max-height: 98vh;
} /*.5rem 0*/
.modal-dialog.modalWithZoomedImg .modal-content {
  max-width: calc(750px + 1rem);
  margin: 1vh auto;
  width: auto;
}

.modal-dialog.noHeader .modal-header {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  text-align: center;
  z-index: 5;
  height: 3.5rem;
  width: 3.5rem;
  border: none;
  border-radius: 0.3rem;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.6);
}

.modal-dialog.noHeader.strongCloseBtn .modal-header {
  background-color: rgb(255, 255, 255);
}

.modal-dialog.noHeader .modal-header:hover {
  background-color: #fff;
}

.modal-dialog.noHeader .modal-header #modalAlertTitle {
  display: none;
}

.modal-dialog.noHeader.closeBtnTopRight .modal-header .close {
  float: none;
  margin: -1.1rem auto 0rem 0;
  font-size: 3rem;
}

.modal-dialog.noFooter .modal-footer {
  display: none;
}

/***********************************************************
* IKONY
***********************************************************/
.qualityLineBadge {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  width: 65px;
  margin-left: 5px;
}
.qualityLineBadge.left {
  right: auto;
  left: 0.5rem;
}
.view-xs .qualityLineBadge {
  width: 55px;
}
.qualityLineBadge:hover {
  -webkit-filter: brightness(95%);
  filter: brightness(95%);
}

.outletCommingSoonBadge {
  position: absolute;
  right: 0.25rem;
  top: 0.25rem;
  z-index: 10;
}
.outletCommingSoonBadge.outletCommingSoonTextBadge {
  right: -0.1rem;
  top: 0.5rem;
  background-color: red;
  color: #fff;
  text-align: center;
  line-height: 1;
  padding: 0.35rem 0.5rem 0.4rem 0.5rem;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  margin-bottom: 0.5rem;
  -webkit-box-shadow: -3px 1px 7px -4px #000;
          box-shadow: -3px 1px 7px -4px #000;
}
.outletCommingSoonBadge.outletCommingSoonTextBadge b {
  display: inline-block;
  padding-bottom: 0.25rem;
}
.outletCommingSoonBadge.outletCommingSoonTextBadge small {
  display: inline-block;
}
.outletCommingSoonBadge img {
  width: 70px;
}
.outletCommingSoonBadge:hover {
  -webkit-filter: brightness(95%);
  filter: brightness(95%);
}
#product .outletCommingSoonBadge {
  right: 0.5rem;
  top: 0.5rem;
}
#product .outletCommingSoonBadge.outletCommingSoonTextBadge {
  right: -0.1rem;
}
#product .outletCommingSoonBadge img {
  width: 80px;
}

.badgePanel {
  position: absolute;
  left: 0rem;
  top: 0;
  z-index: 10;
  /*transform: translate(0, -50%);*/
  /* joker ver 30 lecie */
}
.badgePanel .productBadge {
  background-color: var(--col-primary);
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
  padding: 0.35rem 0.75rem 0.4rem 0.75rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-bottom: 0.25rem;
  width: 75px;
}
.badgePanel .productBadge:last-child {
  margin-bottom: 0;
}
.badgePanel .productBadge b.percent {
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.badgePanel .productBadge.outletBadge {
  line-height: 1.1;
  background-color: red;
}
.badgePanel .productBadge.notTDBadge {
  text-transform: uppercase;
}
.badgePanel .productBadge.TDBadge {
  background-color: var(--col-primary);
}
.badgePanel .productBadge.badge4plus1 {
  background-color: #fbcf28;
  color: #812b90;
  padding: 0.35rem 1rem 0.4rem 1rem;
}
.badgePanel .productBadge.badge4plus1 img {
  width: 60px;
}
.badgePanel .productBadge.badgeXplus1 {
  background-color: #fbcf28;
  color: #812b90;
  padding: 0.35rem 1rem 0.4rem 1rem;
}
.badgePanel .productBadge.badgeXplus1 img {
  width: 45px;
}
.badgePanel .productBadge.freeDeliveryBadge {
  background-color: rgba(255, 255, 255, 0.7);
  padding: 0rem 0.7rem;
  text-align: center;
}
.badgePanel .productBadge.freeDeliveryBadge img {
  width: 50px;
}
.badgePanel .productBadge.SOBadge {
  background-color: rgba(255, 255, 255, 0);
  -webkit-box-shadow: none;
  box-shadow: none;
  position: absolute;
  left: -1rem;
  top: -2rem;
  max-width: 120px;
  width: 120px;
}
.badgePanel .productBadge.freeDelivery {
  background-color: #f5f5f5;
  padding: 0.15rem 0.75rem;
}
.badgePanel .productBadge.freeDelivery img {
  height: 25px;
}
.view-xs .badgePanel .productBadge {
  width: 55px;
}
.view-xs .badgePanel .productBadge b.percent {
  font-size: 1rem;
}
.badgePanel.badgeJokerPanel .jokerBadge {
  /*background-image: linear-gradient(0deg, #cca43d, #e8bb47, #cca43d);*/
  min-height: auto !important;
}
.badgePanel.badgeJokerPanel .price.delParent {
  font-size: 1rem;
}

/***********************************************************
* Marker ceny
***********************************************************/
.cartPriceLabel {
  padding: 0.5rem 0.75rem;
  color: #fff;
  text-align: center;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1;
}

.cartPriceLabel.cartPriceLabelTodaysDeals {
  background-color: var(--col-primary);
}

.cartPriceLabel.cartPriceLabelOutlet {
  background-color: red;
}

.cartPriceLabel:hover {
  background-color: var(--col-primary-highlight);
}

.commingSoon {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  margin-top: 0.2rem;
  margin-bottom: 0.75rem;
  padding: 0.1rem 0.5rem;
  background-color: #73f2d0;
  border-radius: 0.25rem;
  text-transform: uppercase;
  text-align: center;
  font-size: 0.8rem;
}

/***********************************************************
* STREFA DYSTRYBUTORA
***********************************************************/
.dZoneItemBox {
  background-color: #EEE;
  padding: 1rem 0 1rem 1rem;
}
.dZoneItemBox h4 {
  margin: 0;
  font-size: 1.2rem;
}
.dZoneItemBox h5 {
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
}
.dZoneItemBox a.downloadBtn {
  display: block;
  padding: 0.75rem 0.25rem 0.75rem 0;
  background-color: #fff;
  background-position: 0.25rem center;
  background-repeat: no-repeat;
  text-decoration: none;
}
.dZoneItemBox a.downloadBtn:hover {
  background-color: var(--col-primary);
  color: #fff;
}
.dZoneItemBox .dZoneImg {
  float: left;
  width: calc(25% - 1rem);
  min-width: 300px;
  margin-right: 1rem;
  margin-top: 1rem;
}
.dZoneItemBox .dZoneImg .showImg {
  display: block;
  margin: 0 auto;
  padding: 1rem;
  background-color: #fff;
}
.dZoneItemBox .dZoneImg .downloadImg {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 0.8rem;
  line-height: 1.2;
}
.dZoneItemBox .dZoneImg .downloadImg a.downloadBtn {
  background-size: 1.8rem;
  padding-left: 2.3rem;
  background-image: url("/img/svg/download-svgrepo-com.svg");
}
.dZoneItemBox .dZoneImg .downloadImg a.downloadBtn:hover {
  background-image: url("/img/svg/download-svgrepo-com-white.svg");
}
.dZoneItemBox .dZoneMovie {
  margin-top: 1rem;
  margin-right: 1rem;
}
.dZoneItemBox .dZoneMovie .downloadMovie {
  margin-bottom: 3px;
}
.dZoneItemBox .dZoneMovie .downloadMovie a.downloadBtn {
  background-size: 2rem;
  padding-left: 2.7rem;
  background-image: url("/img/svg/download-movie-svgrepo-com.svg");
}
.dZoneItemBox .dZoneMovie .downloadMovie a.downloadBtn:hover {
  background-image: url("/img/svg/download-movie-svgrepo-com-white.svg");
}
.dZoneItemBox .dZonePdf {
  margin-top: 1rem;
  margin-right: 1rem;
}
.dZoneItemBox .dZonePdf .downloadPdf {
  margin-bottom: 3px;
}
.dZoneItemBox .dZonePdf .downloadPdf a.downloadBtn {
  background-size: 2rem;
  padding-left: 2.7rem;
  background-image: url("/img/svg/pdf-file-format-symbol-svgrepo-com.svg");
}
.dZoneItemBox .dZonePdf .downloadPdf a.downloadBtn:hover {
  background-image: url("/img/svg/pdf-file-format-symbol-svgrepo-com-white.svg");
}
.dZoneItemBox .downloadAll {
  margin-top: 2rem;
  margin-bottom: 0;
  float: left;
}
.dZoneItemBox .downloadAll a.downloadBtn {
  background-color: var(--col-primary);
  color: #fff;
  background-size: 2rem;
  padding-left: 2.7rem;
  padding-right: 1rem;
  background-image: url("/img/svg/file-download-svgrepo-com-white.svg");
}
.dZoneItemBox .downloadAll a.downloadBtn:hover {
  background-image: url("/img/svg/file-download-svgrepo-com.svg");
  color: var(--col-primary);
  background-color: #fff;
}

.promoTimer {
  font-size: 0.8rem;
  margin-bottom: 0;
  margin-top: 6px;
}
.promoTimer span, .promoTimer strong {
  display: inline-block;
  margin-right: 1px;
  font-size: 1.2rem;
}
.promoTimer span:last-child, .promoTimer strong:last-child {
  margin-right: 0;
}
.promoTimer span {
  padding: 0.1rem 0.25rem 0.2rem 0.25rem;
  background-color: #000;
  color: #fff;
}
.promoTimer strong {
  padding: 0.1rem 0 0.2rem 0;
}
.mainPage .promoTimer {
  float: left;
  margin-top: 0;
  margin-bottom: 1rem;
}
.promoTimer ~ div {
  clear: both;
}

.promoTimerLabel {
  float: left;
  margin-bottom: 1rem;
  margin-right: 0.5rem;
  font-size: 1.1rem;
}

/***********************************************************
* Ostatnio oglądane & Porównaj
***********************************************************/
#lastWatchProductsList > button {
  text-align: left;
}

#lastWatchProductsList.dropright .dropdown-toggle::after {
  float: right;
  margin-top: 8px;
}

#lastWatchProductsList .dropdown-item {
  position: relative;
  max-width: 510px;
  min-width: 300px;
}

#lastWatchProductsList .dropdown-item img {
  max-height: 100px;
}

#lastWatchProductsList .lastWatchProduct {
  white-space: normal;
  position: absolute;
  left: 120px;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  padding-right: 0.5rem;
  font-size: 0.9rem;
}

#lastWatchProductsList .dropdown-item:hover a {
  text-decoration: none;
  color: var(--col-primary);
}

#productsList .productBannerInfo .productBannerInfoIco {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#productsList .productBannerInfo .productBannerInfoIco img {
  width: 20px;
  margin: 0 auto;
}
#productsList .productBannerInfo .productPPS .labelPPS {
  display: none;
}
#productsList .productBannerInfo .row:not(.noHover) {
  cursor: pointer;
}
#productsList .productBannerInfo .row {
  padding: 0.25rem 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.5rem;
}
#productsList .productBannerInfo .row:hover:not(.noHover) {
  background-color: #f4f7ff;
}
#productsList .productBannerInfo .loadingCont {
  position: relative;
}

#modalCompareList .compareItem {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: dashed 1px #dee2e6;
}
#modalCompareList .compareItem:last-child {
  margin-bottom: 0rem;
  padding-bottom: 0;
  border-bottom: 0;
}
#modalCompareList .compareItem img {
  margin-right: 1rem;
  max-width: 150px;
  float: left;
  width: 33%;
  min-width: 80px;
}
#modalCompareList .compareItem p {
  margin-bottom: 0;
  text-align: left;
  line-height: 1.1rem;
}
#modalCompareList .compareItem p.cmpName {
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
#compareProductsPanelMobile.productsPanel .btn span {
  text-align: center;
}

.productsPanel {
  margin-bottom: 0.5rem;
  width: 100%;
}
.productsPanel.productsPanelOutlet {
  border-color: red !important;
}
.productsPanel.productsPanelOutlet h4 {
  padding: 0.5rem;
  background-color: red;
  color: #fff;
}
.productsPanel.productsPanelOutlet a {
  margin: 0 0.5rem;
}

/***********************************************************
* PRODUCTS  LISTING!!!!!!
***********************************************************/
/* DEFAULT */
.productListingCont {
  position: relative;
}
.productListingCont:not(.productListingEmptyCont) {
  cursor: pointer;
}
.productListingCont:hover {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.productListingCont:hover a:not(.skipHover), .productListingCont:hover p.productSeeDeteils, .productListingCont:hover .productCode {
  color: var(--col-primary);
}
.productListingCont:hover .individualPriceInfo a {
  color: #fff;
}

.productsListingGroup .productListingEmptyCont:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.view-mobile .productListingEmptyCont {
  display: none;
}

.productCode {
  font-size: 0.9rem;
  background-color: #fff;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}
.productCode .productLabel {
  font-size: 0.8rem;
  line-height: 1.4;
  margin-top: 0;
  margin-right: 0.25rem;
  float: none;
  display: inline-block;
}

.productImgCont {
  position: relative;
}

.productImgCont .aspectRatio1-1 {
  width: 100%;
}

.productImgCont .productImgA {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: #fff;
}

.productImgCont img {
  max-width: 100%;
}

.productName {
  margin: 0;
  font-size: 1rem;
}

.verticalSeparator {
  width: 0;
  border-right: 1px dashed var(--col-border-light-grey);
  margin: 0 1%;
}

.verticalSeparator.verticalSeparatorBlank {
  border-right: 1px dashed transparent;
}

.view-mobile .verticalSeparatorBlank {
  display: none;
}

.horizontalSeparator {
  width: 100%;
  height: 1px;
  border-top: 1px dashed var(--col-border-light-grey);
  margin: 2rem 0;
}

.productPPS {
  position: relative;
  padding: 0.25rem;
}
.productPPS .pointsPPS {
  padding-right: 0.25rem;
}

/* var(--col-bg-light-grey) background-color: var(--col-bg-light-grey); */
.productPPS img.helpIco {
  height: 17px;
}

#productsList .productPPS img.ppsIco {
  height: 30px;
  margin-right: 0.25rem;
}

.popover-custom-body-PPS p {
  line-height: 1.2;
}

.helpIcoBox {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(/img/svg/strima-ico-info.svg) no-repeat 0px 2px;
  background-size: 16px;
}

.productAvailability img.helpIco {
  height: 17px;
  margin-left: 0.5rem;
}
#product .productAvailability img.helpIco {
  margin-top: -0.1rem;
}
.productAvailability.addPopover {
  cursor: pointer;
}
.productAvailability .helpIcoBox {
  width: 16px;
  height: 16px;
  background-size: 14px;
}
.productAvailability img.inStock {
  height: 20px;
  margin-left: 0.25rem;
  margin-top: -4px;
}

#pagination-bottom {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding-top: 1.5rem;
}

.individualPriceInfo {
  text-align: center;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background-color: var(--col-primary);
  color: #fff;
  border-radius: 0.25rem;
}

.individualPriceInfo a {
  color: #fff;
}

.individualPriceInfo a:hover {
  color: #fff;
}

.productOutlet .promoPrice {
  color: red !important;
}

/* boxes/mobile  */
.productListingBoxes {
  font-size: 1rem;
}
.productListingBoxes .productsListingGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px dashed var(--col-border-light-grey);
}
.productListingBoxes .productsListingGroup:first-child {
  margin-top: 0;
}
.productListingBoxes .productsListingGroup:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.productListingBoxes .productListingCont {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  max-width: 32%; /*padding: 1rem .5rem .25rem .5rem;*/
}
.view-desktop .productListingBoxes .productListingCont {
  padding: 0.5rem 0;
  width: 32%;
}
.productListingBoxes .productImgCont {
  width: 100%;
  max-width: 250px;
  margin: 0 auto 1rem auto;
}
.productListingBoxes .productName {
  padding: 0 0.5rem;
  text-align: center;
  margin-bottom: 1rem;
}
.view-mobile .productListingBoxes .productName, .view-mobile .productListingBoxes .productCode {
  text-align: left;
}
.view-xs .productListingBoxes .productName, .view-xs .productListingBoxes .productCode {
  text-align: center;
}
.productListingBoxes .productBrand {
  display: none;
}
.productListingBoxes .productCode {
  margin-bottom: 0.25rem;
  padding: 0 0.5rem;
  text-align: center;
}
.productListingBoxes .productCode span {
  padding: 0 0.25rem;
  display: inline-block;
}
.productListingBoxes .productPPS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-md .productListingBoxes .productPPS .pointsPPS {
  font-size: 0.9rem;
}
.productListingBoxes .productPrice {
  margin: 1.5rem 0.5rem;
  text-align: center;
}
.productListingBoxes .productPrice .sellPrice {
  margin-bottom: 1.5rem;
}
.productListingBoxes .productPrice .savingsValue {
  font-size: 1rem;
  color: var(--col-primary);
}
.productListingBoxes .productPrice .priceInfo {
  margin-bottom: 0;
}
.productListingBoxes .productPrice .onlyTodaySavings {
  margin-top: 0;
}
.productListingBoxes .productAvailability {
  margin-bottom: 0.5rem;
}
.productListingBoxes .productAddToCart {
  margin-bottom: 0.5rem;
  text-align: center;
}
.productListingBoxes .productAddToCart .btnAddToCart {
  width: calc(100% - 80px);
}
@media (max-width: 1040px) and (min-width: 753px) {
  .productListingBoxes .productAddToCart .btnAddToCart .btnAddToCartLabel {
    display: none;
  }
}
.productListingBoxes .productAddToCart .atc_quantity {
  width: 70px;
  margin-right: 10px;
  border-color: var(--col-primary);
}
.productListingBoxes .productAddToClipboard {
  margin-top: 0.5rem;
}
.productListingBoxes .productAddToCompare {
  margin-top: 0.5rem;
}
.productListingBoxes .productShipmentCont {
  padding: 0.5rem 0;
  text-align: center;
}
.productListingBoxes .productShipment {
  padding: 0;
}
.productListingBoxes .productAddToCartPanelCont {
  padding: 0 0.5rem;
}

/* mobile - wyjatki  */
.view-mobile .productListingBoxes .productsListingGroup {
  display: block;
  margin-top: 1rem;
  padding-bottom: 0;
  border-bottom: 0;
} /* -ms-flex-direction: column; flex-direction: column;*/
.view-mobile .productListingBoxes .productListingCont {
  padding: 1rem 1rem 1.25rem 1rem;
  margin-top: 1rem;
  border-bottom: 1px dashed var(--col-border-light-grey);
  max-width: 100%;
}

.view-mobile .productListingBoxes .productsListingGroup .productListingCont:first-child {
  margin-top: 0;
}

.view-mobile .productListingBoxes .productsListingGroup:last-child .productListingCont:last-child {
  padding-bottom: 0.25rem;
  border-bottom: 0;
}

/* tworzy tylko 1 after w grupie
.view-mobile .productListingBoxes .productListingCont::after {margin: 1rem; border-bottom: 1px dashed var(--col-border-light-grey); display: block; content: ""; height: 0px;}
.view-mobile .productListingBoxes .productsListingGroup:last-child .productListingCont:last-child ::after {margin-top: 1rem; border-bottom: 3px dashed red; }
*/
.view-mobile .productListingBoxes .productName {
  margin-bottom: 0;
  padding: 0;
}

.view-sm .productListingBoxes .productImgCont {
  width: 250px;
  height: 250px;
  float: left;
  margin-right: 2rem;
}

.view-mobile .productListingBoxes .productAddToCartPanelCont {
  padding: 0;
}

.view-mobile .productListingBoxes .productPrice {
  margin: 1.5rem 0;
}

.view-sm .productListingBoxes .productPrice {
  text-align: left;
}

.view-mobile .productListingBoxes .productCode span {
  display: inline;
}

.view-mobile .productListingBoxes .productListingCont:hover p.productCode {
  color: var(--col-primary);
}

.view-mobile .productListingBoxes .productBrand {
  display: block;
  margin-bottom: 1rem;
}

.view-sm .productListingBoxes .productInfoPanel {
  float: right;
  margin-right: 0;
  width: calc(100% - 250px - 1rem);
  margin-top: 1rem;
}

.view-xs .productListingBoxes .productInfoPanel {
  margin-right: 0;
  width: 100%;
  margin-top: 1rem;
  text-align: center;
}

.view-mobile .productListingBoxes .productCode {
  margin-bottom: 0.25rem;
  padding: 0;
}

.view-mobile .productListingBoxes .productShipmentCont {
  padding: 0 0 1rem 0;
  clear: both;
}

.view-sm .productListingBoxes .productShipmentCont {
  text-align: left;
}

.view-sm .productListingBoxes .productAddToCartPanel {
  float: left;
  width: calc(100% - 250px - 2rem);
}

.view-xs .productListingBoxes .productAddToCartPanel {
  width: 100%;
}

.view-xs .productListingBoxes .productAddToCartPanel .input-group {
  width: auto;
}

/* lines */
.productListingLines {
  font-size: 1rem;
}
.productListingLines .verticalSeparator {
  display: none;
}
.productListingLines .productsListingGroup {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed var(--col-border-light-grey);
}
.productListingLines .productsListingGroup:last-child .productListingCont:last-child {
  margin-bottom: 0;
}
.productListingLines .productsListingGroup:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.productListingLines .productListingCont {
  padding: 1rem;
}
.productListingLines .productListingCont:hover p.productCode {
  color: var(--col-primary);
}
.view-xs .productListingLines .productListingCont {
  text-align: center;
}
.productListingLines .productImgCont {
  width: 250px;
  height: 250px;
  float: left;
  margin-right: 2rem;
  margin-bottom: 0.5rem;
}
.view-xs .productListingLines .productImgCont {
  float: none;
  margin: 0 auto 1rem auto;
}
.productListingLines .productInfoPanel {
  float: right;
  margin-left: 1rem;
  margin-top: 1rem;
}
.productListingLines .view-xs .productInfoPanel {
  float: none;
  margin-right: 0;
}
.view-md .productListingLines .productInfoPanel, .view-sm .productListingLines .productInfoPanel {
  float: right;
  margin-right: 0;
  width: calc(100% - 250px - 1rem);
}
.view-xs .productListingLines .productInfoPanel {
  margin-right: 0;
  width: 100%;
}
.productListingLines .productCode {
  margin-bottom: 0.25rem;
  padding: 0;
}
.productListingLines .productBrand {
  margin-bottom: 0;
}
.productListingLines .productPPS, .productListingLines .view-sm .productListingBoxes .productPPS {
  margin-bottom: 1rem;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-xs .productListingLines .productPPS, .productListingLines .view-xs .productListingBoxes .productPPS {
  float: none;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
}
.productListingLines .productPPS {
  margin-top: 1rem;
}
.productListingLines .productShipmentCont {
  padding-bottom: 1rem;
  clear: both;
}
.productListingLines .productShipment {
  padding: 0;
}
.productListingLines .productAddToCartPanel {
  float: left;
  width: calc(100% - 250px - 2rem);
}
.view-xs .productListingLines .productAddToCartPanel {
  width: 100%;
  float: none;
}
.view-xs .productListingLines .productAddToCartPanel .input-group {
  width: auto;
}
.productListingLines .productPrice {
  margin: 1.5rem 0;
}
.productListingLines .productPrice .sellPrice {
  margin-bottom: 1.5rem;
}
.productListingLines .productPrice .savingsValue {
  font-size: 1rem;
  color: var(--col-primary);
}
.productListingLines .productPrice .priceInfo {
  margin-bottom: 0;
}
.productListingLines .productPrice .onlyTodaySavings {
  margin-top: 0;
}
.productListingLines .productAvailability {
  margin-bottom: 0.5rem;
}
.productListingLines .productAddToCart {
  margin-bottom: 0.5rem;
}
.productListingLines .productAddToCart .btnAddToCart {
  width: calc(100% - 80px);
}
.productListingLines .productAddToCart .atc_quantity {
  width: 70px;
  margin-left: 10px;
  border-color: var(--col-primary);
}

/***********************************************************
* PRODUCTS
***********************************************************/
#productsList {
  position: relative;
}

.productPrice {
  line-height: 1.2;
}

.currencyAddOn {
  display: inline-block;
  font-size: 48%;
  line-height: 80%;
  text-align: left;
}

.currencyAddOnInLine {
  display: inline-block;
  font-size: 75%;
  text-align: left;
}

.price {
  font-size: 1.4rem;
  display: inline-block;
  line-height: 1.1;
}

.price.grossPrice {
  font-size: 1.2rem;
}

.price.delParent,
.view-mobile .pvi_module .price .delPrice {
  font-size: 1rem;
}

.mainPage .pvi_module .price .delPrice,
.mainPage .view-mobile .pvi_module .price .delPrice {
  font-size: 0.8rem;
}

.price del {
  -webkit-text-decoration: line-through #5c5c5c solid;
          text-decoration: line-through #5c5c5c solid;
}

.onlyTodaySavings {
  margin: 0.5rem 0 0 0;
}

.onlyTodaySavings .price {
  color: var(--col-primary);
  font-size: 1.2rem;
}

.strefaOkazjiSavings {
  margin: 0.5rem 0 0 0;
  padding: 0.5rem 0.5rem;
  background-image: linear-gradient(30deg, #f4a238, #f4a238, #f4a238, #face3e, #f4a238, #f4a238, #f4a238);
  line-height: 1.1;
  color: #fff;
}

.strefaOkazjiSavings .price {
  margin-top: 0.25rem;
  font-size: 1.2rem;
}

.cartPriceLabelStrefaOkazji {
  background-image: linear-gradient(30deg, #f4a238, #f4a238, #f4a238, #face3e, #f4a238, #f4a238, #f4a238);
}

.cartPriceLabelStrefaOkazji:hover {
  background-image: linear-gradient(30deg, #face3e, #f4a238, #f4a238, #f4a238, #f4a238, #f4a238, #face3e);
}

.availabilityCircle {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid var(--col-primary-highlight);
  border-radius: 50%;
  background-color: var(--col-primary-highlight);
  margin-left: 2px;
}
.availabilityCircle.availabilityCircleEmpty {
  background-color: #fff;
  border-color: var(--col-primary-highlight);
}

.productShipment {
  color: var(--col-primary-highlight);
  padding: 0 3px 1px 3px;
}

.productShipment.productShipmentEmpty {
  color: var(--red);
}

.productShipment.productShipmentEmpty .helpIco {
  height: 17px;
  margin-top: -4px;
  margin-left: 0.25rem;
}

/***********************************************************
* ADD TO CART
***********************************************************/
.atc_quantity {
  width: 60px;
} /*
.btn.btnAddToCart {color: var(--col-primary); background-color: #fff; border-color: var(--col-primary);}
.btn.btnAddToCart:hover {color: var(--col-primary); background-color: var(--col-highlight); border-color: var(--col-primary-highlight);} */
.btnAddToCart img, .btnAddToClipboard img {
  height: 30px;
  margin-top: -6px;
}

.btnAddToCart.btnAddNoStock img {
  height: 25px;
  margin-top: -1px;
}

.alert-primary .showLoginModal:hover {
  color: var(--col-primary);
}

/***********************************************************
* PAGINACJA
***********************************************************/
.pagination .pagination-page-input {
  width: 50px;
  text-align: center;
}

.view-desktop .input-group .pagination-btn, .view-desktop #productsListingStyleLines, .view-desktop #productsListingStyleBoxes {
  min-width: 33px;
  height: calc(1.8125rem + 4px);
}

.view-desktop .pagination-btn img, .view-desktop #productsListingStyleLines img, .view-desktop #productsListingStyleBoxes img {
  height: 27px;
  margin-top: 2px;
}

/***********************************************************
* FILTROWANIE
***********************************************************/
.view-mobile .priceInput {
  border-radius: 0 0.2rem 0.2rem 0 !important;
  background-color: #fff;
}

.filtersGroup {
  border-radius: 0.25rem;
  padding: 0.5rem 0;
}

.checkboxFilter {
  cursor: pointer;
}
.checkboxFilter.single span.input-group-text {
  padding-left: 0;
}
.checkboxFilter a {
  text-decoration: none;
}
.checkboxFilter:hover {
  border-color: var(--col-primary) !important;
}
.view-mobile .checkboxFilter:hover {
  border-color: #dee2e6 !important;
}
.checkboxFilter:hover span, .checkboxFilter:hover a {
  color: var(--col-primary) !important;
}

#productsFilters .form-control {
  border-color: var(--col-primary);
}

#productsFilters .input-group-text {
  border-color: var(--col-primary);
}

#productsFilters .sticky-bottom {
  z-index: 100;
}

.priceRangeInput {
  margin-top: 0.5rem;
}

.view-mobile .priceRangeInput {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.price-inputs-group {
  margin-bottom: 1rem;
}

.view-mobile .price-inputs-group {
  margin-bottom: 2rem;
}

.view-mobile .priceRangeInput {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/**** range input -> pasek pod przyciskiem ****/
.custom-range::-webkit-slider-runnable-track {
  background-color: var(--col-bg-light-grey);
}

.view-mobile .custom-range::-webkit-slider-runnable-track {
  height: 1rem;
}

.custom-range::-moz-range-track {
  background-color: var(--col-bg-light-grey);
}

.view-mobile .custom-range::-moz-range-track {
  height: 1rem;
}

.view-mobile .custom-range::-ms-track {
  height: 1rem;
}

.custom-range::-ms-fill-lower {
  background-color: var(--col-bg-light-grey);
}

.custom-range::-ms-fill-upper {
  background-color: var(--col-bg-light-grey);
}

/**** range input -> przycisk ****/
.custom-range::-webkit-slider-thumb {
  background-color: var(--col-primary);
}

.view-mobile .custom-range::-webkit-slider-thumb {
  width: 2.6rem;
  height: 2.6rem;
  margin-top: -0.8rem;
  border-radius: 50%;
} /* musi byc wieksze ze wzgl. na iPhona, ktory traci fokus na przycisku */
.custom-range::-moz-range-thumb {
  background-color: var(--col-primary);
}

.view-mobile .custom-range::-moz-range-thumb {
  width: 2rem;
  height: 2rem;
}

.custom-range::-ms-thumb {
  background-color: var(--col-primary);
}

.view-mobile .custom-range::-ms-thumb {
  width: 2rem;
  height: 2rem;
}

.custom-range:focus::-webkit-slider-thumb {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: none;
}

.custom-range:focus::-ms-thumb {
  box-shadow: none;
}

/**** filtr wyprzedaży ****/
.filter_atwyprzedaz span.bg-white, .filter_atwyprzedaz span.bg-white a {
  color: red !important;
}

/**** przycisk zwijajacy i rozwijajacy nadmiar filtrow ****/
.moreFiltersBtn .hideMoreFiltersTxt {
  display: none;
}

.moreFiltersBtn.showMoreFilters::before {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.moreFiltersBtn.showMoreFilters::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.moreFiltersBtn.showMoreFilters .showMoreFiltersTxt {
  display: none;
}

.moreFiltersBtn.showMoreFilters .hideMoreFiltersTxt {
  display: inline;
}

/***********************************************************
* Wyszukane kategorie
***********************************************************/
#searchedCategories {
  font-size: 1rem;
}
#searchedCategories a {
  display: inline-block;
}
#searchedCategories a.categoryDepth2 {
  padding-left: 5px;
}
#searchedCategories a.categoryDepth3 {
  padding-left: 10px;
}
#searchedCategories a.categoryDepth4 {
  padding-left: 15px;
}
#searchedCategories a.categoryDepth5 {
  padding-left: 20px;
}
#searchedCategories a.categoryDepth6 {
  padding-left: 25px;
}
#searchedCategories a.categoryDepth7 {
  padding-left: 30px;
}

#mobileFoundCategoriesData #searchedCategories {
  border: 0 !important;
  padding: 0 !important;
}
#mobileFoundCategoriesData h4 {
  display: none;
}
#mobileFoundCategoriesData a {
  padding: 0.25rem 0;
}

/***********************************************************
* Porownywanie
***********************************************************/
#comparePage {
  margin-bottom: 1rem;
}
#comparePage .row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#comparePage .row.header {
  line-height: 1.3;
}
#comparePage .row.header .removeBtns {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
#comparePage .row.header .removeBtns .close {
  opacity: 0.3;
  width: 30px;
  height: 30px;
}
#comparePage .row.header .removeBtns .close:hover {
  opacity: 1;
}
#comparePage .row.header p, #comparePage .row.header p .price.delParent {
  font-size: 0.9rem;
}
#comparePage .row.header .productDataCont {
  padding: 0.5rem;
}
#comparePage .row.header .productCode {
  margin-bottom: 0.5rem;
  text-align: center;
}
#comparePage .row.header .productCode:hover {
  color: var(--col-primary);
}
#comparePage .row.header .productName {
  font-size: 0.9rem;
  line-height: 1.2rem;
  height: 2.4rem;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#comparePage .row.header .productAvailability {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
#comparePage .row.header .productPriceCont {
  margin-bottom: 0.5rem;
}
#comparePage .row.header .productPriceCont .sellPrice {
  text-align: center;
  margin-bottom: 0;
}
#comparePage .row.header .productPriceCont .sellPrice .price {
  font-size: 1rem;
}
#comparePage .row.header .productPriceCont .sellPrice .price.pt-1 {
  padding-top: 0 !important;
}
#comparePage .row.header .productPriceCont .sellPrice .currencyAddOnInLine {
  font-size: 0.9rem;
}
#comparePage .row.header .priceInfo, #comparePage .row.header .onlyTodaySavings {
  display: none;
}
#comparePage .row.data p {
  margin: 0;
  padding: 0.25rem 1rem;
  -ms-flex-item-align: center;
      align-self: center;
}
#comparePage .row.data h4, #comparePage .row.data p.buttons {
  margin: 0;
  padding: 1rem;
  background-color: #e9ecef;
  text-align: center;
  width: 100%;
}
#comparePage .row.data p.buttons {
  padding-top: 0rem;
}
.view-desktop #comparePage .row.data.compareMeGroup:nth-child(2n+1), .view-mobile #comparePage .row.data .col0 {
  background-color: rgba(0, 0, 0, 0.05);
}
#comparePage .row.data .difMarker {
  color: #b72323;
}
#comparePage .row.data .difMarker a {
  color: #b72323;
}
#comparePage .row.data .difMarker a:hover {
  color: var(--col-primary);
}
#comparePage .row.data ul li {
  margin-bottom: 0.75rem;
  line-height: 1.3;
}
#comparePage .row.data ul li:last-child {
  margin-bottom: 0;
}
#comparePage .row.footer .productAddToCart {
  padding: 1rem;
}
#comparePage .row.footer .productAddToCart p {
  padding-bottom: 0;
}
#comparePage .row.footer .productAddToCart .input-group {
  width: auto;
}
#comparePage .row.footer .productAddToCart .atc_quantity {
  width: 70px;
  margin-right: 10px;
  border-color: var(--col-border-light-grey);
}
.view-xs #comparePage .row.footer .productAddToCart .atc_quantity {
  width: 100%;
  margin-left: 0px;
  margin-bottom: 5px;
}
#comparePage .row.footer .productAddToCart .btnAddToCart {
  width: calc(100% - 80px);
}
.view-xs #comparePage .row.footer .productAddToCart .btnAddToCart {
  width: 100%;
}
.view-xs #comparePage .row.footer .productAddToCart .btnAddToCart span {
  display: none;
}
#comparePage .row.footer .productAddToClipboard {
  margin-bottom: 1rem;
}
#comparePage .col0, #comparePage .col1, #comparePage .col2, #comparePage .col3 {
  padding: 0;
  border-right: 1px solid var(--col-border-light-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#comparePage .col0:last-child, #comparePage .col1:last-child, #comparePage .col2:last-child, #comparePage .col3:last-child {
  border-right: 0;
}
.view-mobile #comparePage .col0 {
  padding-left: 0;
  border-right: 0;
}
.view-mobile #comparePage .col1 {
  padding-left: 0;
}
#comparePage .productImgCont {
  padding: 0.5rem;
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#comparePage .productImgCont img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  max-width: 180px;
  width: 100%;
}

/***********************************************************
* nowy model
***********************************************************/
.checkNewModelBadge {
  position: absolute;
  z-index: 10;
  background-color: rgba(0, 70, 235, 0.6);
  padding: 0.25rem;
  width: 100%;
  height: 100%;
}

.checkNewModelBadge b {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  color: #fff;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.productListingCont:hover .checkNewModelBadge {
  background-color: var(--col-primary);
}

/***********************************************************
* FORMY - podstawowe
***********************************************************/
.zgloszenieForm {
  border: 1px solid #CCC;
  background-color: #fff;
  padding: 1.5rem;
}
.zgloszenieForm ul.regulamin {
  list-style: decimal;
  padding-left: 1.25rem;
}
.zgloszenieForm .formError {
  padding-bottom: 0.75rem;
}
.zgloszenieForm .komunikat_pozytywny {
  text-align: center;
  padding: 40px 15px;
  margin-top: 40px;
  font-weight: bold;
  color: #093;
}
.zgloszenieForm .komunikat_negatywny {
  text-align: center;
  padding: 40px 15px;
  margin-top: 40px;
  font-weight: bold;
  color: #C00;
}
.zgloszenieForm .komunikat_negatywny_simple {
  font-weight: bold;
  color: #C00;
}

.zgloszenieFormDiv {
  padding-top: 1rem;
}

/*



#zgloszenieForm {border: 1px solid #CCC; background-color: #fff; padding: 1.5rem;}
#zgloszenieForm ul.regulamin {list-style: decimal; padding-left: 1.25rem;}
#zgloszenieFormDiv {padding-top: 1rem;}
#zgloszenieForm #formError {padding-bottom: .75rem;}
#zgloszenieForm .komunikat_pozytywny {text-align: center; padding: 40px 15px; margin-top: 40px; font-weight: bold; color: #093;}
#zgloszenieForm .komunikat_negatywny {text-align: center; padding: 40px 15px; margin-top: 40px; font-weight: bold; color: #C00;}
#zgloszenieForm .komunikat_negatywny_simple {font-weight: bold; color: #C00;}
*/
/***********************************************************
* FORMY - walidacja
***********************************************************/
.invalid-tooltip, .required-tooltip, .failed-tooltip {
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0.25rem 0.35rem;
}

.required-tooltip, .failed-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  margin-top: 0.1rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.required.input-valid {
  padding-right: 3rem;
}

.form-control.required.input-valid ~ .valid-tooltip {
  display: block;
  right: 0.25rem;
  top: 50%;
  margin: 0;
  background-color: transparent;
  text-indent: -9999px;
  min-width: 25px;
}
.form-control.required.input-valid ~ .valid-tooltip::after {
  content: "✓";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-indent: 0;
  width: 20px;
  font-size: 1.6rem;
  color: rgba(40, 167, 69, 0.9);
}

select.form-control.required.input-valid ~ .valid-tooltip {
  right: 1.25rem;
}

.form-control.required.input-invalid ~ .invalid-tooltip {
  display: block;
  right: 0;
  top: 90%;
  margin: 0;
}

.form-control.required.input-required ~ .required-tooltip {
  display: block;
  right: 0;
  top: 90%;
  margin: 0;
}

.form-control.required.input-failed ~ .failed-tooltip {
  display: block;
  right: 0;
  top: 90%;
  margin: 0;
}

input.required.input-required ~ label {
  color: #dc3545;
}

input.required.input-required ~ label a {
  color: #dc3545;
}

input.required.input-required ~ label:before {
  border-color: #dc3545;
}

.reCaptchaDiv {
  width: 316px;
  margin: 0 auto;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  padding: 0 5px;
}

.reCaptchaDiv.captchaError {
  border-left: 2px solid red;
  border-right: 2px solid red;
}

.reCaptchaDiv.captcha-required {
  border-color: red;
  position: relative;
}

.reCaptchaDiv.captcha-required ~ .required-tooltip {
  display: block;
  left: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

/***********************************************************
* LOGOWANIE
***********************************************************/
.logowanie h6 {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--col-bg-light-grey);
}

/***********************************************************
* GRUPA - quantityControler
***********************************************************/
.quantityControler .quantityInput {
  width: 2.5rem;
  text-align: center;
  border-radius: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.quantityControler .inputQuantityLabel {
  border-radius: 0;
}

.quantityControler .btn-group-sm .quantityControlerBtn {
  width: 2.2rem;
  font-size: 1.5rem;
  line-height: 1;
  padding-top: 0;
  padding-bottom: 0rem;
}

/***********************************************************
* REJESTRACJA
***********************************************************/
#rejestracja table.TabRej td {
  white-space: nowrap;
}
#rejestracja .custom-control-label::after, #rejestracja .custom-control-label::before {
  top: 0.15rem;
}
#rejestracja .vatId-group .form-control.required.input-required ~ .required-tooltip {
  top: auto;
  bottom: -42%;
}
#rejestracja .vatId-group .form-control.required.input-valid ~ .valid-tooltip {
  top: auto;
  bottom: 13%;
}
#rejestracja .vatId-group .form-control.required.input-invalid ~ .invalid-tooltip {
  top: auto;
  bottom: -42%;
}

/***********************************************************
* INPUT NIP
***********************************************************/
#vatIdCountry {
  margin-bottom: 0.25rem;
}

#vatIdPrefix {
  width: 3rem;
  text-align: center;
  float: left;
  margin-right: 3px;
}

#vatIdSufix {
  width: calc(100% - 3rem - 3px);
}

#captionInfo {
  padding-left: 4rem;
}
#captionInfo .captionPos {
  margin-bottom: 0;
  font-size: 0.8rem;
}
#captionInfo .cM {
  display: inline-block;
  width: 1rem;
  text-align: center;
  font-family: robotoBold, Arial, sans-serif;
  font-weight: normal;
  margin: 0 1px;
}
#captionInfo .cM.cC {
  background-color: var(--col-bg-light-grey);
}
#captionInfo .cM.c9 {
  background-color: #fffd50;
}
#captionInfo .cM.cX {
  background-color: #84efff;
}
#captionInfo .cM.cS {
  background-color: #ff8d8d;
}
#captionInfo .cM.cL {
  background-color: #9cff95;
}
#captionInfo .cM.cWS {
  background-color: #7eacff;
}
#captionInfo .maskOr {
  display: block;
  padding: 0.25rem 0;
}
#captionInfo .maskFrom {
  display: inline-block;
  margin-right: 0.5rem;
}
#captionInfo .maskTo {
  display: inline-block;
  margin: 0 0.5rem;
}

/***********************************************************
* RODO
***********************************************************/
.rodoInfo {
  padding-left: 1.5rem;
  margin: 1rem 0 2rem 0;
  background-color: #fff;
  overflow: hidden;
  height: 1.6rem;
}

.rodoInfo ul {
  margin-left: 0;
}

.rodoInfo li {
  list-style-type: decimal;
}

.rodoInfo .arrowToggler {
  display: inline-block;
  border: 1px solid #666;
  border-radius: 3px;
  padding-right: 5px;
  padding-left: 2px;
  margin-right: 5px;
  cursor: pointer;
  line-height: 1.2;
}

.rodoInfo .arrowToggler:hover {
  background-color: #000;
  color: #fff;
}

.rodoInfo .rotate180.arrowToggler::after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.showRodoIC {
  text-decoration: underline;
  cursor: pointer;
}

.showRodoIC:hover {
  text-decoration: none;
}

/***********************************************************
* contact from - formularz z nipem
***********************************************************/
.contactForm {
  text-align: center;
  margin: 3rem auto;
}
.contactForm ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contactForm.wiadomosc {
  height: 200px;
}
.contactForm .form-row {
  width: 60%;
  margin: 0 auto;
}
.contactForm .cfInput {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid #aaa;
  border-radius: 0.25rem;
}
.contactForm input::-webkit-input-placeholder, .contactForm textarea::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 0.6;
}
.contactForm input::-moz-placeholder, .contactForm textarea::-moz-placeholder {
  color: #6c757d;
  opacity: 0.6;
}
.contactForm input:-ms-input-placeholder, .contactForm textarea:-ms-input-placeholder {
  color: #6c757d;
  opacity: 0.6;
}
.contactForm input::-ms-input-placeholder, .contactForm textarea::-ms-input-placeholder {
  color: #6c757d;
  opacity: 0.6;
}
.contactForm input::placeholder, .contactForm textarea::placeholder {
  color: #6c757d;
  opacity: 0.6;
}
.contactForm .form-group {
  padding: 0;
}
.contactForm input[type=submit]:hover {
  -webkit-box-shadow: 0px 4px 8px 2px rgba(60, 100, 222, 0.4);
          box-shadow: 0px 4px 8px 2px rgba(60, 100, 222, 0.4);
}
.contactForm input.invalid, .contactForm textarea.invalid {
  border-color: red;
}
.contactForm .form-control.required.input-valid ~ .valid-tooltip::after {
  top: 0;
  left: 30%;
}
.contactForm .form-control.required.input-required ~ .required-tooltip {
  top: 90%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.contactForm #mark_zgoda .form-group {
  width: 100%;
}
.contactForm #mark_zgoda .zgoda {
  float: left;
  margin-right: 0.6rem;
  height: 1.5rem;
}
.contactForm #mark_zgoda .zgodaLabel {
  font-size: 1.1rem;
  text-align: left;
  display: block;
}

@media only screen and (max-width: 900px) {
  .contactForm {
    padding: 0 0.5rem;
  }
  .contactForm .form-row {
    width: 100%;
  }
}
/***********************************************************
* ogólne
***********************************************************/
#cart .cartProductCode, #cart .cartProductName {
  line-height: 1.2;
}

#cart .cartProductCode {
  margin-bottom: 0.25rem;
}

#cart .cartProductName {
  margin-bottom: 0;
}

#cart .btn-secondary {
  border-color: #ced4da;
}

#cart .helpIco {
  width: 1.5rem;
  margin-left: 0.5rem;
}

#cart .fakeHelpIco {
  display: block;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/***********************************************************
* cart steps
***********************************************************/
#cartSteps {
  margin: 0 auto 2rem auto;
  max-width: 600px;
  position: relative;
}

#cartSteps::before {
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 1.5rem;
  background-color: var(--col-secondary-highlight);
  z-index: -1;
  content: "";
}

.view-xs #cartSteps::before {
  top: 1rem;
}

#cartSteps .cartStep {
  width: 19%;
}

.cartStep .stepIdent {
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--col-secondary-highlight);
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto 0.5rem auto;
}

.view-xs .cartStep .stepIdent {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0;
}

.stepIdent span {
  color: var(--col-secondary-highlight);
  line-height: 1;
  font-size: 1.4rem;
}

.view-xs .stepIdent span {
  font-size: 1rem;
}

.cartStep .stepLabel {
  color: var(--col-secondary-highlight);
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  font-size: 0.7rem;
  margin-bottom: 0;
}

.view-xs .cartStep .stepLabel {
  display: none;
}

.cartStep.active .stepIdent {
  border-color: var(--col-primary);
  background-color: var(--col-primary);
}

.cartStep.done .stepIdent {
  border-color: var(--col-primary);
}

.cartStep.active .stepIdent span {
  color: #fff;
}

.cartStep.done .stepIdent span {
  color: var(--col-primary);
}

.cartStep.active .stepLabel, .cartStep.done .stepLabel {
  color: var(--col-primary);
}

/***********************************************************
* cartTable
***********************************************************/
.cartTable {
  width: 100%;
}

.cartTable th {
  text-transform: uppercase;
  line-height: 1;
  font-size: 1rem;
}

.view-xs .cartTable th {
  font-size: 0.9rem;
}

.cartTable .cartTableRowSeparator td {
  height: 0.5rem;
  position: relative;
}

.cartTable .cartTableRowSeparator td::before {
  display: block;
  height: 1px;
  width: calc(100% - 1px);
  position: absolute;
  bottom: 0;
  background-color: var(--col-secondary-highlight);
  content: "";
}

.view-mobile .cartTable .cartTableRowProductMobileInfo td {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}

.view-mobile .cartTable .cartTableRowProductMobileInfo .cartTableProduct {
  padding-right: 0;
}

.view-desktop .cartTable .cartTableRowProductMobileInfo {
  display: none;
}

.cartTable .cartTableOrder {
  padding-right: 1rem;
}

.cartTable td.cartTableOrder {
  padding-top: 1rem;
}

.cartTable .cartTableProduct {
  padding-top: 1rem;
  padding-right: 1rem;
  vertical-align: top;
}

.view-mobile .cartTableRowProduct .cartTableProduct {
  padding-right: 0;
}

.view-mobile .cartTableRowProduct .cartTableProduct * {
  display: none;
}

.cartTable .cartTableImg {
  padding-right: 1rem;
  padding-top: 1rem;
  width: 1%;
}

.view-xs .cartTable .cartTableImg {
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  vertical-align: top;
  width: 30%;
}

.cartTable .cartTableImg img {
  display: block;
  max-width: 200px;
  max-height: 200px;
}

.view-md .cartTable .cartTableImg img {
  max-width: 150px;
  max-height: 150px;
}

.view-sm .cartTable .cartTableImg img {
  max-width: 150px;
  max-height: 150px;
}

.view-xs .cartTable .cartTableImg img {
  width: 100%;
}

.cartTable .cartTablePriceLabel {
  padding-bottom: 0;
  padding-top: 0;
  text-align: right;
  width: 1%;
}

.view-xs .cartTable .cartTablePriceLabel {
  padding: 0.5rem 0;
  line-height: 1.4;
}

.cartTable .cartTablePrice {
  padding: 0 1rem 0 1rem;
  text-align: right;
  white-space: nowrap;
}

.view-xs .cartTable .cartTablePrice {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.view-xs .cartTable .cartTablePrice small {
  display: none;
}

.cartTable .cartTableValue {
  padding: 0 1rem 0 1rem;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}

.cartTable th.cartTableValue {
  padding: 1rem;
}

.view-xs .cartTable .cartTableValue {
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.view-xs .cartTable .cartTableValue small {
  display: none;
}

.view-sm .cartTable .cartTableValue {
  padding-top: 1rem;
}

.cartTable .cartTableRowPoints td {
  padding: 0.7rem 0 1rem 0;
}

.cartTable .cartTableRowPoints .cartTablePriceLabel {
  text-align: center;
}

.cartTable .cartTableRowPoints .cartTablePriceLabel img {
  height: 36px;
  max-width: 36px;
}

.cartTable .cartTableRowPoints .cartTablePriceLabel .cartItemPoints {
  padding: 0;
}

.view-xs .cartTable .cartTableRowPoints .cartTablePriceLabel img {
  height: 28px;
}

.view-xs .cartTable .cartTableRowPoints .cartTablePrice {
  font-size: 0.8rem;
}

.view-xs .cartTable .cartTableRowPoints .cartTableValue {
  font-size: 0.8rem;
}

.cartTable .cartTableRowPoints .cartItemPoints {
  padding: 0 1rem; /*height: calc( 36px + .5rem;); background-color: rgba(60,100,222,0.5);*/
}

.view-xs .cartTable .cartTableRowPoints .cartItemPoints {
  padding: 0;
}

.cartTable .cartTablePrice small, .cartTable .cartTableValue small {
  font-size: 0.6rem;
}

.cartTable .price {
  font-size: 1.2rem;
}

.cartTable .price strong {
  display: inline-block;
}

.cartTable .price.grossPrice {
  font-size: 1.2rem;
}

.view-xs .cartTable .price {
  font-size: 0.9rem;
}

.view-xs .cartTable .price.grossPrice {
  font-size: 0.9rem;
}

.cartTable .cartTableTax {
  text-align: center;
  border-top: 1px solid var(--col-secondary-highlight);
  height: 2rem;
}

.view-mobile .cartTable .cartTableRowInfo td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.view-desktop .cartTable .cartTableRowInfo:not(.cancelHide) {
  display: none;
}

.cartTable .cartTableRowDeliveryBG.cartTableRowFreeDelivery {
  background-color: rgba(0, 180, 30, 0.2);
}

.cartTable .cartTableRowDelivery td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
}

.view-xs .cartTable .cartTableRowDelivery td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
}

.cartTable .cartTableRowDelivery .cartTableProduct {
  vertical-align: middle;
}

.cartTable .cartTableRowDelivery .cartTablePriceLabel {
  padding-right: 1rem;
}

.cartTable .cartTableRowDelivery p {
  margin-bottom: 0;
}

.view-mobile .cartTable .cartTableProduct {
  padding: 0;
}

.view-mobile .cartTable .cartTableRowDelivery p {
  display: none;
}

.cartTable .cartTableRowSummary td {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.view-xs .cartTable .cartTableRowSummary td {
  padding-top: 0.5rem;
}

.cartTable .cartTableRowSummary .cartTablePriceLabel {
  padding-right: 1rem;
}

.cartTable .cartTableRowSummary p {
  margin-bottom: 0.25rem;
  white-space: nowrap;
}

.cartTable .cartTableRowSummary .summaryPoints {
  height: 3rem;
}

.view-xs .cartTable .cartTableRowSummary .summaryPoints {
  height: 2rem;
}

.cartTable .cartTableRowSummary .summaryPoints img {
  height: 100%;
}

.cartTable .cartTableRowSummary .summaryPointsValue {
  height: 3rem;
  padding-top: 0.6rem;
}

.view-xs .cartTable .cartTableRowSummary .summaryPointsValue {
  height: 2rem;
  padding-top: 0.3rem;
}

/*
.cartTable .cartTableRowSummary .summaryPointsValue {display: table-cell; vertical-align: middle; height: 3.5rem; float: right;}
.cartTable .cartTableRowSummary .summaryPointsValue + p {clear: both;}*/
/***********************************************************
* controler ilości
***********************************************************/
.itemQuantity, .unavailableItemQuantity {
  white-space: nowrap;
}

#cart .unavailableItemQuantity {
  padding: 1rem 0;
}

#cart tr.cartTableRowUnavailableItemQuantity {
  background-color: #fff3cd;
}

/***********************************************************
* punkty
***********************************************************/
#cart .discountInfo {
  margin: 0;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background-color: var(--col-primary);
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  white-space: nowrap;
  min-width: 12rem;
}

#cart .discountInfo img {
  float: left;
  margin-right: 0.5rem;
  height: 2.2rem;
}

#cart .discountInfo small {
  font-size: 80%;
}

/***********************************************************
* badge
***********************************************************/
#cart .cartBadge {
  padding: 0.25rem 0.5rem;
  border-radius: 0.2rem;
  white-space: nowrap;
  border: 1px solid #fff;
  background-size: 2.2rem;
  background-color: var(--col-secondary);
  background-repeat: no-repeat;
  font-size: 0.9rem;
}
#cart .cartBadge p {
  margin: 0;
  line-height: 1.2;
  color: #000;
}
#cart .cartBadge small {
  font-size: 80%;
}
#cart .cartBadge.cartBadgeDiscount {
  padding-left: 3.5rem;
  background-position: 0.5rem 50%;
  text-align: center;
}
#cart .cartBadge.cartItemDiscount {
  background-image: url("/img/svg/strima-ico-discount-black.svg");
  border-color: #ced4da;
}
#cart .cartBadge.cartItemOutlet {
  background-image: url("/img/outlet/strima-outlet-cart.png");
  border-color: red;
  cursor: pointer;
  padding-left: 0.25rem;
  padding-right: 3.5rem;
  background-position: right -10px;
  background-size: 3.5rem;
}
#cart .cartBadge.cartItemOutlet:hover {
  background-color: #fff;
}
#cart .cartBadge.cartItemOutlet strong {
  color: red;
}
#cart .cartBadge.cartItemTodaysDeals {
  background-image: url("/img/svg/strima-ico-discount-blue.svg");
  border-color: var(--col-primary);
  cursor: pointer;
}
#cart .cartBadge.cartItemTodaysDeals:hover {
  background-color: #fff;
}
#cart .cartBadge.cartItemTodaysDeals strong {
  color: var(--col-primary);
}
#cart .cartBadge.cartItemDiscountCode {
  background-image: url("/img/svg/strima-ico-discount-blue.svg");
  border-color: var(--col-primary);
}
#cart .cartBadge.cartItemDiscountCode strong {
  color: var(--col-primary);
}
#cart .cartBadge.cartBadgeXplus1 {
  background-image: none;
}
#cart .cartBadge.cartBadgeXplus1 img {
  max-height: 32px;
}

/***********************************************************
* usun/schowek
***********************************************************/
.cartTableProduct .markerAdd, .cartTableProduct .markerRemove {
  float: left;
  margin: 0.25rem 2rem 0 0;
}

/***********************************************************
* przyciski koszykowe
***********************************************************/
.cartBtns {
  margin-top: 1rem;
  padding-left: 0;
  padding-right: 0;
}

.cartBtns button {
  margin: 0.25rem 0 0.25rem 0rem;
}

/***********************************************************
* bledy koszykowe
***********************************************************/
.card-footer.bg-danger a {
  color: #fff;
}

/***********************************************************
* tabela podsumowująca
***********************************************************/
.summaryTab {
  margin: 0 auto;
}

.summaryTab td.label {
  text-align: right;
  padding-right: 0.5rem;
}

.summaryTab td.value {
  text-align: right;
  padding-left: 0.5rem;
  white-space: nowrap;
}

/***********************************************************
* Oferty
***********************************************************/
div.printableDocument {
  page-break-inside: auto;
}
div.printableDocument .imgToPrint {
  background-color: #fff;
  max-width: calc(350px + 1.5rem);
  float: right;
  padding-left: 1.5rem;
  padding-bottom: 1rem;
}
div.printableDocument .imgToPrint.imgToPrint-maly {
  max-width: calc(150px + 1.5rem);
}
div.printableDocument img {
  display: block;
}

/***********************************************************
* INDEX
***********************************************************/
.mainPage h1 {
  padding-bottom: 0.25rem;
}

.mainPage h2 {
  padding-bottom: 0.25rem;
}

.mainPage .bottomLine {
  border-bottom: 1px solid var(--col-secondary-highlight);
  padding-bottom: 0.25rem;
}

/***********************************************************
* NEWSLETTER
***********************************************************/
#newsletter {
  font-size: 0.9rem;
  color: #fff;
  background-color: var(--col-primary);
  padding: 1rem 1rem;
}
#newsletter .input-group-text {
  background-color: #fff;
  color: var(--col-primary);
}
#newsletter .form-row {
  background-color: var(--col-primary);
  margin: 0;
}
#newsletter .form-row .form-control.required.input-valid ~ .valid-tooltip {
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#newsletter .form-row input {
  border: 0;
  border-radius: 0;
}
#newsletter .form-row .btn {
  border-radius: 0;
  margin-left: 2px;
}
#newsletter .form-row .signout {
  background-color: transparent;
  border-color: transparent;
  color: #fff;
}
#newsletter .form-row .signout:hover {
  text-decoration: underline;
}
#newsletter .rodo {
  text-align: center;
}
#newsletter .rodo p {
  margin-top: 0.5rem;
  margin-bottom: 0;
}
#newsletter .rodo a {
  color: #fff;
}
#newsletter .rodo .modal-body {
  text-align: left;
}

/***********************************************************
* FOOTER
***********************************************************/
footer {
  font-size: 0.9rem;
}
footer.bottom {
  background-color: #333;
  color: #fff;
}
footer.bottom a {
  text-decoration: none;
  color: #fff;
}
footer.bottom a:hover {
  text-decoration: underline;
  color: #fff;
}
footer.bottom .mwidth {
  min-width: 240px;
}

.socialLink {
  display: block;
  padding: 2px 10px;
  margin-top: 0.5rem;
  float: left;
}

.socialLink img {
  height: 35px;
  display: block;
}

.socialLink:hover {
  padding: 0 8px;
}

.socialLink:hover img {
  height: 39px;
}

/***********************************************************
* MODAL
***********************************************************/
.modal-content h5, .modal-content p, .modal-content li {
  color: #000;
}

.modal-content ul {
  padding-left: 20px;
}

/***********************************************************
* ALERTS
***********************************************************/
#cookieInfoDiv {
  background-color: var(--col-secondary);
  border-color: var(--col-secondary-highlight);
  border-radius: 0;
}

/***********************************************************
* BANNERS
***********************************************************/
#bannersCarousel .carousel-inner {
  max-height: 350px;
}

.carousel-indicators {
  left: auto;
  bottom: auto;
  top: 10px;
  margin-left: 0;
  margin-right: 10px;
}

.carousel-indicators li {
  cursor: pointer;
  height: 5px;
}

.carousel-indicators li:hover {
  opacity: 1;
}

.carousel-indicators li span {
  display: block;
  background-color: #fff;
  height: 100%;
  -webkit-box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.5);
          box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.5);
}

.carousel-indicators li:hover span {
  background-color: var(--col-primary);
  -webkit-box-shadow: 0.1rem 0.1rem 0.5rem rgba(255, 255, 255, 0.85);
          box-shadow: 0.1rem 0.1rem 0.5rem rgba(255, 255, 255, 0.85);
}

.view-desktop .carousel-item img {
  margin: 0 auto;
}

#bannersCarousel .carousel-item video {
  width: 100%;
  height: auto;
  display: block;
}

.view-desktop #bannersCarousel .carousel-item video {
  max-width: 1200px;
  margin: 0 auto;
}

.view-mobile #bannersCarousel .carousel-item img:not(.mobile), .view-mobile #bannersCarousel .carousel-item video:not(.mobile) {
  width: 120%;
  max-width: 120%;
  margin-left: -10%;
}

.carousel-caption {
  left: 0;
  right: 0;
}

/*
.carousel-caption.bannerPosTL {}
.carousel-caption.bannerPosTC {}
.carousel-caption.bannerPosTR {}
.carousel-caption.bannerPosCL {}
.carousel-caption.bannerPosCC {}
.carousel-caption.bannerPosCR {}
.carousel-caption.bannerPosBL {}
.carousel-caption.bannerPosBC {}
.carousel-caption.bannerPosBR {}
*/
.carousel-item:not(.noPointer) {
  cursor: pointer;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 50px;
  height: 50px;
  background-size: 60% 60%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
}

.view-desktop .carousel-control-next:hover .carousel-control-next-icon, .view-desktop .carousel-control-prev:hover .carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.5);
}

.carousel-control-next:active .carousel-control-next-icon, .carousel-control-prev:active .carousel-control-prev-icon {
  background-color: rgba(0, 0, 0, 0.1);
}

#bannersCarousel .carousel-control-next, #bannersCarousel .carousel-control-prev {
  width: 50px;
  top: calc(50% - 25px);
  bottom: auto;
  opacity: 1;
}

.carousel-control-next {
  right: -10px;
}

.carousel-control-prev {
  left: -10px;
}

.countDownAddonInCircle {
  position: absolute;
}
#bannersCarousel:hover .countDownAddonInCircle {
  display: none !important;
}
.countDownAddonInCircle_D {
  top: 3%;
  left: 58%;
  width: 17%;
  height: 58.2857142857%;
  border-radius: 50%;
}
.countDownAddonInCircle p.countDownDaysP {
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.3rem;
  margin-bottom: 0;
  padding: 0 0.9rem 0.1rem 0.9rem;
  width: 100%;
}
.countDownAddonInCircle p.countDownDaysP span.daysLeft {
  display: inline-block;
  font-size: 5rem;
  font-weight: bold;
}
#ru .countDownAddonInCircle p.countDownDaysP {
  font-size: 1rem;
}
.view-mobile .countDownAddonInCircle_D {
  top: 2%;
  left: 59.5%;
  width: 20.5%;
  height: 58.5714285714%;
}
.view-md .countDownAddonInCircle p.countDownDaysP {
  font-size: 0.9rem;
}
.view-md .countDownAddonInCircle p.countDownDaysP span.daysLeft {
  font-size: 4rem;
}
#ru.view-md .countDownAddonInCircle p.countDownDaysP {
  font-size: 0.7rem;
}
.view-sm .countDownAddonInCircle p.countDownDaysP {
  font-size: 0.8rem;
}
.view-sm .countDownAddonInCircle p.countDownDaysP span.daysLeft {
  font-size: 3.5rem;
}
#ru.view-sm .countDownAddonInCircle p.countDownDaysP {
  font-size: 0.7rem;
}
.view-xs .countDownAddonInCircle p.countDownDaysP {
  font-size: 0.6rem;
  padding: 0 0.3rem;
}
.view-xs .countDownAddonInCircle p.countDownDaysP span.daysLeft {
  font-size: 1.4rem;
}
#ru.view-xs .countDownAddonInCircle p.countDownDaysP {
  font-size: 0.5rem;
}

#bannersCarousel .countDownAddon {
  position: absolute;
}
#bannersCarousel .countDownAddon_DHMS {
  top: 50%;
  left: 30%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 66%;
}
#bannersCarousel .countDownAddon p.countDown {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
  width: 100%;
}
#bannersCarousel .countDownAddon p.countDown span.counterBox {
  display: inline-block;
  padding: 0px 0.6rem;
}
#bannersCarousel .countDownAddon p.countDown span.counterBox:last-of-type {
  padding-right: 0;
}
#bannersCarousel .countDownAddon p.countDown span.counterBoxLabel {
  font-size: 3rem;
  padding-top: 2.1rem;
  display: block;
  font-weight: bold;
  padding-right: 1rem;
}
#bannersCarousel .countDownAddon p.countDown span.counterBox span {
  font-size: 5.5rem;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #fff;
}
#bannersCarousel .countDownAddon p.countDown span.counterBoxSep {
  display: inline-block;
}
#bannersCarousel .countDownAddon p.countDown span.counterBoxSep span {
  font-size: 4.8rem;
  display: inline-block;
}
.view-md #bannersCarousel .countDownAddon p.countDown, .view-lg #bannersCarousel .countDownAddon p.countDown {
  font-size: 1rem;
}
.view-md #bannersCarousel .countDownAddon p.countDown span.counterBoxLabel, .view-lg #bannersCarousel .countDownAddon p.countDown span.counterBoxLabel {
  font-size: 3.7vw;
  padding-top: 2.6vw;
}
.view-md #bannersCarousel .countDownAddon p.countDown span.counterBox span, .view-lg #bannersCarousel .countDownAddon p.countDown span.counterBox span {
  font-size: 6.8vw;
}
.view-md #bannersCarousel .countDownAddon p.countDown span.counterBoxSep span, .view-lg #bannersCarousel .countDownAddon p.countDown span.counterBoxSep span {
  font-size: 5.5vw;
}
.view-mobile #bannersCarousel .countDownAddon_DHMS {
  top: 53%;
  left: 30%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 66%;
}
.view-mobile #bannersCarousel .countDownAddon p.countDown {
  font-size: 0.8rem;
}
.view-mobile #bannersCarousel .countDownAddon p.countDown span.counterBox {
  padding: 0 0.5rem;
}
.view-mobile #bannersCarousel .countDownAddon p.countDown span.counterBoxLabel {
  padding: 0 0 0.25rem 0;
  font-size: 4.5vw;
}
.view-mobile #bannersCarousel .countDownAddon p.countDown span.counterBox span {
  font-size: 6vw;
}
.view-mobile #bannersCarousel .countDownAddon p.countDown span.counterBoxSep {
  line-height: 1.5;
}
.view-mobile #bannersCarousel .countDownAddon p.countDown span.counterBoxSep span {
  font-size: 5vw;
}

.banner-noIndex .countDownAddon {
  position: absolute;
}
.banner-noIndex .countDownAddon_DHMS {
  top: 50%;
  left: 17%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 61%;
}
.banner-noIndex .countDownAddon p.countDown {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 0;
  width: 100%;
}
.banner-noIndex .countDownAddon p.countDown span.counterBox {
  display: inline-block;
  padding: 0 1rem;
}
.banner-noIndex .countDownAddon p.countDown span.counterBox:last-of-type {
  padding-right: 0;
}
.banner-noIndex .countDownAddon p.countDown span.counterBoxLabel {
  font-size: 2.5rem;
  padding-top: 1.4rem;
  display: block;
  font-weight: bold;
  padding-right: 1rem;
}
.banner-noIndex .countDownAddon p.countDown span.counterBox span {
  font-size: 4.2rem;
  display: inline-block;
  font-weight: bold;
  margin-bottom: 0.25rem;
  border-bottom: 1px solid #fff;
}
.banner-noIndex .countDownAddon p.countDown span.counterBoxSep {
  display: inline-block;
}
.banner-noIndex .countDownAddon p.countDown span.counterBoxSep span {
  font-size: 3.9rem;
  display: inline-block;
}
.view-md .banner-noIndex .countDownAddon p.countDown, .view-lg .banner-noIndex .countDownAddon p.countDown {
  font-size: 1rem;
}
.view-md .banner-noIndex .countDownAddon p.countDown span.counterBoxLabel, .view-lg .banner-noIndex .countDownAddon p.countDown span.counterBoxLabel {
  font-size: 3.3vw;
  padding-top: 1.9vw;
}
.view-md .banner-noIndex .countDownAddon p.countDown span.counterBox span, .view-lg .banner-noIndex .countDownAddon p.countDown span.counterBox span {
  font-size: 5.6vw;
}
.view-md .banner-noIndex .countDownAddon p.countDown span.counterBoxSep span, .view-lg .banner-noIndex .countDownAddon p.countDown span.counterBoxSep span {
  font-size: 4.9vw;
}
.view-mobile .banner-noIndex .countDownAddon_DHMS {
  top: 50%;
  left: 21.5%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 50%;
}
.view-mobile .banner-noIndex .countDownAddon p.countDown {
  font-size: 0.8rem;
}
.view-mobile .banner-noIndex .countDownAddon p.countDown span.counterBox {
  padding: 0px 0.5vw;
}
.view-mobile .banner-noIndex .countDownAddon p.countDown span.counterBoxLabel {
  padding: 0;
  font-size: 3.9vw;
}
.view-mobile .banner-noIndex .countDownAddon p.countDown span.counterBox span {
  font-size: 5.5vw;
  margin-bottom: 0.7vw;
}
.view-mobile .banner-noIndex .countDownAddon p.countDown span.counterBoxSep {
  line-height: 1.5;
}
.view-mobile .banner-noIndex .countDownAddon p.countDown span.counterBoxSep span {
  font-size: 4.7vw;
}
.view-xs.view-mobile .banner-noIndex .countDownAddon p.countDown {
  font-size: 0.7rem;
}

.banerCena {
  display: block;
  width: 34%;
  height: 50.7%;
  position: absolute;
  bottom: 8.6%;
  left: 16.4%;
  text-align: center;
}
.view-sm .banerCena {
  width: 40.6%;
  height: 48.7%;
  left: 9.9%;
  bottom: 11.6%;
}
.view-xs .banerCena {
  width: 40.6%;
  height: 43.7%;
  left: 9.9%;
  bottom: 15.6%;
}
.banerCena .price.grossPrice {
  color: #000;
  font-size: 3.3rem;
  white-space: nowrap;
}
.view-md .banerCena .price.grossPrice {
  font-size: 2.7rem;
}
.view-sm .banerCena .price.grossPrice {
  font-size: 2.2rem;
}
.view-xs .banerCena .price.grossPrice {
  font-size: 1.2rem;
}
.banerCena .price.grossPrice del {
  -webkit-text-decoration: line-through #fff solid;
          text-decoration: line-through #fff solid;
}
.banerCena .price.grossPrice.banerCenaOutlet {
  color: #fff;
  width: 100%;
}

.banerCenaKod {
  font-size: 1.5rem;
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 0 1rem;
  background-color: rgba(255, 0, 0, 0.75);
}
.view-md .banerCenaKod {
  font-size: 1.1rem;
}
.view-sm .banerCenaKod {
  font-size: 1.1rem;
}
.view-xs .banerCenaKod {
  font-size: 0.8rem;
}
.banerCenaKod.banerCenaOutlet {
  color: #fff;
}

.addBannerPriceCode {
  display: block;
  position: absolute;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.addBannerPriceCode.addBannerPriceCodeTL, .addBannerPriceCode.addBannerPriceCodeTC, .addBannerPriceCode.addBannerPriceCodeTR {
  top: 0;
}
.addBannerPriceCode.addBannerPriceCodeCL, .addBannerPriceCode.addBannerPriceCodeCR {
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.addBannerPriceCode.addBannerPriceCodeBL, .addBannerPriceCode.addBannerPriceCodeBC, .addBannerPriceCode.addBannerPriceCodeBR {
  bottom: 0;
}
.addBannerPriceCode.addBannerPriceCodeTL, .addBannerPriceCode.addBannerPriceCodeCL, .addBannerPriceCode.addBannerPriceCodeBL {
  left: 0;
  padding-left: 5%;
}
.addBannerPriceCode.addBannerPriceCodeTC, .addBannerPriceCode.addBannerPriceCodeBC {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.addBannerPriceCode.addBannerPriceCodeTR, .addBannerPriceCode.addBannerPriceCodeCR, .addBannerPriceCode.addBannerPriceCodeBR {
  right: 0;
  padding-right: 5%;
}
.addBannerPriceCode.addBannerPriceCodeCC {
  left: 50%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.addBannerPriceCode.addBannerPriceCodeTL, .addBannerPriceCode.addBannerPriceCodeTC, .addBannerPriceCode.addBannerPriceCodeCL, .addBannerPriceCode.addBannerPriceCodeCC {
  border-bottom-right-radius: 0.25rem;
}
.addBannerPriceCode.addBannerPriceCodeTC, .addBannerPriceCode.addBannerPriceCodeTR, .addBannerPriceCode.addBannerPriceCodeCC, .addBannerPriceCode.addBannerPriceCodeCR {
  border-bottom-left-radius: 0.25rem;
}
.addBannerPriceCode.addBannerPriceCodeCL, .addBannerPriceCode.addBannerPriceCodeCC, .addBannerPriceCode.addBannerPriceCodeBL, .addBannerPriceCode.addBannerPriceCodeBC {
  border-top-right-radius: 0.25rem;
}
.addBannerPriceCode.addBannerPriceCodeCC, .addBannerPriceCode.addBannerPriceCodeCR, .addBannerPriceCode.addBannerPriceCodeBC, .addBannerPriceCode.addBannerPriceCodeBR {
  border-top-left-radius: 0.25rem;
}
.view-desktop .addBannerPriceCode {
  font-size: 1.8rem;
}

/***********************************************************
* KATEGORIE
***********************************************************/
#categoryImg {
  min-height: 75px;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.subCategory {
  padding: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.1;
}
.subCategory div {
  position: relative;
  background-color: #F8F8F8;
  height: 100%;
}
.subCategory div img {
  display: block;
  margin: 0 auto;
}
.subCategory div a {
  display: block;
  padding: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.subCategory div:hover {
  background-color: #fff;
}
.subCategory .testOnly {
  /*display: none;*/
  background-color: yellow;
  position: absolute;
  bottom: 0px;
  z-index: 2;
}

.subCategory_old {
  cursor: pointer;
  display: relative;
}
.subCategory_old:hover {
  background-color: var(--col-secondary);
}
.subCategory_old:hover a {
  color: var(--col-primary);
}
.subCategory_old .subCategoryProductsCount {
  font-size: 0.8rem;
  line-height: 1.4;
  display: block;
  padding: 0 6px 0 5px;
  position: absolute;
  top: 1rem;
  right: 1rem;
  border: 1px solid var(--col-secondary-highlight);
  border-radius: 5px;
  background-color: var(--col-white09);
  line-height: 18px;
  text-align: center;
  color: var(--col-primary);
}
.subCategory_old .subCategoryName {
  font-size: 0.9rem;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
}

/***********************************************************
* BREAKERS
***********************************************************/
.indexBreaker {
  padding: 1rem;
  opacity: 0.95;
  height: calc(70px + 2rem);
  background-position: calc(100% - 1rem) 50%;
  background-repeat: no-repeat;
  background-size: 70px;
}

.view-md .indexBreaker {
  height: calc(80px + 2rem);
  background-size: auto 80px;
}

.indexBreaker:hover {
  opacity: 1;
}

.indexBreaker a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.2;
}

.view-lg .indexBreaker a {
  font-size: 1.2rem;
}

.view-md .indexBreaker a {
  font-size: 1rem;
}

.view-sm .indexBreaker a {
  font-size: 1.2rem;
}

.view-xs .indexBreaker a {
  font-size: 1.2rem;
}

.breakerPPS {
  background-color: #3d65de;
  background-image: url("/img/svg/strima-ico-partnership-program-index.svg");
}

.breakerPPS a {
  font-size: 1.7rem;
}

.view-md .breakerPPS a {
  font-size: 1.4rem;
}

.view-sm .breakerPPS a {
  font-size: 1.8rem;
}

.view-xs .breakerPPS a {
  padding-right: 86px;
}

.breakerPPS a span {
  color: #fdd128;
}

.breakerParts {
  background-color: #eead14;
  background-image: url("/img/svg/strima-ico-spare-parts-white.svg");
}

.view-xs .breakerParts {
  background-position: calc(99% - 1rem) 50%;
}

.breakerInfo {
  background-color: #25a233;
  background-image: url("/img/svg/strima-ico-owl-white.svg");
  background-size: 54px;
}

.view-sm .breakerInfo, .view-xs .breakerInfo {
  background-position: calc(96% - 1rem) 50%;
}

.breakerHomeSewingFull {
  background-image: url("/img/banery/index/home-sewing.jpg");
  background-size: auto 100%;
  background-position: 50% 50%;
  background-color: #3d65de;
  height: calc(100px + 2rem);
}

.breakerHomeSewingFull a, .view-lg .breakerHomeSewingFull a, .view-md .breakerHomeSewingFull a {
  font-size: 1.7rem;
}

.view-sm .breakerHomeSewingFull {
  height: 100px;
  background-size: auto 100%;
}

.view-xs .breakerHomeSewingFull {
  height: 80px;
  background-size: auto 100%;
}

.view-md .breakerHomeSewingFull a {
  font-size: 1.4rem;
}

.view-md .breakerHomeSewingFull {
  background-size: auto 100%;
}

.breakerHomeSewing {
  background-image: url("/img/banery/index/home-sewing.jpg");
  background-size: auto 100%;
  background-position: 50% 50%;
  background-color: #3d65de;
  height: calc(100px + 2rem);
}
.breakerHomeSewing.PfaffHuaqvarnaViking {
  background-image: url("/img/banery/index/pfaff-husqvarna-viking.jpg");
  background-color: #ca0125;
  background-size: contain !important;
}
.breakerHomeSewing a, .view-lg .breakerHomeSewing a, .view-md .breakerHomeSewing a {
  font-size: 1.7rem;
}
.view-sm .breakerHomeSewing {
  height: 100px;
  background-size: auto 100%;
}
.view-xs .breakerHomeSewing {
  height: 80px;
  background-size: auto 100%;
}
.view-md .breakerHomeSewing {
  background-size: auto 100%;
}
.view-md .breakerHomeSewing a {
  font-size: 1.4rem;
}

/***********************************************************
* BRANDS
***********************************************************/
.mainBrands {
  text-align: center;
  margin-top: 3rem;
  min-height: 165px;
  position: relative;
}

.mainBrands a {
  width: 120px;
  display: inline-block;
  padding: 0 0.5rem;
}

.mainBrands a img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}

.mainBrands a:hover img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/***********************************************************
* ERROR PAGES
***********************************************************/
.errorPage {
  text-align: center;
}

.errorPage h1 {
  margin-bottom: 0;
} /* font-weight: normal; font-family: roboto,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
.errorPage p {
  margin-bottom: 0;
}

.errorPage img.errorImg {
  display: block;
  margin: 0 auto;
  width: 35%;
  min-width: 250px;
}

.errorPage ul {
  padding: 0;
  margin: 0;
  list-style-position: inside;
}

.errorPage .contactInvitation {
  padding: 3rem 0;
}

#page404 h1 {
  margin-top: 0.5rem;
}

#page404 ul {
  margin-top: 3rem;
  list-style-type: none;
}

#noSearchResults .alert {
  margin-bottom: 3rem;
}

#filteringNoResults h1 {
  margin-top: 3rem;
}

/***********************************************************
* JOKER
***********************************************************/
.jokerBadge p {
  font-weight: bold;
}

.jokerDiscount {
  padding: 0.25rem 0;
  display: block;
  background-color: #ffd12f;
  color: #000;
}

#product .jokerDiscount {
  font-size: 1.2rem;
}

#productsList .jokerBadge {
  min-height: 120px;
}
#productsList .jokerDiscountLabel {
  position: relative;
}
#productsList .jokerDiscountLabel img {
  display: block;
  height: 3rem;
  position: absolute;
  top: -0.75rem;
  left: -0.25rem;
}

.brunettoAddBg {
  background: url("/img/stat/brunetto2020/brunettoBodyBg.png");
}
.brunettoAddBg section.wrapper {
  background-color: #fff;
}

.jokerBrunetto .price.delParent {
  color: #000;
}
.jokerBrunetto .price del {
  -webkit-text-decoration: line-through #000 solid;
          text-decoration: line-through #000 solid;
}

.jokerBadgeTowar {
  /* background-image: linear-gradient(0deg, #cca43d, #e8bb47, #cca43d); */
  text-align: center;
  padding: 0.25rem 0;
  margin-bottom: 0.5rem;
  font-size: 2rem;
}

/***********************************************************
* OUTLET
***********************************************************/
.btn-outlet {
  background-color: red;
  border-color: red;
  color: #fff !important;
}
.btn-outlet:hover {
  background-color: var(--col-primary-highlight);
  border-color: var(--col-primary-highlight);
  color: #fff;
}

.outletSoldoutPanel {
  cursor: pointer;
}

#productsList .outletSoldoutPanel {
  height: 100%;
}

.outletSoldout {
  font-size: 1.4rem;
  padding: 0.5rem;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  text-align: center;
}

.outletSoldoutPanel:hover .outletSoldout {
  color: #fff;
  background-color: red;
}

#productsList .outletSoldout {
  font-size: 1rem;
  padding: 0.25rem;
}

#product .outletSoldoutPanel {
  padding: 3rem 0;
}

.view-xs #productsList .outletSoldoutPanel {
  padding-bottom: 1rem;
}

.outletSoldoutLabel {
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8rem;
  color: red;
}

.outletPreviewPanel {
  cursor: pointer;
}

.outletPreview {
  background-color: red;
  color: #fff;
  border-top: 1px solid red;
  border-bottom: 1px solid red;
}

.outletPreviewPanel:hover .outletPreview {
  background-color: #fff;
  color: red;
}

#product .outletPreviewPanel {
  padding-bottom: 1rem;
}

#productsList .outletPreviewPanel {
  height: 100%;
  min-height: 110px;
}

.view-xs #productsList .outletPreviewPanel {
  padding-bottom: 1rem;
}

#productsList .outletPreviewImg {
  height: 100%;
  text-align: center;
}

#productsList .outletPreviewImg img {
  height: 90px;
}

#product .outletPreview {
  margin-top: -2rem;
  padding: 0.1rem 2rem;
}

#productsList .outletPreview {
  margin-top: -2rem;
  padding: 0.1rem 1rem;
  text-align: center;
  font-size: 0.8rem;
}

.view-desktop #productsList .outletPreview {
  margin-top: -2.5rem;
}

.outletIcon {
  cursor: pointer;
}

/***********************************************************
* NEW
***********************************************************/
.btn-new {
  background-color: #73f2d0;
  border-color: #73f2d0;
  text-transform: uppercase;
}
.btn-new:hover {
  background-color: var(--col-primary-highlight);
  border-color: var(--col-primary-highlight);
  color: #fff;
}

/***********************************************************
* wyprzedane
***********************************************************/
#product .soldoutPanel {
  padding: 3rem 0;
}

.soldout {
  font-size: 1.4rem;
  padding: 0.5rem;
  border-top: 2px solid red;
  border-bottom: 2px solid red;
  text-align: center;
}

#productsList .soldoutPanel {
  height: 100%;
}

#productsList .soldout {
  font-size: 1rem;
  padding: 0.25rem;
}

/***********************************************************
* kategorie wyróżnione na glownej
***********************************************************/
#mainCats {
  margin-top: 2rem;
  padding: 0 10px;
}
#mainCats .catsBox {
  background-color: #f8f8f8;
  border: 5px solid #fff;
  padding: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#mainCats .catsBox .catsBoxTitle {
  font-size: 1.2rem;
  margin-bottom: 0;
  padding-bottom: 0.75rem;
  margin-bottom: auto;
}
#mainCats .catsBox .catsBoxTitle a {
  color: #000;
  text-decoration: none;
}
#mainCats .catsBox .catsBoxTitle a:hover {
  color: var(--col-primary);
}
#mainCats .catsBox .catsImg {
  display: block;
  width: 100%;
  margin: auto 0;
}
#mainCats .catsBox .catsSeeMore {
  font-size: 0.9rem;
  color: #6e86bf;
  text-decoration: none;
  display: inline-block;
  padding-top: 0.75rem;
  margin-top: auto;
}
#mainCats .catsBox .catsSeeMore:hover {
  color: #000;
}
#mainCats .catsBox .catsSeeMore::first-letter {
  text-transform: uppercase;
}
#mainCats .catsBox .catsImgBox4 {
  padding: 5px 0;
  width: 100%;
}
#mainCats .catsBox .catsImgBox4 div {
  padding: 0;
  width: calc(50% - 5px);
  float: left;
  line-height: 1;
}
#mainCats .catsBox .catsImgBox4 div:nth-child(2n+2) {
  float: right;
}
#mainCats .catsBox .catsImgBox4 div .catsSee {
  line-height: 1.2;
  font-size: 0.9rem;
  text-decoration: none;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
  margin-top: 5px;
}
#mainCats .catsBox .catsImgBox4 div .catsSee:hover {
  color: var(--col-primary);
}
.view-mobile #mainCats .catsBox .catsImgBox4 div .catsSee {
  font-size: 1rem;
}
#mainCats .catsBox .catsImgBox4 div.sepp {
  float: none;
  padding: 8px 0;
  clear: both;
}

.staticTxt .blockquote, .staticTxt .btn {
  font-size: 1.1rem;
}
.staticTxt .blockquote, .staticTxt .btn.btn-sm {
  font-size: 0.9rem;
}
.staticTxt .blockquote-footer {
  font-size: 1rem;
}

.static {
  padding-bottom: 2rem;
}
.static h1 {
  margin-bottom: 0;
  padding-bottom: 3rem;
}
.static h2 {
  margin-bottom: 1.5rem;
}
.static h3 {
  margin-bottom: 1.5rem;
}
.static h4 {
  margin-bottom: 1.5rem;
}
.static h5 {
  margin-bottom: 1.5rem;
}
.static .primaryBar, .static .blackBar, .static .redBar {
  color: #fff;
  text-align: center;
}
.static .primaryBar:not(.smallBar), .static .blackBar:not(.smallBar), .static .redBar:not(.smallBar) {
  font-size: 2rem;
  padding: 0.25rem 1rem 0.25rem 1rem;
}
.static .primaryBar.smallBar, .static .blackBar.smallBar, .static .redBar.smallBar {
  padding: 0.5rem 1rem;
}
.static .primaryBar {
  background-color: var(--col-primary);
}
.static .blackBar {
  background-color: #000;
}
.static .redBar {
  background-color: red;
}
.static .submenu {
  margin-bottom: 1.5rem;
}
.static .submenu div.submenuItem:first-child {
  border: 0;
}
.static .submenuItem {
  text-align: center;
  text-transform: uppercase;
  padding: 0.5rem 0.5rem;
  font-size: 1.2rem;
  margin-bottom: 0;
  border-left: 1px solid #C3C3C3;
  position: relative;
  background-color: var(--col-highlight);
}
.static .submenuItem a {
  color: #000;
  text-decoration: none;
}
.static .submenuItem:hover {
  background-color: var(--col-primary);
}
.static .submenuItem:hover a {
  color: #fff;
}
.static .group {
  margin-bottom: 1.5rem;
}
.static .subgroup {
  margin-bottom: 1rem;
}
.static .subgroup.imgL img, .static .subgroup .subgroup.imgR img {
  width: 100%;
  max-width: 300px;
  margin-bottom: 0.5rem;
  display: block;
}
.static .subgroup.imgL img {
  float: left;
  margin-right: 1.5rem;
}
.static .subgroup.imgR img {
  float: right;
  margin-left: 1.5rem;
}
.static .subgroup img.w-100 {
  max-width: 100%;
}
.static .group.sepparator .subgroup:not(.skipSepparator) {
  border-top: 1px dashed var(--col-secondary-highlight);
  padding-top: 1.5rem;
}
.static .white-text-shadow {
  text-shadow: 1px 1px 1px #000, 1px 1px 3px #000;
}

@media (max-width: 575.98px) { /* = xs */
  .static .subgroup.imgL img, .static .subgroup.imgR img {
    float: none;
    margin: 0 auto 1rem auto;
  }
}
@media (max-width: 767.98px) { /* < md */
  .static .submenuItem {
    border-left: 0;
    font-size: 0.9rem;
    padding: 0.75rem 0.5rem;
  }
}
/*** regulaminy ***/
.regulation {
  clear: both;
  padding-bottom: 3rem;
}

.regulation:last-of-type {
  padding-bottom: 0;
}

.regulation .card {
  margin-bottom: 1rem;
}

.regulation .card-body {
  padding-top: 0;
  padding-bottom: 0;
}

.regulation .card-title {
  margin-top: 0.75rem;
}

.regulation .list-group-item *:last-child {
  margin-bottom: 0;
}

/*** /stat/eshop-regulations ***/
.static #ppsRegulations .section {
  padding-top: 0;
}

.static #ppsRegulations .ppsFaq {
  margin-bottom: 2rem;
}

/*** /stat/pps-faq ***/
#answer {
  padding: 0.75rem 1.25rem;
  border: 1px solid var(--col-primary);
}

#closeAnswer {
  display: block;
  margin: 0 auto;
}

/*** /stat/career ***/
#career h1 {
  padding: 1rem 1rem 0.5rem 1rem;
  background-color: #3056a1;
  color: #fff;
}

.headLead {
  padding: 0 1rem 2rem 1rem;
  margin-bottom: 0;
  background-color: #3056a1;
  color: #fff;
}

#career .container {
  background-color: #3056a1;
  padding: 1rem;
}

#jobLead {
  margin-bottom: 2rem;
  color: #fff;
}

#jobList {
  color: #fff;
}

#jobList a {
  color: #fff;
}

#jobList a:hover {
  color: #fff;
  text-decoration: none;
}

.jobSelector {
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}

.jobSelector:hover {
  text-decoration: none;
}

.jobActive {
  color: #fff;
}

.jobMore {
  padding: 0.5rem;
  margin: 0rem 0 2rem 0;
}

#jobSummary {
  padding-top: 1rem;
}

/*** /stat/stima-catalog ***/
#katalog h1 {
  padding-bottom: 1rem;
}

#katalog img {
  margin-bottom: 1rem;
}

#katalog .btn {
  white-space: nowrap;
  background-position: 0.75rem 50%;
  background-repeat: no-repeat;
  padding-left: calc(1.5rem + 50px);
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
}

#katalog a#download {
  background-image: url("/img/stat/catalog/download.png");
}

#katalog a#view {
  background-image: url("/img/stat/catalog/view.png");
}

#katalog a#order {
  background-image: url("/img/stat/catalog/order.png");
}

/*** /stat/strima-partnership-program ***/
#ppsInfographicsTrigger {
  float: left;
  width: 100px;
  margin-right: 1rem;
  margin-bottom: 35px;
  cursor: pointer;
  position: relative;
}

#ppsInfographicsTrigger .clickMe {
  position: absolute;
  bottom: -30px;
  right: 5px;
}

.ppsInfographicsImg {
  display: block;
}

.status {
  padding-bottom: 0.5rem;
}

.status p:first-child {
  margin-bottom: 0.5rem;
}

.status img {
  margin-bottom: 0.5rem;
}

.pps-junior {
  color: #93a288;
}

.pps-junior a, pps-junior a:visited {
  color: #93a288;
}

.status .pps-junior a:hover {
  color: #404F70;
}

.pps-gold {
  color: #a7a44f;
}

.pps-platinum {
  color: #7d868e;
}

.pps-diamond {
  color: #78add2;
}

/*** /stat/installments-and-leasing ***/
.installmentsTxt {
  color: #ED1C24;
}

/*** /szyciowy-dom-hobby **/
#homeOfSewing {
  padding: 2rem;
  background-color: var(--col-primary);
}

#homeOfSewing h1 {
  color: #fff;
  margin-bottom: 1rem;
}

#homeOfSewing h2 {
  color: #fff;
  border-top: 1px dashed #fff;
  padding-top: 2rem;
}

#homeOfSewing p {
  margin-bottom: 2rem;
  color: #fff;
}

#homeOfSewing .row {
  border-top: 1px dashed #fff;
  padding-top: 2rem;
}

#homeOfSewing .homeOfSewingImg {
  display: block;
  margin-bottom: 1rem;
}

#homeOfSewing .homeOfSewingImg img {
  display: block;
  margin: 0 auto;
}

#homeOfSewing a {
  color: #fff;
}

#homeOfSewing a:hover, #homeOfSewing a:hover:not([href]):not([tabindex]) {
  color: #fff;
  text-decoration: none;
}

#homeOfSewing a:not([href]):not([tabindex]) {
  text-decoration: underline;
}

#homeOfSewing .modal-body p {
  color: #000;
  padding: 0;
  margin: 0;
}

#homeOfSewing .modal-body .card {
  margin: 1rem 0;
}

#homeOfSewing .embed-responsive {
  margin-top: 2rem;
}

/*** /stat/site-map **/
#categoryTree h2 {
  margin-bottom: 0.5rem;
}

#categoryTree h2 span {
  margin-top: 0.25rem;
  margin-right: 0.75rem;
}

#categoryTree ul {
  padding: 0;
  list-style: none;
  border-left: 1px solid var(--col-primary);
  margin-left: 2rem;
}

#categoryTree ul#layer1 {
  margin-left: calc(0.75rem - 1px);
}

#categoryTree li {
  margin-left: -0.75rem;
  padding: 0.25rem 0;
  line-height: 1.5rem;
}

#categoryTree li.last {
  margin-left: 1.5rem;
}

#categoryTree li a {
  text-decoration: none;
  display: inline-block;
  line-height: 1.5rem;
}

#categoryTree span.markerBtn {
  display: block;
  background-color: #fff;
  border: 1px solid var(--col-primary);
  color: var(--col-primary);
  cursor: pointer;
  float: left;
  height: 1.5rem;
  width: 1.5rem;
  text-align: center;
  margin-right: 0.75rem;
}

#categoryTree span#marker1.markerBtn {
  font-family: roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

#categoryTree span.markerBtn:hover {
  background-color: var(--col-primary);
  color: #fff;
}

#categoryTree span.markerBtn::before {
  display: block;
  font-size: 1.5rem;
  line-height: 1.3rem;
  font-weight: bold;
}

#categoryTree span.markerPlus::before {
  content: "+";
}

#categoryTree span.markerMinus::before {
  content: "-";
}

/*** STREFA DYSTRYBUTORA /stat/strefa-dystrybutora **/
#dZone .dZoneIndicators {
  border: 1px solid #EEE;
}
#dZone .dZoneIndicators .indicator {
  font-size: 0.8rem;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  color: #AAA;
  margin-bottom: 0;
  padding: 0.5rem;
}
#dZone .dZoneIndicators .indicator.active {
  font-family: robotoBold, Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  background-color: var(--col-primary);
}
#dZone .dZoneIndicators .indicator.loaded {
  color: #000;
  cursor: pointer;
}
#dZone .dZoneIndicators .indicator.loaded:hover {
  text-decoration: underline;
}
#dZone .dZoneIndicators .indicator.indicatorTitle {
  font-size: 0.9rem;
  color: #000;
  font-family: robotoBold, Arial, sans-serif;
}
#dZone .dZoneNaviBox {
  position: relative;
  background-color: #EEE;
  height: calc( 2*0.25rem + 10*( 1.1rem + 2*0.25rem ) );
  overflow: hidden;
  padding: 0 50px;
  border-left: 1px solid #EEE;
  border-right: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}
#dZone .dZoneNaviBox .naviBox {
  position: absolute;
  left: calc( 100% - 50px + 1px );
  padding: 0.25rem 0.25rem;
  height: 100%;
  width: calc( ( 33.33% - 50px + 50px/3 ) - 1px/2 );
  background-color: #fff;
  overflow-y: auto;
}
#dZone .dZoneNaviBox .naviBox.active {
  background-color: #fff;
}
#dZone .dZoneNaviBox .naviBox#naviBox0 {
  left: calc( 50px + 1px*0 );
  z-index: 1;
}
#dZone .dZoneNaviBox .naviBox#naviBox1 {
  left: calc( 33.33% + 50px/3 + 1px/2*1 );
  z-index: 2;
}
#dZone .dZoneNaviBox .naviBox#naviBox2 {
  left: calc( 2*33.33% - 50px/3 + 1px/2*2 );
  z-index: 3;
}
#dZone .dZoneNaviBox .naviBox#naviBox3 {
  z-index: 4;
}
@media (max-width: 899.98px) {
  #dZone .dZoneNaviBox .naviBox {
    width: calc( ( 50% - 50px ) - 1px );
  }
  #dZone .dZoneNaviBox .naviBox#naviBox1 {
    left: calc( 50% + 1px*0 );
  }
  #dZone .dZoneNaviBox .naviBox#naviBox2 {
    left: calc( 100% - 50px + 1px );
  }
}
@media (max-width: 599.98px) {
  #dZone .dZoneNaviBox .naviBox {
    width: calc( 100% - 50px*2 );
  }
  #dZone .dZoneNaviBox .naviBox#naviBox1 {
    left: calc( 100% - 50px + 1px );
  }
}
#dZone .dZoneNaviBox .naviBox#naviBoxNext, #dZone .dZoneNaviBox .naviBox#naviBoxPrev {
  width: 50px;
  background-color: #EEE;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
  z-index: 10;
  top: 0;
}
#dZone .dZoneNaviBox .naviBox#naviBoxNext:not(.disabled), #dZone .dZoneNaviBox .naviBox#naviBoxPrev:not(.disabled) {
  cursor: pointer;
}
#dZone .dZoneNaviBox .naviBox#naviBoxNext:not(.disabled):hover, #dZone .dZoneNaviBox .naviBox#naviBoxPrev:not(.disabled):hover {
  background-color: var(--col-primary);
}
#dZone .dZoneNaviBox .naviBox#naviBoxNext {
  background-image: url("/img/svg/next-svgrepo-com.svg");
  right: 0;
  left: unset;
}
#dZone .dZoneNaviBox .naviBox#naviBoxNext.disabled, #dZone .dZoneNaviBox .naviBox#naviBoxNext:hover:not(.disabled) {
  background-image: url("/img/svg/next-svgrepo-com-white.svg");
}
#dZone .dZoneNaviBox .naviBox#naviBoxPrev {
  background-image: url("/img/svg/prev-svgrepo-com.svg");
  left: 0;
}
#dZone .dZoneNaviBox .naviBox#naviBoxPrev.disabled, #dZone .dZoneNaviBox .naviBox#naviBoxPrev:hover:not(.disabled) {
  background-image: url("/img/svg/prev-svgrepo-com-white.svg");
}
#dZone .dZoneNaviBox .naviBox .naviBoxListElement {
  margin-bottom: 0;
  padding: 0.25rem 0.5rem;
  font-size: 0.9rem;
  line-height: 1.1rem;
  text-transform: uppercase;
  cursor: pointer;
}
#dZone .dZoneNaviBox .naviBox .naviBoxListElement.active {
  font-family: robotoBold, Arial, sans-serif;
  font-weight: normal;
  color: #fff;
  background-color: var(--col-primary);
}
#dZone .dZoneNaviBox .naviBox .naviBoxListElement:not(.active):hover {
  background-color: #EEE;
}
#dZone .dZoneNaviBox .naviBox .loading {
  width: 98%;
  height: 97%;
}
#dZone .dZoneNaviBox .naviBox .loading img {
  max-width: 100px;
}
#dZone .dZoneNaviBox .naviBox .empty {
  height: 40px;
  position: relative;
}
#dZone .dZoneNaviBox .naviBox .empty .loading img {
  max-width: 30px;
}
#dZone .productNaviBox {
  margin-top: 1rem;
  position: relative;
}
#dZone .productNaviBox.empty {
  height: 100px;
}
#dZone .productNaviBox .naviBoxTop {
  width: 50px;
  height: 50px;
  background-image: url("/img/svg/top-svgrepo-com.svg");
  background-color: #EEE;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 80%;
  position: absolute;
  z-index: 10;
  top: 1rem;
  right: 1rem;
}
#dZone .productNaviBox .naviBoxTop.naviBoxTopBottom {
  top: unset;
  bottom: 1rem;
}
#dZone .productNaviBox .naviBoxTop:hover {
  background-image: url("/img/svg/top-svgrepo-com-white.svg");
  background-color: var(--col-primary);
}
#dZone .productNaviBox .dZoneItemBox {
  background-color: #EEE;
  padding: 1rem 0 1rem 1rem;
}
#dZone .productNaviBox .dZoneItemBox h4 {
  margin: 0;
  font-size: 1.2rem;
}
#dZone .productNaviBox .dZoneItemBox h5 {
  margin: 2rem 0 0 0;
  font-size: 1.2rem;
}
#dZone .productNaviBox .dZoneItemBox a.downloadBtn {
  display: block;
  padding: 0.75rem 0.25rem 0.75rem 0;
  background-color: #fff;
  background-position: 0.25rem center;
  background-repeat: no-repeat;
  text-decoration: none;
}
#dZone .productNaviBox .dZoneItemBox a.downloadBtn:hover {
  background-color: var(--col-primary);
  color: #fff;
}
#dZone .productNaviBox .dZoneItemBox .dZoneImg {
  float: left;
  width: calc(25% - 1rem);
  min-width: 300px;
  margin-right: 1rem;
  margin-top: 1rem;
}
#dZone .productNaviBox .dZoneItemBox .dZoneImg .showImg {
  display: block;
  margin: 0 auto;
  padding: 1rem;
  background-color: #fff;
}
#dZone .productNaviBox .dZoneItemBox .dZoneImg .downloadImg {
  margin-top: 3px;
  margin-bottom: 0;
  font-size: 0.8rem;
  line-height: 1.2;
}
#dZone .productNaviBox .dZoneItemBox .dZoneImg .downloadImg a.downloadBtn {
  background-size: 1.8rem;
  padding-left: 2.3rem;
  background-image: url("/img/svg/download-svgrepo-com.svg");
}
#dZone .productNaviBox .dZoneItemBox .dZoneImg .downloadImg a.downloadBtn:hover {
  background-image: url("/img/svg/download-svgrepo-com-white.svg");
}
#dZone .productNaviBox .dZoneItemBox .dZoneMovie {
  margin-top: 1rem;
  margin-right: 1rem;
}
#dZone .productNaviBox .dZoneItemBox .dZoneMovie .downloadMovie {
  margin-bottom: 3px;
}
#dZone .productNaviBox .dZoneItemBox .dZoneMovie .downloadMovie a.downloadBtn {
  background-size: 2rem;
  padding-left: 2.7rem;
  background-image: url("/img/svg/download-movie-svgrepo-com.svg");
}
#dZone .productNaviBox .dZoneItemBox .dZoneMovie .downloadMovie a.downloadBtn:hover {
  background-image: url("/img/svg/download-movie-svgrepo-com-white.svg");
}
#dZone .productNaviBox .dZoneItemBox .dZonePdf {
  margin-top: 1rem;
  margin-right: 1rem;
}
#dZone .productNaviBox .dZoneItemBox .dZonePdf .downloadPdf {
  margin-bottom: 3px;
}
#dZone .productNaviBox .dZoneItemBox .dZonePdf .downloadPdf a.downloadBtn {
  background-size: 2rem;
  padding-left: 2.7rem;
  background-image: url("/img/svg/pdf-file-format-symbol-svgrepo-com.svg");
}
#dZone .productNaviBox .dZoneItemBox .dZonePdf .downloadPdf a.downloadBtn:hover {
  background-image: url("/img/svg/pdf-file-format-symbol-svgrepo-com-white.svg");
}
#dZone .productNaviBox .dZoneItemBox .downloadAll {
  margin-top: 2rem;
  margin-bottom: 0;
  float: left;
}
#dZone .productNaviBox .dZoneItemBox .downloadAll a.downloadBtn {
  background-color: var(--col-primary);
  color: #fff;
  background-size: 2rem;
  padding-left: 2.7rem;
  padding-right: 1rem;
  background-image: url("/img/svg/file-download-svgrepo-com-white.svg");
}
#dZone .productNaviBox .dZoneItemBox .downloadAll a.downloadBtn:hover {
  background-image: url("/img/svg/file-download-svgrepo-com.svg");
  color: var(--col-primary);
  background-color: #fff;
}
#dZone .openCloseList p, #dZone .openCloseList li {
  font-size: 1.2rem;
}

#panelContent h1 {
  margin-bottom: 2rem;
}

/***********************************************************
* MENU w panelu uzytkownika
***********************************************************/
.panelNavi .card {
  border-color: var(--col-primary);
}

.panelNavi .card .card-header {
  padding: 0;
}

.panelNavi .card .card-header p {
  background-color: var(--col-primary);
  color: #fff;
  padding: 0.75rem 1rem;
  margin: 0;
}

.panelNavi .card li.list-group-item {
  border-color: var(--col-primary);
  padding: 0;
}

.panelNavi .card a.panelMenu {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.panelNavi .card a.panelMenu:hover {
  background-color: var(--col-highlight);
}

.panelNavi .card a.panelMenu.active {
  color: var(--col-primary);
  font-weight: bold;
}

.panelNavi .card a.panelMenu-offers {
  background-color: red;
  color: #fff;
}

.panelNavi .card a.panelMenu-offers.active {
  color: #fff;
}

.panelNavi .card a.panelMenu-offers:hover {
  background-color: var(--col-highlight);
  color: var(--col-primary);
}

.panelNavi .card a.panelMenu-vouchers {
  background-color: yellow;
}

.panelNavi .card a.panelMenu-vouchers:hover {
  background-color: var(--col-highlight);
  color: var(--col-primary);
}

.panelNavi .card .card-footer a {
  width: 100%;
  border-radius: 0;
}

/***********************************************************
* MENU w panelu uzytkownika MOBILE
***********************************************************/
.panelNaviMobile {
  margin-bottom: 2rem;
}

.panelNaviMobile #panelMenuControler {
  width: 100%;
}

#panelMenuControler button.dropdown-toggle:hover, #panelMenuControler.show > button.dropdown-toggle {
  background-color: var(--col-secondary);
  color: #000;
}

#panelMenuControler .dropdown-toggle img {
  height: 30px;
  margin-right: 0.5rem;
}

#panelMenuControler .dropdown-menu {
  width: 100%;
}

/***********************************************************
* PPS
***********************************************************/
#panelContent .ppsPoints {
  display: inline-block;
  line-height: 1;
  padding: 0.25rem 2rem;
  border-radius: 0.25rem;
  background-color: var(--col-secondary);
  margin-bottom: 0.25rem;
  font-size: 1.2rem;
  position: relative;
}

#panelContent .ppsPoints.ppsPointsSummary {
  background-color: var(--col-primary);
  color: #fff;
}

#panelContent .ppsPoints::after, #panelContent .ppsPoints::before {
  clear: both;
  display: inline-block;
  width: 1.2rem;
  height: 1.4rem;
  content: "";
  position: absolute;
  top: 0.15rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#panelContent .ppsPoints::after {
  right: 0.4rem;
  background-image: url("/img/svg/strima-ico-info.svg");
  background-size: 1.2rem auto;
}

#panelContent .ppsPoints::before {
  left: 0.4rem;
  background-image: url("/img/svg/strima-ico-partnership-program-coins.svg");
  background-size: auto 1.4rem;
}

#panelContent .addPopover {
  cursor: pointer;
}

#ppsHistory td, #ppsHistory th {
  padding: 0.5rem 0.5rem;
}

#ppsHistory tbody tr {
  border-top: 1px solid #dee2e6;
}

#ppsHistory .ppsDateTd {
  width: 1%;
}

#ppsHistory .ppsPointsTd {
  width: 1%;
  text-align: right;
}

#ppsHistory .ppsExpDateTd {
  width: 1%;
  white-space: nowrap;
  text-align: center;
}

#ppsHistory .ppsStatus {
  width: 1%;
}

#ppsHistory .ppsMinus {
  color: red;
}

#ppsHistory .ppsPlus {
  color: green;
}

#ppsHistory .ppsPotencjalne {
  color: var(--col-primary);
}

#ppsHistory .mobileView {
  margin-bottom: 0;
}

/***********************************************************
* document
***********************************************************/
.document card-body {
  position: relative;
}

.document table.docProductList {
  width: 100%;
  margin-bottom: 3rem;
}

.document table.docProductList thead tr {
  border: 1px solid #dee2e6;
}

.document table.docProductList th {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
}

.document table.docProductList td {
  padding: 0.25rem 0.5rem;
  border-top: 0px solid #dee2e6;
  border-bottom: 0px solid #dee2e6;
  vertical-align: top;
}

td.docCellCode, th.docCellCode, .docCellId, .docCellSummary div {
  background-color: rgba(0, 0, 0, 0.07);
}

th.docCellCode span {
  display: inline-block;
  padding-right: 0.5rem;
  margin-right: 0.25rem;
  border-right: 2px solid #fff;
}

td.docCellCode a {
  display: inline-block;
  padding-right: 0.5rem;
  margin-right: 0.25rem;
  border-right: 2px solid #fff;
}

.docCellId {
  width: 1%;
  text-align: right;
}

.docCellSeparator {
  height: 0.5rem;
}

.docCellQuantity {
  width: 1%;
  text-align: right;
}

.docCellNet {
  width: 1%;
  text-align: right;
}

.docCellDiscount {
  width: 1%;
  text-align: right;
}

.docCellNetSum {
  width: 1%;
  text-align: right;
}

.docCellTaxSum {
  width: 1%;
  text-align: right;
}

.docCellGrossSum {
  width: 1%;
  text-align: right;
}

.docCellSummary div {
  text-transform: uppercase;
  font-size: 1rem;
  white-space: nowrap;
  float: right;
  padding: 0.1rem 0.5rem;
  border-top: 1px solid #dee2e6;
}

.documentPPS .docRowLine {
  border-bottom: 1px solid #dee2e6;
}

.documentPPS .docRowLine:last-child {
  border-bottom: 0px solid #dee2e6;
}

.documentComments {
  padding: 0.5rem 0;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.emptyLine {
  display: block;
  width: 100%;
  border-bottom: 1px solid #efefef;
  content: "&nbsp;";
}

/***********************************************************
* documentPPS <- powinnien byc 1 typ documentu
***********************************************************/
.document.documentPPS table.docProductList {
  margin-bottom: 0rem;
}

/***********************************************************
* OFERTA DLA PARTNERA
***********************************************************/
#partnerOffer .documentOfertaTable {
  width: 100%;
}

#partnerOffer .documentOfertaTable td {
  padding: 0.25rem 0.5rem;
  vertical-align: top;
}

#partnerOffer .documentOfertaTable th {
  padding: 0.25rem 0.5rem;
  text-align: center;
}

.view-desktop #partnerOffer .documentOfertaTable th {
  white-space: nowrap;
}

#partnerOffer .documentOfertaTable tr.sepp td {
  height: 1rem;
}

#partnerOffer .documentOfertaTable tr.name {
  background-color: rgba(206, 212, 218, 0.5);
}

#partnerOffer .documentOfertaTable td.name {
  border: 1px solid var(--col-border-light-grey);
}

#partnerOffer .documentOfertaTable td.line {
  border-left: 1px solid var(--col-border-light-grey);
  white-space: nowrap;
}

.view-mobile #partnerOffer .documentOfertaTable td.line {
  border-right: 1px solid var(--col-border-light-grey);
}

#partnerOffer .documentOfertaTable td.netPrice {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

.view-mobile #partnerOffer .documentOfertaTable td.netPrice {
  border-left: 1px solid var(--col-border-light-grey);
}

#partnerOffer .documentOfertaTable td.netPriceEs {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

#partnerOffer .documentOfertaTable .netPriceEs {
  background-color: rgba(206, 212, 218, 0.5);
}

#partnerOffer .documentOfertaTable td.netSum {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

#partnerOffer .documentOfertaTable td.grossSum {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}

#partnerOffer .documentOfertaTable .grossSum {
  background-color: rgba(206, 212, 218, 0.5);
}

.view-mobile #partnerOffer .documentOfertaTable td.grossSum {
  border-right: 1px solid var(--col-border-light-grey);
}

#partnerOffer .documentOfertaTable td.margin {
  border: 1px solid var(--col-border-light-grey);
  text-align: center;
}

#partnerOffer .documentOfertaTable .standard td {
  border-bottom: 1px solid var(--col-border-light-grey);
}

.view-desktop #partnerOffer .documentOfertaTable .offer td {
  border-bottom: 1px solid var(--col-border-light-grey);
}

.view-mobile #partnerOffer .documentOfertaTable .marginMobile td {
  border-bottom: 1px solid var(--col-border-light-grey);
  border-left: 1px solid var(--col-border-light-grey);
}

.view-desktop #partnerOffer .documentOfertaTable td.grossSum {
  border-right: 1px solid var(--col-border-light-grey);
}

#partnerOffer .documentOfertaTable .offer, #partnerOffer .documentOfertaTable .offerMobile, #partnerOffer .documentOfertaTable tr.margin {
  background-color: rgba(60, 100, 222, 0.2);
}

#partnerOffer .containerSummary {
  margin-bottom: 2rem;
}

#partnerOffer .containerSummary .row div {
  text-align: right;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.view-xs #partnerOffer .containerSummary .row div.noPaddingBottom {
  padding-bottom: 0rem;
}

.view-xs #partnerOffer .containerSummary .row div.noPaddingTop {
  padding-top: 0rem;
}

#partnerOffer .containerSummary .offerSum div {
  background-color: rgba(60, 100, 222, 0.2);
}

#partnerOffer ul {
  list-style: none;
  padding-left: 0;
}

#partnerOffer ul li label:not(.radio) {
  width: 48%;
  max-width: 250px;
}

#partnerOffer ul li label.radio {
  display: inline;
}

#partnerOffer .custom-control-label::after, #partnerOffer .custom-control-label::before {
  top: 0.15rem;
}

#partnerOffer ul li input:not(.radio) {
  width: 50%;
  max-width: 250px;
}

#partnerOffer ul li textarea {
  width: 50%;
  max-width: 250px;
}

#partnerOffer .documentOfertaTable tr.margin span {
  white-space: nowrap;
  display: inline-block;
  padding: 0 1rem;
}

#partnerOffer ul li.error label {
  color: red;
}

#partnerOffer ul li.error input {
  border: 1px solid red;
  padding: 3px;
}

#modalCustomerData form label {
  width: 49%;
  max-width: 250px;
  text-align: left;
  margin-bottom: 0.75rem;
}

#modalCustomerData form input {
  width: 50%;
  max-width: 250px;
}

#modalCustomerData form textarea {
  width: 99%;
}

#modalCustomerData form select {
  margin-bottom: 0.5rem;
}

#modalCustomerData form p {
  text-align: left;
  margin-bottom: 1rem;
}

/***********************************************************
* SYSTEM BONÓW
***********************************************************/
#vouchers .navbar {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  margin-bottom: 1rem;
}

/***********************************************************
* LAYERS
***********************************************************/
/***********************************************************
* OGOLNE
***********************************************************/
.infoPage h1 {
  margin-bottom: 2rem;
}

.infoPage .backBtn {
  margin-bottom: 2rem;
}

.infoPage ul {
  padding-left: 1.3rem;
}

.view-xs #menu {
  border-left: 0 !important;
}

/***********************************************************
* MENU
***********************************************************/
.infoPage .wydarzenieData {
  font-weight: bold;
}

.infoPage #wydarzeniaAllShow, .infoPage #wydarzeniaAllHide {
  text-decoration: underline;
  cursor: pointer;
}

.infoPage #wydarzeniaAllShow:hover, .infoPage #wydarzeniaAllHide:hover {
  text-decoration: none;
  color: var(--col-primary);
}

.infoPage #menu .tytulKategorii {
  margin-top: 2rem;
}

/***********************************************************
* NEWWS - lista
***********************************************************/
.infoPage .record {
  border: 1px solid rgba(0, 0, 0, 0.125);
  background-color: #fff;
  border-radius: 0.25rem;
  margin-bottom: 2rem;
}

.infoPage .record h2.recordTitle {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  font-size: 1.2rem;
}

.infoPage .record h2.recordTitle span {
  display: inline-block;
  float: right;
  padding-left: 1rem;
  font-size: 70%;
}

.infoPage .record img.recordImg {
  float: left;
  margin: 1rem;
}

.infoPage .record .recordTresc {
  padding: 1.25rem;
  word-wrap: break-word;
  margin-bottom: 0;
}

.infoPage .record .wiecej {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  clear: both;
  text-align: center;
}

/***********************************************************
* NEWWS - MORE
***********************************************************/
.infoPage .recordMore {
  padding-bottom: 2rem;
}

.infoPage .recordMore h1.recordTitle span {
  display: inline-block;
  float: right;
  padding-left: 1rem;
  font-size: 50%;
  padding-top: 0.25rem;
}

.infoPage .recordMore .record {
  border: 0;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 2rem;
}

.infoPage .recordMore .record img.recordImg {
  float: left;
  margin: 1rem 1rem 1rem 0;
}

.infoPage .recordMore img.left {
  float: left;
  margin: 1rem 1rem 1rem 0;
}

.infoPage .recordMore .record .recordTresc {
  padding: 1rem 0;
  word-wrap: break-word;
  margin-bottom: 0;
}

.infoPage .recordMore .center {
  text-align: center;
}

.infoPage .recordMore .newsMore {
  word-wrap: break-word;
  margin-bottom: 0;
}

.infoPage .recordMore .clear {
  clear: both;
  display: block;
}

/***********************************************************
* KATALOGI CZESCI
***********************************************************/
.fileList {
  margin-bottom: 2rem;
}

.fileList table {
  width: 100%;
}

.fileList table td, .fileList table th {
  padding: 0.5rem 0.5rem;
}

.fileList table td img {
  display: inline-block;
  margin-right: 0.25rem;
}

/***********************************************************
* Konkursy
***********************************************************/
.headKonkurs {
  font-weight: bold;
  list-style: none;
  padding-top: 1rem;
  margin-left: -1.3rem;
}

.tutorials {
  text-align: center;
  font-size: 1.1rem;
  line-height: 1.5;
}
.tutorials .diyIcon {
  margin-bottom: 1rem;
}
.tutorials .diyBaner {
  margin-bottom: 2rem;
}
.tutorials .stepByStepHeader {
  padding-bottom: 0.5rem;
  color: #3C64DE;
  line-height: 1.1;
}
.tutorials .stepByStepUnderHeader {
  text-transform: uppercase;
  color: #3C64DE;
  font-size: 1.3rem;
  line-height: 1.1;
  margin-bottom: 2rem;
}
.tutorials .step {
  font-size: 1.3rem;
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  color: #3C64DE;
  background: url("/img/tutorials/step-bg3.png") no-repeat 0 0;
  padding: 35px 0.3rem 0.3rem 0.3rem;
  margin-bottom: 1rem;
}
.tutorials .stepInfo {
  margin-bottom: 2rem;
}
.tutorials .stepImg {
  margin-bottom: 0.75rem;
  max-width: 600px;
  width: 100%;
}
.tutorials .embed-responsive {
  max-width: 600px;
  margin: 0 auto;
}

#naviHome span, #topMenu, #buttonSzukaj {
  box-sizing: unset;
}

/*# sourceMappingURL=strima.css.map */