product-sub-list@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i&subset=latin-ext");
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic&subset=latin-ext);
/*! jQuery UI - v1.12.1 - 2016-11-13

* http://jqueryui.com

* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css

* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif

* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
    -ms-touch-action:none;
    touch-action:none
}

.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-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-selectable {
    -ms-touch-action:none;
    touch-action:none
}

.ui-selectable-helper {
    position:absolute;
    z-index:100;
    border:1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action:none;
    touch-action:none
}

.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-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-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-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 #5e9ed6
}

.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("images/ui-icons_444444_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image:url("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("images/ui-icons_555555_256x240.png")
}

.ui-state-active .ui-icon,.ui-button:active .ui-icon {
    background-image:url("images/ui-icons_ffffff_256x240.png")
}

.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon {
    background-image:url("images/ui-icons_777620_256x240.png")
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image:url("images/ui-icons_cc0000_256x240.png")
}

.ui-button .ui-icon {
    background-image:url("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:.3;
    filter:Alpha(Opacity=30)
}

.ui-widget-shadow {
    -webkit-box-shadow:0 0 5px #666;
    box-shadow:0 0 5px #666
}

body {
    background-color: #F0F4F8;
    min-width:300px;
    position:relative
}

h1,h2,h3,h4,h5,h6 {
    font-family:'Roboto', sans-serif;
    font-weight:300
}

#submenu-modal {
    background:rgba(0,0,0,0.5);
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:5000;
    display:none
}

.layout-breadcrumb {
    padding:5px 0;
    margin:0 0 25px 0;
    border-bottom:solid 1px #e9eaee
}

.layout-breadcrumb .breadcrumb {
    background:transparent;
    margin:0;
    font-size:12px
}

.layout-breadcrumb .breadcrumb>li+li::before {
    font:normal normal normal 14px/1 FontAwesome;
    content:"\f0da";
    padding:0 15px;
    color:#a2a2a2
}

.layout-breadcrumb .breadcrumb a {
    color:#a2a2a2
}

.layout-breadcrumb .breadcrumb .active {
    color:#23479f
}

.layout-search {
    background: linear-gradient(to bottom, #054DA1, #0E0359);
}

.layout-search .wrap {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    padding:40px 0
}

@media screen and (max-width: 768px) and (max-width: 1199px) {
    .layout-search .wrap {
        padding:45px 0
    }
}

@media screen and (max-width: 768px) {
    .layout-search .wrap {
        padding-left:20px;
        padding-right:20px
    }
}

.layout-search .wrap .layout-search-logo {
    width:15%;
    text-align:left
}

@media screen and (max-width: 1199px) {
    .layout-search .wrap .layout-search-logo {
        width:23%
    }
}

.layout-search .wrap .layout-search-logo img {
    display:block;
    max-width:100%;
    max-height:50px
}

.layout-search .wrap .layout-search-input {
    width:45%;
    padding:0 10px
}

.layout-search .wrap .layout-search-input input {
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 25px;
    border:none;
    border-bottom:2px solid #0A1D3E;
    background:white;
    background-position:center right
}

.layout-search .wrap .layout-search-select {
    width:22%;
    padding:0 10px
}

.layout-search .wrap .layout-search-select select {
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 15px;
    border:none;
    border-bottom:2px solid #0A1D3E
}

.layout-search .wrap .layout-search-cart {
    display:block;
    width:3%;
    padding:0 10px;
    color:#ffffff;
    text-align:center;
    min-width:50px;
    margin-left: 50px;
}

.layout-search .wrap .layout-search-cart .shopping-cart {
    display:block;
    width:42px;
    height:49px;
    background-image:url("../images/icons/koszyk.png");
    background-repeat:no-repeat;
    position:relative
}

.layout-search .wrap .layout-search-cart .shopping-cart>span {
    display:block;
    position:absolute;
    left:14px;
    right:6px;
    top:0;
    bottom:27px;
    border-radius:100px;
    line-height:22px;
    overflow:hidden;
    font-weight:bold;
    font-size:12px
}

.layout-search .wrap .layout-search-account {
    width:13%;
    color:#ffffff;
    text-align:right;
    font-family:'Roboto', sans-serif
}

@media screen and (max-width: 768px) {
    .layout-search .wrap .layout-search-account {
        width:15%
    }
}

.layout-search .wrap .layout-search-account .layout-search-account-hello {
    font-size:14px
}

.layout-search .wrap .layout-search-account .layout-search-account-my {
    text-transform:uppercase;
    /*color:#33c8ff;*/
    color:#ffffff;
    font-weight:normal;
    letter-spacing:1px;
    font-size:15px
}

.layout-navbar-primary {
    font-size:15px;
    font-weight:700;
    position:relative;
    z-index:6000;
    font-family:'Roboto', sans-serif;
    background: linear-gradient(to bottom, #0E0359, #0E0359);
}

.layout-navbar-primary .nav {
    width:auto;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    flex-direction:row;
    align-items:stretch
}

.layout-navbar-primary .nav li {
    display:flex;
    flex-wrap:nowrap;
    justify-content:center;
    flex-direction:row;
    align-items:stretch;
    width:auto
}

.layout-navbar-primary .nav a {
    padding:20px 10px;
    color:#ffffff;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:color 0.2s ease 0s;
    -webkit-transition:color 0.2s ease 0s;
    -ms-transition:color 0.2s ease 0s;
    -o-transition:color 0.2s ease 0s;
    -moz-transition:color 0.2s ease 0s;
    -khtml-transition:color 0.2s ease 0s
}

.layout-navbar-primary .nav a:hover,.layout-navbar-primary .nav a:focus {
    background-color:#062b57;
    color:#6BD8FF
}

.layout-navbar-primary .nav .active a,.layout-navbar-primary .nav .active a:hover,.layout-navbar-primary .nav .active a:focus {
    background-color:#ffffff;
    color:#33c8ff
}

.layout-navbar-primary .nav .active a:after,.layout-navbar-primary .nav .active a:hover:after,.layout-navbar-primary .nav .active a:focus:after {
    content:" ";
    display:block;
    height:4px;
    background-color:#33c8ff;
    position:absolute;
    bottom:0;
    left:30%;
    right:30%
}

.layout-navbar-primary .submenu {
    margin:auto;
    width:1366px;
    max-width:100%;
    background:#ffffff;
    z-index:6000;
    position:absolute;
    left:0;
    right:0;
    display:none
}

.layout-navbar-primary .submenu .submenu-content {
    padding:0 30px 30px 30px
}

.layout-navbar-primary .submenu .submenu-content a {
    display:block;
    text-decoration:none
}

.layout-navbar-primary .submenu .submenu-content .nav-tabs {
    margin:10px 0;
    display:block
}

.layout-navbar-primary .submenu .submenu-content .nav-tabs li a {
    color:#23479f;
    background:#f3f4f6;
    padding:5px 20px;
    border-bottom:1px solid #ddd
}

.layout-navbar-primary .submenu .submenu-content .nav-tabs li a:hover,.layout-navbar-primary .submenu .submenu-content .nav-tabs li a:focus {
    color:#23479f;
    background:#ffffff
}

.layout-navbar-primary .submenu .submenu-content .nav-tabs li.active a {
    color:#23479f;
    background:#ffffff;
    border-bottom:1px solid transparent
}

.layout-navbar-primary .submenu .submenu-content .nav-tabs li.active a::after {
    display:none
}

.layout-navbar-primary .submenu h3 {
    margin:25px 0 10px;
    text-transform:uppercase;
    color:#23479f;
    font-size:16px;
    font-weight:bold
}

.layout-navbar-primary .submenu .products .name {
    display:block;
    color:#959698;
    font-weight:normal;
    padding-bottom:15px
}

.layout-navbar-primary .submenu .products .cover,.layout-navbar-primary .submenu .products .contain {
    -moz-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    display:block;
    background-position:center;
    background-repeat:no-repeat;
    display:block;
    width:100%;
    height:120px
}

.layout-navbar-primary .submenu .col-product .product {
    border-left:1px solid #e9eaee;
    padding-left:30px
}

.layout-navbar-secondary {
    *zoom:1;
    border-bottom:1px solid #e9eaee;
    font-size:12px;
    font-family:'Roboto', sans-serif
}

.layout-navbar-secondary:after {
    content:"";
    display:table;
    clear:both
}

.layout-navbar-secondary .nav {
    margin:0 0 0 auto;
    width:auto;
    min-width:80%;
    float:right
}

.layout-navbar-secondary .nav a {
    color:#23479f;
    padding:13px 10px;
    text-transform:uppercase;
    white-space:nowrap
}

.layout-navbar-secondary .nav a:hover,.layout-navbar-secondary .nav a:focus {
    background-color:#ffffff;
    color:#23479f
}

.layout-navbar-secondary .nav .info {
    white-space:nowrap;
    color:#000000;
    border-left:1px solid #e9eaee
}

.layout-navbar-secondary .nav .info i {
    color:#868686
}

.layout-navbar-secondary .nav .info span {
    color:#23479f
}

.layout-main-tabs {
    background-color: #EFF4F7;
    padding:0 25px 75px 25px;
    margin:30px 0 0 0
}

.layout-main-tabs .nav li a,.layout-main-tabs .tab-content>a {
    border-color:transparent;
    text-transform:uppercase;
    font-weight:bold;
    margin:0;
    padding:15px 15px;
    font-size:16px;
    line-height:50px;
    color:#808388;
    background-color:#F1F2F6;
    text-decoration:none;
    text-transform:uppercase;
    transition:0.2s ease 0s !important;
    -webkit-transition:0.2s ease 0s !important;
    -ms-transition:0.2s ease 0s !important;
    -o-transition:0.2s ease 0s !important;
    -moz-transition:0.2s ease 0s !important;
    -khtml-transition:0.2s ease 0s !important
}

.layout-main-tabs .nav li a:hover,.layout-main-tabs .tab-content>a:hover {
    border-color:white;
    color:#23479f
}

.layout-main-tabs .nav li a img,.layout-main-tabs .tab-content>a img {
    margin:0 10px 0 0
}

.layout-main-tabs .nav li.active a,.layout-main-tabs .nav li.active a:hover,.layout-main-tabs .nav li.active a:focus,.layout-main-tabs .tab-content>a.active,.layout-main-tabs .tab-content>a.active:hover,.layout-main-tabs .tab-content>a.active:focus,.layout-main-tabs .tab-content>a:hover,.layout-main-tabs .tab-content>a:hover:hover,.layout-main-tabs .tab-content>a:hover:focus {
    border-color:white;
    color:#23479f;
    background-color:#FFFFFF
}

.layout-main-tabs .tab-content>a i.slide-ico:before {
    content:"\f078";
    color:#23479f
}

.layout-main-tabs .tab-content>a.active i.slide-ico:before {
    content:"\f077";
    color:#808388
}

.layout-main-tabs .tab-content {
    padding:30px;
}

.layout-newsletter {
    padding:85px 100px;
    background-color:#3e84d9;
    background-image:url("../images/background/koperty.png");
    background-repeat:no-repeat;
    background-position:center
}

.layout-newsletter .row {
    width:100%;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    margin:0
}

.layout-newsletter-text {
    color:#ffffff;
    font-family:'Roboto', sans-serif;
    font-weight:300
}

.layout-newsletter-text strong {
    display:block;
    font-weight:300;
    font-size:28px
}

.layout-newsletter-text span {
    display:block;
    font-size:16px
}

.layout-newsletter-input input {
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 25px;
    border:none;
    border-bottom:2px solid #062b57
}

.layout-newsletter-input .form-group {
    margin:0
}

.layout-newsletter-input button {
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 25px;
    background-color:#e7ecf2;
    border:none;
    color:#23479f;
    border-bottom:2px solid #062b57
}

.layout-newsletter-input button i {
    color:#c1c4c9
}

.layout-footer {
    position:relative;
    padding:60px 0 20px 0;
    font-size:13px;
    line-height:200%;
    color:#959698;
    background-color: #EFF4F8 !important;
}

.layout-footer strong {
    font-family:'Roboto', sans-serif;
    display:block;
    color:#000000;
    font-weight:300;
    margin-bottom:20px;
    font-size:14px
}

.layout-footer-data {
    float:right;
    width:22%;
    padding-right:20px
}

@media screen and (max-width: 1279px) {
    .layout-footer-data {
        width:33%
    }
}

.layout-footer-contact {
    flex-wrap:nowrap;
    justify-content:space-around;
    align-items:center;
    /*font-family:'Roboto', sans-sefir;*/
    font-weight:300;
    font-size:13px
}

.layout-footer-contact>div:first-child b {
    font-weight:300;
    font-size:14px;
    color:black
}

.layout-footer-contact>div:last-child b {
    font-weight:700;
    font-size:13px
}

.layout-footer-contact>div {
    padding-top:30px;
    overflow:hidden
}

.layout-footer-contact>div img {
    float:left
}

.layout-footer-contact>div>span {
    padding-left:20px;
    display:block;
    float:left
}

.layout-footer-row {
    width:64%;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:flex-start;
    padding-left:20px;
    font-size:12px;
    line-height:200%
}

.layout-footer-row a {
    color:#445570
}

.layout-footer-row a:hover {
    color:#23479f;
    text-decoration:none
}

.layout-footer-row>div {
    flex:1 0 auto;
    -webkit-flex:1 0 auto
}

.layout-footer-row strong {
    text-transform:uppercase
}

.layout-footer-row ul {
    margin:5px 0;
    padding:0;
    list-style-type:none
}

.layout-paymentMethods {
    border-top:1px solid #e3e6eb;
    clear:both;
    margin-top:25px;
    padding-top:25px
}

.layout-paymentMethods img {
    max-width:100%
}

@media screen and (max-width: 1157px) {
    .layout-paymentMethods {
        text-align:center
    }
}

.layout-copyright {
    clear:both;
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    flex-direction:row-reverse;
    align-items:center;
    margin:25px 0 0 0;
    padding:25px 0;
    border-top:1px solid #e3e6eb;
    color:#a4a8ab;
    font-size:12px;
    font-weight:300
}

.layout-copyright .copyright {
    text-align:left;
    margin-left:25px
}

.layout-copyright .socialmedia {
    text-align:right;
    margin-right:25px
}

.layout-copyright .socialmedia a {
    margin:0 0 0 15px
}

.layout-navbar-md {
    text-align:right
}

.layout-navbar-md>a {
    line-height:54px;
    padding:0 15px;
    color:#23479f
}

.layout-navbar-md .show-menu-primary,.layout-navbar-md .show-menu-secondary {
    margin:0;
    padding:10px 25px;
    border:none;
    font-size:24px
}

.layout-navbar-md .show-menu-primary {
    width:98px;
    background-color:#1e398f;
    color:#ffffff
}

.layout-navbar-md .show-menu-secondary {
    background-color:#ecf0f3;
    color:#33c8ff
}

.layout-navbar-md .layout-navbar-primary {
    left:0
}

.layout-navbar-md .layout-navbar-primary .nav-close,.layout-navbar-md .layout-navbar-primary .nav-back {
    text-align:left;
    color:#33c8ff
}

.layout-navbar-md .layout-navbar-primary .nav-close i.hide-action,.layout-navbar-md .layout-navbar-primary .nav-back i.hide-action {
    color:#ffffff;
    margin-right:10px
}

.layout-navbar-md .layout-navbar-primary .nav a {
    text-align:left;
    margin:0 0 0 25px;
    font-weight:normal;
    border-bottom:solid 1px #2c5f9e;
    padding:10px 5px
}

.layout-navbar-md .layout-navbar-primary .nav a.active {
    font-weight:bold;
    color:#33c8ff
}

.layout-navbar-md .layout-navbar-secondary {
    background-color:#ecf0f3;
    color:#33c8ff;
    right:0
}

.layout-navbar-md .layout-navbar-secondary .nav-close,.layout-navbar-md .layout-navbar-secondary .nav-back {
    text-align:right;
    color:#33c8ff;
    font-size:16px;
    font-weight:bold
}

.layout-navbar-md .layout-navbar-secondary .nav-close i.hide-action,.layout-navbar-md .layout-navbar-secondary .nav-back i.hide-action {
    color:#ffffff;
    margin-right:10px
}

.layout-navbar-md .layout-navbar-secondary .nav {
    width:100%
}

.layout-navbar-md .layout-navbar-secondary .nav a {
    text-align:right;
    margin:0 25px 0 0;
    font-weight:normal;
    border-bottom:solid 1px #d4d8db;
    padding:15px 5px 15px 5px
}

.layout-navbar-md .layout-navbar-secondary .nav a:hover,.layout-navbar-md .layout-navbar-secondary .nav a:focus {
    background:transparent
}

.layout-navbar-md .layout-navbar-secondary .nav a.active {
    font-weight:bold;
    color:#33c8ff
}

.layout-navbar-md .layout-navbar-secondary .nav .info {
    padding:20px 0
}

.layout-navbar-md .layout-navbar-primary,.layout-navbar-md .layout-navbar-secondary {
    -moz-transition:width .3s;
    -o-transition:width .3s;
    -webkit-transition:width .3s;
    transition:width .3s;
    width:0;
    overflow:hidden;
    position:absolute;
    top:0;
    bottom:0;
    box-shadow:0 0 3px #000000
}

.layout-navbar-md .layout-navbar-primary .nav,.layout-navbar-md .layout-navbar-secondary .nav {
    display:block
}

.layout-navbar-md .layout-navbar-primary .nav li a,.layout-navbar-md .layout-navbar-secondary .nav li a {
    width:100%;
    margin:0
}

.nav-close,.nav-back {
    line-height:43px;
    padding:5px;
    cursor:pointer;
    border-bottom:1px solid #5f85b4
}

.nav-close i,.nav-back i {
    font-size:24px;
    vertical-align:top;
    margin-top:8px
}

.layout-navbar-md .layout-navbar-primary,.layout-navbar-md .layout-navbar-secondary {
    width:300px;
    transition:margin 0.3s
}

.layout-navbar-md .layout-navbar-primary {
    margin-left:-300px
}

.layout-navbar-md .layout-navbar-secondary {
    margin-right:-300px
}

.laytout-body {
    transition:margin 0.3s
}

@media screen and (max-width: 1159px) {
    .layout-footer {
        margin-top:0;
        margin-bottom:0
    }

    .layout-footer-logo img {
        width:150px
    }

    .layout-footer-contact {
        display:flex
    }

    .layout-footer-data {
        float:none;
        width:100%;
        padding:20px;
        border-bottom:1px solid #e3e6eb;
        display:flex;
        flex-wrap:nowrap;
        justify-content:space-around;
        align-items:center;
        padding-top:0
    }

    .layout-footer-row {
        width:100%;
        padding:20px
    }

    .layout-footer-logo {
        padding-right:15px
    }

    .layout-copyright {
        margin:50px 0 0 0;
        padding:20px 0
    }

    .layout-copyright .copyright {
        margin-left:20px
    }

    .layout-copyright .socialmedia {
        margin-right:20px
    }
}

@media screen and (max-width: 1199px) {
    .visible-menu-primary .laytout-body,.visible-menu-primary .layout-newsletter,.visible-menu-primary .layout-footer {
        margin:0 -300px 0 300px
    }

    .visible-menu-primary .layout-navbar-md .layout-navbar-primary {
        margin-left:0
    }

    .visible-menu-secondary .laytout-body,.visible-menu-secondary .layout-newsletter,.visible-menu-secondary .layout-footer {
        margin:0 300px 0 -300px
    }

    .visible-menu-secondary .layout-navbar-md .layout-navbar-secondary {
        margin-right:0
    }

    .layout-search .layout-search-logo {
        width:25%
    }

    .layout-search .layout-search-input {
        width:40%
    }

    .layout-search .layout-search-select {
        display:none
    }

    .layout-search .layout-search-cart {
        width:10%
    }

    .layout-search .layout-search-account {
        width:25%
    }

    .layout-main-tabs {
        padding:0 20px 20px 20px
    }

    .layout-newsletter {
        padding:20px 0px
    }
}

.submenu {
    padding-top:10px
}

.submenu .tab-pane {
    display:none;
    margin:0 -15px
}

.submenu .tab-pane.active {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-align-items:stretch;
    align-items:stretch
}

.submenu .tab-pane>div {
    -webkit-flex:0 0 20%;
    flex:0 0 20%;
    border-right:1px solid #e9eaee;
    padding:0 15px
}

.submenu .tab-pane>div:last-of-type {
    border-right:0
}

.submenu .tab-pane h5 {
    font-weight:bold;
    color:#062b57;
    text-transform:uppercase;
    padding:13px 0 10px 0;
    margin:0
}

.submenu .tab-pane h5.first {
    padding:13px 0 10px 0
}

.submenu .tab-pane a {
    display:block;
    font-size:14px;
    color:#4b525c;
    font-weight:normal;
    margin:10px 0;
    padding-left:13px;
    position:relative
}

.submenu .tab-pane a:before {
    color:#959698;
    font-size:11px;
    content:">";
    font-weight:normal;
    margin-right:5px;
    position:absolute;
    left:0;
    top:2px
}

.submenu .tab-pane a.image {
    margin-bottom:15px
}

.submenu .tab-pane a.image img {
    width:100%
}

.submenu .tab-pane a.image:before {
    display:none
}

@media screen and (max-width: 1400px) {
    #submenu-all .tab-pane>div {
        -webkit-flex:1 0 33.3%;
        flex:1 0 33.3%
    }

    #submenu-all .tab-pane>div:nth-of-type(3n+3) {
        border-right:0
    }
}

.description h2 {
    color:#23479f;
    font-size:28px;
    margin:40px 0 50px
}

.description img.pull-right {
    padding:10px 0 10px 10px
}

.description img.pull-left {
    padding:10px 10xp 10px 0
}

@media screen and (max-width: 768px) {
    .description img.pull-right,.description img.pull-left {
        padding:10px 10xp 10px 0;
        max-width:50%
    }
}

@media screen and (max-width: 360px) {
    .description h2 {
        margin:10px 0 20px
    }

    .description img.pull-right,.description img.pull-left {
        padding:0 0 10px 0;
        float:none;
        max-width:100%
    }
}

.product {
    -webkit-flex-shrink:0;
    flex-shrink:0;
    -webkit-flex-grow:0;
    flex-grow:0;
    padding:20px;
    position:relative
}

.product .cover,.product .contain {
    -moz-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    display:block;
    width:100%;
    padding-top:71.42%
}

.product.big-image .cover,.product.big-image .contain {
    height:400px
}

.product .name {
    display:block;
    color:#a2a2a2;
    margin:20px 0 10px 0;
    text-transform:uppercase;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}

.product .price {
    display:block;
    position:relative;
    z-index:1;
    color:#064DA2;
    font-weight:bold;
    font-size:16px
}

.product .price:before {
    /*border-top:1px solid #e9eaee;*/
    content:"";
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:95%;
    z-index:-1
}

.product .price span {
    /*padding:0 15px 0 0*/
}

.product .cart {
    margin-top:20px;
    float:right;
}

.product .cart a {
    color:#ffffff;
    background:#23479f;
    border:1px solid #23479f;
    font-size:16px;
    margin-top:20px;
    padding:4px 11px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.product .cart a:hover {
    color:#23479f;
    background:#fff
}

.product .tag {
    position:absolute;
    right:0;
    margin:0;
    top: 25px;
    z-index:1;
    padding:0 20px 0 15px
}

.product .tag span {
    border-radius:50px;
    padding:8px 12px
}

.product .tag .top {
    background-color:#46c381;
    color:#ffffff
}

.product .tag .bestseller {
    background-color:#fcc42f;
    color:#ffffff
}

.product .tag .new {
    background-color:#2bade7;
    color:#ffffff
}

.product .tag .sale {
    background-color:#e33f1a;
    color:#ffffff
}

.noBigImage .product.big-image .cover {
    height:150px
}

.products-list {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    position:relative;
    margin-bottom:50px
}

.products-list .filter {
    -webkit-flex:0 0 270px;
    flex:0 0 270px;
    -moz-transition:.3s ease, left .3s ease;
    -o-transition:.3s ease, left .3s ease;
    -webkit-transition:.3s ease, left .3s ease;
    width:270px;
    border:solid 1px #BCCDE5;
    padding:0 15px;
    background:#ffffff;
    border-radius: 30px;
    padding-bottom: 20px;
}

.products-list .filter-button {
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    background-color:#23479f;
    color:#ffffff;
    text-transform:uppercase;
    text-align:center;
    font-weight:bold;
    position:fixed;
    left: 0px;
    z-index: 20001;
    height:90px;
    top:210px;
    cursor:pointer;
    display:none;
}

.products-list .filter strong {
    color:#23479f;
    font-size:18px;
    display:block;
    margin:25px 0 20px 0;
    font-weight:normal;
    position:relative;
    z-index:1;
    text-transform:uppercase
}

.products-list .filter strong:before {
    border-top:1px solid #e9eaee;
    content:"";
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:95%;
    z-index:-1
}

.products-list .filter strong span {
    background:#fff;
    padding:0 15px 0 0
}

.products-list .filter ul.category,.products-list .filter ul.category ul {
    list-style:none;
    padding-left:0
}

.products-list .filter ul.category ul {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    overflow:hidden;
    max-height:0;
    background:#F3F4F6;
    margin:0 -15px;
    padding:0 20px
}

.products-list .filter ul.category ul li a {
    line-height:28px;
    position:relative;
    display:block;
    color:#000002;
    text-decoration:none
}

.products-list .filter ul.category ul li a span {
    display:inline-block;
    margin:0 0 0 10px
}

.products-list .filter ul.category ul li a::before {
    width:3px;
    height:7px;
    display:inline-block;
    content:'';
    background:url("../images/icons/listStyleGrey.png");
    position:absolute;
    top:11px
}

.products-list .filter ul.category ul li a:hover,.products-list .filter ul.category ul li a.active {
    text-decoration:none;
    color:#2445A2
}

.products-list .filter ul.category ul li a:hover::before,.products-list .filter ul.category ul li a.active::before {
    background:url("../images/icons/listStyleBlue.png")
}

.products-list .filter ul.category>li {
    border-bottom:1px solid #e9eaee;
    position:relative
}

.products-list .filter ul.category>li i.slide-ico {
    position:absolute;
    right:0;
    top:2px
}

.products-list .filter ul.category>li i.slide-ico:before {
    content:"\f105";
    color:#808388
}

.products-list .filter ul.category>li.active ul {
    padding:30px 20px;
    max-height:750px
}

.products-list .filter ul.category>li.active i.slide-ico:before {
    content:"\f107";
    color:#23479f
}

.products-list .filter ul.category li {
    cursor:pointer
}

.products-list .filter ul.category li.active {
    color:#23479f;
    font-weight:bold
}

.products-list .filter ul.category li.active li:not(.active) {
    color:#000000;
    font-weight:normal
}

.products-list .filter ul.category span {
    display:block;
    margin:10px 0
}

.products-list .filter ul.category span a {
    color:inherit
}

.products-list .filter ul.category span a:hover {
    color:inherit;
    text-decoration:none
}

.products-list .filter label {
    width:100%;
    font-weight:normal
}

.products-list .filter label input {
    margin-right:10px;
    vertical-align:top;
    margin-top:3px
}

.products-list .filter .badge {
    background:#ffffff;
    color:#a2a2a2;
    float:right
}

.products-list .list {
    padding:0 0 0 30px;
    width:100%
}

.products-list .list .description {
    *zoom:1
}

.products-list .list .description:after {
    content:"";
    display:table;
    clear:both
}

.products-list .list .description h2 {
    color:#23479f;
    font-weight:normal
}

.products-list .list .description p {
    text-align:justify
}

.products-list .list .description img {
    float:right;
    margin-left:35px
}

.products-list .list .filters {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    padding:2px 0;
    margin:4px 0;
    /*border-top:1px solid #e9eaee;*/
    /*border-bottom:2px solid #e9eaee;*/
    color:#a2a2a2
}

.products-list .list .filters .view i {
    margin:0 5px 0 0
}

.products-list .list .filters .view .active {
    color:#000000
}

.products-list .list .filters .count span {
    color:#23479f
}

.products-list .list .filters input,.products-list .list .filters select {
    border-radius:50px;
    border:1px solid #e9eaee;
    padding:3px 5px;
    color:#062b57
}

.products-list .list .products {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
    border-bottom:2px solid #e9eaee;
    padding:10px 0 50px 0;
    margin:0 0 10px 0;
    gap: 20px; /* odstęp między elementami */
}

.products-list .list .products .product {
    width: calc((100% - 40px) / 3);
}

@media screen and (max-width: 1000px) {
    .products-list .list .products .product {
        width:50%
    }
}

.products-list .list .pagination {
    float:right
}

.pagination li>a,.pagination li>span {
    background:transparent;
    border:0;
    border-radius:100px !important;
    color:#23479f;
    margin:0 1px
}

.pagination li.next>span,.pagination li.next>a,.pagination li.prev>span,.pagination li.prev>a {
    background:#ffffff;
    border:solid 1px #e9eaee
}

.pagination li.active a {
    color:#23479f;
    font-weight:bold;
    background:transparent
}

@media screen and (max-width: 1199px) {
    .products-list {
        display:block;
        padding:0 30px
    }

    .products-list .filter {
        -moz-box-shadow:0 0 8px -4px #000;
        -webkit-box-shadow:0 0 8px -4px #000;
        box-shadow:0 0 8px -4px #000;
        position:fixed;
        overflow-y:auto;
        z-index:10;
        top:0;
        bottom:0;
        left:-270px
    }

    .products-list .list {
        padding-left:0 !important;
        padding-right:0 !important
    }

    .products-list .filter.active {
        left:0;
        display: block;
    }

    .products-list .filter-button.active {
        left: 270px;
    }

    .products-list .filter-button {
        left:0px
    }
}

@media screen and (max-width: 768px) {
    .products-list {
        padding:0
    }

    .products-list .description {
        padding:0 20px
    }

    .products-list .description img {
        max-width:100%
    }
}

.ui-slider {
    background:#E4E7EC;
    height:8px;
    border-radius:4px
}

.ui-slider,.ui-slider.ui-widget.ui-widget-content {
    border:none;
    border-top:1px solid #B6BABD
}

.ui-slider .ui-slider-handle {
    height:18px;
    background:#376CBC;
    border-radius:18px;
    top:-6px;
    border:4px solid #3E84DA;
    box-shadow:1px 1px 1px rgba(0,0,0,0.1),inset 1px 1px 1px rgba(0,0,0,0.1)
}

.ui-slider .ui-slider-range {
    background:#90B5E2;
    border-top:1px solid #7A9FCC;
    top:-1px;
    height:8px;
}

.ui-slider+.values {
    margin-top:15px;
    color:#2447A3;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:space-between;
    justify-content:space-between
}

@media screen and (max-width: 768px) {
    .products-list .list .filters {
        padding-left:20px;
        padding-right:20px
    }

    .products-list .list .filters>div {
        margin-bottom:5px
    }

    .products-list .list .filters>div:last-child {
        margin-bottom:0
    }
}

@media screen and (max-width: 519px) {
    .product {
        margin: 0 ;
        background-color: white;
        border-radius: 30px;
        border: solid 1px #B4C7E2;
        box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
}
@media screen and (min-width: 520px) {
    .product {
        margin: 0;
        margin-bottom: 20px;
        background-color: white;
        border-radius: 30px;
        border: solid 1px #B4C7E2;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
}
.productFull {
    background-color: transparent !important;
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
}

.product>.description {
    display:block;
    margin:0 0 55px 0;
    color:#a2a2a2;
    text-align:justify
}

.product .info {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-align-items:flex-start;
    align-items:flex-start
}

.product .info>div {
    width:50%
}

.product .info h1 {
    color:#000;
    margin:0 0 20px 0;
    padding:0;
    font-weight:600;
    text-transform:uppercase
}

@media screen and (max-width: 1099px) {
    .product .info h1 {
        margin: 20px 0 !important;
    }
}
.product .info .product-left {
    position:relative;
    padding:20px;
}

.product .info .product-left .main-photo {
    -moz-background-size:contain;
    -o-background-size:contain;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    margin-top: 20px;
    height:400px;
    width:100%
}

.product .info .product-left .mini-photos {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    position:relative;
    margin:0 -10px;
    padding:10px 0
}

.product .info .product-left .mini-photos .mini-photo {
    width:33.3%;
    padding:10px
}

.product .info .product-left .mini-photos .mini-photo>a {
    display:block
}

.product .info .product-left .mini-photos .mini-photo>a>span {
    display:block;
    -moz-background-size:contain;
    -o-background-size:contain;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    height:150px;
    background-position:center center
}

.product .info .product-right {
    padding:0 0 0 20px
}

.product .info .product-right .description {
    color:#959698;
    text-align:justify;
    margin-bottom:20px
}

.product .info .product-right .attributes-list {
    color:#000000;
    margin:30px 0
}

.product .info .product-right .attributes-list ul {
    padding:0 0 0 15px
}

.product .info .product-right .attributes-list ul li {
    color:#23479f
}

.product .info .product-right .attributes-list ul li span {
    color:#000000
}

.product .info .product-right .attributes {
    color:#959698
}

.product .info .product-right .attributes .attribute {
    margin:5px 0
}

.product .info .product-right .attributes .attribute span {
    color:#23479f
}

.product .info .product-right .status {
    /*margin:30px 0 10px 0;*/
    color:#49c181
}
.productFull .wariantInfo .product {
    border: solid 0px !important;
    box-shadow: none;
}
.product .info .product-right .status .termin_wysylki {
    padding-left:5px !important
}

.product .info .product-right .status .termin_wysylki img {
    margin-left:5px
}

.product .info .product-right .price {
    display:block;
    max-width: 50%;
    position:relative;
    z-index:1;
    color:#e33f1a;
    font-size:48px;
    line-height:60px;
    margin:10px 0 5x 0;
    font-weight:400;
    clear: both;
}
.doKoszykaGlowny {
    border-radius: 20px;
}
.product .info .product-right .price:before {
    content:"";
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:95%;
    z-index:-1
}

.product .info .product-right .price span {
    padding:0 15px 0 0;

}
@media screen and (max-width: 519px) {
    .product .info .product-right .price {
        container-type: inline-size;
    }
    .product .info .product-right .price span {
        padding: 0 15px 0 0;
        font-size: clamp(24px, 8cqi, 72px);
    }
}
.product .info .product-right .price>span>span {
    font-size:30px
}
@media screen and (min-width: 520px) {
    .product .info .product-right .dodajDoKoszyka {
        margin-top: -50px;
        float: right;
    }
}
@media screen and (max-width: 519px) {
    .product .info .product-right .dodajDoKoszyka {
        margin-top: 20px;
    }
}
.product .info .product-right .tag {
    font-weight:300;
    /*position:absolute;*/
    /*right:0;*/
    /*margin-top:-89px;*/
    /*background:#ffffff;*/
    z-index:1;
    padding:0 25px 0 15px
}

.product .info .product-right .tag span {
    border-radius:50px;
    padding:8px 12px
}

.product .info .product-right .tag .top {
    background-color:#46c381;
    color:#ffffff
}

.product .info .product-right .tag .bestseller {
    background-color:#fcc42f;
    color:#ffffff
}

.product .info .product-right .tag .new {
    background-color:#2bade7;
    color:#ffffff
}

.product .info .product-right .tag .sale {
    background-color:#e33f1a;
    color:#ffffff
}

.product .info .product-right .actions a {
    display:inline-block;
    width:auto;
    margin:3px 0;
    text-decoration:none
}

.product.details .info .product-right .description {
    color:#000000
}

.product-sub-list {
    text-align:center
}

.product-sub-list .title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    box-sizing: border-box;

    font-size: 24px;
    font-weight: 700;
    padding: 30px 24px;
    margin: 0 auto;

    color: #003f86;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
}

.product-sub-list .title::before,
.product-sub-list .title::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #b9cbe0;
}

.product-sub-list .title::before {
    margin-right: 32px;
}

.product-sub-list .title::after {
    margin-left: 32px;
}

.product-sub-list .content {
    text-align:left;
    /*background:#ffffff*/
}

.product-sub-list .list {
    padding:0 !important
}

.product-sub-list .list .products {
    border:0;
    margin:0;
    padding:0
}

.product-sub-list .list .products .product {
    width: calc((100% - 60px) / 4);
}

.layout-main-tabs:not(:first-of-type) {
    margin-top:0;
    padding-top:0
}

.add-to-cart,.product .cart a {
    display:block;
    color:#ffffff;
    background:#2447A1;
    border:1px solid #2447A1;
    font-size:16px;
    margin-top:20px;
    padding:0 20px 0 20px !important;
    text-transform:uppercase;
    font-weight:600;
    height:40px;
    line-height:38px;
    text-decoration:none;
    border-radius: 20px;
    /*background-repeat:no-repeat;*/
    /*background-image:url("../images/cart.png");*/
    /*background-position:10px center;*/
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.add-to-cart i.fa,.product .cart a i.fa {
    display:none
}

.add-to-cart:hover,.product .cart a:hover {
    background-color:#062B57;
    /*background-repeat:no-repeat;*/
    /*background-image:url("../images/cart.png");*/
    color:white;
    background-position:10px center;
    text-decoration:none;
    font-weight: 600;
}

.add-to-cart:focus,.add-to-cart:active,.product .cart a:focus,.product .cart a:active {
    color:white
}

.news-button {
    text-align:center;
    padding:0 0 20px 0;
    margin:0 0 20px 0
}

.news-button .badge {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    background-color:#ffffff;
    color:#7E8387;
    padding:10px 20px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:normal
}

.news-button .badge.active {
    background-color:#23479f;
    color:#ffffff
}

.news-button .badge:hover,.news-button .badge:focus {
    color:#a2a2a2
}

.news .news-row {
    box-sizing:border-box;
    padding:0 10px 60px 10px;
    width:25%
}

.news .news-row .news-image {
    display: block;
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom:20px
}

.news .news-row .news-text {
    *zoom:1;
    font-size:16px
}

.news .news-row .news-text:after {
    content:"";
    display:table;
    clear:both
}

.news .news-row .news-text .badge {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    padding:8px 16px;
    background:#ffffff;
    color:#084FA2;
    border:1px solid #CCDAEB;
    float:right;
    margin:15px 0 0 0;
    text-transform:uppercase
}

.news .news-row .news-text .news-desc {
    margin-top:10px;
    font-size:14px
}

.news .news-row .news-text .news-name {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap !important
}

.producers-list {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:stretch;
    align-items:stretch;
    -webkit-align-content:stretch;
    align-content:stretch;
    overflow:hidden;
    position:relative
}

.producers-list .produces-element {
    -webkit-flex:0 0 20%;
    flex:0 0 20%;
    background:#ffffff;
    padding:40px;
    border:solid 1px #E6E9EE;
    border-right:0;
    margin-bottom:-1px
}

@media screen and (min-width: 1200px) {
    .producers-list .produces-element:nth-child(5n+1) {
        border-left:0
    }

    .producers-list .produces-element:nth-child(1),.producers-list .produces-element:nth-child(2),.producers-list .produces-element:nth-child(3),.producers-list .produces-element:nth-child(4),.producers-list .produces-element:nth-child(5) {
        border-top:0
    }
}

@media screen and (min-width: 700px) and (max-width: 1199px) {
    .producers-list .produces-element {
        -webkit-flex:0 0 33%;
        flex:0 0 33%
    }

    .producers-list .produces-element:nth-child(3n+1) {
        border-left:0
    }

    .producers-list .produces-element:nth-child(1),.producers-list .produces-element:nth-child(2),.producers-list .produces-element:nth-child(3) {
        border-top:0
    }
}

@media screen and (max-width: 699px) and (min-width: 520px) {
    .producers-list .produces-element {
        -webkit-flex:0 0 50%;
        flex:0 0 50%
    }

    .producers-list .produces-element:nth-child(2n+1) {
        border-left:0
    }

    .producers-list .produces-element:nth-child(1),.producers-list .produces-element:nth-child(2) {
        border-top:0
    }
}

@media screen and (max-width: 519px) {
    .producers-list .produces-element {
        -webkit-flex:0 0 100%;
        flex:0 0 100%
    }

    .producers-list .produces-element:nth-child(1n+1) {
        border-left:0
    }

    .producers-list .produces-element:nth-child(1) {
        border-top:0
    }
}

.producers-list .produces-element .image {
    -moz-background-size:contain;
    -o-background-size:contain;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    width:100%;
    height:160px;
    margin:0 0 30px 0
}

.producers-list .produces-element .text {
    text-align:justify;
    color:#919296;
    margin:0 0 30px 0;
    font-size:13px;
    line-height:1.4em;
    font-weight:300;
    text-align-last:center
}

.producers-list .produces-element .actions {
    text-align:center
}

.producers-list .produces-element .actions .more,.producers-list .produces-element .actions .products {
    text-align:center;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    padding:8px 16px;
    background:#ffffff;
    text-transform:uppercase;
    font-size:13px;
    font-weight:normal;
    display:inline-block;
    margin:5px
}

.producers-list .produces-element .actions .more {
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    background:#ffffff;
    color:#a2a2a2;
    border:1px solid #a2a2a2
}

.producers-list .produces-element .actions .more:hover {
    color:white;
    background:#a2a2a2
}

.producers-list .produces-element .actions .products {
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    background:#23479f;
    color:#ffffff;
    border:1px solid #23479f
}

.producers-list .produces-element .actions .products:hover {
    color:#23479f;
    background:white
}

.study {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    padding:0 0 60px 0;
    margin:-20px 0 30px 0;
    border-bottom:1px solid #e9eaee
}

.study .study-image {
    -webkit-flex:0 0 40%;
    flex:0 0 40%;
    -moz-background-size:contain;
    -o-background-size:contain;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    height:350px
}

.study .study-text {
    -webkit-flex:1;
    flex:1;
    padding-left:40px
}

.study ul {
    margin:20px 0;
    padding:0 0 0 15px
}

.study ul li {
    color:#23479f;
    margin:7px 0;
    padding:0 0 0 10px
}

.study ul li span {
    color:#000000
}

.study-news {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    padding:0 0 60px 0;
    margin:-20px 0 30px 0;
    border-bottom:1px solid #e9eaee
}

.study-news .study-news-item {
    -webkit-flex:0 0 25%;
    flex:0 0 25%;
    padding:0 20px
}

.study-news .study-news-item .image {
    -moz-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    height:170px;
    margin-bottom:20px
}

.study-news .study-news-item .badge {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    padding:8px 16px;
    background:#ffffff;
    color:#a2a2a2;
    border:1px solid #a2a2a2;
    margin:15px 0 0 0;
    text-transform:uppercase
}

.news-map {
    text-align:center
}

.layout-text .service .service-description {
    background-color:#f7f8fa;
    padding:28px;
    margin:10px
}

.layout-text .service .service-list {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:streach;
    align-items:streach
}

.layout-text .service .service-list .service-item {
    -webkit-flex:0 0 25%;
    flex:0 0 25%;
    padding:15px 6px 30px 6px
}

.layout-text .service .service-list .service-item .item-image {
    -moz-background-size:cover;
    -o-background-size:cover;
    -webkit-background-size:cover;
    background-size:cover;
    background-position:center;
    height:315px;
    position:relative
}

.layout-text .service .service-list .service-item .item-image .item-image-text {
    background-color:rgba(49,78,112,0.5);
    position:absolute;
    padding:18px;
    bottom:0;
    left:0;
    right:0;
    color:#ffffff
}

.layout-text .service .service-list .service-item .item-description-text {
    padding:10px 0;
    text-align:justify
}

.layout-text .service .service-list .service-item .item-description-text a.badge {
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    border-radius:20px;
    padding:8px 16px;
    background:#ffffff;
    color:#a2a2a2;
    border:1px solid #a2a2a2;
    margin:20px 0 0 0;
    text-transform:uppercase
}

#contactPage .wrap {
    /*background:white*/
}

.contact {
    font-weight:400;
    font-family:'Roboto', sans-serif
}

.contact .layout-main-tabs ul.nav li a {
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    padding-right:15px;
}

.contact .contact-row {
    padding:15px 0 35px 0
}

.contact .contact-row>span {
    font-size:18px
}

.contact .contact-row .contact-list {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
    padding:5px 0
}

.contact .contact-row .contact-list .contact-item {
    -webkit-flex:0 0 25%;
    flex:0 0 25%;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
    font-weight:300
}

.contact .contact-row .contact-list .contact-item .contact-item-ico {
    -webkit-flex:0 0 50px;
    flex:0 0 50px
}

.contact .contact-row .contact-list .contact-item .contact-item-text {
    font-size:18px;
    -webkit-flex:1;
    flex:1
}

.contact .contact-row .contact-list .contact-item .contact-item-text .blue {
    color:#23479f
}

@media screen and (max-width: 699px) {
    .contact .contact-row .contact-list .contact-item {
        -webkit-flex:0 0 50%;
        flex:0 0 50%
    }
}

@media screen and (max-width: 399px) {
    .contact .contact-row .contact-list .contact-item {
        -webkit-flex:0 0 100%;
        flex:0 0 100%
    }
}

.contact .contact-row>small {
    display:block;
    padding:15px 0 0 0;
    color:#959698;
    font-weight:300
}

.contact .map {
    margin:0 -30px
}

.contact .map iframe {
    width:100%;
    height:250px
}

.contact .workers .workers-item {
    visibility:hidden;
    display:block;
    height:0;
    margin-bottom:0
}

.contact .workers .workers-item.active {
    visibility:visible !important;
    height:auto !important;
    margin-bottom:15px !important
}

.contact .workers .workers-item .workers-subgroup {
    overflow:hidden;
    clear:both;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:stretch;
    align-items:stretch
}

.contact .workers .workers-item .workers-subgroup .item {
    -webkit-flex:0 0 50%;
    flex:0 0 50%;
    padding:5px 10px
}

.contact .workers .workers-item .workers-subgroup .item .item-outer {
    position:relative;
    border:1px solid #f5f6f8
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
    position:relative;
    left:-8px;
    top:-8px;
    padding:16px;
    border:1px solid #eaedf2
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-foto a {
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    display:block;
    background:#23479f;
    color:#ffffff;
    text-align:center;
    width:185px;
    padding:4px;
    line-height:32px;
    margin:0 auto;
    font-weight:600;
    text-decoration:none;
    transition:background 0.3s ease 0s;
    -webkit-transition:background 0.3s ease 0s;
    -ms-transition:background 0.3s ease 0s;
    -o-transition:background 0.3s ease 0s;
    -moz-transition:background 0.3s ease 0s;
    -khtml-transition:background 0.3s ease 0s
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-foto a:hover {
    background:#062B57
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-foto a img {
    margin-left:10px
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description {
    margin-left:15px;
    padding:5px
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description h5 {
    font-weight:400;
    font-size:18px;
    margin:0
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description small {
    display:block;
    color:#898989;
    padding-bottom:20px
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description .data-row {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
    font-weight:300;
    margin:5px 0
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description .data-row.big {
    font-size:18px
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description .data-row>img {
    margin-right:10px
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description .data-row>div {
    -webkit-flex:1;
    flex:1
}

.contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner .item-description .data-row .strong {
    font-weight:400
}

@media screen and (max-width: 1099px) {
    .contact .workers .workers-item .workers-subgroup {
        -webkit-justify-content:center;
        justify-content:center
    }

    .contact .workers .workers-item .workers-subgroup .item {
        -webkit-flex:0 0 50%;
        flex:0 0 50%
    }
}

@media screen and (max-width: 599px) {
    .contact .workers .workers-item .workers-subgroup .item {
        padding-top:20px;
        border-bottom:1px solid #F5F6F8;
        -webkit-flex:0 0 100%;
        flex:0 0 100%
    }

    .contact .workers .workers-item .workers-subgroup .item:first-child {
        padding-top:10px
    }

    .contact .workers .workers-item .workers-subgroup .item .item-outer {
        border:none
    }

    .contact .workers .workers-item .workers-subgroup .item .item-outer .item-inner {
        border:none;
        padding:0 0 50px
    }

    .contact .workers .workers-item .workers-subgroup .item .item-foto {
        position:absolute;
        bottom:10px;
        left:0;
        right:0;
        margin:0 auto
    }

    .contact .workers .workers-item .workers-subgroup .item .item-foto img {
        display:none
    }
}

.workers {
    margin:20px;
    font-family:'Roboto', sans-serif;
    color:#000000
}

.workers .workers-header {
    padding:15px 55px 15px 25px;
    background:#eaedf2;
    color:#7f8289;
    text-transform:uppercase;
    font-size:24px;
    font-weight:300;
    display:block;
    margin:0 -20px 20px -20px;
    text-decoration:none;
    position:relative
}

.workers .workers-header::after,.workers .workers-header::before {
    position:absolute;
    top:0;
    right:30px;
    bottom:0;
    margin:auto 0;
    background:#AFB0B4;
    height:4px;
    width:18px;
    display:block;
    content:'';
    border-radius:2px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.workers .workers-header::after {
    margin-right:5px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

.workers .workers-header::before {
    margin-right:-5px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

.workers .workers-header.active {
    background:#23479f;
    color:#ffffff
}

.workers .workers-header.active::after,.workers .workers-header.active::before {
    right:22px;
    width:32px;
    height:3px;
    background-color:white;
    margin-right:0
}

.workers .workers-header.active::after {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

.workers .workers-header.active::before {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

.workers .workers-item {
    margin-bottom:15px
}

#kontaktBox {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    position:fixed;
    bottom:30px;
    right:-600px;
    visibility:hidden;
    z-index:900
}

@media screen and (max-width: 499px) {
    #kontaktBox {
        display:none
    }
}

#kontaktBox.active {
    right:50px;
    visibility:visible
}

#kontaktBox .item {
    position:relative
}

#kontaktBox .item #closeKontaktBox {
    position:absolute;
    top:5px;
    left:10px;
    font-size:22px;
    cursor:pointer;
    color:#666
}

#kontaktBox .item .item-outer {
    position:relative
}

#kontaktBox .item .item-outer .item-inner {
    background:white;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
    position:relative;
    left:0;
    top:0;
    padding:16px;
    border:1px solid #eaedf2
}

#kontaktBox .item .item-outer .item-inner .item-foto a {
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    display:block;
    background:#23479f;
    color:#ffffff;
    text-align:center;
    width:185px;
    padding:4px;
    line-height:32px;
    margin:0 auto;
    font-weight:600;
    text-decoration:none;
    transition:background 0.3s ease 0s;
    -webkit-transition:background 0.3s ease 0s;
    -ms-transition:background 0.3s ease 0s;
    -o-transition:background 0.3s ease 0s;
    -moz-transition:background 0.3s ease 0s;
    -khtml-transition:background 0.3s ease 0s
}

#kontaktBox .item .item-outer .item-inner .item-foto a:hover {
    background:#062B57
}

#kontaktBox .item .item-outer .item-inner .item-foto a img {
    margin-left:10px
}

#kontaktBox .item .item-outer .item-inner .item-description {
    margin-left:15px;
    padding:5px
}

#kontaktBox .item .item-outer .item-inner .item-description h5 {
    font-weight:400;
    font-size:18px;
    margin:0
}

#kontaktBox .item .item-outer .item-inner .item-description small {
    display:block;
    color:#898989;
    padding-bottom:20px
}

#kontaktBox .item .item-outer .item-inner .item-description .data-row {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items:center;
    align-items:center;
    font-weight:300;
    margin:5px 0
}

#kontaktBox .item .item-outer .item-inner .item-description .data-row.big {
    font-size:18px
}

#kontaktBox .item .item-outer .item-inner .item-description .data-row>img {
    margin-right:10px
}

#kontaktBox .item .item-outer .item-inner .item-description .data-row>div {
    -webkit-flex:1;
    flex:1
}

#kontaktBox .item .item-outer .item-inner .item-description .data-row .strong {
    font-weight:400
}

@media screen and (max-width: 999px) {
    #kontaktBox {
        -webkit-justify-content:center;
        justify-content:center
    }

    #kontaktBox .item {
        -webkit-flex:0 0 590px;
        flex:0 0 590px
    }
}

@media screen and (max-width: 599px) {
    #kontaktBox .item {
        padding-top:20px;
        border-bottom:1px solid #F5F6F8;
        -webkit-flex:0 0 100%;
        flex:0 0 100%
    }

    #kontaktBox .item:first-child {
        padding-top:10px
    }

    #kontaktBox .item .item-outer {
        border:none
    }

    #kontaktBox .item .item-outer .item-inner {
        border:none;
        padding:0 0 50px
    }

    #kontaktBox .item .item-foto {
        position:absolute;
        bottom:10px;
        left:0;
        right:0;
        margin:0 auto
    }

    #kontaktBox .item .item-foto img {
        display:none
    }
}

.where-to-buy #search-map {
    display:block;
    padding:0 20px
}

.where-to-buy #search-map img {
    max-width:100%
}

.where-to-buy h2 {
    text-align:center
}

.where-to-buy h2 small {
    color:#a2a2a2;
    display:block;
    text-transform:none;
    margin-top:30px
}

.where-to-buy .map {
    text-align:center;
    margin:0
}

.where-to-buy .service {
    background-color:#f3f4f6;
    margin:40px -25px 0 -25px;
    padding:25px
}

@media screen and (max-width: 1399px) {
    .where-to-buy .service {
        margin-left:0;
        margin-right:0
    }
}

.where-to-buy .service h3 {
    text-transform:uppercase;
    color:#062b57;
    margin:25px 0 45px 0
}

.where-to-buy .service h3 a.badge {
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    margin-left:25px;
    background:#ffffff;
    color:#23479f;
    padding:10px 30px
}

.where-to-buy .service table {
    width:100%
}

.where-to-buy .service table th {
    font-family:'Roboto', sans-serif;
    font-weight:400;
    font-size:12px;
    color:#bcbdc1;
    text-transform:uppercase;
    padding:20px 3px;
    border-bottom:1px solid #bcbdc1
}

.where-to-buy .service table td {
    font-family:'Roboto', sans-serif;
    font-weight:300;
    font-size:12px;
    color:#062b57;
    padding:20px 3px;
    border-bottom:1px solid #bcbdc1
}

.where-to-buy .service table td a.badge {
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    text-transform:uppercase;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    background:#ffffff;
    color:#23479f;
    padding:10px 20px;
    font-size:16px
}

.where-to-buy .service table td a.badge i.fa {
    font-size:12px;
    margin-right:10px
}

.where-to-buy .service table .company {
    font-weight:400
}

.where-to-buy .service table .action {
    width:180px;
    text-align:right
}

.where-to-buy .service table tr.company-row {
    display:none
}

.where-to-buy .service table tr.company-row td {
    padding:0;
    border:0
}

.where-to-buy .service table tr.company-row td .company-info {
    -moz-box-shadow:0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 0 3px rgba(0,0,0,0.5);
    box-shadow:0 0 3px rgba(0,0,0,0.5);
    margin:-1px 0 0 0;
    background-color:#ffffff;
    padding:15px 0 0 0;
    color:#000000;
    font-size:14px;
    position:relative
}

.where-to-buy .service table tr.company-row td .company-info::after {
    position:absolute;
    right:25px;
    top:-15px;
    content:'';
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 16.5px 15px 16.5px;
    border-color:transparent transparent #ffffff transparent
}

.where-to-buy .service table tr.company-row td .company-info .name {
    color:#2348A3;
    font-size:18px;
    font-weight:normal;
    margin-bottom:10px
}

.where-to-buy .service table tr.company-row td .company-info .phoneIcon {
    padding-left:55px;
    min-height:40px;
    background:url("../obrazki/ikony/kontakt/ikona_telefon.png") left -5px no-repeat
}

.where-to-buy .service table tr.company-row td .company-info .emailIcon {
    padding-left:55px;
    min-height:40px;
    background:url("../obrazki/ikony/kontakt/ikona_mail.png") left -10px no-repeat
}

.where-to-buy .service table tr.company-row td .company-info .close {
    margin-top:-10px
}

.where-to-buy .service table tr.company-row td .company-info iframe {
    display:block;
    margin:15px 0 0 0;
    width:100%;
    height:300px
}

.where-to-buy .service table tr.company-row td .company-info a.badge {
    background-color:#f4f4f4
}

@media screen and (max-width: 768px) {
    .where-to-buy .service td:nth-child(2),.where-to-buy .service td:nth-child(4),.where-to-buy .service td:nth-child(6),.where-to-buy .service th:nth-child(2),.where-to-buy .service th:nth-child(4),.where-to-buy .service th:nth-child(6) {
        display:none
    }
}

@media screen and (max-width: 499px) {
    .where-to-buy .service td:nth-child(5),.where-to-buy .service th:nth-child(5) {
        display:none
    }
}

.where-to-buy .pager .count {
    padding:20px 0;
    color:#a2a2a2
}

.where-to-buy .pager .count select {
    width:100px
}

.where-to-buy .search-shop {
    display:none;
    background-color:rgba(0,0,0,0.5);
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:10000
}

.where-to-buy .search-shop .search-shop-content {
    background:#ffffff;
    padding:25px 20px;
    margin-top:100px
}

.where-to-buy .search-shop .search-shop-content h3 {
    margin:0;
    padding-bottom:25px;
    text-transform:uppercase;
    color:#23479f
}

.where-to-buy .search-shop .search-shop-content h4 {
    text-transform:uppercase;
    margin:20px 0
}

.where-to-buy .search-shop .search-shop-content .options {
    display:block;
    width:100%;
    border:solid 1px #e6e6e6;
    padding:15px;
    color:#23479f
}

.where-to-buy .search-shop .search-shop-content .options input[type="radio"] {
    margin:0 10px 0 0;
    vertical-align:middle
}

.where-to-buy .search-shop .search-shop-content button {
    text-transform:uppercase;
    width:100%;
    border:solid 1px #e6e6e6;
    padding:15px;
    color:#ffffff;
    background-color:#23479f;
    margin-top:20px
}

.where-to-buy .search-shop .search-shop-content label {
    display:block
}

.chessboard {
    /*max-width:1550px;*/
    margin:0 auto !important;
    color:#000000;
    font-size:14px
}

.chessboard a {
    color:#062B57;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.chessboard a:hover {
    color:#2546A3
}

.chessboard .row.images {
    position:relative;
    margin:0
}

.chessboard .row.images>div {
    padding:0
}

.chessboard .row.images img {
    width:100%;
    height:auto
}

.chessboard .modal-header {
    position:relative
}

.chessboard .chessboard-row-content {
    width:100%;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    flex-direction:row;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 -5px 100px -5px;
}
/* co druga sekcja */
.chessboard-row-content:nth-child(even) {
    /*background: #fff;*/
}

/* pozostałe */
.chessboard-row-content:nth-child(odd) {
   /*background: transparent;*/
}
@media screen and (max-width: 1365px) {
    .chessboard .chessboard-row-content {
        margin:0
    }
}

.chessboard .chessboard-row-content .chessboard-column {
    position:relative;
    padding:0 5px 0 5px;
    margin:5px 0 5px 0;
    max-width:100%
}

.chessboard .chessboard-row-content .chessboard-column-content {
    overflow:hidden;
    position:relative
}

.chessboard .chessboard-row-content .chessboard-column-content .modal-text-content-element {
    position:absolute;
    z-index:3
}

.chessboard .chessboard-row-content .chessboard-column-content .modal-text-content-element a {
    padding:0;
    margin:0
}

.chessboard .chessboard-row-content .chessboard-column-content .modal-text-content-element p {
    border:0;
    padding:0;
    margin:0
}

.chessboard .chessboard-row-content .chessboard-column-content .btn {
    -moz-border-radius:9999px;
    -webkit-border-radius:9999px;
    border-radius:9999px;
    padding:6px 12px !important;
    font-size:14px;
    line-height:1.42857143;
    box-shadow:none !important
}

@media screen and (max-width: 559px) {
    .chessboard .chessboard-row-content .chessboard-column-content .btn {
        padding:1px 5px !important;
        font-size:12px
    }
}

.chessboard .chessboard-row-content::before,.chessboard .chessboard-row-content::after {
    display:none
}

.chessboard .no-margin {
    margin:0
}

.chessboard .no-margin::before {
    display:none !important
}

.chessboard .no-margin .chessboard-column {
    padding:0 !important;
    margin:0 !important
}

.chessboard .no-margin .chessboard-column .row.images {
    margin:0
}

.chessboard .no-margin .chessboard-column .row.images>div {
    padding:0
}
.chessboard .animBn {
    color: #003366;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.chessboard .animBn > div:not(.modal-text-content-element) {
    overflow: hidden;
    position: relative;
    border-radius: 30px;
}

.chessboard .animBn a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    pointer-events: auto;
    cursor: pointer;
}

.chessboard .animBn img {
    display: block;
    width: 100%;
    border-radius: 30px;
}

.chessboard .animBn .bg {
    display: block;
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    border-radius: 30px;
}

.chessboard .owl-carousel {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    border-radius: 30px;
    overflow: hidden;
}
.chessboard .owl-stage-outer {
    border-radius: 30px;
    overflow: hidden;
}

.chessboard .owl-stage {
    border-radius: 30px;
}

.chessboard .owl-item {
    border-radius: 30px;
    overflow: hidden;
}

.chessboard .owl-item .animBn {
    border-radius: 30px;
    overflow: hidden;
}

.chessboard .owl-item .animBn a {
    display: block;
    border-radius: 30px;
    overflow: hidden;
}

.chessboard .owl-item .animBn img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.chessboard .animBn a img,.chessboard .animBn a .bg {
}

.chessboard .animBn a:hover img,.chessboard .animBn a:hover .bg,.chessboard .animBn a:active img,.chessboard .animBn a:active .bg,.chessboard .animBn a:focus img,.chessboard .animBn a:focus .bg {
}

@media (max-width: 767px) {
    .chessboard .animBn {
        border-radius: 10px;
    }

    .chessboard .animBn > div:not(.modal-text-content-element) {
        border-radius: 10px;
    }

    .chessboard .animBn a {
        border-radius: 10px;
    }

    .chessboard .animBn img {
        border-radius: 10px;
    }

    .chessboard .animBn .bg {
        border-radius: 10px;
    }

    .chessboard .owl-carousel {
        border-radius: 10px;
    }
    .chessboard .owl-stage-outer {
        border-radius: 10px;
    }

    .chessboard .owl-stage {
        border-radius: 10px;
    }

    .chessboard .owl-item {
        border-radius: 10px;
    }

    .chessboard .owl-item .animBn {
        border-radius: 10px;
    }

    .chessboard .owl-item .animBn a {
        border-radius: 10px;
    }

    .chessboard .owl-item .animBn img {
        border-radius: 10px;
    }
}
.modal-text-content-element {
    font-size:36px;
    color:#003366;
    line-height:1.1em;
    font-weight:300
}

.modal-text-content-element:not(.btn) {
    pointer-events:none
}

@media screen and (max-width: 1199px) and (min-width: 920px) {
    .modal-text-content-element {
        font-size:24px
    }
}

@media screen and (max-width: 919px) and (min-width: 769px) {
    .modal-text-content-element {
        font-size:18px
    }
}

@media screen and (max-width: 599px) and (min-width: 500px) {
    .modal-text-content-element {
        font-size:24px
    }
}

@media screen and (max-width: 499px) and (min-width: 0) {
    .modal-text-content-element {
        font-size:14px
    }
}

.row {
    clear:both;
}

.chessboard {
    font-family:'Roboto', sans-serif
}

.chessboard .chessboard-row-content.standard .row,.chessboard .chessboard-row-content.standard .row.images {
    margin:0
}

.chessboard .chessboard-row-content.standard .row .chessboard-column,.chessboard .chessboard-row-content.standard .row.images .chessboard-column {
    margin:0
}

.chessboard .chessboard-row-content.standard .row>div:not(.modal-text-content-element),.chessboard .chessboard-row-content.standard .row.images>div:not(.modal-text-content-element) {
    border-top:10px solid white;
    margin-top:-10px
}

.chessboard .chessboard-row-content.standard .row .row,.chessboard .chessboard-row-content.standard .row.images .row {
    margin-left:-5px;
    margin-right:-5px
}

.chessboard .chessboard-row-content.standard .row .row>div,.chessboard .chessboard-row-content.standard .row.images .row>div {
    padding:0 5px
}

.chessboard .slides {
    display:none
}

.chessboard .slides .slidesjs-pagination {
    margin:6px 0 0;
    float:right;
    list-style:none
}

.chessboard .slides .slidesjs-pagination li {
    float:left;
    margin:0 1px
}

.chessboard .slides .slidesjs-pagination li a {
    display:block;
    width:13px;
    height:0;
    padding-top:13px;
    background-image:url(../images/slider/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
    transition:none;
    -webkit-transition:none;
    -ms-transition:none;
    -o-transition:none;
    -moz-transition:none;
    -khtml-transition:none
}

.chessboard .slides .slidesjs-pagination li a.active,.chessboard .slides .slidesjs-pagination li a:hover.active {
    background-position:0 -13px
}

.textBtn {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    display:inline-block;
    line-height:28px;
    border:1px solid #D9D9D9;
    padding:0 20px;
    font-size:12px;
    color:#909497;
    border-radius:20px;
    border-radius:20px;
    display:inline-block
}

.textBtn:hover {
    color:white;
    background:#054DA1;
}

.textBtnBlue {
    border-radius:20px;
    margin-top:20px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    display:inline-block;
    line-height:28px;
    border:1px solid #BCCDE5;
    border-radius:20px;
    padding:0 20px;
    font-size:12px;
    background:#ffffff;
    color:#fff;
    display:inline-block
}

.textBtnBlue:hover {
    background:#054DA1;
}

.cart {
    font-family:'Roboto', sans-serif
}

.cart h2 .badge {
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    border-radius:200px;
    background-color:#f4f4f4;
    color:#23479f;
    padding:8px 15px;
    font-weight:400
}

.cart table {
    width:100%
}

.cart table th {
    text-transform:uppercase;
    color:#a4a4a4;
    padding:10px 2px;
    border-bottom:solid 2px #dee1e6;
    font-weight:400
}

.cart table td {
    padding:10px 2px;
    vertical-align:middle;
    border-bottom:solid 1px #dee1e6;
    font-weight:400
}

.cart table .product {
    width:50%
}

.cart table td.product {
    color:#000000
}

.cart table td.product img {
    max-width:100px;
    max-height:70px;
    margin-right:10px
}

.cart table td.price {
    font-weight:600;
    color:#23479f
}

.cart table td.amount input {
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    border-radius:200px;
    border:solid 1px #dee1e6;
    width:80px;
    padding:4px 10px
}

.cart table .total {
    text-align:right
}

.cart table td.total {
    color:#23479f
}

.cart table td.total .close {
    margin:-3px 0 0 5px
}

.cart table .sum td {
    border:none
}

.cart table .sum .shopping-guarantee {
    width:50%;
    white-space:nowrap;
    *zoom:1;
    color:#a1a5a8;
    font-size:16px;
    font-weight:300;
    padding-right:40px
}

.cart table .sum .shopping-guarantee:after {
    content:"";
    display:table;
    clear:both
}

@media screen and (max-width: 999px) {
    .cart table .sum .shopping-guarantee {
        width:100%;
        margin-top:20px;
        margin-bottom:20px
    }
}

.cart table .sum .shopping-guarantee img {
    float:left;
    margin-top:-15px;
    margin-right:20px
}

.cart table .sum .sum_total {
    padding:20px 35px 30px 0;
    color:#23479f
}

.cart table .sum .sum_total span {
    font-weight:600
}

.cart table .sum button {
    border:0;
    background-color:#35c7ff;
    color:#ffffff;
    text-transform:uppercase;
    padding:10px 15px
}

.profile {
    font-family:'Roboto', sans-serif
}

.profile .layout-main-tabs {
    background-color:#ffffff;
    padding:0
}

.profile .layout-main-tabs ul.nav>li a {
    background-color:#ffffff
}

.profile .layout-main-tabs ul.nav>li.active a {
    background-color:#f1f2f6
}

.profile .layout-main-tabs .tab-content {
    margin:0;
    padding:0
}

.profile .layout-main-tabs .tab-content .active {
    background-color:#f1f2f6
}

.profile h2 {
    margin:0;
    padding:65px 0
}

.profile h2 a.badge {
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    margin-left:25px;
    background:#ffffff;
    color:#23479f;
    padding:10px 30px;
    vertical-align:top
}

.profile label.control-label {
    padding-top:14px;
    font-weight:400;
    color:#23479f
}

.profile input.form-control,.profile select.form-control {
    border:0;
    border-bottom:1px solid #cccccc;
    padding:13px 13px 10px 13px;
    height:46px
}

.profile button {
    font-family:'Roboto', sans-serif;
    background:#33c8ff;
    color:#ffffff;
    border:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:16px;
    padding:10px 24px
}

.profile .return {
    display:inline-block;
    margin:30px 0;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    padding:12px 18px;
    background:#ffffff;
    color:#23479f;
    text-transform:uppercase;
    text-decoration:none
}

.profile .return i {
    color:#d3d3d3;
    margin-right:5px
}

.profile table {
    width:100%
}

.profile table th {
    font-family:'Roboto', sans-serif;
    font-weight:400;
    font-size:12px;
    color:#bcbdc1;
    text-transform:uppercase;
    padding:20px 3px;
    border-bottom:1px solid #bcbdc1
}

.profile table td {
    font-family:'Roboto', sans-serif;
    font-weight:300;
    font-size:12px;
    color:#062b57;
    padding:20px 3px;
    border-bottom:1px solid #bcbdc1
}

.profile table .status {
    display:inline-block;
    padding:2px 6px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    border:1px solid #ffffff
}

.profile table .status.text-success {
    border-color:#18a060;
    color:#18a060
}

.profile table .status.text-warning {
    border-color:#e5b221;
    color:#e5b221
}

.profile table .status.text-danger {
    border-color:#ee492b;
    color:#ee492b
}

.profile .pager .count {
    padding:20px 0;
    color:#a2a2a2
}

.profile .pager .count select {
    border:solid 1px #e9eaee;
    border-radius:100px;
    padding:7px 8px;
    margin-left:20px
}

@media screen and (min-width: 768px) {
    .loginBg {
        position:static !important
    }
}

.login {
    font-family:'Roboto', sans-serif;
    position:relative
}

.login .col-sm-6 {
    overflow:hidden
}

.login.przypomnienie {
    padding-bottom:40px
}

.login .background-left {
    background-color:#f1f2f6;
    position:absolute;
    left:50%;
    right:0;
    top:0;
    bottom:0;
    z-index:-1
}

.login .background-left.klodka {
    background-image:url("../images/bgKlodka.jpg");
    background-repeat:no-repeat;
    background-position:left center
}

@media screen and (max-width: 767px) {
    .login .background-left {
        left:0
    }
}

@media screen and (min-width: 768px) {
    .login .background-left {
        top:-20px
    }
}

.login .background-cart {
    background-color:#fff;
    background-image:url("../images/rejestracja/bgCart.jpg");
    background-repeat:no-repeat;
    background-position:right bottom;
    position:absolute;
    right:50%;
    left:0;
    top:0;
    bottom:0;
    z-index:-1
}

@media screen and (max-width: 767px) {
    .login .background-cart {
        right:0
    }
}

.login h2 small {
    color:#a4a5a9
}

.login label.control-label {
    padding-top:14px;
    font-weight:400;
    color:#062B57
}

.login input.form-control,.login select.form-control {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-bottom:1px solid #cccccc;
    padding:13px 13px 10px 13px;
    height:46px
}

.login textarea.form-control {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    border-bottom:1px solid #cccccc;
    padding:13px 13px 10px 13px
}

.login button,.login input[type=submit] {
    font-family:'Roboto', sans-serif;
    background:#33c8ff;
    color:#ffffff;
    border:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:16px;
    padding:10px 24px
}

.login label.remember {
    color:#000000
}

.login label.remember input {
    margin-right:5px
}

.login .password-recover {
    color:#a4a5a9
}

.login .new-account {
    background-color:#23479f;
    color:#ffffff;
    padding:10px 16px;
    text-transform:uppercase;
    font-size:16px
}

.login .facebook-account {
    background-color:#062b57;
    color:#ffffff;
    padding:6px 10px;
    text-transform:uppercase;
    margin-top:20px;
    font-size:14px
}

.login .return {
    display:inline-block;
    margin:30px 0;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    padding:12px 18px;
    background:#ffffff;
    color:#23479f;
    text-transform:uppercase;
    text-decoration:none
}

.login .return i {
    color:#d3d3d3;
    margin-right:5px
}

@media screen and (max-width: 767px) {
    .login .col-sm-6 {
        width:auto;
        float:none;
        overflow:hidden
    }
}

.login input[type=checkbox].cboxStyle+label {
    font-weight:normal;
    color:#A3A3A3
}

.login .dlaczegoWarto h3 {
    margin:40px 0 50px;
    text-transform:uppercase;
    color:#062B57
}

.login .dlaczegoWarto>div {
    overflow:hidden;
    font-size:16px;
    color:#A2A5A8;
    white-space:nowrap;
    margin-bottom:40px
}

.login .dlaczegoWarto>div img {
    margin-right:20px;
    float:left
}

.login .dlaczegoWarto>div>span {
    text-transform:uppercase;
    height:60px;
    font-size:18px;
    font-weight:300;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    float:left;
    white-space:nowrap
}

.login .form-control+.tooltip_img {
    display:none
}

.login .form-control[name=kod],.login .form-control[name=wysylka_kod] {
    float:left;
    margin-right:10px
}

.login .radioList input[type=radio] {
    float:left;
    margin-right:5px
}

.login .radioList div {
    overflow:hidden;
    line-height:28px
}

.loginBg .pull-right input {
    background:transparent
}

.order3 {
    padding-bottom:20px;
    font-family:'Roboto', sans-serif
}

.order3 hr {
    clear:both
}

.order3 .form-group>label {
    display:block
}

.order3 .wrap {
    padding-top:20px
}

@media screen and (max-width: 1366px) {
    .order3 .wrap {
        padding-left:20px;
        padding-right:20px
    }
}

.order3 h2 {
    color:#23479f;
    display:flex;
    align-items:center;
    align-content:center
}

.order3 h2 small {
    display:block;
    color:#a4a5a7;
    font-size:14px
}

.order3 h2 .number {
    flex:0 0 40px;
    -moz-border-radius:200px;
    -webkit-border-radius:200px;
    border-radius:200px;
    color:#33c8ff;
    border:solid 1px #33c8ff;
    height:40px;
    width:40px;
    font-size:18px;
    text-align:center;
    line-height:40px;
    margin-right:10px;
    float:left
}

.order3 .description h2 {
    display:block
}

.order3 .select-delivery {
    background:#f1f2f6
}

.order3 .select-delivery .layout-text {
    padding-top:0;
    padding-bottom:0;
    text-align:center
}

.order3 .select-delivery label {
    vertical-align:top;
    margin:-20px 0 0;
    padding:15px 100px;
    text-align:center;
    font-weight:400;
    height:100%;
    min-height:221px;
    display:inline-block
}

.order3 .select-delivery label div {
    margin-top:10px
}

.order3 .select-delivery label div.price {
    margin-top:0px;
    color:#23479f
}

.order3 .select-delivery label input {
    margin-top:10px
}

.order3 .select-delivery label.active {
    background:#ffffff
}

.order3 .select-payment {
    margin:35px 0;
    text-align:center
}

.order3 .select-payment label {
    margin:0;
    padding:15px 0;
    width:250px;
    text-align:center;
    font-weight:400;
    border-right:solid 1px #f1f2f6
}

.order3 .select-payment label:last-of-type {
    border:none
}

.order3 .select-payment label div {
    margin-top:10px
}

.order3 .select-payment label div.price {
    margin-top:0px;
    color:#23479f
}

.order3 .select-payment label input {
    margin-top:10px
}

.order3 .send-data {
    padding-top:20px
}

.order3 .send-data input[type=radio] {
    float:left
}

.order3 .send-data .row {
    width:80%;
    margin:0 auto;
    margin-bottom:10px
}

.order3 .send-data .row label {
    padding-top:11px;
    font-weight:400
}

.order3 .send-data .row label input {
    margin-right:10px;
    margin-top:3px;
    vertical-align:top
}

.order3 .send-data .row div input {
    display:block;
    border:0;
    border-bottom:1px solid #cccccc;
    padding:10px 25px;
    width:100%;
    color:#23479f
}

.order3 .send-data .other {
    margin-top:15px
}

.order3 .send-data .other label {
    padding:0
}

.order3 .send-data .zgody {
    margin-top:30px;
    color:#7f7f7f
}

.order3 .send-data .zgody label {
    padding:0
}

.order3 .send-data .guarantee {
    float:left;
    margin-right:30px;
    margin-top:15px
}

.order3 .send-data .guarantee img {
    margin-right:10px
}

.order3 .send-data .guarantee td {
    vertical-align:middle
}

@media screen and (max-width: 1366px) {
    .order3 .send-data .guarantee {
        margin-bottom:20px
    }
}

.order3 .send-data .payment {
    width:360px;
    max-width:100%;
    float:right;
    padding:20px;
    border:solid 3px #33c8ff
}

@media screen and (max-width: 899px) {
    .order3 .send-data .payment {
        margin:20px auto 0;
        float:none;
        clear:both;
        display:block
    }
}

.order3 .send-data .payment .row {
    width:auto;
    margin:0 -15px
}

.order3 .send-data .payment button {
    width:100%;
    margin-top:10px;
    background:#33c8ff;
    color:#ffffff;
    text-transform:uppercase
}

body,html {
    overflow-x:hidden
}

.darkBg {
    background:#F0F2F5;
    padding-top:40px;
    overflow:hidden
}

.wrap,.products-list,.textContainer,#komunikaty {
    width:1366px;
    margin-left:auto;
    margin-right:auto;
    max-width:100%
}

@media screen and (min-width: 1800px) {
    .wrap,.products-list,.textContainer,#komunikaty {
        width:1550px
    }
}

@media screen and (max-width: 1405px) {
    .wrap>h2,.products-list>h2,.textContainer>h2,#komunikaty>h2 {
        padding-left:20px;
        padding-right:20px
    }
}

.wrap.narrow,.products-list.narrow,.textContainer.narrow,#komunikaty.narrow {
    width:1366px
}

@media screen and (min-width: 1800px) {
    .wrap.narrow,.products-list.narrow,.textContainer.narrow,#komunikaty.narrow {
        width:1366px
    }
}

.halfWrap {
    width:625px
}

@media screen and (max-width: 1399px) {
    .halfWrap {
        width:auto
    }
}

.halfWrap.pull-left {
    padding-left:25px
}

.halfWrap.pull-right {
    padding-right:25px
}

@media screen and (max-width: 767px) {
    .halfWrap {
        float:none !important;
        padding:0 20px !important
    }
}

.textContainer {
    padding-bottom:20px
}

@media screen and (min-width: 1405px) {
    .nav.negativeMargin {
        margin-left:-43px;
        margin-right:-43px
    }
}

.layout-navbar-secondary {
    display:block;
    width:auto;
    border-bottom:0;
    text-align:right
}

.layout-navbar-secondary ul.nav li {
    padding:0 5px;
    margin:0;
    display:inline-block;
    width:auto
}

.layout-navbar-secondary ul.nav li a {
    text-align:center;
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    position:relative;
    line-height:9px;
    display:block;
    padding:19px 8px 12px;
    fotn-size:12px
}

.layout-navbar-secondary ul.nav li a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden
}

.layout-navbar-secondary ul.nav li a::before {
    transition:width 0.2s ease 0s;
    -webkit-transition:width 0.2s ease 0s;
    -ms-transition:width 0.2s ease 0s;
    -o-transition:width 0.2s ease 0s;
    -moz-transition:width 0.2s ease 0s;
    -khtml-transition:width 0.2s ease 0s;
    position:absolute;
    content:'';
    display:block;
    height:2px;
    background:#21B6EE;
    left:0;
    width:0;
    right:0;
    top:100%;
    z-index:1000;
    margin:auto
}

.layout-navbar-secondary ul.nav li a:hover {
    font-weight:bold;
    color:#21B6EE
}

.layout-navbar-secondary ul.nav li a:hover::before {
    width:100%
}

.layout-navbar-secondary ul.nav li.text-center.info {
    position:relative;
    top:-1px;
    padding:16px 0 6px 17px;
    line-height:9px
}

.layout-navbar-secondary ul.nav li.text-center.info img {
    margin-right:10px;
    position:relative;
    top:-2px
}

@media screen and (max-width: 499px) {
    .hide-xxs {
        display:none
    }

    .laytout-content .layout-search .layout-search-input,.laytout-content .layout-search .layout-search-account {
        display:none
    }

    .layout-search .wrap .layout-search-logo {
        width:40%
    }

    .col-xxs-12 {
        width:100%
    }
}

.layout-footer-row {
    font-family:'Roboto', sans-serif;
    font-weight:300
}

.layout-footer-row ul {
    padding-left:14px;
    line-height:32px
}

.layout-footer-row ul a {
    font-size:13px;
    font-weight:300;
    transition:color 0.2s ease 0s;
    -webkit-transition:color 0.2s ease 0s;
    -ms-transition:color 0.2s ease 0s;
    -o-transition:color 0.2s ease 0s;
    -moz-transition:color 0.2s ease 0s;
    -khtml-transition:color 0.2s ease 0s
}

.layout-footer-row ul a::after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden
}

.layout-footer-row ul a:hover {
    color:#2447A3;
    font-weight:normal
}

@media screen and (max-width: 685px) {
    .layout-footer-logo {
        display:none
    }

    .layout-footer-contact {
        display:block
    }
}

.layout-copyright .socialmedia i.fa,.layout-paymentMethods .socialmedia i.fa {
    color:#7E8389;
    font-size:30px;
    position:relative;
    top:7px
}

@media screen and (max-width: 759px) {
    .layout-copyright,.layout-paymentMethods {
        margin-top:0;
        display:block
    }

    .layout-copyright .socialmedia,.layout-copyright .copyright,.layout-paymentMethods .socialmedia,.layout-paymentMethods .copyright {
        text-align:center;
        display:block;
        margin:0;
        float:none
    }

    .layout-copyright .socialmedia,.layout-paymentMethods .socialmedia {
        margin-bottom:10px
    }

    .layout-footer-row {
        display:block;
        padding:0 10px
    }

    .layout-footer-row>div {
        border-top:1px solid #E5E6EA;
        overflow:hidden
    }
}

@media screen and (max-width: 759px) and (max-width: 534px) {
    .layout-footer-row>div {
        cursor:pointer
    }
}

@media screen and (max-width: 759px) {
    .layout-footer-row>div:first-child {
        border:none
    }

    .layout-footer-row>div ul {
        overflow:hidden;
        margin:0;
        padding-top:0;
        max-height:0;
        transition:0.3s ease 0s;
        -webkit-transition:0.3s ease 0s;
        -ms-transition:0.3s ease 0s;
        -o-transition:0.3s ease 0s;
        -moz-transition:0.3s ease 0s;
        -khtml-transition:0.3s ease 0s
    }

    .layout-footer-row>div strong {
        margin:0;
        height:46px;
        line-height:46px;
        background-image:url("../images/icons/menuArrowDown.png");
        background-repeat:no-repeat;
        background-position:right center
    }

    .layout-footer-row>div.active strong {
        background-image:url("../images/icons/menuArrowUp.png")
    }

    .layout-footer-row>div.active ul {
        max-height:400px
    }

    .layout-footer-row>div.active ul>li:first-child {
        margin-top:10px
    }
}

@media screen and (max-width: 719px) {
    .layout-newsletter .row {
        display:block
    }

    .layout-newsletter .layout-newsletter-input,.layout-newsletter .layout-newsletter-text {
        float:none;
        width:auto
    }

    .layout-newsletter .layout-newsletter-input {
        margin-top:10px
    }
}

@media screen and (max-width: 1199px) {
    .contact .layout-main-tabs ul.nav li a {
        font-size:16px;
        padding:10px;
    }
}

@media screen and (max-width: 786px) {
    .layout-main-tabs .nav li a,.layout-main-tabs .tab-content>a {
        padding:0 14px;
        height:66px;
        line-height:66px
    }

    .layout-main-tabs .nav li a i.pull-right,.layout-main-tabs .tab-content>a i.pull-right {
        margin-top:22px
    }
}

.greySelect {
    display:inline-block;
    overflow:hidden;
    border:solid 1px #BCCDE5 !important;
    border-radius:50px !important;
    vertical-align:middle;
    margin-left:5px;
    padding-right:20px;
    background-image:url("../images/icons/transparentSelectArrow.png") !important;
    background-repeat:no-repeat !important;
    background-color:white !important;
    background-position:right center !important
}

.greySelect select {
    background:transparent;
    border:none !important;
    color:#062b57 !important;
    height:33px !important;
    margin-right:-20px;
    line-height:33px !important;
    padding:0 50px 0 10px !important
}

.greySelect.fakeSelect {
    padding-right:50px;
    height:35px;
    overflow:visible
}

.greySelect.fakeSelect .selected {
    min-width:50px;
    padding:0 10px 0 20px;
    line-height:33px !important;
    height:33px !important
}

.greySelect.fakeSelect .options>li {
    padding:7px 10px 7px 30px;
    line-height:normal
}

.greySelect.fakeSelect.long .selected {
    min-width:130px
}

.products-list .list .filters {
    line-height:35px
}

.products-list .list .filters .sort select {
    width:238px
}

.products-list .list .filters .count-per-page select {
    width:100px
}

@media screen and (max-width: 1399px) {
    .products-list .list {
        padding-right:30px
    }
}

@media screen and (max-width: 1099px) {
    .products-list .list .filters .sort select {
        width:168px
    }
}

@media screen and (max-width: 1199px) {
    .products-list .filter-button {
        display:block
    }
}

@media screen and (max-width: 499px) {
    .products-list .list .products .product {
        width:100%
    }
}

#wariantyOverlay {
    display:none;
    position:fixed;
    z-index:699;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.7);
}

#warianty {
    margin-bottom:20px;
    clear: both;
}

#warianty h3 {
    color:#333333;
    font-size:14px;
    font-weight: bold;
    position:relative;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

#warianty h3.elevate {
    color:#FFFFFF;
    z-index:700
}

#warianty .pseudoSelect {
    height:auto;
    /*min-height:91px;*/
    /*border:1px solid #E9EAEC;*/
    /*border-bottom:0;*/
    /*position:relative*/
}
#warianty .pseudoSelect > div {
    /*width: 50%;*/
}

#warianty .pseudoSelect .selectBtn {
    display: block;
    right:0;
    top:0;
    bottom:0;
    line-height:100%;
    width:69px;
    background:#F4F6F8;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    color:#646263;
    font-size:28px;
    text-align:center;
    z-index:701;
    cursor:pointer;
    clear: both;
}

#warianty .pseudoSelect .selectBtn::after,#warianty .pseudoSelect .selectBtn::before {
    position:absolute;
    top:0;
    right:24px;
    bottom:0;
    margin:auto 0;
    background:#AFB0B4;
    height:4px;
    width:18px;
    display:block;
    content:'';
    border-radius:2px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

#warianty .pseudoSelect .selectBtn::after {
    margin-right:5px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

#warianty .pseudoSelect .selectBtn::before {
    margin-right:-5px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

#warianty .pseudoSelect .selectBtn:hover::after,#warianty .pseudoSelect .selectBtn:hover::before {
    background-color:#33C8FF
}

#warianty .pseudoSelect>div {
    /*width: 80px;*/
    /*height: 80px;*/
    /*background:white;*/
    /*border-radius: 40px;*/
    /*position:absolute;*/
    /*top:0;*/
    /*left:0;*/
    /*right:0;*/
    /*z-index:700*/
}

#warianty .pseudoSelect>div .wariant {
    width: 40px;
    height: 40px;
    background:white;
    border: solid 1px #B4C7E2;
    float: left;
    margin: 0px 10px 10px 0;
    border-radius: 20px;
    overflow: hidden;
}

#warianty .pseudoSelect>div .wariant a {
    /*transition:background 0.3s ease 0s;*/
    /*-webkit-transition:background 0.3s ease 0s;*/
    /*-ms-transition:background 0.3s ease 0s;*/
    /*-o-transition:background 0.3s ease 0s;*/
    /*-moz-transition:background 0.3s ease 0s;*/
    /*-khtml-transition:background 0.3s ease 0s;*/
    /*padding:10px;*/
    /*display:block;*/
    /*overflow:hidden;*/
    /*height:auto;*/
    /*min-height:91px;*/
}

#warianty .pseudoSelect>div .wariant a:hover {
    /*background:#F1F2F6;*/
    /*min-height:91px;*/
}

#warianty .pseudoSelect>div .wariant .imgContainer {
    /*height:58px;*/
    display:block;
    float:left;
    text-align:center;
    vertical-align:middle;
    /*line-height:78px;*/
    /*width:110px*/
}

#warianty .pseudoSelect>div .wariant .name {
    padding:10px 55px 10px 25px;
    margin:0;
    display:block;
    float:left;
    color:#737373;
    font-size:14px;
    width:calc(100% - 110px);
    text-overflow:none;
    white-space:normal;
    padding-bottom:0
}

@media screen and (max-width: 599px) {
    #warianty .pseudoSelect>div .wariant .imgContainer {
        width:auto
    }

    #warianty .pseudoSelect>div .wariant .name {
        width:auto
    }
}

#warianty .pseudoSelect>div .wariant img {
    max-height:100%;
    max-width:100%;
    vertical-align:middle;
    line-height:59px
}

#warianty .pseudoSelect>div .wariant:first-child {
    display:block
}

#warianty .pseudoSelect.active .selectBtn::after {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

#warianty .pseudoSelect.active .selectBtn::before {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

/*@media screen and (max-width: 599px) {*/
/*    #warianty .pseudoSelect {*/
/*        height:auto;*/
/*        min-height:125px*/
/*    }*/

/*    #warianty .pseudoSelect>div .wariant {*/
/*        padding-right:69px;*/
/*        height:auto*/
/*    }*/

/*    #warianty .pseudoSelect>div .wariant a {*/
/*        height:auto*/
/*    }*/

/*    #warianty .pseudoSelect>div .wariant .imgContainer {*/
/*        float:none*/
/*    }*/

/*    #warianty .pseudoSelect>div .wariant .name {*/
/*        text-align:center;*/
/*        float:none*/
/*    }*/

/*    #warianty .pseudoSelect>div .wariant img {*/
/*        float:none*/
/*    }*/
/*}*/

.product .info .product-left .main-photo-container {
    text-align:center
}

.product .info .product-left img.main-photo {
    height:auto;
    width:auto;
    max-width:100%;
    max-height:50vh
}

@media screen and (max-width: 1099px) {
    .product .info {
        display:block
    }

    .product .info>div {
        width:auto;
        float:none;
        padding:0 !important
    }

    .product .info .product-left {
        overflow:hidden
    }

    .product .info .product-left .mini-photos .mini-photo {
        width:20%
    }

    .product .info .product-left .main-photo-container {
        text-align:center
    }
}

@media screen and (max-width: 999px) and (min-width: 767px) {
    .product .info .product-left .mini-photos .mini-photo {
        width:33.33%
    }
}

@media screen and (max-width: 766px) and (min-width: 500px) {
    .product .info .product-left .mini-photos .mini-photo {
        width:33.33%
    }
}

@media screen and (max-width: 999px) {
    .product-sub-list .list .products .product {
        width:50%
    }
}

@media screen and (max-width: 499px) and (min-width: 0) {
    .product .info .product-left .mini-photos .mini-photo {
        width:50%
    }

    .product-sub-list .list .products .product {
        width:100%
    }
}

.layout-navbar-secondary ul.nav li a[title="Portal B2B"] {
    border-left:1px solid #e9eaee;
    padding-left:46px
}

.layout-navbar-secondary ul.nav li a[title="Portal B2B"] .b2bIcon {
    display:inline-block;
    width:25px;
    height:23px;
    background:url("../images/icons/b2b.png");
    position:absolute;
    top:12px;
    left:16px
}

.layout-navbar-secondary ul.nav li a[title="Portal B2B"]::before {
    left:10px
}

.layout-navbar-secondary ul.nav li a[title="Portal B2B"]:hover::before {
    width:calc(100% - 10px)
}

#search-shop .wrap {
    width:1050px !important;
    max-width:100% !important
}

#search-shop .wrap .layout-text {
    padding-right:150px
}

#search-shop .wrap .layout-text .close {
    margin-right:-150px;
    font-size:22px
}

.map-container iframe {
    width:100%;
    display:block;
    pointer-events:none;
    position:relative
}

.map-container iframe.clicked {
    pointer-events:auto
}

.rwdMainmenu,.rwdMainmenu * {
    font-size:16px !important
}

.rwdSubMenu {
    display:none;
    text-transform:uppercase
}

.rwdSubMenu,.rwdSubMenu * {
    font-size:16px !important
}

.rwdSubMenu h3 {
    display:none
}

.rwdSubMenu h3+.nav {
    display:none !important
}

.layout-navbar-primary .rwdSubMenu .nav a {
    display:block
}

.layout-navbar-md .layout-navbar-primary.menuRwd {
    overflow-y:auto;
    background:#07438C;
    font-family:'Roboto', sans-serif;
    display:block
}

.layout-navbar-md .layout-navbar-primary.menuRwd li {
    display:block !important
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back {
    position:relative;
    padding-left:20px
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close i.fa-times,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back i.fa-times {
    display:none
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close i.fa-chevron-left,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back i.fa-chevron-left {
    font-size:11px;
    margin-top:16px
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close::after,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close::before,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back::after,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back::before {
    position:absolute;
    content:'';
    display:block;
    width:30px;
    height:4px;
    background:#2BADE7;
    top:0;
    bottom:0;
    margin:auto 0;
    right:18px;
    border-radius:1px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close::after,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back::after {
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close::before,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back::before {
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close:hover::after,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back:hover::after {
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -webkit-transform:rotate(0);
    transform:rotate(0)
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close:hover::before,.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back:hover::before {
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -webkit-transform:rotate(0);
    transform:rotate(0)
}

.layout-navbar-md .layout-navbar-primary.menuRwd ul.nav {
    display:block;
    padding-left:20px
}

.layout-navbar-md .layout-navbar-primary.menuRwd ul.nav>li>a {
    font-weight:700;
    font-size:16px;
    display:block;
    text-align:left;
    background:transparent !important
}

.layout-navbar-md .layout-navbar-primary.menuRwd ul.nav>li>a:hover {
    background:transparent !important;
    font-weight:700 !important
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-back {
    text-transform:uppercase;
    font-size:16px;
    font-weight:700
}

.layout-navbar-md .layout-navbar-primary.menuRwd .nav-close {
    text-transform:uppercase;
    font-size:20px;
    font-weight:700
}

.layout-navbar-md .layout-navbar-primary.menuRwd .rwdSubMenu ul.nav {
    display:block;
    padding-left:20px
}

.layout-navbar-md .layout-navbar-primary.menuRwd .rwdSubMenu ul.nav>li>a {
    font-weight:400;
    font-size:15px;
    display:block !important
}

.layout-navbar-md .layout-navbar-primary.menuRwd .rwdSubMenu h4,.layout-navbar-md .layout-navbar-primary.menuRwd .rwdSubMenu h5 {
    text-align:left
}

.layout-navbar-md .layout-navbar-primary.menuRwd .rwdSubMenu h4 {
    color:#33C8FF;
    font-weight:bold;
    margin-left:-20px;
    padding-left:15px;
    margin-bottom:0
}

.layout-navbar-md .layout-navbar-primary.menuRwd .rwdSubMenu h5 {
    color:white;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:10px;
    margin-top:20px;
    font-size:16px
}

.show-xxs {
    display:none
}

@media screen and (max-width: 499px) {
    .show-xxs {
        display:block
    }
}

.xxsSearch {
    float:left
}

.edit_area {
    margin-top:0 !important
}

@media screen and (max-width: 768px) {
    .layout-main-tabs {
        padding-left:0 !important;
        padding-right:0 !important
    }

    .layout-main-tabs .tab-content {
        padding-left:0 !important;
        padding-right:0 !important
    }

    .layout-main-tabs .tab-content>a {
        font-size:16px !important
    }

    .layout-main-tabs .tab-pane {
        padding-left:30px;
        padding-right:30px
    }
}

@media screen and (max-width: 499px) {
    .layout-main-tabs .tab-pane {
        padding-left:5px;
        padding-right:5px
    }
}

.layout-navbar-md .xxssearcher.show-xxs {
    position:absolute;
    top:0;
    left:71px;
    right:71px;
    height:54px;
    width:auto
}

.layout-navbar-md .xxssearcher.show-xxs form input {
    background: no-repeat right center;
    display:block;
    height:54px;
    width:100%;
    padding:0 40px 0 30px;
    border:none;
    box-shadow:none
}

@media screen and (min-width: 700px) {
    .copyright br {
        display:none
    }
}

.pagination {
    font-weight:200
}

.pagination>li>a {
    color:#062B57;
    backgound:none;
    line-height:33px;
    border:none;
    padding:0;
    margin:0 10px;
    text-align:center
}

.pagination>li>a:hover {
    background:none
}

.pagination>li.active>a {
    color:#062B57
}

.pagination>li.prev>span,.pagination>li.prev>a,.pagination>li.next>span,.pagination>li.next>a {
    border:1px solid #E8E8E8;
    line-height:33px;
    padding:0 20px;
    width:auto
}

.pagination>li.prev>span,.pagination>li.next>span {
    cursor:default;
    color:#C5C6C8
}

.pagination>li.prev>a,.pagination>li.next>a {
    color:#07438B
}

.pagination>li.prev>a:hover,.pagination>li.next>a:hover {
    background:white
}

@media screen and (max-width: 992px) {
    .pagination {
        display:block
    }

    .pagination>li {
        display:none
    }

    .pagination>li.prev,.pagination>li.next {
        display:inline-block
    }

    .pagination>li.prev {
        float:left
    }

    .pagination>li.next {
        float:right
    }
}

@media screen and (max-width: 992px) {
    .row.pager .col-sm-6 {
        padding:0 !important
    }
}

input[type=checkbox].cboxStyle {
    display:none !important
}

input[type=checkbox].cboxStyle+label {
    float:left;
    width:auto;
    cursor:pointer
}

input[type=checkbox].cboxStyle+label span.fakeCbox {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    position:relative;
    top:2px;
    margin-right:15px;
    display:inline-block;
    width:15px;
    height:15px;
    background:white;
    border:1px solid #DBDDE2;
    box-shadow:inset 0 2px 2px #E7E7E7
}

input[type=checkbox].cboxStyle+label span.fakeCbox::after {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transform:scale(0);
    -webkit-transform:scale(0);
    visibility:hidden;
    display:block;
    line-height:13px;
    text-align:center;
    font-size:12px;
    content:'\f00c';
    font-family:FontAwesome;
    color:#47C381
}

input[type=checkbox].cboxStyle:checked+label span.fakeCbox {
    border:1px solid #ABB2C3
}

input[type=checkbox].cboxStyle:checked+label span.fakeCbox::after {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    transform:scale(1);
    -webkit-transform:scale(1);
    visibility:visible
}

.layout-main-tabs .tab-content>a {
    background-image:url("../images/icons/menuArrowDown.png");
    background-position:right 10px center;
    background-repeat:no-repeat
}

.layout-main-tabs .tab-content>a.active {
    background-image:url("../images/icons/menuArrowUp.png");
    background-position:right 11px center
}

.layout-search .wrap .layout-search-input input,.layout-search .wrap .layout-search-select select {
    border-radius:25px;
    background-color:white;
    padding-right: 50px; /* miejsce na lupkę */
}

.owl-carousel .owl-dots {
    position:absolute;
    left:0;
    bottom:16px;
    right:0;
    text-align:center
}

.owl-carousel .owl-dots .owl-dot {
    display:inline-block;
    width:13px;
    height:13px;
    border-radius:13px;
    background:rgba(255,255,255,0.3);
    margin:0 8px
}

.owl-carousel .owl-dots .owl-dot.active {
    background:white
}

.owl-carousel .owl-dots .owl-dot span {
    display:none
}

.modal-text-content-element .text1 {
    line-height:1em
}

.modal-text-content-element .text2 {
    line-height:1em
}

.modal-text-content-element .text3 {
    line-height:1em
}

.modal-text-content-element .paragrafMaly {
    left:0 !important;
    right:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
    line-height:1.4em;
    margin-bottom:10px !important
}

@media screen and (min-width: 1200px) {
    .modal-text-content-element .text1 {
        font-size:72px !important
    }

    .modal-text-content-element .text2 {
        font-size:42px !important
    }

    .modal-text-content-element .text3 {
        font-size:22px !important
    }

    .modal-text-content-element .paragrafMaly {
        font-size:22px !important
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .text1 {
        font-size:48px !important
    }

    .text2 {
        font-size:28px !important
    }

    .text3 {
        font-size:16px !important
    }

    .paragrafMaly {
        font-size:16px !important
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .text1 {
        font-size:72px !important
    }

    .text2 {
        font-size:38px !important
    }

    .text3 {
        font-size:22px !important
    }

    .paragrafMaly {
        font-size:18px !important
    }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .text1 {
        font-size:48px !important
    }

    .text2 {
        font-size:28px !important
    }

    .text3 {
        font-size:16px !important
    }

    .paragrafMaly {
        font-size:16px !important
    }
}

@media screen and (max-width: 499px) and (min-width: 0) {
    .text1 {
        font-size:30px !important
    }

    .text2 {
        font-size:18px !important
    }

    .text3 {
        font-size:11px !important
    }

    .paragrafMaly {
        line-height:1.2em;
        padding-left:10px !important;
        padding-right:10px !important;
        font-size:12px !important
    }
}

.bottomB {
    text-align:center;
    display:block
}

.bottomB img {
    max-width:100%
}

.chessboard-column-content>p,.chessboard-column-content>ul {
    font-weight:300;
    line-height:1.8em;
    color:#666
}

.textBtn {
    display:inline-block;
    line-height:28px !important;
    border:1px solid #BCCDE5;
    padding:0 20px;
    font-size:12px;
    color:#909497 !important;
    display:inline-block;
    text-decoration:none !important;
    border-radius:20px;
    border-radius:200px
}

.textBtn:hover {
    color:white !important;
    background:#BCCDE5;
}

.textBtnBlue,.backButton {
    margin-top:20px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    display:inline-block;
    line-height:28px;
    border:1px solid #BCCDE5;
    padding:0 20px;
    font-size:12px;
    background:#ffffff;
    color:#084FA2 !important;
    text-decoration:none !important;
    border-radius:20px;
    display:inline-block
}

.textBtnBlue:hover,.backButton:hover {
    background:#054DA1;
    color:#ffffff !important;
}

.layout-breadcrumb {
    position:relative
}

.layout-breadcrumb .backButton {
    text-transform:uppercase;
    position:absolute;
    right:0;
    margin:auto 0;
    top:0;
    height:30px;
    bottom:0
}

@media screen and (max-width: 1399px) {
    .cart {
        margin-left:10px;
        margin-right:10px
    }
}

@media screen and (max-width: 499px) {
    .cart {
        magin-left:0;
        margin-right:0
    }

    .cart h2 {
        margin-bottom:-40px !important;
        margin-top:60px !important;
        text-align:center !important;
        width:auto !important;
        max-width:330px !important;
        margin-left:auto;
        margin-right:auto
    }

    .cart h2 a {
        float:none !Important;
        margin-top:-150px !important
    }

    .cart table,.cart tbody,.cart tr,.cart td {
        display:block
    }

    .cart .sum {
        margin-top:20px
    }

    .cart th {
        display:none
    }

    .cart .koszyk_produkt {
        padding:20px 10px;
        border-bottom:1px solid #DEE1E6
    }

    .cart .koszyk_produkt>* {
        border:none !important
    }

    .cart .koszyk_produkt .product {
        overflow:hidden;
        margin:0;
        width:auto
    }

    .cart .koszyk_produkt .product img {
        float:left;
        width:33.33%;
        margin:0
    }

    .cart .koszyk_produkt .product a {
        margin-top:20px;
        color:#000000;
        padding-left:10px;
        width:66.66%;
        float:right
    }

    .cart .koszyk_produkt .price.koszyk_produkt_cena,.cart .koszyk_produkt .amount.koszyk_produkt_ilosc,.cart .koszyk_produkt .total.koszyk_produkt_wartosc {
        padding:5px 0;
        margin-left:33.33%;
        padding-left:10px;
        text-align:left
    }

    .cart .koszyk_produkt .total.koszyk_produkt_usun {
        margin-top:-35px
    }

    .cart .koszyk_produkt .price.koszyk_produkt_cena {
        font-size:18px
    }
}

.products .product .price {
    font-size:18px
}

.lineBreaker {
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #e9eaee
}

.textPadding10 {
    padding:0 10px !important
}

.textPadding10.lineBreaker {
    padding:0 !important;
    margin-left:10px !important;
    margin-right:10px !important
}

.textPadding20 {
    padding:0 20px !important
}

.textPadding20.lineBreaker {
    padding:0 !important;
    margin-left:20px !important;
    margin-right:20px !important
}

.textPadding30 {
    padding:0 30px !important
}

.textPadding30.lineBreaker {
    padding:0 !important;
    margin-left:30px !important;
    margin-right:30px !important
}

@media screen and (max-width: 767px) {
    .textPadding10 {
        padding:0 5px !important
    }

    .textPadding10.lineBreaker {
        padding:0 !important;
        margin-left:5px !important;
        margin-right:5px !important
    }

    .textPadding20 {
        padding:0 10px !important
    }

    .textPadding20.lineBreaker {
        padding:0 !important;
        margin-left:10px !important;
        margin-right:10px !important
    }

    .textPadding30 {
        padding:0 15px !important
    }

    .textPadding30.lineBreaker {
        padding:0 !important;
        margin-left:15px !important;
        margin-right:15px !important
    }
}

a.lightbox {
    position:static
}

.tab-pane .attribute {
    margin:0 !important;
    overflow:hidden;
    border:1px solid #D8D5D5;
    border-bottom:none
}

.tab-pane .attribute:nth-child(2n) {
    background:#F5F4F4
}

.tab-pane .attribute:last-child {
    border-bottom:1px solid #D8D5D5
}

.tab-pane .attribute>span {
    font-weight:bold;
    display:block;
    padding:10px
}

.tab-pane .attribute .attrName {
    text-align:right;
    color:#7F7F7F !important;
    border-right:1px solid #D8D5D5;
    width:30%;
    float:left
}

.tab-pane .attribute .attrValue {
    color:#333333 !important;
    width:70%;
    float:right
}

@media screen and (max-width: 767px) {
    .tab-pane .attribute .attrName {
        width:40%
    }

    .tab-pane .attribute .attrValue {
        width:60%
    }
}

.product .info .product-right .attributes .attribute span.attrName {
    color:#80838A;
    margin-right:5px
}

.product .info .product-right .attributes .attribute span.attrValue {
    color:#09418E
}

#filtr_cechy label {
    margin-bottom:2px
}

.filter label label {
    padding-left:28px;
    width:180px !important
}

.filter label label .fakeCbox {
    margin-left:-30px;
    margin-right:12px !important
}

.rwdSubMenu .nav ul {
    padding-left:0
}

.rwdSubMenu .nav ul li {
    text-align:left;
    display:block
}

.rwdSubMenu .nav ul li a {
    justify-content:normal !important;
    display:block !important
}

.rwdSubMenu .nav h4 {
    margin:0;
    cursor:pointer;
    border-top:1px solid #5f85b4;
    height:54px;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center
}

.rwdSubMenu .nav h4:first-child {
    border:none
}

.rwdSubMenu .nav h5 {
    cursor:pointer
}

.rwdSubMenu .nav h4+ul {
    display:none
}

.rwdSubMenu .nav h5+ul {
    display:none
}

#goToTop {
    position:fixed;
    bottom:0;
    right:10px;
    z-index:999;
    background:#07438C;
    color:white;
    display:inline-block;
    padding:7px 10px;
    cursor:pointer;
    text-transform:uppercase;
    font-size:12px;
    line-height:16px
}

@media screen and (min-width: 769px) {
    #goToTop,#goToTop.scrolled {
        display:none
    }
}

#goToTop i.fa {
    margin:0 0 0 5px;
    position:relative;
    top:-2px
}

#goToTop:hover {
    color:#07438C;
    background:white
}

@media screen and (max-width: 768px) {
    #goToTop {
        display:block;
        opacity:0;
        visibility:hidden;
        transition:0.3s ease 0s;
        -webkit-transition:0.3s ease 0s;
        -ms-transition:0.3s ease 0s;
        -o-transition:0.3s ease 0s;
        -moz-transition:0.3s ease 0s;
        -khtml-transition:0.3s ease 0s
    }

    #goToTop.scrolled {
        opacity:1;
        visibility:visible
    }
}

@media screen and (max-width: 499px) {
    .product .info .product-right .price {
        margin-bottom:0
    }

    .product .info .product-right .price::before {
        display:none
    }

    .product .info .product-right .tag {
        display:block;
        margin:0 0 20px;
        /*position:static;*/
        text-align:right
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .layout-navbar-secondary .wrap,.layout-search .wrap,.layout-text .wrap {
        padding-left:10px;
        padding-right:10px
    }
}

@media screen and (min-width: 769px) and (max-width: 1399px) {
    .products-list {
        padding-left:30px
    }
}

.description iframe,.description video,.description img {
    max-width:100%
}

@media screen and (max-width: 499px) {
    .description ul,.description ol {
        padding-left:10px
    }
}

.description .category,.description .category ul,.description .category li,.description .category ol {
    list-style:none
}

.tag {
    font-weight:300
}

input:focus,select:focus,textarea:focus {
    outline:none
}

a:focus {
    outline:none;
}
#contactPage .layout-main-tabs .wrap {
    padding:0 20px 55px
}

.layout-navbar-md .layout-navbar-secondary .nav .info {
    margin-right:10px
}

.styledSelect {
    background:white;
    border-bottom:2px solid #0a1d3e;
    position:relative;
    overflow:hidden
}

.styledSelect select {
    height:48px !important;
    line-height:48px !important;
    padding-left:0 !important;
    padding-left:calc(0px + 15px) !important;
    right:-20px;
    right:calc(0px + 0px);
    border-bottom:none !important;
    position:relative;
    padding-right:40px;
    display:block;
    width:calc(100% + 20px) !important
}

.styledSelect select:active+.selectBtn::after,.styledSelect select:active+.selectBtn::before,.styledSelect select:hover+.selectBtn::after,.styledSelect select:hover+.selectBtn::before {
    background-color:#33C8FF
}

.styledSelect .options {
    z-index:99999 !important;
    overflow:hidden !important;
    overflow-y:hidden !important
}

.styledSelect.open {
    overflow:visible !important
}

.styledSelect.open .options {
    overflow-y:auto !important
}

.styledSelect .selectBtn {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:69px;
    line-height:78px;
    width:69px;
    background:#F4F6F8;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    color:#646263;
    font-size:28px;
    text-align:center;
    pointer-events:none;
    cursor:pointer
}

.styledSelect .selectBtn::after,.styledSelect .selectBtn::before {
    position:absolute;
    top:0;
    right:24px;
    bottom:0;
    margin:auto 0;
    background:#AFB0B4;
    height:4px;
    width:18px;
    display:block;
    content:'';
    border-radius:2px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.styledSelect .selectBtn::after {
    margin-right:5px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

.styledSelect .selectBtn::before {
    margin-right:-5px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

.styledSelect .selectBtn:hover::after,.styledSelect .selectBtn:hover::before {
    background-color:#33C8FF
}

.product-right .fb-share-button {
    margin-bottom:20px;
    margin-top:10px
}

#komunikaty {
    margin-top:20px
}

#komunikaty .bledy_tytul {
    font-weight:bold;
    font-size:1.2em
}

.filtrCecha .filtrAtrybuty label {
    display:none
}

.filtrCecha .filtrAtrybuty label:nth-child(1),.filtrCecha .filtrAtrybuty label:nth-child(2),.filtrCecha .filtrAtrybuty label:nth-child(3),.filtrCecha .filtrAtrybuty label:nth-child(4),.filtrCecha .filtrAtrybuty label:nth-child(5),.filtrCecha .filtrAtrybuty label:nth-child(6) {
    display:block
}

.filtrCecha .filtrAtrybuty label:nth-child(1)+.pokazAtrybuty,.filtrCecha .filtrAtrybuty label:nth-child(2)+.pokazAtrybuty,.filtrCecha .filtrAtrybuty label:nth-child(3)+.pokazAtrybuty,.filtrCecha .filtrAtrybuty label:nth-child(4)+.pokazAtrybuty,.filtrCecha .filtrAtrybuty label:nth-child(5)+.pokazAtrybuty,.filtrCecha .filtrAtrybuty label:nth-child(6)+.pokazAtrybuty {
    display:none
}

.filtrCecha .filtrAtrybuty .pokazAtrybuty {
    clear:both;
    display:block;
    color:#9C9FA3;
    padding-top:5px;
    cursor:pointer
}

.filtrCecha .filtrAtrybuty .pokazAtrybuty i.fa {
    color:#24449B;
    margin-right:10px;
    font-size:12px
}

.clear {
    clear:both
}

.filter>strong:nth-child(2),.filter>strong:nth-child(4) {
    cursor:pointer
}

.filter>strong:nth-child(2) span,.filter>strong:nth-child(4) span {
    letter-spacing:1px;
    width:73%
}

.filter>strong:nth-child(2)+ul,.filter>strong:nth-child(4)+ul {
    display:none
}

.filter>strong:nth-child(4) span {
    width:60%
}

.filter>strong span {
    display:inline-block
}

.filter .badge {
    font-weight:400
}

.noBreak {
    break-inside:avoid;
    -moz-break-inside:avoid;
    page-break-inside:avoid;
    -moz-page-break-inside:avoid;
    -webkit-page-break-inside:avoid;
    -webkit-break-inside:avoid
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content a img {
    width:100%;
    border-radius: 30px;
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs {
    -webkit-column-rule:none;
    -moz-column-rule:none;
    column-rule:none;
    -moz-column-count:auto;
    -webkit-column-count:auto;
    column-count:auto;
    -webkit-column-gap:0;
    -moz-column-gap:0;
    column-gap:0
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs .tab-pane {
    column-rule-color:#e9eaee;
    -webkit-column-rule-color:#e9eaee;
    -moz-column-rule-color:#e9eaee;
    -webkit-column-rule:1px outset #e9eaee;
    -moz-column-rule:1px outset #e9eaee;
    column-rule:1px outset #e9eaee;
    -moz-column-count:5;
    -webkit-column-count:5;
    column-count:5;
    -webkit-column-rule-style:solid;
    -moz-column-rule-style:solid;
    column-rule-style:solid;
    -webkit-column-gap:30px;
    -moz-column-gap:30px;
    column-gap:30px
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs a {
    break-inside:avoid;
    -moz-break-inside:avoid;
    page-break-inside:avoid;
    -moz-page-break-inside:avoid;
    -webkit-page-break-inside:avoid;
    -webkit-break-inside:avoid
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs .tab-pane {
    margin:0
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs .tab-pane.active {
    display:block !important
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs .tab-pane>div {
    padding:0;
    border:none
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs .last-column {
    break-inside:avoid;
    -moz-break-inside:avoid;
    page-break-inside:avoid;
    -moz-page-break-inside:avoid;
    -webkit-page-break-inside:avoid;
    -webkit-break-inside:avoid
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs h5 {
    break-after:avoid;
    -moz-break-after:avoid;
    page-break-after:avoid;
    -moz-page-break-after:avoid;
    -webkit-page-break-after:avoid;
    -webkit-break-after:avoid
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content.hasTabs h5+div {
    break-inside:avoid;
    -moz-break-inside:avoid;
    page-break-inside:avoid;
    -moz-page-break-inside:avoid;
    -webkit-page-break-inside:avoid;
    -webkit-break-inside:avoid;
    break-before:avoid;
    -moz-break-before:avoid;
    page-break-before:avoid;
    -moz-page-break-before:avoid;
    -webkit-page-break-before:avoid;
    -webkit-break-before:avoid
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content .col-horizontalMenu {
    width:80%
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content .col-horizontalMenu .row {
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content .col-horizontalMenu .row>div {
    -webkit-flex:1 0 auto;
    flex:1 0 auto
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content .col-hit {
    width:20%
}

.layout-navbar-primary.hidden-sm.hidden-xs.hidden-md .submenu-content .col-hit img {
    max-width:100%
}

.border .chessboard-column-content {
    -moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
    -webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
    box-shadow:0 0 2px rgba(0,0,0,0.5)
}

.description h1,.description h2,.description h3 {
    color:#2447A3;
    font-family:'Roboto', sans-serif;
    font-weight:300;
    margin-bottom:10px;
    line-height:26px;
    margin-top:20px
}

.description h1,.description h2 {
    line-height:normal
}

.description h1 {
    font-size:32px
}

.description h2 {
    font-size:26px
}

.description h3 {
    font-size:20px
}

.description h4 {
    color:#2447A3
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .description h1,.description h2,.description h3 {
        line-height:24px
    }

    .description h1 {
        font-size:28px
    }

    .description h2 {
        font-size:24px
    }

    .description h3 {
        font-size:18px
    }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .description h1,.description h2,.description h3 {
        line-height:24px
    }

    .description h1 {
        font-size:28px
    }

    .description h2 {
        font-size:24px
    }

    .description h3 {
        font-size:18px
    }
}

@media screen and (max-width: 499px) {
    .description h1,.description h2,.description h3 {
        line-height:24px
    }

    .description h1 {
        font-size:28px
    }

    .description h2 {
        font-size:24px
    }

    .description h3 {
        font-size:18px
    }
}

.standard .col-xs-1,.standard .col-sm-1,.standard .col-md-1,.standard .col-lg-1,.standard .col-xs-2,.standard .col-sm-2,.standard .col-md-2,.standard .col-lg-2,.standard .col-xs-3,.standard .col-sm-3,.standard .col-md-3,.standard .col-lg-3,.standard .col-xs-4,.standard .col-sm-4,.standard .col-md-4,.standard .col-lg-4,.standard .col-xs-5,.standard .col-sm-5,.standard .col-md-5,.standard .col-lg-5,.standard .col-xs-6,.standard .col-sm-6,.standard .col-md-6,.standard .col-lg-6,.standard .col-xs-7,.standard .col-sm-7,.standard .col-md-7,.standard .col-lg-7,.standard .col-xs-8,.standard .col-sm-8,.standard .col-md-8,.standard .col-lg-8,.standard .col-xs-9,.standard .col-sm-9,.standard .col-md-9,.standard .col-lg-9,.standard .col-xs-10,.standard .col-sm-10,.standard .col-md-10,.standard .col-lg-10,.standard .col-xs-11,.standard .col-sm-11,.standard .col-md-11,.standard .col-lg-11,.standard .col-xs-12,.standard .col-sm-12,.standard .col-md-12,.standard .col-lg-12 {
    padding:0 5px !important
}

.standard .row {
    margin-left:-5px !important;
    margin-right:-5px !important
}

/*.standard .owl-carousel {*/
/*    margin-left:-5px !important;*/
/*    margin-right:-5px !important;*/
/*    width:calc(100% + 10px)*/
/*}*/

/*.standard .owl-carousel .row {*/
/*    margin-left:0 !important;*/
/*    margin-right:0 !important*/
/*}*/

.no-margin .col-xs-1,.no-margin .col-sm-1,.no-margin .col-md-1,.no-margin .col-lg-1,.no-margin .col-xs-2,.no-margin .col-sm-2,.no-margin .col-md-2,.no-margin .col-lg-2,.no-margin .col-xs-3,.no-margin .col-sm-3,.no-margin .col-md-3,.no-margin .col-lg-3,.no-margin .col-xs-4,.no-margin .col-sm-4,.no-margin .col-md-4,.no-margin .col-lg-4,.no-margin .col-xs-5,.no-margin .col-sm-5,.no-margin .col-md-5,.no-margin .col-lg-5,.no-margin .col-xs-6,.no-margin .col-sm-6,.no-margin .col-md-6,.no-margin .col-lg-6,.no-margin .col-xs-7,.no-margin .col-sm-7,.no-margin .col-md-7,.no-margin .col-lg-7,.no-margin .col-xs-8,.no-margin .col-sm-8,.no-margin .col-md-8,.no-margin .col-lg-8,.no-margin .col-xs-9,.no-margin .col-sm-9,.no-margin .col-md-9,.no-margin .col-lg-9,.no-margin .col-xs-10,.no-margin .col-sm-10,.no-margin .col-md-10,.no-margin .col-lg-10,.no-margin .col-xs-11,.no-margin .col-sm-11,.no-margin .col-md-11,.no-margin .col-lg-11,.no-margin .col-xs-12,.no-margin .col-sm-12,.no-margin .col-md-12,.no-margin .col-lg-12 {
    padding:0 !important
}

.no-margin .row {
    border-top:none !important;
    margin-top:0 !important;
    margin-left:0 !important;
    margin-right:0 !important
}

.no-margin .standard .col-xs-1,.no-margin .standard .col-sm-1,.no-margin .standard .col-md-1,.no-margin .standard .col-lg-1,.no-margin .standard .col-xs-2,.no-margin .standard .col-sm-2,.no-margin .standard .col-md-2,.no-margin .standard .col-lg-2,.no-margin .standard .col-xs-3,.no-margin .standard .col-sm-3,.no-margin .standard .col-md-3,.no-margin .standard .col-lg-3,.no-margin .standard .col-xs-4,.no-margin .standard .col-sm-4,.no-margin .standard .col-md-4,.no-margin .standard .col-lg-4,.no-margin .standard .col-xs-5,.no-margin .standard .col-sm-5,.no-margin .standard .col-md-5,.no-margin .standard .col-lg-5,.no-margin .standard .col-xs-6,.no-margin .standard .col-sm-6,.no-margin .standard .col-md-6,.no-margin .standard .col-lg-6,.no-margin .standard .col-xs-7,.no-margin .standard .col-sm-7,.no-margin .standard .col-md-7,.no-margin .standard .col-lg-7,.no-margin .standard .col-xs-8,.no-margin .standard .col-sm-8,.no-margin .standard .col-md-8,.no-margin .standard .col-lg-8,.no-margin .standard .col-xs-9,.no-margin .standard .col-sm-9,.no-margin .standard .col-md-9,.no-margin .standard .col-lg-9,.no-margin .standard .col-xs-10,.no-margin .standard .col-sm-10,.no-margin .standard .col-md-10,.no-margin .standard .col-lg-10,.no-margin .standard .col-xs-11,.no-margin .standard .col-sm-11,.no-margin .standard .col-md-11,.no-margin .standard .col-lg-11,.no-margin .standard .col-xs-12,.no-margin .standard .col-sm-12,.no-margin .standard .col-md-12,.no-margin .standard .col-lg-12 {
    padding:0 5px !important
}

.no-margin .standard .row {
    margin-left:-5px !important;
    margin-right:-5px !important
}

@media screen and (max-width: 991px) {
    .col-md-6 {
        width:100%
    }
}

.filter .btn {
    text-transform:uppercase;
    color:white;
    margin-top:10px;
    background:#23479f;
    border-radius: 20px;
}

.filter .btn:last-child {
    margin-bottom:20px
}

.filter .btn:hover {
    background:#062B57
}

.news {
    overflow:hidden;
    padding: 10px;
}

.news .news-row {
    width: 24%;
    padding: 10px;
    box-sizing: border-box;

    border: 0;
    background: transparent;
    border-radius: 0;
}

.news .news-row>div {
    border: solid 1px #BCCDE5;
    border-radius: 30px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

.news .news-row .news-image {
    border-top:5px solid #FAFAFA;
    border-bottom:5px solid #FAFAFA;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center
}

@media screen and (max-width: 992px) {
    .news .news-row {
        width:50%
    }

    .news .news-row .news-image {
        height:200px !important
    }
}

@media screen and (max-width: 499px) {
    .news .news-row {
        width:100%
    }
}

.col-horizontalMenu>.row>div {
    margin-bottom:20px
}

#opis-23 .chessboard .chessboard-row-content:nth-child(1),#opis-23 .chessboard .chessboard-row-content:nth-child(3) {
    border-bottom:1px solid #F1F2F6;
    padding-bottom:20px;
    margin-bottom:20px
}

#historiaTimeline {
    position:relative;
    margin-top:40px
}

#historiaTimeline .owl-nav .owl-prev,#historiaTimeline .owl-nav .owl-next {
    position:absolute;
    top:33px;
    font-size:24px;
    color:#2447A1
}

#historiaTimeline .owl-nav .owl-prev.disabled,#historiaTimeline .owl-nav .owl-next.disabled {
    color:#D3DAED
}

#historiaTimeline .owl-nav .owl-prev {
    left:-20px
}

#historiaTimeline .owl-nav .owl-next {
    right:-20px
}

#historiaTimeline .owl-item {
    position:relative
}

#historiaTimeline .owl-item .dot {
    position:absolute;
    width:20px;
    height:20px;
    background:#EAEDF2;
    border-radius:20px;
    top:40px
}

#historiaTimeline .owl-item .dot:nth-child(1) {
    left:calc(((100% - (6 * 20px + 100px)) / 12))
}

#historiaTimeline .owl-item .dot:nth-child(2) {
    left:calc((((100% - (6 * 20px + 100px)) / 12) * 3) + 20px)
}

#historiaTimeline .owl-item .dot:nth-child(3) {
    left:calc((((100% - (6 * 20px + 100px)) / 12) * 5) + 2 * 20px)
}

#historiaTimeline .owl-item .dot:nth-child(4) {
    left:calc((((100% - (6 * 20px + 100px)) / 12) * 7) + 3 * 20px + 100px)
}

#historiaTimeline .owl-item .dot:nth-child(5) {
    left:calc((((100% - (6 * 20px + 100px)) / 12) * 9) + 4 * 20px + 100px)
}

#historiaTimeline .owl-item .dot:nth-child(6) {
    left:calc((((100% - (6 * 20px + 100px)) / 12) * 11) + 5 * 20px + 100px)
}

#historiaTimeline .year {
    width:100px;
    height:100px;
    border:1px solid #F3F3F5;
    border-radius:100px;
    display:block;
    margin:0 auto
}

#historiaTimeline .year>div {
    border-radius:100px;
    border:9px solid white;
    line-height:80px;
    text-align:center;
    background:#6480ca;
    background:-moz-linear-gradient(top, #6480ca 0%, #2346a0 100%);
    background:-webkit-linear-gradient(top, #6480ca 0%, #2346a0 100%);
    background:linear-gradient(to bottom, #6480ca 0%,#2346a0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6480ca', endColorstr='#2346a0',GradientType=0 );
    color:white;
    font-size:22px
}

#historiaTimeline p {
    margin:40px 0;
    padding:0 70px;
    font-size:14px;
    font-weight:300;
    text-align:center;
    color:#737373
}

.wrap .wrap {
    width:auto !important;
    max-width:none !important
}

#opis-23 .chessboard .row.chessboard-row-content:nth-child(2)>div {
    display:none
}

#opis-23 .chessboard .row.chessboard-row-content:nth-child(2)>div:first-child,#opis-23 .chessboard .row.chessboard-row-content:nth-child(2)>div:last-child {
    display:block;
    width:50% !important
}

@media screen and (max-width: 399px) {
    #opis-23 .chessboard .row.chessboard-row-content:nth-child(2)>div:first-child,#opis-23 .chessboard .row.chessboard-row-content:nth-child(2)>div:last-child {
        width:100% !important
    }
}

@media screen and (max-width: 1299px) {
    .backButton {
        display:none
    }

    .layout-breadcrumb {
        margin-bottom:10px
    }
}

@media screen and (max-width: 699px) {
    .hidden-xxs {
        display:none
    }
}

/*@media screen and (max-width: 768px) and (min-width: 700px) {*/
/*    .layout-main-tabs .tab-content .visible-xs {*/
/*        display:none !important*/
/*    }*/

/*    .layout-main-tabs .nav-tabs.nav-justified>li {*/
/*        float:left;*/
/*        width:33.33%*/
/*    }*/

/*    #contactPage .layout-main-tabs .nav-tabs.nav-justified>li {*/
/*        float:left;*/
/*        width:50%*/
/*    }*/
/*}*/
.layout-main-tabs .tab-content .visible-xs {
    display:none !important
}
.owl-item {
    overflow:hidden
}

#contactPage .map {
    margin:0 -50px
}

@media screen and (max-width: 499px) {
    #contactPage .map {
        margin:0 -30px
    }
}

#contactPage .layout-main-tabs .nav-tabs.nav-justified>li a {
    font-size:30px;
    font-weight:300;
    line-height:58px
}

#contactPage .layout-main-tabs .nav-tabs.nav-justified>li.active a {
    font-weight:400
}

#contactPage .animBn {
    color:#003366;
    overflow:hidden;
    position:relative;
    margin-bottom:40px
}

#contactPage .animBn .bg {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-size:cover;
    background-position:center center;
    border-radius: 12px; /* <- to dodaj */
}

#contactPage .animBn img {
    width:100%
}

#contactPage .animBn .button {
    background:#07438C;
    padding:0 20px 0 30px;
    line-height:40px;
    height:40px;
    display:inline-block;
    color:white;
    text-transform:uppercase;
    position:absolute;
    top:0;
    left:40px;
    border-radius:100px;
    bottom:0;
    margin:auto 0;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

#contactPage .animBn .button i.fa {
    font-size:11px;
    position:relative;
    margin-left:5px;
    top:-1px
}

#contactPage .animBn a {
    display:block;
    overflow:hidden;
    pointer-events:auto;
    cursor:pointer
}

#contactPage .animBn a img,#contactPage .animBn a .bg {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

#contactPage .animBn a:hover .button,#contactPage .animBn a:active .button,#contactPage .animBn a:focus .button {
    background:#062B57
}

#contactPage .animBn a:hover img,#contactPage .animBn a:hover .bg,#contactPage .animBn a:active img,#contactPage .animBn a:active .bg,#contactPage .animBn a:focus img,#contactPage .animBn a:focus .bg {
    transform:scale(1.05);
    -webkit-transform:scale(1.05)
}

@media screen and (max-width: 768px) and (min-width: 400px) {
    .contact .contact-row .contact-list .contact-item {
        -webkit-flex:0 0 50%;
        flex:0 0 50%
    }
}

@media screen and (max-width: 768px) {
    .contact .contact-row .contact-list .contact-item {
        margin-top:20px
    }
}

*[data-comparisonpid],.add-to {
    padding-left:24px;
    position:relative;
    text-transform:lowercase;
    color:#8B8C91
}

*[data-comparisonpid]:hover,*[data-comparisonpid]:active,*[data-comparisonpid]:focus,.add-to:hover,.add-to:active,.add-to:focus {
    text-decoration:none
}

*[data-comparisonpid]::before,.add-to::before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto 0;
    display:inline-block;
    width:16px;
    height:16px;
    border:1px solid #DCDDE2;
    background:#FFFFFF;
    box-shadow:0 1px 1px #E8E6E7 inset;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

*[data-comparisonpid]::after,.add-to::after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto 0;
    display:inline-block;
    width:16px;
    height:16px;
    text-align:center;
    line-height:16px;
    color:#47C480;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    font-size:0;
    visibility:hidden;
    content:"\f00c";
    font-family:FontAwesome;
    font-style:normal;
    font-weight:normal;
    text-decoration:inherit
}

*[data-comparisonpid].active::before,.add-to.active::before {
    border-color:#AAB2BF
}

*[data-comparisonpid].active::after,.add-to.active::after {
    font-size:13px;
    visibility:visible
}

.description h1:first-child,.description h2:first-child,.description h3:first-child,.description h4:first-child,.description h5:first-child {
    margin-top:0
}

.layout-footer-contact img {
    margin-top:20px
}

#porownanie {
    margin-bottom:40px
}

@media screen and (max-width: 1199px) {
    #porownanie {
        padding-left:10px;
        padding-right:10px
    }
}

#porownanie .tableWrapper {
    width:100%;
    overflow-x:auto
}

#porownanie .tableWrapper table {
    width:100%
}

#porownanie .tableWrapper table td {
    border-bottom:1px solid #d8d5d5;
    border-right:1px solid #d8d5d5;
    min-width:200px;
    padding:5px 10px;
    font-size:16px
}

#porownanie .tableWrapper table td:first-child {
    border-left:1px solid #d8d5d5;
    padding-left:0;
    width:10%;
    min-width:80px;
    text-align:right;
    font-size:14px
}

#porownanie .tableWrapper table td:last-child {
    padding-right:0
}

#porownanie .tableWrapper table td img {
    max-width:100%
}

#porownanie .tableWrapper table tr:nth-child(2n+1) td {
    background:#F5F4F4
}

#porownanie .tableWrapper table tr:first-child td,#porownanie .tableWrapper table tr:nth-child(2) td {
    background:none;
    text-align:center;
    border-left-color:#fff;
    border-bottom-color:#fff;
    border-right-color:#fff
}

#porownanie .tableWrapper table tr:nth-child(3) td {
    background:none;
    text-align:center;
    border-left-color:#fff;
    border-right-color:#fff
}

#porownanie .price {
    color:#23479f;
    font-size:36px;
    font-weight:300
}

#plikiDoPobrania {
    background:#fff;
    padding:40px 0
}

@media screen and (min-width: 800px) {
    #plikiDoPobrania>div>div {
        column-count:2 !important;
        -moz-column-count:2 !important;
        -webkit-column-count:2 !important;
        columns:2 !important;
        -moz-columns:2 !important;
        -webkit-columns:2 !important
    }
}

#plikiDoPobrania a {
    color:#2447a3;
    text-decoration:none !important;
    margin-bottom:5px;
    display:inline-block
}

#plikiDoPobrania a img {
    width:24px;
    margin-right:5px
}

#plikiDoPobrania h2 {
    text-transform:uppercase;
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:1px solid #e3e6eb
}

#certyfikatyKaruzela {
    position:relative;
    margin-top:40px;
    margin-bottom:40px
}

#certyfikatyKaruzela .owl-nav .owl-prev,#certyfikatyKaruzela .owl-nav .owl-next {
    position:absolute;
    top:33px;
    font-size:24px;
    color:#2447A1
}

#certyfikatyKaruzela .owl-nav .owl-prev.disabled,#certyfikatyKaruzela .owl-nav .owl-next.disabled {
    color:#D3DAED
}

#certyfikatyKaruzela .owl-nav .owl-prev {
    left:-20px
}

#certyfikatyKaruzela .owl-nav .owl-next {
    right:-20px
}

#certyfikatyKaruzela .owl-item {
    overflow:hidden
}

#certyfikatyKaruzela .image {
    padding:0 20px;
    text-align:center;
    float:left;
    width:25%;
    width:calc(0px + 170px)
}

#certyfikatyKaruzela .image img {
    max-width:100%
}

#certyfikatyKaruzela p {
    padding:0 40px 0 10px;
    float:right;
    width:75%;
    width:calc(100% - 170px);
    color:#818892;
    font-size:14px;
    line-height:1.4em;
    text-align:justify
}

#certyfikatyKaruzela p>b {
    display:block;
    margin-bottom:15px;
    color:#062B57;
    font-size:16px
}

.tab-pane>.row>div>a,.tab-pane>.row>div>a *,.tab-pane>.row>div>a:hover,.tab-pane>.row>div>a:hover *,.tab-pane>.row>div .product>a,.tab-pane>.row>div .product>a *,.tab-pane>.row>div .product>a:hover,.tab-pane>.row>div .product>a:hover * {
    text-decoration:none !important
}

.plistGrid {
    transition:opacity 0.3s ease 0s;
    -webkit-transition:opacity 0.3s ease 0s;
    -ms-transition:opacity 0.3s ease 0s;
    -o-transition:opacity 0.3s ease 0s;
    -moz-transition:opacity 0.3s ease 0s;
    -khtml-transition:opacity 0.3s ease 0s;
    margin-right:15px;
    opacity:0.3;
    cursor:pointer
}

.plistGrid:nth-child(3) {
    margin-right:0
}

.plistGrid.active,.plistGrid:hover {
    opacity:1
}

.workers.bottomWorkers {
    padding:15px 0 0;
    margin:0
}

.workers.bottomWorkers h2 {
    text-transform:uppercase;
    margin-bottom:25px;
    padding-bottom:10px;
    border-bottom:1px solid #e3e6eb
}

@media screen and (max-width: 1399px) {
    .workers.bottomWorkers {
        padding-left:10px;
        padding-right:10px
    }
}

@media screen and (max-width: 1405px) {
    .workers.bottomWorkers h2 {
        padding-left:20px;
        padding-right:20px
    }
}

.contact .layout-main-tabs ul.nav li a {
    line-height:normal;
    /*height:80px;*/
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:center;
    align-items:center;
    -webkit-justify-content:center;
    justify-content:center;
    text-align:left;
    /*padding:0 10px*/
}

.pdfBtn {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    height:38px;
    line-height:36px;
    border:1px solid #E6E9ED;
    border-radius:100px;
    display:inline-block;
    color:#2447A3 !important;
    padding-left:45px;
    padding-right:20px;
    font-size:14px;
    text-decoration:none;
    background-image:url("/images/pdf.png");
    background-repeat:no-repeat;
    background-position:15px center
}

.pdfBtn:hover {
    background-color:transparent;
    color:#737373 !important;
    text-decoration:none
}

.login h2 {
    text-transform:uppercase
}

@media screen and (min-width: 768px) {
    .login .halfWrap.pull-left a.new-account {
        margin-top:60px
    }

    .login .halfWrap.pull-left a.return {
        margin-top:160px
    }
}

.select-delivery .showOnlyInActive {
    display:none
}

.select-delivery .active .hideInActive {
    display:none
}

.select-delivery .active .showOnlyInActive {
    display:inline
}

.styledRadio input[type=radio] {
    display:none
}

.styledRadio input[type=radio]+.dummy {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    display:inline-block;
    width:30px;
    height:30px;
    border-radius:30px;
    background:white;
    position:relative;
    margin:20px 5px;
    border:2px solid #CACACA
}

.styledRadio input[type=radio]+.dummy::after {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:0;
    height:0;
    background:#34C8FF;
    content:'';
    display:block;
    border-radius:20px;
    margin:auto
}

.styledRadio input[type=radio]:checked+.dummy {
    border-color:#71D8FF
}

.styledRadio input[type=radio]:checked+.dummy::after {
    height:18px;
    width:18px
}

.form-group {
    margin-bottom:8px
}

form h3 {
    margin-bottom:5px
}

#zadajPytanie {
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    position:fixed;
    display:inline-block;
    background:#2FA7E6;
    margin:auto 0;
    top:0;
    bottom:0;
    width:320px;
    right:-260px;
    z-index:9999;
    height:200px;
    padding:0 10px 0 40px;
    color:white
}

#zadajPytanie h3 {
    font-size:20px;
    text-transform:uppercase;
    font-weight:bold;
    margin:25px 0 30px
}

#zadajPytanie .toggleArrow {
    cursor:pointer;
    background:#2FA7E6;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    width:60px
}

#zadajPytanie .toggleArrow:hover {
    background:#349CD3
}

#zadajPytanie .toggleArrow i.fa {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    color:#97D4F3;
    position:absolute;
    left:10px;
    height:14px;
    top:0;
    bottom:0;
    margin:auto 0
}

#zadajPytanie .toggleArrow span {
    font-size:16px;
    overflow:hidden;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    height:30px;
    width:200px;
    display:block;
    color:white;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    text-align:center;
    font-weight:bold;
    text-transform:uppercase;
    line-height:30px;
    position:absolute;
    top:85px;
    bottom:0;
    left:-54px
}

#zadajPytanie .infolinia {
    overflow:hidden
}

#zadajPytanie .infolinia .icon {
    float:left;
    width:60px
}

#zadajPytanie .infolinia .text {
    color:white;
    font-size:16px
}

#zadajPytanie .infolinia .text span {
    color:#082B55
}

#zadajPytanie .zadajBtn {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    padding:0 70px 0 27px;
    color:white;
    font-size:16px;
    text-decoration:none;
    background-color:#2447A3;
    display:inline-block;
    height:40px;
    text-transform:uppercase;
    margin-top:20px;
    line-height:40px;
    border-radius:40px;
    background-image:url("/obrazki/ikony/kontakt/mikona_chat.png");
    background-repeat:no-repeat;
    background-position:right 20px center
}

#zadajPytanie .zadajBtn:hover {
    background-color:#062B57;
    color:white;
    text-decoration:none
}

#zadajPytanie.active {
    right:0
}

#zadajPytanie.active .toggleArrow {
    background:#349CD3;
    width:30px
}

#zadajPytanie.active .toggleArrow i.fa {
    color:white;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg)
}

#zadajPytanie.active .toggleArrow span {
    height:0
}

.news .news-row .news-text {
    font-weight:bold;
    padding:0 10px 10px
}

.news .news-row .news-text .news-desc {
    font-weight:normal
}

.plistPBig,.plistPSmall {
    position:relative;
    overflow:hidden
}

.plistPBig a.absoluteLink,.plistPSmall a.absoluteLink {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1
}

.plistPBig .foto,.plistPSmall .foto {
    float:left;
    width:25%;
    padding:10px 20px
}

.plistPBig .foto img,.plistPSmall .foto img {
    max-width:100%
}

.plistPBig .nameRow,.plistPBig .cechyRow,.plistPSmall .nameRow,.plistPSmall .cechyRow {
    float:right;
    width:75%
}

.plistPBig .nameRow,.plistPSmall .nameRow {
    padding:40px 0 20px
}

.plistPBig .nameRow .name,.plistPSmall .nameRow .name {
    float:left;
    color:#000000;
    font-size:14px
}

.plistPBig .nameRow .name .add-to,.plistPSmall .nameRow .name .add-to {
    display:inline-block;
    margin-top:5px;
    position:relative;
    z-index:5
}

.plistPBig .nameRow .etykiety,.plistPSmall .nameRow .etykiety {
    float:right
}

.plistPBig .nameRow .etykiety .price,.plistPSmall .nameRow .etykiety .price {
    display:block;
    position:relative;
    z-index:1;
    color:#23479f;
    font-weight:bold;
    font-size:16px;
    margin-left:-180px
}

.plistPBig .nameRow .etykiety .price:before,.plistPSmall .nameRow .etykiety .price:before {
    border-top:1px solid #e9eaee;
    content:"";
    margin:0 auto;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    width:95%;
    z-index:-1
}

.plistPBig .nameRow .etykiety .price span,.plistPSmall .nameRow .etykiety .price span {
    background:#fff;
    padding:0 15px 0 0
}

.plistPBig .nameRow .etykiety .tag,.plistPSmall .nameRow .etykiety .tag {
    position:relative;
    top:-22px;
    background:#ffffff;
    z-index:1;
    padding-left:10px
}

.plistPBig .nameRow .etykiety .tag span,.plistPSmall .nameRow .etykiety .tag span {
    border-radius:50px;
    padding:8px 12px;
    margin:0 3px
}

.plistPBig .nameRow .etykiety .tag .top,.plistPSmall .nameRow .etykiety .tag .top {
    background-color:#46c381;
    color:#ffffff
}

.plistPBig .nameRow .etykiety .tag .bestseller,.plistPSmall .nameRow .etykiety .tag .bestseller {
    background-color:#fcc42f;
    color:#ffffff
}

.plistPBig .nameRow .etykiety .tag .new,.plistPSmall .nameRow .etykiety .tag .new {
    background-color:#2bade7;
    color:#ffffff
}

.plistPBig .nameRow .etykiety .tag .sale,.plistPSmall .nameRow .etykiety .tag .sale {
    background-color:#e33f1a;
    color:#ffffff
}

.plistPBig .cechyRow,.plistPSmall .cechyRow {
    padding-bottom:40px;
    color:#81818B;
    font-size:12px
}

@media screen and (max-width: 999px) {
    .plistPBig .foto,.plistPSmall .foto {
        width:35%
    }

    .plistPBig .nameRow,.plistPBig .cechyRow,.plistPSmall .nameRow,.plistPSmall .cechyRow {
        width:65%
    }

    .plistPBig .nameRow .name,.plistPSmall .nameRow .name {
        float:none;
        margin-bottom:10px
    }
}

@media screen and (max-width: 699px) {
    .plistPBig .foto,.plistPSmall .foto {
        width:100% !important;
        text-align:center
    }

    .plistPBig .nameRow,.plistPBig .cechyRow,.plistPSmall .nameRow,.plistPSmall .cechyRow {
        width:100% !important;
        float:none;
        padding:5px 10px;
        clear:both;
        overflow:hidden
    }

    .plistPBig .nameRow .name,.plistPSmall .nameRow .name {
        float:none;
        margin-bottom:10px
    }
}

@media screen and (max-width: 499px) {
    .plistPBig,.plistPSmall {
        text-align:center
    }

    .plistPBig .nameRow,.plistPSmall .nameRow {
        overflow:visible
    }

    .plistPBig .nameRow .etykiety,.plistPSmall .nameRow .etykiety {
        margin-bottom:10px;
        float:none;
        overflow:visible
    }

    .plistPBig .nameRow .etykiety .price,.plistPSmall .nameRow .etykiety .price {
        margin:10px 0
    }

    .plistPBig .nameRow .etykiety .price::before,.plistPSmall .nameRow .etykiety .price::before {
        display:none
    }

    .plistPBig .nameRow .etykiety .tag,.plistPSmall .nameRow .etykiety .tag {
        position:static;
        padding:10px 0
    }
}

.plistPSmall .foto {
    width:15%
}

.plistPSmall .nameRow,.plistPSmall .cechyRow {
    width:85%
}

.plistPSmall .add-to {
    margin-left:20px
}

.plistPSmall .nameRow {
    padding-bottom:10px;
    padding-top:20px
}

.plistPSmall .cechyRow {
    padding-bottom:20px
}

@media screen and (max-width: 999px) {
    .plistPSmall .foto {
        width:25%
    }

    .plistPSmall .nameRow,.plistPSmall .cechyRow {
        width:75%
    }
}

nav {
    overflow:hidden
}

nav .pagination {
    float:right
}

.modal-text-content-element.btn {
    width:auto !important
}

@media screen and (max-width: 1366px) {
    #zadajPytanie {
        display:none
    }
}

/*!EFEKT Z DAVE DISPLAY*/
.pomocTechniczna>form {
    border:1px solid #eee;
    background:#fafafa;
    max-width:1060px;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:20px
}

.pomocTechniczna>form .form-control {
    border-top:1px solid #EEEEEE;
    border-left:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE;
    border-right:1px solid #EEEEEE
}

.pomocTechniczna label.control-label {
    padding-top:5px !important
}

@media screen and (max-width: 1799px) and (min-width: 992px) {
    .tab-pane .product {
        margin-bottom: 35px;
    }

    .tab-pane .product a .price::before {
        display:none;
    }

    .tab-pane .product a .tag {
        margin:0;
        top: 25px;
    }
}

.search-shop-content .styledSelect {
    height:55px;
    border:1px solid #E6E6E6
}

.search-shop-content .styledSelect select {
    height:53px !important;
    border:none !important;
    box-shadow:none
}

.search-shop-content .styledSelect .selectBtn {
    width:67px;
    background:#F8F8F8;
    border-left:1px solid #E6E6E6
}

.search-shop-content #firmyWyszukaj {
    font-size:22px
}

.search-shop-content .options label {
    text-transform:uppercase;
    line-height:30px
}

.search-shop-content .styledRadio input[type="radio"]+.dummy {
    position:relative;
    top:4px;
    margin-top:0;
    margin-bottom:0;
    width:20px;
    height:20px;
    border:4px solid #CDCED2
}

.search-shop-content .styledRadio input[type="radio"]+.dummy::after {
    background:#23459E
}

.search-shop-content .styledRadio input[type=radio]:checked+.dummy {
    border:4px solid #CDCED2
}

.search-shop-content .styledRadio input[type=radio]:checked+.dummy::after {
    width:8px;
    height:8px
}

.fakeSelect {
    background:white;
    border-bottom:2px solid #0a1d3e;
    position:relative;
    cursor:pointer
}

.fakeSelect select {
    display:none
}

.fakeSelect:hover .arrow::after,.fakeSelect:hover .arrow::before {
    background-color:#33C8FF
}

.fakeSelect .selected {
    height:48px !important;
    line-height:48px !important;
    border-bottom:none !important;
    display:block;
    padding:0 10px
}

.fakeSelect .arrow {
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:69px;
    line-height:78px;
    width:69px;
    background:#F4F6F8;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    color:#646263;
    font-size:28px;
    text-align:center;
    pointer-events:none;
    cursor:pointer
}

.fakeSelect .arrow::after,.fakeSelect .arrow::before {
    position:absolute;
    top:0;
    right:24px;
    bottom:0;
    margin:auto 0;
    background:#AFB0B4;
    height:4px;
    width:18px;
    display:block;
    content:'';
    border-radius:2px;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.fakeSelect .arrow::after {
    margin-right:5px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

.fakeSelect .arrow::before {
    margin-right:-5px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

.fakeSelect .arrow:hover::after,.fakeSelect .arrow:hover::before {
    background-color:#33C8FF
}

.fakeSelect .options {
    visibility:hidden;
    width:100%;
    background:white;
    border:1px solid #E3E6ED;
    border-top:0;
    transition:max-height 0.3s ease 0s;
    -webkit-transition:max-height 0.3s ease 0s;
    -ms-transition:max-height 0.3s ease 0s;
    -o-transition:max-height 0.3s ease 0s;
    -moz-transition:max-height 0.3s ease 0s;
    -khtml-transition:max-height 0.3s ease 0s;
    position:absolute;
    top:100%;
    max-height:0;
    overflow:hidden;
    z-index:999
}

.fakeSelect .options,.fakeSelect .options li {
    padding:0;
    list-style:none
}

.fakeSelect .options li {
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    padding:10px 10px;
    border-bottom:1px solid #E3E6ED
}

.fakeSelect .options li:hover {
    background:rgba(227,230,237,0.4)
}

.fakeSelect .options li:last-child {
    border-bottom:0
}

.fakeSelect.open .options {
    visibility:visible;
    max-height:200px;
    overflow-y:auto
}

.fakeSelect.open .arrow::after {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

.fakeSelect.open .arrow::before {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

.products-list .list .filters+.filters {
    display:block;
    margin-left:-3px;
    margin-right:-3px
}

.products-list .list .filters+.filters .btn {
    background:#EBEFF0;
    color:#09418E;
    height:30px;
    line-height:30px;
    font-size:12px;
    padding:0 20px 0 35px;
    border:none;
    outline:none;
    box-shadow:none;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
    border-radius:30px;
    text-shadow:none;
    margin:5px 3px;
    position:relative
}

.products-list .list .filters+.filters .btn::after,.products-list .list .filters+.filters .btn::before {
    position:absolute;
    margin:auto 0;
    top:0;
    bottom:0;
    left:17px;
    width:9px;
    height:1px;
    height:1.5px;
    background:#898A8C;
    content:'';
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

.products-list .list .filters+.filters .btn::before {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

.products-list .list .filters+.filters .btn:hover {
    background:#dfe3e4
}

#historiaZamowien {
    overflow-x:auto;
    padding-bottom:60px;
    border-bottom:2px solid #CED1D5
}

#historiaZamowien>table {
    width:100%;
    min-width:750px
}

#historiaZamowien>table .szczegoly {
    display:none
}

#historiaZamowien>table th {
    color:#A8AAAD;
    font-weight:normal;
    text-transfrom:uppercase;
    border-bottom:1px solid #CED1D5;
    height:46px
}

#historiaZamowien>table td {
    font-size:14px;
    color:#000000;
    height:73px;
    border-bottom:1px solid #CED1D5
}

#historiaZamowien>table td:nth-child(3),#historiaZamowien>table td:nth-child(4) {
    color:#6C6D6F
}

#historiaZamowien>table td:first-child {
    color:#062B57;
    vertical-align:top;
    padding-top:30px;
    padding-bottom:20px
}

#historiaZamowien>table td .szczegolyButton,#historiaZamowien>table td .dokumentButton {
    padding:0 17px;
    height:35px;
    line-height:35px;
    display:inline-block;
    background:#FFFFFF;
    color:#2447A1;
    border-radius:35px;
    margin-top:10px;
    cursor:pointer
}

#historiaZamowien>table td .szczegolyButton:hover,#historiaZamowien>table td .dokumentButton:hover {
    text-decoration:none
}

#historiaZamowien>table td .status {
    padding:10px 25px 10px 50px;
    border-radius:16px;
    border-width:1px;
    line-height:13px;
    border-style:solid;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:18px center
}

#historiaZamowien>table td .status.status-success {
    border-color:#19A05F;
    color:#1BA462;
    background-image:url("../images/icons/status-success.png")
}

#historiaZamowien>table td .status.status-warning {
    border-color:#E6AE18;
    color:#E6AE18;
    background-image:url("../images/icons/status-warning.png")
}

#historiaZamowien>table td .status.status-danger {
    border-color:#ED4A2A;
    color:#ED4A2A;
    background-image:url("../images/icons/status-danger.png")
}

#historiaZamowien>table .szczegoly td {
    padding:0
}

#historiaZamowien>table .szczegoly td>div {
    min-height:73px;
    background:#FFFFFF;
    position:relative;
    margin-top:-1px
}

#historiaZamowien>table .szczegoly td>div::after {
    content:'';
    display:block;
    width:0;
    height:0;
    border-style:solid;
    border-width:0 16px 15px 16px;
    border-color:transparent transparent #ffffff transparent;
    position:absolute;
    left:33px;
    top:-15px
}

#historiaZamowien>table .szczegoly td>div>div {
    display:-webkit-flex;
    display:flex
}

#historiaZamowien>table .szczegoly td>div>div .left {
    -webkit-flex:1 0 70%;
    flex:1 0 70%;
    border-right:1px solid #E6E8EA
}

#historiaZamowien>table .szczegoly td>div>div .left table {
    width:100%
}

#historiaZamowien>table .szczegoly td>div>div .left table img {
    max-width:100%;
    max-height:70px
}

#historiaZamowien>table .szczegoly td>div>div .left table td {
    border-color:#E6E8EA;
    padding:15px
}

#historiaZamowien>table .szczegoly td>div>div .left table td:first-child {
    padding-left:30px
}

#historiaZamowien>table .szczegoly td>div>div .left table td:last-child {
    text-align:right;
    padding-right:30px
}

#historiaZamowien>table .szczegoly td>div>div .left table+h3 {
    padding:25px 30px;
    text-align:right
}

#historiaZamowien>table .szczegoly td>div>div .right {
    -webkit-flex:1 0 30%;
    flex:1 0 30%
}

#historiaZamowien>table .szczegoly td>div>div .right div:nth-child(2) {
    font-size:16px;
    color:#000000;
    padding:20px 30px;
    font-size:14px;
    text-transform:uppercase
}

#historiaZamowien>table .szczegoly td>div>div .right div:nth-child(2) .dokumentButton {
    color:#3B57A9;
    background:#F4F4F4;
    transition:backround-color 0.3s ease 0s;
    -webkit-transition:backround-color 0.3s ease 0s;
    -ms-transition:backround-color 0.3s ease 0s;
    -o-transition:backround-color 0.3s ease 0s;
    -moz-transition:backround-color 0.3s ease 0s;
    -khtml-transition:backround-color 0.3s ease 0s
}

#historiaZamowien>table .szczegoly td>div>div .right div:nth-child(2) .dokumentButton:hover {
    background:#eee
}

#historiaZamowien>table .szczegoly td>div>div .left>div:first-child,#historiaZamowien>table .szczegoly td>div>div .right>div:first-child {
    padding:20px 35px;
    border-bottom:1px solid #E6E8EA;
    height:73px;
    line-height:32px
}

#historiaZamowien>table .szczegoly td>div>div .left>div:first-child h2,#historiaZamowien>table .szczegoly td>div>div .right>div:first-child h2 {
    line-height:32px;
    margin:0
}

#historiaZamowien>table .szczegoly td>div>div h2 {
    font-size:22px;
    text-transform:uppercase;
    font-weight:300
}

#historiaZamowien>table .szczegoly td>div>div h2 b {
    font-weight:400
}

#historiaZamowien>table .szczegoly td>div>div h3 {
    font-size:18px;
    text-transform:uppercase;
    font-weight:300
}

#historiaZamowien>table .szczegoly td>div>div h3 b {
    font-weight:400
}

#historiaZamowien>table>tr:nth-last-child(2) td,#historiaZamowien>table>*>tr:nth-last-child(2) td,#historiaZamowien>table tr:last-child td {
    border-bottom:0
}

@media screen and (max-width: 1429px) {
    #certyfikatyKaruzela,#historiaTimeline {
        padding:0 30px
    }

    #certyfikatyKaruzela .owl-nav.disabled,#historiaTimeline .owl-nav.disabled {
        display:block
    }

    #certyfikatyKaruzela .owl-nav .owl-prev,#historiaTimeline .owl-nav .owl-prev {
        left:0px
    }

    #certyfikatyKaruzela .owl-nav .owl-next,#historiaTimeline .owl-nav .owl-next {
        right:0px
    }
}

.price .brak_ceny {
    font-size:0.7em;
    line-height:normal;
    display:inline-block
}

.layout-search-account,.koszyk_header {
    position:relative
}

.layout-search-account .topMyAccount,.layout-search-account .topKoszyk,.koszyk_header .topMyAccount,.koszyk_header .topKoszyk {
    text-align:center;
    z-index:9999;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    max-height:0;
    visibility:hidden;
    position:absolute;
    margin-top:10px;
    top:100%;
    left:-60px;
    right:0;
    background:#01A8EC;
    overflow:hidden;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
    padding:20px;
    min-width:220px
}

.layout-search-account .topMyAccount .accMenu a,.layout-search-account .topMyAccount .koszykMenu a,.layout-search-account .topKoszyk .accMenu a,.layout-search-account .topKoszyk .koszykMenu a,.koszyk_header .topMyAccount .accMenu a,.koszyk_header .topMyAccount .koszykMenu a,.koszyk_header .topKoszyk .accMenu a,.koszyk_header .topKoszyk .koszykMenu a {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    height:43px;
    line-height:40px;
    display:block;
    border-bottom:1px solid #4EC2F3;
    color:white;
    text-align:left;
    font-size:15px;
    padding:0 5px
}

.layout-search-account .topMyAccount .accMenu a::before,.layout-search-account .topMyAccount .koszykMenu a::before,.layout-search-account .topKoszyk .accMenu a::before,.layout-search-account .topKoszyk .koszykMenu a::before,.koszyk_header .topMyAccount .accMenu a::before,.koszyk_header .topMyAccount .koszykMenu a::before,.koszyk_header .topKoszyk .accMenu a::before,.koszyk_header .topKoszyk .koszykMenu a::before {
    content:'>';
    margin-right:10px
}

.layout-search-account .topMyAccount .accMenu a:hover,.layout-search-account .topMyAccount .koszykMenu a:hover,.layout-search-account .topKoszyk .accMenu a:hover,.layout-search-account .topKoszyk .koszykMenu a:hover,.koszyk_header .topMyAccount .accMenu a:hover,.koszyk_header .topMyAccount .koszykMenu a:hover,.koszyk_header .topKoszyk .accMenu a:hover,.koszyk_header .topKoszyk .koszykMenu a:hover {
    text-decoration:none;
    color:#2546A3
}

.layout-search-account .topMyAccount a.logoutBtn,.layout-search-account .topKoszyk a.logoutBtn,.koszyk_header .topMyAccount a.logoutBtn,.koszyk_header .topKoszyk a.logoutBtn {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    margin:25px auto 5px;
    display:inline-block;
    background:#80D4F6;
    padding:0 30px;
    line-height:32px;
    height:32px;
    color:#2346A0;
    border-radius:16px;
    text-transform:uppercase
}

.layout-search-account .topMyAccount a.logoutBtn:hover,.layout-search-account .topKoszyk a.logoutBtn:hover,.koszyk_header .topMyAccount a.logoutBtn:hover,.koszyk_header .topKoszyk a.logoutBtn:hover {
    background:#2348A1;
    text-decoration:none;
    color:white
}

.layout-search-account:hover .topMyAccount,.layout-search-account:hover .topKoszyk,.layout-search-account:focus .topMyAccount,.layout-search-account:focus .topKoszyk,.layout-search-account:active .topMyAccount,.layout-search-account:active .topKoszyk,.layout-search-account.open .topMyAccount,.layout-search-account.open .topKoszyk,.koszyk_header:hover .topMyAccount,.koszyk_header:hover .topKoszyk,.koszyk_header:focus .topMyAccount,.koszyk_header:focus .topKoszyk,.koszyk_header:active .topMyAccount,.koszyk_header:active .topKoszyk,.koszyk_header.open .topMyAccount,.koszyk_header.open .topKoszyk {
    visibility:visible;
    max-height:300px
}

.marginTop20 {
    margin-top:20px
}

#klient .row.buttons {
    margin-top:20px;
    clear:both
}

#klient .klientAdres {
    padding-bottom:20px
}

#klient .send-data label {
    font-weight:400;
    padding-top:11px
}

#klient .send-data label input {
    margin-right:10px;
    margin-top:3px;
    vertical-align:top
}

.product-sub-list .product .cover {
    background-size:contain
}

.contain {
    background-size:contain !important
}

.description .product h1 {
    line-height:normal
}

.productIcons {
    margin-top:10px;
    overflow:hidden;
    padding-bottom:15px
}

.catalogPrice {
    color:#23479f;
    font-size:32px;
    font-weight:300
}

[data-removecomparisonpid] {
    color:inherit
}

[data-removecomparisonpid] i.fa {
    color:red;
    margin-right:5px
}

.btn-pokazWiecej {
    background:#E7ECF2;
    border:none;
    padding:0 38px;
    margin:30px auto;
    border-bottom:2px solid #D9DADC;
    border-radius:100px;
    height:50px;
    line-height:50px;
    color:#80838A;
    font-size:16px;
    text-transform:uppercase
}

.btn-pokazWiecej:hover {
    background:#d0d4da
}

.btn-pokazWiecej i.fa {
    position:relative;
    top:-2px;
    font-size:12px;
    margin-left:10px
}

.row.align-center {
    text-align:center
}

.tabelaWynikow {
    width:100%
}

.innyWynik {
    border-bottom:1px solid #ddd;
    padding:20px 10px
}

.innyWynik .description {
    padding-top:20px;
    color:#81818b;
    font-size:12px
}

#porownanieBtn {
    pointer-events:none;
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    position:fixed;
    margin:auto 0;
    bottom:-60px;
    right:0;
    left:0;
    text-align:center;
    padding:0 10px;
    text-transform:uppercase;
    z-index:9999;
    font-weight:bold;
    font-size:12px;
    height:60px;
    line-height:45px;
    color:white
}

#porownanieBtn.active {
    bottom:0
}

#porownanieBtn>div {
    text-align:left;
    overflow-x:auto;
    padding:0 10px;
    pointer-events:auto;
    display:inline-block;
    background:#2FA7E6;
    height:60px;
    line-height:45px
}

#porownanieBtn>div .title {
    height:15px;
    line-height:20px;
    font-size:12px
}

#porownanieBtn>div:hover,#porownanieBtn>div:active,#porownanieBtn>div:focus {
    text-decoration:none
}

#porownanieBtn>div .porownanieItems {
    float:left
}

#porownanieBtn>div .porownanieItems>div {
    display:inline-block;
    position:relative;
    height:40px;
    line-height:40px;
    margin:0 2px;
    cursor:pointer
}

#porownanieBtn>div .porownanieItems>div:first-child {
    margin-left:0
}

#porownanieBtn>div .porownanieItems>div:last-child {
    margin-right:10px
}

#porownanieBtn>div .porownanieItems>div::after {
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    line-height:40px;
    pointer-events:none;
    text-align:center;
    font-size:24px;
    position:absolute;
    display:block;
    content:"\f00d";
    font-family:FontAwesome;
    font-style:normal;
    font-weight:normal;
    text-decoration:inherit;
    top:0;
    left:0;
    right:0;
    bottom:0;
    color:red;
    background:rgba(0,0,0,0.3);
    opacity:0
}

#porownanieBtn>div .porownanieItems>div:hover::after {
    opacity:1
}

#porownanieBtn>div a {
    transition:0.2s ease 0s;
    -webkit-transition:0.2s ease 0s;
    -ms-transition:0.2s ease 0s;
    -o-transition:0.2s ease 0s;
    -moz-transition:0.2s ease 0s;
    -khtml-transition:0.2s ease 0s;
    float:right;
    display:inline-block;
    background:#07438C;
    color:#fff;
    height:30px;
    line-height:20px;
    padding:5px 10px;
    border-radius:100px;
    margin-top:8px;
    text-decoration:none !important
}

#porownanieBtn>div a:hover {
    background:#062B57
}

.product .info .product-right .attributes {
    width: 50%;
    margin: 0px auto;
    border: solid 1px #B4C7E2;
    padding: 10px;
    border-radius: 30px;
    float: right;
}

.product .info .product-right .attributes .attribute {
    /*float:right;*/
    /*width:30%*/
}

.product .info .product-right .attributes .producent_logotyp {
    /*float:right;*/
    /*width:30%;*/
    /*text-align:right*/
}

.product .info .product-right .attributes .producent_logotyp img {
    max-width:100%
}

.product .info .product-right .attributes+.status {
    clear:both
}

@media screen and (max-width: 1099px) {
    .products-list .filters .view {
        display:none
    }
}

.promowanyProdukt {
    margin-right:120px;
    margin-top:8px;
    float:right;
    font-size:14px
}

@media screen and (max-width: 1299px) {
    .promowanyProdukt {
        margin-right:0
    }
}

@media screen and (max-width: 999px) {
    .promowanyProdukt {
        display:block;
        float:none;
        overflow:hidden;
        padding:7px 10px
    }

    .promowanyProdukt a {
        float:right
    }
}

@media screen and (max-width: 499px) {
    .promowanyProdukt {
        text-align:center
    }

    .promowanyProdukt a {
        float:none
    }
}

.promowanyProdukt .nazwa {
    color:#a2a2a2;
    margin-right:5px;
    margin-left:5px
}

.promowanyProdukt,.promowanyProdukt * {
    text-decoration:none !important
}

.promowanyProdukt .tag span {
    border-radius:50px;
    padding:4px 12px;
    margin:0 3px
}

.promowanyProdukt .tag .top {
    background-color:#46c381;
    color:#ffffff
}

.promowanyProdukt .tag .bestseller {
    background-color:#fcc42f;
    color:#ffffff
}

.promowanyProdukt .tag .new {
    background-color:#2bade7;
    color:#ffffff
}

.promowanyProdukt .tag .sale {
    background-color:#e33f1a;
    color:#ffffff
}

#potwierdzenie_zatwierdz_cofnij .btn {
    margin-right:30px;
    line-height:26px
}

.schowek .close {
    float:none;
    display:inline-block
}

.schowek th:last-child,.schowek th:nth-last-child(2),.schowek td:last-child,.schowek td:nth-last-child(2) {
    text-align:center
}

@media screen and (max-width: 999px) {
    .name {
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap !important
    }

    .koszyk_produkt .name {
        overflow:visible;
        text-overflow:initial;
        white-space:normal !important
    }
}

@media screen and (max-width: 499px) {
    .cart h2 {
        margin-bottom:10px !important;
        max-width:none !important;
        text-align:left !important;
        overflow:hidden
    }

    .cart h2 .badge {
        margin:0 10px 0 0 !important;
        float:right !important
    }

    #payment_box {
        text-align:center
    }

    #payment_box>.row>div {
        display:inline;
        width:auto;
        float:none;
        padding:0
    }

    #payment_box>.row .col-sm-8 {
        font-weight:normal
    }

    #payment_box>.row .col-sm-8::after {
        content:':'
    }

    #payment_box>.row .col-sm-4 {
        font-weight:bold
    }

    #payment_box+form {
        text-align:center
    }
}

#cookies-message {
    font-size:14px;
    border-top:1px solid #e0e0e0;
    background:#FFFFFF;
    color:#525252
}

#accept-cookies-checkbox {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    margin-left:10px;
    font-weight:700;
    line-height:16px;
    text-align:center;
    color:white;
    padding:4px 7px;
    background:#34C8FF;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

#accept-cookies-checkbox:hover {
    text-decoration:none;
    background:#349CD3
}

@media screen and (max-width: 767px) {
    #accept-cookies-checkbox {
        padding:5px 10px
    }
}

.chessboard .chessboard-row-content.no-margin {
    width:calc(100% - 10px)
}

.submenu-content .product.big-image .cover,.submenu-content .product.big-image .contain {
    height:250px
}

#historiaTimelineContainer {
    display:none
}

.submenu .tab-pane a.image {
    padding-left:0 !important
}

.submenu .tab-pane a.noArrow {
    padding-left:0
}

.submenu .tab-pane a.noArrow::before {
    display:none
}

.add-to-offer {
    display:block;
    color:#ffffff;
    background:#2fa7e6;
    border:1px solid #2fa7e6;
    font-size:16px;
    margin-top:20px;
    padding:0 20px 0 11px;
    text-transform:uppercase;
    font-weight:300;
    height:40px;
    line-height:38px;
    text-decoration:none;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.add-to-offer i.fa {
    display:inline-block;
    margin-right:10px
}

.add-to-offer:hover {
    background-color:#349CD3;
    color:white;
    text-decoration:none
}

.add-to-offer:focus,.add-to-offer:active {
    color:white
}

#proponowany_koszyk {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    margin:0 auto;
    z-index:9999
}

#proponowany_koszyk .wrap {
    padding:60px 30px;
    background:white;
    overflow-y:auto;
    overflow-x:hidden;
    position:absolute;
    top:10%;
    bottom:10%;
    left:0;
    right:0
}

#proponowany_koszyk .wrap #close_proponowane {
    position:absolute;
    top:10px;
    right:10px;
    cursor:pointer;
    font-size:26px
}

.sharePinterest {
    magin-left:10px
}

.sharePinterest i.fa {
    font-size:22px
}

.company-info .badge {
    white-space:normal
}

.form-group {
    clear:both
}

.layout-search-input {
    position:relative
}

.layout-search-input button {
    position:absolute;
    display:block;
    width:45px;
    height:23px;
    top:0;
    bottom:0;
    right:10px;
    margin:auto 0;
    border:none !important;
    box-shadow:none !important;
    outline:none !important;
    background:url("../images/lupka.png")
}

.xxssearcher button {
    position:absolute;
    display:block;
    width:45px;
    height:23px;
    top:0;
    bottom:0;
    right:0;
    margin:auto 0;
    border:none !important;
    box-shadow:none !important;
    outline:none !important;
    background:url("../images/lupka.png");
    background-position: right;
}

.pagerPadding {
    margin:40px 0
}

.berxCredits {
    font-weight:bold;
    color:#c1360c !important
}

.berxCredits span {
    color:#d56016 !important
}

.productIcons span {
    margin:0 10px 10px 0;
    display:inline-block
}

.layout-navbar-primary .submenu-content .product .name {
    text-overflow:none;
    white-space:normal
}

#proponowany_koszyk .add-to-cart {
    display:inline-block;
    margin-bottom:20px
}

.product.details .info .product-right .description h1,.product.details .info .product-right .description h2,.product.details .info .product-right .description h3 {
    margin-bottom:10px;
    margin-top:20px !important;
    line-height:26px
}

.product.details .info .product-right .description h1 strong,.product.details .info .product-right .description h2 strong,.product.details .info .product-right .description h3 strong {
    font-weight:400
}

.product.details .info .product-right .description h1 {
    font-size:32px
}

.product.details .info .product-right .description h2 {
    font-size:26px
}

.product.details .info .product-right .description h3 {
    font-size:20px
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .product.details .info .product-right .description h1,.product.details .info .product-right .description h2,.product.details .info .product-right .description h3 {
        line-height:24px
    }

    .product.details .info .product-right .description h1 {
        font-size:28px
    }

    .product.details .info .product-right .description h2 {
        font-size:24px
    }

    .product.details .info .product-right .description h3 {
        font-size:18px
    }
}

@media screen and (max-width: 767px) and (min-width: 500px) {
    .product.details .info .product-right .description h1,.product.details .info .product-right .description h2,.product.details .info .product-right .description h3 {
        line-height:24px
    }

    .product.details .info .product-right .description h1 {
        font-size:28px
    }

    .product.details .info .product-right .description h2 {
        font-size:24px
    }

    .product.details .info .product-right .description h3 {
        font-size:18px
    }
}

@media screen and (max-width: 499px) {
    .product.details .info .product-right .description h1,.product.details .info .product-right .description h2,.product.details .info .product-right .description h3 {
        line-height:24px
    }

    .product.details .info .product-right .description h1 {
        font-size:28px
    }

    .product.details .info .product-right .description h2 {
        font-size:24px
    }

    .product.details .info .product-right .description h3 {
        font-size:18px
    }
}

.sharePinterest,.shareFb {
    display:inline-block;
    margin:0 10px 10px 1px
}

.opisWrap {
    overflow:hidden
}

@media screen and (max-width: 1399px) {
    .opisWrap {
        padding-left:20px;
        padding-right:20px
    }
}

.opisWrap .fotoFloat {
    max-width:100%
}

@media screen and (max-width: 999px) and (min-width: 400px) {
    .opisWrap .fotoFloat {
        max-width:50%
    }
}

@media screen and (max-width: 399px) {
    .opisWrap .fotoFloat {
        max-width:100%;
        width:100%;
        margin-right:0
    }
}

.opisWrap .opis_foto {
    margin:0 20px 10px 0
}

.opisWrap .opis_galeria {
    padding:20px 0 10px;
    clear:both
}

.opisWrap .opis_galeria .opis_foto {
    margin:0 0 20px 0
}

.wKoszykuButton {
    font-size:16px;
    margin-top:20px;
    cursor:default;
    padding:0 20px;
    text-transform:uppercase;
    font-weight:300;
    height:40px;
    line-height:38px
}

.product .tag span {
    margin-left:2px !important
}

.product.details .info {
    display:block
}

.product.details .info .product-left,.product.details .info .product-right {
    float:none;
    width:auto
}

.product.details .info .main-photo-container,.product.details .info .mini-photos {
    float:left;
    width:50%
}

@media screen and (max-width: 1099px) {
    .product.details .info .main-photo-container,.product.details .info .mini-photos {
        float:none;
        width:auto
    }
}

.btn-back,.btn-blue {
    color:#fff !important;
    text-transform:uppercase !important;
    background:#33c8ff !important
}

.btn-grey {
    color:#fff !important;
    text-transform:uppercase !important;
    background:#AFAFAF !important
}

.btn-big {
    font-weight:300;
    font-size:16px;
    padding:10px 24px
}

@media screen and (max-width: 991px) {
    #potwierdzenie_zatwierdz_cofnij {
        margin-top:10px !important
    }
}

@media screen and (max-width: 615px) {
    .steps {
        display:none
    }
}

@media screen and (max-width: 543px) {
    .order3 .select-payment label {
        border-right:none
    }
}

.cart h2:first-child {
    margin-top:0 !important
}
.owl-nav > div {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 45px;
    width: 40px;
    margin: auto;

    background-color: #888;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    font-size: 0;
    text-indent: -9999px;
}

/* usuwamy stare kreski */
.owl-nav > div::after,
.owl-nav > div::before {
    content: none;
}

/* lewa strzałka */
.owl-nav > div.owl-prev {
    left: 10px;

    -webkit-mask: url("../images/arrow_left.svg") center / contain no-repeat;
    mask: url("../images/arrow_left.svg") center / contain no-repeat;
}

/* prawa strzałka */
.owl-nav > div.owl-next {
    right: 18px;

    -webkit-mask: url("../images/arrow_right.svg") center / contain no-repeat;
    mask: url("../images/arrow_right.svg") center / contain no-repeat;
}

@media screen and (max-width: 600px) {
    .owl-nav > div {
        height: 28px;
        width: 24px;
    }
}
/*.owl-nav>div {*/
/*    position:absolute;*/
/*    top:0;*/
/*    bottom:0;*/
/*    height:45px;*/
/*    width:40px;*/
/*    margin:auto*/
/*}*/

/*.owl-nav>div::after,.owl-nav>div::before {*/
/*    height:2px;*/
/*    background:white;*/
/*    width:50px;*/
/*    content:'';*/
/*    display:block;*/
/*    position:absolute;*/
/*    box-shadow:0 1px 1px rgba(0,0,0,0.3)*/
/*}*/

/*.owl-nav>div.owl-prev {*/
/*    left:10px*/
/*}*/

/*.owl-nav>div.owl-prev::after {*/
/*    transform:rotate(-60deg);*/
/*    top:0*/
/*}*/

/*.owl-nav>div.owl-prev::before {*/
/*    transform:rotate(60deg);*/
/*    bottom:0*/
/*}*/

/*.owl-nav>div.owl-next {*/
/*    right:18px*/
/*}*/

/*.owl-nav>div.owl-next::after {*/
/*    transform:rotate(60deg);*/
/*    top:0*/
/*}*/

/*.owl-nav>div.owl-next::before {*/
/*    transform:rotate(-60deg);*/
/*    bottom:0*/
/*}*/

/*@media screen and (max-width: 600px) {*/
/*    .owl-nav>div {*/
/*        height:28px;*/
/*        width:24px*/
/*    }*/

/*    .owl-nav>div::after,.owl-nav>div::before {*/
/*        width:30px*/
/*    }*/
/*}*/

@media screen and (min-width: 1200px) {
    body.stickyReady {
        padding-top:232.762px
    }

    body.stickyReady.stickyPadding {
        padding-top:111.433px
    }

    body.stickyReady .laytout-content {
        position:fixed;
        top:0;
        left:0;
        right:0;
        z-index:9999
    }

    body.stickyReady .laytout-content .layout-navbar-secondary {
        height:41.333px;
        transition:0.3s ease 0s;
        background:white;
        overflow:hidden
    }

    body.stickyReady .laytout-content .layout-search .wrap {
        transition:0.3s ease 0s
    }

    body.stickyReady .laytout-content .layout-search .wrap .layout-search-select {
        width:14%
    }

    body.stickyReady .laytout-content .layout-search .wrap .layout-search-input {
        width:43%
    }

    body.stickyReady .laytout-content .layout-navbar-primary li a {
        transition:0.3s ease 0s
    }

    body.stickyReady .laytout-content.sticky .layout-navbar-secondary {
        transition:0.3s ease 0s;
        height:0
    }

    body.stickyReady .laytout-content.sticky .layout-search .wrap {
        padding:10px 0px
    }

    body.stickyReady .laytout-content.sticky .layout-navbar-primary li a {
        padding:10px 10px
    }
}

@media screen and (max-width: 1379px) {
    body.stickyReady .laytout-content .layout-search .wrap .layout-search-select {
        width:16%
    }
}

@media screen and (max-width: 1039px) {
    body.stickyReady .laytout-content .layout-search .wrap .layout-search-input {
        width:41%
    }
}

@media screen and (max-width: 839px) {
    body.stickyReady .laytout-content .layout-search .wrap .layout-search-input {
        width:31%
    }
}

@media screen and (max-width: 839px) {
    body.stickyReady .layout-search .wrap .layout-search-logo {
        width:20%
    }
}

@media screen and (max-width: 499px) {
    body.stickyReady .layout-search .wrap .layout-search-logo {
        width:50%
    }
}

body.stickyReady .koszyk_header {
    width:9%
}

body.stickyReady .koszyk_header a {
    text-decoration:none
}

body.stickyReady .koszyk_header .layout-search-cart {
    width:auto
}

body.stickyReady .koszyk_header .layout-search-cart .shopping-cart {
    float:left
}

body.stickyReady .koszyk_header .layout-search-cart .zapytanie {
    float:right
}

@media screen and (max-width: 1279px) {
    body.stickyReady .koszyk_header {
        width:11%
    }
}

@media screen and (max-width: 1039px) {
    body.stickyReady .koszyk_header {
        width:13%
    }
}

@media screen and (max-width: 839px) {
    body.stickyReady .koszyk_header {
        width:25%
    }
}

@media screen and (max-width: 499px) {
    body.stickyReady .koszyk_header {
        width:42%
    }
}

.contact .wariantLayout.layout-main-tabs ul.nav li a {
    font-size:14px;
    font-weight:400;
    justify-content:center
}

.wariantLayout.layout-main-tabs ul.nav li span {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 1
}

.wariantLayout .nav-tabs.nav-justified {
    display:block;
    overflow:hidden
}

@media screen and (max-width: 769px) {
    .wariantLayout .nav-tabs.nav-justified {
        padding:0 30px
    }
}

.wariantLayout .nav-tabs.nav-justified>li {
    display:block;
    float:left;
    width:12%;
}

.wariantLayout .nav-tabs.nav-justified>li.active a {
    cursor:pointer;
    color:#808388 !important;
    border:none !important;
    background:#f1f2f6 !important
}

.wariantLayout .nav-tabs.nav-justified>li.activeTab a {
    cursor:pointer;
    color:#23479f !important;
    background:#fff !important
}

@media screen and (max-width: 1250px) {
    .wariantLayout .nav-tabs.nav-justified>li {
        width:15%
    }
}

@media screen and (max-width: 970px) {
    .wariantLayout .nav-tabs.nav-justified>li {
        width:20%
    }
}

@media screen and (max-width: 699px) {
    .wariantLayout .nav-tabs.nav-justified>li {
        width:25%
    }
}

@media screen and (max-width: 579px) {
    .wariantLayout .nav-tabs.nav-justified>li {
        width:50%
    }
}

.wariantLayout.layout-main-tabs .nav li a img {
    height:28px
}

.steps .wrap {
    display:flex;
    justify-content:center
}

.steps .stepsWrap {
    padding:20px 10px;
    width:25%;
    text-align:center;
    position:relative;
    margin:auto;
    min-width:140px
}

.steps .stepsWrap .orderSteps {
    color:#000;
    display:block;
    text-decoration:none
}

.steps .stepsWrap::before,.steps .stepsWrap::after {
    position:absolute;
    top:0;
    bottom:0;
    right:-10px;
    content:'';
    height:4px;
    width:20px;
    background:#33c8ff;
    margin:auto
}

.steps .stepsWrap::after {
    transform:rotateZ(45deg) translateY(-8px)
}

.steps .stepsWrap::before {
    transform:rotatez(-45deg) translateY(8px)
}

.steps .stepsWrap:last-child::before,.steps .stepsWrap:last-child::after {
    display:none
}

.steps .stepsWrap .number {
    text-decoration:none;
    display:block;
    border-radius:200px;
    color:#2447A3;
    border:solid 2px #2447A3;
    height:45px;
    width:45px;
    font-size:20px;
    font-weight:500;
    line-height:40px;
    text-align:center;
    margin:0 auto
}

.steps .stepsWrap.active .orderSteps {
    color:#000;
    font-weight:700
}

.steps .stepsWrap.active .number {
    color:#33c8ff;
    border-color:#33c8ff;
    border-width:4px;
    height:55px;
    width:55px;
    font-size:22px;
    font-weight:700;
    line-height:50px
}

.steps .stepsWrap.inactive .orderSteps {
    color:#c6c6c6
}

.steps .stepsWrap.inactive .number {
    color:#c6c6c6;
    border-color:#c6c6c6
}

.steps .orderSteps {
    margin-top:10px
}

@media screen and (max-width: 615px) {
    .steps .wrap {
        flex-direction:column
    }

    .steps .stepsWrap {
        margin-bottom:20px
    }

    .steps .stepsWrap::before,.steps .stepsWrap::after {
        left:0;
        right:0;
        bottom:-10px;
        top:auto
    }

    .steps .stepsWrap::before {
        transform:rotateZ(45deg) translateX(-8px)
    }

    .steps .stepsWrap::after {
        transform:rotateZ(-45deg) translateX(8px)
    }
}

.wrap.potwierdzenie {
    padding-top:20px
}

.cart {
    padding-top:20px
}

.zapytanie {
    background-image:url("../images/icons/zapytanie.png");
    display:block;
    width:42px;
    height:49px;
    background-repeat:no-repeat;
    position:relative
}

.zapytanie>span {
    display:block;
    position:absolute;
    height:22px;
    width:22px;
    background:#34c8ff;
    border-radius:100px;
    overflow:hidden;
    line-height:22px;
    font-weight:bold;
    font-size:12px;
    right:-8px
}

.product .tag .sale.greenTab {
    background:#08CF12
}

.product .indeks {
    margin-top:-5px;
    display:block;
    margin-bottom:10px;
    color:#445570;
}

.product .indeks:hover {
    color:#04356E;
}
.product .indeks b {
    font-size:1.2em
}

.product .name {
    text-transform:none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#000;
}
.product .name a {
    font-weight: bold;
    color:#000;
}
.product .info .product-left .mini-photos {
    margin:0
}

.product .info .product-left .mini-photos .mini-photo {
    width:auto
}

.product .info h1 {
    text-transform:none
}

.product.details .info .product-left .mini-photos .mini-photo {
    width:33.33%
}

.product .owl-carousel .owl-nav {
    position:absolute;
    left:-30px;
    right:-30px;
    top:50%;
    transform:translateY(-50%);
    z-index:-1
}

.product .owl-carousel .owl-nav .owl-prev,.product .owl-carousel .owl-nav .owl-next {
    font-size:26px
}

.product .owl-carousel .owl-nav .owl-prev i.fa,.product .owl-carousel .owl-nav .owl-next i.fa {
    color:#3a3a3a
}

.product .owl-carousel .owl-nav .owl-prev {
    float:left;
    margin-left: -15px;
}

.product .owl-carousel .owl-nav .owl-next {
    float:right;
    margin-right: -15px;
}

.product .productCarouselWrap {
    padding:0 30px
}

.product .videoWrap {
    padding:10px
}

.product .videoWrap iframe {
    height:150px
}

.product .videoWrapOuter {
    height:150px;
    position:relative;
    margin:10px
}

.product .videoWrapOuter .videoWrap {
    padding:10px;
    position:relative;
    overflow:hidden;
    padding-top:56.25%;
    top:50%;
    transform:translatey(-50%)
}

.product .videoWrapOuter iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0
}

.product .actions.share {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap
}

.product .actions.share>span {
    margin-right:15px
}

.plikiDoPobraniaWrap {
    padding:40px 0
}

#plikiDoPobrania {
    padding:0
}

#plikiDoPobrania a img {
    width:23px
}

.btnContainer {
    margin-top:20px;
    display:flex;
    justify-content:center
}

.btnContainerFile .btn-product-card-file {
    text-decoration:none;
    color:#2447a3;
    display:inline-block
}

.btnContainerFile .btn-product-card-file img {
    margin-right:5px;
    width:23px
}

.btn-product-card {
    display:block;
    color:#23479f;
    background:#white;
    min-width:400px;
    border:1px solid #b5cff7;
    border-left:none;
    border-right:none;
    font-size:16px;
    font-weight:400;
    line-height:46px;
    text-decoration:none;
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    position:relative
}

.btn-product-card:after {
    position:absolute;
    content:'';
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:11px;
    height:13px;
    background-image:url("../images/arrow.jpg")
}

.btn-product-card i.fa {
    margin-right:10px
}

@media screen and (max-width: 1099px) {
    .btn-product-card {
        margin-bottom:20px
    }
}

@media screen and (max-width: 466px) {
    .btn-product-card {
        min-width:220px
    }
}

.products .price s {
    color:#c2c8d0
}

.products .price .oldPrice {
    color:#c2c8d0;
    font-size:15px
}

.products .price>span {
    white-space:nowrap
}

@media screen and (max-width: 1799px) {
    .products .price .oldPrice {
        /*display:block*/
    }

    .products .tag {
        padding-right:0;
        right:20px;
        margin:0;
        top: 25px;
    }
}

.lb-nav {
    z-index:99999;
    pointer-events:none
}

.lb-nav .lb-prev,.lb-nav .lb-next {
    opacity:1 !important;
    filter:alpha(Opacity=100);
    width:60px !important;
    pointer-events:auto
}

@media screen and (min-width: 550px) {
    .lb-nav .lb-prev {
        margin-left:-60px !important
    }

    .lb-nav .lb-next {
        margin-right:-60px !important
    }
}

.zoomContainer {
    z-index:10010;
    overflow:hidden
}

@media screen and (max-width: 549px) {
    .zoomContainer {
        left:60px !important;
        right:60px !important;
        width:auto !important
    }
}

#nContainerWrap {
    display:none;
    color:black;
    background:rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999;
    overflow-y:auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:0 10px
}

#nContainerWrap .col-md-4 {
    overflow:hidden
}

#nContainerWrap .col-md-4 img {
    max-width:100%
}

#nContainerWrap .col-md-4,#nContainerWrap .col-md-8,#nContainerWrap .col-md-6 {
    padding:0 5px
}

#nContainerWrap .row {
    margin:0 -5px
}

#nContainerWrap img[alt=COMITOR] {
    height:30px
}

#nContainerWrap .nContainer {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:900px;
    max-width:100%;
    padding:10px;
    margin:0 auto;
    background:#fafafa;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
    position:relative;
    top:50%;
    transform:translateY(-50%)
}

#nContainerWrap .nContainer h2 {
    text-align:center;
    color:black;
    font-weight:normal;
    text-transform:uppercase;
    font-size:40px;
    margin-bottom:20px
}

#nContainerWrap .nContainer h2 strong {
    display:block;
    margin-top:15px;
    font-weight:700
}

#nContainerWrap .nContainer h2 small {
    font-size:20px;
    display:block;
    margin-top:-35px;
    color:black
}

#nContainerWrap .nContainer #zgoda {
    margin-right:5px
}

#nContainerWrap .nContainer form {
    text-align:center
}

#nContainerWrap .nContainer form input[type=email],#nContainerWrap .nContainer form input[type=text] {
    display:block;
    width:100%;
    height:46px;
    border-top:1px solid #eeeeee;
    border-left:1px solid #eeeeee;
    border-right:1px solid #eeeeee;
    border-bottom:1px solid #cccccc;
    padding:13px;
    border-radius:0
}

@media screen and (max-width: 991px) {
    #nContainerWrap .nContainer form input[type=text] {
        margin-bottom:5px
    }
}

#nContainerWrap .nContainer form input[type=submit] {
    font-family:'Roboto', sans-serif;
    background:#2549A9;
    color:#ffffff;
    border:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:20px;
    padding:5px 24px;
    margin-top:20px;
    display:block;
    width:100%;
    border-radius:0
}

#nContainerWrap .nContainer .newsletterClose {
    cursor:pointer;
    position:absolute;
    top:10px;
    right:12px;
    width:20px;
    height:20px
}

#nContainerWrap .nContainer .newsletterClose span {
    background:#23479f;
    height:2px;
    width:28px;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto
}

#nContainerWrap .nContainer .newsletterClose span:first-child {
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg)
}

#nContainerWrap .nContainer .newsletterClose span:last-child {
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg)
}

@media screen and (max-width: 768px) {
    #nContainerWrap .nContainer {
        top:10px;
        bottom:10px;
        transform:translateY(0)
    }
}

#rodoBoxWrap {
    display:none;
    color:black;
    background:rgba(0,0,0,0.5);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:9999999999;
    overflow-y:auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    padding:0 10px
}

#rodoBoxWrap .rodoBox {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    width:700px;
    max-width:100%;
    padding:10px 10px 0 10px;
    margin:0 auto;
    font-size:12px;
    background:#fafafa;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3);
    position:relative;
    top:50%;
    text-align:justify;
    transform:translateY(-50%);
    overflow:hidden;
    height:60%;
    height:60vh;
    max-height:60%;
    max-height:60vh
}

#rodoBoxWrap .rodoBox .topBar {
    height:15%;
    height:calc(40px)
}

#rodoBoxWrap .rodoBox .bottomBar {
    height:15%;
    height:calc(60px)
}

#rodoBoxWrap .rodoBox .rodoOverflow {
    padding:10px 0;
    overflow-y:auto;
    margin-top:10px;
    height:65%;
    height:calc(100% - 120px)
}

#rodoBoxWrap .rodoBox .rodoClose {
    cursor:pointer;
    position:absolute;
    top:5px;
    right:10px;
    font-size:22px;
    font-family:sans-serif
}

#rodoBoxWrap .rodoBox h2 {
    text-align:center;
    font-size:22px;
    color:#2447a3;
    margin-bottom:20px;
    margin-top:10px
}

#rodoBoxWrap .rodoBox h3 {
    font-size:18px;
    text-align:center
}

#rodoBoxWrap .rodoBox img {
    height:15%;
    height:calc(30px)
}

#rodoBoxWrap .rodoBox button {
    font-family:'Roboto', sans-serif;
    background:#33c8ff;
    color:#ffffff;
    border:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:16px;
    padding:10px 24px;
    margin-top:10px;
    margin-bottom:10px;
    float:right;
    max-width:50%;
    text-align:center
}

#rodoBoxWrap .rodoBox .advanced {
    cursor:pointer;
    text-align:center;
    max-width:50%;
    font-family:'Roboto', sans-serif;
    background:#999;
    color:#ffffff;
    border:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:16px;
    padding:10px 24px;
    margin-top:10px;
    margin-bottom:10px;
    text-decoration:none;
    float:left
}

@media screen and (max-width: 599px) {
    #rodoBoxWrap .rodoBox .advanced,#rodoBoxWrap .rodoBox button {
        width:100% !important;
        max-width:100% !important;
        float:none !important;
        padding:5px 10px
    }

    #rodoBoxWrap .rodoBox .advanced {
        margin-bottom:5px
    }

    #rodoBoxWrap .rodoBox button {
        margin-top:0;
        padding:10px 10px
    }

    #rodoBoxWrap .rodoBox .bottomBar {
        height:30%;
        height:calc(50px)
    }

    #rodoBoxWrap .rodoBox .rodoOverflow {
        padding:10px 0;
        overflow-y:auto;
        margin-top:10px;
        height:50%;
        height:calc(100% - 150px)
    }
}

.accountHead {
    text-align:left;
    padding:0 20px;
    padding-bottom:5px;
    border-bottom:1px solid #5287CD;
    margin-top:70px
}

.accountHead img {
    margin-right:10px
}

.accountHead>span {
    text-transform:uppercase;
    font-size:16px;
    color:#33c8ff
}

.menuRwdTabs {
    padding-top:10px;
    text-align:left
}

.menuRwdTabs a {
    transition:0.3s ease 0s;
    display:block;
    padding:10px 0;
    margin-left:25px;
    text-decoration:none;
    font-weight:700;
    font-size:16px;
    text-transform:uppercase;
    border-bottom:solid 1px #2c5f9e;
    color:white
}

.menuRwdTabs a:hover {
    color:#6BD8FF
}

.wariantLayout a,.chessboard a {
    text-decoration:underline;
    color:#349CD3
}

@media screen and (max-width: 699px) {
    .layout-main-tabs.wariantLayout .nav.nav-tabs:not(:first-child) {
        display:none
    }
}

.mainMenu a[title=OUTLET],.mainMenu a[title=Inspiracje],.rwdMainmenu a[title=OUTLET],.rwdMainmenu a[title=Inspiracje] {
    color:#fffc00
}

.mainMenu a[title=OUTLET]:hover,.mainMenu a[title=Inspiracje]:hover,.rwdMainmenu a[title=OUTLET]:hover,.rwdMainmenu a[title=Inspiracje]:hover {
    color:white
}

.mainMenu a[title=OUTLET]:hover .ikona_menu_belka_img,.mainMenu a[title=Inspiracje]:hover .ikona_menu_belka_img,.rwdMainmenu a[title=OUTLET]:hover .ikona_menu_belka_img,.rwdMainmenu a[title=Inspiracje]:hover .ikona_menu_belka_img {
    filter:brightness(0) invert(1)
}

.labelInactive {
    color:#ccc;
    text-decoration:line-through
}

.labelInactive .fakeCbox {
    opacity:0.3;
    filter:grayscale(100%)
}

.ikona_menu_belka_img {
    fill:#ffffff
}

.send-data .shopping-guarantee {
    color:#a1a5a8;
    font-size:16px;
    font-weight:300
}

@media screen and (min-width: 1200px) {
    .products-list .list {
        width:calc(100% - 270px)
    }

    .product-list-full-width .products-list .list {
        width:100%
    }
}

.where-to-buy .programIcon {
    transition:0.3s ease 0s;
    width:50px;
    height:50px;
    display:inline-block;
    background-size:contain;
    margin-right:5px
}

.where-to-buy .service {
    background-color:white
}

.where-to-buy .service table td {
    color:#A4A4A6
}

.where-to-buy .service table td a.badge {
    background:#F3F4F6
}

.where-to-buy .service table td.company {
    letter-spacing:0.03em
}

.where-to-buy .service table td.company b {
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:5px
}

.where-to-buy .service table tr.company-row td .company-info {
    padding:20px 0
}

.where-to-buy .service table tr.company-row td .company-info .name {
    margin-bottom:1px;
    font-size:14px;
    text-transform:uppercase;
    font-weight:700
}

.where-to-buy .service table tr.company-row td .company-info .small-name {
    color:#A4A4A6;
    margin-bottom:5px
}

@media screen and (max-width: 768px) {
    .where-to-buy .service table tr.company-row td .company-info .gdzieKupicSzczegoly .clear.clearOff {
        display:block !important
    }
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicSzczegoly b {
    font-weight:500
}

@media screen and (max-width: 768px) {
    .where-to-buy .service table tr.company-row td .company-info .gdzieKupicSzczegoly .phoneIcon {
        margin-top:10px
    }
}

@media screen and (max-width: 950px) and (min-width: 768px) {
    .where-to-buy .service table tr.company-row td .company-info .gdzieKupicSzczegoly .emailIcon a {
        font-size:11px
    }
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram {
    padding:0 10px;
    margin-left:20px
}

@media screen and (min-width: 1800px) {
    .where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram {
        margin-left:50px
    }
}

@media screen and (max-width: 767px) {
    .where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram {
        margin-left:-17px
    }
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program1 {
    color:#eb8d71
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program2 {
    color:#f2d78a
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program3 {
    color:#4c9f8d
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program4 {
    color:#35a3b0
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program1,.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program2,.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program3,.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program4 {
    color:#2447A3
}

@media screen and (max-width: 768px) {
    .where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program1,.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program2,.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program3,.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram .program4 {
        margin:5px 0
    }
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram>div {
    margin-bottom:5px
}

.where-to-buy .service table tr.company-row td .company-info .gdzieKupicProgram>div:last-child {
    margin-bottom:0
}

.where-to-buy .service table tr.company-row td .company-info .col-sm-6 img {
    float:left;
    margin-right:10px
}

.where-to-buy .programDescription {
    transition:0.3s ease 0s;
    width:0;
    overflow:hidden;
    display:inline-block;
    position:relative;
    top:14px;
    height:55px;
    overflow:hidden
}

.where-to-buy .programDescription span {
    display:block;
    width:120px
}

.where-to-buy .programWrap1,.where-to-buy .programWrap2,.where-to-buy .programWrap3,.where-to-buy .programWrap4 {
    display:inline-block
}

.where-to-buy .programWrap1:hover .programDescription,.where-to-buy .programWrap2:hover .programDescription,.where-to-buy .programWrap3:hover .programDescription,.where-to-buy .programWrap4:hover .programDescription {
    width:120px
}

.where-to-buy .programWrap1 span {
    color:#2447A3
}

.where-to-buy .programWrap2 span {
    color:#2447A3
}

.where-to-buy .programWrap3 span {
    color:#2447A3
}

.where-to-buy .programWrap4 span {
    color:#2447A3
}

.where-to-buy table .programTd {
    width:33%
}

@media screen and (max-width: 767px) {
    .where-to-buy table .programTd {
        width:55%
    }
}

.where-to-buy .programBr {
    display:none
}

@media screen and (max-width: 1199px) {
    .where-to-buy .programBr {
        display:block
    }
}

.where-to-buy .close {
    float:none;
    position:absolute;
    right:0;
    z-index:9999
}

@media screen and (max-width: 767px) {
    .where-to-buy table,.where-to-buy tbody,.where-to-buy tr,.where-to-buy td {
        display:block;
        border:none !important;
        overflow:hidden
    }

    .where-to-buy tr {
        border-bottom:1px solid #bcbdc1 !important
    }

    .where-to-buy th {
        display:none
    }

    .where-to-buy table .programTd {
        width:100%
    }

    .where-to-buy table .programTd .programBr {
        display:none
    }

    .where-to-buy table td.action {
        display:block !important;
        border:none;
        float:right;
        padding:31px 0
    }

    .where-to-buy table .programTd {
        float:left;
        width:auto
    }

    .where-to-buy table tr.company-row[style="display: table-row;"] {
        display:block !important
    }
}

.where-to-buy tr.company-row .company-info a.badge {
    margin-right:-15px
}

@media screen and (min-width: 768px) {
    .where-to-buy tr.company-row .company-info a.badge {
        margin-top:85px
    }
}

.where-to-buy #search-shop {
    position:static;
    display:block;
    z-index:-1
}

.where-to-buy #search-shop .wrap {
    width:auto !important
}

.where-to-buy #search-shop .search-shop-content {
    margin-top:0;
    background-color:#F3F4F6
}

.where-to-buy #search-shop .search-shop-content .regionSearch {
    position:relative
}

.where-to-buy #search-shop .search-shop-content .regionSearch button {
    position:absolute;
    display:block;
    width:45px;
    height:23px;
    top:3px;
    bottom:0;
    right:10px;
    margin:auto 0;
    border:none !important;
    box-shadow:none !important;
    outline:none !important;
    background:url("../images/lupka.png");
    background-repeat:no-repeat
}

.where-to-buy #search-shop .search-shop-content .regionSearch input {
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 25px;
    border:none;
    background:white;
    background-color:white;
    background-position-x:0%;
    background-position-y:0%;
    background-position:center right
}

.where-to-buy #search-shop .search-shop-content h4 {
    float:left;
    clear:both;
    margin-right:20px
}

.where-to-buy #search-shop .search-shop-content .search-shop-input {
    margin-bottom:20px
}

.where-to-buy #search-shop .search-shop-content .search-shop-input:first-child {
    margin-top:20px
}

.where-to-buy #search-shop .wrap .layout-text {
    padding-right:0
}

.where-to-buy #search-shop .searchShopH3 {
    float:left
}

@media screen and (min-width: 768px) {
    .where-to-buy #search-shop .searchShopH3 {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .where-to-buy #search-shop .searchShopH3 {
        float:none;
        text-align:center
    }
}

.where-to-buy #search-shop .searchShopFiltr {
    float:right;
    padding:0;
    padding-top:13px
}

.where-to-buy #search-shop .searchShopFiltr a {
    cursor:pointer
}

@media screen and (max-width: 767px) {
    .where-to-buy #search-shop .searchShopFiltr {
        float:none;
        text-align:center
    }
}

.where-to-buy #search-shop .search-shop-content .options {
    background:white
}

.where-to-buy #search-shop .styledSelect .options {
    z-index:0 !important
}

.where-to-buy #search-shop .hideForm {
    clear:both;
    display:none
}

.where-to-buy #search-shop .hideForm button {
    width:auto;
    padding:5px 40px;
    margin-left:15px
}

.where-to-buy #search-shop .search-shop-content {
    overflow:hidden
}

.layout-footer {
    background:white
}

#nContainerWrap .nContainer h2 small {
    margin-top:5px
}

#nContainerWrap .nContainer h2 strong {
    line-height:40px
}

.wariantLayout .tab-content .nav.nav-tabs:not(:first-child) {
    display:none
}

.wariantLayout .tab-pane {
    display:none
}

#proponowany_koszyk #lista_proponowanych {
    padding-left:0;
    margin-bottom:0
}

#proponowany_koszyk .goToCart {
    position:absolute;
    bottom:0;
    left:0;
    right:0
}

#proponowany_koszyk .list {
    width:100%
}

#proponowany_koszyk .wrap {
    width:1000px
}

#proponowany_koszyk h2 {
    padding-left:10px;
    padding-right:10px
}

@media screen and (min-width: 600px) {
    #proponowany_koszyk[data-amount="3"] .wrap,#proponowany_koszyk[data-amount="2"] .wrap,#proponowany_koszyk[data-amount="1"] .wrap {
        max-height:630px
    }
}

#proponowany_koszyk[data-amount="3"] .wrap {
    width:750px
}

@media screen and (min-width: 769px) {
    #proponowany_koszyk[data-amount="3"] .list .products .product {
        width:33.33%
    }
}

#proponowany_koszyk[data-amount="2"] .wrap {
    width:550px
}

@media screen and (min-width: 769px) {
    #proponowany_koszyk[data-amount="2"] .list .products .product {
        width:50%
    }
}

#proponowany_koszyk[data-amount="1"] .wrap {
    width:400px
}

#proponowany_koszyk[data-amount="1"] .list .products .product {
    width:100%
}

#proponowany_koszyk .cart {
    float:none;
    margin:0;
    text-align:center
}

#proponowany_koszyk .cart,#proponowany_koszyk .cart button {
    font-size:13px
}

#proponowany_koszyk .proponowanyContent {
    padding-top:60px;
    overflow-y:auto;
    position:absolute;
    top:0;
    bottom:80px;
    left:0;
    right:0
}

#proponowany_koszyk #close_proponowane {
    z-index:9999
}

.layout-text {
    margin:0 auto
}

.btn {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s
}

.btn.paddingFix {
    transition:0.3s ease 0s;
    -webkit-transition:0.3s ease 0s;
    -ms-transition:0.3s ease 0s;
    -o-transition:0.3s ease 0s;
    -moz-transition:0.3s ease 0s;
    -khtml-transition:0.3s ease 0s;
    padding-left:45px !important;
    padding-right:20px !important
}

.btn.paddingFix i.fa {
    margin-left:10px;
    transition:color 0.3s ease 0s;
    -webkit-transition:color 0.3s ease 0s;
    -ms-transition:color 0.3s ease 0s;
    -o-transition:color 0.3s ease 0s;
    -moz-transition:color 0.3s ease 0s;
    -khtml-transition:color 0.3s ease 0s
}

.btn.paddingFix:not(.btn-default):hover {
    background:#062B57;
    color:white
}

.btn.paddingFix:not(.btn-default):hover i.fa {
    color:white
}

.nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* do lewej */
    align-items: center;

    border-bottom: 0;
    padding: 0 12px; /* ważne */
    margin: 0;
    list-style: none;
    max-width: 100%;
}

.nav.nav-tabs > li {
    margin: 0 5px 10px 5px;
    float: none;
    flex: 0 0 auto;
}

.nav.nav-tabs > li > a {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 46px;
    padding: 0 24px;

    border: 2px solid #d9e1f2;
    border-radius: 24px;

    /*background: #fff;*/
    color: #2b5ea8;

    font-size: 14px;
    line-height: 1;

    text-decoration: none;
    white-space: nowrap;

    transition: all .2s ease;
}

/* hover */
.nav.nav-tabs > li > a:hover {
    background: #f5f8ff;
    border-color: #2b5ea8;
}

/* aktywny */
.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus {
    background: #0057c2;
    border-color: #0057c2;
    color: #fff;
}

/* ikonka */
.nav.nav-tabs > li > a img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.tab-background {
    /*background: white;*/
    padding: 20px !important;
    border-radius: 20px 10px;
    margin-bottom: 20px !important;
}
/* wszystkie panele widoczne */
.wariantLayout .tab-content .tab-pane,
.wariantLayout .tab-content .wariantTab {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* odstęp po skoku do kotwicy, np. pod sticky header */
.wariantLayout .tab-content .tab-pane {
    scroll-margin-top: 120px;
    padding-top: 20px;
}

/* opcjonalnie: sekcje jak bloki */
.wariantLayout .tab-content .tab-pane {
    margin-bottom: 40px;
}

.section-header {
    display: flex;
    align-items: center;
    gap: 24px;

    padding: 24px 40px;
    /*background: #fff;*/

    border-radius: 20px;

    margin-bottom:40px;
}

.section-header h2 {
    margin: 0;

    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;

    color: #0b3b78;
    white-space: nowrap;
}

.section-header .line {
    flex: 1;
    height: 1px;
    background: #d5dde8;
}

.top-btn {
    padding: 10px 24px;

    border: 1px solid #c7d3e2;
    border-radius: 999px;

    color: #4d6f9c;
    text-decoration: none;
    font-weight: 500;

    white-space: nowrap;

    transition: 0.2s;
}

.top-btn:hover {
    background: #f5f8fc;
}
