@charset "UTF-8";
html {
color: rgba(0, 0, 0, .87)
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
img {
vertical-align: middle
}
.clearfix:after,
.clearfix:before {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
@media print {
*,
:after,
:before {
background: transparent!important;
color: #000!important;
box-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href)")"
}
a[href^="javascript:"]:after {
content: ""
}
img {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
.mdl-button,
.mdl-tabs__tab,
a {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
html {
height: 100%;
-ms-touch-action: manipulation;
touch-action: manipulation
}
body,
html {
width: 100%
}
body {
min-height: 100%
}
main {
display: block
}
body,
html {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
h1,
h2,
h3,
h5,
p {
padding: 0
}
h1 {
font-size: 56px;
line-height: 1.35;
letter-spacing: -.02em;
margin: 24px 0
}
h1,
h2 {
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400
}
h2 {
font-size: 45px;
line-height: 48px
}
h2,
h3 {
margin: 24px 0
}
h3 {
font-size: 34px;
line-height: 40px
}
h3 {
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 400
}
h5 {
font-size: 20px;
font-weight: 500;
line-height: 1;
letter-spacing: .02em
}
h5 {
font-family: Roboto, Helvetica, Arial, sans-serif;
margin: 24px 0 16px
}
p {
font-weight: 400;
line-height: 24px
}
p {
font-size: 14px;
letter-spacing: 0;
margin: 0 0 16px
}
a {
color: #ff4081;
font-weight: 500
}
ol,
ul {
font-weight: 400;
letter-spacing: 0
}
ol,
ul {
font-size: 14px;
line-height: 24px
}
.material-icons {
font-family: Material Icons;
font-weight: 400;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
word-wrap: normal;
font-feature-settings: 'liga';
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased
}
.mdl-badge {
position: relative;
white-space: nowrap;
margin-right: 24px
}
.mdl-badge[data-badge]:after {
content: attr(data-badge);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: -11px;
right: -24px;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
font-size: 12px;
width: 22px;
height: 22px;
border-radius: 50%;
background: #ff4081;
color: #fff
}
.mdl-badge.mdl-badge--overlap {
margin-right: 10px
}
.mdl-badge.mdl-badge--overlap:after {
right: -10px
}
.mdl-button {
background: 0 0;
border: none;
border-radius: 2px;
color: #000;
position: relative;
height: 36px;
margin: 0;
min-width: 64px;
padding: 0 16px;
display: inline-block;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0;
overflow: hidden;
will-change: box-shadow;
transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
outline: none;
cursor: pointer;
text-decoration: none;
text-align: center;
line-height: 36px;
vertical-align: middle
}
.mdl-button::-moz-focus-inner {
border: 0
}
.mdl-button:hover {
background-color: hsla(0, 0%, 62%, .2)
}
.mdl-button:focus:not(:active) {
background-color: rgba(0, 0, 0, .12)
}
.mdl-button:active {
background-color: hsla(0, 0%, 62%, .4)
}
.mdl-button.mdl-button--colored {
color: #2196f3
}
.mdl-button.mdl-button--colored:focus:not(:active) {
background-color: rgba(0, 0, 0, .12)
}
.mdl-button--raised {
background: hsla(0, 0%, 62%, .2);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-button--raised:active {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
background-color: hsla(0, 0%, 62%, .4)
}
.mdl-button--raised:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
background-color: hsla(0, 0%, 62%, .4)
}
.mdl-button--raised.mdl-button--colored:focus:not(:active) {
background-color: #2196f3
}
.mdl-button--fab:focus:not(:active) {
box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
background-color: hsla(0, 0%, 62%, .4)
}
.mdl-button--fab.mdl-button--colored:focus:not(:active) {
background-color: #ff4081
}
.mdl-button--icon {
border-radius: 50%;
font-size: 24px;
height: 32px;
margin-left: 0;
margin-right: 0;
min-width: 32px;
width: 32px;
padding: 0;
overflow: hidden;
color: inherit;
line-height: normal
}
.mdl-button .material-icons {
vertical-align: middle
}
.mdl-card__title-text {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: inherit;
display: block;
display: -ms-flexbox;
display: flex;
font-size: 24px;
font-weight: 300;
line-height: normal;
overflow: hidden;
-webkit-transform-origin: 149px 48px;
transform-origin: 149px 48px;
margin: 0
}
.mdl-mega-footer {
padding: 16px 40px;
color: #9e9e9e;
background-color: #424242
}
.mdl-mega-footer__bottom-section:after,
.mdl-mega-footer__middle-section:after {
content: '';
display: block;
clear: both
}
.mdl-mega-footer__drop-down-section {
display: block;
position: relative
}
@media screen and (min-width:760px) {
.mdl-mega-footer__drop-down-section {
width: 33%
}
.mdl-mega-footer__drop-down-section:nth-child(1),
.mdl-mega-footer__drop-down-section:nth-child(2) {
float: left
}
.mdl-mega-footer__drop-down-section:nth-child(3) {
float: right
}
.mdl-mega-footer__drop-down-section:nth-child(3):after {
clear: right
}
.mdl-mega-footer__drop-down-section:nth-child(4) {
clear: right;
float: right
}
.mdl-mega-footer__middle-section:after {
content: '';
display: block;
clear: both
}
.mdl-mega-footer__bottom-section {
padding-top: 0
}
}
@media screen and (min-width:1024px) {
.mdl-mega-footer__drop-down-section,
.mdl-mega-footer__drop-down-section:nth-child(3),
.mdl-mega-footer__drop-down-section:nth-child(4) {
width: 24%;
float: left
}
}
.mdl-mega-footer__heading-checkbox {
position: absolute;
width: 100%;
height: 55.8px;
padding: 32px;
margin: -16px 0 0;
cursor: pointer;
z-index: 1;
opacity: 0
}
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
font-family: Material Icons;
content: '\E5CE'
}
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
display: none
}
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
font-family: Material Icons;
content: '\E5CF'
}
.mdl-mega-footer__heading {
position: relative;
width: 100%;
padding-right: 39.8px;
margin-bottom: 16px;
box-sizing: border-box;
font-size: 14px;
line-height: 23.8px;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #e0e0e0
}
.mdl-mega-footer__heading:after {
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
width: 23.8px;
height: 23.8px;
background-size: cover
}
.mdl-mega-footer__link-list {
list-style: none;
padding: 0;
margin: 0 0 32px
}
.mdl-mega-footer__link-list:after {
clear: both;
display: block;
content: ''
}
.mdl-mega-footer__link-list li {
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
line-height: 20px
}
.mdl-mega-footer__link-list a {
color: inherit;
text-decoration: none;
white-space: nowrap
}
@media screen and (min-width:760px) {
.mdl-mega-footer__heading-checkbox {
display: none
}
.mdl-mega-footer__heading-checkbox+.mdl-mega-footer__heading:after {
content: ''
}
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading+.mdl-mega-footer__link-list,
.mdl-mega-footer__heading-checkbox:checked~.mdl-mega-footer__link-list {
display: block
}
.mdl-mega-footer__heading-checkbox:checked+.mdl-mega-footer__heading:after {
content: ''
}
}
.mdl-mega-footer__bottom-section {
padding-top: 16px;
margin-bottom: 16px
}
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
float: left;
margin-bottom: 0;
margin-right: 16px
}
@supports (-webkit-appearance:none) {
}
.mdl-navigation {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
box-sizing: border-box
}
.mdl-navigation__link {
color: #424242;
text-decoration: none;
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 24px;
letter-spacing: 0;
opacity: .87
}
.mdl-layout {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
position: relative;
-webkit-overflow-scrolling: touch
}
.mdl-layout-title {
display: block;
position: relative;
font-family: Roboto, Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 1;
letter-spacing: .02em;
font-weight: 400;
box-sizing: border-box
}
.mdl-layout-spacer {
-ms-flex-positive: 1;
flex-grow: 1
}
.mdl-layout__drawer {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 240px;
height: 100%;
max-height: 100%;
position: absolute;
top: 0;
left: 0;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
box-sizing: border-box;
border-right: 1px solid #e0e0e0;
background: #fafafa;
-webkit-transform: translateX(-250px);
transform: translateX(-250px);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-property: transform;
transition-property: transform, -webkit-transform;
color: #424242;
overflow: visible;
overflow-y: auto;
z-index: 5
}
.mdl-layout__drawer>* {
-ms-flex-negative: 0;
flex-shrink: 0
}
.mdl-layout__drawer>.mdl-layout-title {
line-height: 64px;
padding-left: 40px
}
@media screen and (max-width:1024px) {
.mdl-layout__drawer>.mdl-layout-title {
line-height: 56px;
padding-left: 16px
}
}
.mdl-layout__drawer .mdl-navigation {
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
-ms-grid-row-align: stretch;
align-items: stretch;
padding-top: 16px
}
.mdl-layout__header {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: start;
justify-content: flex-start;
box-sizing: border-box;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
margin: 0;
padding: 0;
border: none;
min-height: 64px;
max-height: 1000px;
z-index: 3;
background-color: #2196f3;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
transition-property: max-height, box-shadow
}
@media screen and (max-width:1024px) {
.mdl-layout__header {
min-height: 56px
}
}
@media screen and (max-width:1024px) {
.mdl-layout__header {
display: none
}
}
.mdl-layout__header-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-negative: 0;
flex-shrink: 0;
box-sizing: border-box;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-align: center;
align-items: center;
height: 64px;
margin: 0;
padding: 0 40px 0 80px
}
@media screen and (max-width:1024px) {
.mdl-layout__header-row {
height: 56px;
padding: 0 16px 0 72px
}
}
.mdl-layout__header-row>* {
-ms-flex-negative: 0;
flex-shrink: 0
}
.mdl-layout__header-row .mdl-navigation {
margin: 0;
padding: 0;
height: 64px;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center
}
@media screen and (max-width:1024px) {
.mdl-layout__header-row .mdl-navigation {
height: 56px
}
}
.mdl-layout__header-row .mdl-navigation__link {
display: block;
color: #fff;
line-height: 64px;
padding: 0 24px
}
@media screen and (max-width:1024px) {
.mdl-layout__header-row .mdl-navigation__link {
line-height: 56px;
padding: 0 16px
}
}
@supports (pointer-events:auto) {
}
.mdl-layout__content {
-ms-flex: 0 1 auto;
position: relative;
display: inline-block;
overflow-y: auto;
overflow-x: hidden;
-ms-flex-positive: 1;
flex-grow: 1;
z-index: 1;
-webkit-overflow-scrolling: touch
}
.mdl-slider.is-upgraded:focus:not(:active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(33, 150, 243, .26)
}
.mdl-slider.is-upgraded:focus:not(:active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(33, 150, 243, .26)
}
.mdl-slider.is-upgraded:focus:not(:active)::-ms-thumb {
background: radial-gradient(circle closest-side, #2196f3 0, #2196f3 37.5%, rgba(33, 150, 243, .26) 37.5%, rgba(33, 150, 243, .26)100%);
transform: scale(1)
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-webkit-slider-thumb {
box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
background: rgba(0, 0, 0, .12)
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-moz-range-thumb {
box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
background: rgba(0, 0, 0, .12)
}
.mdl-slider.is-upgraded.is-lowest-value:focus:not(:active)::-ms-thumb {
background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 25%, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(0, 0, 0, .12)100%);
transform: scale(1)
}
.mdl-tabs {
display: block;
width: 100%
}
.mdl-tabs__tab-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: justify;
align-content: space-between;
-ms-flex-align: start;
align-items: flex-start;
height: 48px;
padding: 0;
margin: 0;
border-bottom: 1px solid #e0e0e0
}
.mdl-tabs__tab {
margin: 0;
border: none;
padding: 0 24px;
float: left;
position: relative;
display: block;
text-decoration: none;
height: 48px;
line-height: 48px;
text-align: center;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
color: rgba(0, 0, 0, .54);
overflow: hidden
}
.mdl-tabs__panel {
display: block
}
.mdl-textfield {
position: relative;
font-size: 16px;
display: inline-block;
box-sizing: border-box;
width: 300px;
max-width: 100%;
margin: 0;
padding: 20px 0
}
.mdl-textfield .mdl-button {
position: absolute;
bottom: 20px
}
.mdl-textfield__input {
border: none;
border-bottom: 1px solid rgba(0, 0, 0, .12);
display: block;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 4px 0;
width: 100%;
background: 0 0;
text-align: left;
color: inherit
}
.mdl-textfield__input[type=number] {
-moz-appearance: textfield
}
.mdl-textfield__input[type=number]::-webkit-inner-spin-button,
.mdl-textfield__input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.mdl-textfield__label {
bottom: 0;
color: rgba(0, 0, 0, .26);
font-size: 16px;
left: 0;
right: 0;
pointer-events: none;
position: absolute;
display: block;
top: 24px;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-align: left
}
.mdl-textfield--floating-label .mdl-textfield__label {
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-textfield__label:after {
background-color: #2196f3;
bottom: 20px;
content: '';
height: 2px;
left: 45%;
position: absolute;
transition-duration: .2s;
transition-timing-function: cubic-bezier(.4, 0, .2, 1);
visibility: hidden;
width: 10px
}
.mdl-tooltip {
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: top center;
transform-origin: top center;
will-change: transform;
z-index: 999;
background: rgba(97, 97, 97, .9);
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: 10px;
font-weight: 500;
line-height: 14px;
max-width: 170px;
position: fixed;
top: -500px;
left: -500px;
padding: 8px;
text-align: center
}
.mdl-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 auto;
-ms-flex-align: stretch;
align-items: stretch
}
.mdl-cell {
box-sizing: border-box
}
@media (max-width:479px) {
.mdl-grid {
padding: 8px
}
.mdl-cell {
margin: 8px;
width: calc(100% - 16px)
}
.mdl-cell--hide-phone {
display: none!important
}
.mdl-cell--2-col,
.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
width: calc(50% - 16px)
}
.mdl-cell--3-col {
width: calc(75% - 16px)
}
.mdl-cell--4-col,
.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
width: calc(100% - 16px)
}
.mdl-cell--6-col {
width: calc(100% - 16px)
}
.mdl-cell--9-col {
width: calc(100% - 16px)
}
.mdl-cell--12-col,
.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
width: calc(100% - 16px)
}
}
@media (min-width:480px) and (max-width:839px) {
.mdl-grid {
padding: 8px
}
.mdl-cell {
margin: 8px;
width: calc(50% - 16px)
}
.mdl-cell--hide-tablet {
display: none!important
}
.mdl-cell--2-col {
width: calc(25% - 16px)
}
.mdl-cell--3-col,
.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
width: calc(37.5% - 16px)
}
.mdl-cell--4-col,
.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
width: calc(50% - 16px)
}
.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
width: calc(62.5% - 16px)
}
.mdl-cell--6-col {
width: calc(75% - 16px)
}
.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
width: calc(100% - 16px)
}
.mdl-cell--9-col {
width: calc(100% - 16px)
}
.mdl-cell--12-col {
width: calc(100% - 16px)
}
}
@media (min-width:840px) {
.mdl-grid {
padding: 8px
}
.mdl-cell {
margin: 8px;
width: calc(33.3333333333% - 16px)
}
.mdl-cell--hide-desktop {
display: none!important
}
.mdl-cell--2-col {
width: calc(16.6666666667% - 16px)
}
.mdl-cell--3-col {
width: calc(25% - 16px)
}
.mdl-cell--4-col {
width: calc(33.3333333333% - 16px)
}
.mdl-cell--6-col,
.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
width: calc(50% - 16px)
}
.mdl-cell--9-col {
width: calc(75% - 16px)
}
.mdl-cell--12-col {
width: calc(100% - 16px)
}
}
body {
margin: 0
}
.material-icons {
font-family: Material Icons;
font-weight: 400;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga'
}
.div-live-chat {
float: left!important;
display: inline-block!important;
height: 30px!important;
margin-top: 0!important
}
.div-live-chat,
.live-chat {
line-height: 30px!important
}
.live-chat {
width: 100%!important;
text-decoration: none!important;
cursor: pointer!important
}
@media (max-width:480px) {
.stopka {
padding: 12px!important
}
.stopka_podpis>li {
width: 145px!important
}
}
.mdl-textfield__label:after {
background-color: #2196f3!important
}
.clearfix {
clear: both!important
}
.blok_podpis,
.stopka_podpis {
margin: 0!important
}
.stopka_podpis>li {
font-size: 10px!important;
float: right!important
}
.stopka_podpis>li>div {
display: inline-block;
float: left
}
.btn-producenci {
text-decoration: none!important
}
.spolecznosciowe {
margin-right: 50px
}
.spolecznosciowe>a {
text-decoration: none;
margin-right: 10px;
color: #55acf1!important
}
.mdl-layout__content {
overflow-y: hidden!important
}
#stipe_gray,
.top_ {
z-index: 150!important;
position: fixed!important
}
.red_animation {
-webkit-animation: color_change 1s infinite alternate;
animation: color_change 1s infinite alternate
}
@-webkit-keyframes color_change {
0% {
color: #2196f3
}
to {
color: #ff4081
}
}
@keyframes color_change {
0% {
color: #2196f3
}
to {
color: #ff4081
}
}
.topek {
margin-top: 20px;
z-index: 160!important;
min-height: 117px
}
#menu_gorne,
.topek {
width: 100%!important;
position: fixed!important
}
#menu_gorne {
top: 137px!important;
z-index: 150!important;
height: 30px!important;
left: 0!important;
right: auto!important;
margin-left: 0!important;
border-bottom: 1px solid #e7e7e7
}
.content-app {
margin-top: 140px!important
}
.ddos.mdl-tooltip {
background-color: #fff;
color: #9b9b9b!important;
z-index: 9999!important;
position: fixed!important;
top: 120px!important;
left: auto!important;
right: auto!important;
margin-left: -440px!important;
display: block!important;
border: 1px solid #5caff2!important;
text-align: left;
font-size: 11px!important;
min-width: 600px!important;
line-height: 13px!important
}
#ddos {
z-index: 9999!important;
cursor: help!important;
outline: none!important
}
#shadow-box {
display: none;
position: fixed;
margin-right: auto;
margin-left: auto;
z-index: 100!important;
background: #000;
min-height: 100%;
width: 100%!important;
opacity: .7
}
.div_szukanie {
width: 100%!important
}
.color_blue {
color: #2196f3!important
}
h1,
h2,
h3,
h5 {
font-family: RobotoDraft, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
font-weight: 300
}
.roboto {
font-family: RobotoDraft, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif!important;
font-weight: 300!important
}
.stopka {
background-color: transparent!important
}
.stopka,
.stopka_a {
font-size: 12px!important
}
.certyfikaty {
margin-left: auto;
margin-right: auto;
float: none!important;
max-width: 95%!important
}
.cert {
position: relative;
display: inline-block;
float: left!important;
height: 220px!important;
width: 14.2857%!important
}
.divek {
display: none;
position: absolute!important;
background-color: #fff!important;
background-repeat: no-repeat!important;
background-position: 90%;
margin-top: 5px;
left: auto!important;
min-width: 1138px!important;
height: 400px!important;
z-index: 9999!important;
border-top: 1px solid #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.kat_main {
display: block!important;
text-align: left!important;
font-family: Lato, sans-serif;
margin-top: 0!important;
margin-bottom: 1px!important;
float: left!important;
clear: both;
text-transform: none!important;
text-decoration: none!important;
font-weight: 400!important;
color: #2196f3!important;
width: 300px;
font-size: 14px!important;
background-color: #fff!important;
height: 32px!important
}
.kat_wiecej {
font-family: Lato, sans-serif;
margin-top: 0!important;
margin-bottom: 1px!important;
float: left!important;
clear: both;
text-transform: none!important;
text-decoration: none!important;
font-weight: 400!important;
color: #ff4081!important;
width: 300px;
font-size: 12px!important;
background-color: transparent!important;
height: 32px!important;
text-align: left!important
}
.menu_pionowe_tabs {
text-transform: lowercase!important;
text-decoration: none!important;
height: 30px!important;
line-height: 30px!important;
font-weight: 400!important;
font-family: Roboto, sans-serif;
font-size: 16px!important;
-webkit-border-bottom-right-radius: 0!important;
-webkit-border-bottom-left-radius: 0!important;
-moz-border-radius-bottomright: 0!important;
-moz-border-radius-bottomleft: 0!important;
border-bottom-right-radius: 0!important;
border-bottom-left-radius: 0!important;
padding: 0 11px!important
}
.menu_pionowe_tabs:active,
.menu_pionowe_tabs:focus,
.menu_pionowe_tabs:hover {
background-color: #2196f3!important;
color: #fff!important
}
.arrow_menu {
visibility: hidden;
position: absolute!important;
left: 0;
right: 0;
margin: 0 auto;
bottom: -10px!important
}
.mdl-tabs__tab.is-active {
background-color: transparent!important;
color: #5ea5fd!important;
border: 0!important
}
.white_back {
background-color: #fff
}
.img_responsive {
max-width: 100%;
height: auto;
display: block
}
.mdl-top {
background-color: #fff
}
.logo_mel {
margin-top: 20px
}
.margin_fix {
margin-left: 0!important;
margin-right: 0!important
}
.margin_fix_mdl {
margin: 0!important
}
.padding_fix_mdl {
padding: 0!important
}
.padding_fix {
padding-left: 0!important;
padding-right: 0!important
}
.twoja_melissa {
margin-top: 25px;
color: #9b9b9b!important;
font-family: Roboto, sans-serif;
font-size: 14px;
letter-spacing: -1px
}
.float_right {
float: right!important
}
.float_left {
float: left!important
}
.center_block {
display: block!important;
margin-left: auto!important;
margin-right: auto!important
}
.kontener {
max-width: 1140px!important
}
.kontener {
margin-left: auto!important;
margin-right: auto!important;
display: block!important
}
.kontener_all {
width: 100%;
display: block!important
}
.mdl-stoprocent {
display: block;
height: 30px;
width: 100%;
background-color: #e4e4e4
}
.text_field {
width: 100%;
margin-right: 0;
padding-right: 0;
margin-top: 0
}
.pole_szukanie {
width: 90%!important;
border: 0!important;
height: 32px!important;
padding: 5px!important;
margin-top: 0!important;
outline: none!important
}
.pole_szukanie,
.search-button {
background-color: #f2f2f2!important
}
.search-button {
width: 10%!important;
position: absolute!important;
right: -8px!important;
height: 42px!important;
border-radius: 0!important;
border: 0!important
}
.menu_nawigacja {
color: #9b9b9b!important;
font-size: 12px!important;
padding-left: 10px!important;
padding-right: 10px!important;
line-height: 30px!important;
text-decoration: none!important
}
.menu_nawigacja:hover {
background-color: #fff
}
.menu_nawigacja_blue {
color: #55acf1!important;
font-size: 12px!important;
padding-left: 10px!important;
padding-right: 10px!important;
line-height: 30px!important
}
.menu_nawigacja_blue:hover {
text-decoration: none;
background-color: #fff
}
.menu_nawigacja_gray {
color: #9b9b9b!important;
font-size: 12px!important;
padding-left: 10px!important;
padding-right: 10px!important;
line-height: 30px!important
}
.button-blue {
color: #2095f3!important;
background-color: #fff!important;
border: 1px solid #55acf1!important;
box-shadow: none!important
}
.button-blue:hover {
color: #fff!important;
background-color: #2095f3!important
}
.blue {
color: #55acf1!important
}
.gray {
color: #828282!important
}
.blue_dark {
color: #2095f3!important
}
.stripe {
box-shadow: none!important;
background-color: #e4e4e4!important;
min-height: 30px!important
}
.aktywny {
background-color: #fff!important;
color: #55acf1;
height: 30px!important;
line-height: 30px!important
}
.baner_body {
display: block;
width: 100%!important;
height: auto!important
}
#body_all {
margin-left: 0;
margin-right: 0;
background-color: #eee
}
a,
a:focus,
a:hover {
color: #6b6b6b
}
.koszyk {
width: 46px;
height: 38px;
display: block;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_8/koszyk.png);
background-repeat: no-repeat
}
.mdl-badge[data-badge]:after {
left: -2px!important;
background-color: #fff!important;
color: #5caff2!important;
top: 0!important;
border: 1px solid #5caff2!important
}
.do_darmowej {
width: 110%;
font-size: 12px!important;
color: #a2a2a2;
text-decoration: none!important;
word-spacing: -1px;
text-align: right;
line-height: 12px
}
.shop-cart {
display: block;
padding: 2px;
font-family: Roboto, sans-serif;
font-size: 20px;
font-weight: 400;
color: #5caff2;
height: 40px;
margin-top: 20px
}
.cena_total {
margin-top: 10px;
font-size: 20px
}
.tblprodukt {
border: 1px solid #e5e6e6;
background: #fff
}
.breadcrumb {
padding: 4px;
padding-left: 0;
list-style: none;
background-color: #fff;
border-radius: 0;
margin: 0;
font-size: 11px!important
}
.breadcrumb>li {
display: inline-block
}
.breadcrumb>li+li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0"
}
.breadcrumb>.active {
color: #777
}
.breadcrumb>li>a {
color: #ff4081!important;
text-decoration: none!important
}
.headerek {
margin-top: 0!important;
margin-bottom: 0!important;
font-size: 20px!important;
line-height: 20px;
font-weight: 400!important;
padding-left: 10px
}
.header_blue {
color: #2196f3!important
}
.label_mini {
font-size: 12px!important
}
.navbar-brand-kategorie {
float: left;
height: 20px;
width: 100%;
padding: 10px 0;
padding-left: 0;
color: #fff;
display: block;
position: relative;
background-color: #2196f3!important;
z-index: 10
}
.adres_producenta-karta,
.adres_producenta-karta>p,
.adres_producenta-karta>p>span {
color: #828282!important
}
.menu_lewe {
padding-top: 0!important;
text-transform: none!important;
text-align: left!important;
border-left: 1px solid #fff!important;
border-right: 1px solid #fff!important;
height: auto!important
}
.menu_lewe:hover {
color: #fff!important;
text-decoration: none!important;
background-color: #2196f3!important
}
.dd-content>a {
display: block;
border-top: 2px solid #fff;
padding: 0 15px;
font-size: 14px!important;
padding-left: 7px;
background: #fff;
cursor: pointer;
color: #2196f3!important;
font-weight: 400!important;
font-family: Lato, sans-serif!important;
line-height: 30px!important
}
.dd {
font-size: 11px;
line-height: 20px
}
.dd,
.dd-list {
position: relative;
display: block;
list-style: none
}
.dd-list {
margin: 0;
padding: 0
}
.dd-item {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 11px;
line-height: 20px
}
@media (max-width:1160px) {
.menu_pionowe_tabs {
min-width: 64px!important
}
}
@media (max-width:1024px) {
.topek {
margin-top: 0!important;
min-height: 77px!important;
padding-bottom: 0!important;
padding-top: 0!important
}
.content-app {
margin-top: 110px!important
}
.mdl-top {
position: fixed;
z-index: 9999;
left: 0;
top: 0;
transition: top .2s ease-in-out;
width: 100%;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5)
}
.dd-content>a {
font-size: 14px!important
}
.mdl-stoprocent {
background-color: #fff!important
}
.cell-kategorie {
display: none!important
}
.logo_mel {
margin-bottom: 0!important;
padding-left: 5px!important;
padding-right: 5px!important
}
.menu_poziome {
display: none!important
}
.cert {
width: 20%!important
}
}
@media (max-width:840px) {
.logo-melissa-mobile {
max-height: 36px!important
}
.koszyk-mobile {
width: 59%!important;
font-family: Roboto, sans-serif!important;
font-size: 22px!important;
line-height: 36px;
font-weight: 400!important;
margin-right: 3px!important
}
.gora-mobile {
margin-top: 8px!important
}
.domek-tablet {
font-size: 35px!important
}
.strona-glowna-mobile-a {
width: 89px;
float: right;
margin-right: 246px;
margin-top: -46px;
padding: 4px 9px 4px 6px;
display: inline-block;
font-size: 12px;
line-height: 18px;
text-decoration: none;
text-align: left
}
.social-ikony {
display: inline-block!important;
width: 52px!important;
height: 60px!important;
margin-left: 15px!important
}
.do_darmowej {
display: none!important
}
.shop-cart {
width: 125px!important;
margin-left: auto!important;
margin-right: auto!important;
margin-top: -5px!important
}
.logo_mel {
width: 90%!important;
margin-top: 0!important
}
}
@media (max-width:1140px) {
.ddos.mdl-tooltip {
top: 130px!important;
margin-left: -460px!important
}
.divek {
min-width: 978px!important
}
.menu_pionowe_tabs {
font-size: 13px!important;
padding-left: 8px!important;
padding-right: 8px!important
}
.twoja-melissa {
visibility: hidden!important
}
.twoja_melissa {
font-size: 12px!important
}
.twoja_melissa {
line-height: 16px;
word-spacing: 0
}
.cena_total {
font-size: 16px!important
}
.kontener {
max-width: 1000px!important;
margin-left: auto!important;
margin-right: auto!important
}
}
@media (max-width:839px) {
.koszyk-mobile {
margin-right: 0!important
}
.strona-glowna-mobile-a {
margin-right: 201px;
text-align: right!important;
font-weight: 400!important
}
#stipe_gray {
height: 0
}
.text_field {
margin-top: 0!important
}
.text_field {
width: 100%!important;
padding-top: 0!important
}
}
@media (max-width:990px) {
.do_darmowej {
font-size: 10px!important
}
.badge_sm {
margin-right: 5px!important
}
.cena_total {
font-size: 12px!important
}
}
@media (max-width:768px) {
.koszyk-mobile {
width: 180px!important;
font-size: 20px!important;
line-height: 19px
}
.search-button {
background-color: #2196f3!important
}
.search-button i {
color: #fff!important
}
.shop-cart {
margin-top: -5px!important;
width: 100px!important;
float: left!important;
margin-left: -80px!important
}
.cert {
height: 170px!important;
width: 25%!important
}
.search-button {
margin-top: 20px
}
}
@media (max-width:500px) {
.koszyk-mobile {
width: 73px!important;
padding: 4px 3px!important;
margin-right: 0!important;
float: right!important
}
.koszyk-mobile {
margin-top: 0!important
}
.shop-cart {
margin-top: -10px!important;
width: 100px!important;
float: left!important;
margin-left: -80px!important
}
.logo_mel {
width: 72%!important;
margin-left: 0!important;
margin-top: 0!important
}
.content-app {
margin-top: 61px!important
}
.mdl-top {
height: 74px!important
}
.pole_szukanie {
width: 75%!important;
height: 25px!important;
text-decoration: none!important;
margin-top: -1px!important
}
.search-button {
width: 25%!important;
height: 35px!important;
margin-top: 0!important;
background-color: #2196f3!important
}
.search-button,
.search-button i {
color: #fff!important
}
.koszyk {
margin-top: 0!important;
width: 24px;
height: 19px;
display: block;
background-image: url(https://cdn.estorecontent.com/visualizations/visualizationcontext_8/koszyk_mini.png);
background-repeat: no-repeat
}
.mdl-badge[data-badge]:after {
font-size: 10px!important;
width: 16px!important;
height: 16px!important;
top: 0!important
}
.div_szukanie {
padding-left: 0!important
}
.cert {
width: 33%!important
}
}
@media (max-width:480px) {
.koszyk-mobile {
font-size: 10px!important;
line-height: 10px!important;
margin-right: 70px!important
}
.domek-tablet {
font-size: 16px!important
}
.gora-mobile {
margin-top: 0!important
}
.strona-glowna-mobile-a {
width: 57px;
float: right;
margin-right: 155px;
margin-top: -30px;
padding: 4px 9px 4px 6px;
display: inline-block;
font-size: 9px;
line-height: 10px!important;
text-decoration: none;
text-align: left
}
}
@media (min-width:481px) and (max-width:767px) {
.gora-mobile {
padding-top: 5px!important
}
.strona-glowna-mobile-a {
margin-right: 201px!important
}
}
@media screen and (max-width:340px) {
.strona-glowna-mobile {
display: none
}
.koszyk-mobile {
width: 62%!important
}
.strona-glowna-mobile-a {
width: 20px!important;
padding: 4px!important;
text-align: center!important;
font-weight: 700!important;
line-height: 11px!important
}
.strona-glowna-mobile-a>span {
float: none!important
}
}
.text-center {
text-align: center
}
.text-left {
text-align: left
}
.cell-karta-produktu .mdl-tabs__tab-bar {
border-bottom: none!important;
float: left
}
.cell-karta-produktu .mdl-tabs__panel {
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede
}
.cell-karta-produktu {
font-family: Roboto
}
.border-all {
border: 1px solid #dedede
}
.cell-karta-produktu h1 {
font-family: Roboto;
color: #757575;
font-size: 24px;
margin-top: 0
}
.cell-karta-produktu .available {
color: #8ec670;
text-transform: uppercase;
margin-top: 10px
}
.cell-karta-produktu .header_blue {
margin: 10px 0
}
.mdl-tabs__panel {
width: 100%!important
}
.cell-karta-produktu .prawy_box p {
margin-bottom: 2px
}
input.qtyminus,
input.qtyplus {
background-color: transparent!important;
width: 30px!important;
height: 36px!important;
color: #5ea5fd!important;
font-size: 18px!important;
min-width: 30px!important
}
input.qtyminus,
input.qtyplus {
padding: 0;
margin: 0 2px;
float: left!important;
display: block
}
.cell-karta-produktu .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label {
float: left;
display: block;
margin-top: -12px
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0
}
@media (max-width:1024px) {
.cell-karta-produktu {
width: calc(100% - 16px)!important
}
}
@media (max-width:768px) {
.cell-karta-produktu .mdl-tabs__tab {
font-size: 10px
}
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.fa-search:before {
content: "\f002"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-facebook:before {
content: "\f09a"
}
.fa-link:before {
content: "\f0c1"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-plus:before {
content: "\f0d5"
}
.fa-instagram:before {
content: "\f16d"
}