/* Minification failed. Returning unminified contents.
(4460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4462,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4463,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4464,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4465,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4466,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4468,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4477,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4478,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4479,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4480,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4485,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4490,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4491,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4492,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4494,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4496,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4497,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4498,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4500,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4502,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4504,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4547,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-text'
(4668,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-bg'
(4722,17): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-text'
(4724,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-bg'
(5075,35): run-time error CSS1039: Token not allowed after unary operator: '-cc-bg'
(5077,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-webkit-scrollbar-bg'
(5083,30): run-time error CSS1039: Token not allowed after unary operator: '-cc-webkit-scrollbar-bg-hover'
(5152,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-bg-readonly'
(5171,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-knob-bg'
(5194,26): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-category-block-bg-hover'
(5222,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-table-border'
(5241,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-overlay-bg'
(5292,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-knob-icon-color'
(5314,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-btn-secondary-text'
(5350,22): run-time error CSS1039: Token not allowed after unary operator: '-cc-toggle-knob-icon-color'
(5518,24): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-table-border'
(5535,21): run-time error CSS1039: Token not allowed after unary operator: '-cc-text'
(5743,28): run-time error CSS1039: Token not allowed after unary operator: '-cc-cookie-table-border'
(5760,25): run-time error CSS1039: Token not allowed after unary operator: '-cc-text'
(6175,53): run-time error CSS1039: Token not allowed after unary operator: '-r'
(6175,71): run-time error CSS1039: Token not allowed after unary operator: '-r'
(6179,53): run-time error CSS1039: Token not allowed after unary operator: '-rr'
(6179,72): run-time error CSS1039: Token not allowed after unary operator: '-rr'
(6183,53): run-time error CSS1039: Token not allowed after unary operator: '-r'
(6183,71): run-time error CSS1039: Token not allowed after unary operator: '-r'
(6435,57): run-time error CSS1039: Token not allowed after unary operator: '-r'
(6435,75): run-time error CSS1039: Token not allowed after unary operator: '-r'
(7818,20): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(7918,49): run-time error CSS1039: Token not allowed after unary operator: '-bg-color'
(8306,84): run-time error CSS1055: Expected media-query expression, found 'all'
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/gfx/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/gfx/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/gfx/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/gfx/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/gfx/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/gfx/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/gfx/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(/gfx/images/ui-icons_444444_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/gfx/images/ui-icons_444444_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url(/gfx/images/ui-icons_555555_256x240.png)}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url(/gfx/images/ui-icons_ffffff_256x240.png)}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url(/gfx/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/gfx/images/ui-icons_cc0000_256x240.png)}.ui-button .ui-icon{background-image:url(/gfx/images/ui-icons_777777_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.003;filter:Alpha(Opacity=.3)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.stan-magazynowy {
  display: inline-block;
  position: relative;
  width: 35px;
  height: 18px;
  vertical-align: middle;
}
.stan-magazynowy:after {
  font-family: Arial;
  font-weight: 700;
  position: absolute;
  right: 0;
}
.stan-magazynowy.new:after {
  content: "New";
  color: white;
  background-color: #dd191a;
  border-radius: 0.25em;
  padding: 2px 3px 2px 2px;
  font-size: 12px;
}
.stan-magazynowy.degree:before {
  content: "IIIII";
  font-family: Arial;
  font-weight: 700;
  color: #e5e5e5;
  position: absolute;
  width: 100%;
  text-align: right;
}
.stan-magazynowy.degree.low:after {
  content: "I";
  color: #db1f1e;
}
.stan-magazynowy.degree.medium:after {
  content: "III";
  color: #e56800;
}
.stan-magazynowy.degree.much:after {
  content: "IIIII";
  color: #a8ce23;
}
.availability-container {
  height: 45px;
  padding: 10px 0;
  box-sizing: border-box;
  margin-right: 15px;
}
.single-product-availability .input-label {
  display: inline;
}
@media all and (max-width: 800px) {
  .single-product-availability .input-label {
    display: block;
  }
  .stan-magazynowy {
    height: 28px;
    padding: 7px 0;
    box-sizing: border-box;
  }
  .availability-container {
    height: unset;
    padding: 0;
  }
}
@media all and (max-width: 530px) {
  .availability-container .stan-magazynowy {
    height: 44px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.product-not-reserved__box {
  margin: 30px 0 10px 0;
  display: flex;
}
.product-not-reserved__info-label {
  color: #757575;
  font-family: proxima-nova, sans-serif;
  font-size: 0.85em;
  line-height: normal;
}
.product-not-reserved__info {
  display: inline-block;
  position: relative;
  background: url(/gfx/svg/info-blue.svg) no-repeat no-repeat center;
  background-size: 96%;
  width: 15px;
  margin-right: 5px;
}
@media all and (max-width: 580px) {
  .product-not-reserved__box {
    margin: 20px 0 10px 0;
    display: flex;
  }
}
@media all and (max-width: 450px) {
  .product-not-reserved__box {
    margin: 0;
  }
  .product-not-reserved__info-label {
    font-size: 0.8em;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.product-information .breadcrumbs {
  margin: 0;
  padding: 0 0 15px;
}
.breadcrumbs {
  margin: 0;
  padding: 15px 0;
}
.breadcrumbs__item {
  display: inline-block;
}
.breadcrumbs__item:last-child .breadcrumbs__link {
  color: #0c66ff;
}
.breadcrumbs__item:last-child .breadcrumbs__link:after {
  content: none;
}
.breadcrumbs__item:last-child .breadcrumbs__last-no-link {
  color: #757575;
}
.breadcrumbs__item:last-child .breadcrumbs__last-no-link:after {
  content: none;
}
.breadcrumbs__link,
.breadcrumbs__last-no-link {
  margin-right: 5px;
  font-size: 0.86em;
  text-decoration: none;
  color: #757575;
}
.breadcrumbs__link:after,
.breadcrumbs__last-no-link:after {
  content: "\203a";
  margin-left: 5px;
  display: inline-block;
  font-family: courier;
  font-size: 1.4em;
}
@media all and (max-width: 1310px) {
  .breadcrumbs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media all and (max-width: 760px) {
  .product-information .breadcrumbs {
    padding: 0 0 10px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.btn {
  background: none;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
}
.btn:hover {
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.btn:focus,
.btn-accept:focus,
.btn-blue:focus {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.btn-accept {
  background: none;
  background-color: #da2021;
  border: 1px solid #da2021;
  border-radius: 7px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
}
.btn-accept_gray {
  background: none;
  background-color: #dadada;
  border: 1px solid #dadada;
  border-radius: 7px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
}
.btn-accept_gray:hover,
.btn-accept_gray:active {
  color: black;
  font-weight: 600;
  background: #ededed;
  border: 1px solid #dadada;
}
.choose-variant-btn {
  background: none;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  text-align: center;
}
.btn-accept:hover {
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.btn-blue {
  background: none;
  background-color: #0c66ff;
  border: 1px solid #0c66ff;
  border-radius: 7px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
}
.btn-blue:hover {
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
  background-color: #166cff;
}
.btn--arrow {
  padding-right: 35px;
}
.btn--arrow:after,
.btn--arrow:before {
  content: "";
  display: block;
  height: 2px;
  width: 7px;
  right: 15px;
  background-color: #0c66ff;
  position: absolute;
  top: calc(50% - 3px);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.btn--arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% + 1px);
}
/*CONTINUE BTN*/

.continue-btn {
  background: none;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
}
.continue-btn:hover {
  background-color: #0c66ff;
  border-color: #0c66ff;
  color: white;
}
.continue-btn:hover:before,
.continue-btn:hover:after {
  background-color: white;
}
.continue-btn.btn-accept {
  background-color: #da2021;
  border-color: #da2021;
  color: white;
}
.continue-btn.disabled {
  pointer-events: none;
  background: #e5e5e5;
  border: #e5e5e5;
}
.continue-btn.disabled:hover {
  box-shadow: none;
}
.btn--arrow-back {
  padding-left: 50px;
  text-align: right;
}
.btn--arrow-back:after,
.btn--arrow-back:before {
  content: "";
  display: block;
  height: 2px;
  width: 7px;
  right: 15px;
  background-color: #0c66ff;
  position: absolute;
  top: calc(50% - 3px);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}
.btn--arrow-back:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: calc(50% + 1px);
}
.btn--arrow-back:after,
.btn--arrow-back:before {
  left: 15px;
}
.btn-accept--arrow {
  padding-right: 40px;
  text-align: left;
}
.btn-accept--arrow:after,
.btn-accept--arrow:before {
  content: "";
  display: block;
  height: 2px;
  width: 7px;
  right: 15px;
  background-color: white;
  position: absolute;
  top: calc(50% - 3px);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.btn-accept--arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% + 1px);
}
.btn-back.btn-accept--arrow:after,
.btn-back.btn-accept--arrow:before {
  content: "";
  display: block;
  height: 2px;
  width: 7px;
  right: 15px;
  background-color: #0c66ff;
  position: absolute;
  top: calc(50% - 3px);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.btn-back.btn-accept--arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% + 1px);
}
.btn--disabled {
  background-color: whitesmoke;
  border-color: whitesmoke;
  box-shadow: inherit;
  color: black;
  cursor: default;
  pointer-events: none;
}
.btn--disabled:hover {
  box-shadow: inherit;
}
.blue-btn {
  background: none;
  background-color: #3c5a99;
  border: 1px solid #3c5a99;
  border-radius: 7px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  background-image: url(/gfx/svg/fb.svg);
  background-repeat: no-repeat;
  background-position: left 15px center;
  background-size: 14px;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 14px 0 14px 14px;
}
.blue-btn:hover {
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.white-btn {
  background: none;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  background-image: url(/gfx/svg/apple-black.svg);
  background-repeat: no-repeat;
  background-position: left -4px center;
  background-size: 50px;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 14px 0 14px 14px;
}
.white-btn:hover {
  color: black;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.red-btn {
  background: none;
  background-color: #c9453a;
  border: 1px solid #c9453a;
  border-radius: 7px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 700;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  background-image: url(/gfx/svg/google-white.svg);
  background-repeat: no-repeat;
  background-position: left 13px center;
  background-size: 18px;
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 14px 0 14px 14px;
}
.red-btn:hover {
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.btn--hidden {
  display: none;
}
/*powiadomenie o dostepności towaru*/

.availability-remind__btn {
  margin-right: 10px;
}
@media (max-width: 1280px) {
  .availability-remind__btn {
    margin-right: 0;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.cookie-info {
  position: fixed;
  font-weight: 300;
  bottom: 10px;
  left: 10px;
  background-color: #0c66ff;
  color: white;
  width: 600px;
  padding: 15px;
  z-index: 1;
  display: none;
}
.cookie-info__link {
  color: white;
  text-decoration: underline;
}
.cookie-info > details {
  display: inline-block;
  width: calc(100% - 54px);
  vertical-align: middle;
}
.cookie-info > a {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  vertical-align: middle;
}
.cookie-info > a:before,
.cookie-info > a:after {
  content: "";
  display: block;
  width: 40px;
  height: 2px;
  background-color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%) rotate(45deg);
  -moz-transform: translate(-50%) rotate(45deg);
  -ms-transform: translate(-50%) rotate(45deg);
  -o-transform: translate(-50%) rotate(45deg);
  transform: translate(-50%) rotate(45deg);
}
.cookie-info > a:after {
  -webkit-transform: translate(-50%) rotate(-45deg);
  -moz-transform: translate(-50%) rotate(-45deg);
  -ms-transform: translate(-50%) rotate(-45deg);
  -o-transform: translate(-50%) rotate(-45deg);
  transform: translate(-50%) rotate(-45deg);
}
.cookie-info p {
  color: white;
}
@media all and (max-width: 760px) {
  .cookie-info {
    width: calc(100% - 200px);
  }
}
@media all and (max-width: 499px) {
  .cookie-info {
    width: calc(100% - 120px);
  }
  .cookie-info p {
    font-size: 0.8em;
  }
}

/*Nadpisanie stylów dialogu jquery ui*/

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.6) !important;
  z-index: 9900;
  opacity: 1 !important;
}
.ui-dialog {
  z-index: 9901;
  border: none !important;
  border-radius: 5px !important;
  padding: 0 !important;
  width: 600px !important;
}
.ui-dialog.wybierz-punkt-odbioru {
  width: 1000px !important;
}
.ui-dialog.pdf-viewer {
  width: 972px !important;
}
.ui-dialog.player {
  width: 660px !important;
  height: 380px/*!important*/;
}
.ui-dialog.player #video-player {
  width: 640px !important;
  height: 360px !important;
  padding: 6px 10px;
}
.ui-dialog.player .player-show-more {
  display: block;
  width: 100%;
  margin: 0 10px 3px;
  position: relative;
  height: 40px;
}
.ui-dialog.player .player-show-more__link {
  position: absolute;
  right: 20px;
  top: -5px;
}
.ui-dialog.player .ui-dialog-titlebar {
  background-color: transparent !important;
  border-bottom: 0px none !important;
  padding: 0px !important;
}
.ui-dialog.player .ui-dialog-title {
  height: 0px !important;
}
.ui-dialog.player .ui-button-icon-space {
  display: none;
}
.ui-dialog[aria-describedby="graphic-variant-box"] {
  width: 60vw !important;
}
.ui-dialog[aria-describedby="graphic-variant-box"] .ui-widget-header {
  border-bottom: none !important;
}
.ui-dialog[aria-describedby="newsletter-zgoda"] {
  z-index: 9901;
  border: none !important;
  border-radius: 5px !important;
  padding: 0 !important;
  width: 75% !important;
}
/*popup w podsumowaniu dla BLIKa*/

.ui-dialog[aria-describedby="blikPopup"] {
  z-index: 9901;
  border: none !important;
  border-radius: 5px !important;
  padding: 0 !important;
  width: 500px !important;
}
.ui-dialog[aria-describedby="blikPopup"] .ui-widget-header {
  border-bottom: none !important;
}
.ui-dialog[aria-describedby="blikPopup"] .ui-dialog-titlebar {
  /*background-color: transparent !important;*/
  border-bottom: 0px none !important;
  padding: 0px !important;
}
.ui-dialog[aria-describedby="blikPopup"] .ui-dialog-buttonpane {
  text-align: center;
  overflow: hidden;
  border-top: 0px none !important;
  padding: 1em;
}
.ui-dialog[aria-describedby="blikPopup"] .btn-accept {
  display: inline-block;
}
.ui-dialog[aria-describedby="blikPopup"] .ui-dialog-buttonset {
  float: none;
}
.ui-dialog[aria-describedby="blikPopup"] .ui-dialog-titlebar-close {
  display: block !important;
}
.ui-dialog .ui-widget-header {
  background: white !important;
  border: none !important;
  border-bottom: 1px solid #e5e5e5 !important;
  padding: 20px 20px !important;
  border-radius: 5px 5px 0 0;
}
.ui-dialog .ui-dialog-title {
  color: black;
  font-size: 1.4em;
  font-weight: 100;
  font-family: bio-sans, sans-serif;
}
.ui-dialog .ui-dialog-buttonpane {
  border-radius: 0 0 5px 5px !important;
  border-top: 1px solid #e5e5e5;
}
.ui-dialog .ui-dialog-titlebar-close {
  right: -25px;
  top: 15px;
  background: none !important;
  border: none !important;
  outline: none;
  text-indent: -99999999999em;
  width: 25px;
}
.ui-dialog .ui-dialog-titlebar-close:before,
.ui-dialog .ui-dialog-titlebar-close:after {
  content: "";
  background-color: white;
  width: 20px;
  height: 2px;
  display: block;
  position: absolute;
  top: 9px;
  left: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ui-dialog .ui-dialog-titlebar-close:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  background: none !important;
  margin-left: -9px;
  margin-top: -8px;
}
.ui-dialog .btn {
  background: none;
  font-family: bio-sans, sans-serif;
  font-weight: 500;
  font-size: 0.8em;
  border: 1px solid #e5e5e5;
}
/*.ui-dialog .btn.ui-state-hover {
    border: 1px solid @base-border--color;
}*/

.ui-dialog .btn span {
  padding: 0 !important;
}
.ui-dialog .btn.arrow {
  text-align: left;
  padding-right: 35px;
}
.ui-dialog .btn.arrow:after,
.ui-dialog .btn.arrow:before {
  content: "";
  display: block;
  height: 2px;
  width: 7px;
  right: 15px;
  background-color: white;
  position: absolute;
  top: calc(50% - 3px);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.ui-dialog .btn.arrow:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: calc(50% + 1px);
}
.ui-dialog .btn.arrow:before,
.ui-dialog .btn.arrow:after {
  background-color: black;
}
.ui-dialog .btn.btn-accept.arrow:before,
.ui-dialog .btn.btn-accept.arrow:after {
  background-color: white;
}
.ui-dialog .btn-accept {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 0.9em;
  line-height: 0.9em;
  background: #da2021;
  color: white;
  border: 1px solid #da2021;
}
@media all and (max-width: 1060px) {
  .ui-dialog.wybierz-punkt-odbioru {
    width: calc(100% - 60px) !important;
  }
}
@media all and (max-width: 1030px) {
  .ui-dialog.pdf-viewer {
    width: calc(100% - 60px) !important;
  }
  .ui-dialog.pdf-viewer iframe {
    width: 100%;
  }
  .ui-dialog[aria-describedby="graphic-variant-box"] {
    width: 80% !important;
  }
}
@media all and (max-width: 720px) {
  .ui-dialog.player {
    width: calc(100% - 60px) !important;
    height: 0 !important;
    padding-bottom: calc(56.25% - 25px) !important;
  }
  .ui-dialog.player #video-player {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
  }
}
@media all and (max-width: 650px) {
  .ui-dialog {
    width: calc(100% - 50px) !important;
  }
  .ui-dialog[aria-describedby="wybierz-punkt-dialog"] {
    width: calc(100% - 50px) !important;
  }
  .ui-dialog[aria-describedby="sprawdz-stany-dialog"] {
    width: calc(100% - 50px) !important;
  }
}
@media all and (max-width: 630px) {
  .ui-dialog[aria-describedby="newsletter-zgoda"],
  .ui-dialog[aria-describedby="faq__popup"],
  .ui-dialog[aria-describedby="graphic-variant-box"] {
    width: calc(100% - 50px) !important;
  }
  .ui-dialog[aria-describedby="graphic-variant-box"] .ui-dialog-buttonpane {
    margin-top: 0;
  }
  .ui-dialog[aria-describedby="zestaw-wybor-wariantow"] {
    width: calc(100% - 50px) !important;
  }
  .ui-dialog[aria-describedby="gratis-info"] {
    width: calc(100% - 50px) !important;
  }
  .ui-dialog[aria-describedby="productNotification__popup"] {
    width: calc(100% - 50px) !important;
  }
  .ui-dialog .ui-dialog-title {
    white-space: normal;
  }
}
@media all and (max-width: 530px) {
  .ui-dialog[aria-describedby="blikPopup"] {
    width: calc(100% - 50px) !important;
  }
}

/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * bio-sans:
 *   - http://typekit.com/eulas/00000000000000003b9b3421
 *   - http://typekit.com/eulas/00000000000000003b9b3420
 *   - http://typekit.com/eulas/00000000000000003b9b3424
 * oswald:
 *   - http://typekit.com/eulas/00000000000000003b9b1369
 *   - http://typekit.com/eulas/00000000000000003b9b136a
 * proxima-nova:
 *   - http://typekit.com/eulas/00000000000000003b9b306c
 *   - http://typekit.com/eulas/00000000000000003b9b3068
 *   - http://typekit.com/eulas/00000000000000003b9b3062
 *   - http://typekit.com/eulas/00000000000000003b9b3063
 *
 * © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
 */

/*{"last_published":"2020-06-25 08:31:41 UTC"}*/

/*@import 'https://p.typekit.net/p.css?s=1&k=suf3kxi&ht=tk&f=137.139.175.176.15815.37504.37159.37160.37164&a=10462057&app=typekit&e=css';*/

@font-face {
  font-family: "proxima-nova";
  src: url(https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3) format("woff2"), url(https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3) format("woff"), url(https://use.typekit.net/af/b683e3/00000000000000003b9b306c/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n9&v=3) format("opentype");
  /*font-display: auto;*/
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: "proxima-nova";
  src: url(https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/949f99/00000000000000003b9b3068/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n7&v=3) format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: "proxima-nova";
  src: url(https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/705e94/00000000000000003b9b3062/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("opentype");
  /*font-display: auto;*/
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "proxima-nova";
  src: url(https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/5c70f2/00000000000000003b9b3063/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "oswald";
  src: url(https://use.typekit.net/af/76bc3b/00000000000000003b9b1369/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/76bc3b/00000000000000003b9b1369/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/76bc3b/00000000000000003b9b1369/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "oswald";
  src: url(https://use.typekit.net/af/ec8a3d/00000000000000003b9b136a/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff2"), url(https://use.typekit.net/af/ec8a3d/00000000000000003b9b136a/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("woff"), url(https://use.typekit.net/af/ec8a3d/00000000000000003b9b136a/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n5&v=3) format("opentype");
  /*font-display: auto;*/
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "bio-sans";
  src: url(https://use.typekit.net/af/d9a69e/00000000000000003b9b3421/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff2"), url(https://use.typekit.net/af/d9a69e/00000000000000003b9b3421/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("woff"), url(https://use.typekit.net/af/d9a69e/00000000000000003b9b3421/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=i4&v=3) format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: "bio-sans";
  src: url(https://use.typekit.net/af/9c5495/00000000000000003b9b3420/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/9c5495/00000000000000003b9b3420/27/d?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/9c5495/00000000000000003b9b3420/27/a?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3) format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "bio-sans";
  src: url(https://use.typekit.net/af/952d18/00000000000000003b9b3424/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/952d18/00000000000000003b9b3424/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/952d18/00000000000000003b9b3424/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}
.tk-proxima-nova {
  font-family: "proxima-nova", sans-serif;
}
.tk-bio-sans {
  font-family: "bio-sans", sans-serif;
}
.tk-oswald {
  font-family: "oswald", sans-serif;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.form {
  display: block;
  width: 100%;
}
.form__panel {
  display: block;
  width: 500px;
}
.form__item {
  margin-bottom: 12px;
}
.form__item:last-of-type {
  margin-bottom: 0;
}
.form__item.valid-negative input {
  border: 1px solid red;
}
.invoice__data.valid-negative input {
  border: 1px solid red;
}
.form__item--checkbox {
  margin-bottom: 12px;
  margin-top: 32px;
  position: relative;
  display: inline-block;
}
.form__item--checkbox-bottom {
  margin-bottom: 12px;
  margin-top: 32px;
  position: relative;
  display: inline-block;
}
.form--variant1 {
  /* wariant formatki z szerokością i marginesem, zajmujący ok 1/3 szerokości, tj. w odzyskiwaniu hasła*/
  width: 350px;
  margin-right: 15px;
  border: 1px solid #e9e9e9;
  border-radius: 7px;
  padding: 25px;
  box-sizing: border-box;
  position: relative;
}
.form__input {
  width: 100%;
}
.form__item--long {
  display: inline-block;
  width: calc(100% - 104px);
  vertical-align: top;
}
.form__item--short {
  display: inline-block;
  width: 100px;
  vertical-align: top;
}
.form-item__select {
  margin-top: 15px;
}
.form__btn {
  font-weight: 700;
}
.form-page {
  max-width: 870px;
  display: block;
  box-sizing: border-box;
  padding-top: 0;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .form-page {
    width: 100%;
  }
  .form__item--written,
  .form__item--voivodeship {
    word-break: break-word;
  }
}
@media all and (max-width: 600px) {
  .form--variant1 {
    width: 100%;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.headbands-box {
  border-radius: 7px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.headbands-box--menu {
  justify-content: flex-start;
}
.headbands-box__item {
  font-size: 1em;
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
}
.headbands-box__link {
  position: relative;
  display: inline-block;
  white-space: nowrap;
  width: 45px;
  height: 45px;
  line-height: 47px;
  border-radius: 25px;
  text-align: center;
  transition: 0.2s all ease-in-out;
}
.headbands-box__link:hover,
.headbands-box__link:focus,
.headbands-box__link:active {
  background: #0c66ff;
  color: white;
}
.headbands-box__link {
  color: black;
  cursor: pointer;
  text-decoration: none;
}
@media all and (max-width: 1280px) {
  .headbands-box--menu {
    display: none;
  }
}
@media all and (max-width: 600px) {
  .headbands-box {
    justify-content: center;
  }
  .headbands-box__item {
    padding: 0 8px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.heading-primary:before {
  display: inline-block;
  position: relative;
  height: 32px;
  width: 32px;
  margin-right: 20px;
  vertical-align: -9px;
}
.heading-primary.managed-heading {
  display: flex;
  align-items: center;
  background-size: 0;
  background-repeat: no-repeat;
}
.heading-primary.managed-heading:before {
  content: '';
  background-image: inherit;
  background-size: 32px;
  background-position: left center;
  background-repeat: no-repeat;
  min-width: 34px;
}
.heading-primary.managed-heading > img {
  margin-right: 20px;
}
.heading-primary {
  display: inline-block;
  margin: 15px 0;
  vertical-align: middle;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}
.heading-primary a {
  color: black;
}
.heading-primary.heading-link,
.heading-primary .heading-link:link,
.heading-primary .heading-link:hover,
.heading-primary .heading-link:focus,
.heading-primary .heading-link:active {
  text-decoration: none;
  color: inherit;
}
.heading-primary .heading-link--arrow {
  margin-left: auto;
}
.heading-primary .heading-link--arrow:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background-image: url(/gfx/svg/HomePage/arrow-right-blue.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-left: 8px;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
}
.heading-primary__category {
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  font-size: 2.6em;
  margin: 0;
}
.basket-heading-primary {
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-weight: 900;
  font-size: 2.4em;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  line-height: 1em;
  margin: 20px 0;
  display: block;
}
/*testy AB logowania*/

.basket-heading-primary.logowanie-test {
  margin: 40px 0;
}
.heading-secondary {
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-weight: 900;
  font-size: 0.8em;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}
.purchase-heading-secondary {
  padding-top: 105px;
  background-size: 55px;
  background-repeat: no-repeat;
  font-size: 1.2em;
  line-height: 1.1em;
}
.heading-product-list {
  display: flex;
  align-items: center;
}
@media (max-width: 760px) {
  .heading-primary__category {
    font-weight: 100;
    line-height: 1em;
    font-size: 1.9em;
  }
}
@media (max-width: 450px) {
  .heading-primary:before {
    margin-right: 7px;
  }
}
@media all and (max-width: 360px) {
  .basket-heading-primary {
    font-size: 2.2em;
  }
}
@media all and (max-width: 600px) {
  .heading-primary.managed-heading > img {
    margin-right: 15px;
  }
  .heading-primary:before {
    margin-right: 15px;
  }
}
@media all and (max-width: 450px) {
  .heading-primary.managed-heading > img {
    margin-right: 10px;
  }
  .heading-primary:before {
    margin-right: 10px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.custom-input {
  display: block;
  padding: 9px 19px 11px 19px;
  font-family: bio-sans, sans-serif;
  font-size: 15px;
  line-height: 17px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  outline: none;
  transition: all 0.5s ease;
  background-color: white;
  z-index: 1;
}
.custom-input:focus {
  border-color: #0c66ff;
}
.select-lisn-custom {
  padding-right: 25px;
}
.custom-input--inline {
  display: inline-block;
  vertical-align: middle;
}
.custom-input--inline + .btn.btn-small {
  vertical-align: middle;
}
.custom-input--no-focus:focus {
  outline: none;
}
.input-label {
  color: #757575;
  display: block;
  font-family: oswald, sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 100;
  margin-bottom: 7px;
}
.input-label--inline {
  display: inline-block;
}
/*checkboxList*/

.asp-checkbox > input[type=checkbox]:checked + label:before {
  border-color: #0c66ff;
  background: #0c66ff;
}
.asp-checkbox > input[type=checkbox]:checked + label:after {
  content: '';
  /*content: '\2714';*/
  background-image: url(/gfx/svg/check-mark.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 3px;
  display: block;
  width: 15px;
  height: 15px;
}
.asp-checkbox > label {
  position: relative;
  text-transform: none;
  display: block;
  margin-top: 1px;
  color: #757575;
  cursor: pointer;
}
.asp-checkbox > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  height: 18px;
  width: 18px;
  margin-right: 10px;
  margin-bottom: 2px;
  left: 0;
}
.asp-checkbox > input[type=checkbox] {
  display: none;
  width: 100%;
}
/*RADIO*/

.asp-radio > label {
  position: relative;
  cursor: pointer;
}
.asp-radio > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
.asp-radio > input[type=radio]:checked + label:before {
  border: 5px solid #0c66ff;
}
.asp-radio > input[type=radio] {
  display: none;
}
.htmlEditor {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
  width: 100%;
}
/*SELECT*/

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
  background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 11px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
option {
  font-family: bio-sans, sans-serif;
}
@-moz-document url-prefix() {
  .wybor-zaplaty .custom-input {
    border: 1px solid silver;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    background-repeat: no-repeat;
    background-position: 95% 42%;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.loader-css {
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: #03a9f4;
  border-radius: 50%;
}
.loader-css:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  border: 0px solid white;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: loaderCss 1000ms ease-out forwards infinite;
}
@keyframes loaderCss {
  0% {
    border: 0px solid white;
  }
  20% {
    border: 4px solid white;
    width: 0%;
    height: 0%;
  }
  100% {
    border: 4px solid white;
    width: 100%;
    height: 100%;
  }
}
.triangle-loader {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%) rotateZ(45deg);
  -ms-transform: translate(-50%, -50%) rotateZ(45deg);
  -o-transform: translate(-50%, -50%) rotateZ(45deg);
  -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.triangle-loader .cube {
  position: relative;
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.triangle-loader .cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.triangle-loader .cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-animation: foldtriangle-loader 1.8s infinite linear both;
  animation: foldtriangle-loader 1.8s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.triangle-loader .cube.c2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}
.triangle-loader .cube.c3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}
.triangle-loader .cube.c4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}
.triangle-loader .cube.c2:before {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.triangle-loader .cube.c3:before {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.triangle-loader .cube.c4:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
@keyframes foldtriangle-loader {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.progress-panel-loader {
  display: none;
}
.progress-panel,
.lb-cancel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.5;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.progress-panel::after,
.lb-cancel::after {
  content: '';
  display: block;
  position: absolute;
  left: calc(100% / 2 - 23.75px);
  top: calc(100% / 2 - 23.75px);
  width: 40px;
  height: 40px;
  border-style: solid;
  border-color: black;
  border-top-color: transparent;
  border-width: 4px;
  border-radius: 50%;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*style dla komunikatów*/

.success-message {
  background-color: #a8cd25;
  color: white !important;
  display: block;
  text-transform: uppercase;
  padding: 15px !important;
  margin: 30px auto;
  max-width: 1310px;
  box-sizing: border-box;
}
.warning-message {
  background-color: #1a71da;
  color: white !important;
  display: block;
  text-transform: uppercase;
  padding: 15px !important;
  margin: 30px auto;
  max-width: 1310px;
  box-sizing: border-box;
}
.error-message {
  background-color: #dd191a;
  color: white !important;
  display: block;
  text-transform: uppercase;
  padding: 15px !important;
  margin: 30px auto;
  max-width: 1310px;
  box-sizing: border-box;
}
.info-message {
  background-color: #890024;
  color: white !important;
  display: block;
  text-transform: uppercase;
  padding: 15px !important;
  margin: 30px auto;
  max-width: 1310px;
  box-sizing: border-box;
}
.error-message[style*="inline"] {
  display: block !important;
}
@media all and (max-width: 1199px) {
  .messages {
    padding: 0 20px;
  }
  .master-width .messages {
    padding-left: 0;
    padding-right: 0;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.products-pagination-box {
  display: flex;
  justify-content: center;
  font-size: 16px;
  width: 100%;
}
.products-pagination-box .pagination {
  overflow: auto;
}
.products-pagination-top-box > span,
.products-pagination-box > span {
  text-align: center;
  display: flex;
  align-items: center;
}
.products-pagination-top-box > span:not(.top),
.products-pagination-box > span:not(.top) {
  width: 100%;
  margin-top: 2em;
}
.news-pagination-box > span {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination {
  max-width: 100%;
  display: flex;
  justify-content: center;
  margin: 2em auto 3em auto;
}
.pagination > .pagination {
  margin: 0;
}
.pagination a:not([class=prev]):not([class=next]) {
  border: 0.5px solid #e5e5e5;
  padding: 10px 10px 12px 10px;
  cursor: pointer;
  color: black;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
  text-decoration: none;
}
.pagination a.aspNetDisabled {
  visibility: hidden;
}
.pagination .prev,
.pagination .next {
  text-transform: lowercase;
  text-decoration: none;
  color: black;
  font-weight: 500;
}
.pagination .prev:before,
.pagination .next:after {
  content: "";
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  height: 1em;
  background-image: url(/gfx/svg/arrow-right-blue.svg);
  width: 1em;
}
.pagination .prev {
  margin-right: auto;
}
.pagination .prev:before {
  transform: rotate(180deg);
  margin-right: 0.5em;
}
.pagination .next {
  margin-left: auto;
}
.pagination .next:after {
  margin-left: 0.5em;
}
.pagination .pagination__page--active,
.pagination.top .pagination__page--active,
.pagination a.pagination__page--active,
.pagination.top a.pagination__page--active,
.pagination a.current,
.pagination.top a.current,
.pagination a:not([class=prev]):not([class=next]).current,
.pagination.top a:not([class=prev]):not([class=next]).current {
  background-color: #0c66ff;
  text-decoration: none;
  border: 0.5px solid #0c66ff;
  padding: 10px 10px 12px 10px;
  cursor: pointer;
  color: white;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  border-radius: 5px;
}
.pagination a:not([class=prev]):not([class=next]):hover,
.pagination .news-pagination-box a:not([class=prev]):not([class=next]):hover {
  background-color: #e9e9e9;
  color: black;
}
.pagination .next-dots {
  margin-right: 2px;
}
.pagination .prev-dots {
  margin-left: 2px;
}
.products-pagination-top-box {
  display: none;
  top: 0;
  position: absolute;
  width: 100%;
}
/*.products-box {
    position: relative;
}*/

.pagination.top {
  top: -71px;
  position: absolute;
  left: calc(50% - 115px);
  width: auto;
  max-width: 100%;
  flex-wrap: wrap;
}
.pagination.top > * {
  margin: 0 2px;
}
.autoload-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.85);
}
/*niedosptepne produkty info*/

.products-box #produkty-niedostepne {
  font-size: 12px;
  color: #757575;
  margin: 15px 0 0 10px;
  display: block;
  position: relative;
  width: 100%;
}
.products-box #produkty-niedostepne p {
  max-width: 425px;
  width: 100%;
}
.products-box #produkty-niedostepne a {
  color: #0c66ff;
  border-bottom: 1px solid rgba(1, 56, 121, 0.17);
}
/*paginacja opinii*/

@media (min-width: 1200px) {
  .pagination {
    justify-content: center;
  }
}
@media (max-width: 1199px) {
  .pagination {
    display: block;
  }
  .pagination a {
    display: inline-block;
    margin-bottom: 2px;
  }
}
@media all and (max-width: 1140px) {
  /*.products-pagination-top-box {
          top: 0;
          left: 0;
          margin-bottom: 20px;
          justify-content: center;
      }*/
  
  .pagination.top {
    left: 0;
    top: 0;
    position: relative;
    justify-content: center;
  }
}
@media all and (max-width: 1000px) {
  .pagination a:not([class=prev]):not([class=next]),
  .pagination .pagination__page--active {
    font-size: 14px;
    padding: 10px 9px;
    color: white;
  }
  .pagination .next:not(.pagination__button),
  .pagination .prev:not(.pagination__button) {
    font-size: 0.9em;
    display: flex;
    align-items: center;
    line-height: 1em;
  }
  .pagination .prev:not(.pagination__button) {
    text-align: left;
  }
  .pagination .next:not(.pagination__button) {
    text-align: right;
  }
}
@media all and (max-width: 820px) {
  .pagination {
    position: relative;
    padding-bottom: 2.5em;
    justify-content: center;
  }
  .pagination a.next:not(.pagination__button),
  .pagination a.prev:not(.pagination__button) {
    position: absolute;
    bottom: 0;
  }
  .pagination a.next:not(.pagination__button) {
    right: 0;
  }
  .pagination a.prev:not(.pagination__button) {
    left: 0;
  }
}
@media all and (max-width: 645px) {
  .products-pagination-top-box {
    display: none;
  }
  .products-box {
    padding-top: 0;
  }
}
@media all and (max-width: 525px) {
  .products-pagination-box {
    display: block;
    text-align: center;
  }
  .products-pagination-box .btn {
    margin-bottom: 20px;
  }
}
@media all and (max-width: 330px) {
  .pagination {
    padding-bottom: 3em;
  }
  a.next,
  a.prev {
    max-width: 43%;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.specjalna-oferta-gratis article,
.produkty-gratisowe article,
.products-list__box,
.promotion-image,
.awarded,
.recommended {
  border: 1px solid #e5e5e5;
  display: inline-block;
  font-size: 15px;
  /* patrz .products-box */
  margin: 5px;
  box-sizing: border-box;
  border-radius: 7px;
  transition: all 0.15s;
  vertical-align: top;
  position: relative;
  background-color: white;
  /* przykobinowany margines dla wszystkich elementów oprócz ostatniego buttona, który jest przylegajacy do krawędzi kafla */

}
.specjalna-oferta-gratis article:hover,
.produkty-gratisowe article:hover,
.products-list__box:hover,
.promotion-image:hover,
.awarded:hover,
.recommended:hover {
  box-shadow: 0 0 6px rgba(0, 39, 36, 0.1);
  transition: all 0.15s;
  /*-moz-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -webkit-transform: translate(0, -2px);
        transform: translate(2, -2px);*/

}
.specjalna-oferta-gratis article figure,
.produkty-gratisowe article figure,
.products-list__box figure,
.promotion-image figure,
.awarded figure,
.recommended figure {
  margin: 26px 0;
  position: relative;
}
.specjalna-oferta-gratis article figure span,
.produkty-gratisowe article figure span,
.products-list__box figure span,
.promotion-image figure span,
.awarded figure span,
.recommended figure span {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  display: block;
  width: calc(100% - 55px);
  height: 20px;
  top: 0;
  left: 0;
  z-index: 1;
}
.specjalna-oferta-gratis article .product-tile__info-box,
.produkty-gratisowe article .product-tile__info-box,
.products-list__box .product-tile__info-box,
.promotion-image .product-tile__info-box,
.awarded .product-tile__info-box,
.recommended .product-tile__info-box {
  margin-left: 20px;
  margin-right: 20px;
}
.specjalna-oferta-gratis article figure,
.produkty-gratisowe article figure,
.products-list__box figure,
.promotion-image figure,
.awarded figure,
.recommended figure {
  margin: 15px;
}
.specjalna-oferta-gratis article img,
.produkty-gratisowe article img,
.products-list__box img,
.promotion-image img,
.awarded img,
.recommended img {
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}
.specjalna-oferta-gratis article img.lazyload,
.produkty-gratisowe article img.lazyload,
.products-list__box img.lazyload,
.promotion-image img.lazyload,
.awarded img.lazyload,
.recommended img.lazyload {
  padding-bottom: 87.87%;
}
.specjalna-oferta-gratis article h3,
.produkty-gratisowe article h3,
.products-list__box h3,
.promotion-image h3,
.awarded h3,
.recommended h3 {
  margin: 0;
  font-size: 1.15em;
}
.specjalna-oferta-gratis article .name,
.produkty-gratisowe article .name,
.products-list__box .name,
.promotion-image .name,
.awarded .name,
.recommended .name {
  font-size: 0.85em;
  text-transform: uppercase;
  display: block;
  margin-top: 5px;
  color: black;
  line-height: 1.05em;
  height: 67px;
  overflow: hidden;
  transition: color 0.15s ease-in;
  text-decoration: none;
}
.specjalna-oferta-gratis article .name:hover,
.produkty-gratisowe article .name:hover,
.products-list__box .name:hover,
.promotion-image .name:hover,
.awarded .name:hover,
.recommended .name:hover {
  color: #0c66ff;
}
.specjalna-oferta-gratis article .category-name,
.produkty-gratisowe article .category-name,
.products-list__box .category-name,
.promotion-image .category-name,
.awarded .category-name,
.recommended .category-name {
  color: #757575;
  font-size: 0.8em;
  padding-bottom: 5px;
  font-weight: 100;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  padding-right: 20px;
}
.specjalna-oferta-gratis article p,
.produkty-gratisowe article p,
.products-list__box p,
.promotion-image p,
.awarded p,
.recommended p {
  display: none;
}
.specjalna-oferta-gratis article .cena,
.produkty-gratisowe article .cena,
.products-list__box .cena,
.promotion-image .cena,
.awarded .cena,
.recommended .cena {
  display: inline-block;
  vertical-align: middle;
  color: #0c66ff;
  font-size: 1.2em;
  line-height: 20px;
  font-weight: 400;
  font-family: oswald, sans-serif;
}
.specjalna-oferta-gratis article .cena-sugerowana,
.produkty-gratisowe article .cena-sugerowana,
.products-list__box .cena-sugerowana,
.promotion-image .cena-sugerowana,
.awarded .cena-sugerowana,
.recommended .cena-sugerowana {
  color: #da2021;
  margin-right: 3px !important;
  font-size: 0.75em;
  position: relative;
  text-decoration: none;
  top: 2px;
}
.specjalna-oferta-gratis article .cena-sugerowana:before,
.produkty-gratisowe article .cena-sugerowana:before,
.products-list__box .cena-sugerowana:before,
.promotion-image .cena-sugerowana:before,
.awarded .cena-sugerowana:before,
.recommended .cena-sugerowana:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(218, 32, 37, 0.5);
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.specjalna-oferta-gratis article .rating,
.produkty-gratisowe article .rating,
.products-list__box .rating,
.promotion-image .rating,
.awarded .rating,
.recommended .rating {
  margin: 2px 0 5px;
}
.specjalna-oferta-gratis article .rating span,
.produkty-gratisowe article .rating span,
.products-list__box .rating span,
.promotion-image .rating span,
.awarded .rating span,
.recommended .rating span {
  color: #0c66ff;
  font-size: 0.8em;
  margin-left: 7px;
}
.specjalna-oferta-gratis article .product-tile__price-box,
.produkty-gratisowe article .product-tile__price-box,
.products-list__box .product-tile__price-box,
.promotion-image .product-tile__price-box,
.awarded .product-tile__price-box,
.recommended .product-tile__price-box {
  position: relative;
}
.specjalna-oferta-gratis article .product-tile__price-box .triangle-loader,
.produkty-gratisowe article .product-tile__price-box .triangle-loader,
.products-list__box .product-tile__price-box .triangle-loader,
.promotion-image .product-tile__price-box .triangle-loader,
.awarded .product-tile__price-box .triangle-loader,
.recommended .product-tile__price-box .triangle-loader {
  z-index: 1;
  background: #da2021;
}
.specjalna-oferta-gratis article .product-tile__price-box-async,
.produkty-gratisowe article .product-tile__price-box-async,
.products-list__box .product-tile__price-box-async,
.promotion-image .product-tile__price-box-async,
.awarded .product-tile__price-box-async,
.recommended .product-tile__price-box-async {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.specjalna-oferta-gratis article .product-tile__price-box-async .progress-panel::after,
.produkty-gratisowe article .product-tile__price-box-async .progress-panel::after,
.products-list__box .product-tile__price-box-async .progress-panel::after,
.promotion-image .product-tile__price-box-async .progress-panel::after,
.awarded .product-tile__price-box-async .progress-panel::after,
.recommended .product-tile__price-box-async .progress-panel::after,
.specjalna-oferta-gratis article .product-tile__price-box-async .lb-cancel::after,
.produkty-gratisowe article .product-tile__price-box-async .lb-cancel::after,
.products-list__box .product-tile__price-box-async .lb-cancel::after,
.promotion-image .product-tile__price-box-async .lb-cancel::after,
.awarded .product-tile__price-box-async .lb-cancel::after,
.recommended .product-tile__price-box-async .lb-cancel::after {
  width: 15px;
  height: 15px;
  left: calc(100% / 2 - 12px);
  top: calc(100% / 2 - 12px);
}
.specjalna-oferta-gratis article .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.produkty-gratisowe article .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.products-list__box .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.promotion-image .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.awarded .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.recommended .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before {
  content: '';
}
.specjalna-oferta-gratis article .product-tile-lower-price__container,
.produkty-gratisowe article .product-tile-lower-price__container,
.products-list__box .product-tile-lower-price__container,
.promotion-image .product-tile-lower-price__container,
.awarded .product-tile-lower-price__container,
.recommended .product-tile-lower-price__container {
  display: block;
  height: 15px;
  visibility: hidden;
  line-height: 1;
}
.specjalna-oferta-gratis article .product-tile-lower-price__container.visible,
.produkty-gratisowe article .product-tile-lower-price__container.visible,
.products-list__box .product-tile-lower-price__container.visible,
.promotion-image .product-tile-lower-price__container.visible,
.awarded .product-tile-lower-price__container.visible,
.recommended .product-tile-lower-price__container.visible {
  visibility: visible;
}
.specjalna-oferta-gratis article .product-tile__lower-price,
.produkty-gratisowe article .product-tile__lower-price,
.products-list__box .product-tile__lower-price,
.promotion-image .product-tile__lower-price,
.awarded .product-tile__lower-price,
.recommended .product-tile__lower-price {
  font-family: bio-sans, sans-serif;
  line-height: 1;
  font-size: 10px;
  color: #757575;
  text-align: left;
}
.specjalna-oferta-gratis article .product-tile__lower-price-nowrap,
.produkty-gratisowe article .product-tile__lower-price-nowrap,
.products-list__box .product-tile__lower-price-nowrap,
.promotion-image .product-tile__lower-price-nowrap,
.awarded .product-tile__lower-price-nowrap,
.recommended .product-tile__lower-price-nowrap {
  white-space: nowrap;
}
/*.products-list__box, .promotion-image, .awarded {
    .createProductTile();
}*/

.products-list__box.async {
  padding-bottom: 15px;
}
.points .product-tile__price {
  display: inline-block;
}
.points .punkty {
  margin-left: 0 !important;
  font-size: 0.7em;
  color: #757575;
}
.product-tile__btn {
  background: none;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  margin-top: 20px;
  border: none;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  transition: all 0.15s ease-in;
  border-radius: 0 0 7px 7px;
  display: block;
  box-shadow: none;
  padding: 15px 0;
  font-size: 0.9em;
  line-height: 0.9em;
}
.product-tile__btn:hover {
  background-color: #da2021;
  border-color: #da2021;
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.product-tile__btn--disabled {
  background-color: #e9e9e9;
  border-color: #e5e5e5;
  pointer-events: none;
}
.product-tile__btn--disabled:hover {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  color: black;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
  cursor: context-menu;
}
.product-tile__btn-async {
  display: block;
  background-color: rgba(255, 255, 255, 0.55);
  background-repeat: no-repeat;
  border-radius: 100%;
  cursor: pointer;
  font-size: 0.8em;
  line-height: 1;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  transition: all ease-in-out 0.2s;
  width: 40px;
  height: 40px;
  -webkit-appearance: none;
  box-shadow: none;
}
.product-tile__btn-async::before {
  content: url(/gfx/svg/ProductTile/plus-blue.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
}
.product-tile__btn-async:hover {
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  background-color: #0c66ff;
}
.product-tile__btn-async:hover::before {
  content: url(/gfx/svg/ProductTile/plus-white.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
}
.product-tile__price {
  display: flex;
}
.product-tile__btn--replacement:hover {
  background-color: #a8cd25;
  border-color: #a8cd25;
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.product-tile__percentage-reduction {
  display: inline-block;
  vertical-align: middle;
  background-color: #0c66ff;
  color: white;
  padding: 1px 8px 0px 8px;
  white-space: nowrap;
  border-radius: 25px;
  font-size: 1em;
  line-height: 20px;
  height: 20px;
  margin-right: 10px;
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
}
.products-list__box:hover .btn.disabled {
  background-color: #e5e5e5;
  cursor: default;
}
.bestsellers .products-box {
  -webkit-text-size-adjust: none;
  /*.slick-track {
            overflow: hidden;
        }*/

}
.bestsellers .products-box figure {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.bestsellers .products-box figure span {
  display: none;
}
.bestsellers .products-box .product-tile__info-box {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 0 0 10px;
  width: calc(100% / 2 + 10px);
}
.bestsellers .products-box .product-tile__price-box {
  width: 100%;
}
.home-zestawy .products-list__box img {
  width: 100%;
  max-width: 180px;
  height: auto;
  box-sizing: border-box;
}
/*.managed-list-background {
    background-size: 0;
    background-repeat: no-repeat;

    &:before {
        content: '';
        background-image: inherit;
        //background-size: 32px;
        background-position: center top;
        background-repeat: no-repeat;
        max-width: 100%;
    }
}*/

@media all and (max-width: 920px) and (min-width: 880px) {
  .bestsellers .products-list__box figure {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 400px) {
  .specjalna-oferta-gratis article .product-tile__info-box,
  .produkty-gratisowe article .product-tile__info-box,
  .products-list__box .product-tile__info-box,
  .promotion-image .product-tile__info-box,
  .awarded .product-tile__info-box,
  .recommended .product-tile__info-box {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.product_information__favorite-delete a {
  z-index: 9;
  display: block;
  position: absolute;
  top: 1px;
  right: 0px;
  padding: 2px;
  width: 25px;
  height: 25px;
}
.product_information__favorite-delete a:before,
.product_information__favorite-delete a:after {
  content: "";
  background-color: black;
  width: 20px;
  height: 1.5px;
  display: block;
  position: absolute;
  top: 11px;
  left: 6px;
  transform: rotate(45deg);
  opacity: 0.8;
}
.product_information__favorite-delete a:after {
  transform: rotate(-45deg);
}
.product_information__favorite-delete a:hover {
  opacity: 0.5;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
#basket-popup {
  overflow: hidden;
}
#basket-popup:focus-visible {
  outline: none !important;
}
#basket-popup .product-vat-included__link {
  margin-top: -15px;
  font-size: 12px;
}
.right-panel,
.right-panel-async {
  position: fixed;
  right: -100%;
  top: 0;
  padding: 40px;
  background: white;
  z-index: 9901;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  transition: right 0.8s ease-out;
  width: 560px;
  height: 100%;
  box-sizing: border-box;
  overflow-y: scroll;
}
.right-panel.show,
.right-panel-async.show {
  display: block;
  transition: right 0.8s ease-out;
  right: 0;
}
.right-panel .right-panel__close,
.right-panel-async .right-panel__close {
  display: inline-block;
  position: relative;
  outline: none;
  background: transparent;
  border: none !important;
  padding: 1px;
  float: right;
  cursor: pointer;
  height: 40px;
  width: 40px;
  bottom: 10px;
}
.right-panel .right-panel__close:before,
.right-panel-async .right-panel__close:before,
.right-panel .right-panel__close:after,
.right-panel-async .right-panel__close:after {
  content: "";
  background-color: black;
  width: 20px;
  height: 2px;
  display: block;
  position: absolute;
  top: 16px;
  left: 2px;
  transform: rotate(45deg);
}
.right-panel .right-panel__close:after,
.right-panel-async .right-panel__close:after {
  transform: rotate(-45deg);
}
.right-panel .right-panel__close--variants,
.right-panel-async .right-panel__close--variants,
.right-panel .right-panel__close--variants-home,
.right-panel-async .right-panel__close--variants-home {
  display: inline-block;
  position: relative;
  outline: none;
  background: transparent;
  border: none !important;
  padding: 1px;
  float: right;
  cursor: pointer;
  height: 40px;
  width: 40px;
  bottom: 10px;
}
.right-panel .right-panel__close--variants:before,
.right-panel-async .right-panel__close--variants:before,
.right-panel .right-panel__close--variants-home:before,
.right-panel-async .right-panel__close--variants-home:before,
.right-panel .right-panel__close--variants:after,
.right-panel-async .right-panel__close--variants:after,
.right-panel .right-panel__close--variants-home:after,
.right-panel-async .right-panel__close--variants-home:after {
  content: "";
  background-color: black;
  width: 20px;
  height: 2px;
  display: block;
  position: absolute;
  top: 16px;
  left: 2px;
  transform: rotate(45deg);
}
.right-panel .right-panel__close--variants:after,
.right-panel-async .right-panel__close--variants:after,
.right-panel .right-panel__close--variants-home:after,
.right-panel-async .right-panel__close--variants-home:after {
  transform: rotate(-45deg);
}
.right-panel .right-panel__close--large:before,
.right-panel-async .right-panel__close--large:before,
.right-panel .right-panel__close--large:after,
.right-panel-async .right-panel__close--large:after {
  width: 40px;
}
.right-panel .right-panel-btn,
.right-panel-async .right-panel-btn {
  margin: 0;
  margin-top: 20px;
  background: #da2021;
  color: white;
}
.right-panel .right-panel-btn--continue,
.right-panel-async .right-panel-btn--continue,
.right-panel .right-panel-btn--go,
.right-panel-async .right-panel-btn--go {
  display: inline-block;
  margin-top: 20px;
  width: 48%;
}
.right-panel .right-panel-btn--go,
.right-panel-async .right-panel-btn--go {
  float: right;
}
.right-panel .right-panel__title,
.right-panel-async .right-panel__title {
  padding-left: 0;
  margin: 0;
}
.right-panel .right-panel__title-section,
.right-panel-async .right-panel__title-section {
  margin-bottom: 20px;
}
.right-panel .right-panel_container,
.right-panel-async .right-panel_container {
  position: relative;
  overflow: hidden;
}
@media all and (max-width: 1280px) {
  .right-panel,
  .right-panel-async {
    right: -200%;
  }
}
@media all and (max-width: 768px) {
  .right-panel,
  .right-panel-async {
    width: 100%;
  }
}
@media all and (max-width: 540px) {
  .right-panel,
  .right-panel-async {
    padding: 25px;
  }
  .right-panel .right-panel-btn--continue,
  .right-panel-async .right-panel-btn--continue,
  .right-panel .right-panel-btn--go,
  .right-panel-async .right-panel-btn--go {
    display: block;
    width: 100%;
    margin-top: 10px;
  }
  .right-panel .basket-popup-summary,
  .right-panel-async .basket-popup-summary {
    margin: 20px 0;
  }
}
/*zmiana orientacji ekranu*/

@media screen and (orientation: landscape) {
  .right-panel,
  .right-panel-async {
    overflow: auto;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.description {
  color: #757575;
  margin-bottom: 40px;
  /*text-align: left;
    display: flex;*/

}
.description__box {
  max-height: 210px;
  position: relative;
  overflow: hidden;
}
.description__box:after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
  width: 100%;
  height: 4.5em;
}
.description__box--nofade:after {
  display: none;
}
.description__more {
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
.description__button {
  cursor: pointer;
  position: relative;
  font-weight: 600;
  text-decoration: none;
  color: #757575;
}
.description__button:before {
  content: "";
  height: 1px;
  width: 100%;
  position: absolute;
  display: block;
  background: #0c66ff;
  left: 0;
  bottom: -4px;
}
.description__button--down:after:before {
  content: '';
  position: absolute;
  z-index: 999;
  bottom: 30px;
  display: block;
  left: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
  width: 100%;
  height: 2.5em;
}
.description__button--up:after:before {
  content: '';
  position: absolute;
  z-index: 999;
  bottom: 30px;
  display: block;
  left: 0;
  background: none;
  width: 100%;
  height: 2.5em;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  touch-action: auto;
  -ms-touch-action: auto;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  height: 100%;
  width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-prev,
.slick-next {
  display: block;
  position: absolute;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition: all 0.2s ease-in-out;
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  height: 44px;
  width: 44px;
  background-image: url(/gfx/svg/arrow-right-blue.svg);
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  border-radius: 100%;
  box-shadow: 0 -1px 2px rgba(0, 39, 36, 0.1);
  border: 1px solid whitesmoke;
  z-index: 1;
  opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
  background-image: url(/gfx/svg/arrow-right-grey.svg);
}
.slick-prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  left: -17px;
  top: 22%;
}
.slick-prev:hover,
.slick-prev:focus {
  transform-origin: center;
  transform: rotate(180deg);
}
.slick-next {
  box-shadow: 0 1px 2px rgba(0, 39, 36, 0.1);
  right: -17px;
  top: 27.55%;
}
.slick-next:hover,
.slick-next:focus {
  transform-origin: center;
  transform: translate(0, -50%);
}
.bestsellers .slick-prev {
  top: 65px;
}
.bestsellers .slick-next {
  top: 88px;
}
.slick-prev:hover,
.slick-next:hover {
  outline: none;
}
.slider-tiles .slick-prev {
  top: 26%;
}
.slider-tiles .slick-next {
  top: 51%;
}
/*.slickButtons();*/

@media all and (max-width: 1369px) {
  .rotator .slick-prev,
  .rotator .slick-next {
    display: none !important;
  }
  .products-box .slick-prev {
    left: -10px;
  }
  .products-box .slick-next {
    right: -10px;
  }
}
@media handheld {
  .slick-prev,
  .slick-next {
    cursor: none;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.table-default {
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #e5e5e5;
  width: 100%;
}
.table-default tr {
  color: #757575;
}
.table-default tr:nth-of-type(even) {
  background-color: #f6f6f6;
}
.table-default tr:not(:first-child):hover {
  background-color: #e5e5e5;
}
.table-default th,
.table-default td {
  padding: 10px;
  color: #0c66ff;
}
.table-default td {
  font-weight: 300;
  color: black;
}
.table-default--no-hover {
  pointer-events: none;
}
.table-default__link {
  text-transform: uppercase;
  font-size: 0.8em;
  color: #0c66ff;
  text-decoration: none;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.stars-rating {
  display: flex;
  align-items: center;
  position: relative;
  color: #dadada;
}
.stars-rating.filter {
  display: inline-block;
}
.stars-rating mark:before {
  content: "\2605  \2605  \2605  \2605  \2605";
  white-space: nowrap;
  font-size: 18px;
  line-height: 18px;
  background-clip: text;
  -webkit-background-clip: text;
  text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.stars-rating mark {
  position: relative;
  display: inline-block;
  background: transparent;
}
/*Użyj do tych styli pliku: StarsRating.ts*/

.stars-votes__rating {
  color: #dedede;
  cursor: pointer;
  font-size: 1.2em;
}
.stars-votes__rating.stars-votes__marked {
  color: #ffc120;
}
@media all and (max-width: 390px) {
  .products-list__box .stars-rating mark:before {
    content: "\2605 \2605 \2605 \2605 \2605";
  }
  .products-list__box .stars-rating:before,
  .products-list__box .stars-rating mark:before {
    font-size: 16px;
    line-height: 16px;
  }
  .products-list__box .rating span {
    margin-left: 4px;
    font-size: 11px;
    margin-top: 2px;
    -webkit-text-size-adjust: 100%;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.see-more:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(/gfx/svg/link-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin-left: 5px;
  width: 10px;
  height: 10px;
  transition: all 0.3s ease-in-out;
}
.item_get-more {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #757575;
  font-weight: 600;
  font-size: 15px;
  margin-top: 30px;
  line-height: 18px;
}
.text {
  color: #757575;
  font-size: 15px;
}
/*fingormacja o vacie - występuje w wielu miejscach*/

.product-vat-included__link {
  color: #757575;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
}
.product-vat-included__link a {
  color: #0c66ff;
}
.validator-msg {
  color: red;
  font-weight: 300;
  font-size: 14px;
}
.js-field-validator {
  color: #da2021;
}
.text--additional {
  color: black;
  text-decoration: none;
}
@media (max-width: 799px) {
  #rr_xss_cert .col_wrap {
    padding: 60px 20px;
    width: 100%;
    display: block;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
  }
}
/*@media (max-width: 761px) {
    .product-vat-included_container {
        display: none;
    }
}
*/


/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #0c66ff 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

/* Plik wymaga refaktoryzacji. */

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.custom-input {
  display: block;
  padding: 9px 19px 11px 19px;
  font-family: bio-sans, sans-serif;
  font-size: 15px;
  line-height: 17px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  outline: none;
  transition: all 0.5s ease;
  background-color: white;
  z-index: 1;
}
.custom-input:focus {
  border-color: #0c66ff;
}
.select-lisn-custom {
  padding-right: 25px;
}
.custom-input--inline {
  display: inline-block;
  vertical-align: middle;
}
.custom-input--inline + .btn.btn-small {
  vertical-align: middle;
}
.custom-input--no-focus:focus {
  outline: none;
}
.input-label {
  color: #757575;
  display: block;
  font-family: oswald, sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 100;
  margin-bottom: 7px;
}
.input-label--inline {
  display: inline-block;
}
/*checkboxList*/

.asp-checkbox > input[type=checkbox]:checked + label:before {
  border-color: #0c66ff;
  background: #0c66ff;
}
.asp-checkbox > input[type=checkbox]:checked + label:after {
  content: '';
  /*content: '\2714';*/
  background-image: url(/gfx/svg/check-mark.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 3px;
  display: block;
  width: 15px;
  height: 15px;
}
.asp-checkbox > label {
  position: relative;
  text-transform: none;
  display: block;
  margin-top: 1px;
  color: #757575;
  cursor: pointer;
}
.asp-checkbox > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  height: 18px;
  width: 18px;
  margin-right: 10px;
  margin-bottom: 2px;
  left: 0;
}
.asp-checkbox > input[type=checkbox] {
  display: none;
  width: 100%;
}
/*RADIO*/

.asp-radio > label {
  position: relative;
  cursor: pointer;
}
.asp-radio > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
.asp-radio > input[type=radio]:checked + label:before {
  border: 5px solid #0c66ff;
}
.asp-radio > input[type=radio] {
  display: none;
}
.htmlEditor {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
  width: 100%;
}
/*SELECT*/

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
  background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 11px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
option {
  font-family: bio-sans, sans-serif;
}
@-moz-document url-prefix() {
  .wybor-zaplaty .custom-input {
    border: 1px solid silver;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    background-repeat: no-repeat;
    background-position: 95% 42%;
  }
}
#warianty .variant-box__close,
#warianty-async .variant-box__close {
  display: inline-block;
  position: relative;
  outline: none;
  background: transparent;
  border: none !important;
  width: 25px;
  padding: 1px;
  float: right;
  height: 20px;
  cursor: pointer;
}
#warianty .variant-box__close:before,
#warianty-async .variant-box__close:before,
#warianty .variant-box__close:after,
#warianty-async .variant-box__close:after {
  content: "";
  background-color: black;
  width: 20px;
  height: 2px;
  display: block;
  position: absolute;
  top: 9px;
  left: 2px;
  transform: rotate(45deg);
}
#warianty .variant-box__close:after,
#warianty-async .variant-box__close:after {
  transform: rotate(-45deg);
}
#warianty .choose-variant-btn,
#warianty-async .choose-variant-btn {
  display: block;
  margin: 0;
  margin-top: 20px;
  background: #da2021;
  color: white;
  width: 100%;
}
#warianty .variant-box__title,
#warianty-async .variant-box__title {
  padding-left: 0;
  margin: 0;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.choose-variant-box,
.choose-variant-box-async {
  width: 100%;
  clear: both;
}
.choose-variant-box__label,
.single-variant-box__label {
  font-weight: 300;
  color: #757575;
  text-transform: lowercase;
  display: inline-block;
  width: calc(50% - 4px);
  padding: 20px 0 10px 0;
  box-sizing: border-box;
}
.single-variant-box__input {
  width: 75px;
  margin-left: 6px;
  font-size: 0.9em;
}
.choose-variant-box__label--with-info {
  margin-left: -2px;
  padding-left: 0;
}
.choose-variant-box__info-label {
  text-decoration: none;
}
.choose-variant-box__flavour-dialog {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 0.8em;
  vertical-align: middle;
  position: relative;
  margin-top: 20px;
  color: #757575;
}
.choose-variant-box__info {
  background: url(/gfx/svg/info-blue.svg) no-repeat center;
  display: inline-block;
  height: 16px;
  margin-right: 2px;
  position: relative;
  width: 16px;
  vertical-align: middle;
}
.choose-variant-box__info:hover:before {
  background-color: white;
  box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  content: "Jeżeli chcesz zobaczyć tłumaczenie, przytrzymaj kursor nad wybranym smakiem";
  display: block;
  font-size: 0.63em;
  font-style: normal;
  left: -14px;
  position: absolute;
  padding: 10px;
  text-transform: uppercase;
  top: -55px;
  width: 240px;
  z-index: 9900;
}
.choose-variant-box__info:hover:after {
  content: "";
  display: block;
  border-top: 13px solid white;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  left: -2px;
  top: -12px;
  z-index: 9901;
}
.promocja-zestaw-dialog .single-variant-box__label:first-of-type,
#zestaw-wybor-wariantow .single-variant-box__label:first-of-type {
  padding-left: 0;
  width: calc(100% - 39px);
}
.promocja-zestaw-dialog.ui-dialog {
  width: 550px !important;
}
.promocja-dialog.ui-dialog {
  width: 450px !important;
}
.specjalna-oferta-gratis .stan-magazynowy,
.specjalna-oferta-zakup .stan-magazynowy {
  width: 42px;
}
.specjalna-oferta-gratis .choose-variant-box__list,
.specjalna-oferta-zakup .choose-variant-box__list {
  max-height: calc(100vh - 240px);
}
.specjalna-oferta-gratis .choose-variant-box {
  width: 100%;
}
.choose-variant-box__label:nth-of-type(2),
.specjalna-oferta-zakup.single-variant-box__label:nth-of-type(2) {
  text-align: right;
}
.ui-dialog .ui-dialog-content.specjalna-oferta-gratis,
.ui-dialog .ui-dialog-content.specjalna-oferta-zakup {
  padding: 0 20px;
}
.specjalna-oferta-zakup.single-variant-box > span > .choose-variant-box__quantity {
  width: 55px;
  margin-left: 6px;
}
.specjalna-oferta-zakup .choose-variant-box__quantity {
  width: 40px;
}
.choose-variant-box__list {
  display: flex;
  flex-direction: column;
  font-family: bio-sans, sans-serif;
}
.choose-variant-box__list-item,
.choose-variant-box__list-item-async {
  margin-bottom: 15px;
  cursor: pointer;
  /*-webkit-transform: translate3d(0,0,0);*/

}
.choose-variant-box__list-item-async,
.choose-variant-box__list-item {
  display: inline-block;
  position: relative;
}
.choose-variant-box__quantity {
  border: 1px solid #e5e5e5;
  border-radius: 25px;
  display: none;
  outline: none;
  padding: 1px 0;
  text-align: center;
  width: 34px;
  margin-right: 10px;
  float: right;
}
.choose-variant-box__quantity:focus {
  border-color: #0c66ff;
}
/* .js-variant-cb */

.choose-variant-box__checkbox {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.choose-variant-box__checkbox:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  height: 18px;
  width: 18px;
  margin-right: 10px;
  margin-bottom: 2px;
  left: 0;
}
.choose-variant-box__checkbox input {
  display: none;
}
.choose-variant-box__list-item--selected .choose-variant-box__checkbox:before {
  border-color: #0c66ff;
  background: #0c66ff;
}
.choose-variant-box__list-item--selected .choose-variant-box__checkbox:after {
  content: '';
  /*content: '\2714';*/
  background-image: url(/gfx/svg/check-mark.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 3px;
  display: block;
  width: 15px;
  height: 15px;
}
/*warianty w popupie z graficznymi smakami*/

.choose-variant-box__dialog-list {
  display: flex;
  flex-wrap: wrap;
}
#graphic-variant-box.ui-dialog-content {
  top: -30px;
}
.choose-variant-box__dialog-title {
  line-height: 1.3em;
  margin-left: 10px;
}
.choose-variant-box__dialog-title h2 {
  margin: 0;
}
.dialog-title__variant {
  color: #757575;
  font-size: 0.9em;
  font-weight: 500;
}
.dialog-title__brand {
  color: #1a71da;
  font-size: 0.9em;
  font-weight: 600;
}
.choose-variant-box__dialog-list-item {
  width: calc(100%/4 - 27px);
  max-width: 100%;
  position: relative;
  flex: 0 1 auto;
  margin: 4px 0px 3px 7px;
  cursor: pointer;
  border: 3px solid white;
  padding: 4px 5px 4px 7px;
  transition: all 0.3s ease-in-out;
}
.choose-variant-box__dialog-list-item:hover::before {
  content: '';
  position: absolute;
  display: block;
  top: -1px;
  bottom: 0;
  left: 0;
  right: -2px;
  background: rgba(66, 134, 244, 0.07);
  border-radius: 7px;
  pointer-events: none;
}
.choose-variant-box__dialog-list-item .choose-variant-box__quantity {
  padding: 0;
}
.choose-variant-box__dialog-list-item .stan-magazynowy,
.choose-variant-box__dialog-list-item .choose-variant-box__quantity {
  float: right;
}
.choose-variant-box__dialog-list-item .choose-variant-box__checkbox {
  top: 2px;
  left: 1px;
  display: inline-block;
  vertical-align: top;
}
.choose-variant-box__dialog-list-item .choose-variant-box__title {
  display: inline-block;
  line-height: 0.9em;
  width: calc(100% - 37px);
  padding-right: 0;
}
.choose-variant-box__dialog-list-item .stan-magazynowy {
  top: 2px;
}
.choose-variant-box__title {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 500;
  color: #0c66ff;
  text-align: left;
  padding-right: 30px;
  white-space: pre-wrap;
}
.choose-variant-box__image {
  width: calc(100% - 22px);
  display: inline-block;
}
#zestaw-wybor-wariantow {
  margin-bottom: 20px;
}
#zestaw-wybor-wariantow + .choose-variant-btn__container.fixed {
  z-index: 99;
  position: fixed;
  bottom: 0;
  background: white;
  padding-right: 40px;
  padding-bottom: 20px;
}
#zestaw-wybor-wariantow .choose-variant-box__list-item > span {
  position: relative;
}
.cl-flavour:before {
  text-transform: uppercase;
  content: attr(data-flavour);
  position: absolute;
  display: inline-block;
  padding: 5px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  color: #0c66ff;
  font-size: 0.9em;
  top: -38px;
  left: -3px;
  z-index: 1;
}
/*.cloud-flavour:before {
    top: -63px !important;
}*/

.cloud-flavour-extended:before {
  top: -78px !important;
}
#zestaw-wybor-wariantow .choose-variant-box__list-item span[data-flavour]:before {
  left: 27px;
}
.choose-variant-box .slimScrollDiv .choose-variant-box__list-item:nth-of-type(-n+2) span[data-flavour]:before {
  top: 33px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16), 0 0 10px 0 rgba(0, 0, 0, 0.12);
}
.choose-variant-box-async .slimScrollDiv .choose-variant-box__list-item-async:nth-of-type(-n+2) span[data-flavour]:before {
  top: 33px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.16), 0 0 10px 0 rgba(0, 0, 0, 0.12);
}
.cl-flavour:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white;
  top: -12px;
  left: 14px;
  z-index: 1;
}
.up.cl-flavour:before {
  top: 22px !important;
}
#zestaw-wybor-wariantow .choose-variant-box__list-item span[data-flavour]:after {
  left: 42px;
}
.up.cl-flavour:after {
  top: 15px !important;
  transform: rotate(180deg) !important;
}
.variants-radio-list .single-variant-box {
  display: none;
}
.choose-variant-box__list-item--selected .stan-magazynowy {
  display: none;
}
.choose-variant-box__list-item--selected .choose-variant-box__quantity {
  display: inline-block;
}
.variants-radio-list .choose-variant-box__list-item.selected .choose-variant-box__quantity {
  display: inline-block;
  font-size: 0.9em;
  -moz-appearance: auto;
  /* Firefox */
  margin-right: 5px;
  margin-top: 3px;
}
.choose-variant-box__list-item--selected .choose-variant-box__quantity,
.specjalna-oferta-zakup.single-variant-box > span > .choose-variant-box__quantity {
  font-size: 0.9em;
}
article .variants-radio-list .choose-variant-box {
  display: none;
}
#zestaw-wybor-wariantow .choose-variant-box {
  width: calc(100% - 138px);
}
#zestaw-wybor-wariantow .choose-variant-box__list-item input[type=radio],
.variants-radio-list .choose-variant-box__list-item input[type=radio] {
  display: none;
}
#zestaw-wybor-wariantow .choose-variant-box__list-item > span,
.variants-radio-list .choose-variant-box__list-item > span,
.specjalna-oferta-zakup.single-variant-box > span {
  font-family: bio-sans, sans-serif;
  font-weight: 500;
  width: calc(100% - 50px);
  display: inline-block;
}
#zestaw-wybor-wariantow .choose-variant-box__list-item > span label:before,
.variants-radio-list .choose-variant-box__list-item > span label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
/*#zestaw-wybor-wariantow .choose-variant-box__list-item > span label,
.variants-radio-list .choose-variant-box__list-item > span label {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    position: relative;
    text-transform: uppercase;
}*/

.promocja-zestaw-dialog .zestaw-warianty-gratis > div > div,
#zestaw-wybor-wariantow > div {
  margin: 10px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.promocja-zestaw-dialog .zestaw-warianty-gratis > div > div:last-of-type,
#zestaw-wybor-wariantow > div:last-of-type {
  margin: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#zestaw-wybor-wariantow > div:last-of-type {
  margin: 10px 0;
  padding-bottom: 15px;
}
#zestaw-wybor-wariantow > div > div,
.promocja-zestaw-dialog .zestaw-warianty-gratis .zestaw-warianty-left-col,
.promocja-zestaw-dialog .single-variant-box {
  display: inline-block;
  vertical-align: top;
}
#zestaw-wybor-wariantow .single-variant-box {
  width: 100%;
  float: right;
}
#zestaw-wybor-wariantow > div > div:first-of-type,
.promocja-zestaw-dialog .zestaw-warianty-gratis .zestaw-warianty-left-col {
  width: 100%;
  box-sizing: border-box;
  margin-right: 10px;
}
/*#zestaw-wybor-wariantow input[type=radio]:checked + span label:before,
.variants-radio-list input[type=radio]:checked + span label:before,
.variants-radio-list label.selected:before {
    .createRadioItemChecked();
}*/

#zestaw-wybor-wariantow input[type=radio]:checked + span label:before,
.variants-radio-list input[type=radio]:checked + span label:before,
.variants-radio-list label.selected:before,
.choose-variant-box__list-item.selected > span label:before {
  border: 5px solid #0c66ff;
}
#zestaw-wybor-wariantow input[type=radio]:checked + span label:before,
.variants-radio-list input[type=radio]:checked + span label:before,
.variants-radio-list label.selected:before,
.choose-variant-box__list-item-async.selected > span label:before {
  border: 5px solid #0c66ff;
}
.promocja-zestaw-dialog img,
#zestaw-wybor-wariantow img {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border: none;
  vertical-align: middle;
  padding-right: 20px;
}
#zestaw-wybor-wariantow .variant-img-container {
  display: inline-block;
  width: 100px;
  margin-right: 20px;
}
#zestaw-wybor-wariantow .variant-option-container {
  display: inline-block;
  width: calc(100% - 128px);
}
.promocja-zestaw-dialog h3,
#zestaw-wybor-wariantow h3 {
  color: black;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 15px;
  font-family: oswald, sans-serif;
  margin: 5px 0;
  width: calc(100% - 128px);
  vertical-align: middle;
}
#zestaw-wybor-wariantow h3 {
  vertical-align: 14px !important;
  display: inline-block;
  width: 100%;
  margin: 0px 0 !important;
}
.zestaw-warianty-gratis img {
  vertical-align: top;
  display: inline-block;
}
.zestaw-warianty-gratis .choose-variant-box {
  width: calc(100% - 138px);
  display: inline-block;
}
#zestaw-wybor-wariantow .choose-variant-box__list.set__variant-list .choose-variant-box__list-item,
#zestaw-wybor-wariantow .choose-variant-box__list.set__variant-list .choose-variant-box__list-item-async {
  cursor: initial;
}
#zestaw-wybor-wariantow .choose-variant-box__list.set__variant-list .choose-variant-box__list-item > span label,
#zestaw-wybor-wariantow .choose-variant-box__list.set__variant-list .choose-variant-box__list-item-async > span label {
  cursor: pointer;
  width: 100%;
}
.choose-variant-box__list-item > span label,
.choose-variant-box__list-item span:nth-of-type(2),
.choose-variant-box__list-item .choose-variant-box__variant-name {
  color: #757575;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-transform: capitalize;
  cursor: pointer;
}
.choose-variant-box__list-item-async > span label,
.choose-variant-box__list-item-async span:nth-of-type(2),
.choose-variant-box__list-item-async .choose-variant-box__variant-name {
  color: #757575;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-transform: capitalize;
  cursor: pointer;
}
.choosen-wariant-item {
  line-height: 34px;
  width: 100%;
  float: right;
}
.choosen-wariant-item #activateVariantList {
  float: right;
  padding: 10px 15px;
}
.choosen-wariant-item .choosen-item-name {
  color: #757575;
}
.choose-variant-box__btn-accept {
  float: right;
  padding: 10px 15px;
  font-size: 0.9em;
  line-height: 0.9em;
  margin-top: 15px;
}
.set-variant-producent-name {
  color: #757575;
  font-size: 0.8em;
  font-weight: 100;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
}
.choosen-item-name__number {
  display: block;
  position: relative;
  vertical-align: top;
  top: -15px;
  font-size: 12px;
  color: #757575;
}
.choose-variant-box__list-item-async > .highlighted-variant,
.choose-variant-box__list-item > .highlighted-variant,
.choose-variant-box__list-item > span label.highlighted-variant {
  font-weight: bold;
}
@media all and (max-width: 1200px) {
  .choose-variant-box__list-item span[data-flavour]:after {
    content: none;
  }
  .choose-variant-box__list-item-async span[data-flavour]:after {
    content: none;
  }
  .choose-variant-box__info:hover:before {
    top: -68px;
    width: 200px;
  }
}
@media all and (max-width: 800px) {
  .choose-variant-box__dialog-list-item {
    width: calc(100%/3 - 30px);
  }
  .choose-variant-box__list-item,
  .choose-variant-box__list-item-async {
    margin-bottom: 7px;
  }
}
@media all and (max-width: 768px) {
  #warianty.show,
  #warianty-async.show {
    width: 100%;
  }
  #zestaw-wybor-wariantow + .choose-variant-btn__container.fixed {
    padding-bottom: 5px;
  }
  #warianty .choose-variant-btn {
    margin-top: 10px;
  }
  #warianty-async .choose-variant-btn {
    margin-top: 10px;
  }
}
@media all and (max-width: 530px) {
  .choose-variant-box__dialog-title {
    margin-left: 0;
  }
  .choose-variant-box__dialog-list-item:hover::before {
    right: -1px;
    top: 0;
  }
  .stan-magazynowy {
    height: 16px;
    float: none;
    display: inline-block;
  }
  .choose-variant-box__dialog-list {
    justify-content: flex-start;
  }
  .choose-variant-box__dialog-list-item {
    margin: 0;
    width: calc(100%/2 - 17px);
    padding: 3px 3px 3px 4px;
  }
  .choose-variant-box__dialog-list-item .choose-variant-box__title {
    width: calc(100% - 40px);
  }
  .choose-variant-box__dialog-list-item .stan-magazynowy {
    float: none;
    top: 0;
  }
  .choose-variant-box__dialog-list-item.choose-variant-box__list-item--selected .choose-variant-box__quantity {
    display: inline-grid;
    font-size: 0.65em;
    width: 20px;
    position: absolute;
    right: 3px;
    bottom: 4px;
  }
}
#zestaw-wybor-wariantow .choose-variant-box {
  width: 100%;
}
@media all and (max-width: 1280px) {
  #zestaw-wybor-wariantow > div > div:first-of-type {
    width: 100%;
  }
  #zestaw-wybor-wariantow img,
  .promocja-zestaw-dialog .zestaw-warianty-gratis .zestaw-warianty-left-col img {
    display: inline-block;
    vertical-align: middle;
  }
  .promocja-zestaw-dialog h3,
  #zestaw-wybor-wariantow h3 {
    display: inline-block;
    width: calc(100% - 128px);
    vertical-align: middle;
  }
  #zestaw-wybor-wariantow h3 {
    width: 100%;
  }
  #zestaw-wybor-wariantow .choose-variant-box {
    width: 100%;
  }
  /*#zestaw-wybor-wariantow .choose-variant-box__list {
          padding-left: 20px;
      }*/
  
  .zestaw-warianty-gratis .choose-variant-box,
  .promocja-zestaw-dialog .zestaw-warianty-gratis .zestaw-warianty-left-col,
  .choose-variant-box__list {
    width: 100%;
  }
  .promocja-zestaw-dialog.ui-dialog,
  .promocja-dialog.ui-dialog {
    width: calc(100% - 50px) !important;
  }
  .zestaw-warianty-gratis .choose-variant-box__list {
    padding-left: 20px;
  }
  .choose-variant-box__info:hover:before {
    top: -68px;
    width: 230px;
  }
}
@media all and (max-width: 350px) {
  .choose-variant-box__dialog-list-item .choose-variant-box__title {
    font-size: 0.8em;
    display: -webkit-inline-box;
  }
  .choose-variant-box-dialog .stan-magazynowy:after,
  .choose-variant-box-dialog .stan-magazynowy.degree:before {
    font-weight: 400;
    letter-spacing: -1px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.slow-down-transition {
  transition-timing-function: ease-out !important;
}
.swipe-slider-main {
  width: 90000px;
  position: relative;
  transition: transform 0s linear;
  -webkit-transition: transform 0s linear;
  -moz-transition: transform 0s linear;
  -ms-transition: transform 0s linear;
  -o-transition: transform 0s linear;
  transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.on-swipe-desktop {
  -webkit-user-drag: none !important;
  -webkit-user-select: none !important;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.daily-promotion__timing .dots-loader {
  display: block;
  padding-top: 2px;
  margin-top: -10px;
  margin-bottom: 10px;
}
.daily-promotion__quantities .bar {
  background: whitesmoke;
  height: 4px;
  margin-top: 10px;
  overflow: hidden;
}
.daily-promotion__quantities .bar > div {
  background: #0c66ff;
  height: 4px;
}
@media all and (max-width: 425px) {
  .daily-promotion__timing {
    text-align: left;
  }
}
@media all and (max-width: 384px) {
  .daily-promotion__timing {
    position: relative;
  }
}

/** Light color-scheme **/
:root {
    --cc-bg: #fff;
    --cc-text: #2d4156;
    --cc-btn-primary-bg: #da2021; /*#2d4156;*/
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: #1d2e38; /* Nadpisane */
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(255, 255, 255, .85); /*(4, 6, 8, .85);*/
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode {
    --cc-bg: #181b1d;
    --cc-text: #d8e5ea;
    --cc-btn-primary-bg: #a6c4dd;
    --cc-btn-primary-text: #000;
    --cc-btn-primary-hover-bg: #c2dff7;
    --cc-btn-secondary-bg: #33383c;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #3e454a;
    --cc-toggle-bg-off: #667481;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #454c54;
    --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
    --cc-toggle-knob-icon-color: var(--cc-bg);
    --cc-block-text: #b3bfc5;
    --cc-cookie-category-block-bg: #23272a;
    --cc-cookie-category-block-bg-hover: #2b3035;
    --cc-section-border: #292d31;
    --cc-cookie-table-border: #2b3035;
    --cc-webkit-scrollbar-bg: #667481;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

.force--consent.show--consent .c--anim #cm-ov {
    visibility: visible !important;
    opacity: 0.8 !important;
}

.cc_div *,
.cc_div :before,
.cc_div :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    font-family: inherit;
    line-height: 1.2;
    font-size: 1em;
    transition: none;
    animation: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    color: inherit;
    background: none;
    border: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    visibility: unset;
}

.cc_div {
    font-size: 16px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #2d4156;
    color: var(--cc-text);
}

    .cc_div .c-bn,
    .cc_div .b-tl,
    #s-ttl,
    #c-ttl,
    #s-bl td:before {
        font-weight: 600;
    }

    #cm,
    #s-inr,
    .cc_div .c-bl,
    .cc_div .b-tl,
    #s-bl .act .b-acc {
        border-radius: .35em;
    }

#s-bl .act .b-acc {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cc_div input,
.cc_div button,
.cc_div a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc_div a {
    border-bottom: 1px solid;
}

    .cc_div a:hover {
        text-decoration: none;
        border-color: transparent;
    }

/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
    transition: visibility .25s linear, opacity .25s ease, transform .25s ease !important;
}

.c--anim .c-bn {
    transition: background-color .25s ease !important;
}

/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
    transition: visibility .4s ease, opacity .4s ease, transform .4s ease !important;
}

    .c--anim #cm.bar.slide + #cm-ov,
    .c--anim .bar.slide + #cs-ov {
        transition: visibility .4s ease, opacity .4s ease, transform .4s ease !important;
    }

#cm.bar.slide,
.cc_div .bar.slide #s-inr {
    transform: translateX(100%);
    opacity: 1;
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
    transform: translateX(-100%);
    opacity: 1;
}

#cm.slide,
.cc_div .slide #s-inr {
    transform: translateY(1.6em);
}

#cm.top.slide {
    transform: translateY(-1.6em);
}

#cm.bar.slide {
    transform: translateY(100%);
}

#cm.bar.top.slide {
    transform: translateY(-100%);
}
/* end transitions */

/* Show modals */

.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
    opacity: 1;
    transform: scale(1);
    visibility: visible !important;
}

    .show--consent .c--anim #cm.box.middle,
    .show--consent .c--anim #cm.cloud.middle {
        transform: scale(1) translateY(-50%);
    }

.show--settings .c--anim #s-cnt {
    visibility: visible !important;
}

#cm {
    font-family: inherit;
    padding: 1.1em 1.8em 1.4em 1.8em;
    position: fixed;
    z-index: 1;
    background: #fff;
    background: var(--cc-bg);
    max-width: 24.2em;
    width: 100%;
    bottom: 1.250em;
    right: 1.250em;
    box-shadow: 0 0.625em 1.875em #000000;
    box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: scale(.95);
    line-height: initial;
}

/** fix https://github.com/orestbida/cookieconsent/issues/94 **/
#cc_div #cm {
    display: block !important;
}

#c-ttl {
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 800;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-family: proxima-nova, sans-serif;
}

.cloud #c-ttl {
    margin-top: -.15em;
}

#c-txt {
    line-height: 1.5em;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    color: #757575;
    font-weight: 400;
    font-family: bio-sans, sans-serif;
}

.cc_div #c-bns {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    float: right;
    font-family: proxima-nova, sans-serif;
}

.cc_div .c-bn {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg);
    padding: 1em 1.7em;
    display: inline-block;
    cursor: pointer;
    font-size: 0.82em;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 4px;
    flex: 1;
}

.cc_div .c-accept {
    background: #0C66FF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    width: 390px;
    padding: 14px 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
    font-family: proxima-nova, sans-serif;
}

.cc_div .c_link {
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-right: 12px;
    cursor: pointer;
}

#c-bns button + button,
#s-cnt button + button,
#s-c-bn {
    float: right;
    margin-left: 1em;
}

#s-cnt #s-rall-bn {
    float: none;
}

/**
CookieConsent settings modal
**/
#s-cnt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    display: table;
    height: 100%;
    visibility: hidden;
}

#s-bl {
    outline: none;
}

    #s-bl .title {
        margin-top: 1.4em;
    }

        #s-bl .title:first-child {
            margin-top: 0;
        }

    #s-bl .b-bn {
        margin-top: 0;
    }

    #s-bl .b-acc .p {
        margin-top: 0;
        padding-top: 10px;
        max-width: 90%;
    }

#s-cnt .b-bn .b-tl {
    display: block;
    font-family: inherit;
    font-size: .95em;
    width: 100%;
    position: relative;
    padding: 1.3em 6.4em 1.3em 0;
    background: none;
    transition: background-color .25s ease;
}

#s-cnt .act .b-bn .b-tl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#s-bl .b-bn {
    position: relative;
}

#s-bl .c-bl {
    padding: 1em;
    margin-bottom: -1px;
}

    #s-bl .c-bl:first-child {
        transition: none;
        padding: 0;
        margin-top: 0;
        border: none;
        margin-bottom: 2em;
    }

    #s-bl .c-bl:not(.b-ex):first-child:hover {
        background: transparent;
        background: unset;
    }

    #s-bl .c-bl.b-ex {
        padding: 20px;
        border: 1px solid #B3B3B3;
        transition: none;
        border-radius: 0;
        display: flex;
        flex-direction: column;
    }

        #s-bl .c-bl.b-ex .b-tl {
            padding: 0;
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0px;
            color: #000000;
            text-transform: uppercase;
            opacity: 1;
            font-family: proxima-nova, sans-serif;
        }

        #s-bl .c-bl.b-ex + .c-bl {
            margin-top: 1em;
        }

            #s-bl .c-bl.b-ex + .c-bl.b-ex {
                margin-top: 0;
            }

        #s-bl .c-bl.b-ex:first-child {
            margin-bottom: 1em;
        }

        #s-bl .c-bl.b-ex:first-child {
            margin-bottom: .5em;
        }

#s-bl .act .b-acc {
    max-height: 100%;
    display: block;
    overflow: hidden;
}

#s-cnt .p {
    line-height: 1.5em;
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    color: #757575;
    font-weight: 400;
    font-family: bio-sans, sans-serif;
}

.cc_div .b-tg .c-tgl:disabled {
    cursor: not-allowed;
}

#c-vln {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#cs {
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

#s-inr {
    height: 100%;
    position: relative;
    width: 1100px;
    max-width: 1100px;
    margin: 0 auto;
    transform: scale(.96);
    opacity: 0;
    padding-top: 4.75em;
    padding-bottom: 4.75em;
    position: relative;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    background-color: #E6E6E6;
}

#s-bl {
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    height: 100%;
    padding: 1.3em 2.1em;
    display: block;
    width: 100%;
    padding-bottom: 0;
}

#s-bns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 2.1em;
    height: 5.75em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cc_div .cc-link {
    color: #757575;
    border-bottom: 1px solid #757575;
    border-color: #757575;
    display: inline;
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 400;
}

    .cc_div .cc-link:hover,
    .cc_div .cc-link:active {
        border-color: transparent;
    }

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: #000000;
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
}

#s-hdr {
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    padding: 0 2.1em;
    height: 6.75em;
    vertical-align: middle;
    z-index: 2;
}

#s-ttl {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
    margin-bottom: 30px;
    font-size: 21px;
    font-weight: 800;
    text-align: left;
    letter-spacing: 0px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    font-family: proxima-nova, sans-serif;
}

#s-c-bn {
    padding: 0;
    width: 1.7em;
    height: 1.7em;
    font-size: 1.45em;
    margin: 0;
    font-weight: initial;
    position: relative;
}

#s-c-bnc {
    display: table-cell;
    vertical-align: middle;
}

.cc_div span.t-lb {
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

#c_policy__text {
    height: 31.250em;
    overflow-y: auto;
    margin-top: 1.250em;
}

#c-s-in {
    position: fixed;
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 42.5em;
    left: 0;
    bottom: 0;
    top: auto;
    transform: none;
    margin: 0 auto;
    right: 0;
}

@media screen and (min-width: 600px) {
    /** works only on webkit-based browsers **/
    #s-bl::-webkit-scrollbar {
        width: .9em;
        height: 100%;
        background: transparent;
        border-radius: 0 0.250em 0.250em 0;
    }

    #s-bl::-webkit-scrollbar-thumb {
        border: 0.25em solid var(--cc-bg);
        background: #cfd5db;
        background: var(--cc-webkit-scrollbar-bg);
        border-radius: 100em;
    }

        #s-bl::-webkit-scrollbar-thumb:hover {
            background: #9199a0;
            background: var(--cc-webkit-scrollbar-bg-hover);
        }

    #s-bl::-webkit-scrollbar-button {
        width: 10px;
        height: 5px;
    }
}

/** custom checkbox **/
/* The container */
.cc_div .b-tg {
    position: absolute;
    right: 0;
    top: 16px;
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 1.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    align-content: center;
}

    /* Hide the browser's default checkbox */
    .cc_div .b-tg .c-tgl {
        position: absolute;
        cursor: pointer;
        display: block;
        top: 0;
        left: 0;
        margin: 0;
        border: 0;
    }

    /* Create a custom checkbox */
    .cc_div .b-tg .c-tg {
        position: absolute;
        background: #B8B8B8;
        transition: background-color .25s ease, box-shadow .25s ease;
        pointer-events: none;
        margin-top: -12px;
    }

#s-sv-bn {
    width: 390px;
    height: 44px;
    font-family: proxima-nova, sans-serif;
}

.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl {
    width: 3.4em;
    height: 1.5em;
    border-radius: 4em;
}

    .cc_div .b-tg .c-tg.c-ro {
        cursor: not-allowed;
    }

    .cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
        background: #d5dee2;
        background: var(--cc-toggle-bg-readonly);
    }

        .cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
            box-shadow: none;
        }

    /* Style the checkmark/indicator */
    .cc_div .b-tg .c-tg:after {
        content: "";
        position: relative;
        display: block;
        left: 0.125em;
        top: 0.125em;
        width: 1.25em;
        height: 1.25em;
        border: none;
        box-sizing: content-box;
        background: #fff;
        background: var(--cc-toggle-knob-bg);
        box-shadow: 0 1px 2px rgba(24, 32, 35, .36);
        transition: transform .25s ease;
        border-radius: 100%;
    }

    /* Show the checkmark when checked */
    .cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
        transform: translateX(1.9em);
    }

#s-bl table,
#s-bl th,
#s-bl td {
    border: none;
}

#s-bl tbody tr {
    transition: background-color .25s ease;
}

    #s-bl tbody tr:hover {
        background: #e9eff4;
        background: var(--cc-cookie-category-block-bg-hover);
    }

#s-bl table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#s-bl td,
#s-bl th {
    padding: 0.8em 0.625em;
    text-align: left;
    vertical-align: top;
    font-size: .8em;
    padding-left: 1.2em;
}

#s-bl th {
    font-family: inherit;
    padding: 1.2em 1.2em;
}

#s-bl thead tr:first-child {
    border-bottom: 1px solid #e9edf2;
    border-color: var(--cc-cookie-table-border);
}

.force--consent #s-cnt,
.force--consent #cs {
    width: 100vw;
}

#cm-ov,
#cs-ov {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background: #070707;
    background: rgba(4, 6, 8, .85);
    background: var(--cc-overlay-bg);
    display: none;
    transition: none;
}

.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov {
    display: block;
}

#cs-ov {
    z-index: 2;
}

.force--consent .cc_div {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 100vw;
    visibility: hidden;
    transition: visibility .25s linear;
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
    visibility: visible;
}

.force--consent #cm {
    position: absolute;
}

html.force--consent.show--consent {
    overflow-y: hidden !important;
}

    html.force--consent.show--consent,
    html.force--consent.show--consent body {
        height: auto !important;
        overflow-x: hidden !important;
    }
/** END BLOCK PAGE SCROLL */

/** BEGIN ICONS **/

.cc_div .on-i::before {
    border: solid #fff;
    border-color: var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    padding: .1em;
    display: inline-block;
    padding-bottom: .45em;
    content: '';
    margin: 0 auto;
    transform: rotate(45deg);
    top: .37em;
    left: .75em;
    position: absolute;
}

#s-c-bn::before,
#s-c-bn::after {
    content: '';
    position: absolute;
    left: .82em;
    top: .58em;
    height: .6em;
    width: 1.5px;
    background: #444d53;
    background: var(--cc-btn-secondary-text);
    transform: rotate(45deg);
    border-radius: 1em;
    margin: 0 auto;
    cursor: pointer;
}

#s-c-bn::after {
    transform: rotate(-45deg);
}

.cc_div .off-i,
.cc_div .on-i {
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
    text-align: center;
    transition: opacity .15s ease;
}

.cc_div .on-i {
    left: 0;
    opacity: 0;
}

.cc_div .off-i::before,
.cc_div .off-i::after {
    right: .8em;
    top: .42em;
    content: ' ';
    height: .7em;
    width: .09375em;
    display: block;
    background: #cdd6dc;
    background: var(--cc-toggle-knob-icon-color);
    margin: 0 auto;
    position: absolute;
    transform-origin: center;
}

.cc_div .off-i::before {
    transform: rotate(45deg);
}

.cc_div .off-i::after {
    transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
    opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
    opacity: 0;
}
/** END ICONS **/

#cm.box.middle,
#cm.cloud.middle {
    top: 50%;
    transform: translateY(-37%);
    bottom: auto;
}

    #cm.box.middle.zoom,
    #cm.cloud.middle.zoom {
        transform: scale(.95) translateY(-50%);
    }

#cm.box.center {
    left: 1em;
    right: 1em;
    margin: 0 auto;
}

/* Start cloud layout */
#cm.cloud {
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
    left: 1em;
    right: 1em;
    overflow: hidden;
    padding: 1.3em 2em;
    width: unset;
}

.cc_div .cloud #c-inr {
    display: table;
    width: 100%;
}

.cc_div .cloud #c-inr-i {
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding-right: 2.4em;
}

.cc_div .cloud #c-txt {
    font-size: 0.85em;
}

.cc_div .cloud #c-bns {
    min-width: 170px;
    display: table-cell;
    vertical-align: middle;
}

#cm.cloud .c-bn {
    margin: .625em 0 0 0;
    width: 100%;
}

    #cm.cloud .c-bn:first-child {
        margin: 0;
    }

#cm.cloud.left {
    margin-right: 1.25em;
}

#cm.cloud.right {
    margin-left: 1.25em;
}
/* End cloud layout */

/* Start bar layout */
#cm.bar {
    width: 1100px;
    max-width: 1100px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    position: fixed;
    padding: 40px;
    margin: 0 auto;
    background-color: #E6E6E6;
    box-shadow: none;
}

    #cm.bar #c-inr {
        margin: 0 auto;
    }

    #cm.bar #cs {
        padding: 0;
    }

.cc_div .bar #c-s-in {
    top: 0;
    transform: none;
    height: 100%;
    max-height: 100%;
}

.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
    padding-left: 1.6em;
    padding-right: 1.6em;
}

.cc_div .bar #cs {
    padding: 0;
}

/* align bar to right by default */
.cc_div .bar #s-inr {
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 0;
    max-width: 32em;
}

.cc_div .bar.left #s-inr {
    margin-left: 0;
    margin-right: auto;
}

/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
    display: block;
}

    /* Hide table headers (but not display: none;, for accessibility) */
    .cc_div .bar #s-bl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

.cc_div .bar #s-bl tr {
    border-top: 1px solid #e3e7ed;
    border-color: var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
}

    .cc_div .bar #s-bl td:before {
        position: absolute;
        left: 1em;
        padding-right: 0.625em;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        color: var(--cc-text);
        overflow: hidden;
        text-overflow: ellipsis;
    }
/* End bar layout */

/* Positions */
#cm.top {
    bottom: auto;
    top: 1.250em;
}

#cm.left {
    right: auto;
    left: 1.250em;
}

#cm.bar.left {
    left: 0;
    right: 0;
}

#cm.bar.top {
    top: 0;
}
/* end positions */

@media screen and (max-width: 1600px) {
    #cm.bar, #s-inr {
        width: 70vw;
        max-width: 70vw;
    }
}

@media screen and (max-width: 1000px) {
    .cc_div #c-bns {
        width: 100%;
    }

    #cm.bar, #s-inr {
        width: 90vw;
        max-width: 90vw;
    }
}

@media screen and (max-width: 600px) {

    #cm.right #c-txt {
        height: 80px;
        overflow-y: auto;
    }

    #s-bl .c-bl.b-ex .b-tl {
        max-width: 200px;
    }

    #cm,
    #cm.cloud,
    #cm.left {
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 1.4em !important;
        right: 1em;
        left: 1em;
        bottom: 1em;
        display: block;
    }

    .force--consent #cm,
    .force--consent #cm.cloud {
        width: auto;
        max-width: 100vw;
    }

    #cm.top {
        top: 1em;
        bottom: auto;
    }

    #cm.bottom {
        bottom: 1em;
        top: auto;
    }

    #cm.bar.bottom {
        bottom: 0;
    }

    #cm.cloud .c-bn {
        font-size: .85em;
    }

    #s-bns,
    .cc_div .bar #s-bns {
        padding: 1em 1.3em;
    }

    .cc_div .bar #s-inr {
        max-width: 100%;
        width: 100%;
    }

    .cc_div .cloud #c-inr-i {
        padding-right: 0;
    }

    #cs {
        border-radius: 0;
        padding: 0;
    }

    .cc_div .b-tg {
        transform: scale(1.1);
        right: 1.1em;
    }

    #s-bl .b-acc .p {
        max-width: 70%;
    }

    .cc_div .b-tg .c-tg {
        margin-top: -12px;
    }

    #s-bns {
        align-items: center;
        flex-direction: column;
    }

        #s-bns #s-sv-bn {
            order: 2;
        }

        #s-bns #s-all-bn {
            order: 1;
        }

        #s-bns #s-sv-bn,
        #s-bns #s-all-bn {
            width: 100%;
            margin-left: 0;
            margin-right: 0;
        }

    #s-inr {
        margin: 0 auto;
        padding-bottom: 7.9em;
        border-radius: 0;
    }

    #s-bns {
        height: 7.9em;
    }

    #s-bl,
    .cc_div .bar #s-bl {
        padding: 1.3em;
    }

    #s-hdr,
    .cc_div .bar #s-hdr {
        padding: 0 1.3em;
    }

    /** dynamic table layout **/
    #s-bl table {
        width: 100%;
    }

    #s-inr.bns-t {
        padding-bottom: 10.5em;
    }

    .bns-t #s-bns {
        height: 10.5em;
    }

    .cc_div .bns-t .c-bn {
        font-size: 0.83em;
        padding: .9em 1.6em;
    }

    #s-cnt .b-bn .b-tl {
        padding-top: 1.2em;
        padding-bottom: 1.2em;
    }

    /* Force table to not be like tables anymore */
    #s-bl table,
    #s-bl thead,
    #s-bl tbody,
    #s-bl th,
    #s-bl td,
    #s-bl tr,
    #s-cnt {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #s-bl thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #s-bl tr {
        border-top: 1px solid #e3e7ed;
        border-color: var(--cc-cookie-table-border);
    }

    #s-bl td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 35%;
    }

        #s-bl td:before {
            position: absolute;
            left: 1em;
            padding-right: 0.625em;
            white-space: nowrap;
            content: attr(data-column);
            color: #000;
            color: var(--cc-text);
            overflow: hidden;
            text-overflow: ellipsis;
        }

    #cm .c-bn,
    .cc_div .c-bn {
        width: 100%;
        margin-right: 0;
    }

    #s-cnt #s-rall-bn {
        margin-left: 0;
    }

    /*Buttony g��wnego okienka pod sob� na mniejszych rozdzielczo�ciach*/
    .cc_div #c-bns {
        display: flex;
        flex-wrap: wrap;
        flex-direction: unset;
        width: 100%;
    }

    #c-bns button + button {
        margin-top: 0.625em;
        margin-left: 0;
        float: unset;
    }

    .cc_div #c-bns .c_link {
        display: flex;
        flex-wrap: wrap;
        flex-direction: unset;
        min-width: 30%;
        margin-top: 0;
        margin-right: 0;
    }

        .cc_div #c-bns .c_link:first-of-type {
            margin-left: 15px;
        }

        .cc_div #c-bns .c_link:nth-last-of-type(2) {
            margin-right: 15px;
        }

    .cc_div #c-bns .c-accept {
        flex-basis: 100%;
        margin-top: 25px;
    }

    #cm.cloud,
    #cm.box {
        left: 1em;
        right: 1em;
        width: auto;
    }

        #cm.cloud.right,
        #cm.cloud.left {
            margin: 0;
        }

    .cc_div .cloud #c-bns,
    .cc_div .cloud #c-inr,
    .cc_div .cloud #c-inr-i {
        display: block;
        width: auto;
        min-width: unset;
    }

    .cc_div .cloud #c-txt {
        font-size: .9em;
    }

    .cc_div .cloud #c-bns {
        margin-top: 1.625em;
    }

    #cm.bar, #s-inr {
        width: 94vw;
        max-width: 94vw;
    }
}

/* Begin IE fixes */
.cc_div.ie #c-vln {
    height: 100%;
    padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln {
    padding-top: 0;
}

.cc_div.ie #cs {
    max-height: 37.5em;
    position: relative;
    top: 0;
    margin-top: -5.625em;
}

.cc_div.ie .bar #cs {
    margin-top: 0;
    max-height: 100%;
}

.cc_div.ie #cm {
    border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in {
    top: 0;
}

.cc_div.ie .b-tg {
    padding-left: 1em;
    margin-bottom: 0.7em;
}

    .cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
        left: 1.95em;
    }

.cc_div.ie #s-bl table {
    overflow: auto;
}

.cc_div.ie .b-tg .c-tg {
    display: none;
}

.cc_div.ie .b-tg .c-tgl {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.2em;
    height: auto;
}

.cc_div.ie #s-cnt .b-bn .b-tl {
    padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie .bar #s-bl td:before {
    display: none;
}

.cc_div.ie .bar #s-bl td {
    padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr {
    position: relative;
}

.cc_div.ie .b-tg .t-lb {
    filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
    filter: alpha(opacity=80);
}

/** END IE FIXES **/

/* Dodane */
.btn-change-cookie-consent {
    margin: 20px auto;
    display: block;
}

@media screen and (max-width: 500px) {
    #c-txt, #s-cnt .p {
        font-size: 0.85em;
        line-height: 1.25em;
    }

    #c-ttl, #s-ttl {
        font-size: 1.3em;
        margin-bottom: 20px;
    }

    #c-bns {
        font-size: 0.95em;
    }
}

@media screen and (max-width: 320px) {
    .cc_div #c-bns .c_link:first-of-type {
        margin-left: 0px;
    }

    .cc_div #c-bns .c_link:nth-last-of-type(2) {
        margin-right: 0px;
    }
}

/* Plik zwiera ostylowanie ogólne */
/* #1A71DA - Kolor wiodący niebieski */


.master-width {
    /*width: 1310px;*/
    margin: 0 auto;
    box-sizing: border-box;
}

.home-page {
    position: relative;
    overflow: hidden;
}

a:not([class]) {
    text-decoration: none;
}

    a:not([class]):hover {
        color: #0c66ff;
    }

h3 {
    font-size: 1.2em;
    font-weight: 400;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.btn-lazy .triangle-loader {
    display: inline-block;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-right: 10px;
    left: 9px;
    top: calc(50% - 5px);
}

    .btn-lazy .triangle-loader:not(.triangle-loader--normal) .cube:before {
        background-color: white;
    }

.columns-2 > div {
    display: inline-block;
    width: calc(50% - 14px);
    box-sizing: border-box;
    margin-left: 20px;
    vertical-align: top;
}

    .columns-2 > div:first-of-type {
        margin-left: 0;
    }

#jquery-overlay {
    z-index: 9900 !important;
}

#jquery-lightbox {
    z-index: 9901 !important;
}

.formatka.register-panel > div {
    width: calc(100% / 2 - 34px);
    display: inline-block;
    vertical-align: top;
    margin-right: 64px;
}

    .formatka.register-panel > div:last-of-type {
        margin-right: 0;
    }

.register-panel .login-panel {
    display: block;
}

    .register-panel .login-panel a {
        margin: 24px 0 24px 0;
    }

.formatka .js-field-validator[style*="inline"] {
    display: block !important;
}


/*.filter-control input[type=checkbox] + label:before,
.formatka input[type=checkbox] + label:before {
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 12px;
}*/

.formatka input[type=checkbox]:checked + label:before {
    border-color: #1a71da;
}

.other-address-box {
    overflow: hidden;
}

.program-pkt-kategoria {
    border: 1px solid #DEDEDE;
    padding: 10px;
    margin: 10px 0 20px 0;
}

    .program-pkt-kategoria a {
        color: #1a71da;
        border-bottom: 1px solid rgba(1, 56, 121, 0.17);
    }

/*wyszukiwarka - nowe dodatkowe style*/

/*.ui-autocomplete .ui-state-focus .searched-text,
    .ui-autocomplete li a:hover .searched-text {
        /*color: white;
    }*/

/* *** */
#bony_regulamin ul {
    list-style: disc;
    padding-left: 20px;
}

@media all and (max-width: 1199px) {

    div[id*="pCustomElements"] img {
        display: none;
    }
}

@media all and (max-width: 950px) {
    .formatka.adres-control {
        flex-wrap: wrap;
    }

        .formatka.adres-control > div {
            width: calc(100% / 2 - 22px);
        }

            .formatka.adres-control > div:nth-of-type(3) {
                width: 100%;
            }
}

@media all and (max-width: 800px) {
    div[id*=pCustomElements] > img {
        width: 100%;
    }
}

@media all and (max-width: 760px) {
    .formatka.register-panel {
        display: block;
    }

        .formatka.register-panel div {
            width: 100%;
            margin-right: 0;
        }
}

@media all and (max-width: 670px) {
    #jquery-lightbox {
        width: 100%;
        box-sizing: border-box;
    }

    #lightbox-container-image-box {
        width: 100% !important;
        height: auto !important;
        box-sizing: border-box;
    }

        #lightbox-container-image-box img {
            max-width: 100%;
        }

    #lightbox-container-image-data-box {
        width: 100% !important;
        box-sizing: border-box;
    }

    .error-info {
        margin-top: 10px;
    }
}

@media all and (max-width: 650px) {
    .formatka.adres-control > div {
        width: calc(100%);
        margin-right: 0;
    }
}

/*styl potrzebny dla gwiazdek*/
.stars-rating mark:before {
    background: linear-gradient(90deg, #ffc120 var(--r), #dadada var(--r) 100%);
}

.rate_bar:before {
    background: linear-gradient(90deg, #ffc120 var(--rr), #dadada var(--rr) 100%);
}

.recommendation-panel .warning-message.free-delivery-popup-message__text:after {
    background: linear-gradient(90deg, #0066FF var(--r), #a3c9ff var(--r) 100%);
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
main {
  padding-top: 20px;
}
main > .home-page {
  margin-top: -10px;
}
/*
.ol-with-blue-pointer {
    counter-reset: blue-pointer;
    padding: 0;
    list-style: none;
}

.ol-with-blue-pointer li:before {
    counter-increment: blue-pointer;
    content: counters(blue-pointer, ".");
    background-color: @leading-color;
    color: white;
    display: inline-block;
    vertical-align: top;
    border-radius: 50px;
    font-weight: 900;
    padding: 10px 15px;
    margin-right: 25px;
}
    */

.page-404 {
  padding: 20px 0 50px 0;
  /*text-align: center;*/

}
.page-404__number {
  display: block;
  font-size: 6em;
  font-weight: 100;
  color: #0c66ff;
}
.page-404__search {
  margin: 10px 0;
}
@media all and (max-width: 1199px) {
  .page-404__search {
    margin: 10px 0;
    position: relative;
  }
  .rotator + main {
    margin-top: 0;
  }
}
@media all and (max-width: 600px) {
  .page-404__search {
    margin: 10px 0;
    width: 100%;
  }
}
/*LOGO*/

.page-header__top .page-header__logo {
  position: relative;
  overflow: visible;
}

/*body {
    padding: 0;
    margin: 0;
}*/

header {
    margin-bottom: 40px;
}

.purchase-process-page {
    padding-top: 0;
}

header .page-header__menu-item-text,
header .page-header__delivery {
    text-transform: uppercase;
    color: #888888;
    font-size: 0.8em;
    line-height: 0.8em;
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left center;
    padding: 5px 0 5px 22px;
}


header .pomoc,
header .dostawa,
header .kontakt {
    background: url(/gfx/svg/info-blue.svg) no-repeat;
    background-position: left center;
    background-size: auto 100%;
    padding-left: 20px;
    margin-left: 20px;
}

header .dostawa {
    background-image: url(/gfx/svg/shipping-blue.svg);
}

header .kontakt {
    background-image: url(/gfx/svg/email-icon.svg);
}

header .darmowa-dostawa {
    background-image: url(/gfx/svg/top/darmowa-dostawa.svg);
    background-size: 19px;
    padding-left: 27px;
}

    header .darmowa-dostawa:before {
        content: none;
    }


header div[id*=ModeratorPanel] {
    position: relative;
    z-index: 3001;
}

header .jest-moderatorem {
    font-size: 0.6em;
}

h1 {
    font-weight: 300;
    text-transform: uppercase;
}

h3 {
    text-transform: uppercase;
    font-weight: 300;
}

footer.master-width {
    border-top: 1px solid #E9E9E9;
    color: #888888;
    font-size: 0.8em;
    font-weight: 300;
    margin-top: 20px;
    padding: 20px 0;
    text-align: center;
}

.basket-page__basket-content .koszyk-pusty-info {
    display: block;
    text-align: center;
    font-size: 2em;
    font-weight: 100;
    margin-top: 100px;
}

.podsumowanie-box {
    display: inline-block;
    width: 290px;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    padding: 0 20px 20px 20px;
    vertical-align: top;
    border-radius: 7px;
}

    .podsumowanie-box .btn {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 10px;
    }

    .podsumowanie-box .waluta-box {
        padding: 15px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .podsumowanie-box .podsumowanie-kwoty small {
        display: block;
    }

    .podsumowanie-box .podsumowanie-kwoty span {
        font-weight: 700;
        font-size: 1.2em;
    }

    .podsumowanie-box .podsumowanie-kwoty.flex {
        display: flex;
        justify-content: space-between;
    }

    .podsumowanie-box span[id*=SumaBezRabatu] {
        color: #da2021;
        font-weight: 500;
        font-size: 0.8em;
        vertical-align: top;
        display: inline-block;
        position: relative;
    }

        .podsumowanie-box span[id*=SumaBezRabatu]:before {
            content: "";
            background-color: #da2021;
            width: 100%;
            height: 1px;
            left: 0;
            top: 9px;
            opacity: 0.2;
            display: block;
            position: absolute;
        }


/*koszyk komunikat*/
.warning-message.free-delivery-popup-message__text {
    background-color: unset;
    position: relative;
}

    .warning-message.free-delivery-popup-message__text:after {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: linear-gradient(90deg, #0066FF var(--r), #a3c9ff var(--r) 100%);
    }


.bon-box {
    padding: 15px 0 0 0;
}

    .bon-box input[type=text] {
        width: calc(100% - 44px);
        display: inline-block;
        margin-top: 5px;
    }

    .bon-box .btn {
        width: 40px;
        display: inline-block;
        padding: 12px 0 10px 0;
    }

    .bon-box.bon-active input[type=submit] {
        display: none;
    }

    .bon-box.bon-active .btn {
        width: 56px;
        text-align: center;
        margin: 0;
    }

    .bon-box.bon-active code {
        width: calc(100% - 60px);
        display: inline-block;
    }

    .bon-box.bon-active > div span:first-of-type {
        width: calc(100% - 60px);
        display: inline-block;
        font-weight: 700;
    }

.koszyk-table {
    border: none;
}

    /*.koszyk-table > tbody > tr:nth-of-type(-n + 1) {
    display: none;
}*/

    .koszyk-table > tbody > tr:nth-of-type(even),
    .koszyk-table > tbody > tr:hover {
        background-color: inherit;
    }

    /*.koszyk-table:not(.podsumowanie-table) > tbody > tr > td:nth-of-type(1) {
    width: 50px;
}*/

    .koszyk-table > tbody > tr > td:nth-of-type(1) img {
        max-width: 100%;
    }

    .koszyk-table > tbody > tr > td:nth-of-type(2) a,
    .koszyk-table > tbody > tr > td:nth-of-type(2) div {
        max-height: 90px;
        overflow: auto;
    }

    .koszyk-table > tbody > tr > td:nth-of-type(4) span {
        display: block;
        font-weight: 500;
    }

        .koszyk-table > tbody > tr > td:nth-of-type(4) span[id*=lblCena],
        .koszyk-table small {
            font-weight: 300;
            font-size: 0.8em;
            color: #888888;
            display: block;
        }

            .koszyk-table > tbody > tr > td:nth-of-type(4) span[id*=lblCena].bez-rabatu {
                color: #da2021;
                position: relative;
                display: inline-block;
            }

                .koszyk-table > tbody > tr > td:nth-of-type(4) span[id*=lblCena].bez-rabatu:after {
                    content: "";
                    width: 100%;
                    height: 1px;
                    background-color: #da2021;
                    top: 8px;
                    left: 0;
                    position: absolute;
                    opacity: 0.2;
                }

    .koszyk-table .delete {
        background: url(/gfx/svg/remove-icon.svg) no-repeat;
        background-position: center;
        border: none;
        cursor: pointer;
        -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
        filter: grayscale(100%);
        opacity: 0.3;
        width: 50px;
        height: 50px;
        padding: 0;
    }

        .koszyk-table .delete:hover {
            opacity: 1;
            filter: none;
        }

    .koszyk-table .delete-text {
        display: none;
    }

.zestaw-info {
    font-size: 0.8em;
}

.koszyk-table.podsumowanie-table > tbody > tr > td:first-of-type {
    display: none;
}

.koszyk-table.podsumowanie-table > tbody > tr > td:nth-of-type(3) {
    text-align: center;
}

.koszyk-table.podsumowanie-table > tbody > tr > td:nth-of-type(4) {
    text-align: right;
}

.copy-link-box .copy-link {
    padding: 5px 0 5px 0;
}

.copy-link-box small {
    color: #888888;
    font-size: 0.8em;
    display: block;
}

.copy-link-box .copy-link input {
    width: 70%;
    color: #1a71da;
}

.copy-link-box .copy-link .btn-blue {
    width: 28%;
    margin-left: 5px;
}


.rabat-pt-box {
    margin-left: 15px;
}

    .copy-link-box input[type=checkbox],
    .rabat-pt-box input[type=checkbox] {
        display: none;
    }

        .copy-link-box input[type=checkbox] + label,
        .rabat-pt-box input[type=checkbox] + label {
            position: relative;
            display: inline-block;
        }



.buttons-box {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

    .buttons-box .arrow {
        padding-right: 200px;
        order: 2;
    }

    .buttons-box .arrow-back {
        padding-left: 100px;
        order: 1;
    }

.paragon-faktura {
    border: none;
}

/*.buttons-box-header {
    display: block;
    overflow: auto;
    margin-top: -83px;
    float: right;
}*/

/*.buttons-box-header--position {
    margin-top: -170px;
}*/

/*.buttons-box-header .arrow {
    padding-right: 200px;
}

.error-info + script + script + table .buttons-box-header {
    margin-top: -170px;
}*/


.second-step-view > div {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

    .second-step-view > div:nth-of-type(n + 2) {
        width: calc(100% / 2 - 140px);
    }

    .second-step-view > div:last-of-type {
        margin-right: 0;
    }

.wysylka-choose-box > div {
    border: 1px solid #E9E9E9;
    border-radius: 7px;
    padding: 20px;
    padding-top: 0;
    display: block;
    max-width: 600px;
    margin-bottom: 10px;
}

.wysylka-choose-box .btn {
    padding-right: 100px;
}

.wysylka-choose-box > div > div {
    display: none;
}

.wysylka-choose-box > div.active {
    max-width: none;
}

    .wysylka-choose-box > div.active .btn {
        display: none;
    }

    .wysylka-choose-box > div.active > div {
        display: block;
    }

    .wysylka-choose-box > div.active > small {
        display: block !important;
        padding-top: 10px;
    }

.radio-buttons-table,
.radio-buttons-table tbody {
    display: block;
}

    .radio-buttons-table tr[style*="block"] {
        display: inline-block !important;
    }

    .radio-buttons-table td {
        display: block;
    }

.gm-style-iw-d div {
    color: #868686;
    padding-bottom: 5px;
}

    .gm-style-iw-d div strong {
        color: black;
    }

    .gm-style-iw-d div table {
        border-spacing: 0;
    }

.parcel-loading {
    height: 100%;
    width: calc(100% - 30px);
    display: block;
    position: absolute;
    background: rgba(255,255,255, 0.5);
    top: 0;
}

.logout-page > div {
    font-size: 1.6em;
    font-weight: 100;
    width: 400px;
    margin: 0 auto 30px auto;
    padding: 0 40px 0 0;
    background: url(/gfx/svg/satisfied-blue.svg) no-repeat right center;
    background-size: 100px;
}

.logout-page .btn {
    display: table;
    margin: 0 auto;
}

.zakonczenie-zakupow .zakonczenie-box .przelew-box section {
    overflow: auto;
}

.pomysly-rozwoju-box {
    display: block;
    overflow: auto;
    padding-bottom: 20px;
    float: right;
    width: 295px;
}

span#ContentPlaceHolder1_AnkietaPodsumowanie_lbAnkietaInfo {
    color: #A8CE23;
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: 700;
    text-align: center;
    display: block;
    padding-bottom: 15px;
}

.pomysly-rozwoju-box h4 {
    padding-bottom: 20px;
    margin-top: 0px;
}

.pomysly-rozwoju-box a {
    width: 99%;
    padding: 10px 0;
    text-align: center;
}

.pomysly-rozwoju-box .btn-blue {
    margin-bottom: 40px;
    background-color: #1A71DA;
    color: white;
}

.pomysly-rozwoju-box .btn-accept {
    margin-bottom: 10px;
}

.pomysly-rozwoju-box textarea {
    width: 100%;
    box-sizing: border-box;
    height: 110px;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #DEDEDE
}

/*dla gratisu w podsumowaniu zamowienia*/
.master-width #gratis-w-podsumowaniu {
    width: 100%;
    text-align: right;
    margin-top: 15px;
}

    .master-width #gratis-w-podsumowaniu #countdown {
        color: #DA2025;
    }

    .master-width #gratis-w-podsumowaniu article > *:not(:last-child),
    .master-width #gratis-w-podsumowaniu article > *:last-child > *:not(.btn) {
        margin-left: 15px;
        margin-right: 15px;
    }

    .master-width #gratis-w-podsumowaniu article {
        width: 290px;
        border: 1px solid #DEDEDE;
        display: inline-block;
        font-size: 16px;
        margin: 0 0 15px 10px;
        box-sizing: border-box;
        background-color: white;
        border-radius: 7px;
        box-shadow: 0 2px 0px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
        vertical-align: top;
        text-align: center;
    }

        .master-width #gratis-w-podsumowaniu article > p {
            text-align: center;
            padding: 0 25px;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 0;
            font-size: 0.8em;
        }

            .master-width #gratis-w-podsumowaniu article > p > span {
                padding: 0 0 0 3px;
                width: 23px;
                display: inline-block;
            }

        .master-width #gratis-w-podsumowaniu article figure {
            margin: 26px 0;
        }

        .master-width #gratis-w-podsumowaniu article img {
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
            display: block;
        }

        .master-width #gratis-w-podsumowaniu article h3 {
            margin: 0;
            font-size: 1em;
        }

        .master-width #gratis-w-podsumowaniu article .wariant,
        .master-width #gratis-w-podsumowaniu article .category-name {
            color: #888888;
            text-transform: lowercase;
            padding-bottom: 5px;
            font-weight: 400;
            display: block;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        .master-width #gratis-w-podsumowaniu article .name {
            font-size: 0.8em;
            font-weight: bold;
            text-transform: uppercase;
            display: block;
            margin-top: 5px;
            color: black;
            line-height: 1.05em;
            height: 58px;
            overflow: hidden;
            transition: color 0.15s ease-in;
        }

            .master-width #gratis-w-podsumowaniu article .name:hover {
                color: #1a71da;
            }

.secondary-menu__phone {
    position: relative;
}

.phone-asterisk {
    position: absolute;
    top: 0;
    right: -8px;
}

    .phone-asterisk a {
        color: #1a71da !important;
    }

.phone-asterisk-info {
    color: rgba(136, 136, 136, 0.5);
    font-size: 0.8em;
    text-align: left;
}

.phone-asterisk-info__symbol {
    color: #888888;
}


@media all and (max-width: 1000px) {
    .buttons-box-header {
        margin-top: -11px;
        margin-bottom: 10px;
    }

    /*.error-info + script + script + table .buttons-box-header {
        margin-top: -20px;
    }*/

    .special-offer-page {
        clear: both;
    }
}

@media all and (max-width: 900px) {
    .koszyk-table {
        display: block;
    }

        .koszyk-table > tbody {
            display: block;
        }

            .koszyk-table > tbody > tr {
                display: block;
            }

                .koszyk-table > tbody > tr > td {
                    display: inline-block;
                    box-sizing: border-box;
                }

                    .koszyk-table > tbody > tr > td:nth-of-type(1) {
                        width: 86px;
                    }

        .koszyk-table:not(.podsumowanie-table) > tbody > tr > td:nth-of-type(2) {
            display: inline-block;
            width: calc(100% - 90px);
            max-width: none;
        }

        .koszyk-table > tbody > tr > td:nth-of-type(3) {
            margin-left: 86px;
        }

        .koszyk-table.podsumowanie-table > tbody > tr > td:nth-of-type(2) {
            max-width: none;
            width: calc(100% - 158px);
        }

        .koszyk-table.podsumowanie-table > tbody > tr > td:nth-of-type(3) {
            margin-left: 10px;
        }

    header .darmowa-dostawa {
        position: static;
        left: auto;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@media all and (max-width: 800px) {

    .copy-link-box .copy-link .btn-blue {
        display: block;
        width: 100%;
        margin: 8px 0 0 0;
    }

    .copy-link-box .copy-link input {
        width: 100%;
    }

    .second-step-view > div:nth-of-type(n) {
        width: 100%;
        margin-right: 0;
    }
}

@media all and (max-width: 620px) {
    header .darmowa-dostawa {
        display: none;
    }
}

@media all and (max-width: 690px) {
    .podsumowanie-box {
        display: block;
        width: 100%;
        border: none;
        border-bottom: 1px solid #E9E9E9;
    }

    .rabat-pt-box {
        border-bottom: 1px solid #e9e9e9;
        padding-bottom: 30px;
    }

    .zakonczenie-zakupow .buttons-box .arrow {
        padding-right: 100px;
    }
}

@media all and (max-width: 660px) {
    .zakonczenie-zakupow > div {
        width: 100%;
    }

    .pomysly-rozwoju-box {
        width: 99%;
        margin-top: 0px;
    }


    .buttons-box-header .arrow,
    .buttons-box .arrow {
        padding-right: 100px;
    }

    .buttons-box .arrow-back {
        padding-left: 50px;
    }
}

@media all and (max-width: 550px) {
    .opcje-zamowienia > div {
        width: 100%;
        margin-right: 0;
    }

    .zakonczenie-zakupow .buttons-box {
        display: block;
    }

        .zakonczenie-zakupow .buttons-box .arrow {
            padding-right: 35px;
            width: 100%;
            box-sizing: border-box;
            text-align: left;
            margin-top: 15px;
        }

        .zakonczenie-zakupow .buttons-box .arrow-back {
            box-sizing: border-box;
            padding-left: 35px;
            text-align: right;
            width: 100%;
        }
}

@media all and (max-width: 480px) {
    /*.login-panel.second-step > div:nth-of-type(n) {
        width: 100%;
        margin-bottom: 10px;
    }*/

    .buttons-box-header .arrow {
        padding-right: 60px;
        width: 100%;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .buttons-box-header {
        display: block;
        width: 100%;
        margin-top: -10px;
    }

    table.order-steps div.buttons-box-header {
        margin-bottom: 15px;
    }
}

@media all and (max-width: 430px) {
    header .page-header__box {
        display: none;
    }

    header .logo {
        width: 145px;
    }

    .buttons-box-header .arrow {
        padding-right: 35px;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }

    footer .phone-asterisk-info {
        display: none;
    }

    .buttons-box {
        display: block;
    }

        .buttons-box .arrow {
            padding-right: 35px;
            width: 100%;
            box-sizing: border-box;
            text-align: left;
        }

        .buttons-box .arrow-back {
            box-sizing: border-box;
            margin-top: 15px;
            padding-left: 35px;
            text-align: right;
            width: 100%;
        }
}

@media all and (max-width: 420px) {
    .koszyk-table > tbody > tr > td:nth-of-type(5) {
        display: table;
        margin: 0 auto;
    }

    .koszyk-table .delete {
        display: none;
    }

    .koszyk-table .delete-text {
        display: block;
        background-color: inherit;
        text-transform: lowercase;
        border: none;
        padding: 5px 0 0 0;
        color: #da2021;
    }

    .logout-page > div {
        width: 100%;
        padding: 105px 0 0 0;
        background-position: center top;
    }
}

@media all and (max-width: 395px) {
    .wysylka-choose-box > div > div > span {
        width: 100%;
    }

    .wysylka-choose-box > div label {
        background-size: 100px;
    }

    .koszyk-table.podsumowanie-table > tbody > tr > td:nth-of-type(3) {
        margin-left: 0;
    }

    .koszyk-table.podsumowanie-table > tbody > tr > td:nth-of-type(4) {
        width: 102px;
    }
}

@media all and (max-width: 350px) {
    header div[id*=ModeratorPanel] select {
        width: 130px;
    }
}

.ol-with-blue-pointer li {
    padding: 20px 0;
    width: calc(50% - 52px);
    display: list-item;
}

    .ol-with-blue-pointer li::marker {
        font-weight: bold;
        color: #757575;
    }


.reklamacja-form + div {
    margin-top: 35px;
    margin-left: 50px;
}

    .reklamacja-form + div > .error-msg {
        font-weight: normal;
        color: #868686;
    }

    .reklamacja-form + div > div {
        margin-top: 10px;
    }

.ol-with-blue-pointer li > div div:nth-of-type(n+2) {
    margin-top: 30px;
}

.ol-with-blue-pointer li > div .error-msg {
    color: red;
    padding-top: 10px;
}

.ol-with-blue-pointer li > textarea,
.ol-with-blue-pointer li > input[type="text"] {
    width: 100%;
}

.ol-with-blue-pointer li p {
    margin-top: 0;
    margin-bottom: 15px;
}

.ol-with-blue-pointer li p {
    font-weight: bold;
}

.ol-with-blue-pointer > li:before {
    padding: 5px 11px;
    margin-right: 15px;
}

.ol-with-blue-pointer li::marker {
    font-weight: bold;
    color: #757575;
}

.ol-with-blue-pointer li:last-of-type ul li {
    width: 100%;
    padding-bottom: 0;
}

    .ol-with-blue-pointer li:last-of-type ul li:before {
        display: none;
    }

.ol-with-blue-pointer li:nth-of-type(n+10):before {
    padding: 6px 7px;
}

@media all and (max-width:1024px) {
    .reklamacja-form ol li {
        width: 70%;
    }
}

@media all and (max-width: 800px) {
    .reklamacja-form ol li {
        width: 100%;
    }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/* font-size: 0 niweluje problem marginesu dla inline-block, z którym jest problem przy ajaxowym doładowaniu */

.products-box {
  font-size: 0;
  position: relative;
  margin: 0 -5px;
  display: flex;
}
.products-box:not(.slider-products) {
  flex-wrap: wrap;
}
.products-box.hidden-list {
  overflow-x: hidden;
}
.products-box.slider-products .slick-track {
  width: 100%;
}
.home-promotions {
  margin-bottom: 20px;
}
.products-listing__banner img {
  width: 100%;
}
.category-page .products-box {
  margin: 12px 0 0 0;
}
.products-box article,
.products-box .item {
  font-family: oswald, sans-serif;
}
.products-box.wiki-opis__products article {
  width: calc(100% / 3 - 10px);
}
.products-box article:not(.prog) {
  cursor: pointer;
}
.products-box figure a {
  display: block;
  text-align: center;
}
.products-box figure a picture:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.products-box figure a:hover picture:nth-child(2) {
  background: white;
}
.products-box figure a:hover picture:nth-child(2) img {
  display: block !important;
}
.ambasssadors-list__box {
  display: flex;
  flex-direction: column;
}
.ambasssadors-list__box figure {
  max-height: 200px;
  margin: 0 0px 15px 0;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
.ambasssadors-list__box img {
  object-fit: cover;
  aspect-ratio: 1;
}
.ambasssadors-list__box .product-tile__info-box {
  display: flex;
  flex-direction: column;
  height: calc(100% - 255px);
  margin-bottom: auto;
}
.ambasssadors-list__box .name {
  height: 53px;
}
.ambasssadors-list__box p {
  display: block;
  margin-top: 0;
  margin-bottom: 25px;
}
.ambasssadors-list__box .product-tile__price-box {
  margin-top: auto;
}
.ambasssadors-list__box .achievements__list {
  display: block;
  align-content: flex-start;
  height: 126px;
  margin-top: auto;
  text-transform: uppercase;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.ambasssadors-list__box .achievements__list li {
  line-height: 21px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ambasssadors-list__box .achievements__list li:nth-child(n + 4) {
  display: none;
}
.ambasssadors-list__box .achievements__list li:before {
  content: '🥇';
  color: #0c66ff;
  margin-right: 5px;
}
.recipe-list__box img {
  object-fit: cover;
  aspect-ratio: 1;
}
.recipe-list__box p {
  display: block;
  margin-top: 0;
  font-family: oswald, sans-serif;
  text-transform: uppercase;
}
.products-box__btn-load-more {
  height: 390px;
  background-color: #0c66ff;
  color: white;
  position: relative;
  display: inline-block;
  border-radius: 7px;
  margin: 7px 5px 7px 5px;
  font-size: 15px;
}
.products-box__btn-load-more span {
  background: url(/gfx/svg/add-circle-white.svg) no-repeat center top;
  background-size: 50px;
  font-weight: 400;
  display: block;
  position: absolute;
  padding-top: 70px;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% - 20px);
}
.products-box .cena-punkty {
  margin-right: 0 !important;
}
.products-box .punkty {
  margin-left: 0 !important;
  font-size: 0.65em;
  color: #757575;
}
.products-box .promotion-image {
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 5px;
  aspect-ratio: 0.522727273;
}
.products-box .promotion-image.async {
  aspect-ratio: 0.575;
}
.products-box.home-promotions__inner .promotion-image a {
  display: block;
}
.products-box .promotion-image .banner_timer-section {
  opacity: 1;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.products-box .promotion-image .banner_timer-section > div {
  font-weight: 800;
  margin-right: 2px;
  padding: 5px 6px 20px 6px;
  font-size: 1.7em;
  /*font-size: calc(~"14px + 10 * ((100vw - 900px) / 1300)");*/
  line-height: 1;
  min-width: unset;
  box-sizing: border-box;
}
.products-box .promotion-image .banner_timer-section > div:last-child {
  margin-right: 0;
}
.products-box .promotion-image .banner_timer-section span {
  font-size: 8px;
  /*font-size: calc(~"5px + 1.9 * ((100vw - 320px) / 680)");*/
  line-height: 1;
  font-weight: 300;
}
/*loader-place -- nie wiem czy używany, na wszelki wypadek styl przeklejony z 3_2_product_list.less*/

.search-page .loader-place,
.category-page .loader-place {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 20px 0 30px 0;
  text-align: center;
  padding-bottom: 20px;
}
.search-page .loader-place > span,
.category-page .loader-place > span {
  text-transform: uppercase;
  font-size: 0.8em;
}
.search-page .loader-place .triangle-loader,
.category-page .loader-place .triangle-loader {
  position: relative;
}
/*koniec loadera*/

.not_available_pictogram {
  background-image: url(/gfx/svg/chwilowy_brak_black.svg);
}
/* RWD dla kafli*/

.products-box .slick-list {
  width: 100%;
}
.products-box article:not(.daily-promotion) {
  width: calc(100% / 6 - 10px);
  flex: 0 0 auto;
}
.products-box article.without-btn {
  padding-bottom: 25px;
}
.products-box article.without-btn .stars-rating {
  margin-bottom: 10px;
}
/*loader bestsellerów*/

.products-box article.products-list__box.load {
  overflow: hidden;
  background-color: #f2f2f2;
  border-color: #f2f2f2;
  height: 220px;
}
.products-box article.products-list__box.load::before,
.products-box article.products-list__box.load::after {
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  transition: all 0.9s ease;
  animation: pseudo 4s infinite;
}
.products-box article.products-list__box.load::before {
  width: 70px;
  background: rgba(255, 255, 255, 0.5);
  filter: blur(30px);
  opacity: 0.9;
}
.products-box article.products-list__box.load::after {
  width: 30px;
  left: 30px;
  background: white;
  filter: blur(30px);
}
.products-box article.products-list__box.load.async {
  height: 175px;
}
@keyframes pseudo {
  from {
    transform: translateX(-100px) skewX(-15deg);
  }
  to {
    transform: translateX(300px) skewX(-15deg);
  }
}
@media all and (max-width: 1310px) {
  .products-box:not(.products-box[data-type="bestsellers"]):not(.produkty-gratisowe) article {
    width: calc(100% / 5 - 10px);
  }
  .products-box .promotion-image {
    aspect-ratio: 0.558352403;
  }
  .products-box .promotion-image.async {
    aspect-ratio: 0.613207547;
  }
}
@media all and (max-width: 1140px) {
  .products-box:not(.products-box[data-type="bestsellers"]):not(.produkty-gratisowe) article {
    width: calc(100% / 4 - 10px);
  }
  .products-box .promotion-image {
    aspect-ratio: 0.579710145;
  }
  .products-box .promotion-image.async {
    aspect-ratio: 0.661764706;
  }
  .products-box.wiki-opis__products article {
    width: calc(100% / 2 - 10px);
  }
}
@media all and (max-width: 900px) {
  .products-box:not(.products-box[data-type="bestsellers"]):not(.produkty-gratisowe) article {
    width: calc(100% / 3 - 10px);
  }
  .products-box .promotion-image {
    aspect-ratio: 0.588235294;
    min-height: 394px;
  }
  .products-box .promotion-image.async {
    aspect-ratio: 0.588235294;
  }
}
@media (max-width: 768px) {
  .products-box.wiki-opis__products article {
    width: calc(100% / 3 - 10px);
  }
}
@media all and (max-width: 650px) {
  .products-box:not(.products-box[data-type="bestsellers"]):not(.produkty-gratisowe) article,
  .products-box.wiki-opis__products article {
    width: calc(100% / 2 - 10px);
  }
  .products-box .promotion-image {
    min-height: 340px;
    aspect-ratio: 0.615384615;
  }
  .products-box .promotion-image.async {
    aspect-ratio: 0.634920635;
  }
}
@media all and (max-width: 600px) {
  .products-box .promotion-image {
    aspect-ratio: 0.588235294;
    min-height: calc(340 * 1.13);
  }
}
/* RWD bestsellery + short slick*/

.products-box[data-type="bestsellers"] article {
  width: calc(100% / 4 - 10px);
}
@media all and (max-width: 1310px) {
  .products-box[data-type="bestsellers"] article {
    width: calc(100% / 3 - 10px);
  }
}
@media (max-width: 1235px) {
  .products-box[data-type="bestsellers"] article {
    width: calc(100% / 2 - 10px);
  }
}
@media (max-width: 619px) {
  .products-box[data-type="bestsellers"] article {
    width: calc(100% - 10px);
    max-width: 589px;
  }
}
/*na wszelki wypadek przerzucone*/

/*@media all and (min-width: 900px) {

    .products-box article:hover .btn:not(.disabled),
    .products-box .item:hover .btn:not(.disabled) {
        background-color: @btn-accept--bgcolor;
        color: @btn-accept--text-color;
    }

}*/

@media (max-width: 900px) {
  .category-page .products-box {
    width: 100%;
    display: block;
  }
  .products-box .promotion-image .banner_timer-section > div {
    margin-right: -4px;
  }
}
@media all and (max-width: 450px) {
  .specjalna-oferta-gratis article figure span,
  .produkty-gratisowe article figure span,
  .products-list__box figure span,
  .promotion-image figure span,
  .awarded figure span,
  .recommended figure span {
    height: 15px;
  }
  .products-box .promotion-image .banner_timer-section {
    top: 0;
    left: 0;
    right: 0;
    transform: translateX(0);
  }
  .products-box .promotion-image .banner_timer-section > div {
    margin-right: -4px;
    width: calc(100% / 4);
    font-size: 1.2em;
  }
  .products-box .promotion-image .banner_timer-section > div:nth-child(n) {
    border-radius: 0;
  }
  .products-box .promotion-image .banner_timer-section span {
    font-size: 7px;
  }
}
@media all and (max-width: 375px) {
  .products-box .cena {
    font-size: 0.8em;
  }
  .products-box .rating {
    white-space: nowrap;
  }
  .products-box .cena-sugerowana {
    font-size: 0.65em;
  }
  .products-box .punkty {
    font-size: 0.6em;
  }
  .products-box #produkty-niedostepne {
    width: 275px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.sfd-slider {
  opacity: 1;
  position: relative;
  transition: transform 1s linear;
  margin: 0 -5px;
}
.sfd-slider__main {
  width: 90000px;
  position: relative;
  transition: transform 1s linear;
  -webkit-transition: transform 1s linear;
  overflow-y: hidden;
}
.sfd-slider__element--static {
  position: absolute !important;
  top: 0px;
  background: white;
  box-shadow: 0 0 6px rgba(0, 39, 36, 0.1);
}
.bestsellers-categories-box {
  display: inline-flex;
  justify-content: flex-start;
  position: relative;
  width: auto;
  margin-left: 25px;
  margin-bottom: 10px;
  font-family: oswald, sans-serif;
  transition: opacity 200ms;
  overflow: auto;
  white-space: nowrap;
  clear: both;
  top: 2px;
}
.bestsellers-categories-box input {
  font-family: oswald, sans-serif;
}
.bestsellers-categories-box::-webkit-scrollbar {
  display: none;
}
.bestsellers .slick-list {
  width: 100%;
}
.products-box.slider-products:not(.slick-slider) {
  overflow: hidden;
}
.category-page .bestsellers-categories-box {
  margin-left: 0;
  width: 100%;
}
.bestsellers-categories {
  margin: 0 5px 5px 5px;
  letter-spacing: normal;
  display: inline-block;
  position: relative;
  padding: 9px 15px;
  background-color: white;
  border-radius: 25px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 0.8em;
  line-height: 1;
  text-transform: uppercase;
  color: #757575;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  transition: all ease-in-out 0.2s;
  text-decoration: none;
}
.bestsellers-categories:hover,
.bestsellers-categories.active {
  background-color: #0c66ff;
  color: white;
  border-color: #0c66ff;
}
.bestsellers-categories:first-child {
  margin-left: 0;
}
.bestsellers-categories:last-child {
  margin-right: 0;
}
.product-section {
  padding: 33px 48px 48px 48px;
  border-radius: 10px;
  background: var(--bg-color);
}
.product-section__background {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  margin-bottom: 20px;
  /*&:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: var(--bg-image-after);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        pointer-events: none;
    }*/

}
.product-section__background img {
  width: 100%;
}
.basket-page__basket-content .bestsellers-categories-box {
  margin-bottom: 10px;
}
@media all and (min-width: 1288px) {
  .basket-page__basket-content .bestsellers .products-box article {
    max-width: 312px;
    width: 100%;
  }
}
@media all and (max-width: 1100px) and (min-width: 850px) {
  .basket-page__basket-content .bestsellers-categories-box {
    display: flex;
    width: calc(100% + 25px);
    margin: 10px 0;
    margin-left: -25px;
    padding-left: 25px;
    box-sizing: border-box;
  }
}
@media all and (max-width: 1289px) {
  .basket-page__basket-content .bestsellers .products-box article {
    max-width: 437px;
    width: 100%;
  }
}
/*
@media all and (max-width: 1100px) {
    .basket-page__basket-content {
        .bestsellers-categories-box {
            margin-top: 0;
        }
    }
}*/

@media all and (max-width: 994px) {
  .basket-page__basket-content .bestsellers .products-box article {
    max-width: 591px;
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  .basket-page__basket-content .bestsellers-categories {
    margin: 0 5px 5px 5px;
  }
}
@media all and (max-width: 850px) {
  .bestsellers-categories-box {
    display: flex;
    width: calc(100% + 30px);
    margin-bottom: 10px;
    overflow: auto;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
  }
  .bestsellers-categories {
    margin: 7px 10px;
  }
  .bestsellers-categories.active {
    background-color: #0c66ff !important;
    color: white !important;
    border-color: #0c66ff !important;
  }
  .bestsellers-categories:hover {
    background-color: white;
    color: #757575;
    border: 1px solid #e5e5e5;
  }
}
@media all and (max-width: 700px) {
  .product-section {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 10px 15px;
    background: linear-gradient(to bottom, var(--bg-color) 90%, white 70%);
  }
  .product-section__background {
    margin-bottom: 25px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*klasa pomocnicza .managed-heading dla nagłówków z grafikąw pseudoelemencie*/

.heading-primary.managed-heading.klienci-wybieraja-heading:before {
  background-image: url(/gfx/img/moduly/moze-sie-przydac.svg);
}
.heading-primary.managed-heading.dzisiejsze-gratisy-heading:before {
  content: "";
  background-image: url(/gfx/svg/gratisy.svg);
}
.heading-primary.managed-heading.zestawy-heading:before {
  background-image: url(/gfx/img/moduly/gotowezestawy.svg);
}
.heading-primary.managed-heading.our-shops-heading:before {
  background-image: url(/gfx/img/moduly/sklepy.svg);
}
.heading-primary.managed-heading.gotowe-zestawy-heading:before {
  background-image: url(/gfx/img/moduly/gotowezestawy.svg);
}
.heading-primary.managed-heading.last-news-heading:before {
  background-image: url(/gfx/img/moduly/blog.svg);
}
.heading-primary.managed-heading.shop-description-heading:before {
  background-image: url(/gfx/img/moduly/seo.svg);
}
.nowosci-heading:before {
  content: "";
  background-image: url(/gfx/img/moduly/nowosci.svg);
}
.najpopularniejsze-heading:before {
  content: "";
  background-image: url(/gfx/img/moduly/najczesciejkupowane.svg);
}
.home-promotions__heading:before {
  content: "";
  background-image: url(/gfx/img/moduly/promocje.svg);
}
.ostatnio-ogladane-heading:before {
  content: "";
  background-image: url(/gfx/img/moduly/gotowezestawy.svg);
}
.youtube-video-heading:before {
  content: "";
  background-image: url(/gfx/img/moduly/filmiki.svg);
}
.opineo-slider-heading:before {
  content: "";
  background-image: url(/gfx/img/moduly/opinie.svg);
}
.ostatnio-ogladane--hidden {
  height: 0;
  overflow: hidden;
}
.image-heading {
  vertical-align: -10px;
  display: inline-block;
  width: 32px;
  height: 32px;
}
.products-box.slider-products:not(.slick-slider) {
  overflow: hidden;
}
.products-box.slider-products.slick-slider > article {
  display: none;
}
.home-promotions__btn,
.page-layout__btn {
  display: table;
  margin: 0 auto;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.miejsce-odbioru {
  font-weight: 700;
}
@media (max-width: 900px) {
  
}
@media all and (max-width: 395px) {
  /*tr > td:nth-of-type(3) {
          width: 102px;
      }*/
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.basket-page__basket-content {
  display: inline-block;
  margin-right: 30px;
  width: calc(100% - 354px);
  vertical-align: top;
  margin-left: -1px;
}
.order-options {
  width: calc(100% - 345px);
}
.order-options,
.podsumowanie-dodatowe-info,
.punkty-info {
  color: #757575;
}
.podsumowanie-dodatowe-info {
  margin-top: 30px;
  padding-left: 35px;
  position: relative;
  line-height: 1.35;
  font-size: 0.93em;
  overflow: hidden;
  width: 100%;
  width: 285px;
  box-sizing: border-box;
}
.podsumowanie-dodatowe-info:before {
  width: 17px;
  height: 17px;
  background: url(/gfx/svg/info-gray.svg) no-repeat;
  background-size: 17px 17px;
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 2px;
}
.basket-page__basket-content > div:first-of-type:not(.basket-copy-panel__options) {
  padding-bottom: 30px;
}
.basket-copy-panel {
  display: flex;
  justify-content: space-between;
}
.basket-copy-panel .continue-btn {
  line-height: unset;
}
.order-options > div:first-of-type {
  display: flex;
  flex-wrap: wrap;
}
.basket-content__listing {
  width: 100%;
  border: none;
  border-collapse: collapse;
  display: block;
}
.basket-listing {
  border: none;
  width: 100%;
}
.summary-products-basket {
  border: none;
}
.basket-listing__item {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  display: table-row;
}
.basket-listing__item a {
  text-decoration: none;
}
.basket-listing__item a:hover {
  color: inherit;
}
.basket-listing__table-row:nth-of-type(even),
.basket-listing__table-row:hover {
  background-color: inherit;
}
.basket-listing__table-td {
  padding: 10px;
}
.basket-listing__item--img {
  max-width: 100%;
}
.products-basket__item--name .basket-listing__item--name {
  color: black;
  font-size: 1.1em;
  font-weight: 400;
  text-transform: uppercase;
  font-family: oswald, sans-serif;
}
.basket-listing__item--row-header {
  color: #757575;
  font-size: 0.8em;
  font-weight: 100;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  text-transform: uppercase;
}
.basket-listing tr[data-last-item-promo="true"] td:nth-of-type(3) {
  position: relative;
}
.basket-listing tr[data-last-item-promo="true"] td:nth-of-type(3):before {
  content: "";
  display: block;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #0c66ff;
  z-index: 2;
  top: 78px;
  left: unset;
  right: 55px;
}
.basket-listing tr[data-last-item-promo="true"] td:nth-of-type(3):after {
  text-transform: uppercase;
  content: "KOLEJNA SZTUKA 10% TANIEJ";
  position: absolute;
  display: block;
  padding: 6px 15px;
  border: 1px solid #0c66ff;
  border-radius: 25px;
  background-color: #0c66ff;
  color: white;
  font-weight: 100;
  font-size: 0.8em;
  z-index: 1;
  top: 85px;
  left: unset;
  right: -15px;
  white-space: nowrap;
  min-width: 120px;
  text-align: center;
}
.basket-empty-info {
  display: block;
  text-align: center;
  font-size: 2em;
  font-weight: 100;
  margin-bottom: 50px;
}
.basket-empty-separator {
  display: block;
  text-align: center;
  font-size: 2em;
  font-weight: 100;
  margin-top: 30px;
  margin-bottom: 30px;
}
.basket-page__propozycja-specjalna {
  margin-top: 50px;
}
.basket-copy-panel__small-title {
  color: #757575;
  font-size: 0.8em;
  display: block;
}
.copy-basket-btn {
  border: none;
  color: #757575;
  cursor: pointer;
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 1em;
  outline: none;
  padding: 14px 30px;
  padding-left: 23px;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
  background: url(/gfx/svg/share-icon.svg) no-repeat;
  background-size: 14px 14px;
  background-position-y: center;
}
.clear-btn {
  border: none;
  color: #757575;
  cursor: pointer;
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 1em;
  outline: none;
  padding: 14px 30px;
  padding-left: 23px;
  position: relative;
  text-decoration: none;
  -webkit-appearance: none;
  background: url(/gfx/svg/clear-icon.svg) no-repeat;
  background-size: 14px 14px;
  background-position-y: center;
  padding-right: 0;
}
.sfd-slider {
  opacity: 1;
  position: relative;
  transition: transform 1s linear;
  margin: 0 -5px;
}
.sfd-slider__main {
  width: 90000px;
  position: relative;
  transition: transform 1s linear;
  -webkit-transition: transform 1s linear;
}
@media all and (max-width: 980px) {
  .basket-listing__item--quantity {
    margin-left: 86px;
  }
  .basket-listing tr[data-last-item-promo="true"] {
    margin-bottom: 12px;
  }
  .basket-listing tr[data-last-item-promo="true"] td:nth-of-type(3):before {
    top: 52px;
  }
  .basket-listing tr[data-last-item-promo="true"] td:nth-of-type(3):after {
    left: 10px;
    top: 58px;
  }
  .basket-copy-panel__options {
    text-align: right;
    display: flex;
    flex-direction: column;
  }
  .basket-copy-panel .continue-btn {
    align-self: center;
  }
  .basket-copy-panel .copy-basket-btn,
  .basket-copy-panel .clear-btn {
    align-self: flex-end;
    padding-right: 0;
  }
  .podsumowanie-dodatowe-info {
    width: 100%;
    position: relative;
  }
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) and all and (max-width: 980px) {
  .basket-listing tr[data-last-item-promo="true"] td:nth-of-type(3):after {
    left: 25px;
    top: 58px;
  }
}
@media all and (max-width: 820px) {
  .basket-copy-panel {
    flex-direction: column-reverse;
  }
  .basket-copy-panel .copy-basket-btn,
  .basket-copy-panel .clear-btn,
  .basket-copy-panel .continue-btn {
    align-self: flex-start;
  }
  .basket-copy-panel .continue-btn {
    margin-top: 18px;
  }
}
@media all and (max-width: 760px) {
  .basket-copy-panel {
    padding-right: 0;
  }
}
@media all and (max-width: 690px) {
  .basket-page__basket-content:not(.basket-copy-panel) {
    display: block;
  }
  .basket-page__basket-content {
    width: 100%;
  }
  .basket-page__basket-content > div:first-of-type {
    padding-right: 0;
  }
  .basket-copy-panel {
    flex-direction: row;
  }
  .basket-copy-panel .copy-basket-btn,
  .basket-copy-panel .clear-btn {
    align-self: flex-end;
  }
  .basket-copy-panel .continue-btn {
    text-align: center;
  }
}
@media all and (max-width: 430px) {
  .basket-copy-panel {
    flex-direction: column-reverse;
  }
  .basket-copy-panel .copy-basket-btn,
  .basket-copy-panel .clear-btn,
  .basket-copy-panel .continue-btn {
    align-self: flex-start;
  }
  .basket-copy-panel .continue-btn {
    width: 100%;
  }
}
@media all and (max-width: 540px) {
  .order-options > div:first-of-type {
    flex-wrap: wrap;
    width: 100%;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
:focus-visible {
  outline: 2px solid #0c66ff;
  /* or any visible color */
  outline-offset: 2px;
}
body {
  padding: 0;
  margin: 0;
  background-color: white;
  font-family: bio-sans, sans-serif;
  font-size: 15px;
  max-width: 100%;
  overflow-x: hidden;
}
.category-page {
  overflow: hidden;
}
body.menu-avoid-scroll {
  margin: 0;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 768px) {
  body.avoid-scroll {
    margin: 0;
    height: 100%;
    overflow: hidden;
  }
}
section {
  margin-bottom: 40px;
}
.home-promotion-banner_top,
.home-promotion-banner_bottom {
  margin: 0;
}
.home-promotion-banner_top a:before,
.home-promotion-banner_bottom a:before {
  content: "";
  display: block;
  width: 100%;
  margin-top: 55px;
}
.home-promotion-banner_top a:after,
.home-promotion-banner_bottom a:after {
  content: "";
  display: block;
  width: 100%;
  margin-top: 45px;
}
.home-promotion-banner_top img,
.home-promotion-banner_bottom img {
  display: block;
  width: 100%;
  height: auto;
}
p {
  color: #757575;
  font-family: bio-sans, sans-serif;
  font-size: 14px;
}
/*freshchat*/

#fc_frame,
#fc_frame.fc-widget-small {
  z-index: 9900 !important;
}
.master-width {
  width: 100%;
  padding: 0 25px;
}
@media all and (min-width: 1360px) {
  .master-width {
    width: 1310px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media all and (max-width: 767px) {
  .master-width {
    padding: 0 15px;
  }
}
@media all and (max-width: 650px) {
  .home-promotion-banner_top img,
  .home-promotion-banner_bottom img {
    width: calc(150%);
    transform: translateX(calc(-16.5%));
    height: auto;
  }
  body #fc_frame,
  body #fc_frame.fc-widget-small {
    z-index: 99;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*@import "../Components/inputs.less";*/

.chosen-point-box {
  border: 1px solid #e5e5e5;
  padding: 0 20px;
  margin: 10px 0;
  border-radius: 7px;
}
.chosen-point-box__heading {
  font-size: 1.2em;
}
.chosen-point-box__section {
  margin-bottom: 10px;
  display: block;
}
.show-open-hours-box__info {
  background: url(/gfx/svg/info-blue.svg) no-repeat center;
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  cursor: pointer;
  right: 0;
}
.show-open-hours-box__info:hover + .hours-box {
  display: block;
}
.sklepy-stacjonarne__container .error-message {
  margin-top: 0;
  margin-bottom: 20px;
}
.shop-box-choosen {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shop-box {
  display: flex;
  margin: 1em;
  flex-direction: column;
  width: calc(100% / 2 - 35px);
  position: relative;
}
.shop-box label {
  padding-left: 40px;
  position: relative;
  font-family: bio-sans, sans-serif;
  cursor: pointer;
}
.shop-box label h4 {
  margin: 0;
  padding: 0;
  padding-right: 20px;
  font-weight: 600;
}
.shop-box label .miasto {
  font-weight: bold;
}
.shop-box div[data-hours] {
  display: none;
}
.shop-box .choose-variant-box__info {
  position: relative;
  margin-top: 4px;
  cursor: pointer;
}
.shop-box input[type=radio] {
  display: none;
}
.shop-box input[type=radio] + label:before {
  position: absolute;
  top: 2px;
  /*width: 12px;*/

}
.shop-box .hours-box {
  display: none;
  position: absolute;
  background-color: white;
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.16), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  /*box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
  border-radius: 8px;
  color: #888888;
  font-size: 0.75em;
  padding: 7px;
  right: 25px;
  top: -10px;
  z-index: 9900;
}
.shop-box .hours-box:before {
  content: 'Godziny otwarcia:';
  display: block;
  border: none;
  position: relative;
  width: 100%;
}
.shop-box .hours-box:after {
  content: '';
  display: block;
  border-top: 10px solid transparent;
  border-left: 13px solid white;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -7px;
  top: 8px;
  z-index: 9901;
}
/*usunięcie paddingu w buttonach popupu*/

.ui-button-text-only .ui-button-text {
  padding: 0;
}
/*Nowy proces zakupowy*/

@media all and (max-width: 830px) and (min-width: 690px) {
  .basket-summary__delivery-section .shop-box {
    width: 100%;
  }
}
@media all and (max-width: 650px) {
  .shop-box label h4 {
    margin-right: 18px;
  }
}
@media all and (max-width: 425px) {
  .shop-box {
    flex-wrap: wrap;
    width: calc(100% - 35px);
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*taki selektor bo generowana jest tabelka przez RadioButtonsList*/

.comments-to-order td {
  padding: 10px;
}
.purchase-document-kind {
  border: none;
  display: inline-block;
}
.purchase-document-kind__item {
  font-weight: 300;
  color: black;
  position: relative;
}
.invoice__data {
  margin-bottom: 15px;
  vertical-align: top;
}
.comments-to-order__heading {
  font-size: 1.2em;
}
.comments-to-order__content {
  color: #757575;
}
.comments-to-order__content.empoyee-order label {
  color: #0c66ff;
  font-weight: 500;
}
.comments-to-order__purchase-document-kind {
  width: 200px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}
.comments-to-order__invoice {
  width: calc(100% / 2 - 140px);
  vertical-align: top;
  margin-right: 30px;
  display: inline-block;
}
.comments-to-order__comments {
  width: calc(100% / 2 - 140px);
  display: inline-block;
  vertical-align: top;
}
.invoice__data-input {
  width: 100%;
}
.purchase-document-kind__item.asp-radio > input[type=radio]:checked + label:after {
  top: 3px;
}
.purchase-document-kind__item--invoice-note {
  display: none;
  position: absolute;
  left: 84%;
  bottom: 30px;
  font-size: 0.6em;
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 1;
  min-width: 170px;
}
.purchase-document-kind__item--invoice-note:before {
  content: "";
  display: block;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid white;
  position: absolute;
  left: -9px;
  bottom: 2px;
}
.purchase-document-kind___info {
  display: inline-block;
  width: 16px;
  height: 25px;
  background-image: url(/gfx/svg/info-gray.svg);
  background-size: 98%;
  background-repeat: no-repeat;
  bottom: 10px;
  position: absolute;
  cursor: pointer;
}
.purchase-document-kind___info:hover + .purchase-document-kind__item--invoice-note {
  display: block;
}
/*nowy proces zkaupowy - dane do faktury*/

.basket-summary__client-address .comments-to-order__invoice,
.basket-summary__client-invoice .comments-to-order__invoice {
  width: 50%;
  margin-right: 10px;
}
.basket-summary__client-address .comments-to-order__invoice:nth-child(2),
.basket-summary__client-invoice .comments-to-order__invoice:nth-child(2) {
  margin-right: 0;
}
@media all and (max-width: 880px) {
  .comments-to-order__comments {
    width: 100%;
  }
  .comments-to-order__invoice {
    width: 100%;
  }
}
@media all and (max-width: 450px) {
  .purchase-document-kind__item--invoice-note {
    max-width: 100px;
    padding: 5px;
    bottom: 60px;
    left: 55%;
    font-size: 0.55em;
  }
  .purchase-document-kind__item--invoice-note:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
    left: 26px;
    bottom: -16px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.address-section {
  margin: 40px 0px;
  display: flex;
}
.address-section__col {
  width: calc(100% / 2 - 5px);
  display: flex;
}
.address-section__col:last-of-type {
  width: calc(100% / 2 + 5px);
  margin-left: 120px;
}
.address-section__box {
  /*width: calc(~"100% / 3 - 24px");*/
  display: inline-block;
  /*margin-right: 20px;*/
  vertical-align: top;
  width: 50%;
}
.address-section__box:first-of-type {
  margin-right: 10px;
}
.address-section__box--full-width {
  width: 100%;
}
.address-section__input {
  width: 100%;
}
.confirm-zip-code {
  margin-top: 5px;
  width: 300px;
}
.confirm-zip-code__btn {
  background-color: #0c66ff;
  color: white;
  border-radius: 4px;
  border: none;
  text-align: center;
  text-decoration: none;
  padding: 2px 6px;
  display: inline-block;
  cursor: pointer;
  outline: none;
  font-size: 0.85em;
}
.confirm-zip-code__information {
  font-size: 0.85em;
  color: #0c66ff;
}
@media (max-width: 1280px) {
  .address-section__col:last-of-type {
    margin-left: 40px;
  }
}
@media (max-width: 950px) {
  .address-section {
    margin-top: 10px;
    display: inline-block;
  }
  .basket-summary__address-section .address-section {
    margin-top: 0;
    display: flex;
  }
  .address-section__col {
    width: 100%;
  }
  .address-section__col:last-of-type {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .address-section__box--full-width {
    width: 100%;
    margin-right: 0;
  }
}
@media only screen and (max-width: 860px) and (min-width: 690px) {
  .basket-summary__client-data-section .address-section {
    flex-wrap: wrap;
  }
  .basket-summary__client-data-section .address-section__box,
  .basket-summary__client-data-section .comments-to-order__invoice {
    width: 100%;
  }
  .basket-summary__client-data-section .address-section__box:first-of-type,
  .basket-summary__client-data-section .comments-to-order__invoice:first-of-type {
    margin-right: 0px;
  }
}
@media only screen and (max-width: 590px) {
  .basket-summary__client-data-section .address-section {
    flex-wrap: wrap;
  }
  .basket-summary__client-data-section .address-section__box,
  .basket-summary__client-data-section .comments-to-order__invoice {
    width: 100%;
    margin: 0;
  }
  .basket-summary__client-data-section .address-section__box:first-of-type,
  .basket-summary__client-data-section .comments-to-order__invoice:first-of-type {
    margin-right: 0px;
  }
}
@media all and (max-width: 530px) {
  .address-section__col {
    display: inline-block;
    margin-left: 0;
  }
  .address-section__box {
    width: 100%;
  }
}
@media all and (max-width: 360px) {
  .confirm-zip-code {
    margin-top: 5px;
    width: 100%;
  }
}

.delivery-type__options-item[data-description*="ruch"] label,
.order-options__option-image[data-description*="ruch"] {
  background-image: url(/gfx/img/dostawcy/ruch.png);
}
.delivery-type__options-item[data-description*="dhl"] label,
.order-options__option-image[data-description*="dhl"] {
  background-image: url(/gfx/img/dostawcy/dhl.png);
}
.delivery-type__options-item[data-description*="dhl pop"] label,
.order-options__option-image[data-description*="dhl pop"] {
  background-image: url(/gfx/img/dostawcy/punkty_DHL_pop.png);
}
.delivery-type__options-item[data-description*="aptece"] label,
.order-options__option-image[data-description*="aptece"] {
  background-image: url(/gfx/img/dostawcy/apteka.png);
}
.delivery-type__options-item[data-description*="email"] label,
.order-options__option-image[data-description*="email"] {
  background-image: url(/gfx/svg/email-outline.svg);
  background-size: 70px;
}
.delivery-type__options-item[data-description*="gls"] label,
.order-options__option-image[data-description*="gls"] {
  background-image: url(/gfx/img/dostawcy/gls.png);
}
.delivery-type__options-item[data-description*="poczta"] label,
.order-options__option-image[data-description*="poczta"] {
  background-image: url(/gfx/img/dostawcy/poczta.png);
}
.order-options__option-image[data-description*="poczta"] {
  background-size: 80px;
}
.delivery-type__options-item[data-description*="inpost paczkomat"] label,
.order-options__option-image[data-description*="inpost paczkomat"] {
  background-size: 80px;
  background-image: url(/gfx/img/dostawcy/inpost-paczkomat.png);
}
.delivery-type__options-item[data-description*="kurier inpost"] label,
.order-options__option-image[data-description*="kurier inpost"],
.delivery-type__options-item[data-description*="inpost kurier"] label,
.order-options__option-image[data-description*="inpost kurier"] {
  background-image: url(/gfx/img/dostawcy/inpost-kurier.png);
  background-size: 80px;
}
.order-options__option-image[data-description*="kurier inpost"] {
  background-size: contain;
}
.delivery-type__options-item[data-description*="ups"] label,
.order-options__option-image[data-description*="ups"] {
  background-image: url(/gfx/img/dostawcy/ups.png);
}
.delivery-type__options-item[data-description*="dpd"] label,
.order-options__option-image[data-description*="dpd"] {
  background-image: url(/gfx/img/dostawcy/dpd.png);
}
.delivery-type__options-item[data-description*="dpd pickup"] label,
.order-options__option-image[data-description*="dpd pickup"] {
  background-image: url(/gfx/img/dostawcy/dpd_pickup.png);
  background-size: 100px;
  height: 59px;
}
.delivery-type__options-item[data-description*="pracownik"] label,
.order-options__option-image[data-description*="pracownik"],
.delivery-type__options-item[data-description*="stacjonarny"] label,
.order-options__option-image[data-description*="stacjonarny"] {
  background-image: url(/gfx/img/dostawcy/stacjonarne.png);
  background-size: contain;
}
.order-options__option-image[data-description*="pracownik"],
.order-options__option-image[data-description*="stacjonarny"] {
  background-position: left 0;
  background-size: 70px;
}
.delivery-type__options-item[data-description*="kurierska"] label,
.order-options__option-image[data-description*="kurierska"] {
  background-image: url(/gfx/img/dostawcy/random_kurier.png);
}
.delivery-type__options-item[data-description*="orlen"] label,
.order-options__option-image[data-description*="orlen"] {
  background-image: url(/gfx/img/dostawcy/orlen-paczka.svg);
  background-size: contain;
}
.delivery-type__options-item[data-description*="zásilkovna"] label,
.order-options__option-image[data-description*="zásilkovna"] {
  background-image: url(/gfx/img/dostawcy/zasilkovna.png);
}
.delivery-type__options-item[data-description*="balíkovna"] label,
.delivery-type__options-item[data-description*="balík"] label,
.order-options__option-image[data-description*="balíkovna"],
.order-options__option-image[data-description*="balík"] {
  background-image: url(/gfx/img/dostawcy/balikovna.png);
}
.delivery-type__options-item[data-description*="balíkovna na"] label,
.order-options__option-image[data-description*="balíkovna na"] {
  background-image: url(/gfx/img/dostawcy/balikovna_adresu.png);
}
.delivery-type__options-item[data-description*="zásilkovna"]:lang(sk-SK) label,
.order-options__option-image[data-description*="zásilkovna"]:lang(sk-SK),
.delivery-type__options-item[data-description*="zásielkovňa"] label,
.order-options__option-image[data-description*="zásielkovňa"] {
  background-image: url(/gfx/img/dostawcy/zasielkovna.png);
}
.delivery-type__options-item[data-description*="packeta"] label,
.order-options__option-image[data-description*="packeta"] {
  background-image: url(/gfx/img/dostawcy/packeta.png);
}
.delivery-type__options-item[data-description*="česká pošta"] label,
.order-options__option-image[data-description*="česká pošta"] {
  background-image: url(/gfx/img/dostawcy/ceska_posta.png);
  background-size: 56px;
  background-position: 50px center;
}
.delivery-type__options-item[data-description*="magyar"] label,
.order-options__option-image[data-description*="magyar"] {
  background-image: url(/gfx/img/dostawcy/magyar_posta.png);
  background-size: 56px;
  background-position: 50px center;
}
.delivery-type__options-item[data-description*="sameday"] label,
.order-options__option-image[data-description*="sameday"] {
  background-image: url(/gfx/img/dostawcy/sameday.jpg);
  background-size: 41px;
  background-position: 59px center;
}
.delivery-type__options-item[data-description*="slovenská pošta"] label,
.order-options__option-image[data-description*="slovenská pošta"] {
  background-image: url(/gfx/img/dostawcy/slovenska_posta.png);
  background-size: 48px;
  background-position: 50px center;
}
.delivery-type__options-item[data-description*="sps"] label,
.order-options__option-image[data-description*="sps"] {
  background-image: url(/gfx/img/dostawcy/slovak-parcel-service.svg);
}
/*RO*/

.delivery-type__options-item[data-description*="fan courier"] label,
.order-options__option-image[data-description*="fan courier"] {
  background-image: url(/gfx/img/dostawcy/fan-courier.png);
  background-size: 90px;
  background-position: 38px center;
}
.delivery-type__options-item[data-description*="cargus"] label,
.order-options__option-image[data-description*="cargus"] {
  background-image: url(/gfx/img/dostawcy/cargus.png);
  background-size: 63px;
  background-position: 52px center;
}
.delivery-type__options-item[data-description*="same day easybox"] label,
.order-options__option-image[data-description*="same day easybox"] {
  background-image: url(/gfx/img/dostawcy/easybox.png);
  background-size: 80px;
  background-position: 40px center;
}
.delivery-type__options-item[data-description*="ppl"] label,
.order-options__option-image[data-description*="ppl"] {
  background-image: url(/gfx/img/dostawcy/ppl.jpg);
}
.delivery-type__options-item[data-description*="we|do"] label,
.order-options__option-image[data-description*="we|do"] {
  background-image: url(/gfx/img/dostawcy/wedo.png);
}
.delivery-type__options-item[data-description*="hова пошта"] label,
.order-options__option-image[data-description*="hова пошта"] {
  background-image: url(/gfx/img/dostawcy/nova-poshta.svg);
}
.delivery-type__options-item[data-description*="yкрпошта"] label,
.order-options__option-image[data-description*="yкрпошта"] {
  background-image: url(/gfx/img/dostawcy/ukrposhta.png);
  background-size: 42px;
  background-position: 63px center;
}
.order-options__option-image[data-description*="yкрпошта"] {
  background-size: contain !important;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.custom-input {
  display: block;
  padding: 9px 19px 11px 19px;
  font-family: bio-sans, sans-serif;
  font-size: 15px;
  line-height: 17px;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  outline: none;
  transition: all 0.5s ease;
  background-color: white;
  z-index: 1;
}
.custom-input:focus {
  border-color: #0c66ff;
}
.select-lisn-custom {
  padding-right: 25px;
}
.custom-input--inline {
  display: inline-block;
  vertical-align: middle;
}
.custom-input--inline + .btn.btn-small {
  vertical-align: middle;
}
.custom-input--no-focus:focus {
  outline: none;
}
.input-label {
  color: #757575;
  display: block;
  font-family: oswald, sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 100;
  margin-bottom: 7px;
}
.input-label--inline {
  display: inline-block;
}
/*checkboxList*/

.asp-checkbox > input[type=checkbox]:checked + label:before {
  border-color: #0c66ff;
  background: #0c66ff;
}
.asp-checkbox > input[type=checkbox]:checked + label:after {
  content: '';
  /*content: '\2714';*/
  background-image: url(/gfx/svg/check-mark.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 3px;
  display: block;
  width: 15px;
  height: 15px;
}
.asp-checkbox > label {
  position: relative;
  text-transform: none;
  display: block;
  margin-top: 1px;
  color: #757575;
  cursor: pointer;
}
.asp-checkbox > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  height: 18px;
  width: 18px;
  margin-right: 10px;
  margin-bottom: 2px;
  left: 0;
}
.asp-checkbox > input[type=checkbox] {
  display: none;
  width: 100%;
}
/*RADIO*/

.asp-radio > label {
  position: relative;
  cursor: pointer;
}
.asp-radio > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
.asp-radio > input[type=radio]:checked + label:before {
  border: 5px solid #0c66ff;
}
.asp-radio > input[type=radio] {
  display: none;
}
.htmlEditor {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 500px;
  width: 100%;
}
/*SELECT*/

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: border-box;
  background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
  background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 11px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}
option {
  font-family: bio-sans, sans-serif;
}
@-moz-document url-prefix() {
  .wybor-zaplaty .custom-input {
    border: 1px solid silver;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(data:image/gif;base64,R0lGODlhCwALAJEAAAAAAP///xUVFf///yH5BAEAAAMALAAAAAALAAsAAAIPnI+py+0/hJzz0IruwjsVADs=);
    background-repeat: no-repeat;
    background-position: 95% 42%;
  }
}
.js-delivery-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.js-delivery-box .text {
  width: 100%;
  display: block;
}
.delivery-type,
.payment-type {
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  display: block;
  display: inline-block;
  vertical-align: middle;
  padding: 40px;
  position: relative;
  box-sizing: border-box;
  width: calc(100% / 2 - 5px);
}
.delivery-type .asp-radio > label:before,
.payment-type .asp-radio > label:before {
  position: absolute;
  top: calc(100% / 2 - 10px);
}
.disabled-button {
  filter: grayscale(100%);
  color: #757575;
}
/*rodzaj wysylki + grafika*/

.szybka-dostawa {
  width: 100%;
}
.szybka-dostawa h3 {
  padding-top: 0;
  background-image: none;
}
.wysylka-przelew h3 {
  background-image: url(/gfx/svg/Delivery/platnosc_z_przedplata.svg);
}
.wysylka-pobranie h3 {
  background-image: url(/gfx/svg/Delivery/platnosc_przy_odbiorze.svg);
}
.hide-element {
  display: none !important;
}
/*.delivery-type__heading {
    font-size: 1.2em;
}*/

.delivery-type__options {
  display: none;
}
.delivery-type--active .delivery-type__options {
  display: flex;
  flex-direction: column;
}
.delivery-type--active .btn {
  display: none;
}
.delivery-type__options-item {
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 20px 0;
  cursor: pointer;
  vertical-align: top;
}
.delivery-type__options-item > label {
  background-repeat: no-repeat;
  background-position: 40px center;
  background-size: 100px;
  padding-left: 155px;
  display: block;
}
.delivery-type__options-item-text {
  display: block;
}
.delivery-type__options-item-time {
  display: block;
}
.delivery-type__options-item-price {
  cursor: pointer;
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  font-family: oswald, sans-serif;
}
.delivery-type__btn {
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  /*padding-right: 100px;*/

}
#wybrany-sklep {
  margin-bottom: 1em;
}
/*ubezpieczenie wysyłki */

.wysylka-ubezpieczenie em {
  color: #757575;
  padding-left: 30px;
  font-style: normal;
}
.wysylka-ubezpieczenie {
  display: none;
}
.wysylka-ubezpieczenie .asp-checkbox > label {
  margin-bottom: 0;
}
/* szybkie zamówienie */

.fast-delivery__container {
  display: block;
  padding-bottom: 15px;
}
.fast-delivery__container .delivery-type__options-item label {
  padding-left: 0;
  background-size: 75px;
  background-position: left top;
  padding-top: 70px;
}
.fast-delivery__container .delivery-type__options-item[data-description*="inpost"] label {
  background-size: 100px;
}
.fast-delivery__btn {
  padding-right: 100px;
}
.choose-fast-delivery__btn {
  padding-right: 65px;
}
.fast-delivery-info {
  margin: 20px 0;
  font-size: small;
  display: none;
}
.fast-order__adress-box {
  width: 200px;
  display: inline-block;
}
.fast-order__adress-box h4 {
  margin-top: 8px;
}
/*/grafiki przy dostawach*/

@media all and (max-width: 1024px) {
  .delivery-type.delivery-type--active {
    width: calc(100% - 100px);
  }
  .delivery-type:first-of-type {
    margin-right: 10px;
  }
  .js-delivery-box {
    flex-wrap: nowrap;
  }
  .szybka-dostawa {
    width: 100%;
  }
}
@media all and (max-width: 600px) {
  .js-delivery-box {
    display: block;
  }
  .delivery-type__options-item {
    margin: 0 0px 20px 0;
  }
  .delivery-type {
    width: 100%;
    padding: 20px 20px 40px 20px;
  }
  .delivery-type:first-of-type {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .delivery-type.delivery-type--active {
    width: 100%;
  }
  .chosen-point-box {
    margin-top: 0;
  }
}
/* ------------- NOWY PROCES ZAKUPOWY ------------- */

.basket-page__basket-content-section .progress-panel:after {
  top: 50%;
}
.order-step--inactive {
  color: #e5e5e5;
}
.order-step--inactive .progress-panel {
  visibility: hidden;
}
.continue-btn.btn-accept.order-step--inactive {
  opacity: 1;
  background-color: #e5e5e5;
  border-color: #e5e5e5;
}
.order-steps__box,
.basket-summary__payment-section .payment-methods-box {
  border: 1px solid #e5e5e5;
  display: inline-block;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 7px;
  width: 100%;
}
.order-steps__box .address-section,
.basket-summary__payment-section .payment-methods-box .address-section {
  margin: 20px 0;
}
.order-steps__box:last-child,
.basket-summary__payment-section .payment-methods-box:last-child {
  margin-right: 0;
}
.order-steps__box .heading-secondary {
  font-size: 1em;
  font-weight: 600;
  display: block;
}
.order-steps__box--next {
  margin-top: 10px;
}
.order-steps__box--next .text {
  width: 100%;
  display: block;
}
.eco__delivery {
  display: inline-block;
  margin-top: 7px;
  background-color: #a8cd25;
  border-radius: 7px;
  font-size: 0.85em;
  padding: 1px 10px 3px 30px;
  color: white;
  background-image: url(/gfx/svg/Delivery/listek.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 5px center;
}
.option--additional-info {
  color: #757575;
  display: block;
  text-transform: lowercase;
  font-family: bio-sans, sans-serif;
  font-size: 1em;
  font-weight: 500;
}
/* dostawa */

.purchase-process__messages .error-message,
.purchase-process__messages .warning-message,
.purchase-process__messages .success-message {
  margin-top: 0;
  margin-bottom: 10px;
}
.order-steps__delivery-details > div:first-of-type {
  display: flex;
}
.order-steps__delivery-details > div:first-of-type > div {
  width: calc(100% / 3);
  padding-right: 20px;
}
.order-steps__delivery-details .delivery-type__options-item-price {
  cursor: default;
}
.delivery-details__change-point {
  position: relative;
  text-decoration: none;
}
.delivery-section__input {
  width: 263px;
}
/* sekcja danych klienta */

.client-data__form {
  display: none;
  opacity: 1;
}
.client-data__form.active {
  display: block;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.purchase-document-kind__content {
  position: relative;
  display: block;
}
.purchase-document-kind__content .asp-checkbox > label {
  display: inline-block;
}
.purchase-document-kind__content .purchase-document-kind___info {
  position: relative;
  vertical-align: middle;
  bottom: -2px;
}
.purchase-document-kind__content .purchase-document-kind__item--invoice-note {
  left: calc(100% + 15px);
  bottom: 10px;
}
.purchase-document-kind__content .purchase-document-kind___info:hover .purchase-document-kind__item--invoice-note {
  display: block;
}
.invoice__data-info {
  margin-top: 15px;
  position: relative;
  font-size: 0.8em;
  padding-left: 40px;
  color: #757575;
  display: none;
}
.invoice__data-info:before {
  content: '';
  background-image: url(/gfx/svg/info-blue.svg);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: 20px;
  top: 2px;
  height: 15px;
  width: 15px;
}
.basket-summary__client-invoice.full-panel + .invoice__data-info {
  display: block;
}
.basket-summary__client-data-section {
  position: relative;
}
.basket-summary__address-section {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.basket-summary__address-section .btn-accept {
  float: right;
}
.basket-summary__address-section .order-steps__box {
  flex-direction: column;
  width: calc((100% / 3) - (20px / 3));
  margin-right: 10px;
}
.basket-summary__address-section .order-steps__box:last-child {
  margin-right: 0;
}
.basket-summary__address-section .asp-checkbox > input[type=checkbox] {
  display: none !important;
}
.basket-summary__address-section .asp-checkbox.employee-order > label {
  font-family: bio-sans, sans-serif;
  color: #0c66ff;
  margin: 5px 0 0 0;
  padding-left: 25px;
  line-height: 1;
}
.basket-summary__address-section .asp-checkbox.employee-order > label:before {
  position: absolute;
  top: 2px;
  left: 0;
}
.basket-summary__address-section .employee-order__info {
  color: #0c66ff;
  line-height: 1;
  margin-top: 5px;
}
@media all and (max-width: 1024px) {
  .basket-summary__address-section.order-steps__box {
    width: calc((100% / 2) - (10px / 2cu));
  }
}
.order-steps__box.full-panel {
  width: 100%;
  margin-right: 0;
  margin: 0 auto !important;
}
.order-steps__box.full-panel > .order-steps__box-content,
.order-steps__box.full-panel .purchase-document-kind__content,
.order-steps__box.full-panel .order-steps__change-btn {
  display: none;
}
.order-steps__change-btn {
  color: #0c66ff;
  text-transform: uppercase;
  text-decoration: none;
  float: right;
  font-weight: 700;
  cursor: pointer;
  margin-top: auto;
  margin-left: auto;
  border: none;
  background: none;
  font-family: bio-sans, sans-serif;
  outline: none;
}
.basket-summary__address-content {
  font-family: bio-sans, sans-serif;
  color: #757575;
}
/* dostawa */

.basket-summary__delivery-section {
  position: relative;
}
.basket-summary__delivery-section .delivery-type__options-item-price {
  color: #757575;
  text-transform: lowercase;
  font-family: bio-sans, sans-serif;
}
.basket-summary__delivery-section .delivery-type {
  border: none;
}
.basket-summary__delivery-section .js-delivery-box {
  border: 1px solid #e5e5e5;
}
.basket-summary__delivery-section .purchase-heading-secondary {
  padding-top: 0;
  padding: 25px 20px 25px 80px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 60px;
}
.basket-summary__delivery-section .delivery-type {
  padding: 0;
}
.basket-summary__delivery-section .delivery-type__btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: black;
  padding-left: 40px;
}
.basket-summary__delivery-section .delivery-type__btn.asp-radio:before {
  position: absolute;
  left: 5px;
  top: calc(100% / 2 - 7px);
}
.basket-summary__delivery-section .delivery-type--delivery-points h3 {
  background-image: url(/gfx/svg/OrderSummary/package.svg);
}
.basket-summary__delivery-section .delivery-type--couriers h3 {
  background-image: url(/gfx/svg/OrderSummary/truck.svg);
}
.basket-summary__delivery-section .delivery-type__options {
  width: 100%;
}
.basket-summary__delivery-section .delivery-type__options .delivery-type__options-item {
  width: calc(100% / 2 - 22px);
  margin: 10px 20px 10px 0;
}
.basket-summary__delivery-section .order-steps__delivery-details > div:first-of-type > div {
  width: 100%;
}
.basket-summary__delivery-section .delivery-details__point-address {
  color: #757575;
}
.basket-summary__delivery-section .delivery-details__point-address span {
  display: block;
}
.basket-summary__delivery-section .delivery-details__point-address span:first-of-type {
  font-weight: 600;
}
/* radio w sposobie wysylki */

.delivery-type__btn.asp-radio:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
.delivery-type--active > .delivery-type__btn.asp-radio:before {
  border: 5px solid #0c66ff;
}
/* płatność */

.basket-summary__payment-section {
  position: relative;
}
.basket-summary__payment-section .payment-method {
  margin: 10px 20px 10px 0;
  width: calc(100% / 2 - 22px);
}
.basket-summary__payment-section .asp-radio > .payment-method__payment-text {
  background-repeat: no-repeat;
  background-position: 40px center;
  background-size: 80px;
  padding: 10px 10px 10px 140px;
  display: block;
}
.basket-summary__payment-section .asp-radio > .payment-method__payment-text:before {
  bottom: calc(50% - 10px);
  left: 0;
}
.basket-summary__payment-section .order-options__option-image[data-description*=tradycyjny],
.basket-summary__payment-section .payment-method[data-description*=tradycyjny] .payment-method__payment-text {
  background-size: 40px;
}
.basket-summary__payment-section .payment-method.payment-method__chosen {
  padding: 10px 10px 10px 100px;
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 70px;
  margin: 10px 0 0 0;
  width: 210px;
  cursor: default;
  min-height: 45px;
  display: table-cell;
  vertical-align: middle;
}
.basket-summary__payment-section .purchase-heading-secondary {
  padding-top: 0;
  padding: 25px 20px 25px 80px;
  background-repeat: no-repeat;
  background-position: 10px center;
  display: inline-block;
}
.basket-summary__payment-section .payment-type {
  padding: 0;
  border: none;
}
.basket-summary__payment-section .payment-type--prepayment h3 {
  background-image: url(/gfx/svg/Delivery/platnosc_z_przedplata.svg);
  background-size: 45px;
}
.basket-summary__payment-section .payment-type--cashOnDelivery h3 {
  background-image: url(/gfx/svg/Delivery/platnosc_przy_odbiorze.svg);
  background-size: 45px;
}
.basket-summary__payment-section .payment-type__btn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: black;
  padding-left: 40px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  cursor: pointer;
}
.basket-summary__payment-section .payment-type__btn.asp-radio:before {
  position: absolute;
  left: 5px;
  top: calc(100% / 2 - 7px);
}
.basket-summary__payment-section .payment-cashOnDelivery__heading {
  line-height: unset;
}
/* radio w sposobie płatności */

.payment-type__btn.asp-radio:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
.payment-type--active > .payment-type__btn.asp-radio:before {
  border: 5px solid #0c66ff;
}
.payment-type--cashOnDelivery .aspNetDisabled:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
/* Zgody formalne */

.formal-consents__validator[style*="inline"] {
  display: block !important;
  margin-top: -18px;
  margin-left: 32px;
}
/* lista zakupów */

.basket-summary__basket-content {
  width: 100%;
}
.btn-login {
  padding: 7px 17px 6px;
  float: right;
  margin-top: 0.15em;
}
@media only screen and (max-width: 930px) {
  .basket-summary__delivery-section .delivery-type__options .delivery-type__options-item {
    width: 100%;
  }
  .basket-summary__delivery-section .purchase-heading-secondary {
    padding: 15px 20px 15px 80px;
  }
  .basket-summary__delivery-section .delivery-type {
    width: 100%;
  }
  .basket-summary__payment-section .payment-type,
  .basket-summary__payment-section .payment-method {
    width: 100%;
  }
}
@media only screen and (max-width: 970px) and (min-width: 690px) {
  .basket-summary__address-section {
    flex-wrap: wrap;
  }
  .basket-summary__address-section .order-steps__box {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .order-steps__delivery-details > div:first-of-type {
    flex-wrap: wrap;
  }
  /*ukrycie programu punktowego na mobile*/
  
  .basket-summary__points-program {
    display: none;
  }
}
@media only screen and (max-width: 850px) and (min-width: 691px) {
  .basket-page__basket-content-section .address-section__box {
    width: 90%;
  }
  .basket-page__basket-content-section .address-section__col {
    display: block;
  }
}
@media only screen and (max-width: 855px) {
  .basket-summary__delivery-section .custom-input--inline,
  .wybierz-punkt-odbioru .custom-input--inline {
    max-width: calc(100% - 51px);
  }
  .basket-summary__delivery-section .custom-input--inline + .btn.btn-small,
  .wybierz-punkt-odbioru .custom-input--inline + .btn.btn-small {
    background-image: url(/gfx/svg/search-icon-dark.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 35px;
    text-indent: -999999999em;
    padding: 13px 22px;
  }
  .formal-consents__validator[style*="inline"] {
    margin-left: 0;
  }
}
@media all and (max-width: 850px) and (min-width: 691px), (max-width: 450px) {
  .basket-summary__delivery-section .input-label.input-label--inline,
  .wybierz-punkt-odbioru .input-label.input-label--inline {
    display: block;
  }
  .basket-summary__delivery-section .custom-input--inline,
  .wybierz-punkt-odbioru .custom-input--inline {
    max-width: calc(100% - 51px);
  }
}
@media only screen and (max-width: 691px) and (min-width: 600px) {
  .basket-summary__delivery-section .delivery-type,
  .basket-summary__payment-section .delivery-type,
  .basket-summary__delivery-section .payment-type,
  .basket-summary__payment-section .payment-type {
    width: calc(100% / 2 - 5px);
  }
  .basket-summary__delivery-section .delivery-type__options,
  .basket-summary__payment-section .delivery-type__options {
    width: 100%;
  }
  .basket-summary__delivery-section .payment-method,
  .basket-summary__payment-section .payment-method {
    width: calc(100% / 2 - 22px);
  }
  .basket-summary__delivery-section .delivery-type__options .delivery-type__options-item,
  .basket-summary__payment-section .delivery-type__options .delivery-type__options-item {
    width: calc(100% / 2 - 20px);
  }
}
.payment-type--cashOnDelivery a[data-target="#payment-cashOnDelivery"]::before {
  margin-bottom: 15px;
}
/* podsumowanie */

.summary-box__final-back {
  margin-top: 10px;
}
.payment-method_blik-code {
  padding: 10px 100px 10px 10px;
  width: 210px;
  min-height: 50px;
  display: block;
  float: right;
}
.payment-method_blik-code-popup {
  text-align: center;
  overflow: hidden;
}
.summary-box__blik-text {
  display: block;
  text-transform: none;
  font-family: bio-sans, sans-serif;
  font-size: 1em;
  font-weight: 500;
}
.summary-box__blik-text-popup {
  display: inline-block;
  text-transform: none;
  font-family: bio-sans, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  padding-bottom: 30px;
}
.blik-logo {
  display: block;
  width: 130px;
  height: auto;
  margin: 10px auto 15px auto;
}
.blik-input {
  padding: 2.5px 5px;
  width: 1em;
  appearance: textfield;
  -webkit-appearance: none;
  text-align: center;
  outline: none;
  border: none;
  border-bottom: 2px solid darkgray;
  font-family: bio-sans, sans-serif !important;
  font-size: 1em !important;
  font-weight: 500;
}
.payment-method.payment-method__chosen.blikInput {
  display: inline-block;
}
.summary-box__blik-error {
  color: #da2021;
}
.summary-box__blik-error-popup {
  color: #da2021;
  font-weight: 500;
  font-size: 1em;
  font-family: bio-sans, sans-serif !important;
}
.blik-input__group,
.blik-input__group-popup {
  padding-bottom: 5px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */

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

}
@media only screen and (max-width: 1090px) {
  .basket-summary__payment-section .asp-radio > .payment-method__payment-text {
    background-size: 60px;
    padding-left: 120px;
  }
}
@media only screen and (max-width: 1090px) {
  .payment-method_blik-code {
    float: none;
  }
  .payment-method.payment-method__chosen.blikInput {
    display: table-cell;
  }
}
@media only screen and (max-width: 690px) {
  .order-steps__box,
  .basket-summary__payment-section .payment-methods-box {
    margin-right: 0;
  }
}
@media only screen and (max-width: 580px) {
  .basket-summary__address-section {
    flex-wrap: wrap;
  }
  .basket-summary__address-section .order-steps__box {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .basket-summary__client-add p,
  .basket-summary__client-add h4 {
    display: none;
  }
  .basket-summary__client-add:first-child h4 {
    display: block;
  }
  .basket-summary__client-add p + .order-steps__change-btn {
    float: left;
    text-align: left;
    margin-right: auto;
    margin-left: 0;
    position: relative;
    width: 100%;
  }
  .basket-summary__client-add p + .order-steps__change-btn:after,
  .basket-summary__client-add p + .order-steps__change-btn:before {
    content: "";
    display: block;
    height: 2px;
    width: 7px;
    right: 15px;
    background-color: #0c66ff;
    position: absolute;
    top: calc(47%);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 0;
  }
  .basket-summary__client-add p + .order-steps__change-btn:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: calc(51%);
  }
}
@media only screen and (max-width: 530px) {
  .order-steps__delivery-details > div:first-of-type {
    flex-wrap: wrap;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.dzisiejsze-gratisy .products-box .products-list__box {
  position: relative;
  cursor: default;
}
.dzisiejsze-gratisy .products-box .products-list__box a.name:hover {
  color: black;
}
.gratis-hover__box {
  display: flex;
  opacity: 0;
  flex-direction: column;
  /*align-items: center;*/
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.75);
  color: #0c66ff;
  transition: all 0.4s ease-in-out;
  font-size: 1.5em;
  padding: 3em 1em;
  font-weight: bold;
  text-align: center;
}
.dzisiejsze-gratisy .products-box .products-list__box:hover .gratis-hover__box {
  opacity: 1;
}
.dzisiejsze-gratisy .slider {
  margin: 0 -5px;
}
.specjalna-oferta-gratis--nowy .dzisiejsze-gratisy--laczone .slider {
  max-width: unset !important;
}
.gratis-hover__box {
  display: none;
}
.product-tile__gratis-box {
  margin-top: 20px;
  border-top: 1px solid #e5e5e5;
}
.product-tile__gratis-progress-bar {
  text-transform: uppercase;
  display: block;
  box-sizing: border-box;
  border-radius: 0 0 0 7px;
  margin: -1px 0px;
  height: 45px;
  text-align: center;
  font-family: oswald, sans-serif;
  font-weight: 100;
  color: black;
  background: #e5e5e5;
}
.product-tile__gratis-progress-bar.product-tile__gratis-progress-bar--completed {
  color: white;
  background: #a8cd25;
  border-bottom-right-radius: 7px;
  border-color: #a8cd25;
  letter-spacing: 0.05em;
}
.product-tile__gratis-progress-info {
  font-size: 0.9em;
  line-height: 1.15em;
  position: absolute;
  width: 100%;
  bottom: 14px;
  left: 0;
}
.dzisiejsze-gratisy--laczone .products-box.produkty-gratisowe article {
  cursor: pointer !important;
}
@media all and (max-width: 425px) {
  .gratis-hover__box {
    font-size: 1em;
  }
  .product-tile__gratis-progress-bar.product-tile__gratis-progress-bar--completed {
    letter-spacing: 0;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*Cała tabela*/

.products-basket {
  width: 100%;
}
.after-style {
  display: block;
  width: max-content;
  position: relative;
  background: #0c66ff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: white;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
}
.after-voucher-style {
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
/*rows*/

.products-basket__item {
  border-bottom: 1px solid #e5e5e5;
  /*lista produktów w zestawie*/

}
.products-basket__item td {
  padding: 25px 10px;
  /*&:first-of-type {
            padding-left: 0;
            padding-right: 25px;
        }*/

  /*&:last-of-type {
            padding-right: 0;
        }*/

}
.products-basket__item .zestaw-info__item td {
  padding: 10px;
}
.products-basket__item .products-basket__item--img {
  width: 50px;
  padding-left: 0;
  padding-right: 25px;
}
.products-basket__item .products-basket__item-delete {
  padding-right: 0;
}
.products-basket__item[data-sale-item="true"] .basket-listing__item--name:after {
  content: "Wyprzedaż/Krótka data";
  display: block;
  width: max-content;
  position: relative;
  background: #0c66ff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: white;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
}
.products-basket__item[data-dpsale-item="true"] .basket-listing__item--name:lang(pl-PL):after {
  content: "Promocja Dnia";
  display: block;
  width: max-content;
  position: relative;
  background: #0c66ff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: white;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
}
.products-basket__item[data-dpsale-item="true"] .basket-listing__item--name:lang(cs-CZ):after {
  content: "Akce Dne";
  display: block;
  width: max-content;
  position: relative;
  background: #0c66ff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: white;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
}
.products-basket__item[data-dpsale-item="true"] .basket-listing__item--name:lang(sk-SK):after {
  content: "Zľava dňa";
  display: block;
  width: max-content;
  position: relative;
  background: #0c66ff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: white;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
}
.products-basket__item[data-dpsale-item="true"] .basket-listing__item--name:lang(hu-HU):after {
  content: "A nap ajánlatait";
  display: block;
  width: max-content;
  position: relative;
  background: #0c66ff;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: white;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(pl-PL):after {
  content: "Kod rabatowy";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(cs-CZ):after {
  content: "Slevový kód";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(sk-SK):after {
  content: "Zľavový kód";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(hu-HU):after {
  content: "Kedvezmény kód";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(ro-RO):after {
  content: "Kedvezménykód";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(en-US):after {
  content: "Discount code";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(de-DE):after {
  content: "Rabattcode";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-dpvoucher-item="true"] .basket-listing__item--name:lang(uk-UA):after {
  content: "Купон на знижку";
  display: block;
  width: max-content;
  position: relative;
  background: #e5e5e5;
  font-size: 0.8em;
  font-weight: 400;
  padding: 2px;
  color: #757575;
  line-height: 1em;
  border-radius: 7px;
  padding: 4px 7px 3px 7px;
  clear: both;
  margin-bottom: 5px;
  margin-top: 5px;
}
.products-basket__item[data-sale-item="true"] .products-basket__item--name span:after {
  font-size: 0.7em;
}
.products-basket__item--name {
  max-width: 150px;
}
.products-basket__item--name a {
  text-decoration: none;
}
.products-basket__item--name div:first-of-type {
  max-height: 90px;
  overflow: auto;
}
.products-basket__item--number {
  text-align: right;
}
.products-basket__item--number small {
  font-weight: 300;
  font-size: 0.8em;
  color: #757575;
  display: block;
}
.products-basket__item--amount {
  text-align: right;
}
.products-basket__item--amount br {
  display: none;
}
.products-basket__item-price--container {
  min-width: 100px;
  width: fit-content;
  margin: auto;
  min-width: 130px;
  text-align: right;
}
.products-basket__item-price--container br {
  display: none;
}
.products-basket__item-price--container .product-tile__percentage-reduction {
  display: inline-block;
  vertical-align: -2px;
  font-size: 15px;
  line-height: 18px;
  height: 18px;
  margin-right: 5px;
}
.products-basket__item-amount--value {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1em;
  line-height: 18px;
  font-weight: 400;
  clear: both;
}
.products-basket__item-amount--price {
  text-align: right;
}
.products-basket__item-amount--non-discount-price {
  color: #da2021;
  display: inline-block;
  position: relative;
  float: right;
  text-transform: uppercase;
  text-align: right;
  font-size: 0.8em;
  top: 4px;
}
.products-basket__item-amount--non-discount-price + br {
  display: block;
  clear: both;
}
.products-basket__item-amount--non-discount-price:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #da2021;
  top: 8px;
  left: 0;
  position: absolute;
  opacity: 0.2;
}
.products-basket__item-delete--btn {
  background: url(/gfx/svg/remove-icon.svg) no-repeat;
  background-position: center;
  border: none;
  cursor: pointer;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  width: 26px;
  height: 26px;
  padding: 0;
}
.products-basket__item-delete--btn:hover {
  opacity: 1;
  filter: none;
}
.zestaw-info {
  font-size: 0.8em;
  border: 1px solid #e5e5e5;
}
.zestaw-info__item--text {
  color: #757575 !important;
}
.zestaw-info__item--text span {
  font-weight: 300;
  text-transform: uppercase;
}
.products-basket__item-delete--text {
  display: none;
}
.products-basket__item--prowizja {
  line-height: 34px;
}
td.products-basket__item-delete {
  text-align: center;
}
@media all and (max-width: 1180px) {
  .products-basket__item[data-sale-item="true"] .products-basket__item--name span:after,
  .products-basket__item[data-sale-item="true"] .basket-listing__item--name:after {
    display: inline-block;
    width: auto;
  }
}
@media all and (max-width: 950px) {
  .products-basket__item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .products-basket__item .products-basket__item--name {
    padding: 10px;
  }
  .products-basket__item .products-basket__item--img {
    padding: 10px 0;
    display: inline-block;
  }
  .products-basket__item td:nth-child(4) {
    margin-left: auto;
  }
  .basket-listing__table-td {
    display: inline-block;
    box-sizing: border-box;
    padding: 10px 10px;
  }
  .products-basket__item--name {
    display: inline-block;
    width: calc(100% - 90px);
    max-width: none;
    padding: 10px;
  }
  .products-basket__item--number {
    margin-left: 0;
  }
}
@media (max-width: 420px) {
  .products-basket__item-delete--btn {
    display: none;
  }
  .products-basket__item-delete--text {
    display: block;
    background-color: inherit;
    text-transform: lowercase;
    border: none;
    padding: 5px 0 0 0;
    color: #da2021;
  }
  .products-basket__item-price--container .product-tile__percentage-reduction {
    line-height: 16px;
    height: 16px;
    margin-right: 5px;
    padding: 0 5px;
    font-size: 13px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.form-page .master-width {
  width: 100%;
  margin: 0 auto;
}
.login-container--second {
  width: 980px !important;
  margin: 0 auto;
}
.login-panel:not(.password-panel),
.password-panel:not(.password-panel) {
  display: flex;
  margin: 0;
  justify-content: space-between;
  align-content: flex-start;
}
.login-panel table,
.password-panel table {
  font-weight: 300;
}
.login-panel table tbody,
.password-panel table tbody {
  display: block;
}
.login-panel table tr,
.password-panel table tr {
  display: block;
}
.login-panel table td,
.password-panel table td {
  display: block;
  padding: 25px 0;
}
.login-panel .form__item,
.password-panel .form__item {
  margin-bottom: 26px;
}
.login-panel .form__item .password-box__remind-password,
.password-panel .form__item .password-box__remind-password,
.login-panel .form__item .validator-msg,
.password-panel .form__item .validator-msg {
  font-family: oswald, sans-serif;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 100;
  margin-bottom: 7px;
}
.login-panel.login-panel--second,
.password-panel.login-panel--second {
  margin-top: 30px;
  margin-bottom: 130px;
  justify-content: center;
}
.password-panel {
  padding-bottom: 0;
}
.password-panel .login-panel__btn:hover {
  background-color: #0c66ff;
  border-color: #0c66ff;
  color: white;
}
.password-panel .login-panel__btn:hover:before,
.password-panel .login-panel__btn:hover:after {
  background-color: white;
}
.login-panel__heading {
  display: inline-block;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
  font-size: 2.1em;
  text-align: center;
  margin-top: 0;
}
.login-panel__box--second {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  padding: 40px;
}
.login-panel__box--second .login-panel__heading {
  font-size: 1.2em;
  text-align: left;
  top: 0;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 9px;
}
.login-panel__box--second .login-panel__text {
  padding-bottom: 35px;
  line-height: 1.55em;
}
.login-panel__box.login-panel__box--second {
  margin-right: 10px;
}
.login-panel__box-container {
  display: inline-block;
  /*margin-top: -70px;*/

}
.login-panel__box {
  width: 320px;
  margin-right: 0;
  box-sizing: border-box;
  position: relative;
}
.login-panel__box--no-account {
  border: none;
}
.login-panel__btn,
.blue-btn {
  width: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  font-family: proxima-nova, sans-serif;
  font-size: 1em;
  text-align: center;
}
.login-panel__btn:hover,
.blue-btn:hover,
.login-panel__btn:focus,
.blue-btn:focus {
  box-shadow: none;
}
.login-panel__btn--last {
  margin: 10px 0;
}
.login-panel__box--first .login-panel__btn {
  margin-top: 25px;
}
.login-panel__box--last {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: none;
  margin-right: 0;
  padding-bottom: 50px;
}
.login-panel__box--last .login-panel__btn {
  margin-top: 38px;
}
.login-panel__text {
  color: #757575;
  display: block;
  font-weight: 300;
}
.login-panel__gratis-info--small {
  margin-top: 8px;
  font-size: 0.8em;
}
.login-panel table {
  border: none;
}
.login-panel table tr:hover {
  background-color: inherit;
}
.login-panel__box--first > .login-panel__heading {
  display: none;
}
.password-box {
  display: flex;
  justify-content: space-between;
}
.password-box__remind-password {
  color: #0c66ff;
  outline: none;
  text-decoration: none;
}
.password-box__remind-password:hover {
  text-decoration: underline;
}
.login-panel__btn-paypal--image {
  display: none;
  margin: 0 auto;
}
.login-panel__btn-paypal {
  background-color: #ffc439;
  border-color: #ffc439;
}
.login-panel__image {
  max-width: 100%;
}
.login-panel__separator {
  color: #757575;
  text-align: center;
  position: relative;
  font-family: proxima-nova, sans-serif;
}
.login-panel__separator:before,
.login-panel__separator:after {
  height: 1px;
  position: absolute;
  top: 50%;
  background-color: #e5e5e5;
  width: calc(50% - 25px);
  content: "";
}
.login-panel__separator:before {
  left: 0;
}
.login-panel__separator:after {
  left: calc(50% + 25px);
}
.login-panel__box--second .login-panel__btn {
  padding-right: 30px;
}
.login-panel__border {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  border-radius: 7px;
  padding: 2em;
  margin-bottom: 55px;
}
.login-panel__border .login-panel__heading {
  font-size: 1.2em;
  text-align: left;
  top: 0;
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  padding-bottom: 9px;
}
.login-white__btn {
  border-color: #e5e5e5;
  color: black;
  background-color: white;
}
.login-white__btn:before {
  background-color: #0c66ff;
}
.login-white__btn:after {
  background-color: #0c66ff;
}
.login-white__btn:hover {
  color: white;
  background-color: #0c66ff;
}
.login-white__btn:hover:before {
  background-color: white;
}
.login-white__btn:hover:after {
  background-color: white;
}
@media all and (max-width: 1360px) {
  .login-panel__box--second {
    padding: 30px;
  }
}
@media all and (max-width: 1200px) {
  .login-panel__box--second {
    padding: 25px;
  }
}
@media all and (max-width: 850px) {
  .login-panel__box--first {
    margin-right: 40px;
  }
  .login-panel--second {
    flex-direction: column;
  }
  .login-panel__box.login-panel__box--second {
    padding: 40px;
    width: 100%;
    max-width: 600px;
    margin-bottom: 10px;
    margin: 5px auto;
  }
}
/*style dla błędu*/

@media (min-width: 601px) {
  .form-page .error-message {
    width: 50%;
    margin: 30px 0;
  }
}
@media all and (max-width: 600px) {
  .login-panel--first {
    flex-wrap: wrap;
  }
  .login-panel__box--first {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
  }
  .login-panel__box--no-account {
    width: 100%;
  }
  .login-panel__box--no-account .login-panel__box-container {
    margin-top: -50px;
  }
  .login-panel__gratis-info {
    position: static;
    margin-top: 40px;
  }
}
@media all and (max-width: 350px) {
  .login-panel__box.login-panel__box--second {
    padding: 20px;
  }
}
@media all and (max-width: 320px) {
  .blue-btn {
    white-space: pre-wrap;
    padding-left: 35px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.order-options__box {
  margin-right: 10px;
  flex: 0 1 auto;
  margin-bottom: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  padding: 20px;
  box-sizing: border-box;
  width: calc(100% / 4 - 10px);
}
.order-options__heading {
  font-size: 1em;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 22px;
}
.order-options__option-image {
  display: block;
  padding-top: 65px;
  background-repeat: no-repeat;
  background-position: left top;
}
.basket-summary__delivery-section .order-options__option-image {
  padding: 10px 10px 10px 120px;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 90px;
  margin: 15px 0 0 0;
  width: 150px;
}
/*doprecyzowane rozmiary dla .svg*/

.basket-summary__delivery-section .order-options__option-image[data-description*="orlen"],
.basket-summary__delivery-section .order-options__option-image[data-description*="stacjonarny"],
.basket-summary__delivery-section .order-options__option-image[data-description*="pracownik"] {
  background-size: contain;
}
.order-options__option-text {
  display: block;
}
@media all and (max-width: 1220px) and (min-width: 691px) {
  .order-options__box {
    width: calc(100% / 3 - 10px);
  }
}
@media all and (max-width: 980px) {
  .order-options__box {
    width: calc(100% / 2 - 10px);
  }
}
@media all and (max-width: 691px) {
  .order-options__box {
    width: calc(100% /2 - 10px);
  }
  .order-options__box:nth-child(2n) {
    margin-right: 0;
  }
}
@media all and (max-width: 690px) {
  .order-options {
    width: 100%;
  }
}
@media all and (max-width: 770px) and (min-width: 690px) {
  .order-options__box {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .order-options__box {
    width: 100%;
  }
  .order-options__box:nth-child(n) {
    margin-right: 0;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*newsletter RODO popup*/

.ui-dialog #newsletter-zgoda.ui-dialog-content {
  padding: 1em 1.5em 0.1em 1.5em;
}
#newsletter-zgoda.ui-dialog-content,
.register-clause__section,
.rodo-cluase__order {
  color: #888888;
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: justify;
  /*.asp-checkbox > input[type=checkbox]:checked + label:after {
        top: 1px;
    }*/

}
#newsletter-zgoda.ui-dialog-content .asp-checkbox > label,
.register-clause__section .asp-checkbox > label,
.rodo-cluase__order .asp-checkbox > label {
  /*padding-left: 25px;*/
  line-height: 1.6em;
}
#newsletter-zgoda.ui-dialog-content .asp-checkbox > span,
.register-clause__section .asp-checkbox > span,
.rodo-cluase__order .asp-checkbox > span {
  color: red;
}
#newsletter-zgoda.ui-dialog-content a,
.register-clause__section a,
.rodo-cluase__order a {
  color: #0c66ff;
  outline: none;
  text-decoration: none;
  word-break: break-all;
}
#newsletter-zgoda.ui-dialog-content .register-clause__short-item,
.register-clause__section .register-clause__short-item,
.rodo-cluase__order .register-clause__short-item {
  margin: 1em 0;
  text-transform: uppercase;
}
#newsletter-zgoda.ui-dialog-content .register-long-item,
.register-clause__section .register-long-item,
.rodo-cluase__order .register-long-item {
  margin-top: 1em;
  padding-right: 0.4em;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
#newsletter-zgoda.ui-dialog-content .register-long-item h1,
.register-clause__section .register-long-item h1,
.rodo-cluase__order .register-long-item h1 {
  font-size: 1.3em;
  display: none;
}
#newsletter-zgoda.ui-dialog-content .register-long-item h2,
.register-clause__section .register-long-item h2,
.rodo-cluase__order .register-long-item h2 {
  font-size: 1.1em;
}
#newsletter-zgoda.ui-dialog-content .register-long-item ul,
.register-clause__section .register-long-item ul,
.rodo-cluase__order .register-long-item ul {
  list-style: circle;
  list-style-type: circle;
}
#newsletter-zgoda.ui-dialog-content .register-long-item ul li,
.register-clause__section .register-long-item ul li,
.rodo-cluase__order .register-long-item ul li {
  margin-left: 2em;
}
#newsletter-zgoda.ui-dialog-content .clause-more,
.register-clause__section .clause-more,
.rodo-cluase__order .clause-more {
  border-top: 1px solid #888888;
  text-align: center;
  width: 100%;
  margin-top: 1.5em;
}
#newsletter-zgoda.ui-dialog-content .clause-more .bottom-clause-btn,
.register-clause__section .clause-more .bottom-clause-btn,
.rodo-cluase__order .clause-more .bottom-clause-btn {
  cursor: pointer;
  padding: 0 10px;
  position: relative;
  top: -10px;
  background: white;
  color: #0c66ff;
}
#newsletter-zgoda.ui-dialog-content .register-long-item {
  max-height: 14em;
  overflow-y: scroll;
}
#newsletter-zgoda.ui-dialog-content .register-long-item::-webkit-scrollbar-thumb {
  background: rgba(26, 113, 218, 0.8);
  border-radius: 6px;
  min-height: 3em;
}
#newsletter-zgoda.ui-dialog-content .register-long-item::-webkit-scrollbar {
  width: 7px;
  position: absolute;
  top: 54px;
  opacity: 0.4;
  display: block;
  border-radius: 7px;
  z-index: 99;
  right: 2px;
}
.clause-description {
  font-family: oswald, sans-serif;
  font-weight: normal;
}
.clause-description__box {
  max-height: 60px;
}
.clause__button {
  color: #757575 !important;
  font-size: 1.2em;
}
.clause-description--short {
  text-transform: uppercase;
}
.order-steps {
  border: none;
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
  table-layout: fixed;
}
/*chyba trzeba uzywac selectorow tabelki bo wizardstep generuje tabelę i nie pozwala na dodanie klas do konkretnych krokow.*/

.order-steps td {
  font-weight: 300;
  color: black;
}
.order-steps tr:hover {
  background-color: inherit;
}
/*tymczasowo, common nadpisuje background.*/

table tr:nth-of-type(even) {
  background-color: inherit;
}
.order-steps__buttons-box {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.buttons-box-header {
  display: block;
  /*overflow: auto;*/
  margin-top: -83px;
  float: right;
}
.buttons-box-header--position {
  margin-top: -170px;
}
.order-steps__btn-back {
  /*padding-left: 100px;*/
  order: 1;
}
.order-steps__btn-accept {
  order: 2;
}
.address-data__info {
  color: #757575;
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 20px;
}
.btn-accept--hidden {
  display: none;
}
.validation-msg {
  color: #da2021;
}
.fake_finish_btn {
  visibility: hidden;
}
@media all and (max-width: 1000px) {
  .buttons-box-header {
    margin-top: -11px;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 600px) {
  .order-steps__btn-accept {
    padding-right: 100px;
  }
  .order-steps__btn-back {
    padding-left: 50px;
  }
}
@media all and (max-width: 460px) {
  .order-steps__btn-accept {
    padding-right: 35px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }
  .order-steps__btn-back {
    box-sizing: border-box;
    margin-top: 15px;
    padding-left: 35px;
    text-align: right;
    width: 100%;
  }
  .order-steps__buttons-box {
    display: block;
  }
  .order-steps__buttons-box .continue-btn {
    margin-top: 10px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.page-footer {
  border-top: 1px solid #e9e9e9;
  width: 1310px;
  margin: 0 auto;
  box-sizing: border-box;
  color: #757575;
  font-size: 0.8em;
  font-weight: 300;
  padding: 20px 0;
  text-align: center;
  margin-top: 20px;
}
.page-footer a {
  color: #757575;
}
.page-footer__phone-asterisk-info {
  color: rgba(136, 136, 136, 0.5);
  font-size: 0.8em;
  text-align: left;
}
.page-footer__phone-asterisk-symbol {
  color: #757575;
}
#fc_frame {
  display: none !important;
}
@media all and (max-width: 1309px) {
  .page-footer {
    width: 100%;
  }
}
@media all and (max-width: 430px) {
  .page-footer__phone-asterisk-info {
    display: none;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.page-header__box {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}
.page-header__box + .page-header__box {
  padding: 8px 0 20px 0;
  display: flex;
  align-items: flex-start;
}
.page-header__box-content {
  width: 1310px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: oswald, sans-serif;
  /*position: relative;*/

}
.page-header__logo {
  position: relative;
  z-index: 3001;
  margin: 0;
  width: 110px;
  height: 34px;
}
.page-header__secure-image {
  max-width: 100px;
  display: block;
}
.page-header__phone {
  position: relative;
}
.page-header__phone-link {
  padding-left: 20px;
  background: url(/gfx/svg/tel-icon-blue.svg) no-repeat;
  background-position: left center;
  color: black;
  background-size: 16px;
  text-decoration: none;
}
.page-header__phone-link-asterisk {
  position: absolute;
  top: 0;
  right: -8px;
}
.page-header__phone-link-asterisk a {
  color: #0c66ff !important;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 0.85em;
}
.page-header__menu [id*="Pomoc"] {
  background-image: url(/gfx/svg/top/pomoc.svg);
}
.page-header__menu [id*="Wysylka"] {
  background-image: url(/gfx/svg/top/dostawa.svg);
  background-size: 13px;
}
.page-header__menu [id*="Kontakt"] {
  background-image: url(/gfx/svg/email-icon.svg);
}
.page-header__menu-item-text {
  text-transform: uppercase;
  color: #757575;
  font-size: 0.8em;
  text-decoration: none;
}
.page-header__menu-item-link {
  background-position: left center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin-left: 18px;
}
.page-header__autocomplete-container {
  width: 100%;
  display: none;
  position: absolute;
  top: 84px;
  left: 0;
  right: 0;
  background: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  height: 500px;
}
.page-header__autocomplete-container.active {
  border-top: 1px solid #dedede;
  display: flex;
  max-height: 999px;
  z-index: 10;
}
@media all and (max-width: 1360px) {
  .page-header {
    margin-bottom: 50px;
  }
  .page-header__box-content {
    width: 100%;
    padding: 0 25px;
  }
}
@media all and (min-width: 1280px) {
  .page-header__box .search-1 {
    padding: 0;
  }
  .page-header__box + .page-header__box {
    padding: 10px 0;
    display: flex;
    align-items: flex-start;
  }
}
@media all and (max-width: 940px) {
  .page-header__box-content {
    flex-wrap: wrap;
  }
}
@media all and (max-width: 767px) {
  .page-header__box-content {
    padding: 0 15px;
  }
}
@media all and (max-width: 768px) {
  .page-header__autocomplete-container.active {
    z-index: 2;
    top: 80px;
  }
  .search-1--basket {
    z-index: 3;
    bottom: -10px;
  }
}
@media all and (max-width: 620px) {
  .page-header__box {
    padding: 10px 0;
  }
  .page-header__menu a:first-child {
    margin-left: 0;
  }
}
@media all and (max-width: 900px) {
  .page-header__delivery {
    position: static;
    left: auto;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@media all and (max-width: 430px) {
  .page-header__logo,
  .page-header__secure-image {
    height: 34px;
    margin-top: 0;
  }
  header div[id*=ModeratorPanel] .custom-input {
    padding: 5px 15px 5px 3px;
    background-position: calc(100% - 9px) calc(1em - 1px), calc(100% - 4px) calc(1em - 1px), 100% 0;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.blik-wait__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
  padding-top: 100px;
  padding-bottom: 100px;
}
.blik-wait__box .text {
  width: 100%;
  display: block;
}
.blik-wait__text {
  font-size: 2em;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.payment-summary-box__container {
  display: flex;
  justify-content: center;
}
.payment-summary-box {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 20px;
  vertical-align: top;
  border-radius: 7px;
  margin-bottom: 0;
  /*    .apple-button {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 5px;
        background-color: #000;
        padding: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #fff;
        cursor: pointer;
        background-image
    }*/

}
.payment-summary-box .heading-secondary {
  font-size: 1.25em;
  margin: 0;
  margin-bottom: 4px;
  margin-block-start: 0.8em;
}
.payment-summary-box .payment-summary-box__prices--flex {
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
.payment-summary-box .summary-box__label {
  margin: 0;
  margin-top: 30px;
  padding-right: 40px;
  font-family: oswald, sans-serif;
  font-size: 0.8em;
  font-weight: 100;
  text-transform: uppercase;
}
.payment-summary-box .summary-box__final-price-box {
  margin: 0;
  margin-bottom: 10px;
}
.payment-summary-box .summary-box__final-price-box .summary-box__label {
  margin-bottom: 8px;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-size: 1em;
  font-weight: 600;
}
.summary-box__price-together,
.summary-box__price-delivery {
  font-weight: 400;
  font-size: 1.1em;
  font-family: oswald, sans-serif;
}
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    width: 100%;
    height: 44px;
    -webkit-appearance: -apple-pay-button;
  }
  
  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }
  
  .apple-pay-button-white {
    -apple-pay-button-style: white;
  }
  
  .apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
  }
}
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    margin-top: 20px;
    cursor: pointer;
  }
  
  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
  
  .apple-pay-button-white {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
  }
  
  .apple-pay-button-white-with-line {
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-color: white;
    border: 0.5px solid black;
  }
}

.payment-methods-box .payment-method[data-description*="BLIK"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="BLIK"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="BLIK"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="BLIK"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="blik"],
.details-order__payment .order-options__option-image[data-description*="blik"],
.szybka-dostawa .order-options__option-image[data-description*="blik"],
.order-options__box .order-options__option-image[data-description*="blik"] {
  background-image: url(/gfx/img/platnosci/blik.png);
  background-size: 60px;
}
.payment-methods-box .payment-method[data-description*="oogle"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="oogle"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="oogle"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="oogle"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="oogle"],
.details-order__payment .order-options__option-image[data-description*="oogle"],
.szybka-dostawa .order-options__option-image[data-description*="oogle"],
.order-options__box .order-options__option-image[data-description*="oogle"] {
  background-image: url(/gfx/img/platnosci/gpay.png);
}
.payment-methods-box .payment-method[data-description*="Karta płatnicza"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Karta płatnicza"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Karta płatnicza"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Karta płatnicza"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="zapłać kartą"],
.details-order__payment .order-options__option-image[data-description*="zapłać kartą"],
.szybka-dostawa .order-options__option-image[data-description*="zapłać kartą"],
.order-options__box .order-options__option-image[data-description*="zapłać kartą"] {
  background-image: url(/gfx/svg/Payment/platnosc_karta.svg);
  background-size: 60px;
}
.payment-methods-box .payment-method[data-description*="Pobranie"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Pobranie"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Pobranie"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Pobranie"] .payment-method__payment-text,
.payment-methods-box .payment-method[data-description*="Platba při převzetí"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Platba při převzetí"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Platba při převzetí"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Platba při převzetí"] .payment-method__payment-text,
.payment-methods-box .payment-method[data-description*="Utánvétes fizetés"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Utánvétes fizetés"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Utánvétes fizetés"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Utánvétes fizetés"] .payment-method__payment-text,
.payment-methods-box .payment-method[data-description*="przy odbiorze"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="przy odbiorze"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="przy odbiorze"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="przy odbiorze"] .payment-method__payment-text,
.payment-methods-box .payment-method[data-description*="plata la livrare"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="plata la livrare"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="plata la livrare"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="plata la livrare"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description="pobranie"],
.details-order__payment .order-options__option-image[data-description="pobranie"],
.szybka-dostawa .order-options__option-image[data-description="pobranie"],
.order-options__box .order-options__option-image[data-description="pobranie"],
.payment-methods-box .order-options__option-image[data-description*="platba při převzetí"],
.details-order__payment .order-options__option-image[data-description*="platba při převzetí"],
.szybka-dostawa .order-options__option-image[data-description*="platba při převzetí"],
.order-options__box .order-options__option-image[data-description*="platba při převzetí"],
.payment-methods-box .order-options__option-image[data-description*="utánvétes fizetés"],
.details-order__payment .order-options__option-image[data-description*="utánvétes fizetés"],
.szybka-dostawa .order-options__option-image[data-description*="utánvétes fizetés"],
.order-options__box .order-options__option-image[data-description*="utánvétes fizetés"],
.payment-methods-box .order-options__option-image[data-description*="plata la livrare"],
.details-order__payment .order-options__option-image[data-description*="plata la livrare"],
.szybka-dostawa .order-options__option-image[data-description*="plata la livrare"],
.order-options__box .order-options__option-image[data-description*="plata la livrare"] {
  background-image: url(/gfx/svg/Delivery/platnosc_przy_odbiorze.svg);
  background-size: 60px;
}
.payment-methods-box .payment-method[data-description*="Tpay.com"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Tpay.com"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Tpay.com"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Tpay.com"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="tpay.com"],
.details-order__payment .order-options__option-image[data-description*="tpay.com"],
.szybka-dostawa .order-options__option-image[data-description*="tpay.com"],
.order-options__box .order-options__option-image[data-description*="tpay.com"] {
  background-image: url(/gfx/img/platnosci/tpay.png);
}
.payment-methods-box .payment-method[data-description*="natychmiastowy"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="natychmiastowy"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="natychmiastowy"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="natychmiastowy"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="natychmiastowy"],
.details-order__payment .order-options__option-image[data-description*="natychmiastowy"],
.szybka-dostawa .order-options__option-image[data-description*="natychmiastowy"],
.order-options__box .order-options__option-image[data-description*="natychmiastowy"],
.payment-methods-box .payment-method[data-description*="Płatność PayU"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Płatność PayU"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Płatność PayU"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Płatność PayU"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="Płatność PayU"],
.details-order__payment .order-options__option-image[data-description*="Płatność PayU"],
.szybka-dostawa .order-options__option-image[data-description*="Płatność PayU"],
.order-options__box .order-options__option-image[data-description*="Płatność PayU"],
.payment-methods-box .payment-method[data-description*="Platba PayU"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Platba PayU"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Platba PayU"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Platba PayU"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="platba payu"],
.details-order__payment .order-options__option-image[data-description*="platba payu"],
.szybka-dostawa .order-options__option-image[data-description*="platba payu"],
.order-options__box .order-options__option-image[data-description*="platba payu"],
.payment-methods-box .payment-method[data-description*="Fizetés PayU"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Fizetés PayU"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Fizetés PayU"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Fizetés PayU"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="fizetés payu"],
.details-order__payment .order-options__option-image[data-description*="fizetés payu"],
.szybka-dostawa .order-options__option-image[data-description*="fizetés payu"],
.order-options__box .order-options__option-image[data-description*="fizetés payu"],
.payment-methods-box .payment-method[data-description*="PayU"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="PayU"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="PayU"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="PayU"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="payu"],
.details-order__payment .order-options__option-image[data-description*="payu"],
.szybka-dostawa .order-options__option-image[data-description*="payu"],
.order-options__box .order-options__option-image[data-description*="payu"] {
  background-image: url(/gfx/img/platnosci/payu.png);
}
.payment-methods-box .payment-method[data-description*="PayPal"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="PayPal"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="PayPal"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="PayPal"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="paypal"],
.details-order__payment .order-options__option-image[data-description*="paypal"],
.szybka-dostawa .order-options__option-image[data-description*="paypal"],
.order-options__box .order-options__option-image[data-description*="paypal"] {
  background-image: url(/gfx/img/partnerzy/paypal.png);
  background-size: 70%;
}
.payment-methods-box .payment-method[data-description*="Przelewy24"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="Przelewy24"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="Przelewy24"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="Przelewy24"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="przelewy24"],
.details-order__payment .order-options__option-image[data-description*="przelewy24"],
.szybka-dostawa .order-options__option-image[data-description*="przelewy24"],
.order-options__box .order-options__option-image[data-description*="przelewy24"] {
  background-image: url(/gfx/svg/Payment/przelewy24.svg);
  background-size: 70%;
}
.payment-methods-box .order-options__option-image[data-description*="paypal"],
.details-order__payment .order-options__option-image[data-description*="paypal"],
.szybka-dostawa .order-options__option-image[data-description*="paypal"],
.order-options__box .order-options__option-image[data-description*="paypal"] {
  background-size: 50%;
}
.payment-methods-box .payment-method[data-description*="tradycyjny"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="tradycyjny"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="tradycyjny"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="tradycyjny"] .payment-method__payment-text,
.payment-methods-box .payment-method[data-description*="tradiční"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="tradiční"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="tradiční"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="tradiční"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="tradycyjny"],
.details-order__payment .order-options__option-image[data-description*="tradycyjny"],
.szybka-dostawa .order-options__option-image[data-description*="tradycyjny"],
.order-options__box .order-options__option-image[data-description*="tradycyjny"],
.payment-methods-box .order-options__option-image[data-description*="tradiční"],
.details-order__payment .order-options__option-image[data-description*="tradiční"],
.szybka-dostawa .order-options__option-image[data-description*="tradiční"],
.order-options__box .order-options__option-image[data-description*="tradiční"] {
  background-image: url(/gfx/svg/Payment/przelew_tradycyjny.svg);
  background-size: 60px;
}
.payment-methods-box .payment-method[data-description*="PayPo"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="PayPo"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="PayPo"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="PayPo"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="paypo"],
.details-order__payment .order-options__option-image[data-description*="paypo"],
.szybka-dostawa .order-options__option-image[data-description*="paypo"],
.order-options__box .order-options__option-image[data-description*="paypo"] {
  background-image: url(/gfx/svg/Payment/paypo.svg);
}
.payment-methods-box .payment-method[data-description*="pple"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="pple"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="pple"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="pple"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="pple"],
.details-order__payment .order-options__option-image[data-description*="pple"],
.szybka-dostawa .order-options__option-image[data-description*="pple"],
.order-options__box .order-options__option-image[data-description*="pple"] {
  background-image: url(/gfx/svg/Payment/apple_pay.svg);
  background-size: 60px;
}
.payment-methods-box .payment-method[data-description*="BLIK Płacę Później"] .payment-method__payment-text,
.details-order__payment .payment-method[data-description*="BLIK Płacę Później"] .payment-method__payment-text,
.szybka-dostawa .payment-method[data-description*="BLIK Płacę Później"] .payment-method__payment-text,
.order-options__box .payment-method[data-description*="BLIK Płacę Później"] .payment-method__payment-text,
.payment-methods-box .order-options__option-image[data-description*="blik płacę później"],
.details-order__payment .order-options__option-image[data-description*="blik płacę później"],
.szybka-dostawa .order-options__option-image[data-description*="blik płacę później"],
.order-options__box .order-options__option-image[data-description*="blik płacę później"] {
  background-image: url(/gfx/img/platnosci/blikplacepozniej.png);
  background-size: 80px;
}
.basket-summary__payment-section .payment-methods-box .payment-method[data-description*="Przelewy24"] .payment-method__payment-text {
  background-size: 80px;
}
.basket-summary__payment-section .payment-method__payment-info,
.basket-summary__payment-section .payment-method__payment-comment {
  display: block;
}
.basket-summary__payment-section .payment-method__payment-text {
  padding: 10px 10px 10px 100px;
  display: inline-block;
}
.basket-summary__payment-section .payment-method__chosen[data-description*="blik"] {
  background-image: url(/gfx/img/platnosci/blik.png);
}
.basket-summary__payment-section .payment-method__chosen[data-description*="oogle"] {
  background-image: url(/gfx/img/platnosci/gpay.png);
}
.basket-summary__payment-section .payment-method__chosen[data-description*="natychmiastowy"],
.basket-summary__payment-section .payment-method__chosen[data-description*="Płatność PayU"],
.basket-summary__payment-section .payment-method__chosen[data-description*="platba payu"],
.basket-summary__payment-section .payment-method__chosen[data-description*="fizetés payu"],
.basket-summary__payment-section .payment-method__chosen[data-description*="payu"] {
  background-image: url(/gfx/img/platnosci/payu.png);
}
.basket-summary__payment-section .payment-method__chosen[data-description*="Tpay.com"] {
  background-image: url(/gfx/img/platnosci/tpay.png);
}
.basket-summary__payment-section .payment-method[data-description*="tradycyjny"] .payment-method__payment-text,
.basket-summary__payment-section .payment-method[data-description*="tradiční"] .payment-method__payment-text,
.basket-summary__payment-section .payment-method__chosen[data-description*="tradycyjny"],
.basket-summary__payment-section .payment-method__chosen[data-description*="tradiční"] {
  background-image: url(/gfx/svg/Payment/przelew_tradycyjny.svg);
  background-size: 50px;
  height: 45px;
}
.basket-summary__payment-section .payment-method[data-description*="PayPal"] .payment-method__payment-text,
.basket-summary__payment-section .payment-method__chosen[data-description*="paypal"],
.basket-summary__payment-section .payment-method__chosen[data-description*="PayPal"] {
  background-image: url(/gfx/img/partnerzy/paypal.png);
  background-size: 75px;
}
.basket-summary__payment-section .payment-method[data-description*="przelewy24"] .payment-method__payment-text,
.basket-summary__payment-section .payment-method__chosen[data-description*="przelewy24"] {
  background-image: url(/gfx/svg/Payment/przelewy24.svg);
}
.basket-summary__payment-section .payment-method__chosen[data-description*="płatność przy odbiorze"],
.basket-summary__payment-section .payment-method__chosen[data-description*="platba při převzetí"],
.basket-summary__payment-section .payment-method__chosen[data-description*="utánvétes fizetés"],
.basket-summary__payment-section .payment-method__chosen[data-description*="plata la livrare"],
.basket-summary__payment-section .payment-method__chosen[data-description*="barzahlung bei lieferung"],
.basket-summary__payment-section .payment-method__chosen[data-description*="paid on delivery"],
.basket-summary__payment-section .payment-method__chosen[data-description*="оплата при отриманні"] {
  background-image: url(/gfx/svg/Delivery/platnosc_przy_odbiorze.svg);
  background-size: 60px;
  height: 60px;
}
.basket-summary__payment-section .payment-method__chosen[data-description*="zapłać kartą"] {
  background-image: url(/gfx/svg/Payment/platnosc_karta.svg);
  background-size: 60px;
  height: 40px;
}
.basket-summary__payment-section .payment-method__chosen[data-description*="pple"] {
  background-image: url(/gfx/svg/Payment/apple_pay.svg);
  background-size: 60px;
}
.basket-summary__payment-section .payment-method__chosen[data-description*="paypo"],
.basket-summary__payment-section .payment-method__chosen[data-description*="PayPo"] {
  background-image: url(/gfx/svg/Payment/paypo.svg);
}
.basket-summary__payment-section .payment-method__chosen[data-description*="blik płacę później"] {
  background-image: url(/gfx/img/platnosci/blikplacepozniej.png);
  background-size: 80px;
}
.order-options__option-image[data-description="pobranie"],
.order-options__option-image[data-description*="platba při převzetí"],
.order-options__option-image[data-description*="utánvétes fizetés"] {
  background-size: 65px;
}
.payment-method .payment-method_hover-info {
  display: none;
}
.payment-method[data-description*="tradycyjny (PayU)"] .payment-method_hover-info {
  width: 200px;
  font-size: 0.7em;
  line-height: 0.9em;
  position: absolute;
  padding: 8px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  top: -55px;
  left: 10%;
  z-index: 1;
}
.payment-method[data-description*="tradycyjny (PayU)"] input[type=radio]:checked + label + input + .payment-method_hover-info {
  display: block;
}
.basket-summary__payment-section .payment-method[data-description*="tradycyjny (PayU)"] input[type=radio]:checked + label + input + .payment-method_hover-info {
  display: none;
}
.payment-method[data-description*="tradycyjny (PayU)"] input[type=radio]:checked + label + input + .payment-method_hover-info:before {
  content: "";
  display: inline-block;
  position: absolute;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white;
  bottom: -6px;
  left: 10%;
  z-index: 1;
}
.szybka-dostawa .payment-method[data-description*="oogle"] .payment-method__payment-text {
  background-image: url(/gfx/img/platnosci/gpay.png);
  background-position: left 13px;
  padding-top: 70px;
}
.szybka-dostawa .payment-method[data-description*="Zapłać kartą"] .payment-method__payment-text {
  background-image: url(/gfx/svg/Payment/platnosc_karta.svg);
}
.order-options__option-image[data-description*="oogle"] {
  background-position: left 10px;
}
@media all and (max-width: 700px) {
  .payment-method[data-description*="tradycyjny (PayU)"] .payment-method_hover-info {
    width: 100%;
  }
}
@media all and (max-width: 395px) {
  .payment-method[data-description*="tradycyjny (PayU)"] .payment-method_hover-info {
    width: 80%;
    top: -48px;
    left: unset;
    z-index: 1;
    right: -16px;
  }
  .payment-method[data-description*="tradycyjny (PayU)"] input[type=radio]:checked + label + input + .payment-method_hover-info:before {
    left: 20%;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.payment-methods-box {
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 10px;
  padding: 40px;
}
.payment-methods-box__heading {
  font-size: 1.2em;
}
.payment-method {
  width: 160px;
  display: inline-block;
  margin: 20px 40px 20px 40px;
  cursor: pointer;
  vertical-align: top;
  position: relative;
}
.payment-method__payment-text {
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40%;
  padding-top: 140px;
  display: block;
  cursor: pointer;
  padding-left: 30px;
  font-weight: 300;
  text-transform: inherit;
}
.szybka-dostawa .payment-method {
  margin: 0;
}
.szybka-dostawa .payment-method .payment-method__payment-text {
  padding-left: 0;
  padding-top: 70px;
  background-position: left top;
}
.payment-method__payment-info,
.payment-method__payment-comment {
  color: #757575;
}
.payment-method__payment-comment {
  font-size: 0.8em;
}
.payu-trad_info {
  margin: 20px auto;
  background: none;
  background-color: #0c66ff;
  border: 1px solid #0c66ff;
  border-radius: 7px;
  box-sizing: border-box;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 100;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  text-align: center;
  display: block;
  cursor: auto;
  font-size: 0.9em;
  font-weight: normal;
}
.asp-radio > label.payment-method__payment-text::before {
  bottom: 10px;
  left: -35px;
  position: absolute;
}
.asp-radio > label.payment-method__payment-text {
  padding-left: 0;
  padding-bottom: 10px;
}
@media (max-width: 950px) {
  .payment-methods-box {
    display: inline-block;
  }
}
@media (max-width: 520px) {
  .szybka-dostawa .payment-method {
    padding-left: 0;
  }
}
@media all and (max-width: 395px) {
  .payment-method {
    width: 100%;
  }
  .payment-method__payment-text {
    background-size: 100px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.specjalna-oferta-gratis article,
.produkty-gratisowe article,
.products-list__box,
.promotion-image,
.awarded,
.recommended {
  border: 1px solid #e5e5e5;
  display: inline-block;
  font-size: 15px;
  /* patrz .products-box */
  margin: 5px;
  box-sizing: border-box;
  border-radius: 7px;
  transition: all 0.15s;
  vertical-align: top;
  position: relative;
  background-color: white;
  /* przykobinowany margines dla wszystkich elementów oprócz ostatniego buttona, który jest przylegajacy do krawędzi kafla */

}
.specjalna-oferta-gratis article:hover,
.produkty-gratisowe article:hover,
.products-list__box:hover,
.promotion-image:hover,
.awarded:hover,
.recommended:hover {
  box-shadow: 0 0 6px rgba(0, 39, 36, 0.1);
  transition: all 0.15s;
  /*-moz-transform: translate(0, -2px);
        -o-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        -webkit-transform: translate(0, -2px);
        transform: translate(2, -2px);*/

}
.specjalna-oferta-gratis article figure,
.produkty-gratisowe article figure,
.products-list__box figure,
.promotion-image figure,
.awarded figure,
.recommended figure {
  margin: 26px 0;
  position: relative;
}
.specjalna-oferta-gratis article figure span,
.produkty-gratisowe article figure span,
.products-list__box figure span,
.promotion-image figure span,
.awarded figure span,
.recommended figure span {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  display: block;
  width: calc(100% - 55px);
  height: 20px;
  top: 0;
  left: 0;
  z-index: 1;
}
.specjalna-oferta-gratis article .product-tile__info-box,
.produkty-gratisowe article .product-tile__info-box,
.products-list__box .product-tile__info-box,
.promotion-image .product-tile__info-box,
.awarded .product-tile__info-box,
.recommended .product-tile__info-box {
  margin-left: 20px;
  margin-right: 20px;
}
.specjalna-oferta-gratis article figure,
.produkty-gratisowe article figure,
.products-list__box figure,
.promotion-image figure,
.awarded figure,
.recommended figure {
  margin: 15px;
}
.specjalna-oferta-gratis article img,
.produkty-gratisowe article img,
.products-list__box img,
.promotion-image img,
.awarded img,
.recommended img {
  max-width: 100%;
  margin: 0 auto;
  height: 100%;
  width: 100%;
}
.specjalna-oferta-gratis article img.lazyload,
.produkty-gratisowe article img.lazyload,
.products-list__box img.lazyload,
.promotion-image img.lazyload,
.awarded img.lazyload,
.recommended img.lazyload {
  padding-bottom: 87.87%;
}
.specjalna-oferta-gratis article h3,
.produkty-gratisowe article h3,
.products-list__box h3,
.promotion-image h3,
.awarded h3,
.recommended h3 {
  margin: 0;
  font-size: 1.15em;
}
.specjalna-oferta-gratis article .name,
.produkty-gratisowe article .name,
.products-list__box .name,
.promotion-image .name,
.awarded .name,
.recommended .name {
  font-size: 0.85em;
  text-transform: uppercase;
  display: block;
  margin-top: 5px;
  color: black;
  line-height: 1.05em;
  height: 67px;
  overflow: hidden;
  transition: color 0.15s ease-in;
  text-decoration: none;
}
.specjalna-oferta-gratis article .name:hover,
.produkty-gratisowe article .name:hover,
.products-list__box .name:hover,
.promotion-image .name:hover,
.awarded .name:hover,
.recommended .name:hover {
  color: #0c66ff;
}
.specjalna-oferta-gratis article .category-name,
.produkty-gratisowe article .category-name,
.products-list__box .category-name,
.promotion-image .category-name,
.awarded .category-name,
.recommended .category-name {
  color: #757575;
  font-size: 0.8em;
  padding-bottom: 5px;
  font-weight: 100;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-decoration: none;
  padding-right: 20px;
}
.specjalna-oferta-gratis article p,
.produkty-gratisowe article p,
.products-list__box p,
.promotion-image p,
.awarded p,
.recommended p {
  display: none;
}
.specjalna-oferta-gratis article .cena,
.produkty-gratisowe article .cena,
.products-list__box .cena,
.promotion-image .cena,
.awarded .cena,
.recommended .cena {
  display: inline-block;
  vertical-align: middle;
  color: #0c66ff;
  font-size: 1.2em;
  line-height: 20px;
  font-weight: 400;
  font-family: oswald, sans-serif;
}
.specjalna-oferta-gratis article .cena-sugerowana,
.produkty-gratisowe article .cena-sugerowana,
.products-list__box .cena-sugerowana,
.promotion-image .cena-sugerowana,
.awarded .cena-sugerowana,
.recommended .cena-sugerowana {
  color: #da2021;
  margin-right: 3px !important;
  font-size: 0.75em;
  position: relative;
  text-decoration: none;
  top: 2px;
}
.specjalna-oferta-gratis article .cena-sugerowana:before,
.produkty-gratisowe article .cena-sugerowana:before,
.products-list__box .cena-sugerowana:before,
.promotion-image .cena-sugerowana:before,
.awarded .cena-sugerowana:before,
.recommended .cena-sugerowana:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: rgba(218, 32, 37, 0.5);
  top: 50%;
  left: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.specjalna-oferta-gratis article .rating,
.produkty-gratisowe article .rating,
.products-list__box .rating,
.promotion-image .rating,
.awarded .rating,
.recommended .rating {
  margin: 2px 0 5px;
}
.specjalna-oferta-gratis article .rating span,
.produkty-gratisowe article .rating span,
.products-list__box .rating span,
.promotion-image .rating span,
.awarded .rating span,
.recommended .rating span {
  color: #0c66ff;
  font-size: 0.8em;
  margin-left: 7px;
}
.specjalna-oferta-gratis article .product-tile__price-box,
.produkty-gratisowe article .product-tile__price-box,
.products-list__box .product-tile__price-box,
.promotion-image .product-tile__price-box,
.awarded .product-tile__price-box,
.recommended .product-tile__price-box {
  position: relative;
}
.specjalna-oferta-gratis article .product-tile__price-box .triangle-loader,
.produkty-gratisowe article .product-tile__price-box .triangle-loader,
.products-list__box .product-tile__price-box .triangle-loader,
.promotion-image .product-tile__price-box .triangle-loader,
.awarded .product-tile__price-box .triangle-loader,
.recommended .product-tile__price-box .triangle-loader {
  z-index: 1;
  background: #da2021;
}
.specjalna-oferta-gratis article .product-tile__price-box-async,
.produkty-gratisowe article .product-tile__price-box-async,
.products-list__box .product-tile__price-box-async,
.promotion-image .product-tile__price-box-async,
.awarded .product-tile__price-box-async,
.recommended .product-tile__price-box-async {
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
}
.specjalna-oferta-gratis article .product-tile__price-box-async .progress-panel::after,
.produkty-gratisowe article .product-tile__price-box-async .progress-panel::after,
.products-list__box .product-tile__price-box-async .progress-panel::after,
.promotion-image .product-tile__price-box-async .progress-panel::after,
.awarded .product-tile__price-box-async .progress-panel::after,
.recommended .product-tile__price-box-async .progress-panel::after,
.specjalna-oferta-gratis article .product-tile__price-box-async .lb-cancel::after,
.produkty-gratisowe article .product-tile__price-box-async .lb-cancel::after,
.products-list__box .product-tile__price-box-async .lb-cancel::after,
.promotion-image .product-tile__price-box-async .lb-cancel::after,
.awarded .product-tile__price-box-async .lb-cancel::after,
.recommended .product-tile__price-box-async .lb-cancel::after {
  width: 15px;
  height: 15px;
  left: calc(100% / 2 - 12px);
  top: calc(100% / 2 - 12px);
}
.specjalna-oferta-gratis article .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.produkty-gratisowe article .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.products-list__box .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.promotion-image .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.awarded .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before,
.recommended .product-tile__price-box-async.btn-lazy .product-tile__btn-async::before {
  content: '';
}
.specjalna-oferta-gratis article .product-tile-lower-price__container,
.produkty-gratisowe article .product-tile-lower-price__container,
.products-list__box .product-tile-lower-price__container,
.promotion-image .product-tile-lower-price__container,
.awarded .product-tile-lower-price__container,
.recommended .product-tile-lower-price__container {
  display: block;
  height: 15px;
  visibility: hidden;
  line-height: 1;
}
.specjalna-oferta-gratis article .product-tile-lower-price__container.visible,
.produkty-gratisowe article .product-tile-lower-price__container.visible,
.products-list__box .product-tile-lower-price__container.visible,
.promotion-image .product-tile-lower-price__container.visible,
.awarded .product-tile-lower-price__container.visible,
.recommended .product-tile-lower-price__container.visible {
  visibility: visible;
}
.specjalna-oferta-gratis article .product-tile__lower-price,
.produkty-gratisowe article .product-tile__lower-price,
.products-list__box .product-tile__lower-price,
.promotion-image .product-tile__lower-price,
.awarded .product-tile__lower-price,
.recommended .product-tile__lower-price {
  font-family: bio-sans, sans-serif;
  line-height: 1;
  font-size: 10px;
  color: #757575;
  text-align: left;
}
.specjalna-oferta-gratis article .product-tile__lower-price-nowrap,
.produkty-gratisowe article .product-tile__lower-price-nowrap,
.products-list__box .product-tile__lower-price-nowrap,
.promotion-image .product-tile__lower-price-nowrap,
.awarded .product-tile__lower-price-nowrap,
.recommended .product-tile__lower-price-nowrap {
  white-space: nowrap;
}
/*.products-list__box, .promotion-image, .awarded {
    .createProductTile();
}*/

.products-list__box.async {
  padding-bottom: 15px;
}
.points .product-tile__price {
  display: inline-block;
}
.points .punkty {
  margin-left: 0 !important;
  font-size: 0.7em;
  color: #757575;
}
.product-tile__btn {
  background: none;
  background-color: white;
  border: 1px solid #e5e5e5;
  border-radius: 7px;
  box-sizing: border-box;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 16px;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  outline: none;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  transition: box-shadow 0.3s ease-out, background-color 0.2s ease-in-out;
  will-change: box-shadow;
  -webkit-appearance: none;
  margin-top: 20px;
  border: none;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  transition: all 0.15s ease-in;
  border-radius: 0 0 7px 7px;
  display: block;
  box-shadow: none;
  padding: 15px 0;
  font-size: 0.9em;
  line-height: 0.9em;
}
.product-tile__btn:hover {
  background-color: #da2021;
  border-color: #da2021;
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.product-tile__btn--disabled {
  background-color: #e9e9e9;
  border-color: #e5e5e5;
  pointer-events: none;
}
.product-tile__btn--disabled:hover {
  background-color: #bdbdbd;
  border-color: #bdbdbd;
  color: black;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
  cursor: context-menu;
}
.product-tile__btn-async {
  display: block;
  background-color: rgba(255, 255, 255, 0.55);
  background-repeat: no-repeat;
  border-radius: 100%;
  cursor: pointer;
  font-size: 0.8em;
  line-height: 1;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  transition: all ease-in-out 0.2s;
  width: 40px;
  height: 40px;
  -webkit-appearance: none;
  box-shadow: none;
}
.product-tile__btn-async::before {
  content: url(/gfx/svg/ProductTile/plus-blue.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
}
.product-tile__btn-async:hover {
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  background-color: #0c66ff;
}
.product-tile__btn-async:hover::before {
  content: url(/gfx/svg/ProductTile/plus-white.svg);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.2);
}
.product-tile__price {
  display: flex;
}
.product-tile__btn--replacement:hover {
  background-color: #a8cd25;
  border-color: #a8cd25;
  color: white;
  box-shadow: 0 4px 10px rgba(0, 39, 36, 0.1);
  -webkit-filter: brightness(105%);
  filter: brightness(105%);
}
.product-tile__percentage-reduction {
  display: inline-block;
  vertical-align: middle;
  background-color: #0c66ff;
  color: white;
  padding: 1px 8px 0px 8px;
  white-space: nowrap;
  border-radius: 25px;
  font-size: 1em;
  line-height: 20px;
  height: 20px;
  margin-right: 10px;
  font-weight: 700;
  font-family: proxima-nova, sans-serif;
}
.products-list__box:hover .btn.disabled {
  background-color: #e5e5e5;
  cursor: default;
}
.bestsellers .products-box {
  -webkit-text-size-adjust: none;
  /*.slick-track {
            overflow: hidden;
        }*/

}
.bestsellers .products-box figure {
  width: 100px;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-right: 10px;
}
.bestsellers .products-box figure span {
  display: none;
}
.bestsellers .products-box .product-tile__info-box {
  display: inline-block;
  vertical-align: middle;
  margin: 20px 0 0 10px;
  width: calc(100% / 2 + 10px);
}
.bestsellers .products-box .product-tile__price-box {
  width: 100%;
}
.home-zestawy .products-list__box img {
  width: 100%;
  max-width: 180px;
  height: auto;
  box-sizing: border-box;
}
/*.managed-list-background {
    background-size: 0;
    background-repeat: no-repeat;

    &:before {
        content: '';
        background-image: inherit;
        //background-size: 32px;
        background-position: center top;
        background-repeat: no-repeat;
        max-width: 100%;
    }
}*/

@media all and (max-width: 920px) and (min-width: 880px) {
  .bestsellers .products-list__box figure {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 400px) {
  .specjalna-oferta-gratis article .product-tile__info-box,
  .produkty-gratisowe article .product-tile__info-box,
  .products-list__box .product-tile__info-box,
  .promotion-image .product-tile__info-box,
  .awarded .product-tile__info-box,
  .recommended .product-tile__info-box {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.product_information__favorite-delete a {
  z-index: 9;
  display: block;
  position: absolute;
  top: 1px;
  right: 0px;
  padding: 2px;
  width: 25px;
  height: 25px;
}
.product_information__favorite-delete a:before,
.product_information__favorite-delete a:after {
  content: "";
  background-color: black;
  width: 20px;
  height: 1.5px;
  display: block;
  position: absolute;
  top: 11px;
  left: 6px;
  transform: rotate(45deg);
  opacity: 0.8;
}
.product_information__favorite-delete a:after {
  transform: rotate(-45deg);
}
.product_information__favorite-delete a:hover {
  opacity: 0.5;
}
.products-box {
  font-size: 0;
}
.propozycja-specjalna .products-box article {
  width: calc(100% / 4 - 10px);
  max-width: 210px;
}
.specjalna-oferta-koszyk .produkty-gratisowe,
.specjalna-oferta-zakup .produkty-gratisowe {
  margin: 0 -5px;
}
.specjalna-oferta-koszyk .produkty-gratisowe .slick-list,
.specjalna-oferta-zakup .produkty-gratisowe .slick-list {
  width: 100%;
}
.specjalna-oferta-koszyk .produkty-gratisowe article,
.specjalna-oferta-zakup .produkty-gratisowe article {
  width: calc(100% - 10px);
}
.specjalna-oferta-koszyk .choose-variant-box,
.specjalna-oferta-zakup .choose-variant-box {
  max-height: 400px;
}
.product-promotion__quantities-limit {
  position: relative;
  padding: 10px 20px;
}
.product-promotion__quantities-limit-label {
  color: #757575;
  font-size: 15px;
}
@media all and (max-width: 800px) {
  .propozycja-specjalna .products-box article {
    width: calc(100% / 2 - 10px);
    max-width: unset;
  }
}
@media (max-width: 900px) and (min-width: 761px) {
  .product-promotion__quantities-limit {
    position: static;
  }
}
@media all and (max-width: 450px) {
  .product-promotion__quantities-limit {
    position: static;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.punkty-odbioru__container {
  border: 1px solid #e5e5e5;
  padding: 0 20px;
  margin: 10px 0;
  border-radius: 7px;
}
.punkty-odbioru__container .error-message {
  margin-top: 0;
  margin-bottom: 20px;
}
.punkty-odbioru__container .validator-msg[style*="inline"] {
  display: block !important;
}
.punkty-odbioru__heading {
  font-size: 1.2em;
}
.punkty-odbioru__section {
  margin-bottom: 10px;
  display: block;
}
.punkty-odbioru__navigation {
  padding-top: 20px;
  padding-bottom: 20px;
}
.punkty-odbioru__navigation .btn-accept {
  float: right;
}
#map-canvas_punkty-odbioru {
  width: auto;
  height: 600px;
  margin-top: 10px;
  background-color: white !important;
}
@media all and (max-height: 910px) {
  #map-canvas_punkty-odbioru {
    height: 400px;
    min-height: 300px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.purchase-complete {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-family: proxima-nova, sans-serif;
}
.order-number_heading {
  padding-top: 0;
}
.questionnaire-box {
  margin-bottom: 40px;
}
.questionnaire-box .shop-questionnaire_heading {
  padding-top: 0;
  padding-left: 60px;
  margin-bottom: 0;
}
.questionnaire-box .purchase-complete__heading-transfer {
  padding-left: 60px;
}
/*newsletter section*/

.purchase-complete__newsletter {
  background-image: url(/gfx/svg/OrderEnd/ocen_swoje_zakupy.svg);
  display: block;
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 40px 40px;
}
.purchase-complete__newsletter .purchase-heading-secondary {
  padding-top: 0;
  padding-left: 80px;
}
.purchase-complete__newsletter .purchase-complete__newsletter-text {
  padding-left: 80px;
  margin: 0;
}
.purchase-complete__register {
  background-image: url(/gfx/svg/OrderEnd/person_icon.svg);
  display: block;
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 25px 45px;
}
.purchase-complete__questionnaire {
  background-image: url(/gfx/svg/OrderEnd/trophy_icon.svg);
  display: block;
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: 25px 45px;
}
.purchase-complete__newsletter > div:last-of-type {
  display: flex;
  margin: 40px auto 0px auto;
  position: relative;
  width: calc(100%);
  margin-left: auto;
  margin-right: auto;
}
.purchase-complete__newsletter .validation-msg {
  color: red;
  position: absolute;
  padding-left: 30px;
  bottom: 2px;
  font-size: 11px;
}
.purchase-complete__newsletter input {
  border: none;
  color: black;
  outline: none;
  text-align: left;
  width: 100%;
  background: #e5e5e5;
  padding: 15px 30px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  font-size: 14px;
  line-height: 21px;
  height: 44px;
  box-sizing: border-box;
  font-family: proxima-nova, sans-serif;
}
.purchase-complete__newsletter .btn {
  display: inline-block;
  background-color: #da2021;
  color: white;
  vertical-align: middle;
  border: none;
  border-radius: 0 7px 7px 0;
  white-space: nowrap;
  font-family: proxima-nova, sans-serif;
}
.purchase-complete__newsletter .newsletter-notify {
  color: #0c66ff;
}
.dev-ideas__answers .aspNetDisabled > label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  left: 0;
  bottom: 1px;
  box-sizing: border-box;
  position: relative;
}
.dev-ideas__answers .aspNetDisabled {
  color: #e5e5e5;
}
.dev-ideas__answers .aspNetDisabled > input {
  display: none;
}
.dev-ideas__answers .aspNetDisabled > input:checked + label:before {
  border: 5px solid #0c66ff;
}
.dev-ideas__answers .aspNetDisabled > input:checked + label {
  color: #0c66ff;
}
.send-questionnaire__box {
  height: 60px;
  position: relative;
}
.rate-work__box {
  display: flex;
  justify-content: center;
  align-items: center;
}
.purchase-complete__box {
  width: calc(100% / 2 - 30px);
  box-sizing: border-box;
}
.purchase-complete__box--second {
  width: calc(100% / 2 - 30px);
}
.thank-you-image__box {
  text-align: center;
  margin-bottom: 20px;
}
.thank-you-image__box-img {
  margin: auto;
  width: 100%;
}
.ankieta-info {
  display: block;
  margin-bottom: 20px;
}
/*transakcja ok thumbs*/

.thumbs-radio,
.aspNetDisabled.thumbs-radio {
  display: flex;
}
.thumbs-radio span,
.aspNetDisabled.thumbs-radio span {
  margin: 5px 0;
  width: calc(100% / 10);
  align-items: center;
  color: #757575;
}
.thumbs-radio label:before,
.aspNetDisabled.thumbs-radio label:before {
  display: block;
  text-align: center;
  bottom: -40px;
  margin-left: auto;
  left: 0;
  right: 0;
  margin-right: auto;
  border: 1px solid #0c66ff;
}
.aspNetDisabled.thumbs-radio label:before {
  border: 1px solid #e5e5e5;
}
.thumbs-radio:not(.aspNetDisabled) label {
  cursor: pointer;
}
.questionnaire__box-thank {
  color: #0c66ff;
  font-weight: 600;
}
.purchase-complete__container--bordered {
  border: 1px solid whitesmoke;
  border-radius: 7px;
  padding: 30px 30px;
}
.purchase-error__box {
  margin: 20px 0;
  padding: 20px 30px;
}
.product-rate-validator {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  color: #da2021;
  font-size: 0.8em;
  position: relative;
  background: white;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  width: 140px;
  top: -100px;
  right: 115px;
}
.product-rate-validator-star {
  border: 1px solid #e9e9e9;
  border-radius: 8px;
  color: #da2021;
  font-size: 0.8em;
  position: relative;
  background: white;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  width: 140px;
  top: -5px;
  right: 200px;
}
.product-rate-validator-star:after {
  content: "";
  display: block;
  border-top: 10px solid transparent;
  border-left: 10px solid white;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -10px;
  top: 10px;
}
.product-rate-validator:after {
  content: "";
  display: block;
  border-top: 10px solid transparent;
  border-left: 10px solid white;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -10px;
  top: 10px;
}
.rate {
  padding-bottom: 10px;
}
.rate label {
  color: #dedede;
  cursor: pointer;
  font-size: 2.5em;
}
.rate label.hover,
.rate label.selected {
  color: #fbc620;
}
.purchase-complete__btn-box {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}
.dev-ideas__box {
  display: block;
  /*overflow: auto;*/
  padding-bottom: 20px;
  float: right;
  width: 100%;
}
.dev-ideas__heading {
  padding-bottom: 20px;
  margin-top: 0px;
}
.dev-ideas__input {
  width: 100%;
  box-sizing: border-box;
  height: 110px;
  padding: 10px;
  border: 1px solid whitesmoke;
}
.dev-ideas__btn {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dev-ideas__btn:first-of-type {
  float: right;
}
.dev-ideas__answers {
  margin: 30px 0;
  text-align: center;
}
.dev-ideas__heading_optional-info {
  text-transform: lowercase;
}
.purchase-complete__item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid whitesmoke;
}
.purchase-complete__item:last-of-type {
  border-bottom: none;
  margin: 0;
}
.purchase-complete__heading-transfer,
.purchase-complete__heading-transfer--inline {
  font-style: normal;
  font-size: 1em;
  font-weight: 100;
  margin-bottom: 0;
  display: block;
  color: #757575;
}
.purchase-complete__heading-transfer--inline {
  display: inline-block;
  margin: 0;
  margin-right: 5px;
}
.purchase-complete__heading-info {
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.purchase-heading {
  color: black;
  font-weight: 700;
  font-size: 0.9em;
  display: block;
}
.purchase-question-heading {
  margin-top: 40px;
}
.order-state__url {
  color: #0c66ff;
  word-break: break-all;
  display: block;
  margin-top: 10px;
}
.purchase-complete__btn {
  color: #0c66ff;
  word-break: break-all;
  display: block;
  margin-top: 10px;
}
.purchase-complete__btn--back {
  padding-left: 100px;
  order: 1;
}
.purchase-complete__status-box {
  padding-bottom: 35px;
  margin-bottom: 30px;
}
.purchase-account-info-heading {
  font-size: 1.1em;
}
.check-order-status__box {
  position: relative;
  height: 40px;
}
.check-order-status__btn {
  text-transform: uppercase;
  text-decoration: none;
  color: black;
  font-size: 0.95em;
  font-weight: 600;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.order-summary {
  border: 1px solid whitesmoke;
  border-radius: 6px;
  box-sizing: border-box;
  padding-bottom: 0;
}
.order-summary.purchase-complete__item {
  padding: 20px 40px;
}
.order-summary__thanks {
  color: #a8ce23;
  text-transform: uppercase;
  font-size: 1.1em;
  font-weight: 700;
  margin-bottom: 0;
}
.order-summary__number-info {
  margin-top: 0;
}
.number-info__number {
  color: #0c66ff;
  border-bottom: 1px solid rgba(1, 56, 121, 0.17);
}
.purchase-complete__account-info,
.purchase-complete__account-info--inline {
  display: block;
  color: #0c66ff;
}
.purchase-complete__account-info--inline {
  display: inline-block;
  margin-right: 1em;
}
.purchase-info--first {
  padding-top: 30px;
}
.purchase-info--last {
  border-bottom: none;
  margin: 0;
}
.purchase-info:before {
  content: url(/gfx/svg/info-blue.svg);
  display: inline-block;
  vertical-align: top;
  margin: 15px 15px 0 0;
  width: 25px;
}
.purchase-info__text {
  display: inline-block;
  width: calc(100% - 55px);
}
.purchase-complete__yt-box {
  margin-top: 20px;
}
.purchase-complete__yt-box a {
  width: 100%;
  display: inline-block;
  /*text-align: center;*/

}
.rate-consultants__btn {
  width: 100%;
  text-align: center;
  line-height: 1.1em;
}
.send-questionnaire__box .triangle-loader {
  left: 60%;
}
.potreningu-section {
  background-image: url(/gfx/img/kampania_deynmajewski_desktop.png);
  margin-bottom: 40px;
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 39.9%;
  position: relative;
}
.potreningu-section a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.purchase-complete__register-benefits {
  margin-bottom: 40px;
}
.purchase-complete__register-benefit__item {
  display: block;
  font-size: 1em;
  color: #757575;
  position: relative;
  padding-left: 60px;
  margin: 24px 0;
}
.purchase-complete__register-benefit__item:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: 60px;
  height: 40px;
  left: 0;
  top: -10px;
  background-image: url(/gfx/svg/checked-circle-green.svg);
  background-repeat: no-repeat;
}
@media all and (max-width: 720px) {
  .purchase-complete__box {
    width: 100%;
  }
  .purchase-complete__box--second {
    width: 100%;
  }
  .purchase-error__box {
    width: 80%;
  }
  .dev-ideas__box {
    width: 100%;
  }
  .dev-ideas__btn:first-of-type {
    width: 100%;
  }
  .purchase-complete__btn--back {
    width: 100%;
    text-align: right;
  }
  .account-img {
    width: 100%;
  }
  .potreningu-section {
    padding-bottom: 39.8%;
  }
}
@media all and (max-width: 850px) {
  .product-rate-validator {
    top: -147px;
    padding: 8px;
    right: -103px;
  }
  .product-rate-validator:after {
    position: absolute;
    top: 100%;
    left: 50%;
    right: 50%;
    margin-left: -20px;
    width: 0;
    height: 0;
    border-top: solid 10px white;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
  }
  .product-rate-validator-star {
    top: 0px;
    right: -20px;
    padding: 8px;
    box-shadow: -12px 10px 10px rgba(0, 0, 0, 0.1);
  }
  .product-rate-validator-star:after {
    position: absolute;
    top: 9px;
    right: 100%;
    bottom: 50%;
    width: 0;
    height: 0;
    border-left: none;
    border-right: solid 10px white;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
  }
}
@media all and (max-width: 420px) {
  .potreningu-section {
    padding-bottom: 198.5%;
  }
}
@media all and (max-width: 360px) {
  .purchase-complete__container--bordered,
  .order-summary.purchase-complete__item {
    padding: 20px;
  }
  .questionnaire-box {
    background-size: 50px;
    background-position: 20px 45px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*.purchase-process-page {
    width: @base-width;
    display: block;
    box-sizing: border-box;
    padding-top: 0;
    margin: 0 auto;
}

@media all and (max-width: 1199px){
    .purchase-process-page {
        width: 100%;
        padding: 0 20px;
    }
}*/


/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
/*newsletter RODO popup*/

.ui-dialog #newsletter-zgoda.ui-dialog-content {
  padding: 1em 1.5em 0.1em 1.5em;
}
#newsletter-zgoda.ui-dialog-content,
.register-clause__section,
.rodo-cluase__order {
  color: #888888;
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: justify;
  /*.asp-checkbox > input[type=checkbox]:checked + label:after {
        top: 1px;
    }*/

}
#newsletter-zgoda.ui-dialog-content .asp-checkbox > label,
.register-clause__section .asp-checkbox > label,
.rodo-cluase__order .asp-checkbox > label {
  /*padding-left: 25px;*/
  line-height: 1.6em;
}
#newsletter-zgoda.ui-dialog-content .asp-checkbox > span,
.register-clause__section .asp-checkbox > span,
.rodo-cluase__order .asp-checkbox > span {
  color: red;
}
#newsletter-zgoda.ui-dialog-content a,
.register-clause__section a,
.rodo-cluase__order a {
  color: #0c66ff;
  outline: none;
  text-decoration: none;
  word-break: break-all;
}
#newsletter-zgoda.ui-dialog-content .register-clause__short-item,
.register-clause__section .register-clause__short-item,
.rodo-cluase__order .register-clause__short-item {
  margin: 1em 0;
  text-transform: uppercase;
}
#newsletter-zgoda.ui-dialog-content .register-long-item,
.register-clause__section .register-long-item,
.rodo-cluase__order .register-long-item {
  margin-top: 1em;
  padding-right: 0.4em;
  position: relative;
  -webkit-overflow-scrolling: touch;
}
#newsletter-zgoda.ui-dialog-content .register-long-item h1,
.register-clause__section .register-long-item h1,
.rodo-cluase__order .register-long-item h1 {
  font-size: 1.3em;
  display: none;
}
#newsletter-zgoda.ui-dialog-content .register-long-item h2,
.register-clause__section .register-long-item h2,
.rodo-cluase__order .register-long-item h2 {
  font-size: 1.1em;
}
#newsletter-zgoda.ui-dialog-content .register-long-item ul,
.register-clause__section .register-long-item ul,
.rodo-cluase__order .register-long-item ul {
  list-style: circle;
  list-style-type: circle;
}
#newsletter-zgoda.ui-dialog-content .register-long-item ul li,
.register-clause__section .register-long-item ul li,
.rodo-cluase__order .register-long-item ul li {
  margin-left: 2em;
}
#newsletter-zgoda.ui-dialog-content .clause-more,
.register-clause__section .clause-more,
.rodo-cluase__order .clause-more {
  border-top: 1px solid #888888;
  text-align: center;
  width: 100%;
  margin-top: 1.5em;
}
#newsletter-zgoda.ui-dialog-content .clause-more .bottom-clause-btn,
.register-clause__section .clause-more .bottom-clause-btn,
.rodo-cluase__order .clause-more .bottom-clause-btn {
  cursor: pointer;
  padding: 0 10px;
  position: relative;
  top: -10px;
  background: white;
  color: #0c66ff;
}
#newsletter-zgoda.ui-dialog-content .register-long-item {
  max-height: 14em;
  overflow-y: scroll;
}
#newsletter-zgoda.ui-dialog-content .register-long-item::-webkit-scrollbar-thumb {
  background: rgba(26, 113, 218, 0.8);
  border-radius: 6px;
  min-height: 3em;
}
#newsletter-zgoda.ui-dialog-content .register-long-item::-webkit-scrollbar {
  width: 7px;
  position: absolute;
  top: 54px;
  opacity: 0.4;
  display: block;
  border-radius: 7px;
  z-index: 99;
  right: 2px;
}
.clause-description {
  font-family: oswald, sans-serif;
  font-weight: normal;
}
.clause-description__box {
  max-height: 60px;
}
.clause__button {
  color: #757575 !important;
  font-size: 1.2em;
}
.clause-description--short {
  text-transform: uppercase;
}
a {
  color: #0c66ff;
}
.register-form__section {
  width: calc(100% / 2 - 34px);
  display: inline-block;
  vertical-align: top;
  margin-right: 64px;
}
.register-form__section:nth-of-type(2) {
  margin-right: 0;
}
.register-form__btn-box {
  display: block;
  margin: 20px auto;
  width: 100%;
}
.register-form__btn {
  width: 100%;
  margin-top: 24px;
  text-align: center;
  margin-bottom: 24px;
}
.register-clause__section {
  margin-top: 60px;
  margin-left: -16%;
  margin-right: -16%;
}
.asp-checkbox > label {
  color: black;
  margin-bottom: 20px;
  font-size: 14px;
}
.register-form__btn {
  font-family: proxima-nova, sans-serif;
  font-size: 1em;
}
.register-form-separator {
  height: 1px;
  background-color: #e5e5e5;
  width: 100%;
  content: "";
  margin-bottom: 15px;
}
@media all and (max-width: 1199px) {
  .register-clause__section {
    margin: 40px 0 0 0;
  }
}
@media all and (max-width: 760px) {
  .register-form {
    display: block;
  }
  .register-form__section {
    width: 100%;
    margin-right: 0;
    margin-top: 1em;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.purchase-process-page .register-long-item ul {
  list-style: circle;
  list-style-type: circle;
}
.purchase-process-page .register-long-item ul li {
  margin-left: 2em;
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.special-offer-page__text {
  color: #757575;
}
.special-offer-page__text--first {
  margin: 0;
  margin-bottom: 40px;
  display: block;
}
.special-offer-page__text--second {
  margin: 40px 0;
}
.buttons-box {
  padding: 40px 0;
}
.prog__text {
  display: inline-block;
  vertical-align: top;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 1.2em;
}
.prog__value {
  display: block;
  font-size: 1.6em;
  font-weight: 100;
}
.prog__bar {
  background: whitesmoke;
  height: 4px;
  width: 275px;
  margin-top: 10px;
  overflow: hidden;
}
.prog__bar > div {
  background: #0c66ff;
  height: 4px;
}
.product-tile__btn--add {
  width: 100%;
}
.order-steps__buttons-box--additional {
  display: none;
}
.specjalna-oferta-gratis {
  display: flex;
}
.specjalna-oferta-gratis .products-box > div:not(.slick-list) {
  display: inline-block;
  width: 220px;
}
.specjalna-oferta-gratis--dodatkowe .products-box {
  width: 100%;
}
.specjalna-oferta-zakup {
  margin-bottom: 50px;
}
.specjalna-oferta-progi {
  padding: 40px 0 20px 0;
  margin: auto 0;
}
.specjalna-oferta-prog-dostawa {
  padding-bottom: 40px;
}
.specjalna-oferta-prog-dostawa:before {
  display: inline-block;
  width: 70px;
  padding-right: 45px;
  content: url(/gfx/svg/free-delivery.svg);
}
.specjalna-oferta-prog-gratis:before {
  display: inline-block;
  width: 70px;
  padding-right: 45px;
  content: url(/gfx/svg/next-gratis.svg);
}
.buttons-box--special-offer .btn-accept {
  width: 220px;
}
.specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 .products-box.slider-products:not(.slick-slider) {
  overflow: visible;
}
@media all and (max-width: 1025px) {
  .specjalna-oferta-gratis:not(.specjalna-oferta-gratis--tylko-2):not(.specjalna-oferta-gratis--tylko-1):not(.specjalna-oferta-gratis--brak-gratisow) {
    flex-wrap: wrap;
  }
  .specjalna-oferta-gratis:not(.specjalna-oferta-gratis--tylko-2):not(.specjalna-oferta-gratis--tylko-1):not(.specjalna-oferta-gratis--brak-gratisow).specjalna-oferta-gratis--solo > div:nth-child(1) {
    margin: 0;
    width: 100%;
    max-width: 100%;
    order: 3;
  }
  .specjalna-oferta-gratis:not(.specjalna-oferta-gratis--tylko-2):not(.specjalna-oferta-gratis--tylko-1):not(.specjalna-oferta-gratis--brak-gratisow) .specjalna-oferta-progi {
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
  }
}
@media all and (max-width: 928px) {
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2 .products-box {
    display: flex;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2 .products-box > div:not(.slick-list) {
    width: unset;
  }
}
@media all and (max-width: 840px) {
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2 {
    flex-wrap: wrap;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2.specjalna-oferta-gratis--solo > div:nth-child(1) {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    order: 3;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2.specjalna-oferta-gratis--solo > div:nth-child(1) > div {
    width: calc(100% / 3 + 5px);
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2 .specjalna-oferta-progi {
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
  }
}
@media all and (max-width: 649px) {
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-2.specjalna-oferta-gratis--solo > div:nth-child(1) > div {
    width: calc(100% / 2);
  }
}
@media all and (max-width: 550px) {
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 .products-box {
    margin-right: 30px;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 .specjalna-oferta-progi {
    padding: 0;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 .specjalna-oferta-progi .prog__bar {
    width: 100%;
  }
}
@media all and (max-width: 480px) {
  .buttons-box--special-offer {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .buttons-box--special-offer .continue-btn {
    width: 100%;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
  }
  .buttons-box--special-offer .btn-accept {
    margin-bottom: 10px;
  }
}
@media all and (max-width: 450px) {
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 {
    flex-wrap: wrap;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1.specjalna-oferta-gratis--solo > div:nth-child(1) {
    margin-right: 0;
    width: 100%;
    max-width: 100%;
    order: 3;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1.specjalna-oferta-gratis--solo > div:nth-child(1) > div {
    width: 52%;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 .specjalna-oferta-progi {
    width: 100%;
    padding-top: 0;
    padding-bottom: 40px;
  }
  .specjalna-oferta-gratis.specjalna-oferta-gratis--tylko-1 .specjalna-oferta-progi .prog__bar {
    width: 275px;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.steps {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  bottom: 0;
  z-index: 3000;
}
.steps:after {
  background-color: #0c66ff;
  bottom: -1px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  height: 1px;
  transition: all 1s ease-out;
  width: 0;
  max-width: 100%;
}
.steps__step {
  margin-right: 15px;
}
.steps__dash-line {
  width: 34px;
  height: 4px;
  border-radius: 15%;
  margin-right: 15px;
  background-color: #e5e5e5;
}
.steps__step--no-margin {
  margin-right: 0px;
}
.steps__step--current .steps__step-sign {
  background-color: #0c66ff;
  background-image: none;
}
.steps__step--current .steps__step-number {
  background-color: #0c66ff;
  color: white;
}
.steps__step--current .steps__step-text {
  color: black;
}
.steps__step--completed .steps__step-sign {
  background-image: url(/gfx/svg/checked-circle-green.svg);
  background-color: #a8ce23;
}
.steps__step--completed .steps__step-number {
  display: none;
}
.steps__step--completed .steps__step-text {
  color: #a8ce23;
}
.steps__step-sign {
  background-color: #e5e5e5;
  background-image: none;
  background-size: 33px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: relative;
  vertical-align: middle;
}
.steps__step-number {
  display: block;
  color: #757575;
  background-color: #e5e5e5;
  background-image: none;
  font-size: 0.85em;
  font-weight: 600;
  position: absolute;
  left: 51%;
  top: 45%;
  transform: translate(-50%, -50%);
}
.steps__step-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  text-transform: uppercase;
  font-size: 0.93em;
  font-weight: 600;
  color: #757575;
  font-family: proxima-nova, sans-serif;
}
@media all and (min-width: 1045px) {
  .steps__break-line {
    display: none;
  }
}
@media all and (max-width: 940px) {
  .steps {
    position: static;
    flex-grow: 1;
    width: 100%;
    padding-top: 10px;
    order: 3;
  }
}
@media all and (max-width: 650px) {
  .steps__dash-line {
    display: none;
  }
}
@media all and (max-width: 590px) {
  .steps {
    align-items: flex-start;
  }
  .steps__step {
    flex-grow: 1;
    flex-basis: 0;
  }
  .steps__step-sign {
    display: block;
    margin: 0 auto 5px auto;
  }
  .steps__step-text {
    display: block;
    text-align: center;
  }
}
@media all and (max-width: 430px) {
  .steps__step-text {
    font-size: 0.59em;
    margin-left: 0;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.summary-box-container {
  display: inline-block;
  width: 320px;
  margin-left: -4px;
  position: sticky;
  margin-top: 34px;
  top: 10px;
}
.summary-box {
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 20px;
  vertical-align: top;
  border-radius: 7px;
  margin-bottom: 0;
}
.summary-box .heading-secondary {
  font-size: 1.25em;
  margin: 0;
  margin-bottom: 4px;
  margin-block-start: 0.8em;
}
.summary-box .summary-box__label {
  font-family: bio-sans, sans-serif;
  color: #757575;
  font-size: 12px;
}
.summary-box .summary-box__has-code {
  font-size: 0.8em;
  text-decoration: none;
  text-align: center;
  display: block;
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 1em;
  color: #757575;
  border-top: 1px solid #e5e5e5;
  margin-top: 40px;
  margin-bottom: -10px;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 10px;
}
.summary-box .summary-box__prices .input-label {
  display: none;
}
.summary-box .summary-box__prices--flex .input-label {
  display: block;
}
.summary-box .summary-box__price-delivery-costs {
  display: block;
  margin-top: 5px;
}
.summary-box .summary-box__additional-space {
  padding-bottom: 15px;
}
.summary-box .summary-box__gratis-info {
  display: block;
  margin-top: 15px;
}
.summary-box .summary-box__bon div {
  border-top: 1px solid #e5e5e5;
  margin-top: 25px;
  margin-bottom: -20px;
  margin-left: -20px;
  margin-right: -20px;
}
.summary-box .summary-box__bon input {
  font-family: proxima-nova, sans-serif;
  font-weight: 600;
  font-size: 1em;
  color: #757575;
  padding: 10px 0;
  margin: 0;
  border: none;
}
.summary-box .summary-box__bon input[type="text"] {
  margin-left: 40px;
  width: calc(100% - 150px);
  opacity: 0.5;
}
.summary-box .summary-box__bon input[type="submit"] {
  width: auto;
  text-transform: unset;
}
.summary-box .summary-box__bon input[type="submit"]:hover,
.summary-box .summary-box__bon input[type="submit"]:focus {
  box-shadow: none;
}
.summary-box .summary-box__bon.bon-empty {
  display: none;
}
.summary-box .summary-box__bon-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 40px 10px 40px;
}
.summary-box .summary-box__bon .input-label {
  display: none;
}
.summary-box .summary-box__bon-discount {
  margin: 0 20px 0 0;
  font-weight: 100;
  font-family: oswald, sans-serif;
  font-size: 0.8em;
  color: black;
  text-transform: uppercase;
}
.summary-box .continue-btn {
  width: 100%;
}
.basket-page__basket-content-section + .summary-box-container .continue-btn.btn-lazy {
  padding-top: 8px;
  padding-bottom: 20px;
}
.basket-page__basket-content-section + .summary-box-container .continue-btn.btn-lazy .subtitle__buy-btn {
  text-transform: uppercase;
  position: absolute;
  color: white;
  left: 30px;
  bottom: 0;
  width: max-content;
  font-size: 11px;
  font-weight: 100;
  transform: none;
  bottom: 5px;
}
.basket-page__basket-content-section + .summary-box-container .continue-btn.btn-not-lazy {
  padding-top: 8px;
  padding-bottom: 20px;
}
.basket-page__basket-content-section + .summary-box-container .continue-btn.btn-not-lazy .subtitle__buy-btn {
  text-transform: uppercase;
  position: absolute;
  color: white;
  left: 30px;
  bottom: 0;
  width: max-content;
  font-size: 11px;
  font-weight: 100;
  transform: none;
  bottom: 5px;
}
.summary-box__price--points {
  margin-left: 10px;
}
.summary-box--last-step .summary-box__label {
  margin: 0;
  margin-top: 30px;
  padding-right: 40px;
  font-family: oswald, sans-serif;
  font-size: 0.8em;
  font-weight: 100;
  text-transform: uppercase;
}
.summary-box--last-step .summary-box__final-price-box {
  margin: 0;
  margin-bottom: 30px;
}
.summary-box--last-step .summary-box__final-price-box .summary-box__label {
  margin-bottom: 8px;
  font-family: proxima-nova, sans-serif;
  color: black;
  font-size: 1em;
  font-weight: 600;
}
.summary-box--last-step .summary-box__bon-discount {
  margin: 0;
}
.summary-box--last-step .summary-box__bon-discount--info {
  margin: 0 20px 0 0 !important;
}
.summary-box__bon {
  padding: 15px 0 0 0;
}
.bon-empty__input {
  width: calc(100% - 44px);
  display: inline-block;
  margin-top: 5px;
}
.bon-empty__btn {
  width: 40px;
  display: inline-block;
  padding: 12px 0 10px 0;
  margin-bottom: 10px;
}
.bon-empty__btn--old {
  display: none;
}
.bon-active__btn-cancel--hidden {
  display: none;
}
.bon-active__btn-cancel {
  width: 56px;
  text-align: center;
  margin: 0;
  padding: 12px 0 10px 0;
  display: none;
  box-sizing: border-box;
}
.bon-active__btn-cancel--icon {
  background: url(/gfx/svg/clear-icon.svg) no-repeat;
  background-size: 14px 14px;
  background-position-y: center;
  background-position-x: center;
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
}
.bon-active__value {
  display: inline-block;
  font-weight: 600;
  font-family: proxima-nova, sans-serif;
  font-size: 1em;
  color: #0c66ff;
}
.bon-active__info {
  position: relative;
}
.summary-box__container-section {
  /*margin-top: 29px;*/
  top: 0;
}
summary-box__container-section .summary-box {
  margin-top: 10px;
}
.summary-box__prices {
  display: block;
}
.summary-box__price {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-size: 2em;
}
.summary-box__price-together,
.summary-box__price-delivery {
  font-weight: 400;
  font-size: 1.1em;
  font-family: oswald, sans-serif;
}
.summary-box__price-without-discount {
  color: #da2021;
  font-family: oswald, sans-serif;
  font-weight: 500;
  font-size: 0.8em;
  display: inline-block;
  position: relative;
  margin-left: 5px;
}
.summary-box__price-without-discount:before {
  content: "";
  background-color: #da2021;
  width: 100%;
  height: 1px;
  left: 0;
  top: 9px;
  opacity: 0.2;
  display: block;
  position: absolute;
}
.summary-box__currency {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.summary-box__label {
  text-transform: none;
}
.summary-box__prices--flex {
  display: flex;
  justify-content: space-between;
}
.summary-box__final-price-box {
  display: table;
  margin: 5px auto 0 auto;
}
.select-lisn-custom {
  border-radius: 7px;
}
#google-pay-button-container {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  min-height: 40px;
}
@media all and (max-width: 690px) {
  .summary-box {
    display: block;
    position: relative;
  }
  .summary-box .continue-btn {
    width: auto;
    margin: 5px;
  }
  .summary-box-container {
    margin-left: 0;
    margin-top: -40px;
    width: 100%;
    position: relative;
    /*padding-bottom: 20px;*/
  
  }
  .summary-box__currency {
    justify-content: flex-start;
  }
  .summary-box__currency small {
    margin-right: 10px;
  }
}
@media all and (max-width: 675px) {
  .summary-box.summary-box__summary-section.summary-box--last-step .summary-box__final-price-box {
    display: block;
    width: 100%;
    order: 0;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step .summary-box__final-back {
    order: 1;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step .continue-btn {
    width: calc(100% / 2 - 10px);
    order: 2;
  }
}
@media all and (max-width: 450px) {
  .summary-box summary-box__summary-section.summary-box {
    padding: 10px 15px;
  }
  .summary-box summary-box__summary-section.summary-box .continue-btn {
    width: 100%;
    margin: 5px 0;
  }
  .summary-box summary-box__summary-section.summary-box .summary-box__final-back {
    order: 2;
  }
}
/*podsumowanie nowy proces*/

.basket-summary__summary-content.summary-box--last-step .summary-box__label {
  font-family: proxima-nova, sans-serif;
  color: black;
  font-size: 1em;
  font-weight: 600;
  display: block;
  padding-right: 0;
}
.basket-summary__summary-content.summary-box--last-step .summary-box__price-together,
.basket-summary__summary-content.summary-box--last-step .summary-box__price-delivery {
  color: #757575;
  font-family: bio-sans, sans-serif;
}
@media only screen and (max-width: 690px) {
  .summary-box.summary-box__summary-section:not(.finalization) {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    bottom: -2px;
    left: 0;
    right: 0;
    background-color: white;
    border-radius: 0;
    padding: 10px 20px;
    border: none;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 0px 8px rgba(0, 39, 36, 0.1);
    transition: bottom 0.4s ease-in-out;
  }
  .summary-box.summary-box__summary-section:not(.finalization).summary-box--last-step .summary-box__label {
    margin: 0;
    font-weight: 800;
    display: inline-block;
  }
  .summary-box.summary-box__summary-section:not(.finalization).summary-box--last-step .summary-box__final-price-box {
    margin: 0 5px;
    display: flex;
    align-items: baseline;
  }
  .summary-box.summary-box__summary-section:not(.finalization).summary-box--last-step .summary-box__price {
    font-size: 1.5em;
    margin-left: 10px;
  }
  .summary-box.summary-box__summary-section:not(.finalization) .summary-box__prices--flex {
    display: none;
  }
  .summary-box.summary-box__summary-section:not(.finalization) .summary-box__final-back {
    margin-bottom: 0;
    /*order: 1;*/
  
  }
  .summary-box.summary-box__summary-section:not(.finalization) .continue-btn.btn-accept {
    float: right;
    order: 2;
  }
  .summary-box.summary-box__summary-section:not(.finalization) .heading-secondary {
    display: none;
  }
  .summary-box.summary-box__summary-section .summary-box__price-delivery-costs {
    display: inline-block;
  }
  .summary-box.summary-box__summary-section .summary-box__currency,
  .summary-box.summary-box__summary-section .summary-box .summary-box__gratis-info {
    display: none;
  }
  /*.basket-page__basket-content:not(.basket-page__basket-content-section) {
          margin-bottom: 200px;
  
          .summary-box-container {
              margin-top: -40px;
          }
      }*/
  
  .summary-box.summary-box__summary-section.finalization {
    padding: 20px;
    margin-top: 40px;
  }
  .summary-box.summary-box__summary-section.finalization .heading-secondary {
    display: block;
  }
  .summary-box.summary-box__summary-section.finalization .continue-btn.btn-accept {
    float: right;
    order: 3;
  }
  .summary-box.summary-box__summary-section.finalization .summary-box__prices--flex {
    display: flex;
  }
  .summary-box.summary-box__summary-section.finalization .summary-box__final-button-box {
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    padding: 5px 10px;
    border: none;
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 0px 8px rgba(0, 39, 36, 0.1);
  }
  .summary-box.summary-box__summary-section.finalization.not-fixed .summary-box__final-button-box {
    position: relative;
    box-shadow: none;
    border: none;
    padding: 0;
  }
  .summary-box__bon-box {
    width: 100%;
    padding: 0;
  }
  .summary-box__bon-box .summary-box__has-code {
    margin: 5px 0;
  }
  .summary-box__bon-box .summary-box__input-section {
    margin: 5px 0 !important;
  }
  .summary-box__bon-box .summary-box__bon {
    padding: 0 !important;
  }
  .summary-box__bon-box .summary-box__bon-container {
    margin: 5px 0 !important;
    padding: 5px 40px 0px;
  }
}
@media only screen and (max-width: 685px) {
  .summary-box.summary-box__summary-section:not(.finalization) {
    padding: 5px 10px;
  }
  .summary-box.summary-box__summary-section:not(.finalization) .summary-box__final-button-box {
    width: 100%;
    display: block;
  }
}
@media all and (max-width: 480px) {
  .summary-box.summary-box__summary-section {
    flex-wrap: wrap;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step:not(.not-fixed) .summary-box__final-price-box {
    display: block;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step:not(.not-fixed) .continue-btn {
    width: 100%;
    margin: 5px 0;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step:not(.not-fixed) .summary-box__final-back {
    text-align: center;
    display: block;
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    font-size: 1em;
    text-transform: none;
    color: #757575;
    border: none;
    border-top: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 10px 0 0 0;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step:not(.not-fixed) .summary-box__final-back:before,
  .summary-box.summary-box__summary-section.summary-box--last-step:not(.not-fixed) .summary-box__final-back:after {
    content: none;
  }
  .summary-box.summary-box__summary-section.summary-box--last-step:not(.not-fixed) .summary-box__final-back:hover {
    background: none;
  }
  .summary-box.summary-box__summary-section.finalization .summary-box__final-back {
    order: 4;
  }
  .summary-box.summary-box__summary-section.finalization:not(.not-fixed) .summary-box__final-button-box {
    padding: 5px 15px;
  }
  .summary-box.summary-box__summary-section.finalization:not(.not-fixed) .continue-btn.btn-accept {
    order: 3;
  }
  .summary-box.summary-box__summary-section.finalization.not-fixed .summary-box__final-button-box {
    flex-direction: column;
  }
  .summary-box.summary-box__summary-section.finalization.not-fixed .summary-box__final-button-box a {
    width: 100%;
  }
  .summary-box__bon-box {
    padding: 0;
    width: 100%;
  }
  .summary-box__bon-box .summary-box__bon-container {
    margin: 5px 0 !important;
    padding: 5px 40px 0px;
  }
  .summary-box__bon-box .summary-box__has-code {
    margin: 5px 0;
  }
  .summary-box__bon-box .summary-box__input-section {
    margin: 5px 0 !important;
  }
  .summary-box__bon-box .summary-box__bon {
    padding: 0 !important;
  }
  .summary-box__edit-nonfixed {
    position: unset !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: none !important;
    border-radius: 7px !important;
  }
  .summary-back-to-basket--mobile-hide {
    display: none !important;
  }
  .summary-back-to-basket--mobile-show {
    display: block !important;
    margin-top: 18px;
    width: 100%;
  }
  .summary-container-nonfixed {
    margin-top: -5px;
  }
}
@media all and (min-width: 480px) {
  .summary-back-to-basket--mobile-hide {
    display: block;
  }
  .summary-back-to-basket--mobile-show {
    display: none;
  }
}

/* jasny niebieski główny kolor */
/* ciemniejszy odcień koloru wiodącego */
/* standardowy kolor tekstu na tle odcieniu wiodącego */
/*Drugorzędny kolor (występuje np. w nagłówkach, nazwa producenta w kafelku...)*/
/* Standardowy kolor ramek (szary) */
/* Dodatkowy kolor ramek (ciemniejszy szary) */
/*Wyszarzone przyciski*/
/* Bazowy kolor tła dla strony */
/* bazowa szerokość elementów */
/* szerokość min dla nawigacji*/
/* kolor czerwony - ważne przyciski / komunikaty błędów itp */
/* kolor tekstów w walidatorach błędów itp */
/*Czarny kolor nagłówków w artykułach*/
/*Standardowy padding w elementach*/
/*Standardowy odstęp*/
/*Standardowy odstęp między sekcjami*/
/* standardowa wartość zaokrąglenia dla przycisków itp */
/* standardowa wartość zaokrąglenia dla inputów */
.top_bar {
  position: relative;
  z-index: 1;
  max-height: 100px;
  min-height: 40px;
  background-repeat: repeat-x;
}
.top_bar .top_bar__item {
  display: flex;
}
.top_bar a {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  height: auto;
  min-height: 40px;
  max-height: 100px;
  color: white;
  font-family: oswald, sans-serif;
  align-items: center;
  cursor: pointer;
  justify-content: center;
}
.top_bar a:hover {
  color: white;
}
.top-bar__text {
  margin-top: auto;
  margin-bottom: auto;
  text-align: center;
  line-height: 100%;
  font-size: 14px;
}
.close_topbar {
  display: flex;
  position: absolute;
  height: 100%;
  width: 40px;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 9999;
}
.close_topbar img {
  margin: auto;
  max-height: 1em;
  height: 100%;
  clear: both;
}
.top_bar-button {
  border: 0.5px dashed white;
  border-radius: 7px;
  padding: 3px 6px 3px 6px;
  margin-left: 10px;
  line-height: 1em;
  font-size: 0.75em;
}
.top_bar-hidden {
  visibility: hidden;
}
@media all and (max-width: 1199px) {
  .top_bar .master-width {
    padding: 0;
  }
}
@media all and (max-width: 450px) {
  .top_bar span {
    font-size: 0.75em;
  }
}

.stars-rating mark:before {
  -webkit-background-clip: text !important;
}

.page-header__logo {
  width: 210px;
  text-align: left;
  height: auto;
}
.page-header__logo svg {
  display: inline-block;
  vertical-align: bottom;
}
.summary-box__prices.summary-box__prices--flex > div {
  width: 50%;
}

